@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");


.header-inner {display: flex;justify-content: space-between;gap: 20px;align-items: center;min-height: 120px;}

.header-inner .gnb-box nav > div.wnav > ul {display: flex;}
.header-inner .gnb-box nav > a {display: none;}

.header-inner h1 {position: relative;}
.header-inner h1 a {display: flex;align-items: center;}
.header-inner h1 img {width:200px;}
.header-inner h1 span {font-size: 30px;line-height:1;font-weight: 600;color: #222;position: relative;margin-left: 16px;padding-left: 10px;margin-top: -8px;transition: 0.1s;}
.main .header-inner h1 img.img02 {display: none;}
.main .header-inner h1 img.img01 {display: block;}
.header-inner h1 img.img01 {display: none;}

.header-inner h1 span:before {content: "";width: 2px;height: 28px;background-color: #c0c0c0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.1s;}
  
.header-inner .box-right {flex:1;display:flex;justify-content: flex-end;align-items: center;gap: 80px;}
.header-inner .box-right .btn-sitemap {display: flex;gap: 20px;align-items: center;}
.header-inner .box-right > .util {display: none;}
.util > ul {display: flex;align-items: center;gap: 20px;} 

.main .util > ul > li:nth-child(3) img,
.main .util > ul > li:nth-child(2) img {filter: brightness(1);} 
.util > ul > li:nth-child(3) img,
.util > ul > li:nth-child(2) img {filter: brightness(0);} 


.g-lang-box .g-lang-btn {display: flex;align-items: center;padding: 3px 7.5px;background: #E9F0FB;border-radius: 24px;font-size: 0;font-family: 'Pretendard GOV';}
.main .g-lang-.g-lang-box .g-lang-btn {background: #fff;}
.g-lang-box{position:relative;}
.g-lang-box > button{padding: 0 24px 0 0;background: url(../img/common/bg-google-arr.png) no-repeat right top 0px;border:none;cursor: pointer;display: flex;align-items: center;}
.g-lang-box > button:before{content:'';display:inline-block;width: 20px;height: 20px;background: url(../img/common/ico-google-lang.png) no-repeat left top;vertical-align:middle;background-size: contain;}
.g-lang-box > button.focus{}
.g-lang-box > button span{padding: 0 0 0 6px;font-size: 16px;line-height:1;font-weight:700;color:#222;display: block;}

.g-lang-box .g-lang-btn:before {content: '';display: inline-block;width: 20px;height: 20px;background: url(../img/common/ico-google.png) no-repeat 0 0/100%;vertical-align: middle;}
.g-lang-box .g-lang-btn:after {content: '';display: inline-block;width: 24px;height: 24px;background: url(../img/common/ico-google-arr.png) no-repeat 0 0/100%;vertical-align: middle;transition: all 0.2s;}
.g-lang-box .g-lang-btn.on:after {transform: rotate(180deg);}
.g-lang-box .g-lang-btn span {padding: 0 8px 0 4px;font-size: 16px;font-weight: 700;line-height: 1.2;color: #222;border-radius: 24px;}

.g-lang-box ul{display:none;position:absolute;top: 25px;left:50%;z-index:100;padding: 15px 5px 15px 5px;width:80%;background-color:#e9f0fb;transform:translateX(-50%);border-radius: 0 0 20px 20px;}
.g-lang-box ul.on{display:block;}
.g-lang-box ul li{margin:0 0 5px;}
.g-lang-box ul li:last-of-type{margin:0;}
.g-lang-box ul li a{display:block;font-size:0;text-align:left;}
.g-lang-box ul li a::before{content:'';display:inline-block;margin:0 5px 0 0;width:30px;height:20px;background-repeat:no-repeat;background-size:100%;background-position:center;vertical-align:middle;}
.g-lang-box ul li:nth-of-type(1) a::before{background-image:url(../img/common/ico-lang-kor.png);}
.g-lang-box ul li:nth-of-type(2) a::before{background-image:url(../img/common/ico-lang-eng.png);}
.g-lang-box ul li:nth-of-type(3) a::before{background-image:url(../img/common/ico-lang-cn.png);}
.g-lang-box ul li a span{display:inline-block;width:calc(100% - 35px);font-size:14px;font-weight:600;color:#222;line-height:1;vertical-align:middle;}


.gnb-box .gnb-ul{display:flex;padding: 37px 0 0;}
.gnb-box nav div.wnav > ul > li{position:relative;height: 120px;align-content: center;}
.gnb-box nav div.wnav > ul > li:last-of-type{margin:0;}
.gnb-box nav div.wnav > ul > li > a{display:block;padding: 15px 0 15px 0;color: #fff;transition: all 0.25s ease;position: relative;font-weight: 500;font-size: 18px;line-height: 36px;text-align: center;color: #111;}
.gnb-box nav div.wnav > ul > li > ul > li > a.active,
.gnb-box nav div.wnav > ul > li > a.active {color: #960404 !important;}

.gnb-box nav div.wnav > ul > li.on > a:after,
.gnb-box nav div.wnav > ul > li > a::after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: 3px;background-color: #80222F;transform: scale(0, 1);transform-origin: right center;transition: transform 500ms ease;margin-bottom: -3px;}

.gnb-box nav div.wnav > ul > li > a.active:after,
.gnb-box nav div.wnav > ul > li.on > a:hover:after,
.gnb-box nav div.wnav > ul > li > a:hover::after {transform: scale(1, 1);transform-origin: left center;}

.gnb-box nav div.wnav > ul > li:has(> a.active)::before {content: "";width: 100%;height: 94px;position: absolute;bottom: 0;background: linear-gradient(180deg, #E0E0E0 0%, #F5F5F5 100%);
z-index: -1;bottom: 0;transform: translateX(-50%);left: 50%;border-radius: 8px 8px 0 0;}
/*
.gnb-box nav div.wnav > ul > li > a.active:before {content: "";width: calc(100% - -48px);height: 94px;position: absolute;bottom: 0;background: linear-gradient(180deg, #E0E0E0 0%, #F5F5F5 100%);z-index: -1;bottom: -32px;transform: translateX(-50%);left: 50%;border-radius: 8px 8px 0 0;}
*/

.gnb-box nav div.wnav > ul > li.active:hover > a,
.gnb-box nav div.wnav > ul > li.on > a {color: #960404 !important;} 

.gnb-box div.wnav > ul > li > ul{position:absolute;top:110%;left:50%;z-index: 10;box-sizing:border-box;transform:translateX(-50%);-ms-transform:translateX(-50%);transition: all 0.3s ease;opacity: 0;visibility: hidden;/* background: rgba(255, 255, 255, 1); */padding: 25px 0;border-radius: 10px;}
:not(.main) .gnb-box > div > ul > li > ul{}
.gnb-box div.wnav > ul .on > ul{opacity: 1;visibility: visible;top:83%;transition: all 0.3s ease;/* border: 1px solid rgba(0, 0, 0, 0.05); *//* box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12); */} 

.gnb-box div.wnav > ul > li > ul > li {margin: 0 15px 15px;text-align: center;} 
.gnb-box div.wnav > ul > li > ul > li:last-child {margin-bottom: 0;}
.gnb-box div.wnav > ul > li > ul > li > a{text-align: center;display: inline-block;position: relative;padding: 0 0px 4px 0px;font-size: 19px;font-weight: 500;color: #222;line-height: 23px;font-family: Inter;} 
.gnb-box div.wnav > ul > li > ul > li > a:hover, 
.gnb-box div.wnav > ul > li > ul > li > a:focus, .sub-mn > li.on > a{color: #960404;}

.gnb-box div.wnav > ul > li > ul > li > a::after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: 3px;background-color: #960404;transform: scale(0, 1);transform-origin: center center;transition: transform 500ms ease;margin-bottom: -2px;font-weight:500;color:#053824;}

.gnb-box div.wnav > ul > li > ul > li > a:focus,
.gnb-box div.wnav > ul > li > ul > li.on > a,
.gnb-box div.wnav > ul > li > ul > li > a:hover:after {transform: scale(1, 1);transform-origin: center center;}

.gnb-box div.wnav > ul > li > ul > li > ul {display: block;text-align:left;padding:0 0 0 15px}
.gnb-box div.wnav > ul > li > ul > li > ul li a{font-size:15px;position: relative;}
.gnb-box div.wnav > ul > li > ul > li > ul li a:before {content: "";position: absolute;width: 4px;height: 1px;background: #000000;top: 9px;left: -10px;}
.gnb-box div.wnav > ul > li > ul > li > ul li a:hover{font-weight:bold}

.gnb-box .sub-mn02{display:none;position:absolute;top: 0px;left:100%;padding: 30px 20px;min-width:155px;min-height: 100%;background-color: #e1edeb;box-sizing:border-box;}
.on > .sub-mn02{display:block;}
.gnb-box .gnb-ul > li:last-of-type .sub-mn02{left:unset;right:100%;}
.gnb-box .sub-mn02 > li{padding:0 0 15px 0;}
.gnb-box .sub-mn02 > li:last-of-type{padding:0;text-align: center;}
.gnb-box .sub-mn02 > li > a{font-weight:200;font-size:16px;color: #333;line-height:21px;letter-spacing: -0.5px;}
.gnb-box .sub-mn02 > li > a:hover{text-shadow:0 0 1px #fff;}



.mo-box{display:none;}
.slideMenu{display:none;z-index:999999;}
.m-gnb-bg{display:none;}
.mnav{display:none;} 

.gnb-box .sub-mn > li > a.active {font-weight: 500;color: #000;}
.gnb-bg{display:block !important;position:absolute;top: 100%;left:0;width: 100%;border-top: 1px solid #e5e5e5;background:#f6f6f6;box-shadow: 0px 5px 40px 0px #11111114;box-shadow: 0px 0px 91.4px 0px #FFFFFF inset;}
.btn-m-menu {display: none;}

.header-wrap {transform: translateY(0);transition: 0.4s;}
.main .header-wrap.is-fixed {position: fixed;background: #fff;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);transition: 0.4s;}
.main .header-wrap.is-fixed .gnb-box nav div.wnav > ul > li > a {color: #222;}
.main .header-wrap.is-fixed .header-inner h1 span {color: #222;}
.main .header-wrap.is-fixed .header-inner h1 span:before {background-color: #c0c0c0;}
.main .header-wrap.is-fixed .util > ul > li:nth-child(2) img {filter: brightness(0);}  
.main .header-wrap.is-fixed .header-inner h1 img.img01 {display: none;}
.main .header-wrap.is-fixed .header-inner h1 img.img02 {display: block;} 

@keyframes slideDown {
  from {transform: translateY(-100%);}
  to {transform: translateY(0);    }
}

@media screen and (max-width:1500px){
  .gnb-box nav div.wnav > ul > li {margin: 0 35px 0 0;}
  .gnb-box nav div.wnav > ul > li > a {font-size: 20px;}
  .gnb-box nav div.wnav > ul > li:has(> a.active)::before {width: calc(100% - -36px);}
  
  .header-inner .box-right{gap: 40px;}
}

@media screen and (max-width:1300px){
  .header-inner {min-height: 110px;}

  .gnb-box nav div.wnav > ul > li {margin: 0 30px 0 0;}
  .gnb-box nav div.wnav > ul > li > a {font-size: 16px;}
  .gnb-box div.wnav > ul > li > ul > li > a {font-size: 17px;}
  .gnb-box nav div.wnav > ul > li:has(> a.active)::before {width: calc(100% - -20px);height: 86px;}

  .util > ul {gap: 10px;}

  .header-inner h1 span:before {height: 22px;}
  .header-inner h1 img {width: 150px;}
  .header-inner h1 span {font-size: 24px;}

  .g-lang-box .g-lang-btn span {padding: 0 8px 0 4px;font-size: 14px;}
  .g-lang-box .g-lang-btn:after {width: 20px;height: 20px;}
  .util > ul > li:nth-child(3) img, .util > ul > li:nth-child(2) img {width: 30px;}
}

@media screen and (max-width:1100px){
  .gnb-box nav div.wnav > ul > li {margin: 0 20px 0 0;}
}

@media screen and (max-width:1024px){
  .gnb-box .pc-box{display:none;}
  .gnb-box .mo-box{display:block;}	
  .gnb-box .mo-box .btn-m-menu{position:absolute;top:50%;right: 35px;margin:-13px 0 0;width:29px;height:25px;background:url(../img/common/btn-m-menu.png) no-repeat 50% 50%/100%;cursor:pointer;    border: 0;}
  .btn-m-menu {display: block;z-index: 9999999;position: relative;position: absolute;right: 16px;top: 20px;cursor: pointer}
.header-inner .box-right {gap:0}
  .header-inner .box-right .btn-sitemap {display: none;}
  .header-inner .box-right > .util {display: block;margin-right: 60px;}
  .header-inner .btn-sitemap {display:none;}
.main .header-wrap.is-fixed .btn-m-menu .btn-open {filter: brightness(0);width: 40px;}
.main .header-wrap.is-fixed .header-inner {min-height: 80px;}
.main .header-wrap.is-fixed .btn-m-menu {top: 19px;}

.wrap nav > div {left: -100%;transition: 0.3s;}

.header-inner {min-height: 90px;}
.util > ul {margin-right: 60px;}
.util > ul > li:nth-child(2),
.util > ul > li:nth-child(3){display: none;}

.wrap nav > div.open {left: 0;}
body.mo-gnb-open {overflow: hidden;}

.btn-m-menu .btn-open {filter: brightness(0);width: 40px;}
.main .btn-m-menu .btn-open {filter: brightness(1);}
body.mo-gnb-open .btn-m-menu .btn-open {display: none;}
body.mo-gnb-open .btn-m-menu .btn-close {display: block;}
.btn-m-menu .btn-close {display: none;}
body.mo-gnb-open .btn-m-menu {top: 20px;}

.wnav{display:none;}	
.mnav{display:block;}  

.mnav > ul {border-top:2px solid #444;margin-top:0 !important;}
.mnav > ul > li{width:100%;font-size:17px !important;color:#444 !important;padding:0 !important}
.mnav > ul > li:first-child > a{border:0;}
.mnav > ul > li:last-child > a{border-bottom:1px solid #dadada}
.mnav > ul > li > a{position:relative;display:block;padding:20px 18px;border-top:1px solid #dadada;background:#f5f5f5;color: #000;}

.mnav > ul > li.acti > ul > li.acti > a:after, 
.mnav > ul > li.acti > a:after {content:'';position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(../img/common/ico-nav-down.png) no-repeat 95%;background-size:12px}

.mnav > ul > li > ul > li.selected > a:after,
.mnav > ul > li.selected > a:after {transform: rotate(180deg);}

.mnav > ul > li.selected > a span,
.mnav > ul > li > ul > li.selected > a span{background:url(/_res/tem_f/img/comm/bl_nav_up02.png) no-repeat 95%;background-size:12px}
.mnav > ul > li > ul{position:static;width:100%;margin:0;padding:0;}
.mnav > ul > li > ul > li{padding:0;}
  .mnav > ul > li > ul > li > ul {padding: 0 18px;}
.mnav > ul > li > ul > li > a{position:relative;display:block;padding:20px 18px;color:#888;font-weight:normal !important;font-size:17px;border-top:1px solid #dadada;background:#fff}
.mnav > ul > li.selected > a,
.mnav > ul > li > a.active,
.mnav > ul > li > ul > li.selected > a,
.mnav > ul > li > ul > li > a.active, 
.mnav > ul > li > ul > li > ul > li.selected > a,
.mnav > ul > li > ul > li > ul > li > a.active{color:#ba0b4a;}
.mnav > ul > li > ul > li > ul > li a{display:block;padding:0 15px 15px 0;font-size:15px;color:#999;line-height:140%}
.mnav > ul > li > ul > li > ul > li > a:before{content:"-";padding:0 5px 0 20px;}
.mnav > ul > li:last-child > ul > li:first-child > a{border-top:0}
  
.wrap nav > a{display:block;position:absolute;left:15px;top:25px;width:35px;height:35px;font-size:0;background:url(/_res/tem_f/img/comm/bg_gnb.png) no-repeat;background-size:35px;}
.wrap nav > div{position:fixed;top:0;left:-100%;overflow:scroll;width:100%;background:#fff;height:100vh;z-index:1200}
.wrap nav > div:before{display:block;content:"전체메뉴";padding:25px 18px;font-size:18px;color:#444;}
.wrap nav > div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/tem_f/img/comm/btn_nav_close.png) no-repeat;background-size:18px;}

}

@media screen and (max-width:768px){	
  .util > ul {display: block;}
  .gnb-box .mo-box .btn-m-menu{right:17px;margin: -8px 0 0;width: 18px;height: 16px;}

  .header-inner h1 span {font-size: 22px;}
  .header-inner h1 span {font-size: 22px;}

  .gnb-box .slide-close{top: 20px;right:17px;width: 18px;height: 18px;}
  .gnb-box .m-gnb{padding: 0px 0 30px;}
  .gnb-box .m-gnb .dep1 > li > a{max-width:calc(100% - 34px);}
  .gnb-box .m-gnb .dep2{padding:15px 17px;}
}

@media screen and (max-width:450px){
    .header-inner h1 img {width: 130px;}
    .header-inner h1 span {font-size: 20px;}
}


@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");


.header-inner {display: flex;justify-content: space-between;gap: 20px;align-items: center;min-height: 120px;}

.header-inner .gnb-box nav > div.wnav > ul {display: flex;gap: 20px;}
.header-inner .gnb-box nav > a {display: none;}

.header-inner h1 {position: relative;}
.header-inner h1 a {display: flex;align-items: center;}
.header-inner h1 img {width:200px;}
.header-inner h1 span {font-size: 30px;line-height:1;font-weight: 600;color: #222;position: relative;margin-left: 16px;padding-left: 10px;margin-top: -8px;transition: 0.1s;}
.main .header-inner h1 img.img02 {display: none;}
.main .header-inner h1 img.img01 {display: block;}
.header-inner h1 img.img01 {display: none;}

.header-inner h1 span:before {content: "";width: 2px;height: 28px;background-color: #c0c0c0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.1s;}
  
.header-inner .box-right {flex:1;display:flex;justify-content: flex-end;align-items: center;gap: 80px;}
.util > ul {display: flex;align-items: center;gap: 20px;} 

.main .util > ul > li:nth-child(3) img,
.main .util > ul > li:nth-child(2) img {filter: brightness(1);} 
.util > ul > li:nth-child(3) img,
.util > ul > li:nth-child(2) img {filter: brightness(0);} 

.gnb-box .gnb-ul{display:flex;padding: 37px 0 0;}
.gnb-box nav div.wnav > ul > li{position:relative;height: 120px;align-content: center;padding: 0 40px;}
.gnb-box nav div.wnav > ul > li:last-of-type{margin:0;}
.gnb-box nav div.wnav > ul > li > a{display:block;padding: 15px 0 15px 0;color: #fff;transition: all 0.25s ease;position: relative;font-weight: 500;font-size: 18px;line-height: 36px;text-align: center;color: #111;}
.gnb-box nav div.wnav > ul > li > ul > li > a.active,
.gnb-box nav div.wnav > ul > li > a.active {color: #960404 !important;}

.gnb-box nav div.wnav > ul > li.on > a:after,
.gnb-box nav div.wnav > ul > li > a::after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: 3px;background-color: #80222F;transform: scale(0, 1);transform-origin: right center;transition: transform 500ms ease;margin-bottom: -3px;}

.gnb-box nav div.wnav > ul > li > a.active:after,
.gnb-box nav div.wnav > ul > li.on > a:hover:after,
.gnb-box nav div.wnav > ul > li.active:hover > a::after {transform: scale(1, 1);transform-origin: left center;}

.gnb-box nav div.wnav > ul > li:has(> a.active)::before {content: "";width: 100%;height: 94px;position: absolute;bottom: 0;background: linear-gradient(180deg, #E0E0E0 0%, #F5F5F5 100%);
z-index: -1;bottom: 0;transform: translateX(-50%);left: 50%;border-radius: 8px 8px 0 0;}
/*
.gnb-box nav div.wnav > ul > li > a.active:before {content: "";width: calc(100% - -48px);height: 94px;position: absolute;bottom: 0;background: linear-gradient(180deg, #E0E0E0 0%, #F5F5F5 100%);z-index: -1;bottom: -32px;transform: translateX(-50%);left: 50%;border-radius: 8px 8px 0 0;}
*/

.gnb-box nav div.wnav > ul > li.active::hover > a,
.gnb-box nav div.wnav > ul > li.active > a {color: #960404;} 

.gnb-box div.wnav > ul > li > ul{position:absolute;top:110%;width: 130%;left: 100%;z-index: 10;box-sizing:border-box;transform:translateX(-50%);-ms-transform:translateX(-50%);transition: all 0.3s ease;opacity: 0;visibility: hidden;/* background: rgba(255, 255, 255, 1); */padding: 100px 0 0 0;border-radius: 10px;}
:not(.main) .gnb-box > div > ul > li > ul{}
.gnb-box div.wnav > ul .on > ul{opacity: 1;visibility: visible;top: 60%;transition: all 0.3s ease;/* border: 1px solid rgba(0, 0, 0, 0.05); *//* box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12); */} 

.gnb-box div.wnav > ul > li > ul > li {margin: 0 0 15px 0;text-align: left;} 
.gnb-box div.wnav > ul > li > ul > li:last-child {margin-bottom: 0;}
.gnb-box div.wnav > ul > li > ul > li > a{text-align: center;display: inline-block;position: relative;padding: 0 0px 4px 0px;font-size: 18px;font-weight: 500;color: #222;line-height: 23px;font-family: Inter;position: relative;} 
.gnb-box div.wnav > ul > li > ul > li > a:hover, 
.gnb-box div.wnav > ul > li > ul > li > a:focus, .sub-mn > li.on > a{color: #960404;}

.gnb-box div.wnav > ul > li > ul > li > a::after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: 3px;background-color: #960404;transform: scale(0, 1);transform-origin: center center;transition: transform 500ms ease;margin-bottom: -2px;font-weight:500;color:#053824;}

.gnb-box div.wnav > ul > li > ul > li > a:focus,
.gnb-box div.wnav > ul > li > ul > li.on > a,
.gnb-box div.wnav > ul > li > ul > li > a:hover:after {transform: scale(1, 1);transform-origin: center center;}

.gnb-box div.wnav > ul > li > ul > li > ul {display: block;}
.gnb-box .sub-mn02{display:none;position:absolute;top: 0px;left:100%;padding: 30px 20px;min-width:155px;min-height: 100%;background-color: #e1edeb;box-sizing:border-box;}
.on > .sub-mn02{display:block;}
.gnb-box .gnb-ul > li:last-of-type .sub-mn02{left:unset;right:100%;}
.gnb-box .sub-mn02 > li{padding:0 0 15px 0;}
.gnb-box .sub-mn02 > li:last-of-type{padding:0;text-align: center;}
.gnb-box .sub-mn02 > li > a{font-weight:200;font-size:16px;color: #333;line-height:21px;letter-spacing: -0.5px;}
.gnb-box .sub-mn02 > li > a:hover{text-shadow:0 0 1px #fff;}

.mo-box{display:none;}
.slideMenu{display:none;z-index:999999;}
.m-gnb-bg{display:none;}
.mnav{display:none;} 

.gnb-box .sub-mn > li > a.active {font-weight: 500;color: #000;}

.btn-m-menu {display: none;}

.header-wrap {transform: translateY(0);transition: 0.4s;}
.main .header-wrap.is-fixed {position: fixed;background: #fff;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);transition: 0.4s;}
.main .header-wrap.is-fixed .gnb-box nav div.wnav > ul > li > a {color: #222;}
.main .header-wrap.is-fixed .header-inner h1 span {color: #222;}
.main .header-wrap.is-fixed .header-inner h1 span:before {background-color: #c0c0c0;}
.main .header-wrap.is-fixed .util > ul > li:nth-child(2) img {filter: brightness(0);}  
.main .header-wrap.is-fixed .header-inner h1 img.img01 {display: none;}
.main .header-wrap.is-fixed .header-inner h1 img.img02 {display: block;} 

.box-lang-mo {display: none;}

@keyframes slideDown {
  from {transform: translateY(-100%);}
  to {transform: translateY(0);    }
}

@media screen and (max-width:1500px){
  .gnb-box nav div.wnav > ul > li {margin: 0 35px 0 0;padding: 0 28px;}
  .gnb-box nav div.wnav > ul > li > a {font-size: 20px;}
  .gnb-box nav div.wnav > ul > li:has(> a.active)::before {width: calc(100% - -36px);}
  
  .header-inner .box-right{gap: 20px;}
}

@media screen and (max-width:1300px){
  .header-inner {min-height: 110px;}

  .gnb-box nav div.wnav > ul > li {margin: 0 30px 0 0;}
  .gnb-box nav div.wnav > ul > li > a {font-size: 16px;}
  .gnb-box div.wnav > ul > li > ul > li > a {font-size: 17px;}
  .gnb-box nav div.wnav > ul > li:has(> a.active)::before {width: calc(100% - -20px);height: 86px;}

  .util > ul {gap: 10px;}

  .header-inner h1 span:before {height: 22px;}
  .header-inner h1 img {width: 150px;}
  .header-inner h1 span {font-size: 24px;}

  .g-lang-box .g-lang-btn span {padding: 0 8px 0 4px;font-size: 14px;}
  .g-lang-box .g-lang-btn:after {width: 20px;height: 20px;}
  .util > ul > li:nth-child(3) img, .util > ul > li:nth-child(2) img {width: 30px;}
}

@media screen and (max-width:1100px){
  .gnb-box nav div.wnav > ul > li {margin: 0;}
}

@media screen and (max-width:1024px){
  .gnb-box .pc-box{display:none;}
  .gnb-box .mo-box{display:block;}	
  .gnb-box .mo-box .btn-m-menu{position:absolute;top:50%;right: 35px;margin:-13px 0 0;width:29px;height:25px;background:url(../img/common/btn-m-menu.png) no-repeat 50% 50%/100%;cursor:pointer;    border: 0;}
  .btn-m-menu {display: block;z-index: 9999999;position: relative;position: absolute;right: 16px;top: 20px;cursor: pointer}
.header-inner .box-right {gap:0}
  .header-inner .btn-sitemap {display:none;}
.main .header-wrap.is-fixed .btn-m-menu .btn-open {filter: brightness(0);width: 40px;}
.main .header-wrap.is-fixed .header-inner {min-height: 80px;}
.main .header-wrap.is-fixed .btn-m-menu {top: 19px;}

.wrap nav > div {left: -100%;transition: 0.3s;}

.header-inner {min-height: 90px;}
.util > ul {margin-right: 0px;}
.util > ul > li:nth-child(2),
.util > ul > li:nth-child(3){display: none;}

.wrap nav > div.open {left: 0;}
body.mo-gnb-open {overflow: hidden;}

.btn-m-menu .btn-open {filter: brightness(0);width: 40px;}
.main .btn-m-menu .btn-open {filter: brightness(1);}
body.mo-gnb-open .btn-m-menu .btn-open {display: none;}
body.mo-gnb-open .btn-m-menu .btn-close {display: block;}
.btn-m-menu .btn-close {display: none;}
body.mo-gnb-open .btn-m-menu {top: 20px;}

.wnav{display:none;}	
.mnav{display:block;}  

.mnav > ul {border-top:2px solid #444;margin-top:0 !important;}
.mnav > ul > li{width:100%;font-size:17px !important;color:#444 !important;padding:0 !important}
.mnav > ul > li:first-child > a{border:0;}
.mnav > ul > li:last-child > a{border-bottom:1px solid #dadada}
.mnav > ul > li > a{position:relative;display:block;padding:20px 18px;border-top:1px solid #dadada;background:#f5f5f5;color: #000;}

.mnav > ul > li.acti > ul > li.acti > a:after, 
.mnav > ul > li.acti > a:after {content:'';position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(../img/common/ico-nav-down.png) no-repeat 95%;background-size:12px}

.mnav > ul > li > ul > li.selected > a:after,
.mnav > ul > li.selected > a:after {transform: rotate(180deg);}

.mnav > ul > li.selected > a span,
.mnav > ul > li > ul > li.selected > a span{background:url(/_res/tem_f/img/comm/bl_nav_up02.png) no-repeat 95%;background-size:12px}
.mnav > ul > li > ul{position:static;width:100%;margin:0;padding:0;}
.mnav > ul > li > ul > li{padding:0;}
.mnav > ul > li > ul > li > a{position:relative;display:block;padding:20px 18px;color:#888;font-weight:normal !important;font-size:17px;border-top:1px solid #dadada;background:#fff}
.mnav > ul > li.selected > a,
.mnav > ul > li > a.active,
.mnav > ul > li > ul > li.selected > a,
.mnav > ul > li > ul > li > a.active, 
.mnav > ul > li > ul > li > ul > li.selected > a,
.mnav > ul > li > ul > li > ul > li > a.active{color:#ba0b4a;}
.mnav > ul > li > ul > li > ul > li a{display:block;padding:0 15px 15px 0;font-size:15px;color:#999;line-height:140%}
.mnav > ul > li > ul > li > ul > li > a:before{content:"-";padding:0 5px 0 15px;}
.mnav > ul > li:last-child > ul > li:first-child > a{border-top:0}
  .mnav > ul > li > ul > li > ul > li > ul > li > a {padding: 0 35px 15px;}
  
.wrap nav > a{display:block;position:absolute;left:15px;top:25px;width:35px;height:35px;font-size:0;background:url(/_res/tem_f/img/comm/bg_gnb.png) no-repeat;background-size:35px;}
.wrap nav > div{position:fixed;top:0;left:-100%;overflow:scroll;width:100%;background:#fff;height:100vh;z-index:1200}
.wrap nav > div:before{display:block;content:"전체메뉴";padding:25px 18px;font-size:18px;color:#444;}
.wrap nav > div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/tem_f/img/comm/btn_nav_close.png) no-repeat;background-size:18px;}
}

@media screen and (max-width:768px){	
  .util > ul {display: block;}
  .gnb-box .mo-box .btn-m-menu{right:17px;margin: -8px 0 0;width: 18px;height: 16px;}

  .header-inner h1 span {font-size: 22px;}
  .header-inner h1 span {font-size: 22px;}

  .gnb-box .slide-close{top: 20px;right:17px;width: 18px;height: 18px;}
  .gnb-box .m-gnb{padding: 0px 0 30px;}
  .gnb-box .m-gnb .dep1 > li > a{max-width:calc(100% - 34px);}
  .gnb-box .m-gnb .dep2{padding:15px 17px;}
}

@media screen and (max-width:450px){
    .header-inner h1 img {width: 130px;}
    .header-inner h1 span {font-size: 20px;}
}


.link-equipment {display: flex;gap: 20px;flex-wrap: wrap;}
.link-equipment li {flex: 0 0 calc(25% - 15px);overflow: hidden;}
.link-equipment li a {display: block;height: 350px;}
.link-equipment li a img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}
.link-equipment li:hover a img {transform: scale(1.1);}


@media screen and (max-width:1024px){
  .link-equipment li {flex: 0 0 calc(50% - 10px);overflow: hidden;}
}

@media screen and (max-width:768px){
  .link-equipment li {flex: 0 0 100%;}
  .link-equipment li a {height: calc(700 / 768 * 100vw);}
  
      .box-lang-mo {display: block;}
    .mnav.open .box-lang-mo {justify-content:center;position:absolute;width:100%;bottom:0;background:#80222F;padding:10px 0;min-height:52px;box-sizing:border-box;display:flex;align-items:center;z-index:500;gap:10px;left:0;height:auto;top:auto;display: none;}
    .mnav.open .box-lang-mo .g-lang-box ul {bottom: 36px;top: auto;width: 100%;border-radius: 0;}
}