@charset "utf-8";
html{-ms-overflow-style: scrollbar;}


#body_layout{position: relative;width:100%;overflow-x: hidden;}
.layout{position:relative;width:100%;max-width: 1360px;margin:0 auto;}
.layout:after {display:block;visibility:hidden;clear:both;content:"";}
#top_layout{display:block;position: absolute;top: 0;left: 0;width:100%;height: 150px;text-align:center;}
#top_layout.on {z-index:9998;}
#top_layout .top_wrap {position: relative;height:100%;padding:0 45px ;max-width: 100%;}
#top_layout .top_wrap .layout{max-width:100%;}
#top_layout .top_wrap .logo_wrap {position:absolute;top: 52px;left: 30px;z-index: 999;width: 347px;/* border: 1px solid; */text-align: left;padding: 5px 0 5px 206px;display: flex;flex-wrap: wrap;align-content: center;min-height: 51px;}
#top_layout .top_wrap .logo_wrap a{display:inline-block;position:relative;vertical-align:middle}
#top_layout .top_wrap .logo_wrap a.site-logo{position: absolute;top: 0;left: 0;width: 191px;height: 41px;background: url(/common/tmpl/skinB/img/logo.png);/*background: url(/common/tmpl/skinC/img/logo.svg);*/font-size: 0;}
#top_layout .top_wrap .logo_wrap a.site-text{padding-left: 10px;font-size: 16px;color: #383838;/* font-family: 'Noto Sans KR' ,sans-serif; *//* letter-spacing: -1px; */font-weight: 800;/* display: flex; *//* flex-wrap: wrap; *//* align-content: center; */width: 100%;line-height: 1;/* font-family: 'Poppins'; */font-family: 'Montserrat', sans-serif;}
#top_layout .top_wrap .logo_wrap a.site-text:before{position:absolute;left:0;top: 50%;width:1px;height: 26px;background:#ddd;transform: translateY(-50%);content:'';}
#top_layout .top_wrap .utile_wrap {position:absolute;right: 30px;top: 59px;z-index: 999;height: 100%;}
#top_layout .top_wrap .utile_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#top_layout .top_wrap .utile_wrap li {display: inline-block;float: left;margin-left: 22px;}
#top_layout .top_wrap .utile_wrap li a {display:block;line-height:1;vertical-align:top;font-size:10px;font-weight:700;color:#292727;}
#top_layout .top_wrap .utile_wrap li.search__box{}
#top_layout .top_wrap .utile_wrap li.search__box .search > a{display:block;width:26px;height:26px;background: url(/common/tmpl/skinB/img/ir-tmpl.png);font-size: 0;/* margin-top: -3px; */}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box{display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 150px;transition: all .3s;}
#top_layout .top_wrap .utile_wrap li.search__box .search.on .search-box{display:block;background-color:#004b93}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner{position: relative;width: 100%;padding:50px 0;max-width: 1760px;margin: 0 auto;height: 150px;}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form{position: relative;max-width:0;width:0;padding-right: 128px;float: right;transition: all .3s;}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form{width:100%;}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form *{margin:0;padding:0}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form legend{font-size:0}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form .form_inner{}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form .form_inner input[type="text"]{width:0%;height:57px;border-bottom:3px solid #fff;background-color: transparent;transition: all .3s;color: #fff;font-size:20px;}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form .form_inner input[type="text"]::placeholder{color:#fff;font-size:20px;}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .clickClose{position:absolute;top: 9px;right: 23px;width:30px;height:30px;background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat -171px 0;font-size:0;}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .submit{position:absolute;top: 9px;right: 71px;width: 30px;height:30px;}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .submit input{width:100%;height:100%;display:block;background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat -110px 0;font-size:0;}
#top_layout .top_wrap .utile_wrap li .btn-allmenu{display:block;width:24px;height:26px;background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat -63px -1px;font-size: 0;}
#top_layout .top_wrap .utile_wrap li.pc {display:inline-block;}
#top_layout .top_wrap .utile_wrap li.mo {display:none;}

