header{position: relative;z-index:9999;background: #fff;}
header.fixed{position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom: 1px solid #ddd;}
body.mo-gnb-open header {background:#fff;}
body.mo-gnb-open header .util-inner > ul > li.search a {filter: unset;}
body.mo-gnb-open header .m-gnb-wrap .btn-m-menu{filter: unset;}
body.mo-gnb-open header .header-inner .logo a span {color: #001A54}

.sub-page .header-inner .logo a span {color: #fff;}
.sub-page .gnb-box > ul > li > a {color: #fff;}
.sub-page .util-inner > ul > li.search a {    filter: brightness(0) invert(1);}
.sub-page .util-inner > ul > li.global a {    filter: brightness(0) invert(1);}

header.fixed .header-inner .logo a span {color: #001A54}
header.fixed .gnb-box > ul > li > a {color: #222222;}
header.fixed  .util-inner > ul > li.search a {filter: unset;}
header.fixed  .util-inner > ul > li.global a {filter: unset;}

.header-inner {display:flex;align-items:center;position: relative;gap: 0;padding: 0 30px;flex-wrap: wrap;}
.header-inner .left-wrap {flex: 1;display:flex;align-items:center;}
.header-inner .logo {position: relative;}
.header-inner .logo a{display: flex;gap: 0 15px;align-items: center;}
.header-inner .logo a span{font-weight: 700;font-size: 21.5px;line-height: 26px;letter-spacing: -0.02em;color: #001A54;white-space: nowrap;}

.gnb-box {box-sizing: border-box;flex:1;padding: 0 30px;}
.gnb-box > ul{display:flex;gap: 0;justify-content: space-between;flex-wrap: wrap;max-width: 1360px;margin: auto;}
.gnb-box > ul > li{flex:1;}
.gnb-box > ul > li > a {box-sizing: border-box;display:inline-block;position:relative;padding: 0 0 0 24px;width: 100%;font-weight: 700;font-size: 20px;line-height: 24px;color: #222222;}
.gnb-box > ul > li > a span {position: relative;display:inline-flex;align-items: center;height: 84px;box-sizing: border-box;}

.depth_01 .sub-mn-box {position: absolute;top: 100%;left: 50%;z-index: 10;padding: 0;opacity: 0;visibility: hidden;}
.depth_01 > li .sub-mn-box {display: block;opacity: 1;border-right: 1px solid #E5E5E5;}
.depth_01 > li:first-child .sub-mn-box{border-left: 1px solid #E5E5E5;}
.depth_01 .sub-mn-box .sub-mn-outer {margin: 0 auto;padding: 50px 0 50px 24px;box-sizing: border-box;}
.depth_01 .depth_02{display:flex;gap: 0;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;}
.depth_01 .depth_02 > li{position:relative;padding: 0;box-sizing: border-box;}
.depth_01 .depth_02 > li + li{margin-top: 22px;}
.depth_01 .depth_02 > li > a{display: inline-block;font-weight: 600;font-size: 15px;line-height: 100%;letter-spacing: -0.02em;color: #222222;}
.depth_01 .depth_02 > li.item-f a{font-weight: 700;font-size: 24px;line-height: 29px;letter-spacing: -0.02em;color: #222;text-decoration: none;pointer-events: default;}
.depth_01 .depth_02 > li.item-f a::after {content: "";width: 100%;height: 3px;position: absolute;right: 0;bottom: 0;background-color: #004BAE;transform: scale(0, 1);transform-origin: right center;transition: transform 800ms ease;cursor: default;}
.depth_01 .depth_02:hover > li.item-f a{color: #004BAE;text-decoration: none;}
.depth_01 .depth_02:hover > li.item-f a:after{transform: scale(1, 1);transform-origin: left center;}
.depth_01 .depth_02 > li.active > a,
.depth_01 .depth_02 > li > a:hover{color: #004BAE;}

.depth_01 .depth_03 {padding-left: 10px;}
.depth_01 .depth_03 li {display:block;margin-top: 16px;}
.depth_01 .depth_03 li + li{margin-top: 12px;}
.depth_01 .depth_03 li a {display:inline-block;position:relative;font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: -0.02em;color: #999999;}
.depth_01 .depth_03 li a:before{content:'';position: absolute;width: 3px;height: 3px;background: #999999;border-radius: 50%;left: -10px;top: 7px;}
.depth_01 .depth_03 li a:hover,
.depth_01 .depth_03 li.active a {color: #004BAE;}
.depth_01 .depth_03 li a:hover:before,
.depth_01 .depth_03 li.active a:hover:before{background: #004BAE;}
.depth_01 .depth_03 li a:hover:after,
.depth_01 .depth_03 li.active a:after {transform: scale(1, 1);transform-origin: left center;}

.depth_01 > li > a[target="_blank"] span{display: inline-flex;}
.depth_01 > li > a[target="_blank"] span:after{content: '';background: url(../img/common/_blank.png) no-repeat center;width: 23px;height: 23px;display: inline-block;}

.depth_01 ul li a[target="_blank"]{padding-right: 20px;background: url(../img/common/_blank.png) no-repeat center right;}
.depth_01 ul li a[target="_blank"]:hover{background: url(../img/common/_blank_h.png) no-repeat center right;}

.gnb-bg{border-top: 1px solid #eee;position:absolute;top: 100%;left:0;transition: all 0.5s;opacity: 0;visibility: hidden;}
body.gnb-open .depth_01 .sub-mn-box{visibility: visible;transition: all 0.5s;transition-delay: 0.1s;}
body.gnb-open .gnb-bg{display:block;width: 100%;opacity: 1;background: #fff;visibility: visible;}


.util-wrap{display: flex;gap: 0 20px;align-items: center;}
.util-box {display:flex;align-items: center;justify-content: end;}
.util-inner > ul {display:flex;gap: 0 24px;align-items:center;justify-content:space-between}
.util-inner > ul > li{height: 22px;}
.util-inner > ul > li.search a{background: url(../img/common/search.png) no-repeat center / cover;width: 22px;height: 22px;display: inline-flex;}
.util-inner > ul > li.global a{background: url(../img/common/global.png) no-repeat center / cover;width: 22px;height: 22px;display: inline-flex;}
.util-inner > ul > li.unist-site{height: 48px;}
.util-inner > ul > li.unist-site a{width: 145px;height: 48px;background: #001B54 url(../img/common/unist-site.png) no-repeat center;display: inline-flex;border-radius: 999px;margin-left: 16px;}


body.gnb-open .depth_01 .sub-mn-box{visibility: visible;transition: all 0.5s;transition-delay: 0.1s;}
body.gnb-open .gnb-bg{display:block;width: 100%;opacity: 1;background: #fff;visibility: visible;}

body.gnb-open .header-inner .logo .logo-b,
body.search-open .header-inner .logo .logo-b,
header.fixed .header-inner .logo .logo-b{display: block;}
body.gnb-open .header-inner .logo .logo-w,
body.search-open .header-inner .logo .logo-w,
header.fixed .header-inner .logo .logo-w{display: none;}

body.gnb-open .header-inner .logo a span,
body.search-open .header-inner .logo a span,
header.fixed .header-inner .logo a span{color: #001A54;}

body.gnb-open header,
body.search-open header{background: #fff;}
body.gnb-open .gnb-box > ul > li > a,
body.search-open .gnb-box > ul > li > a,
header.fixed .gnb-box > ul > li > a{color: #222;}

body.gnb-open .util-inner > ul > li.search a,
body.gnb-open .util-inner > ul > li.global a,
body.search-open .util-inner > ul > li.search a,
body.search-open .util-inner > ul > li.global a,
header.fixed .util-inner > ul > li.search a,
header.fixed .util-inner > ul > li.global a,
body.gnb-open .util-inner .language:before,
body.search-open .util-inner .language:before,
header.fixed .util-inner .language:before{filter: none;}

body.gnb-open .wrap:before,
body.search-open .wrap:before{content: '';background: rgb(0 0 0 / 30%);position: fixed;inset: 0;z-index: 9999;transition: all 0.5s ease;backdrop-filter: blur(3px);}

/*Search-box*/
.search-box{position: absolute;top: 100%;left: 0;right: 0;display: block;opacity: 0; visibility: hidden;transition: all 0.5s ease;padding: 70px 0;z-index: 111;background: #fff;border-top: 1px solid #eee;}
.search-open .search-box{display: block;opacity: 1;visibility: visible;}
.search-inner {display:flex;justify-content: center;align-items: center;gap: 20px 40px;}
.search-inner .txt-key {font-weight: 700;font-size: 28px;line-height: 33px;letter-spacing: -0.02em;color: #000E2D;white-space: nowrap;}
.search-inner .form-search {max-width: 540px;width: 100%;position: relative;}
.search-inner .form-search form .input-area{display:flex;gap:0;justify-content:center;align-items: center;}
.search-inner .form-search form .input-area input {border: 1px solid #001B54;font-weight: 600;font-size: 20px;line-height: 24px;letter-spacing: -0.02em;color: #111;padding: 18px 76px;box-sizing:border-box;border-radius: 99px;flex: 1;}
.search-inner .form-search form .input-area input::placeholder{color: #999;}
.search-inner .form-search form .input-area button {position: absolute;font-size: 0;background: url(../img/common/btn-search.png) no-repeat center / contain;width: 20px;height: 20px;border: 0;left: 40px;top: 50%;transform: translateY(-50%);}
.header-inner .search-close{background: url(../img/common/search-close.png) no-repeat center;width: 16px;height: 16px;position: absolute;top: 30px;right: 30px;}
.search-open .sub-page .m-gnb-wrap .btn-m-menu {filter: none;}

.m-gnb-wrap{display: none;}

.main-page .language:before {filter: none;}
.language{box-sizing: border-box;display: flex;justify-content: center;border-radius:5px;position: relative;width: 22px;height: 22px;display: inline-flex;}
.language:before{ content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/common/global.png) no-repeat center / cover;filter: brightness(0) invert(1);pointer-events:none;}
.g-lang-box > button{padding: 3px 24px 3px 0;background: transparent;border:none;cursor: pointer;display: flex;align-items: center;width: 100%;height: 100%;}
.g-lang-box > button span{position:relative;font-family: 'Prompt';font-weight: 700;font-size: 14px;line-height: 110%;text-transform: uppercase;color: #FFFFFF;display: none;}

.g-lang-box ul{display:none;position:absolute;top: calc(100% + 13px);left:50%;z-index:500;padding: 12px;width:100%;transform:translateX(-50%);min-width: 68px;text-align: center;background: #fff;box-sizing: border-box;border-radius: 5px;border: 1px solid #E9E9E9;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);}
.g-lang-box > button.focus ~ ul{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;}
.g-lang-box ul li a span{transition:0.3s;display:inline-block;font-family: 'Prompt';font-weight: 700;font-size: 14px;line-height: 110%;text-align: center;text-transform: uppercase;color: #666666;}
.g-lang-box ul li a span:hover,
.g-lang-box ul li a.active span{color:#001A54;text-decoration:underline;text-underline-offset: 3px;text-decoration-thickness: 11%;}

@media (max-width: 1400px) {
	.gnb-box {background:transparent !important;}
}

@media (max-width: 1250px){
	.gnb-box > ul{justify-content: space-between;}
	.gnb-box > ul > li > a{width: 100%;}
	.util-inner > ul > li.unist-site a{margin-left: 0;}
}
@media (max-width: 1024px) {
	.gnb-box,
	.util-inner > ul > li.global,
	.util-inner > ul > li.unist-site{display: none;}
	
	.language {display: none;}
	
	.util-inner > ul > li{height: 18px;}
	.util-inner > ul > li.search a{background: url(../img/common/search-sp.png) no-repeat center / cover;width: 16px;height: 16px;}
	
	.header-inner {padding: 9px 15px;gap: 10px;justify-content:space-between;box-sizing: border-box;align-items: unset;}
	.header-inner .left-wrap {justify-content:space-between;}
	.header-inner .logo {padding: 0;width:auto;}
	.header-inner .logo img {max-height: 30px;}
	.header-inner .logo a{gap: 0 7.5px;}
	.header-inner .logo a span{font-size: 12px;line-height: 14px;}
	
	.m-gnb-wrap{display:block;}	
	.m-gnb-wrap .btn-m-menu{display:block;width: 16px;height: 16px;background: url(../img/common/btn-menu-sp.png) no-repeat center / contain;}
	.sub-page .m-gnb-wrap .btn-m-menu {filter: brightness(0) invert(1);}
	header.fixed .m-gnb-wrap .btn-m-menu {filter: unset;}
	
	.util-inner > ul{gap: 0 20px;}
	.util-inner > ul > li > a{font-size: 0;gap: 0;}
	
	.search-box{top: 48px;z-index: 600;box-shadow: none;padding: 30px 15px;box-sizing: border-box;overflow-y: auto;}
	.search-inner{flex-direction: column;align-items: flex-start;}
	.search-inner .form-search{max-width: 100%;}
	.search-inner .form-search form .input-area input{padding: 14px 48px;font-size: 15px;line-height: 18px;}
	.search-inner .form-search form .input-area button{left: 25px;width: 17px;height: 17px;background: url(../img/common/btn-search-sp.png) no-repeat center;}
	.header-inner .search-close{width: 13px;height: 13px;top: 36px;right: 15px;background: url(../img/common/search-close-sp.png) no-repeat center;}
	
	.slideMenu{display:none;position:fixed;top: 48px;left:0;z-index:500;width:100%;height: calc(100dvh - 48px);box-sizing:border-box;background: #fff;overflow: auto;}
	.mo-gnb-open .slideMenu{display: block;}
	
	.slideMenu .inner{position: relative;padding: 10px 15px 30px;display: flex;flex-direction: column;justify-content: space-between;overflow-y: auto;}
	.m-gnb{max-height: 100%;overflow-y: auto;}
	.m-gnb .dep1 > li.has-dep > a{display:block;background: url(../img/common/m-menu-dep1.png) no-repeat right center/35px;padding: 20px 0;transition: all .4s ease-in-out;font-weight: 700;font-size: 20px;line-height: 140%;letter-spacing: -0.02em;color: #222222;}
	.m-gnb .dep1 > li.has-dep.open > a{background:url(../img/common/m-menu-dep1-on.png) no-repeat right center/35px;color: #004BAE;text-decoration: underline;text-underline-offset: 3px;}
	.m-gnb .dep1 > li a.active + ul{display:block;}
	
	.m-gnb .dep2{display: none;}
	.m-gnb .dep2 > li + li{margin-top: 28px;}
	.m-gnb .dep2 > li:last-child{margin-bottom: 20px;}
	.m-gnb .dep2 > li > a{display: block;font-weight: 600;font-size: 18px;line-height: 21px;letter-spacing: -0.02em;color: #222222;}
	.m-gnb .dep2 > li.has-dep > a{display:block;background: url(../img/common/m-menu-dep2.png) no-repeat right center/15px;}
	.m-gnb .dep2 > li.has-dep.open > a{display:block;background: url(../img/common/m-menu-dep2-on.png) no-repeat right center/16px;}
	.m-gnb .dep3{display:none;margin-top: 20px;}
	.m-gnb .dep3 > li + li{margin-top: 20px;}
	.m-gnb .dep3 > li:last-child{margin-bottom: 20px;}
	.m-gnb .dep3 > li > a{position:relative;display:inline-block;font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: -0.02em;color: #999999;padding-left: 10px;}
	.m-gnb .dep3 > li > a:before{content: '';width: 3px;height: 3px;border-radius: 50%;background: #999999;position: absolute;top: 6px;left: 0;}
	.m-gnb .dep3 > li.active > a{color: #004BAE;}
	.m-gnb .dep2 > li > a.active ~ .dep3 {display:block;}
	.m-gnb .dep3 > li.active > a:before{background: #004BAE;}
	.m-gnb ul li a[target="_blank"]{background: url(../img/common/ico-links-w.png) no-repeat center right;display:inline-block;padding-right:20px;}
	.m-gnb .dep1 > li > a.selected ~ .dep2 {display:block;}
	
	.slideMenu .m-menu-close{position: fixed;top: 5px;right: 5px;z-index: 501;width: 37px;height: 37px;box-sizing: border-box;display: none;}
	.mo-gnb-open .slideMenu .m-menu-close {display: block;}
	.m-unist-site{width: 100%;height: 60px;background: #001B54 url(../img/common/m-unist-site.png) no-repeat center;display: inline-flex;border-radius: 999px;box-sizing: border-box;margin-top: 20px;}
}