@charset "UTF-8";

#gnb_layout .layout {
    position: relative;
    padding: 0px 20px 0 284px;
    text-align: right;
}
#top_layout .top_wrap .utile_wrap{
  top:12px;
}
#top_layout .top_wrap .utile_wrap li.search__box .search > a{
  background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat 0px 0;
}

#top_layout .top_wrap .utile_wrap li .btn-allmenu{
  background: url(/common/tmpl/skinC/img/ir-tmpl.png) no-repeat -62px 0px;
}
#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;
}
#top_layout .top_wrap .logo_wrap,#top_layout.nav_fix .top_wrap .logo_wrap, #top_layout.on .top_wrap .logo_wrap{
  width: 260px;
  height: 65px;
}
#top_layout .top_wrap .logo_wrap a.site-logo{
  width: 100%;
  height: 100%;
  background: url(/site/en/img/main/logo_on.png) 0 0 no-repeat;
  background-size: contain;
}
#top_layout.nav_fix .top_wrap .logo_wrap a.site-logo,#top_layout.on .top_wrap .logo_wrap a.site-logo{
  background: url(/site/en/img/main/logo_on.png) 0 0 no-repeat;
  background-size: contain;
}
/* #top_layout.nav_fix .top_wrap .logo_wrap,
#top_layout.on .top_wrap .logo_wrap {     width: 260px;height: 65px; transition: all .5s; }  */
#top_layout .search-button.mo{
  display: none;
    width: 26px;
    height: 26px;
  background: url(/common/tmpl/skinB/img/ir-tmpl.png) no-repeat -110px 0;
  margin-right: 15px;
}


#top_layout .top_wrap .logo_wrap#logo2{
  display: flex;
  align-items: center;
  width: auto;
  flex-wrap: nowrap;
  left: 10px;
}
#top_layout .top_wrap .search-box .logo_wrap#logo2 a.site-logo{
  
}
#top_layout .top_wrap .logo_wrap#logo2 a.site-logo{
  position:static;
  margin-right: 10px;
  background: url(/site/en/img/main/logo.png) 0 center no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  width: 430px;
}

#foot_layout .layout{
  max-width: 100%;
  background: #f1f1f1;
}
#foot_layout .footer-utile{
  display: none;
}
#foot_layout .footer-info{
  max-width: 1340px;
  background: transparent;
  width: 100%;
  margin:  0 auto;
}
#foot_layout .footer-link .item b{
  font-size: 18px;
  font-weight: bold;
  color: #232323;
}
#foot_layout .footer-link .item ul > li > a{
  font-size: 16px;
  color: #232323;
  font-weight: 100;
}
#foot_layout .move_top{
  top: 440px;
}
#foot_layout .copyright{
  width: 100%;
}
.footer-bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer_logo{
     width: 50%;
    display: flex;
    align-items: center;
    
    justify-content: space-between;
}
.footer_logo li{
  margin:  0 15px;
}

#foot_layout .copyright address{
  border-right: 0px;
}
@media screen and (max-width:1560px){
  #gnb_layout .layout{text-align: center;}
  #top_layout .top_wrap #logo a.site-logo {
    width: 192px;
    background-position: 0px 0;
}
}
@media screen and (max-width:1380px){
  #foot_layout .move_top {
    top: unset;
    right:0px;
    bottom:20px;
  }
}
@media screen and (max-width:1340px){
  #footer .layout{
    left: 0;
    padding: 0 25px;
  }
}
@media screen and (max-width:1280px){
  #footer .footer_top{
   padding: 0 40px; 
   flex-wrap: wrap;
       height: 160px;
  }
  #footer .footer_top .quick_link{
    width: 100%;
    height: 80px;
    justify-content: center;
  }
  #footer .footer_top .quick_link>ul{
    width: auto;
  }
  #footer .sns{
    width: 100%;
    height: 80px;
  }
  #footer .footer_top .quick_link>ul>li{
    padding-right: 4vw;
  }
  #footer .footer_top .quick_link .tit{
    width: 15vw;
    font-size: 2.2vw;
  }
}
@media screen and (max-width:1200px){
  #top_layout .top_wrap .utile_wrap li.search__box {
    display: inline-block;
  }
}

@media screen and (max-width:1024px){
  .footer-bottom{
    flex-wrap: wrap;
  }
  #footer address{
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  #footer address p.copy{
    text-align: center;
  }
  .footer_logo{
    width: 100%;
    justify-content: space-evenly;
  }
  .footer_logo li{
    margin: 0 5px;
  }
  #foot_layout .footer-info{
    display: none;
  }
}
@media screen and (max-width:768px){
  #top_layout .top_wrap{padding: 0 15px;}
  #foot_layout .move_top a span {font-size: 16px;}
  #foot_layout .copyright address {padding: 0 30px;}
}
#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner{
  display: flex;
  align-items:center ;
}

@media screen and (max-width:640px){
   .s0403 .h2{
    text-align: center;
  }
  #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner{
    flex-wrap: wrap;
    padding-top: 0;
    
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }
  #top_layout .top_wrap .logo_wrap#logo2{
    width: 100%;
    left:0;
    width: calc(100% - 110px);
  }
  #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .submit,#top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form .clickClose{
    top:-50px;
  }
  #top_layout .top_wrap .utile_wrap li.search__box .search .search-box .inner .form{
    padding-right: 0px;
  }
  #foot_layout .move_top{    right: -5px;bottom: 160px;top:unset}
  #top_layout .top_wrap .logo_wrap#logo2 a.site-logo{
    width: 53vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;

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

}
  


#gnb_layout{display:block;position:absolute;top: 0;left:0;width:100%;height: inherit;background:#fff}
#gnb_layout.open:before{display:block;position:absolute;top:150px;bottom: 0;right: 0;z-index: 01;width:100%;height: 100px;content:'';}
#gnb_layout:after{top:81px}
#gnb_layout.open{overflow: hidden; min-height:100px;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; background:#fff}
#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: 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: inherit; */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: 18px;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: 94px;left: 0;z-index: 100;width: 100%;min-height: 209px;margin: 40px 0 41px;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; min-height: 153px;}
#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;}

@media screen and (max-width:1560px){
  #gnb_layout .layout{padding:0 50px 0 224px}
}
@media screen and (max-width:1280px){
  #gnb_layout .layout{padding-right:110px;}
  #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 ;}
}

/*그림자 제거 */
#svisual_layout .svisual_wrap .sub__background:after{background-color:rgba(0,0,0,0)}



/* 230719 메인 모바일 수정사항 : s */
/* #top_layout {position: absolute;} */

#svisual_layout .svisual_wrap {background-color: #fff;}
#svisual_layout .svisual_wrap .sub__background {left: 50%;bottom: 0;transform: translate(-50%, 0);max-width: 1920px;max-height: 210px;}

@media (max-width: 640px) {
  #top_layout {
    position: relative;
}
    .pagination > li,
    .pagination .page-item,
    .pagination .page-item .page-link {display: inline-block;}
    .pagination .page-item .page-link[aria-label="Previous"] span[aria-hidden],
    .pagination .page-item .page-link[aria-label="Next"] span[aria-hidden] {display: inline-block;}
    .pagination .page-item [aria-label] {width: 30px;margin: 2px 2px;padding: 0;font-size: 12px;letter-spacing: -1px;background: transparent;color: #666;}
    .pagination .page-item [aria-label] .sr-only {position: absolute;width: 0;margin: -1px;padding: 0;overflow: hidden;border: 0;clip: rect(0,0,0,0);}
} 
/* 230719 메인 모바일 수정사항 : e */