@charset "utf-8";

/******* sub09 *****/
.sub09{background: #e4f3f1; }
.sub09 .article_titWr { padding-top: 40px; margin-top: -100px; background: #fff; }
.sub09 .article_titWr .title-content h3{ background: #fff;  color: #00aac9; }
.sub09 .article_titWr .title-content h3 span{ display: inline-block; padding-top:100px; background: url(../image/sub/sub09/1.png) no-repeat left 0; }
.sub09 .article_titWr .article_Intro .boximg{ margin-top:-100px; }

.sub09 .section.line13{ border-left:1px solid #00aac9; border-top:1px solid #00aac9; }
.sub09 .section.line13 p{ color: #00aac9; }

.end_ico8{ background: url(../image/ico/end_ico8.png) no-repeat center / cover; }

@media all and (max-width:1089px){
	.sub09 .article_titWr .article_Intro .boximg{  
		margin: 0;
	}
}

/******* sub10 *****/
.sub10{ background: #7cc7dc; }
.sub10 .bg10{ padding:15px; background: #fff; color: #00aac9; }
.sub10 .acont b{ color: #fff; }
.end_ico9{ background: url(../image/ico/end_ico9.png) no-repeat center / cover; }

/******* sub11 *****/
#content.top_No_image.sub11{ margin-top:0; padding-top: 4rem; }
.sub11 .article_titWr{ padding:100px 0 300px 0; background: url(../image/sub/sub11/2.jpg) no-repeat center 0; background-size: 100% auto; }
.sub11Color{ color:#fff !important; }
.sub11Color2{ text-decoration-color: #00aac9 !important;  color: #00aac9 !important; }
.sub11 .sub_BoxT2{ border-bottom: 1px solid #fff; color: #fff; }
.sub11 .article_Intro .author1{ color: #fff; }
.sub11 h3 span{color: #fff; }
.sub11 .brwn_line {width:100%; height: 1px; background-color: #fff;}
.sub11 .acont.bg10{ padding:15px; background: #fff; color: #00aac9; }

.boximg.cls{ display: none; }

.sub11 a {color: #00aac9; }
.sub11 .underline11_h3 {color:#00aac9; font-weight: bold; padding: 10px 0; text-align: left; text-decoration: 1px underline #00aac9; }
.sub11 .underline11 {color:#00aac9; font-weight: bold; padding: 10px 0; text-align: left; }
.sub11 .article-body h3.sub11Color{color: #00aac9; text-decoration-color: #00aac9;}
.sub11 .consubdiv { width: 75%; margin: 0 auto; text-align: left;}
.sub11 .consubdiv2 { width: 100%; margin: 0 auto; text-align: left;}
.sub11 .consubdiv2 p{ line-height: 26px; }

.sub11 .consub1 {color: #00aac9;}
.sub11 .consub1 a {color: #00aac9;}
.sub11 .consub1 span{font-weight: bold; }
.sub11 .line11 {width: 100%; height: 1px; background-color:#00aac9; margin: 0 auto;}

.sub11 .border_right {border-right: 1px solid #00aac9;}
.sub11 .indent11 {text-indent: -10px; padding-left: 10px;}

.sub11 .pinkbox {width: 100%; background-color: #00aac9; padding: 10px;}
.sub11 .pinkbox .flex .boximg:nth-child(1) {width: 50%; margin-right: 20px;}
.sub11 .pinkbox .flex .boximg:nth-child(2) {border-bottom: 1px solid #fff; }
.sub11 .pinkbox .flex .boximg.lst {border-bottom: 0; }


.sub11 .triptip {color: #00aac9; font-size: 20px; width: 100%; position: relative;}
.sub11 .triptip .market11 {position: absolute; right: 10px; bottom: -40px;}
.sub11 .place11 {color: #fff; font-size: 18px; border-bottom: 1px solid #fff;  vertical-align: text-bottom; text-align: left; position: relative;}
.sub11 .place11>span {display: inline-block; position: absolute; right: 10px; top: -50px;}

.travel_tips{padding:20px; background:#edebf5; color:#00aac9; }
.travel_tips strong{ display: block; margin-bottom:10px; font-size: 18px; font-weight:800; }
.travel_tips strong img{ display: block; }
.travel_tips span{ display: block; margin-bottom:7px; font-size: 16px; font-weight:600; }
.travel_tips p{ display: block; margin-bottom:15px; font-size: 15px; }
.travel_tips ul{ margin-bottom:18px; }
.travel_tips ul li{ margin:0 0 10px 12px; text-indent: -12px; line-height: 24px; }
.travel_tips ul li:last-child{ margin-bottom:0; }
.travel_tips p:last-child{ margin-bottom:0; }

.triptip{ margin-top:150px; }

.sub11 .sub11_bgBox{color: #00aac9; background: #fef5eb; padding: 20px; margin-bottom: 40px;}
.sub11 .sub11_bgBox span{ display: block; margin-bottom:7px; font-weight: bold; font-size: 18px; color: #f39a59; }
.sub11 .sub11_bgBox p.sub11Color{ margin-bottom:0; font-weight: bold; font-size: 18px; }
.sub11 .sub11_bgBox .acont{ margin-top:0; color: #00aac9; }
.sub11 .sub11_bgBox .acont:last-child{ margin-bottom:0;  }
.sub11 .sub11_bgBox strong.ico{ display: inline-block; padding:55px 100px 0  0; background: url(../image/sub/sub12/ico3.png) no-repeat right bottom; }
.sub11 .sub11_bgBox strong.ico2{ display: inline-block; margin-top:-50px; padding:55px 100px 0  0; background: url(../image/sub/sub12/ico4.png) no-repeat right bottom; }
.sub11 .sub11_bgBox .flex{ margin-top:10px; align-items:flex-start;}
.sub11 .sub11_bgBox .flex .boximg{ margin-right: 20px; }
.sub11 .sub11_bgBox .flex p{ line-height: 30px; }

@media all and (max-width:1750px){
	.sub11 .article_titWr{
		padding:100px 0 0 0;
	}
}

@media all and (max-width:1250px){
	.sub11 .article_titWr{
		background-size: cover;
	}
}

@media all and (max-width:1089px){
	#content.top_No_image.sub11{
		padding-top: 2rem;
	}
	.sub11 .triptip { padding: 20px 20px 60px;}
}
@media all and (max-width:768px){
	.sub11 .pinkbox .flex .boximg {margin:10px auto;}
	.sub11 .pinkbox .flex .boximg:nth-child(1) {width: 100%; margin-right: 0px;}
	.sub11 .border_right {border-right:none;}
	.sub11 .consubdiv {width: 100%; margin: 0 auto;}
	.sub11 .line11 {width: 100%;}
	.sub11 .triptip .market11 {position: absolute; right: 20px;}
}
@media all and (max-width:537px){
}


/******* sub12 *****/
.sub12 .article-body h3{ text-decoration-color: #00aac9; color: #00aac9; }
.sub12 .article-body p.acont{ font-size: 18px; font-family: 'GangwonEdu_OTFBoldA'; }



/******* sub13 *****/
.sub13{ background: url(../image/sub/sub13/bg.jpg) repeat 0 0; }
.sub13 .article-body h3{ text-decoration-color: #00aac9; color: #00aac9; }
.sub13 .article-body p.acont{ font-size: 18px; font-family: 'GangwonEdu_OTFBoldA'; }
.sub13Color{ color: #00aac9 !important; }


@media all and (max-width:768px){


}


/***** sub14 *****/
.sub14 h3{color: #222; text-decoration:none; font-family: 'GangwonEdu_OTFBoldA';}
.sub14Color {color: #4c6da9; }
.sub14 .orangetxt{color: #222; font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 10px;}
.sub14 .orangetxt1{color: #222; font-size: 30px; font-weight: bold; text-align: center; font-family: 'GangwonEdu_OTFBoldA'; line-height: 28px; }
.sub14 .orangeline {width: 100%; height: 1px; margin: 10px 0; background-color: #f6af74; }
.sub14 .number13 {display: inline-block; width:22px; height:22px; margin-right: 10px;  background-color:#222 ; border-radius: 50%; text-align: center; line-height:20px; font-size: 16px; color: #fff;  }

.sub14 .article-title h3 p{ margin-bottom:50px; padding-bottom:150px; background: url(../image/sub/sub14/1.png) no-repeat center bottom; }
.sub14 .section.bg13 .subList{ position: relative; padding:65% 0 54% 0; background: url(../image/sub/sub14/bg1.png) no-repeat left top -50px; background-size: 80% auto; }
.sub14 .section.bg13 ul.sbul01{ position: absolute; top:45px; right:0; }
.sub14 .section.bg13 ul.sbul01 li{ display: block; width: inherit; float: none; text-align: left; margin-bottom:15px;  }
.sub14 .section.bg13 ul.sbul01 li.lst{ margin-left:30px; text-indent: -30px; font-weight: 600; color: #00aac9; }
.sub14 .section.bg13 ul.sbul02{ position: absolute; bottom:55px; right:0; }
.sub14 .section.bg13 ul.sbul02 li{ display: block; width: inherit; float: none; margin-bottom:15px; text-align: left; }
.sub14 .section.bg13 ul.sbul02 li.lst{  margin-bototm:0; }
.sub14 .section.bg13 ul.sbul02 li span{ display: inline-block; font-weight: 600; margin-right:10px }


.sub14 .section.bg132 .subList{ position: relative; padding:20% 0 75% 0; background: url(../image/sub/sub14/bg2.png) no-repeat right top; background-size: 80% auto; }
.sub14 .section.bg132 ul.sbul01{ position: absolute; top:300px; left:0; }
.sub14 .section.bg132 ul.sbul01 li{ display: block; width: inherit; float: none; text-align: left; margin-bottom:15px;  }
.sub14 .section.bg132 ul.sbul01 li.lst{ margin-left:40px; text-indent: -40px; font-weight: 600; color: #00aac9; }
.sub14 .section.bg132 ul.sbul01 li.lst span{ margin-right:10px; }
.sub14 .section.bg132 ul.sbul02{ position: absolute; bottom:0; left:0; }
.sub14 .section.bg132 ul.sbul02 li{ display: block; width: inherit; float: none; margin-bottom:15px; text-align: left; }
.sub14 .section.bg132 ul.sbul02 li:last-child{  margin-bototm:0; }
.sub14 .section.bg132 ul.sbul02 li span{ display: inline-block; font-weight: 600; margin-right:10px }

.section.line13{ padding-left:15px; border-left:1px solid #4c6da9; border-top:1px solid #4c6da9;}
.section.line13 .acont{ color:#4c6da9;}

@media all and (max-width:768px){
	.sub14 .section.bg13 .subList{ padding:130% 0 0 0;  }
	.sub14 .section.bg13 .subList ul.sbul01{ position: unset; }
	.sub14 .section.bg13 .subList ul.sbul02{ position: unset; }

	.sub14 .section.bg132 .subList{ padding:105% 0 0 0; background-position: left top; }
	.sub14 .section.bg132 .subList ul.sbul01{ position: unset; }
	.sub14 .section.bg132 .subList ul.sbul02{ position: unset; }
}


/******* sub15 *****/
.sub15{ background: #fed63b; }
.sub15Color{color: #00aac9;}
.sub15 a {color: #00aac9;}
.sub15 .section{  }
.sub15 .section .flex{ align-items: start; gap:20px; }
.sub15 table{  border-left: 1px solid #00aac9; border-top: 1px solid #00aac9; }
.sub15 table tr td{  padding:10px; color: #00aac9; }



@media all and (max-width: 768px){
	
}


/******* sub16 *****/
.sub16 .section{max-width: 900px;}
.sub16h3{font-size: 30px; color: #fff; font-weight: 800;  -webkit-text-stroke: 1px #222; padding-top: 10px;}

.sub16BoxList{position: relative; display: inline-block; width: 100%;	height: auto;	margin: 0 auto;box-sizing: border-box;}
.sub16BoxList li{	position: relative;	display: flex;	flex-direction: column;		height: auto;	margin: 0 auto; 	margin: 10px 0;	box-sizing: border-box; }
.sub16Box{position: relative;	display: flex; width: 100%; margin: 0 auto;	border-top: 1px solid #737373; 	box-sizing: border-box;	padding: 15px 0 10px;}

.sub16BoxList .sub16Box div{	position: relative;  width: 100%; margin-bottom: 10px; padding: 10px 15px 0; }
.sub16BoxList li div.boder_none{	border-bottom: none;}

.sub16 .acont{text-align: left;}
.sub16 .subTitle2{text-align: left; font-weight: bold; font-size: 20px;	margin: 0 auto 20px; }
.sub16 .thismonth { color: #222;}
.sub16 .year_month{float: left;  font-size: 22px;}
.sub16 .volume{float:right;  font-size: 20px;}

@media all and (max-width:1089px){
.sub16BoxList li{	display: inline-block;  width: 100%; margin: 0;	}
.sub16BoxList .sub16Box div{width: 100%;	/* margin: 15px 0;  */	padding: 10px 10px 0;}
.sub16BoxList li:last-child{width: 100%;}
.sub16Box{flex-direction: column;}
}

/******* sub17 *****/
.sub17color{ color: #00aac9; }
a.sub17_a{  text-decoration: underline; color: #00aac9; }

.sub17{	position: relative;  box-sizing: border-box; background: url(../image/sub/sub17/bg.jpg) repeat 0 0; }
.sub17 .sub_BoxT2 { border-bottom: 1px solid #fff;}
.sub17 .eventTit{	color: #222;	text-align: center;	font-family: 'GangwonEdu_OTFBoldA';}
.sub17 .section2{	position: relative;	display: block; margin: 0 auto; 	margin-bottom: 30px;	width: 100%;	box-sizing: border-box;	text-align: center;	}
.sub17 .subscri_box {		width: 100%;		word-break: break-all; margin: 0 auto; }
.sub17 .subscri_box td {vertical-align:top; color: #00aac9; font-size: 18px; line-height: 1.8; padding:10px 5px;}
.sub17 .subscri_box td:nth-child(1) {color: #00aac9; font-weight: bold;}
.sub17 .subscri_box tr:nth-child(3) td {padding-top: 10px;}
.button {	background-color:#00aac9; border-radius:11px;	display:inline-block;		cursor:pointer;	color:#faf9ee;	font-family:'Noto Sans KR';	font-size:18px;	font-weight:bold;	padding:13px 30px;	text-decoration:none;	}
.sub17 .button:active {	position:relative;	top:1px;	}
.sub17 .pinkline {width: 100%; height: 1px; background-color: #00aac9;}
.sub17 .subList li {vertical-align: top; margin: 20px 0;}
.sub17 .width30 {width:150px;}
.sub17 .subscri_box2 td:nth-child(1) {width: 35%;}
.sub17 .subscri_box2 td {border-top: 1px solid #00aac9;}

@media all and (max-width:768px){
	.sub17 .subscri_box td{display: block; width: 100%;}
	.sub17 .subscri_box td br{ display: none;}
	.sub17 .subscri_box td:nth-child(1){width: 100%;}
	.sub17 .qrimg {float: none; margin-bottom: 10px;}
	.sub17 .subscri_box {width: 100%; }
	.sub17 .width30 {text-align: center; margin-top: 30px;}
	.sub17 .subscri_box2 td:nth-child(2) {border-top:none}
}
