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

/* layout */
body {min-width: 1480px;}
#gnbWrap >div, #innerHead >div, .lnb_sub, .cont_wrap >div, #bannerWrap >div, #container, .familysite, footer .info_wrap {width: 1400px;}

/* header */
#lnb >li {width: 16%;} /* 1차메뉴 개수에 따라 변경 */
#lnb >li >a {font-family: 'KIMM_Bold'; color: #fff; font-size: 1.250em;}
#lnb >li.on >a:before {width: 40px;}

@media all and (min-width:1025px) {
	#headerWrap:hover .logo a img {content: url(/portal/img/common/logo_color.svg);}
	#headerWrap:hover #lnb >li >a.on .lnb_sub {color: #4081FF; display: none;}
	#headerWrap:hover #lnb >li >a {color: #333;}
	#lnb >li >a.on {color: #fff;}
	#headerWrap:hover #lnb >li >a:hover, #headerWrap:hover #lnb >li >a:focus {color: #4081FF;}
	#headerWrap:hover #lnb >li >a:before, #headerWrap:hover #lnb >li.on >a:before {height: 3px; background: #4081FF;}
}
@media all and (max-width:1024px) {
	#lnb >li >a.on, #lnb >li >a:hover, #lnb >li >a:focus {background: -webkit-linear-gradient(133deg, #2050AD 0%, #23B2B2 100%);background: -o-linear-gradient(133deg, #2050AD 0%, #23B2B2 100%);background: linear-gradient(133deg, #2050AD 0%, #23B2B2 100%);color: #fff;}
}

/* header > menuLayer TYPE01 */
@media all and (min-width:1025px) {
	#lnbWrap.type01 .lnb_sub .depth02 >li >a {color: #222; border: 1px solid #E0E5E8;}
	#lnbWrap.type01 .lnb_sub .depth02 >li >a.on {background: linear-gradient(133deg, #2050AD 0%, #23B2B2 100%); color: #fff;}
	#lnbWrap.type01 .lnb_sub .depth02 >li >a:hover, #lnbWrap.type01 .lnb_sub .depth02 >li >a:focus {background: linear-gradient(133deg, #2050AD 0%, #23B2B2 100%); color: #fff; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);}
}

#lnbWrap.type01 >.layer.on:before {background:rgba(255,255,255,1);}
#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: #2E3653;}
#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;}

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

#headerWrap .quick-link {background: #36A562;}
#headerWrap .quick-link .line {width: 100%; height: 1.5em; background: url('/portal/img/common/quicklink_line.svg'); background-position: center; background-repeat: no-repeat;}
#headerWrap .quick-link ul.sns-list {width: 100%; padding: 1em 2.500em; margin-top: 1.3em; background: rgba(0,0,0,0.1); overflow: hidden; text-align: center;}
#headerWrap .quick-link ul.sns-list li {display: inline-block; width: 40px; height: 40px; margin: 0; background: url('/portal/img/common/spr_sns.svg');}
#headerWrap .quick-link ul.sns-list li:nth-child(1) {background-position: 0 0;}
#headerWrap .quick-link ul.sns-list li:nth-child(2) {background-position: 120px 0;}
#headerWrap .quick-link ul.sns-list li:nth-child(3) {background-position: 160px 0;}
#headerWrap .quick-link ul.sns-list li:nth-child(4) {background-position: 200px 0;}
#headerWrap .quick-link ul.sns-list li:nth-child(5) {background-position: 80px 0;}
#headerWrap .quick-link ul.sns-list li a {width: 100%; height: 100%; display: block;}

/* 폰트 적용 */
#lnbWrap.type01 .lnb_sub .tit {font-family: 'KIMM_Bold';}
#lnbWrap.type01 .depth02 >li >a {font-family: 'KIMM_Bold';}
.tab_depth04 >ul >li >a {font-family: 'KIMM_Bold'; }

/* snb */
#snbWrap h2 {font-family: 'KIMM_Bold'; background: linear-gradient(133deg, #2050AD 0%, #23B2B2 100%); box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.10); margin-bottom: 0.7em;}
#snbWrap h2, #snbWrap h2 a {color: #fff;}
.snb >li >a {font-family: 'KIMM_Bold'; font-size: 1.125em; border: 1px solid #DDE3ED;color: #555; background: #fff;}
.snb >li >a:hover, .snb >li >a:focus {border: 1px solid #DDE3ED;color: #333;}
.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;}
.snb >li.active > ul {display: block !important;}
.snb >li >ul >li >a.active {color: #222; font-weight: 600;}
.snb >li >a.active {border: 2px solid #4081FF; color: #222;}

#spotWrap ul li	{vertical-align: middle;}
.sub_acc li >a[class^=btn_].btn_logout	{position: relative;display: inline-block; padding:0 15px; width:auto;height: 40px;line-height: 40px;color:#fff;font-size:0.9em;background:rgba(0,0,0,0.4); -webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;border-radius:100px;}

/* footer */
.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}