/* ¼­ºê ºñÁê¾ó ÅؽºÆ® deahan ÆùÆ®´Â seoulH·Î º¯°æÇØ »ç¿ëÇß½À´Ï´Ù. */
#wrapper1{background: url(../images/sub/sub_visual1.jpg) no-repeat center top fixed;}
#wrapper2{background: url(../images/sub/sub_visual2.jpg) no-repeat center top fixed;}
#wrapper3{background: url(../images/sub/sub_visual7.jpg) no-repeat center top fixed;}
#wrapper4{background: url(../images/sub/sub_visual4.jpg) no-repeat center top fixed;}
#wrapper5{background: url(../images/sub/sub_visual5.jpg) no-repeat center top fixed;}
#wrapper6{background: url(../images/sub/sub_visual6.jpg) no-repeat center top fixed;}
#wrapper7{background: url(../images/sub/sub_visual3.jpg) no-repeat center top fixed;}
#wrapper8{background: url(../images/sub/sub_visual8.jpg) no-repeat center top fixed;}
#wrapper9{background: url(../images/sub/sub_visual8.jpg) no-repeat center top fixed;}
#wrapper10{background: url(../images/sub/sub_visual14.jpg) no-repeat center top fixed;}
#wrapper11{background: url(../images/sub/sub_visual11.jpg) no-repeat center top fixed;}


@media only screen and (max-width:1220px){
	#wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6, #wrapper7, #wrapper8, #wrapper9{background-size:100% auto;}
}
@media only screen and (max-width:850px){
	#wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6, #wrapper7, #wrapper8, #wrapper9{background-size:auto 224px;}
}

