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

body>.quick_link {display: none;}

#body_layout{position: relative;width:100%;}
.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: relative;width:100%;height: 100px;text-align:center;}
#top_layout.on {z-index:9998;}
#top_layout .top_wrap {position: relative;max-width: 1760px;height:100%;}
#top_layout .top_wrap .layout{max-width:100%;}
#top_layout .top_wrap .logo_wrap {position:absolute;top: 20px;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;z-index:3 ;}
#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) 0 center no-repeat;/*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: 35px;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: 100px;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: 100px;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: center;}
#gnb_layout .depth1_ul{display:inline-block;float:none;height:100%;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: 100px;vertical-align: middle;letter-spacing: -1px;font-size: 22px;color: #000;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: 100px;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';font-weight: bold;}
/* #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: 15px;}
#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;}


.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;white-space: break-spaces;}
.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%;color: #fff;font-size: 14px;}
#top_layout.nav_fix { position: fixed;
    padding-top: 0px;  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;
}
@media screen and (max-width:1560px){
    #top_layout .top_wrap #logo{width:325px;padding-left: 205px;}
    #top_layout .top_wrap #logo a.site-logo{width:191px;background-position: 0 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 a.site-text{font-size: 1.2vw;/* line-height: 1; */}
    #gnb_layout .depth1_ul>li>a{padding:0 15px}
    #gnb_layout .depth1_ul>li>a span{font-size:17px;}
    .in-search #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form{
      width: calc(100% - 500px);
    }
}
@media screen and (max-width:1200px){
    #gnb_layout{display: none !important;}
    #top_layout .top_wrap .utile_wrap li.pc{display:none;}
    #top_layout .top_wrap .utile_wrap li.mo {display: block;margin-top: -3px;}

    #mobile-menu {overflow: visible;z-index: 999;}
    #mobile-menu .modal-dialog {position: relative;top:0;right:0;z-index: 99999;float:right;width: 310px;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: 109px;padding: 18px 4px;border-bottom: 1px solid rgba(255,255,255,0.5);color: #fff;font-size: 14px;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.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;}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.on > a:after {border-width:0 1px 1px 0;}
    /* #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 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: 109px;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:900px){
  #top_layout .top_wrap .logo_wrap#logo2{
    width: 40vw;
    padding-left: 24vw;
  }
  #top_layout .top_wrap .logo_wrap#logo2 a.site-logo{
    width: 22vw;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
  }
  #top_layout .top_wrap .logo_wrap a.site-text{
    font-size: 1.2vw;

  }
  .in-search #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form{
    width: 50%;
  }
  .in-search #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form form .form_inner input[type="text"]::placeholder{
    font-size: 1vw;
  }
  
}

@media screen and (max-width:767px){
    .layout {padding:0 15px}
}
@media screen and (max-width:480px){
  #top_layout .top_wrap #logo{
    padding-left: 0;
    top: 20px;
    left: 10px;
    width: 70%;
  }
  #top_layout .top_wrap #logo a.site-text{font-size: 3.4vw;}
  #top_layout .top_wrap .logo_wrap a.site-text{
    width: 40%;
    height: 45px;
    display: flex;
    align-items: center;
    
  }
  #top_layout .top_wrap .logo_wrap a.site-text:before{
    display: none;
  }
  #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding:0 15px;

  }
  #top_layout .top_wrap .logo_wrap#logo2{
    width: calc(100% - 100px);
    padding: 0;
    position: static;
    display: flex;
    align-items:center;
    justify-content: flex-start;
    height: 50%;
    flex-wrap: nowrap;
  }
  .in-search #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form{
    width: 100%;
    padding: 0;
    position: static;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
     height: 50%;
  }
  #top_layout .top_wrap .logo_wrap a.site-logo,#top_layout .top_wrap #logo a.site-logo{
    position: static;
    width: 60%;
    background-size: contain;
    background-position: left center;
  }
  #top_layout .top_wrap .logo_wrap#logo2 a.site-logo{
    width: 60%;
  }
  .in-search #top_layout .top_wrap .logo_wrap a.site-text{
    width: 40%;
  }
  #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .clickClose,#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .submit{
    top:25px
  }
  #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .clickClose{
    right: 15px;
  }
  #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .submit{right: 55px;}
  #top_layout .top_wrap .utile_wrap{right: 15px;}
  #top_layout .top_wrap .utile_wrap li{    margin-left: 15px;}
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov {background: #fff;color: #003f70;font-weight: 700;}