#top_layout.on + .gnb_bg {display: block;}
#top_layout + .gnb_bg{display: none;position: fixed;top:82px;left: 0;z-index: 9997;width: 100%;height: 100%;background: #000;opacity: 0.2;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
#gnb_layout{display:block;position:absolute;top: 0;left:0;width:100%;height: 100px;}
#gnb_layout.open:before{display:block;position:absolute;top:150px;bottom: 0;right: 0;z-index: 01;width:100%;height: auto;background:#fff;content:'';}
#gnb_layout:after{top:81px}
#gnb_layout.open{overflow: hidden;min-height:200px;border-bottom: 1px solid #999;background: #fff;}
#gnb_layout.open:after{position: absolute;top: 151px;bottom: 0;right:0;width: 100%;height:auto;background: #fff;content:"";}
#gnb {position: absolute;top:0px;left: 0;right: 0;width: 100%;height:100%;z-index:2;}
#gnb_layout.open #gnb{}
#gnb_layout.open #gnb:before{position:absolute;top:0;left:0;width:100%;height:150px;box-shadow:1px 1px 5px rgba(28,47,56,0.05);content:'';}
#gnb_layout.action{position:relative;}
#gnb_layout .layout{position:relative;padding: 0px 20px 0 284px;text-align: right;}
#gnb_layout .depth1_ul{display:inline-block;float:none;z-index:14;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;height:100%;margin:0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 30px 0;line-height: 0;font-size: 22px;font-weight:600;letter-spacing:0;transition: all .3s;text-align:center;}
#gnb_layout .depth1_ul>li:nth-child(1)>a:before{display: none;}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1 !important;display: block;}
#gnb_layout .depth1_ul>li>a span{display: inline-block;position:relative;height: 100%;line-height: 150px;vertical-align: middle;letter-spacing: -1px;font-size: 18px;color: #fff;font-weight: 500;font-family: 'Poppins';}
#gnb_layout .depth1_ul>li>a:hover > span:after,
#gnb_layout .depth1_ul>li>a:focus > span:after,
#gnb_layout .depth1_ul>li>a.current span:after{display:block !important;position:absolute;left: 0px;bottom: 0;width:100%;height: 3px;background-color: #174572;content:'';}
#gnb_layout .depth1_ul>li .item{display: none;position:absolute;top:150px;left: 0;z-index: 100;width: 100%;min-height: 200px;margin: 40px 0 60px;padding-left: 285px;text-align: left;}
#gnb_layout .depth1_ul>li .item .gnb-title {position:absolute;top:0;left: 0;bottom: 0;width: 240px;padding-right: 35px;border-right: 1px solid #ddd;text-align: right;}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;width:100%;padding-bottom: 22px;padding-top: 10px; font-size: 24px;color: #333;line-height: 1.2;font-family:'Poppins';}
/* #gnb_layout .depth1_ul > li .item .gnb-title strong:after{position:absolute;right:0;bottom:10px;width:25px;height:2px;background:#333;content:'';} */
#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;width:100%;font-size: 17px;color: #444;line-height:1.5;padding:0;margin:5px 0 0 0;}
#gnb_layout .depth1_ul>li .item > .depth2_ul{float:  left;position: relative;top: 0;height: 100% !important;width: 100%;text-align:  left;margin:0;}
#gnb_layout .depth1_ul>li .item > .depth2_ul > li{display: block;float: left;width: 33.333%;/* max-width: 244px; */padding: 0 15px;margin: 0 0 20px;text-align: left;line-height: 18px;}
#gnb_layout.open .depth1_ul > li .depth2_ul{border:0}
#gnb_layout .depth1_ul > li .depth2_ul > li > a{display: inline-block;position: relative;min-width: 100%;padding: 14px 25px 14px 0px;border-bottom: 1px solid #ddd;border-radius: 6px 6px 0 0;line-height: 1.2;color: #333;font-weight: 600;font-size: 17px;letter-spacing: -0.1em;box-sizing: border-box;word-break:keep-all;word-wrap:break-word;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a:after{display: none;position:absolute;right: 4px;top:50%;width: 5px;height: 5px;border:1px solid #000;border-width:1px 1px 0 0;transform:rotate(45deg) translateY(-50%);content:'';}
#gnb_layout .depth1_ul > li .depth2_ul > li > a.on,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus{border-color: #000;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]{padding-right:20px;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:after{display: inline-block;position: relative;width: 12px;height: 11px;margin-left: 10px;background: url(/template/B/images/common_ir.png) -104px -29px;content: '';}
#gnb_layout .depth1_ul > li .depth2_ul > li > a.on[target="_blank"]:after,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:hover[target="_blank"]:after,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus[target="_blank"]:after{background-position: -138px -29px;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a span{line-height:1.2}
#gnb_layout .depth3_ul {display:block !important;margin: 10px 0px 0;height: auto;transition: all .3s;}
#gnb_layout .depth3_ul li{display:block;}
#gnb_layout .depth3_ul li a {display: inline-block;position:relative;padding: 2px 0 2px 13px;line-height: 1.2;font-size: 16px;}
#gnb_layout .depth3_ul li a:before{position:absolute;top: 11px;left: 4px;width:3px;height:3px;background-color:#aeaeaf;content:"";}
#gnb_layout .depth3_ul li a:hover:before,
#gnb_layout .depth3_ul li a:focus:before{background: #2c681d;}
#gnb_layout .depth3_ul li a span{display:block;position:relative;z-index:1;font-size: 15px;color: #555;line-height: 1.5;word-break:keep-all;word-wrap:break-word;}
#gnb_layout .depth3_ul li a:hover span,
#gnb_layout .depth3_ul li a:focus span,
#gnb_layout .depth3_ul li .on span{color: #2c681d; text-decoration:underline;}
#gnb_layout .depth3_ul.open{display:block;}
#gnb_layout .depth1_ul>li .item>ul>li>a.on + .depth3_ul{display:block;}
#gnb_layout .line{display: none;}
#top_layout.on #gnb_layout .depth1_ul>li>a span{color:#000}