/* ºñÁê¾ó¿µ¿ª */
.sub_visual{height: 280px; text-align: center;}
.sub_visual .inner{display: inline-block; line-height: normal; color: #fff;}
.sub_visual .title {font-size: 53px; margin-top:80px; font-family: 'SeoulH'; color: #fff;}
.sub_visual .text{font-size: 23px; margin-top:20px; font-weight: 600; font-family: 'SeoulH';}

.sub_visual .text span.text_color01 {color: #dfa7ff;}
.sub_visual .text span.text_color02 {color: #a7fff8;}

@media only screen and (max-width:1220px){
	.sub_visual{height: 142px; line-height: 142px;}
	.sub_visual .title {font-size: 30px; margin-top:30px;}
	.sub_visual .text{font-size: 15px; margin-top:10px;}

}

#container{background-color: #fff;}

/* 2, 3Â÷ ¸Þ´º */
@media only screen and (min-width:1221px){
	#sub_menu {background-color: #fff;}
	#sub_menu .active_btn{display: none;}
	#sub_menu .second_menu{ border-bottom: 1px solid #ddd;}
	#sub_menu .second_menu .wrap{height: 82px; line-height: 82px;}
	#sub_menu .second_menu .menu_title{position: absolute; left: 0; bottom: 0; width: 260px; height: 107px; padding:0 60px 0 55px; background-color: #e14f38; line-height: 107px;}
	#sub_menu .second_menu .menu_title:before{display: block; position: absolute; top: 0; right: 100%; width: 800px; height: 100%; background-color: #000;}
	#sub_menu .second_menu .menu_title:after{display: block; position: absolute; top: calc(50% - 10px); right: 40px; width: 12px; height: 19px; background: url(../images/sub/sub_sprite.png) no-repeat;}
	#sub_menu .second_menu .menu_title span{display: inline-block; font-size: 22px; font-weight: 600; color: #fff; vertical-align: middle; line-height: normal;}
	#sub_menu .second_menu .menu_list{display: inline-block; vertical-align: middle; line-height: normal; width: 100%; text-align: center;} 
	#sub_menu .second_menu .menu_list li{display: inline-block;  padding:0 10px}
	#sub_menu .second_menu .menu_list li a{font-size: 17px; color: #151515; padding:5px 10px; display:inline-block; letter-spacing:-0.05em}
	#sub_menu .second_menu .menu_list li.active a{font-weight: 600; color: #e14f38; letter-spacing:-0.075em}
	#sub_menu .second_menu .menu_list li.active a:after{display: inline-block; width: 11px; height: 8px; margin-left: 10px; background: url(../images/sub/sub_sprite.png) no-repeat -22px -6px; vertical-align: middle;}

	#sub_menu .third_menu .menu_list{width: 846px; margin: 25px auto 0; padding: 0 30px; border-radius:30px; background-color: #f3f3f3; text-align: center;}
	#sub_menu .third_menu .menu_list li{display: inline-block; position: relative; padding: 0 25px;}
	#sub_menu .third_menu .menu_list li:not(:first-child):before{display: block; position: absolute; top: calc(50% - 3px); left: -3px; width: 6px; height: 6px; border-radius:5px; background-color: #909090;}
	#sub_menu .third_menu .menu_list li a{display: inline-block; position: relative; height: 55px; padding:0 5px; font-size: 17px; color: #3c3c3c; line-height: 55px;}
	#sub_menu .third_menu .menu_list li.active a{font-weight: 600; color: #242424; text-decoration: none;}
	#sub_menu .third_menu .menu_list li.active a:before{display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #242424;}
}
@media only screen and (max-width:1220px){
	#sub_menu .active_btn{display: block;}
	#sub_menu .menu_list li.active{display: none;}
	#sub_menu .second_menu{position: relative; z-index: 20; height: 55px; border-bottom: 1px solid #ddd;}
	#sub_menu .second_menu .menu_title{display: none;}
	#sub_menu .second_menu .active_btn{display: block; position: relative; width: 259px; height:55px; padding: 0 35px 0 25px; font-weight:bold; border: 2px solid transparent; border-bottom: none; font-size: 16px; color: #e14f38; text-align: left; line-height: 55px; transition:all 0.2s linear;}
	#sub_menu .second_menu .active_btn.on{border-color: #e14f38;}
	#sub_menu .second_menu .active_btn:after{display: block; position: absolute; top: calc(50% - 5px); right: 21px; width: 11px; height: 8px; background: url(../images/sub/sub_sprite.png) no-repeat -22px -6px;}
	#sub_menu .second_menu .menu_list{visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 10; width: 259px; border: 2px solid transparent; border-top: none;  background-color: #fff; transform:scaleY(0); transform-origin:top; transition:all 0.2s linear;}
	#sub_menu .second_menu .menu_list li{position: relative; padding: 0 35px 0 25px;}
	#sub_menu .second_menu .menu_list li:not(:last-child){border-bottom: 1px solid #ddd;}
	#sub_menu .second_menu .menu_list li:before{display: block; position: absolute; top: calc(50% - 3px); right: 27px; width: 5px; height: 7px; background: url(../images/sub/sub_sprite.png) no-repeat -89px -4px}
	#sub_menu .second_menu .menu_list li a{display: block; padding: 11px 0; font-size: 15px; color: #282828; line-height: 1.2; }
	#sub_menu .second_menu.active .menu_list{visibility: visible; border-color: #e14f38; transform:scaleY(1); }

	#sub_menu .third_menu{position: relative; z-index: 10; margin-top: 13px; }
	#sub_menu .third_menu .active_btn{display: block; position: relative;z-index: 20; width: 100%; height:39px; padding: 0 40px 0 25px; border-bottom: 1px solid transparent; border-radius:20px; background-color: #f3f3f3; text-align: left; }
	#sub_menu .third_menu .active_btn.on{border-bottom: 1px solid #ddd; border-radius:20px 20px 0 0;}
	#sub_menu .third_menu .active_btn:after{display: block; position: absolute; top: calc(50% - 2px); right: 21px; width: 7px; height: 4px; background: url(../images/sub/sub_sprite.png) no-repeat -102px -4px;}
	#sub_menu .third_menu .active_btn span{display: inline-block; position: relative; font-size: 15px; font-weight: 600; color: #1e1e1e; line-height: 39px; }
	
	#sub_menu .third_menu .active_btn span:before{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000;}
	#sub_menu .third_menu .menu_list{visibility: hidden; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; padding-top: 39px; border-radius:20px; background-color: #f3f3f3;  transform:scaleY(0); transform-origin:top; transition:all 0.2s linear;}
	#sub_menu .third_menu .menu_list li{position: relative; padding: 0 35px 0 25px;}
	#sub_menu .third_menu .menu_list li:not(:last-child){border-bottom: 1px solid #ddd;}
	#sub_menu .third_menu .menu_list li:before{display: block; position: absolute; top: calc(50% - 3px); right: 27px; width: 5px; height: 7px; background: url(../images/sub/sub_sprite.png) no-repeat -89px -4px}
	#sub_menu .third_menu .menu_list li a{display: block; padding: 11px 0; font-size: 15px; color: #282828; line-height: 1.2; }
	#sub_menu .third_menu.active .menu_list{visibility: visible; border-color: #e14f38; transform:scaleY(1); }
}

/* º»¹® ¿µ¿ª */


@media only screen and (min-width:1221px){
	#colgroup{margin-top: 42px;}
	#colgroup .sub_head .sub_title{position: relative; max-width:75%; padding-left: 35px; font-size: 28px; font-weight: 600; color: #262626;}
	#colgroup .sub_head .sub_title:before{display: block; position: absolute; top: 20px; left: 10px; width: 16px; height: 16px;  background: url(../images/sub/sub_sprite.png) no-repeat -61px -2px; }
	#colgroup .sub_head .path{position: absolute; top: 10px; right: 0; max-width:100%;}
	#colgroup .sub_head .path span{display:inline-block;  font-size: 16px; color: #515151; vertical-align: middle; line-height: 1.2;}
	#colgroup .sub_head .path span.home{width:16px; height: 14px; background: url(../images/sub/sub_sprite.png) no-repeat -41px -3px ;font-size:0;}
	#colgroup .sub_head .path span.arrow{margin: 3px 5px 0; font-family:Dotum,'µ¸¿ò'; }
}
@media only screen and (max-width:1220px){
	#colgroup{margin-top: 30px;}
	#colgroup .sub_head .sub_title{font-size: 18px; font-weight: 600; color: #262626; text-align: center;}
	#colgroup .sub_head .path{display: none;}
}

#contents{margin-top: 42px; padding-bottom: 50px;}

@media only screen and (max-width:1220px){
	#contents{margin-top: 30px;}
}




/**********************************************************************************/\

/* ÅëÇչοø½Ç ¾È³» */
.cts173{position:relative;}
.cts173 .title_area{position:relative;}
.cts173 .title_area{letter-spacing:-0.025em;}
.cts173 .title_area > strong{position:absolute; left:50%; top:50%; margin-top:-73px; margin-left:-50.6px; color:#20284a; font-size:22px; line-height:31px; text-align:center;}
.cts173 .title_area .check{position:absolute; left:35px; top:37px; color:#484848; font-size:15px; line-height:26px; z-index:1;}
.cts173 .title_area .select_area{position:absolute; left:0; top:0; width:100%; height:100%;}
.cts173 .title_area .select_area .tab_list{position:relative; width:100%; height:100%; background:none;}
.cts173 .title_area .select_area .tab_list li{padding:0; margin:0;}
.cts173 .title_area .select_area .tab_list li:before{display:none;}
.cts173 .title_area .select_area .tab_list li a{display:block; padding:50px; color:#000; font-size:16px;}
.cts173 .title_area .select_area .tab_list li a:hover{font-weight:600;}
.cts173 .title_area .select_area .tab_list li:last-child > a{padding:15px 50px; font-size:0; line-height:0;}
.cts173 .title_area .select_area .tab_list li:last-child:hover{position:relative;}
.cts173 .title_area .select_area .tab_list li:last-child:hover:before{content:""; display:block; position:absolute; left:0; bottom:0; width:71.6px; height:1px; margin-left:6px; background-color:#000;}
.cts173 .title_area .select_area .tab_list li:last-child.active:hover:before{margin-top:7px;}
.cts173 .tab_menu.type3 .active:after{display:none;}

.tab_content .cts173_popup{display:none; position:absolute; left:0; top:-670px; width:100%; min-height:617px; background-color: rgba(0,0,0,0.59); border-radius:10px; z-index:10; text-align:center;}
.tab_content.active .cts173_popup{display:block;}

.tab_content.active .cts173_popup .inner{display:inline-block; position:relative; width:471px; margin-top:70px;}
.tab_content.active .cts173_popup .title{display:block; padding:8px 0 10px 28px; background-color:#38447f; color:#fff; font-size:17px; letter-spacing:-0.03em; font-weight:600;}
.tab_content.active .cts173_popup .popup_close{display:block; position:absolute; top:0; right:0; width:45px; height:43px; background: #272933 url("/site/portal/images/contents/cts173_popup_close.png") center center no-repeat; font-size:0; line-height:0;}
.tab_content.active .cts173_popup .popup_close button{display:block; width:100%; height:100%;}

@media all and (min-width:1223px){
	.cts173 .title_area .select_area .tab_list li:first-child{left:60.5%; top:32.4%;}
	.cts173 .title_area .select_area .tab_list li:nth-child(2){left:24%; top:-1.3%;}
	.cts173 .title_area .select_area .tab_list li:nth-child(3){left:-12.7%; top:18.8%;}
	.cts173 .title_area .select_area .tab_list li:nth-child(4){left:-30.5%; top:44.3%;}
	.cts173 .title_area .select_area .tab_list li:last-child{left:-10%; top:76%;}

}

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

	.cts173 .title_area .select_area .tab_list li:first-child{left:58.5%; top:30%;}
	.cts173 .title_area .select_area .tab_list li:nth-child(2){left:17.5%; top:-3.8%;}
	.cts173 .title_area .select_area .tab_list li:nth-child(3){left:-23.7%; top:16.4%;}
	.cts173 .title_area .select_area .tab_list li:nth-child(4) {left: -45.5%; top: 41.7%;}
	.cts173 .title_area .select_area .tab_list li:last-child{left:58%; top:51.5%;}
	.cts173 .title_area .check {position:absolute; left:10px; top:27px;}

	.tab_content .cts173_popup{top:-550px; min-height:auto;}
	.tab_content.active .cts173_popup .inner{margin:10px 0;}
}
@media all and (max-width:1000px){


	.cts173 .title_area > strong{display:block; top:0px; margin-top:0; margin-left:-79.6px;}
	.cts173 .title_area > strong br{display:none;}
	.cts173 .title_area .check{display:inline-block; float:right; position:relative; left:auto; top:auto; margin-top:52px;}
	.cts173 .title_area .check br{display:none;}
	.cts173 .title_area .select_area{position:relative; left:auto; top:auto; width:auto; height:auto; margin-top:24px;}
	.cts173 .title_area .select_area .tab_list{position:relative;}
	.cts173 .title_area .select_area .tab_list li:before{display:block;}
	.cts173 .title_area .select_area .tab_list li:last-child > a{font-size:16px; line-height:1.3em;}
	.cts173 .title_area .select_area .tab_list li a{padding-top: 9px; padding-bottom: 10px; padding-left: 23px;}
	.cts173 .tab_menu.type3 .active:after{display:block;}
	.title_area img{display:none;}
	.cts173 .title_area .select_area .tab_list li:first-child{left:auto; top:auto;}
	.cts173 .title_area .select_area .tab_list li:nth-child(2){left:auto; top:auto;}
	.cts173 .title_area .select_area .tab_list li:nth-child(3){left:auto; top:auto;}
	.cts173 .title_area .select_area .tab_list li:nth-child(4) {left:auto; top:auto;}
	.cts173 .title_area .select_area .tab_list li:last-child{left:auto; top:auto;}

	.tab_content.active .cts173_popup{display:none;}
	.tab_contents.active{display:block;}
	.cts173 .title_area .select_area .tab_list li:last-child > a{padding:9px 23px 10px;}
	.cts173 .title_area .select_area .tab_list li:last-child:hover:before{display:none;}
	.cts173 .tab_menu .tab_list{max-height:190px;}

}