@charset "utf-8";
/*  
	-----------------------------------------------
	* layout.css (포털 레이아웃)
	-----------------------------------------------
*/

/* layout */
#gnbWrap >div, #innerHead >div, #lnbWrap nav, .lnb_sub, .cont_wrap >div, #bannerWrap >div, #container, .familysite, footer .info_wrap {width: 1200px;}
@media screen and (max-width:1399px){
#gnbWrap >div, #innerHead >div, #lnbWrap nav, .lnb_sub, .cont_wrap >div, #bannerWrap >div, #container, .familysite, footer .info_wrap
{width:100%;}
}
/* header */
.total_search input[type="submit"] {background: #29a3e0;color: #fff;}

#lnbWrap {background: #fff; height: 55px !important; border-bottom:1px solid #e8e8e8}
#lnb >li {width: auto; padding: 0 38px;} /* 1차메뉴 개수에 따라 변경 */
#lnb >li:last-child{display: none;}
#lnb >li >a {position: relative; padding: 14px 0 14px 0; font-size: 18px; color: #111;}
#lnb >li >a:before, #lnb >li.on >a:before {height: 3px;background: #fff;}
#lnb >li.on >a:before {width: 40px;}
#lnbWrap >.layer.on { border-bottom: 1px solid #ccc;-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);}

#lnb >li >a >span{padding: 0; text-overflow: clip; overflow: inherit;}
#lnb >li>a:before{ content: ''; display: inline-block; width: 2px; height: 2px; background: #222; position: absolute; top: 50%; left: -35px;}
#lnb >li:first-child>a:before{display: none;}
#lnb >li:nth-child(7)>a:before{display: none;}
#lnb >li:nth-child(7){padding: 0;}
#lnb >li:nth-child(7) a{display: block; padding: 15px 34px 15px 35px; background: #1f2b5e; color: #fff;}
#lnb >li.on >a:before{display: none;}
#lnb >li >a[target=_blank] >span:after{background: none;}
#lnb >li >a[target=_blank] >span{padding-right: 0;}
.btn_sitemap{position: absolute; top: 0; right: 0; width: 65px; height: 55px; background-color: #6a6a6a; text-indent: -9999px; background-image: url(../images/main/btn_all.png); background-repeat: no-repeat; background-position: center;}
.btn_sitemap a{display: block; width:100%; height: 100%;}

#innerHead >div{padding: 2rem 0;}
#innerHead{border-bottom: 1px solid #e8e8e8;}
#innerHead h1{position: static;width: 322px; height: 53px;}
#innerHead h1 a{display: block; width: 100%; height: 100%; text-indent: -9999px; background-image: url(../images/main/hd_logo.png); background-size: cover;}
.top_sec_right{position: absolute; top: 18px; right: 0;}
.top_sec_right li {display:inline-block; padding:0 10px; border-left:1px solid #e8e8e8; margin-top:15px;}
.top_sec_right li:first-child{border-left:0}
.top_sec_right li a{font-size: 14px;}

/* header > menuLayer TYPE01 */
#lnbWrap.type01 >.layer.on:before {background:rgba(255,255,255,1);}
#lnbWrap.type01 .lnb_sub .depth02 >li >a {background-color: #889fb3;color: #fff;}
#lnbWrap.type01 .lnb_sub .depth02 >li >a.on {background-color: #3753d4;}
#lnbWrap.type01 .lnb_sub .depth02 >li >a:hover, #lnbWrap.type01 .lnb_sub .depth02 >li >a:focus {background-color: #233753;text-decoration: underline;}
#lnbWrap.type01 .lnb_sub .depth03 >li:not(:last-of-type) >a {border-bottom: 1px dashed #dcdcdc !important;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a:before {background: #c5c5c5;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a:hover, #lnbWrap.type01 .lnb_sub .depth03 >li >a:focus {color: #334d72;text-decoration: underline;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a:hover:before, #lnbWrap.type01 .lnb_sub .depth03 >li >a:focus:before {background: #334d72;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a.on {color: #1c91f5;font-weight: 500;}
#lnbWrap.type01 .lnb_sub .depth03 >li >a.on:before {background-color: #1c91f5;}

#lnbWrap.type01 #lnb .lnb_sub {background:none;}

/* header > menuLayer TYPE02 */
#lnbWrap.type02 >.layer.on:before {background:url('./../img/common/bg_layer_type02.png') 50% 0 repeat-y;}

/* snb */
#snbWrap h2 {background: #3a81dc;}
#snbWrap h2, #snbWrap h2 a {color: #fff;}
.snb >li >a {border: 1px solid #ddd;color: #999;}
.snb >li >a:hover, .snb >li >a:focus {border: 1px solid #bbb;color: #333;}
.snb >li >a.state.on, .snb >li >a.on {background-color:#333;border: 1px solid rgba(0,0,0,0.2);}
.snb >li >a.state.on + ul {border: 2px solid #333;background: #f9f9f9;}
.snb >li >ul >li >a:hover:before, .snb >li >ul >li >a:focus:before, .snb >li >ul >li >a.on:before {background: #333;border: 1px solid #222;}

/* content */


/* footer */
.site_wrap{display: none;}
.familysite_list a:hover, .familysite_list a:focus {color: #3c6ab3;}
.familysite_list ul > li > a:before {background: #20a9f3;}
.familysite_list ul > li > a:hover:before {background: #3c6ab3}
.familysite_list ul > li > a[target=_blank]:hover:after, .familysite_list ul > li > a[target=_blank]:focus:after {background-position: -23px -22px;}
footer .btn_close {background-color: #3497d2}
footer{border-top: 1px solid #e8e8e8; background: #f6f6f6;}
footer .info_wrap{padding: 20px 0 40px 0; font-size: 14px; color: #333;}
.copy_info .policy a{color: #333 !important;}
.family_site {position: absolute; top: 15px; right: 0;}
.family_site select {padding-left:8px; font-size: 14px;}
.family_site button {
	padding:0 8px;
    height: 34px;
    background: #666;
    color: #fff;
    border:0
}

@media screen and (max-width:1024px) {
	.top_sec_right{display: none;}
	#innerHead h1{width: 222px;height: 36px;}
	
	/*모바일 메뉴*/
	#lnbWrap{min-height: 100vh !important; background: #3d5ca6 !important;}
	#lnb >li:nth-child(7) a{background-color: #3d5ca6 !important;}
	#lnb >li >a{font-size: 16px;}
	#lnb >li >a.on, #lnb >li >a:hover, #lnb >li >a:focus{color: #fff;}
	#lnb >li >a{color: #fff;}
	#lnb >li{padding: 0;}
	.btn_sitemap{display: none;}
	
}
@media screen and (max-width:991px) {
	.family_site{position: static; margin-top: 20px;}
}