body.scroll-lock { overflow: hidden; }

/* ---------- ���� ---------- */
:root {
	--header-tH:9rem;
	--header-bH:8rem;
	--header-tp:1.5rem;
	--header-H: calc(var(--header-tH) + var(--header-bH));
	
	--inwrap-vp: 4rem;
	--inwrap-w: 175.2rem;
}

.hd-scr {
	--header-H: var(--header-bH);
}

body{font-family: "Pretendard",sans-serif, -apple-system, BlinkMacSystemFont; font-weight: 400; letter-spacing: -0.03em; font-size: 1.6rem; color: #000; -webkit-font-smoothing: antialiased; word-wrap: break-word; word-break: keep-all;}

.inner {max-width:var(--inwrap-w); width:100%; padding:0 var(--inwrap-vp); margin:0 auto;}
.sub-inner {max-width: var(--innerW);width:100%; margin:0 auto;}
	
	@media screen and (max-width:1200px) {
		html:has(.vision),
		html:has(.grad) {
			--header-H:var(--header-tH);
		}
	}
	@media screen and (max-width:680px) {
		:root {
			--inwrap-vp: 2rem;
			--header-tH:6.5rem;
		}

		.hd-scr {
			--header-tH:5.5rem;
			--header-bH:6rem;
		}
		
		html:has(.vision),
		html:has(.grad) {
			--header-tH:8rem;
			--header-bH:6rem;
		}
		
		html.hd-scr:has(.vision),
		html.hd-scr:has(.grad) {
			--header-tH:6rem;
		}
		
	}

/* common : x-btn */
.x-button {position: relative; width: 24px; height: 24px; cursor: pointer; color:#000;}
.x-button::before,
.x-button::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background-color:currentColor ; transform-origin: center;
}
.x-button::before {transform: translate(-50%, -50%) rotate(45deg);}
.x-button::after {transform: translate(-50%, -50%) rotate(-45deg);}
	
/* ---------- 스킵네비게이션 ---------- */
#skipnavi{height:0; }
#skipnavi a{display:block; position:fixed; width:1px; height:1px; top:-1000em; left:-1000em; z-index:999999; overflow:hidden; }
#skipnavi a:focus{width:auto; height:auto; background:var(--color-primary03); color:var(--color-text100); padding:0.75em 1em; top:0; left:0; }

/* ---------- header ---------- */
#header {position:fixed;top:0;left:0;width:100%;background:#fff;z-index:11;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);transition:transform .3s;}
#header.vision {z-index:120;}
.hd-scr #header {transform:translateY(calc(var(--header-tH)*-1));}
.header-inwrap {padding:0 var(--inwrap-vp);}
.header-top {height:var(--header-tH);padding-top:var(--header-tp);display:flex;align-items:center;transition:height 0.3s, padding-top 0.3s;}
.header-top__r {margin-left:auto;display:flex;align-items:center;gap:3rem;}
.hd-slogan {font-size:4.6rem;font-family:'Libre Baskerville';color:var(--color-primary03);font-style:italic;letter-spacing:0;}
#logo:has(.dept-name) a {display:flex;align-items:center;gap:2rem;}
#logo:has(.dept-name) a:before {content:"";display:block;width:1px;height:2rem;background:#BABEC4;order:2;}
#logo:has(.dept-name) img {height:4.2rem;order:1;}
#logo .dept-name {color:#04447C;font-family:var(--font-family03), var(--font-family02);font-size:2.6rem;font-weight:700;order:3;}
.hd-lang {display:flex;align-items:center;gap:1rem;}
.hd-lang .lang {font-weight:500;font-size:var(--font-d);color:var(--black);}
.hd-lang .lang.active {color:var(--color-primary03);border-bottom:2px solid var(--color-primary03);}
.hd-lang .lang:first-child.active {margin-right:2px;}
.hd-lang.mb {display:none;}
.hd-teamsrc {position:relative;}
.hd-teamsrc input {width:20rem;height:4.4rem;padding:0 5rem 0 2rem;background:var(--color-gray03);border-radius:100px !important;border:none !important;}
.hd-teamsrc button {width:20px;height:20px;position:absolute;top:50%;right:2rem;margin-top:-10px;background:url(/share/portal/img/new/layout/hd-teamsrc_btn.svg) no-repeat center center;}

.hd-iec {flex:none;display:flex;align-items:flex-start;gap:0.5rem;}
.hd-iec:before {filter:brightness(0);content:"";display:block;width:2rem;height:1.8rem;margin-top:1px;background:url(/share/portal/img/new/layout/hd-iec.svg) no-repeat center center /100% 100%;transition:all .3s;}
.hd-iec span {font-weight:700;transition:all .3s;line-height:1.2;}
.header-bottom {height:var(--header-bH);display:flex;align-items:center;gap:4rem;transition:height 0.3s;}
.header-bottom .hd-iec {display:none;}
.vision .header-bottom .hd-iec,
.grad .header-bottom .hd-iec{display:flex;}
.hd-sitemap {position:relative;flex:none;width:3rem;height:3rem;border:0;background:none;cursor:pointer;}
.hd-sitemap::before,
.hd-sitemap::after {content:"";position:absolute;left:50%;width:100%;height:3px;background-color:#000;background-image:linear-gradient(var(--color-primary03),var(--color-primary03));background-repeat:no-repeat;background-size:0 100%;transition:background-size .35s ease;}
.hd-sitemap::before {top:50%;background-position:left center;transform:translate(-50%, -8px);}
.hd-sitemap::after {top:50%;background-position:right center;transform:translate(-50%, 5px);}
.hd-sitemap:focus-visible {outline:auto;}
.gnb-pc {height:100%;}
.gnb-pc .gnb {height:100%;display:flex;align-items:center;gap:4rem;}
.gnb-pc .depth2-wrapper {display:none;}
.gnb-pc .mn_l1 {height:100%;}
.gnb-pc .mn_a1 {height:100%;font-size:2.2rem;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;}
.gnb-pc .mn_a1:after {content:"";display:block;position:absolute;bottom:0;left:0;width:0;height:5px;background:var(--color-primary03);transition:width .3s;}
.gnb-pc .mn_l1[data-current="true"] .mn_a1 {color:var(--color-primary03);position:relative;}
.gnb-pc .mn_l1[data-current="true"] .mn_a1:after {width:100%;}
.gnb-pc .depth2-wrapper{position:absolute; top:100%; left:0; width:100%;background:#fff; background: #fff; overflow:hidden;border-top:1px solid var(--color-gray03);}
.gnb-pc .depth2-wrapper .inner {display:flex;gap:8rem;padding-top:4rem;padding-bottom:8rem;min-height:40rem;max-height:calc(100dvh - 30rem);}
.gnb-pc .depth2-wrapper .depth2-inner{max-width:192rem; min-height:min(38rem, 100vh - 28rem); width:100%; margin:0 auto; height:100%; background:#fff; display:flex; }
.gnb-pc .depth2-wrapper .depth2-info{min-width:30rem; flex:none; background:var(--color-primary01) url('/share/portal/img/new/layout/menu_bg.svg') no-repeat right -5rem bottom -7rem; padding:4.5rem 4rem; color:var(--color-text100);}
.gnb-pc .depth2-wrapper .depth2-info .info-title{font-size:3.5rem; font-weight:500; margin-bottom:2rem; display:flex; align-items:center; gap:2.8rem;}
.gnb-pc .depth2-wrapper .depth2-info .info-desc{font-size:1.6rem; line-height:1.5625; color:var(--color-text100); opacity:0.8;}
.gnb-pc .depth2{display:flex; flex-wrap:wrap; gap:3.2rem 2rem; flex:1; padding-right:4rem; min-height:0;overflow-y:auto; transition:max-height 0.3s ease-in-out;}
.gnb-pc .mn_l2{width:calc(20% - 1.6rem);}
.gnb-pc .mn_a2{display:flex; align-items:center; padding:1.7rem 2rem 1.5rem; font-weight:700; border-radius:2px; margin-bottom:2rem;background:var(--color-gray03);}
.gnb-pc .mn_a2[data-external="true"]{padding-right:4rem; position:relative;}
.gnb-pc .mn_a2[data-external="true"]:after{content:''; display:block; width:1.4rem; height:1.4rem; background:url('/share/portal/img/new/layout/icon_external_lg.svg') no-repeat center center; position:absolute; right:2rem; top:calc(50% - 0.2rem); transform:translateY(-50%);}
.gnb-pc .mn_a2[target="_blank"]:after {content:"";display:block;width:1rem;height:1rem;margin-left:auto;flex:none;background:url(/share/portal/img/new/layout/icon_outlink_dep1.svg) no-repeat center center /100% 100%;}
.gnb-pc .depth3{padding:0 2rem; display:flex; flex-direction:column; gap:1.6rem;}
.gnb-pc .mn_a3{display:inline-block;font-weight:500; color:var(--color-text40); line-height:1.3;transition:all .3s;}
.gnb-pc .mn_a3[data-external="true"]{padding-right:2.2rem; position:relative;}
.gnb-pc .mn_a3[data-external="true"]:after{content:''; display:block; width:1.2rem; height:1.2rem; background:url('/share/portal/img/new/layout/icon_external_sm.svg') no-repeat center center; position:absolute; right:0; top:0.24rem;}
.gnb-pc .mn_a3.link .linki{width:1.1rem; height:1.1rem; display:inline-flex; margin-left: 0.5rem;transform: translateY(2px); background: url(/share/portal/img/new/layout/icon_outlink.svg?ver=260626) no-repeat center center /100% 100%;}
.gnb-pc .depth4 {display:none;}

.header-bottom__r {margin-left:auto;display:flex;align-items:center;gap:3rem;}
.hd-popup-btn {display:flex;gap:0.5rem;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-d);color:var(--black);}
.hd-popup-btn .num {display:block;width:2rem;height:2rem;line-height:2rem;border-radius:50%;background:#990000;color:#fff;font-size:1rem;font-weight:700;}
.hd-link-btn {font-size:var(--font-d);font-weight:700;white-space:nowrap;}
.mb-hd-search,
.mb-hd-mnopen {display:none;}

/* ani */
.header-top {transition:height .3s, padding .3s;}
.header-bottom {transition:height .3s;}
.gnb-dim {display:none;position:fixed;top:var(--header-H);left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9;}

	@media (hover: hover) {
		.hd-sitemap:hover::before,
		.hd-sitemap:hover::after,
		.hd-sitemap:focus-visible::before,
		.hd-sitemap:focus-visible::after {background-size:100% 100%;}

		.hd-iec:hover span,
		.hd-iec:focus-visible span {color:var(--color-primary03);}
		.hd-iec:hover:before,
		.hd-iec:focus-visible:before {filter:none;}
		.gnb-pc .mn_a1:hover,
		.gnb-pc .mn_a1:focus-visible {color:var(--color-primary03);}
		.gnb-pc .mn_a1:hover:after,
		.gnb-pc .mn_a1:focus-visible:after {width:100%;}
		
		.gnb-pc .mn_a2:hover,
		.gnb-pc .mn_a2:focus-visible,
		.gnb-pc .mn_l2:has(:hover) .mn_a2,
		.gnb-pc .mn_l2:has(:focus-visible) .mn_a2 {background:var(--color-primary03); color:#fff;}
		.gnb-pc .mn_l2:has(:hover) .mn_a2:after,
		.gnb-pc .mn_l2:has(:focus-visible) .mn_a2:after {filter:brightness(0) invert(1);}
		.gnb-pc .mn_a2:hover:after,
		.gnb-pc .mn_a2:focus-visible:after {filter:brightness(0) invert(1);}
		
		.gnb-pc .mn_a3:hover,
		.gnb-pc .mn_a3:focus-visible {position:relative;text-decoration:underline; text-decoration-thickness:0.1rem;color:var(--color-primary03);}
	}
	
	@media screen and (max-width:1500px) {
		.grad .gnb-pc .mn_a1 {font-size:2rem;}
	}
	
	@media screen and (max-width:1400px) {
		.hd-slogan {font-size:3.8rem;}
		#logo img {height:5.8rem;}
		.header-top__r {gap:2.5rem;}
	}
	
	@media screen and (max-width:1200px) {
		.hd-slogan {font-size:3.6rem;}
		.header-top .hd-lang,
		.header-top .hd-teamsrc {display:none;}
		.gnb-pc {display:none;}
		.hd-sitemap {display:none;}
		.hd-link-btn {display:none;}
		.mb-hd-search {flex:none;display:block;width:2.6rem;height:2.6rem;background:url(/share/portal/img/new/layout/mb-hd-search.svg) no-repeat center center /100% 100%;}
		.mb-hd-mnopen {flex:none;display:block;width:3rem;height:3rem;background:url(/share/portal/img/new/layout/hd-sitemap.svg?ver=260520) no-repeat center center;}
		.mb-hd-mnopen.open {position:relative;background:none;}
		.mb-hd-mnopen.open:before,
		.mb-hd-mnopen.open:after {content:"";display:block;width:2.6rem;height:2px;background:#000;position:absolute;top:50%;left:50%;margin:-1px 0 0 -1.3rem;}
		.mb-hd-mnopen.open:before {transform:rotate(45deg);}
		.mb-hd-mnopen.open:after {transform:rotate(-45deg);}
		.hd-lang.mb {display:flex;margin-right:auto;}
		.header-top .hd-iec {display:none;}
		.header-bottom .hd-iec {display:flex;margin-right:auto;}
		.header-bottom {gap:0;}
		
		.hd-scr #header.vision,
		.hd-scr #header.grad {transform:none;}
		#header.vision .inner ,
		#header.grad .inner {display:flex;align-items:center;}
		.vision .hd-slogan,
		.grad .hd-slogan {display:none !important;}
		.vision .header-top, 
		.grad .header-top {padding-top:0;}
		.vision .header-bottom, 
		.grad .header-bottom {margin-left:auto;}
		.vision .header-bottom__r,
		.grad .header-bottom__r  {}
		.vision .header-bottom .hd-iec,
		.grad .header-bottom .hd-iec {margin-right:auto;}
	}
	
	@media screen and (max-width:800px) {
		#logo img {height:5.4rem;}
	}
	
	@media screen and (max-width:680px) {
		.hd-slogan {font-size:1.8rem;}
		#logo img {height:4rem;}
		#logo:has(.dept-name) img {height:3.4rem;}
		#logo .dept-name {font-size:2rem;}
		.mb-hd-search {width:2.2rem;height:2.2rem;}
		.mb-hd-mnopen {width:2.6rem;height:2.6rem;}
		.hd-popup-btn {font-size:1.4rem;}
		.header-bottom__r {gap:2.2rem;}
		.hd-iec span {font-size:1.4rem;}
		.hd-iec span span {display:none;}
	}

	@media screen and (max-width:400px) {
		.hd-slogan {font-size:1.5rem;}
		#logo img {height:3rem;}
		.vision #logo img,
		.grad #logo img {height:2.6rem;}
		.vision #logo a,
		.grad #logo a {gap:1rem;}
		.vision #logo a:before,
		.grad #logo a:before {display:none;}
		.vision #logo .dept-name,
		.grad #logo .dept-name {font-size:1.8rem;}
		.vision .hd-popup-btn,
		.grad .hd-popup-btn  {font-size:1.4rem;}
		.vision .header-bottom__r,
		.grad .header-bottom__r {gap:2rem;}
		.vision .mb-hd-mnopen,
		.grad .mb-hd-mnopen {width:2.6rem;height:2.6rem;}
	}
	@media screen and (max-width:360px) {
		.header-bottom__r {gap:2rem;}
	}
	
/* mb gnb */
.m-gnb{display:none;position:fixed; top:var(--header-H); left:0; width:100%; height:calc(100% - var(--header-H)); z-index:9980; opacity:0; visibility:hidden; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.m-gnb .drawer-wrapper{display:flex; flex-direction:column; width:100%; height:100%; background:#fff; z-index:2; transition:transform 0.2s ease-in-out; transform:translateX(100%);}
.m-gnb .drawer-header{flex:none; height:7rem; display:flex; align-items:center; justify-content:space-between; padding:0 2rem; border-bottom:1px solid var(--color-border02);}
.m-gnb .drawer-header .logo img{height:4rem;}
.m-gnb .drawer-header .close-button{width:2.4rem; height:2.4rem;}
.m-gnb .drawer-util{flex:none; background:var(--color-primary01); height:4.5rem; color:var(--color-text100); font-size:1.4rem; display:flex; align-items:center; justify-content:space-between; padding:0 2rem;}
.m-gnb .global-util-list{margin-right:-0.8rem;}
.m-gnb .drawer-util .hd-iec:before {filter:brightness(0) invert(1);}
.m-gnb .drawer-menu{flex:1; min-height:0; background:var(--color-bg01); overflow:hidden;}
.m-gnb .gnb{height:100%; position:relative; font-weight:300;}
.m-gnb .inner {padding:0;}
.m-gnb .depth2-info {display:none;}
.m-gnb .mn_l1{width:18rem; height:5.5rem;}
.m-gnb .mn_a1{display:flex; align-items:center; width:100%; height:100%; padding:1rem 2rem;}
.m-gnb .depth2{position:absolute; top:0; left:18rem; width:calc(100% - 18rem); height:100%; overflow-y:auto; background:#fff; display:none;}
.m-gnb .mn_a2{line-height: 1.1;width:100%; height:5.5rem; display:flex; align-items:center; padding:1rem 2rem; border-bottom:1px solid var(--color-border02); position:relative;}
.m-gnb .mn_a2:not(.single):after{content:""; display:block; width:1.4rem; height:0.2rem; background:var(--color-text76); position:absolute; right:2rem; top:50%; transform:translateY(-50%);}
.m-gnb .mn_a2:not(.single):before{content:""; display:block; width:0.2rem; height:1.4rem; background:var(--color-text76); position:absolute; right:2.6rem; top:50%; transform:translateY(-50%);}
.m-gnb .mn_a2.link .linki{width: 0.8rem; height: 0.8rem; display: inline-flex; transform: translateY(-2px); margin-left: 0.7rem; background: url(../../img/layout/icon_outlink.svg) no-repeat center center / 0.8rem; filter: brightness(0);}
.m-gnb .depth3{background:var(--color-bg02); padding:1rem 2rem; font-size:1.5rem; font-weight:500; color:var(--color-text40); display:none;}
.m-gnb .mn_a3{width:100%; height:4rem; display:flex; align-items:center; position:relative;}
.m-gnb .mn_a3:not(.single):after{content:""; display:block; width:0; height:0; border-style:solid; border-width:0.6rem 0.5rem 0.5rem; border-color:#222 transparent transparent transparent; position:absolute; right:0; top:calc(50% + 0.2rem); transform:translateY(-50%);}
.m-gnb .mn_a3.link .linki{width: 0.8rem; height: 0.8rem; display: inline-flex; margin-left: 0.7rem;transform: translateY(1px); background: url(../../img/layout/icon_outlink.svg) no-repeat center center / 0.8rem; filter: brightness(0);}
.m-gnb .depth4{background:#fff; padding:1rem; font-size:1.4rem; color:var(--color-text76); border-radius:var(--radius01); margin-bottom:1rem; display:none;}
.m-gnb .mn_a4{width:100%; padding:0.7rem 0 0.7rem 1rem; display:flex; align-items:center; position:relative; line-height:1.28;}
.m-gnb .mn_a4:before{content:""; display:block; width:0.4rem; height:0.4rem; background:var(--color-border02); position:absolute; left:0; top:1.3rem; border-radius:50%;}
.m-gnb .mn_a4.active:before{background:var(--color-primary03);}
.m-gnb .mn_a4.active{color:var(--color-primary03);}
.m-gnb .mn_a1.active, .m-gnb .mn_l1:has(.active) .mn_a1{font-weight:500; color:var(--color-primary03); border-bottom:1px solid var(--color-primary03);} 
.m-gnb .mn_a2.active:before{display:none;}
.m-gnb .mn_l3 .mn_a3.active{color:var(--color-primary03);}
.m-gnb .mn_l3 .mn_a3.active:after{transform:rotate(180deg); margin-top:-0.8rem;} 
.m-gnb[data-open="true"]{opacity:1; visibility:visible;}
.m-gnb[data-open="true"] .drawer-wrapper{transform:translateX(0);}
.m-gnb .mn_a2.active,
.m-gnb .mn_l2:has(.active) .mn_a2 {font-weight:500;}

	@media screen and (max-width:1200px) {
		.m-gnb {display:block;}
	}
	
/* ---------- quick ---------- */
.fix-quick {position:fixed;top:calc(var(--header-H) + 10rem);right:5.6rem;z-index:10;text-align:right;transition:top .3s;}
.fix-quick__user .tit {width:8.5rem;height:2.4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;background:var(--color-primary02);color:#fff;font-weight:700;color:#fff;text-align:center;border-radius:100px;box-shadow:0px 4px 4px rgba(99, 99, 99, 0.5);letter-spacing:0;font-size:1rem;}
.fix-quick__user li {text-align:center;}
.fix-quick__user li + li {margin-top:2rem;}
.fix-quick__user button,
.fix-quick__user a {font-weight:700;color:#E3E3E3;transition:color .3s;font-size:var(--font-d);}
.fix-quick__user button.is-dark,
.fix-quick__user a.is-dark {color:#000;}
.fix-quick__chatbot {text-align:cetner;margin-top:6rem;}
.fix-quick__chatbot:before {content:"";display:block;width:8.8rem;height:7.6rem;margin-bottom:0.5rem;background:url(/share/portal/img/new/layout/fix-quick__chatbot.svg) no-repeat center center /100% 100%;}
.fix-quick__chatbot span {font-family:var(--font-family03);color:#E3E3E3;font-size:var(--font-d);font-weight:700;transition:color .3s;}
.fix-quick__chatbot span.is-dark {color:#000;}

	@media (hover: hover) {
		.fix-quick__user button:hover,
		.fix-quick__user button:focus-visible,
		.fix-quick__user a:hover,
		.fix-quick__user a:focus-visible {color:var(--color-primary01);}
	}

	@media screen and (max-width:1200px) {
		.fix-quick {display:none;}
	}


/* ---------- 부서검색 ---------- */
.header-search-layer{position:fixed; top:var(--header-H); left:0; z-index:400; width:100%; background:#fff;border-top:1px solid var(--color-gray03); padding:3.8rem 0 4rem; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.32s ease, visibility 0.32s ease, top 0.3s ease;}
#header[data-search-open="true"] + .header-search-layer,
#header[data-search-open="true"] .header-search-layer,
.header-search-layer.is-open{opacity:1; visibility:visible; pointer-events:auto;}
.header-search-layer .inner{max-width:84rem;}
.header-search-layer .search-layer-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:2.8rem;}
.header-search-layer .title{font-size:2.8rem; font-weight:300; color:var(--color-text0); font-family:var(--font-family01);}
.header-search-layer .title .emp {color:var(--color-primary02);}
.header-search-layer .close-button{width:5rem; height:5rem; position:relative; border-radius:.4rem; background:var(--color-bg02);}
.header-search-layer .close-button:before,
.header-search-layer .close-button:after{content:""; position:absolute; left:50%; top:50%; width:2.2rem; height:2px; background:#000;}
.header-search-layer .close-button:before{transform:translate(-50%, -50%) rotate(45deg);}
.header-search-layer .close-button:after{transform:translate(-50%, -50%) rotate(-45deg);}
.header-search-layer .search-layer-form{display:flex; align-items:center; height:6rem; border-bottom:2px solid #111; padding-bottom:1rem;}
.header-search-layer .search-layer-form input{flex:1; width:100%; border:0; background:transparent; font-size:1.8rem; color:var(--color-text20);}
.header-search-layer .search-layer-form input:not([type="checkbox"]):not([type="radio"]) {border:0; padding:0;}
.header-search-layer .search-layer-form input::placeholder{color:#8b8f95;}
.header-search-layer .search-layer-form input:focus{outline:none;}
.header-search-layer .submit-button{flex:0 0 auto; width:4rem; height:4rem; margin-left:0.8rem; border-radius:50%; background:transparent;}
.header-search-layer .submit-button:before{content:""; display:block; width:100%; height:100%; background:url('../img/Contents/deptsrch_srch.svg') no-repeat center center / 2.4rem auto;}
.header-search-layer .close-button:focus,
.header-search-layer .submit-button:focus{outline:none;}
.header-search-layer .close-button:focus-visible,
.header-search-layer .submit-button:focus-visible{outline:2px solid var(--color-primary02); outline-offset:2px;}

  @media screen and (max-width: 1024px){
    .header-search-layer{padding:2.4rem 0 2.8rem;}
    .header-search-layer .title{font-size:2.6rem;}
  }

  @media screen and (max-width: 768px){
    .header-search-layer .search-layer-header {margin-bottom:1.5rem;}
    .header-search-layer .inner{padding:0 2rem;}
    .header-search-layer .title{font-size:2.1rem;}
    .header-search-layer .search-layer-form input{font-size:1.6rem;}
    .header-search-layer .submit-button{width:3rem; height:3rem;}
    .header-search-layer .submit-button:before{background-size:2.4rem auto;}
    .header-search-layer .close-button {width:4rem; height:4rem;}
    .header-search-layer .close-button:before, 
    .header-search-layer .close-button:after {width:1.6rem; height:2px;}
  }

/* ---------- sub ---------- */
#container {padding-top:var(--header-H);transition:padding-top 0.3s;}


/* ---------- sitemap ---------- */
.sitemap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#fff; opacity:0; visibility:hidden; overflow-y:auto; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; color:#000;}
/* 좌측 남색 패널 (depth1 영역 배경) - 뷰포트 왼쪽 끝까지 확장 */
.sitemap::before{content:""; position:fixed; top:0; bottom:0; left:0; width:24%; background:#011F5B;}
.sitemap[data-open="true"]{opacity:1; visibility:visible; padding:7rem 0 10rem;}
.sitemap .inner {position:relative; z-index:1; height:100%; display:flex; flex-direction:column;max-width:100%;min-width:0;padding:0;}
.sitemap-header{display:flex; justify-content:flex-end; align-items:center; gap:6rem; width:calc(24% + 120rem);padding:0 0 2rem calc(24% + 7rem);margin-bottom:3rem;position:relative;}
.sitemap-header .outlink-list{margin-right:auto;}
.sitemap-header .util-list{display:flex; align-items:center; gap:2rem;}
.sitemap-header .util-list a{font-size:1.7rem; font-weight:600;}
.sitemap-header .util-list a:focus,
.sitemap-header .util-list a:hover {text-decoration:underline; text-underline-offset:3px;}
.sitemap-header .x-button{color:#000; width:3rem; height:3rem;}

.sitemap-body{position:relative; flex:1;}
.sitemap .depth1-list{height:100%; width:24%;display:grid;justify-content:end;align-content:start;align-items:flex-start;padding-right:4rem;box-sizing:border-box;}
.sitemap .mn_l1{margin-bottom:4rem;}
.sitemap .mn_a1{display:flex; align-items:center; font-size:3rem; font-weight:700; line-height:1.2; padding-right:2.8rem; color:rgba(255,255,255,0.7); position:relative; transform:scale(0.8); transform-origin:left center; transition:color 0.2s ease, transform 0.2s ease;}
.sitemap .mn_a1.active{color:var(--color-primary03); transform:none; text-decoration:underline; text-underline-offset:0.6rem; text-decoration-thickness:3px;}
.sitemap .mn_a1[target="_blank"]:after{content:""; display:block; width:1.4rem; height:1.4rem; margin-left:0.8rem; flex:none; background:url('/share/portal/img/new/layout/icon_outlink.svg') no-repeat center center /100% 100%; filter:brightness(0) invert(1);}
.sitemap .mn_a1.active ~ .depth2-wrapper{display:block;}
.sitemap .depth2-wrapper{display:none; position:absolute; left:24%; top:0; width:120rem; height:100%; padding:0.5rem 0 2rem 4rem; overflow-y:auto; overflow-x:hidden; }
.sitemap .depth2-wrapper::-webkit-scrollbar {width: 7px;border:none;border-radius:10px;background:none;}
.sitemap .depth2-wrapper::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1);border-radius:10px;border:none;}
.sitemap .depth2-wrapper::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.3);border-radius:10px;border:none;}
.sitemap .depth2-list{display:flex; flex-wrap:wrap; align-content:flex-start; gap:5rem 0; min-height:100%; background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)); background-size:1px 100%; background-position:25% 0, 50% 0, 75% 0; background-repeat:no-repeat;}
.sitemap .mn_l2{width:25%; padding:0 3rem;}
.sitemap .mn_a2{display:flex; align-items:flex-end; padding-bottom:1.2rem; padding-right:2.6rem; border-bottom:1px solid #000; margin-bottom:2.5rem; font-size:1.9rem; font-weight:700; color:#000; position:relative;}
.sitemap .mn_a2:after{position:absolute;top:50%;right:0;margin-top:-1.4rem;content:""; display:block; width:1.6rem; height:1.6rem; margin-left:auto; background:url('/share/portal/img/new/layout/sitemap_dep2_arrow.svg') no-repeat center center /100% 100%; filter:brightness(0); opacity:0; transition:all 0.2s ease; transform:translateX(-1rem)}
.sitemap .mn_a2:hover:after{opacity:1;transform:none;}
.sitemap .mn_a2[target="_blank"] {gap:1rem;}
.sitemap .mn_a2[target="_blank"]:before {flex:none;order:2;content:""; opacity:1;display:block;width:1.1rem;height:1.1rem;margin-bottom:5px;background: url(/share/portal/img/new/layout/icon_outlink.svg) no-repeat center center /100% 100%;filter:grayscale(100%) brightness(0);}
.sitemap .mn_a2.link .linki{width:1.1rem; height:1.1rem; display:inline-flex; margin-left: 0.6rem; align-self:center; background: url(/share/portal/img/new/layout/icon_outlink.svg) no-repeat center center /100% 100%;filter:grayscale(100%) brightness(0);}
.sitemap .mn_a2.link[target="_blank"]:before {display:none;}
.sitemap .mn_l3 + .mn_l3{margin-top:2rem;}
.sitemap .mn_a3{display:inline-flex; align-items:flex-start; color:#000; font-size:1.6rem; font-weight:700; position:relative; transition:color 0.2s ease;}
.sitemap .mn_a3:hover{color:var(--color-primary03); text-decoration:underline; text-underline-offset:0; text-decoration-thickness:0.1rem;}
.sitemap .mn_a3.link .linki{width:1.2rem; height:1.2rem; display:inline-flex; margin-left: 0.5rem; align-self:center; background: url(/share/portal/img/new/layout/icon_outlink.svg) no-repeat center center /100% 100%;}
.sitemap .mn_a3 span { line-height:1.3;}
.sitemap .depth4-list{padding:1.8rem 0 0;}
.sitemap .mn_l4 + .mn_l4{margin-top:1.8rem;}
.sitemap .mn_a4{position:relative; display:inline-flex; align-items:flex-start; padding-left:1.5rem; font-size:1.6rem; font-weight:400; letter-spacing:-0.03em; color:rgba(0,0,0,0.5); line-height:1.3; transition:color 0.2s ease;}
.sitemap .mn_a4:before{content:""; display:block; width:0.8rem; height:2px; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0.7rem;}
.sitemap .mn_a4:hover{color:#000; text-decoration:underline; text-underline-offset:0.4rem;}
.sitemap .mn_a4.link .linki{width:1.1rem; height:1.1rem; display:inline-flex; margin-left: 0.5rem; align-self:center; background: url(/share/portal/img/new/layout/icon_outlink_sm.svg) no-repeat center center /100% 100%;}


  @media screen and (hover) {
	.sitemap-header .x-button {transition: all .3s;}
	.sitemap-header .x-button:hover,
	.sitemap-header .x-button:focus-visible {transform:rotate(180deg);}
	.sitemap .mn_a1:hover,
	.sitemap .mn_a1:focus-visible {color:var(--color-primary03);}
  }

  @media screen and (max-height:800px) {
	.sitemap[data-open="true"] {padding:6rem 0}
  }

  @media screen and (max-width:1680px) {
	.sitemap .depth1-list {padding-left:7rem;}
	.sitemap-header {margin-right:7rem;width:auto;}
	.sitemap .depth2-wrapper {width:calc(76% - 7rem);}
  }

/* ---------- popzone ---------- */
.popzone{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; padding:10rem 0; display:grid; place-items:center; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; opacity:0; visibility:hidden;}
.popzone[data-open="true"]{opacity:1; visibility:visible;}
.popzone .inner{display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; gap:6rem;}
.popzone .popzone-slide-wrapper{display:flex; align-items:center; justify-content:center; width:100%; max-width:166rem; gap:6rem;}
.popzone .popzone-slide{flex:1; min-width:0; width:100%;}
.popzone .popzone-slide .swiper-slide{display:flex; align-items:center; justify-content:center; min-width:0; gap:5rem;}
.popzone .slide-item{max-width:clamp(24rem, calc(33.333% - 3.333rem), 44rem); width:100%;}
.popzone .popzone-item{position:relative; display:block; overflow:hidden;}
.popzone .popzone-item:before{content:""; display:block; width:100%; height:0;padding-bottom:104.5%;}
.popzone .popzone-item:focus{outline:none}
.popzone .popzone-item:focus:after{content:""; display:block; width:100%; height:100%; border:3px solid #000; position:absolute; left:0; top:0; z-index:1;}
.popzone .popzone-item > img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.popzone .arrow{width:6rem; height:6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(237,242,248,0.3);border-radius:50%;background:rgba(0, 0, 0, 0.2); transition:opacity 0.2s ease-in-out;transition:all .3s;}
.popzone .arrow:before {content:"";display:block;width:1.8rem;height:1.3rem;background:url(/share/portal/img/new/layout/event_slide_arrow.svg) no-repeat center center /100% 100%;}
.popzone .arrow-prev:before {transform:rotate(180deg);}
.popzone .arrow:focus{outline:1px solid #fff; outline-offset:2px;}
.popzone-footer{display:flex; align-items:center; justify-content:center; gap:2rem 4rem; color:var(--color-text100);flex-wrap:wrap;}
.popzone-footer .info{border-bottom:2px solid #fff; height:4rem; display:flex; align-items:center; justify-content:center;}
.popzone-footer .control{display:flex; align-items:center; justify-content:center; gap:1rem;}
.popzone-footer .info em{font-weight:700; color:var(--color-primary03); font-style:normal; padding-left:0.3em;}
.popzone-footer .close-button{min-width:13rem;height:6rem; padding:0 5rem; border-radius:var(--radiusPill); display:flex; align-items:center; justify-content:center; gap:2rem; color:var(--color-text100); font-size:1.6rem; font-weight:500;border:1px solid rgba(255, 255, 255, 0.3);transition: all .3s;}
.popzone-footer .close-button:focus{outline:1px solid #fff; outline-offset:2px;}
.popzone-footer .close-button.today{background:transparent;}
.popzone-footer .close-button .icon {display:none;}

	@media (hover: hover) {
		.popzone .arrow:hover,
		.popzone .arrow:focus-visible {background:#000;border-color:#000;}
		.popzone-footer .close-button:hover,
		.popzone-footer .close-button:focus-visible {background:var(--color-primary03);border-color:var(--color-primary03);}
	}

/* popzone template */
.popzone .popzone-item .template-content{position:absolute; top:0; left:0; width:440px; height:460px; padding:2rem; display:flex; flex-direction:column; justify-content:center; align-items:center; font-family:'Aggravo',sans-serif; text-align:center; transform:scale(var(--scale)); transform-origin:top left;}
.popzone .popzone-item .item-symbol{width:6rem; height:6rem; margin-bottom:2.8rem;}
.popzone .popzone-item .item-symbol img{width:100%;}
.popzone .popzone-item .item-title{font-size:3rem; margin-bottom:1.6rem;}
.popzone .popzone-item .item-desc{font-size:1.8rem; margin-bottom:3.2rem; word-break:break-all; font-weight:300;}
.popzone .popzone-item .item-button{display:flex; gap:1rem; align-items:center; justify-content:center; height:4.5rem; padding:1rem 2rem; border-radius:var(--radiusPill); color:#fff; font-weight:300; background:#000;}
.popzone .popzone-item .item-button span{padding-top:0.2rem}
.popzone .popzone-item .item-button:after{content:""; display:block; width:1rem; height:1rem; background:url('/share/portal/img/new/layout/icon_outlink.svg') no-repeat center; margin-top:-0.8rem}
.popzone .popzone-item .template-01{background:#6FBEFF url('/share/portal/img/new/layout/template/template-bg_01.png') no-repeat center center / cover;}
.popzone .popzone-item .template-01 .item-symbol img{filter:invert(1)}
.popzone .popzone-item .template-01 .item-desc{color:#004dde}
.popzone .popzone-item .item-button{background:#014ce5}

.popzone .popzone-item .template-02{background:#FEF6E1 url('/share/portal/img/new/layout/template/template-bg_02.png') no-repeat center center / cover;}
.popzone .popzone-item .template-02 .item-symbol img{filter: brightness(0) saturate(100%) invert(21%) sepia(53%) saturate(2038%) hue-rotate(189deg) brightness(91%) contrast(86%);}
.popzone .popzone-item .template-02 .item-desc{color:#D6187B}
.popzone .popzone-item .item-button{background:#000}

@media screen and (max-width:1024px){
  .popzone .popzone-slide-wrapper{gap:4rem;}
  .popzone .popzone-slide .swiper-slide{gap:2rem;}
  .popzone .slide-item{max-width:calc(50% - 1rem)}
  .popzone .arrow{width:4rem; height:4rem;}
}

@media screen and (max-width:768px){
  .popzone .inner{gap:2rem;}
  .popzone .popzone-slide-wrapper{gap:2rem;}
  .popzone .slide-item{width:80vw; max-width:500px}
  .popzone .arrow{width:3.2rem; height:3.2rem;}
  .popzone-footer{position:fixed; bottom:2rem; left:0; width:100%; justify-content:space-between; padding:0 2rem;}
  .popzone-footer .info{font-size:1.4rem; white-space:nowrap;}
  .popzone-footer .close-button {min-width:0;height:5rem;padding:0 2rem;white-space:nowrap;}
}

@media screen and (max-width:430px){
	
	.popzone-footer {justify-content:center;}
	.popzone-footer .control {width:100%;}
}

/* ---------- user service floating ---------- */
[data-scroll-locked="true"] .us-button{right:calc(2rem + var(--scrollbar-width))}
.us-wrapper {display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; pointer-events:none;}
.us-pop-wrapper{position:fixed; top:0; left:0; width:100%; height:100%; padding:4rem; z-index:9999; background:rgba(0,0,0,0.6); overflow:hidden; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden;}
.us-pop-wrapper[data-open="true"] {opacity:1; visibility:visible; pointer-events:auto;}

.us-pop-inner {position:relative; width:90rem; height:48rem; max-width:calc(100% - 4rem); max-height:calc(100dvh - 8rem); padding:6rem 10rem 8rem; background:#fff; border-radius:4px; transform:translateY(20px); transition:transform 0.3s ease; overflow-y:auto;}
.us-pop-wrapper[data-open="true"] .us-pop-inner {transform:translateY(0);}
.us-pop-wrapper .close-button {position:absolute; top:2rem; right:2rem; width:6rem; height:6rem; color:var(--color-text0); z-index:1;transition: all .3s;}
.us-pop-wrapper .close-button::before,
.us-pop-wrapper .close-button::after {width:42%;height:3px; background-color:var(--color-text0);}

.us-pop-tit {display:block; text-align:center; padding:2rem 0;}
.us-pop-tit span {font-size:4rem; font-weight:700; color:var(--color-primary01);font-family: var(--font-family01); letter-spacing:0;position:relative;}
.us-pop-tit span:after {content:"";display:block;width:6px;height:6px;background:var(--color-primary03);border-radius:50%;position:absolute;bottom:11px;right:-10px;}

.us-tab-wrapper {}
.us-menu-list {display:flex;justify-content:center;gap:3rem;padding:3rem 0; border-bottom:1px solid rgba(1, 31, 91, 0.5);}
.us-menu-list .mn_a1 {display:block; width:100%; text-align:center;font-size:var(--m-font-m); font-weight:700; color:var(--color-primary01); position:relative; cursor:pointer;}
.us-menu-list .mn_a1::after {display:none;}
.us-menu-list .mn_l1.active .mn_a1 {color:var(--color-primary03); font-weight:700;}
.us-menu-list .mn_l1.active .mn_a1::before {content:""; display:block; position:absolute; bottom:-3.1rem; left:50%;margin-left:-2.4rem; width:4.8rem; height:4px; background:var(--color-primary03);}

.us-tab-content {padding-top:3rem;}
.us-tab-content .depth2-wrapper {display:none;}
.us-tab-content .depth2-list {display:grid; grid-template-columns:repeat(4, 1fr); width:max-content; max-width:100%;}
.us-tab-content .mn_l2 {break-inside:avoid; margin-bottom:1rem;}
.us-tab-content .mn_a2 {display:block; font-size:1.8rem; line-height:1.4;position:relative;padding-left:13px;color:var(--color-text0);}
.us-tab-content .mn_a2:before {content:"";display:block;width:3px;height:3px;border-radius:50%;background:var(--color-text0);position:absolute;top:10px;left:0;}
/* 탭별 열 너비 (데스크톱 4열 전용) */
.us-tab-content .depth2-wrapper:nth-child(1) .depth2-list {grid-template-columns:180px 195px 200px 125px;} /* 예비한세인 */
.us-tab-content .depth2-wrapper:nth-child(2) .depth2-list {grid-template-columns:171px 198px 211px 120px;} /* 재학생 */
.us-tab-content .depth2-wrapper:nth-child(3) .depth2-list {grid-template-columns:180px 165px 200px 155px;} /* 교직원 */
.us-tab-content .depth2-wrapper:nth-child(4) .depth2-list {grid-template-columns:187px 187px 235px 90px;}  /* 동문 */
.us-tab-content .depth2-wrapper:nth-child(5) .depth2-list {grid-template-columns:200px 195px 180px 120px;} /* 일반인 */

  @media (hover:hover) {
    .us-menu-list .mn_a1:hover,
	.us-menu-list .mn_a1:focus-visible {color:var(--color-primary03);}
    .us-tab-content .mn_a2:hover,
    .us-tab-content .mn_a2:focus-visible {color:var(--color-primary03); text-decoration:underline; text-underline-offset:3px;}
	.us-tab-content .mn_a2:hover:before,
    .us-tab-content .mn_a2:focus-visible:before {background:var(--color-primary03);}
	.us-pop-wrapper .close-button:hover,
	.us-pop-wrapper .close-button:focus-visible {transform:rotate(180deg);}
  }

@media screen and (max-width: 1200px){
  .us-pop-wrapper{padding:2rem;}
  .us-pop-inner{padding:5rem 3rem 5rem; max-height:calc(100dvh - 4rem);}
  .us-tab-content .depth2-list {grid-template-columns:repeat(3, 1fr);}
}

@media screen and (max-width: 768px){
  .us-pop-wrapper{padding:0; align-items:flex-start;}
  .us-pop-inner{padding:6rem 2rem 4rem; max-width:100%; width:100%; min-height:100%; max-height:none; border-radius:0;}
  .us-pop-tit {font-size:2.2rem; margin-bottom:2rem;}
  .us-menu-list .mn_a1 {font-size:1.4rem; padding:1.2rem 0;}
  .us-tab-content .depth2-list {grid-template-columns:repeat(2, 1fr);}
  .us-tab-content .mn_a2 {font-size:1.4rem;}
  .us-button{transform:scale(0.8); transform-origin:right bottom; bottom:10rem; right:2rem;}
}


/* ========================================
   Google Translate 대응 스타일
   ======================================== */
.lang-en #gnb .mn_a1 {font-size:1.8rem; text-align:center;}
.lang-en .us-menu-list .mn_a2 {justify-content:flex-start; height:100%;}
.lang-en .sitemap .mn_a1 {font-size:2rem; word-break:break-word; overflow-wrap:break-word;}
.lang-en .m-gnb .mn_a1 {word-break:break-word; overflow-wrap:break-word;}
.lang-en .outlink-list li {position:relative;}
.lang-en .outlink-list .outlink-item {position:static;}
.lang-en #gnb .depth2-wrapper .depth2-info .info-title {word-break:break-word; overflow-wrap:break-word;}
.lang-en #gnb .depth2-wrapper .depth2-info .info-title {font-size:3rem;}
.lang-en #gnb .depth2-wrapper .depth2-info .info-title:after {width:50%;}

.lang-en .ipsi .header-bottom .left,
.lang-zh-CN .ipsi .header-bottom .left {width:auto;}

.lang-en .grad .header-bottom .left,
.lang-zh-CN .grad .header-bottom .left {width:auto;}

.lang-en .vision .header-bottom .left,
.lang-zh-CN .vision .header-bottom .left {width:auto;}


/* ========================================
   입학관리본부 헤더
   ======================================== */
#container.ipsi {padding-top:0;}
.ipsi #gnb {display:none;}

#header.ipsi{position:fixed; top:0; left:0; width:100%; z-index:500; transition:transform 0.3s ease-in-out; transition-delay:0.1s;box-shadow:none;}

.ipsi .logo {gap: 2rem;width: 100% !important; height: auto !important;display:flex;align-items:center;}
.ipsi #header .logo a:before,
.ipsi #header .logo a:after {display:none !important;}
.ipsi .logo img {filter:brightness(0) invert(1);height:4.7rem !important;}
.ipsi .logo .txt {display: flex;gap: 2rem; align-items: center;font-size: 2.6rem;font-weight: 600;color: #fff;position: relative;}
.ipsi .logo .txt:before {content:"";display:block; width:1px; height: 2rem; background: rgba(255,255,255,0.5);}
#header[data-menu-scrolled="true"].ipsi .logo .txt {color: #00437c;}
#header[data-menu-scrolled="true"].ipsi .logo .txt:before {background: rgba(0, 67, 125, 0.5);}

.ipsi .header-bottom{height:9rem; color:#fff; border-bottom:1px solid transparent; transition:all 0.3s ease-in-out;}
.ipsi .header-bottom button{color:inherit; font-size:inherit;}
.ipsi .header-bottom .inner{display:flex; align-items:center; height:100%;}
.ipsi .header-bottom .left, .header-bottom .right{width: 20rem;}
.ipsi .header-bottom .right{display:flex; align-items:center; justify-content:flex-end;}
.ipsi .header-bottom .center{flex:1; display:flex; align-items:center; justify-content:center; height:100%;}

#header.ipsi {background:none;}
#header.ipsi[data-menu-scrolled="true"] .header-bottom{background:#fff; color:var(--color-text0); border-color:var(--color-border02);}
#header.ipsi[data-menu-scrolled="true"] .logo a:before{visibility:hidden; opacity:0;}
#header.ipsi[data-menu-scrolled="true"] .logo a:after{visibility:visible; opacity:1;}
.ipsi[data-menu-scrolled="true"] .header-bottom .popup-button .icon{background:url('../../img/layout/icon_noti_b.svg') no-repeat left top / cover;}
.ipsi[data-menu-scrolled="true"] .header-bottom .menu-button:after{border-color:var(--color-text0);}
.ipsi[data-menu-scrolled="true"] #gnb .mn_a1.active{color:var(--color-primary03); position:relative;}
.ipsi[data-menu-scrolled="true"] #gnb .mn_a1.active:after{content:""; display:block; width:calc(100% - 5.6rem); height:2px; background:var(--color-primary03); position:absolute; bottom:-2.2rem; left:50%; transform:translateX(-50%);}
.ipsi[data-menu-scrolled="true"] .hd-iec:before {filter:brightness(0);}
.ipsi[data-menu-scrolled="true"] .logo img {filter:none;}

.ipsi .header-bottom .inner {justify-content: space-between;}
.ipsi .header-bottom .left {width:30.3rem;}
.ipsi .header-bottom .right{width: auto;}

.ipsi .header-bottom .util-list{display:flex; align-items:center; gap:3rem; margin-right:-0.5rem}
.ipsi .header-bottom .search-button {width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.ipsi .header-bottom .search-button:before {content:""; display:block; width:4rem; height:4rem; background:url('../../img/layout/icon_search_w.svg') no-repeat center center / cover;}
.ipsi .header-bottom .popup-button{height:4rem; display:flex; gap:0.4rem; align-items:center;  font-weight:500;}
.ipsi .header-bottom .popup-button .icon{width:4rem; height:4rem; background:url('../../img/layout/icon_noti_w.svg') no-repeat left top / contain; position:relative;}
.ipsi .header-bottom .popup-button .label{font-weight:500;position:relative;}
.ipsi .header-bottom .popup-button[data-active="true"] .label:before{content:""; display:block; width:0.5rem; height:0.5rem; background:#E02D00; border-radius:50%; position:absolute; right:-0.5rem; top:-0.5rem;}
.ipsi .header-bottom .popup-button[data-active="true"] .icon:before{content:attr(data-count); display:block; position:absolute; left:0; top:1rem; background:#E02D00; min-width:1.6rem; height:1.6rem; border-radius:9999px; font-size:1.2rem; font-weight:700; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--color-text100);}
.ipsi .header-bottom .menu-button{position:relative; display:flex; align-items:center; justify-content:center; width:4rem; height:4rem;}
.ipsi .header-bottom .menu-button:after{content:""; display:block; width:3rem; height:1.6rem; border-top:3px solid #fff; border-bottom:3px solid #fff;}

.ipsi .header-bottom .left {width:30.3rem;}
.ipsi .hd-iec {display:flex;}
.ipsi .hd-iec:before {filter:brightness(0) invert(1);}

.m-gnb.ipsi {top:0;}
.m-gnb.ipsi{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; opacity:0; visibility:hidden; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.m-gnb.ipsi .dim{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1;}
.m-gnb.ipsi .drawer-wrapper{position:absolute; right:0; top:0; max-width:50rem; width:100%; height:100%; background:#fff; z-index:2; transition:transform 0.2s ease-in-out; transform:translateX(100%);}
.m-gnb.ipsi .drawer-header{display:flex; align-items:center; justify-content:space-between; padding:2rem; height:7rem;}
.m-gnb.ipsi .logo img {filter:none;height:2.8rem !important;}
.m-gnb.ipsi[data-open="true"]{opacity:1; visibility:visible;}
.m-gnb.ipsi[data-open="true"] .drawer-wrapper{transform:translateX(0);}
.m-gnb.ipsi .close-button{width:3.2rem;height:3.2rem; position:relative; margin-right:-0.8rem;}
.m-gnb.ipsi .close-button:focus{outline:1px solid #fff; outline-offset:2px;}
.m-gnb.ipsi .close-button:after{content:""; display:block; width:2.4rem; height:2px; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
.m-gnb.ipsi .close-button:before{content:""; display:block; width:2.4rem; height:2px; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.m-gnb.ipsi .logo-txt {display: flex;gap:1.3rem;}
.m-gnb.ipsi .logo-txt .logo {max-width: 14rem;}
.m-gnb.ipsi .logo-txt .logo img {max-width: 100%;}
.m-gnb.ipsi .logo-txt .txt {display: flex;gap: 1.3rem;align-items: center; font-size: 1.8rem;font-weight: 600;color: #00437c; position: relative;}
.m-gnb.ipsi .logo-txt .txt:before {content: "";display: block;width: 1px; height: 1.5rem; background: rgba(0, 67, 125, 0.5);}
	
	@media screen and (hover) {
		.ipsi .hd-iec:hover span,
		.ipsi .hd-iec:focus-visible span {color:#fff;}
	}
	
	@media screen and (min-width: 1441px) {
		#header.ipsi.ipsi-main .header-bottom .popup-button .icon {background: url(../../img/layout/icon_noti_w.svg) no-repeat left top / contain !important;}

		.ipsi.ipsi-main#header[data-menu-scrolled="true"] .header-bottom {background: transparent;border-color: transparent;}
		.ipsi.ipsi-main#header[data-menu-scrolled="true"] .logo a:after {visibility: hidden;opacity: 0;}
		.ipsi.ipsi-main#header[data-menu-scrolled="true"] .logo a:before {visibility: visible;opacity: 1;}
		.ipsi.ipsi-main#header .logo.bk a:after {visibility: visible;opacity: 1;}
		.ipsi.ipsi-main#header .logo.bk a:before {visibility: hidden;opacity: 0;}
		
		#header.ipsi.ipsi-main .logo .txt {color: #fff !important;}
		#header.ipsi.ipsi-main .logo.bk .txt {color: #00437c !important;}
		#header.ipsi.ipsi-main .logo .txt:before {background: #fff !important;}
		#header.ipsi.ipsi-main .logo.bk .txt:before {background: rgba(0, 67, 125, 0.5) !important;}
		
		#header.ipsi.ipsi-main .global-util-list .lang-wrapper .lang-button {background: transparent !important}
		#header.ipsi.ipsi-main .bk .global-util-list .lang-wrapper .lang-button {background: rgba(0, 0, 0, 0.6) !important;}
		
		#header.ipsi.ipsi-main .header-bottom .popup-button .icon {background: url(../../img/layout/icon_noti_w.svg) no-repeat left top / cover !important;}
		#header.ipsi.ipsi-main .header-bottom .util-list.bk .popup-button .icon {background: url(../../img/layout/icon_noti_b.svg) no-repeat left top / cover !important;}
		#header.ipsi.ipsi-main .header-bottom .popup-button .label {color: #fff;}
		#header.ipsi.ipsi-main .header-bottom .util-list.bk .popup-button .label {color: #000;}
		#header.ipsi.ipsi-main .top-popup-button {border: 1px solid rgba(255, 255, 255, 0.3) !important;}
		#header.ipsi.ipsi-main .util-list.bk .top-popup-button {border-color: #000 !important;}
		#header.ipsi.ipsi-main .header-bottom .top-popup-button .label {color: #fff;}
		#header.ipsi.ipsi-main .header-bottom .util-list.bk .top-popup-button .label {color: #000;}
		#header.ipsi.ipsi-main .top-popup-button:after {border-color: #fff transparent transparent transparent !important;}
		#header.ipsi.ipsi-main .util-list.bk .top-popup-button:after {border-color: #000 transparent transparent transparent !important;}
		#header.ipsi.ipsi-main .header-bottom .menu-button:after {border-color: #fff;}
		#header.ipsi.ipsi-main .header-bottom .util-list.bk .menu-button:after {border-color: #000;}
		#header.ipsi.ipsi-main .header-bottom .util-list.bk .hd-iec:before {filter:brightness(0);}
		#header.ipsi.ipsi-main .header-bottom .util-list.bk .hd-iec span {color:#000;}
		#header.ipsi.ipsi-main .header-bottom .util-list.bk .login {color:#000;}
		.logo.bk img {filter:none !Important;}
	}
	
	@media screen and (max-width: 1200px){
		#header.ipsi .login {display:none;}
		.ipsi .hd-iec {display:none;}
		.m-gnb.ipsi .hd-iec {display:flex;}
	}
	
	@media screen and (max-width: 900px) {
		/* 입학 */
		.ipsi .top-popup-button, .ipsi .global-util-list, .ipsi .header-bottom .popup-button .label {display:none;}
		.m-gnb .global-util-list {display:flex;}
	}
	
	@media screen and (max-width: 768px){
		.ipsi .logo {gap: 1.5rem;}
	    .ipsi .logo img {height:3rem !important;}
	    .ipsi .logo .txt {gap:1.5rem;font-size: 1.8rem;}
	    .ipsi .logo .txt:before {height: 1.5rem;}
	    
	    .header-bottom .util-list{gap:1rem;}
	    .ipsi .header-bottom .util-list {gap:2.5rem;}
	    .ipsi .header-bottom .popup-button {margin-right:-1.5rem;}
		.ipsi .header-bottom .popup-button .icon{width:3rem; height:3rem;}
		.ipsi .header-bottom .popup-button .label{display:none;}
		.ipsi .header-bottom .popup-button[data-active="true"] .icon:before{left:-0.4rem;}
		.ipsi .header-bottom .menu-button:after{width:2rem; height:1rem; border-width:2px}
	}
	
	@media screen and (max-width: 400px){
		.ipsi .logo img {height:2.4rem !important;}
		.ipsi .logo .txt {font-size:1.5rem;}
		.ipsi .header-bottom .util-list {gap:1.5rem;}
	    .ipsi .header-bottom .popup-button {margin-right:-1rem;}
	}