@charset "utf-8";
/* 기본값 */
.slideMenu{display:none;}
.btn-menu,
.slide-close{display:none;}

/* 헤더 */
.header-wrap{position:fixed;top:0;left:0;z-index:200;width:100%;background:var(--white100);}
.bottom-header-box{display:flex;position:relative;margin:0 auto;padding:0 2rem;width:100%;max-width:180.4rem;box-sizing:border-box;}
.bottom-header-box .logo-wrap{display:flex;align-items:center;padding:1.7rem 0;}
.bottom-header-box .logo-wrap h1 a{display:flex;align-items:center;gap:2.3rem;font-size:0;line-height:1;}
.bottom-header-box .logo-wrap h1 a > .img-logo{max-width:22.4rem;}
.bottom-header-box .logo-wrap h1 a > .site-name{font-size:2.4rem;font-weight:var(--font-weight-bold);color:var(--color84);line-height:3.4rem;}

.gnb-wrap{margin:0 auto;padding:0 2rem;box-sizing:border-box;}
.gnb-ul{display:flex;justify-content:space-between;padding:3rem 0 0;}
.gnb-ul > li > a:hover,
.gnb-ul > li.active > a{color:var(--color86);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:3px;transition-delay:0s;}
.gnb-ul > li{position:relative;}
.gnb-ul > li > a{display:block;padding:0 6.7rem 3rem;font-size:2rem;line-height:3rem;color:var(--black01);font-weight:var(--font-weight-bold);transition:color 0.3s;transition-delay:0.2s;}
.gnb-ul > li .gnb-inner{position:absolute;top:calc(100% - 1rem);left:50%;z-index:40;padding:2.6rem 3rem 2.7rem;width:calc(100% - 6rem);border-radius:8px;background-color:var(--color85);box-sizing:border-box;visibility:hidden;opacity:0;transition:opacity 0.3s ease;transform:translateX(-50%);}
.gnb-ul > li.active .gnb-inner{visibility:visible;opacity:1;}
.gnb-ul > li .gnb-inner > p{display:none;}
.sub-mn > li{position:relative;padding:1.2rem 0;border-bottom:1px solid var(--white10);box-sizing:border-box;}
.sub-mn > li:first-of-type{padding-top:0;}
.sub-mn > li:last-of-type{padding-bottom:0;border:none;}
.sub-mn > li > a{display:block;position:relative;font-size:1.5rem;line-height:2.5rem;color:var(--white100);font-weight:var(--font-weight-semibold);letter-spacing:-0.01em;word-break:break-word;text-align:center;transition:color 0.3s;}
.sub-mn > li > a:hover{color:var(--color83);transition-delay:0s;}

.sub-mn02 > li{padding:5px 0 0;text-align:center;}
.sub-mn02 > li:first-of-type{padding:0;}
.sub-mn02 > li > a{font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--white60);line-height:2.4rem;letter-spacing:-0.01em;word-break:break-word;text-align:center;transition:color 0.3s;}
.sub-mn02 > li > a:hover{color:var(--color83);transition-delay:0s;}

.util-wrap{display:flex;align-items:center;}
.util-wrap > ul{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;}
.util-wrap > ul li{position:relative;flex-shrink:0;}
.util-wrap > ul li a{display:block;padding:4px 1.6rem;border:1px solid var(--color86);border-radius:2.2rem;background-color:var(--color86);}
.util-wrap > ul li a.lang{display:flex;align-items:center;gap:8px;border:1px solid var(--color40);border-radius:5rem;background:var(--white100);}
.util-wrap > ul li a.lang::after{content:'';width:3.9rem;height:2.9rem;background:url(/_res/sejong/recruit/img/common/icon-header-lang@2x.png) no-repeat center/100%;}
.util-wrap > ul li a.lang.active::after{background-image:url(/_res/sejong/recruit/img/common/icon-header-lang-on@2x.png);}
.util-wrap > ul li a span{display:flex;align-items:center;font-size:1.3rem;font-weight:var(--font-weight-semibold);color:var(--black100);line-height:1.5rem;}
.util-wrap > ul li .lang-box{display:none;position:absolute;top:5.5rem;left:50%;width:100%;transform:translateX(-50%);}
.util-wrap > ul li .lang-box.active{display:block;}
.util-wrap > ul li .lang-box > ul{padding:1.5rem 2rem;border-radius:8px;background-color:var(--color85);}
.util-wrap > ul li .lang-box > ul > li{}
.util-wrap > ul li .lang-box > ul > li > a{padding:1.5rem 0;border-radius:0;border:none;border-top:1px solid var(--white10);background-color:var(--color85);font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--white100);text-align:center;}
.util-wrap > ul li .lang-box > ul > li > a.active{color:var(--color83);}
.util-wrap > ul li .lang-box > ul > li:first-of-type > a{border:none;}
.util-wrap > ul li a.member{padding:1.2rem 2rem;}
.util-wrap > ul li a.member span{font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--white100);line-height:1;}
.util-wrap > ul li a.login{padding:1.1rem 1.5rem 1.2rem;border:1px solid var(--color88);background:var(--white100);}
.util-wrap > ul li a.login span{color:var(--color87);}
.util-wrap > ul li a.login span:before{content:'';display:inline-flex;margin:0 6px 0 0;width:1.2rem;height:1.3rem;background-color:var(--color87);mask:url(/_res/sejong/recruit/img/common/ico-login-lock@2x.png) no-repeat center center/100%;-webkit-mask:url(/_res/sejong/recruit/img/common/ico-login-lock@2x.png) no-repeat center center/100%;}
.util-wrap > ul li a.login[title="LOGOUT"] span:before{display:none;}

