@charset "utf-8";

#top_layout{background: #151515;}
#top_layout .top_wrap #logo a span{background-image: url(/images/media/main/logo.png);background-image: url(/images/media/main/logo.svg);}
#top_layout .top_wrap #logo a em{color:#fff;}
#top_layout .top_wrap #logo a em:before{width:27px;height:1px;background:#7f7f7f;}
#top_layout .top_wrap .utile_wrap li.h{ border:0;}
#top_layout .top_wrap .utile_wrap li.h span{background:url(/images/media/main/home.png)}
#top_layout .top_wrap .utile_wrap li.pc a, 
#top_layout .top_wrap .utile_wrap li.mo button{background-image: url(/images/media/main/menu.png);}
#top_layout #mobile-menu .modal-dialog {padding: 0;}
#top_layout .modal-backdrop {position:fixed; width:100%; height:100%; opacity:.8}

#location {z-index:10;}

#sub #gnb_layout {height: 180px !important;}
#sub #gnb_layout:after{content:""; position: absolute;top: 110px;bottom: 0;right:0;width: 100%;height:auto;background:#000; }
#sub #gnb_layout .depth1_ul>li.on .item {display:block !important; opacity:1 !important; } 
#sub #gnb_layout .depth1_ul>li a.current + .item {z-index: 999;background: #000;}

#gnb_layout {top:0;}
#gnb_layout.open:after {border: none;background:#000;}
#gnb_layout .depth1_ul > li > a span{color:#fff;}
#gnb_layout .depth1_ul>li>a span:before {display:none;}
#gnb_layout .depth1_ul>li>a.current{}
#gnb_layout .depth1_ul>li>a.current span {color: #fff;}
#gnb_layout .depth1_ul > li .item {min-height:auto; padding:0; }
#gnb_layout .depth1_ul > li .item .gnb-title {display:none;}
#gnb_layout .depth1_ul > li .item .gnb-depth {min-height:auto;}
#gnb_layout .depth1_ul > li .item .depth2_ul {min-height:auto;padding:0;text-align:right;}
#gnb_layout .depth1_ul > li .item .depth2_ul:before,
#gnb_layout .depth1_ul > li .item .depth2_ul:after {display:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li {display:inline-block;float:none;width:auto;margin: 0 30px;padding:0;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a { height:70px; line-height:70px;  }
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {position:relative; padding:0 5px;color: #fff;font-weight: normal;font-size: 16px;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span:before{display:block;opacity:0;position:absolute;left:50%;right: auto;top: auto;bottom: 0;width: 0;height: 3px;content:'';background: #00a8e5;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.ov span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span {background:none;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.ov span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span:before {opacity: 1;left: 0;width:100%;}
#gnb_layout .depth3_ul {display: none !important;}

#mobile-menu .modal-dialog .modal-content {padding:60px 0 0; background:#000; }
#mobile-menu .modal-dialog .modal-content .topUtile {height:60px;background: #000;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li a {color:#fff; }
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile2 li.n1 a span {background:url(/images/media/main/home.png);}
#mobile-menu .modal-dialog .modal-content .modal-body {border-top:1px solid rgba(255,255,255,.2);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {background:#000;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {border-bottom:1px solid rgba(255,255,255,.2);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a em {color:#fff; }
#mobile-menu .mobile-close span:before {width:100%;height: 3px;background: #fff;}
#mobile-menu .mobile-close span:after {width: 3px;height:100%;background: #fff;}


#svisual_layout {display:none;}


.lnb_wrap {float:none;width:100%;margin: 0 0 30px;}
.lnb__title {display:none;}
.lnb_depth2__list {margin:0; padding:0; border:none;}
.lnb_depth2__list > li {display:none;border:none;}
.lnb_depth2__list > li.on {display:block; }
.lnb_depth2__list > li > a {display:none;}
.lnb_depth2__list .lnb_depth3__list {margin: 0;padding: 0;border:none;}
.lnb_depth2__list .lnb_depth3__list > li {display:inline-block;margin: 0 5px;border:none;}
.lnb_depth2__list .lnb_depth3__list > li > a {height:43px;line-height:39px;border:2px solid #e0e0e0;border-radius:50px;padding: 0 25px;font-size: 16px;color: #222222;}
.lnb_depth2__list .lnb_depth3__list > li.on > a {border:2px solid #19b1e8;}
.lnb_depth2__list .lnb_depth3__list > li > a:after {display:none;}
.lnb_depth2__list .lnb_depth3__list > li.on > a span {color: #0094ca; font-weight:bold;}


.contents_wrap {float:none; width:100%;}
#location {margin: 0;padding:140px 0 50px;background: none;}
#location .page__title {float:none; width:100%; line-height:1.2;text-align:center; font-size:50px; color:#111; }
#location .utile_wrap {float:none;width:100%;margin: 15px 0 0;text-align:center;}
#location .utile_wrap .print_wrap {top: -2px;}


#foot_layout{background:#151515;}
#foot_layout .footer-info{border-top:1px solid #343434}
#foot_layout .footer-info .snsbox .ftop {    background: rgba(0,168,229,.15);}
#foot_layout .footer-info .snsbox .ftop button {background:#00a8e5;}


@media(max-width:1719px){
    #gnb_layout .depth1_ul > li .item {left: 0;max-width:100%;margin: 0;}
    #gnb_layout .depth1_ul > li .item .depth2_ul {padding-right:150px;}
}
@media(max-width:1279px){
    #location {padding:70px 0 50px;}
    #location .page__title {font-size: 40px;}
}

@media(max-width:1023px){
    #top_layout .top_wrap #logo a em:before {width:15px;}
    #location .page__title {font-size: 35px;}
    #location .utile_wrap .location_wrap,
    #location .utile_wrap .print_wrap:before {display:inline-block; }
}

@media(max-width:767px){
    #foot_layout .footer-info .snsbox .ftop  {background:none;}
    #foot_layout .footer-info .snsbox .ftop button {background: none;}
}