.in-search #gnb_layout{display:none;}
.in-search #top_layout{background-color:#004b93}
.in-search #top_layout .top_wrap #logo{display:none;}
.in-search #top_layout .top_wrap .logo_wrap a.site-logo{background: url(/common/tmpl/skinA/img/logo-w.png);}
.in-search #top_layout .top_wrap .logo_wrap a.site-text:before{background-color:rgba(255,255,255,0.2)}
.in-search #top_layout .top_wrap .logo_wrap a.site-text{color:#fff}
.in-search #top_layout .top_wrap .utile_wrap li .btn-allmenu,
.in-search #top_layout .top_wrap .utile_wrap li.search__box .search > a{display:none;}
.in-search #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form{max-width: 786px;width: 100%;}
.in-search #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form .form_inner input[type="text"]{width:100%;}
  #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.on > a {background: #fff;color: #003f70;font-weight: 700;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.on > .item{display: block !important;}
@media screen and (max-width:1560px){
    #top_layout .top_wrap #logo{width:325px;padding-left:126px;}
    #top_layout .top_wrap #logo a.site-logo{width:106px;background-position: -87px 0;}
    #gnb_layout .layout{padding:0 50px 0 224px}
}
@media screen and (max-width:1280px){
    .layout {max-width:100%;padding: 0 30px;}
    #gnb_layout .layout{padding-right:110px;}
    #top_layout .top_wrap #logo{width: 238px;padding-left: 121px;}
    #top_layout .top_wrap #logo a.site-text{font-size: 16px;/* line-height: 1; */}
    #gnb_layout .depth1_ul>li>a{padding:0 15px}
    #gnb_layout .depth1_ul>li>a span{font-size:17px;}
}
@media screen and (max-width:1200px){
    #gnb_layout{display: none ;}
    #top_layout .top_wrap .utile_wrap li.pc{display:none;}
    #top_layout .top_wrap .utile_wrap li.mo {display: flex;margin-top: -3px;}
    #top_layout .top_wrap .utile_wrap li.search__box{display: none;}

    #mobile-menu {overflow: visible;z-index: 999;}
    #mobile-menu .modal-dialog {position: relative;top:0;right:0;z-index: 99999;float:right;width: 300px;max-width: 500px;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
    #mobile-menu.in .modal-dialog,
    #mobile-menu.show .modal-dialog {-webkit-transform:translate(0,0);transform: translate(0,0);}
    #mobile-menu .modal-dialog .mo_top_untill {height: 70px;background: #37456b;text-align: left;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap {display: inline-block;z-index: 3;height: 100%;padding: 0 0px 0 60px;vertical-align: middle;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li {display: inline-block;position: relative;height: 100%;margin: 0 10px;padding-top: 25px;vertical-align: middle;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li:before{position:absolute;left: -12px;top:50%;width:1px;height:10px;background:#878fa6;transform:translateY(-50%);content:'';}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li:first-child:before{display:none;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li a {display:block;font-weight:700;color: #fff;font-size: 14px;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li a span {display:block; position:relative; width:28px; height:26px; margin:0 auto 5px; background:url(/common/tmpl/skinB/img/until_icon.png)no-repeat 0 -26px;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li.n3 a span {background-position: -56px -26px;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li.n3 a span:after {display:block;position:absolute;right:0;bottom:0;content:'';width:11px;height:13px;background:url(/common/tmpl/skinB/img/until_icon2.png)no-repeat;-webkit-animation: obj1 3s ease infinite;animation: obj1 3s ease infinite;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang {position:relative;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > button {display:block;color: #fff;font-size: 14px;font-weight: 700;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > button span {display:block;width:28px;height:26px;margin:0 auto 5px;background: url(/common/tmpl/skinB/img/until_icon.png)no-repeat -28px -26px;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div {display:none;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang.on > div {display:block;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div > button{display:none;position: absolute;top: 0;left: 0;line-height:1;background: #ac1d3d;vertical-align:top;font-size:10px;font-weight:700;color: #fff;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang.on > div > button{display:block;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div > button span {display:block;width:28px;height:26px;margin:0 auto 5px;background: url(/common/tmpl/skinB/img/until_icon.png)no-repeat -28px -26px;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div .inner {position: absolute;top: 47px;left: 50%;z-index: 2;width: 70px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div .inner span {display:block;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div .inner span a {display:block;width:100%;height: 40px;line-height: 40px;background: #142c5e;color:#fff;font-weight: bold;font-size:14px;text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div .inner span:last-child a {border:none;}
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div .inner span a:hover,
    #mobile-menu .modal-dialog .mo_top_untill .utile_wrap li .clickOpen_lang > div .inner span a:focus {background: #a41132;}
    #mobile-menu .modal-dialog .modal-content {position: relative;width:100%;height:100%;border-radius: 0;}
    #mobile-menu .modal-dialog .modal-content .modal-body {position: static;height:100%;padding: 0;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {width: 100%;height: calc(100% - 70px);background: #37456b;text-align:left;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {float: left;width: 100%;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;top: 0;width: 93px;padding: 18px 5px;border-bottom: 1px solid rgba(255,255,255,0.5);color: #fff;font-size: 15px;font-weight: 500;text-align: center;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov {background: #fff;color: #003f70;font-weight: 700;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {border-width:0 1px 1px 0;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display: inline-block;position: relative;word-break: keep-all;line-height: 1.2;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > .item{overflow-y: scroll;position: absolute;top: 0;left: 93px;right: 0;bottom: 0;z-index: 1;padding: 0 10px;background: #fff;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > .item .gnb-title {display: none;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {height: 100%;margin: 0 0 15px;padding: 10px 0;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {border-bottom: 1px solid #e6e6e6;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;position:relative;padding: 16px 10px;font-size: 15px;color: #3b3b3b;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span,
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:hover span,
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:focus span{font-weight: bold;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display: inline-block;position: relative;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {display:block;position:absolute;right: 13px;top:50%;content:'';width: 7px;height: 3px;border-radius: 0;border: 3px solid #ddd;border-width: 0px 3px;transform: translateY(-50%);}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {display:block;position:absolute;right: 18px;top:50%;content:'';width: 3px;height: 3px;background: #ddd;transform: translateY(-50%);}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov:before{border-color:#004071}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov:after{margin-top:5px;background:#004071}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"] span:after{display:inline-block;right:0;width:14px;height:14px;margin: 0 0 0 10px;background:url(/common/tmpl/skinB/img/blank.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;padding: 10px 20px;background: #f3f3f3;border-top: 5px solid #282d31;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;margin: 8px 0;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li:after {display:block;position:absolute;left: 0;top: 50%;width:3px;height:3px;background: #003f70;transform: translateY(-50%);content:'';}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;padding-left: 13px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after{display:inline-block;width:16px;height:15px;margin-left: 5px;background:url(/common/tmpl/skinB/img/blank.png);vertical-align:middle;content:'';}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display:block;font-size:15px;color: #555;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span:hover,
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span:focus{color:#003f70;}
    #mobile-menu .mobile-close {position:absolute;top: -48px;left: 20px;}
    #mobile-menu .mobile-close span {display:block; position:relative; width:25px; height:25px; font-size:0;}
    #mobile-menu .mobile-close span:before,
    #mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
    #mobile-menu .mobile-close span:before {width: 100%;height: 2px;background: #fff;}
    #mobile-menu .mobile-close span:after {width: 2px;height: 100%;background: #fff;}
    .modal-backdrop.in{opacity: .8;z-index: 9;}
}
@media screen and (max-width:767px){
    .layout {padding:0 15px}
    #top_layout .top_wrap #logo a.site-text{font-size: 3.4vw;}
}


#top_layout { background: transparent; margin: 0 auto; height: 100px; padding-top: 15px; }



#top_layout .top_wrap .logo_wrap { padding: 0px; width: 118px; height: 62PX; position: relative; top: 0; left: 0; }

#top_layout .top_wrap .logo_wrap a.site-logo,

.in-search #top_layout .top_wrap .logo_wrap { float: left; }



#top_layout .top_wrap.layout:after { display: none; }



#top_layout .top_wrap .utile_wrap li.link_box { width: 470px; font-size: 14px; font-family: 'Noto Sans KR' ,sans-serif; height: 100%; display: flex; justify-content: space-between; align-items: center;}

#top_layout .top_wrap .utile_wrap li.link_box a { color: #fff; padding: 0px 13px; font-size: 14px; }


#top_layout .search-button { width: 17px; height: 17px; background: url(/site/en/img/main/search_btn.png) 0 0 no-repeat; font-size: 0; }

#top_layout .top_wrap .utile_wrap li.search__box .search input[type=text] { background: transparent; padding: 0 15px; width: 280px; }

#top_layout .top_wrap .utile_wrap li.search__box .search input[type=text]::placeholder { color: rgba(255, 255, 255, .8); }





#gnb_layout { height: 100%;}

#gnb_layout .layout { padding: 0px; height: 100%; text-align: left; }

#gnb_layout .depth1_ul>li .item { top: 100px; }

#gnb_layout.open #gnb:before { height: 100px; }

#gnb_layout .depth1_ul>li .item>.depth2_ul>li { margin: 0 0 10px; }

#gnb_layout .depth1_ul>li>a span { font-family: 'Noto Sans KR' ,sans-serif; font-size: 15px; line-height: 100px; }

#top_layout.nav_fix { position: fixed;
    padding-top: 15px;  background: #fff; transition: all .5s; z-index: 9998; }

#top_layout.nav_fix #gnb_layout { height: 70px; }
#top_layout.nav_fix  #gnb_layout .depth1_ul>li>a span{
  color: #000;
}
#top_layout.nav_fix  .top_wrap .utile_wrap li.search__box .search > a{    background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat 0px 0;}
#top_layout.nav_fix .top_wrap .utile_wrap li .btn-allmenu {
    background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat -62px 0;
}
#top_layout.nav_fix .top_wrap .logo_wrap,
#top_layout.on .top_wrap .logo_wrap { width: 83px; height: 43px; transition: all .5s; }

#top_layout .top_wrap .utile_wrap li.search__box .search > a{
    background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat -110px 0;
}
#top_layout .top_wrap .utile_wrap li .btn-allmenu{
    background: url(/common/tmpl/skinC/img/ir-tmpl.png) no-repeat -222px -1px;
}
#top_layout.on .top_wrap .utile_wrap li.search__box .search > a {
    background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat 0px 0;
}
#top_layout.on .top_wrap .utile_wrap li .btn-allmenu{
    background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat -62px 0;
}