/* header - headerFixed */
body.headerFixed .header-wrap{box-shadow:0px 2px 40px var(--black10);}


@media screen and (max-width:1660px){
	.gnb-ul > li > a{padding:0 4rem 3rem;}
	.gnb-ul > li .gnb-inner{min-width:17rem;width:100%;}
}

@media screen and (max-width:1400px){
	.bottom-header-box .logo-wrap h1 a > .img-logo{max-width:18rem;}
	.bottom-header-box .logo-wrap h1 a > .site-name{font-size:1.8rem;line-height:2.8rem;}
	.gnb-wrap{padding:0 1rem;}
	.gnb-ul{padding:3.2rem 0 0}
	.gnb-ul > li > a{padding:0 2.5rem 3.2rem;font-size:1.6rem;line-height:2.6rem;}
	.gnb-ul > li .gnb-inner{min-width:17rem;width:100%;}
	.util-wrap > ul{gap:5px;}
}

@media screen and (max-width:1200px){
	.gnb-ul > li > a{padding:0 1rem 3.2rem;font-size:1.6rem;line-height:2.6rem;}
}


@media screen and (max-width:1024.98px){
	/* 기본 */
	.gnb-wrap{display:none;}
	.util-wrap{display:none;}
	.m-util-box{display:none;}
	.gnb-bg{display:none;}
	body.mGnb-open{overflow:hidden;}
	body.mGnb-open .logo-wrap .btn-menu{display:none;}
	body.mGnb-open .bottom-header-box .logo-wrap .m-util-box{display:block;}
	body.mGnb-open .bottom-header-box .logo-wrap .m-util-box .slide-close{display:block !important;}

	/*** 헤더 ***/
	.bottom-header-box{display:block;padding:1.2rem 1rem;}
	.bottom-header-box .logo-wrap{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0;height:auto;}
	.bottom-header-box .logo-wrap h1 a{gap:1.5rem;}
	.bottom-header-box .logo-wrap h1 a > .img-logo{max-width:15rem;}
	.bottom-header-box .logo-wrap h1 a > .site-name{font-size:1.5rem;line-height:2.5rem}
	.bottom-header-box .logo-wrap .m-util-box .slide-close{width:1.8rem;height:1.8rem;background:url(/_res/sejong/recruit/img/common/ico-menu-close@2x.png) no-repeat center center/100%;}
	.bottom-header-box .btn-menu{display:block;width:2.4rem;height:1.8rem;background:url(/_res/sejong/recruit/img/common/ico-menu-open@2x.png) no-repeat center center/100%;}

	/* gnb-mobile */
	.slideMenu{display:none;position:fixed;top:6rem;right:0;z-index:300;width:100%;height:calc(100% - 6rem);background:var(--white100);overflow-y:auto;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateX(100%);transition:all .3s;}
	body.mGnb-open .slideMenu.on{flex-wrap:wrap;align-content:flex-start;transform:translateX(0);opacity:1;visibility:visible;}
	.m-util-wrap{display:flex;align-items:center;padding:1.3rem 2rem 1.4rem;width:100%;border-top:1px solid var(--color91);border-bottom:1px solid var(--color91);background-color:var(--color92);box-sizing:border-box;}
	.m-util-wrap > ul{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:100%;}
	.m-util-wrap > ul li{position:relative;flex-shrink:0;}
	.m-util-wrap > ul li a{display:block;padding:4px 1rem 5px;border:1px solid var(--color86);border-radius:3.5rem;background-color:var(--color86);}
	.m-util-wrap > ul li a span{display:flex;align-items:center;font-size:1.2rem;font-weight:var(--font-weight-semibold);color:var(--black100);line-height:1.4rem;}
	.m-util-wrap > ul li a.lang{display:flex;align-items:center;gap:4px;border:1px solid var(--color40);border-radius:5rem;background:var(--white100);}
	.m-util-wrap > ul li a.lang::after{content:'';width:3rem;height:2.5rem;background:url(/_res/sejong/recruit/img/common/icon-header-lang@2x.png) no-repeat center/100%;}
	.m-util-wrap > ul li a.lang.active::after{background-image:url(/_res/sejong/recruit/img/common/icon-header-lang-on@2x.png);}
	.m-util-wrap > ul li a.member{padding:1.1rem 1.5rem;}
	.m-util-wrap > ul li a.member span{font-size:1.2rem;weight:var(--font-weight-bold);color:var(--white100);line-height:1;}
	.m-util-wrap > ul li a.login{padding:1rem 1.5rem;border:1px solid var(--color88);background:var(--white100);}
	.m-util-wrap > ul li a.login span{color:var(--color87);}
	.m-util-wrap > ul li a.login span:before{content:'';display:inline-flex;margin:0 8px 0 0;width:1.1rem;height:1.2rem;background-color:var(--color87);mask:url(/_res/sejong/recruit/img/common/ico-login-lock@2x.png) no-repeat center center/100%;-webkit-mask:url(/_res/sejong/recruit/img/common/ico-login-lock@2x.png) no-repeat center center/100%;}
	.m-util-wrap > ul li .lang-box{display:none;position:absolute;top:5rem;left:50%;z-index:20;width:100%;transform:translateX(-50%);}
	.m-util-wrap > ul li .lang-box.active{display:block;}
	.m-util-wrap > ul li .lang-box > ul{padding:1rem 1.5rem;border-radius:8px;background-color:var(--color85);}
	.m-util-wrap > ul li .lang-box > ul > li{}
	.m-util-wrap > ul li .lang-box > ul > li > a{padding:1.5rem 0;border-radius:0;border:none;border-top:1px solid var(--white10);background-color:var(--color85);font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--white100);text-align:center;}
	.m-util-wrap > ul li .lang-box > ul > li > a.active{color:var(--color83);}
	.m-util-wrap > ul li .lang-box > ul > li:first-of-type > a{border:none;}

	.m-gnb{position:relative;padding:3rem;width:100%;box-sizing:border-box;}
	.dep1{display:flex;flex-wrap:wrap;gap:6px;}
	.dep1 > li{width:100%;padding:3rem 0;border-bottom:1px solid var(--color93);transition:0.3s ease;overflow:hidden;}
	.dep1 > li:first-of-type{padding-top:0;}
	.dep1 > li > a{display:block;position:relative;box-sizing:border-box;}
	.dep1 > li.has-dep > a::after{content:'';position:absolute;top:50%;right:0;width:1.3rem;height:7px;mask:url(/_res/sejong/recruit/img/common/ico-slidemenu-arrow@2x.png) no-repeat center center/100%;-webkit-mask:url(/_res/sejong/recruit/img/common/ico-slidemenu-arrow@2x.png) no-repeat center center/100%;background-color:var(--black01);transition:0.3s ease;transform:translateY(-50%);}
	.dep1 > li.has-dep.active > a::after{background-color:var(--color86);transform:rotate(180deg) translateY(50%);}
	.dep1 > li > a > span{display:block;padding:0 1.5rem 0 0;font-size:2.4rem;font-weight:var(--font-weight-bold);color:var(--black01);line-height:3.4rem;letter-spacing:-0.02em;}
	.dep1 > li.active > a > span{color:var(--color86);}
	.dep2{display:none;padding:3rem 0 0;}
	.dep2 > li{padding:1.5rem 0 0;}
	.dep2 > li:first-of-type{padding:0;}
	.dep2 > li > a{display: inline-block;position:relative;padding:0 0 0 2.1rem;}
	.dep2 > li.active > a::before{content:'';position:absolute;top:50%;left:1rem;width:5px;height:5px;border-radius:50%;background-color:var(--color86);transform:translateY(-50%);}
	.dep2 > li > a > span{display:block;font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black06);line-height:2.6rem;letter-spacing:-0.02em;}
	.dep2 > li.active > a > span{color:var(--color86);}
}