@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%;}
}


.aside{position: absolute; top: 22px; right:0; z-index:999999;}
.aside a{display: block; width: 27px; height: 24px; text-indent: -9999px; background-image: url(../img/common/i_menu.png); background-repeat: no-repeat; background-size: cover;}

#innerHead h1.logo a{ display: inline-block;
    position: relative;    width:163px;
    background: url(./../images/main/hd_logo.png) no-repeat 0% 50%;
    background-size: contain;
    overflow: hidden;
    text-indent: -999px; font-size: inherit;
}
/* header */
.total_search input[type="submit"] {background: #29a3e0;color: #fff;}

#gnbWrap {position:relative; padding:0; background:#f1f1f1; z-index:999999;}
#gnbWrap:after {content:""; display:block; clear:both;}
#gnbWrap:before {content:""; display:block; position:absolute; left:0; right:0; bottom:0; z-index:0; height:1px; background:#dedede;}
#gnbWrap a,#gnbWrap button {color:#666;}
#gnbWrap> * {z-index:1;}
#gnbWrap .gnb-nav li {float:left;}
#gnbWrap .gnb-nav li a {
    display: block;
    position: relative;
    line-height: 50px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 400;
    border-right: 1px solid #ddd;}
#gnbWrap .gnb-nav li:first-child a {border-left: 1px solid #ddd;}
#gnbWrap .gnb-nav li a.on {background:#008341; color:#fff;}
#gnbWrap .gnb-nav li:first-child a.on:before {left:-1px;}

#gnbWrap .zoom-control {float:left; padding:10px 0; font-size:14px;}
#gnbWrap .zoom-control button {display:inline-block; position:relative; vertical-align:middle; width:30px; height:30px;
overflow:hidden; text-indent:-999px; border:0;}
#gnbWrap .zoom-control button.zoom-in {background: #c1c1c1 url('./../img/common/btn_zoom_in.png') no-repeat center center; margin-left:5px;}
#gnbWrap .zoom-control button.zoom-out {background: #c1c1c1 url('./../img/common/btn_zoom_out.png');}


#lnbWrap {background: #fff;}
#lnb >li {width:24%;} /* 1차메뉴 개수에 따라 변경 */
#lnb >li >a {color: #000;font-size: 1.9rem;}
#lnb >li >a.on, #lnb >li >a:hover, #lnb >li >a:focus {color: #2e61a7; font-weight:600;}
#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);}

#lnbWrap.type01 .lnb_sub .tit {display:none;}
/* 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_sub .depth03 >li >a span {font-family:'Cheonjeonri';}
/* 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 {font-family:'Cheonjeonri'; 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 */
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:10px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 100%;
    text-align: center;}

/* footer */
address{margin-top:0 !important}
.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}

/*만족도*/
.opinion_wrap {width:auto;}
.radio_list {width:80%;}
.radio_list >li:not(:last-child) {width:20%; margin-right:0;}
.radio_list >li label {width:auto;}

@media screen and (max-width: 960px){
	.radio_list {width:100%;}	
}
@media screen and (max-width: 480px){
	.radio_list >li:not(:last-child) {width:auto;}
	}


@media (max-width:1199px) {
.banner .bx-wrapper{margin-bottom:0; height:255px;}
.banner .bx-viewport {overflow:initial}
.banner .bx-wrapper img {height:255px;}
}

@media (max-width:1024px) {
.mo-none {display:none;}
#lnb >li >a.on, #lnb >li >a:hover, #lnb >li >a:focus {color:#fff;}
}

@media screen and (min-width:1025px) {
#lnb >li >a >span {padding:0;}
	#lnb >li >a {}
#lnbWrap {border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
#innerHead {width:100%; text-align:center; }
#innerHead >div { padding:1.6rem 0}
#innerHead h1 {z-index: 999999; top:4px;     position: relative; left:0;}
}

@media screen and (max-width:1024px) {
#innerHead h1 {top:56% !important;}
#lnbWrap {background: #2e61a7 !important;}
#lnb >li >a {color: #fff;font-size: 1.9rem;}
#lnb >li >a:hover, #lnb >li >a:focus{color: #fff;}
#lnb >li >a >span{padding:0}
	footer .info_wrap >div {float:none; width:100%;}
footer .info_wrap{padding:10px 15px 35px 15px}
.copy_info .contact >li {float:none;}
.copy_info .contact >li:not(:last-child):after {display:none;}
footer small {text-align:center;float:none;}
}

@media (min-width:641px) and (max-width:960px) {
	.opinion_wrap {float:right;}
}
@media (max-width:768px) {
.banner .bx-wrapper img , .allim .bx-wrapper img{width:100%}

}

@media (max-width:640px) {
	.radio_list >li {width:auto;}
	.radio_list >li label:before  {display:none;}
}