@charset "UTF-8";

.header-box-inner{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%;box-sizing:border-box;padding: 23px 0 80px;transition: all .3s;border-bottom:1px solid transparent;}
.header-box-inner h1 > a{display:flex;align-items:center;line-height:1;}
.header-box-inner h1 > a img{max-width:250px}
/* 기본값 */
.btn-menu{display:none;}
.slideMenu{display:none;}
.slide-close{display:none;}

/* gnb-pc */
.gnb-ul{display:flex;}
.gnb-ul > li {position: relative;}
/*.gnb-ul > li > a{display:block;box-sizing:border-box;min-width: 146px;text-align:center;}*/
.gnb-ul > li > a{display:block;box-sizing:border-box;min-width: 160px;text-align:center;}
.gnb-ul > li:last-child > a{padding: 0;}
.gnb-ul > li > a span{display:inline-block;font-weight:400;color:#222222;line-height:1;font-size: 16px;position:relative;}

.gnb-ul > li .gnb-inner{display:none;position:absolute;top:100%;left:50%;transform: translatex(-50%);z-index:40;width:calc(100% + 30px);box-sizing:border-box;transition: all .5s;margin: 5px 0 0 0;}
.gnb-ul > li .gnb-inner > p{padding:0 0 24px;}
.gnb-ul > li .gnb-inner > p > a{font-size:18px;font-weight:700;color:#222;line-height:1;}
.gnb-ul > li.on .gnb-inner{opacity:1;visibility:visible;display:block;}

.gnb-ul>li>a span:after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: -6px;background-color: #222;transform: scale(0, 1);transform-origin: right center;transition: transform 500ms ease;}
.gnb-ul>li.on>a span:after {transform: scale(1, 1);transform-origin: left center;}

.sub-mn {background:#fff;padding: 27px 15px;min-width: 176px;border-radius: 16px;box-sizing: border-box;text-align:center;}
.sub-mn > li{padding:0 0 11px;}
.sub-mn > li:last-child {padding:0;}
.sub-mn > li > a{display:block;padding: 5px 10px;}
.sub-mn > li > a > span{position: relative;display:inline-block;font-size:16px;font-weight:500;color:#8f8f8f;line-height:1;transition: all .3s;letter-spacing: -0.25px;border-bottom: 1px solid transparent;}
.sub-mn > li > a > span:after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: -6px;background-color: #163055;transform: scale(0, 1);transform-origin: right center;transition: transform 500ms ease;}
.sub-mn > li > a:hover > span {color: #163055;}
.sub-mn > li > a:hover > span:after{transform: scale(1, 1);transform-origin: left center;}
.sub-mn > li > a[target="_blank"] span{position:relative;padding:0 2.4rem 0 0;}
.sub-mn > li > a[target="_blank"] span:before{content:'';position:absolute;top:50%;right:0;width:1.7rem;height:1.5rem;background:url(/_res/sejong/_share/img/sj-common/common/ico-bg-link@2x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.sub-mn > li > a.active span{color: #163055;}
.sub-mn > li > a.active > span:after {content: "";width: 100%;height: 2px;position: absolute;right: 0;bottom: -6px;background-color: #163055;}

.sub-mn02 > li > a > span {color: #fff;}
.gnb-bg{display:none;position:absolute;top:100%;left:-130px;z-index:20;padding:0 0 5rem;width:calc(100% + 260px);background:#fff;opacity:0;visibility:hidden;transition:all 0.3s 0.2s ease-in-out;}


/* GNB 3뎁스 메뉴 */
.sub-mn02{}

/* header - gnb open */
body.gnb-open .header-wrap{background:#fff;position: relative;}
/*body.gnb-open .header-box-inner{border-bottom:1px solid #909090;}
body.gnb-open .gnb-ul > li .gnb-inner{display:block;} */
body.gnb-open .gnb-bg{height:auto;opacity:1;visibility:visible;transition-delay:0s;}
body.all-fixed {overflow: hidden;}


@media screen and (max-width: 1600px) {
	.sub-mn {min-width: 100%}
}

@media screen and (max-width: 1024px) {
	
	.header-box-inner h1 > a {width: 235px;}
	
	.header-box-inner {padding: 20px 0;}
	.btn-menu {display: block;position: relative;overflow: hidden;width: 36px;height: 60px;transition: all .3s;}
	.header-box-inner .btn-menu em{display:block;overflow:hidden;position:absolute;top:50%;right:0;width:36px;height:3px;margin-left:-18px;margin-top:-1px;background:#000;transition:0.3s}
	.header-box-inner .btn-menu em:nth-child(1){transform:translateY(-9px)}
	.header-box-inner .btn-menu em:nth-child(3){transform:translateY(9px)}

	body.all-fixed .btn-menu{display: none}
	.slide-close {display: none;position: relative;overflow: hidden;width: 36px;height: 60px;transition: all .3s;}
	.header-box-inner .slide-close em{display:block;overflow:hidden;position:absolute;top:50%;right:0;width:36px;height:3px;margin-left:-18px;margin-top:-1px;background:#000;transition:0.3s}
	.header-box-inner .slide-close em:nth-child(1){transform:translateY(-9px)}
	.header-box-inner .slide-close em:nth-child(3){transform:translateY(9px)}

	.header-box-inner .slide-close em:nth-child(1){transform:rotate(45deg)}
	.header-box-inner .slide-close em:nth-child(2){transform:translateX(100%)}
	.header-box-inner .slide-close em:nth-child(3){transform:rotate(-45deg)}
	.header-box-inner .gnb_wrap{right:0}
	
	.gnb-bg {display: none;}

	/* header - mobile */
	.slideMenu{display:block;position:fixed;top:0;z-index:999;width:70%;height:100%;box-sizing:border-box;opacity:0;visibility:hidden;transition:all .3s;top: 97px;}
	.slideMenu:before{content:'';position:absolute;top:0;left:0;z-index:-10;width:100%;height:100%;background:var(--color09);opacity:0.6;}
	.slideMenu.active{transition:none;}
	.slideMenu.right{right:-100%;}
	.slideMenu.right.on{right:0;opacity:1;visibility:visible;}
	.m-gnb{height: calc(100% - 101px);background:#fff;overflow-y:auto;padding: 0 16px;display: flex;flex-direction: column;justify-content: space-between;}
	
	.m-gnb .dep1 > li > a {width: 100%;box-sizing: border-box;padding: 20px 50px 20px 16px;display: block;font-size: 30px;font-weight: 600;position: relative;font-family:'Libre Baskerville', 'Noto Sans', serif;color: #222;}
	.m-gnb .dep1 > li > a:after{content: '';position: absolute;top: 50%;right: 5px;width: 30px;height: 30px;background: url(/_res/sejong/gallery/img/common/ico-arrow.png) no-repeat center center / 100%;background-size: 11px;transform: translateY(-50%);transition: transform .3s;background-color: transparent;border-radius: 50%;}
	.m-gnb .dep1 li.has-dep.active > a:after{transform: translateY(-50%) rotate(180deg);background-color: #f0f0f0;}
	//.m-gnb .dep1 > li:last-of-type > a {border-bottom: 0;}
	
	.dep2{display: none;}
	.dep2 > li > a {padding: 15px 16px;display: block;font-weight: 500;color: #444444;}
	.dep2 > li > a:hover,
	.dep2 > li > a.active {color:#b00000;text-decoration:underline;text-underline-offset: 3px;font-weight: 600;}
	.gnb-wrap {display: none;}
	.m-util-box {padding: 0 16px 40px 16px;}
	.m-util-box ul {display: flex; gap: 29px;}
	.m-util-box ul li {}
	.m-util-box ul li a {font-size: 13px;line-height: 1;font-weight: 500;color: #989898;text-underline-offset: 4px;text-decoration: underline;transition:0.3s;}
	.m-util-box ul li a:hover {color: #ad967f;}
}

@media screen and (max-width: 480px) {
	.header-box-inner h1 > a {width: 180px;}
}