@charset "utf-8";
/*  
	-----------------------------------------------
	* layout.css (포털 레이아웃)
	-----------------------------------------------
*/
/*header*/
#innerHead h1 {top:12px}
#innerHead h1.logo a{width:199px;
    background: url(./../img/common/logo.png) no-repeat 0% 50%;
    background-size: contain;
    overflow: hidden;
    text-indent: -999px; font-size:39px;
}
#innerHead {height:80px; position:relative;}

/* layout */
#gnbWrap >div, #innerHead >div, #lnbWrap nav, .lnb_sub, .cont_wrap >div, #bannerWrap >div, #container, .familysite, footer .info_wrap {width:1200px;}

#snbWrap {width:20%;}
#content {width:76%}

/* header */
.total_search input[type="submit"] {background: #29a3e0;color: #fff;}
#lnbWrap {background: #fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8}
#lnb >li {width: 25%;} /* 1차메뉴 개수에 따라 변경 */
#lnb >li >a {color: #222;font-size:2.2rem; padding:0; line-height:55px; font-weight:600}
#lnb >li >a.on, #lnb >li >a:hover, #lnb >li >a:focus {color: #115bcb;}
#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 .depth02 >li {}
#lnbWrap.type01 .depth03 >li >a span {text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    padding-right: 2.5rem;}
/* 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;}

/* 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 */
.inner {
    width:1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


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


@media screen and (min-width: 1025px){
#lnbWrap.type01 .depth02 >li:nth-child(6), #lnbWrap.type01 .depth02 >li:nth-child(7){top:65px !important;}
}

@media screen and (max-width:1199px){
.inner, .bxslider_swrap, #gnbWrap >div, #innerHead >div, #lnbWrap nav, .lnb_sub, .cont_wrap >div, #bannerWrap >div, #container, .familysite, footer .info_wrap {width:100% !important}
}
@media screen and (max-width: 1024px){
#lnb >li >a  {line-height:normal; font-size:1.9rem;}
#innerHead h1.logo a {width:160px;}
#m_conts .innerWrap {padding:0 15px;}

#lnbWrap {background:#454a50 !important; width:65%; border-top:0; border-bottom:0;}
#lnb >li >a.on, #lnb >li >a:hover, #lnb >li >a:focus {background: #26729d;}
#lnb >li >a:after {background: url('../img/common/ico_mobile_depth01.png') no-repeat 50% 50% !important; width:17px; height:17px;}
#lnb >li >a >span {padding:0 ; color:#fff !important;     text-shadow: 0 0 black !important;}
#lnbWrap .lnb_sub {padding:0 !important;}
#lnb .depth02 > li > .cell a {background:#e8e8e8; padding: 1.6rem 4.5rem 1.6rem 1.6rem;}
#lnbWrap .lnb_sub .depth03 {margin-left:0 !important; border:0 !important;}
#lnb >li >a {padding: 1.8rem 0 1.7rem 1.7rem;}
.mo-none {display:none;}
.lnb_sub .depth02 {padding:0.8rem 0 !important;}
#lnbWrap .lnb_sub .depth02 >li >a {padding:0.8rem !important;}
#lnbWrap .lnb_sub .depth02 >li >a, #lnbWrap .lnb_sub .depth02 >li >a:hover, #lnbWrap .lnb_sub .depth02 >li >a:focus {padding-left:1.6rem !important}

footer .info_wrap{padding:26px 15px;}
.copy_info {width:100% !important}
.hompage {right:15px !important; top:16px !important;  }
}

@media screen and (max-width:480px){
.hompage{position: relative !important ; right:0 !important; top:0 !important; padding:15px 0;}
.copy_info .contact {margin:0 ;}
}


.btn_wrap >a, .btn_wrap >input, .btn_wrap >button {
    background: #115bcb;
}