@charset "utf-8";
.nav{position:relative;width:100%;z-index:30;margin:0 auto;height: 130px;position: relative;transition:.4s;}
.nav:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; opacity:0; backdrop-filter:blur(10px); transition:.4s;}
/*.nav:hover{background:rgba(255, 255, 255,.8); box-shadow:0 0 20px rgba(98,97,108,0.2);}
.nav:hover:before{opacity:1;}
.nav:hover #cssmenu ul > li > a{color:#222;}
.nav:hover #cssmenu ul > li > a:hover{color:#d74274;}
.nav:hover #cssmenu > ul > li > ul > li > a{color:#666;}
.nav:hover #cssmenu > ul > li > ul > li > a:hover{color:#222;}
.nav:hover .cs-logo a.logo-1{background-image:url("/images/common/logo_c.png");}
.nav:hover .sch-btn a{color:#474747 !important; border-color:#474747 !important;}
.nav:hover .sch-btn a:hover{color:#000 !important;}
.nav .login-top a:hover{background:#fff; border-color:#fff; color:#082b4c;}
.nav:hover .lang-top a{color:#000;}
.nav:hover .lang-top li a:before{background:#000;}
.nav:hover .lang-top > li + li:before{background:#b2b2b2;}
.nav:hover h1.pc-menu{border-color:rgb(0,0,0,.1)}
.nav:hover h1.pc-menu button .bars .bars-in .bar{background:#000;}
.nav:hover h1.pc-menu .h-txt{color:#000;}
.nav:hover h1.pc-menu:hover{background:#333; border-color:#333;}
.nav:hover h1.pc-menu:hover .h-txt{color:#fff;}
.nav:hover h1.pc-menu:hover button .bars .bars-in .bar{background:#fff;}*/
.allmenu a:hover,
.nav a:hover{text-decoration:none;}
/* 상단 고정 */
#header{width:100%;position: absolute;height:120px;top:0;z-index:30;transition:.4s;}
#header.scrollFx{width:100%; position:fixed; height:120px; top:0;}
#header.scrollFx .nav{/* height:100px; */}
#header.scrollFx .nav:before{/* opacity:1; // backdrop-filter: blur(10px); // background-color:rgba(0, 0, 0, 0.3); */}
#header.scrollFx #cssmenu > ul > li:hover > ul{top:80px;}
/*#header.scrollFx #cssmenu ul > li > a{color:#222;}
#header.scrollFx #cssmenu ul > li > a:hover{color:#d74274;}
#header.scrollFx .cs-logo{align-items:center; transition:.4s;}
#header.scrollFx .cs-logo a.logo-1{background-image:url("/images/common/logo_c.png");}
#header.scrollFx .sch-btn a{color:#777 !important;}
#header.scrollFx .lang-top a{color:#000;}
#header.scrollFx .lang-top li a:before{background:#000;}
#header.scrollFx .lang-top > li + li:before{background:#b2b2b2;}
#header.scrollFx h1.pc-menu{border-color:rgb(0,0,0,.1)}
#header.scrollFx h1.pc-menu button .bars .bars-in .bar{background:#000;}
#header.scrollFx h1.pc-menu .h-txt{color:#000;}
#header.scrollFx h1.pc-menu:hover{background:#333; border-color:#333;}
#header.scrollFx h1.pc-menu:hover .h-txt{color:#fff;}
#header.scrollFx h1.pc-menu:hover button .bars .bars-in .bar{background:#fff;}*/
/* 서브일때-흰색 */
.sub-hd .nav{background:#fff;}
.sub-hd.scrollFx .nav{height:100px; background:rgba(255, 255, 255, .9); box-shadow:0 0 20px rgba(98,97,108,0.2);}
.sub-hd.scrollFx .nav:before{opacity:1;}
.sub-hd #cssmenu ul > li > a{color:#222;}
.sub-hd .nav .cs-logo a.logo-1{background-image:url("/images/common/logo_c.png");}
.sub-hd .sch-btn a{color:#777 !important;}
.sub-hd .lang-top a{color:#000 !important;}
.sub-hd .lang-top li a:before{background:#000 !important;}
.sub-hd .lang-top > li + li:before{background:#b2b2b2 !important;}
.sub-hd h1.pc-menu{border-color:rgb(0,0,0,.1) !important;}
.sub-hd h1.pc-menu button .bars .bars-in .bar{background:#000 !important;}
.sub-hd h1.pc-menu .h-txt{color:#000 !important;}
.sub-hd h1.pc-menu:hover{background:#333; border-color:#333 !important;}
.sub-hd h1.pc-menu:hover .h-txt{color:#fff !important;}
.sub-hd h1.pc-menu:hover button .bars .bars-in .bar{background:#fff !important;}
.sub-hd.scrollFx{background:none; margin-top:0px;}
.sub-hd.scrollFx .headDiv{margin-top:0px !important;}
.nav .hd-wrap{position:relative;margin:0 auto;height:100%;width: min(1792px, calc(100% - 40px));/* max-width: 1920px; *//* padding:0 40px; */box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;transition:.4s;}
.nav .cs-logo{display:flex;align-items: flex-end;height:100%;transition:.4s;}
.nav .cs-logo a.logo-1{font-size:0;display:inline-block;width: 84px;height: 87px;overflow:hidden;background-image:url("/images/common/snu_ui.png");background-repeat:no-repeat;background-position:center;background-size:contain;filter: brightness(0) invert(1);transition:.4s;}
.nav .cs-logo a.logo-1:hover{opacity:.8;}
#cssmenu{position:relative; display:none; margin:0 auto; height:100%;}
#cssmenu ul.menu{display:flex; justify-content:center; gap:60px; transition:.3s; height:100%;}
#cssmenu ul.menu li,
#cssmenu ul.menu li a{margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after, #cssmenu > ul.menu:after{content:"";display: block; clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu > ul.menu > li{display:inline-block; transition:.3s; }
#cssmenu > ul.menu > li > a{transition:.3s; font-size:20px; font-family:"Playfair Display", "Pretendard", sans-serif; font-weight:500; color:#fff; height:100%; display:flex; line-height:1; align-items:center; justify-content:center;}
#cssmenu > ul.menu > li:hover > a{color:#FF5700;}
#cssmenu > ul.menu > li > a:before{content:""; width:0; height:3px; background-color:var(--point); margin-left:0%; display:inline-block; position:absolute; left:50%; bottom:30px; z-index:5; transition: all .3s ease-out; transform-origin: 50% 50%;}
#cssmenu > ul.menu > li:hover > a:before{width:100%; margin-left:0; left:0; opacity:1;}
#cssmenu ul.menu ul{opacity:0;margin-left:-15px;top: 100px;position:absolute;background: rgb(75 75 75 / 50%);backdrop-filter:blur(10px);width:160px;padding:15px 0 20px;transition:.3s;}
#cssmenu ul.menu ul li{height:0; -webkit-transition: all .25s ease;-moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#cssmenu li:hover > ul{opacity:1;}
#cssmenu li:hover > ul > li{height:20px;}
#cssmenu ul.menu > li > ul > li > a{padding:0 18px; width:100%; font-family:"Pretendard", sans-serif; font-size:15px; line-height:1.2; text-decoration:none; color:#fff; opacity:.8; font-weight:300; transition:.3s;}
#cssmenu ul.menu > li > ul > li + li{margin-top:12px;}
#cssmenu ul.menu ul li:hover > a,
#cssmenu ul.menu ul li a:hover{opacity:1; text-decoration:underline;}
#cssmenu li:nth-child(2):hover > ul > li:nth-child(1),
#cssmenu li:nth-child(2):hover > ul > li:nth-child(2),
#cssmenu li:nth-child(4):hover > ul > li:nth-child(3),
#cssmenu li:nth-child(5):hover > ul > li:nth-child(1){height:35px;}
.nav .right-utill{display:flex;align-items: flex-end;justify-content: flex-end;position: fixed;top: 30px;right: 20px;z-index: 100;gap: 10px;flex-direction: column-reverse;}
.nav .right-utill .blank-link{font-weight:400; font-size: 14px; color: #fff; font-family:"Pretendard", sans-serif !important; border: 1px solid rgb(255,255,255,.3); display: inline-block; transition: .3s; padding: 14px 18px;}
.nav .right-utill .blank-link:hover{background:#fcb516; border-color:#fcb516; color:#fff;}
.nav .right-utill .snu-link{display: inline-flex;justify-content: center;align-items: center;height: 42px;color: #000;font-size: 16px;font-family: 'SBAggro';font-family: "Inter", sans-serif;font-weight: 500;letter-spacing: -.5px;border-radius: 12px;border: 1px solid #ddd;padding: 10px 30px;}
.nav .right-utill .snu-link > img{transition:.3s;}
.nav .right-utill .snu-link > img:hover{opacity:.7;}
.nav .right-utill>*+*{}
.nav .lang-top{display:flex;gap:10px;}
.nav .lang-top a{font-size:16px;font-family: "Inter", sans-serif;color: #000;opacity: .3;mix-blend-mode: exclusion;transition: .3s;}
.nav .lang-top a:hover{color:#8088e7;opacity: 1;}
.nav .lang-top a.on{color:#000;opacity: 1;}
.nav .mMenu{padding:0; background-color:transparent; border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; display:inline-block; position: relative;}
.nav .mMenu>span{padding-left:6.5rem; font-weight: bold; font-size:16px; line-height:16px; color: #fff; display:inline-block;}
.nav .mMenu:before,
.nav .mMenu:after{content: ""; width: 100%; height: 0.2rem; background-color:#fff; display: inline-block; position:absolute; top:50%; transform: translateY(-50%);}
.nav .mMenu>span{}
.nav .mMenu:before{width:5rem; margin-top:-0.7rem; left:0;}
.nav .mMenu:after{width:2.5rem; margin-top:0.5rem; left:2.5rem;}
.nav .mMenu.open:before{width:2.5rem; margin:0 0 0 2.5rem; transform:rotate(45deg);}
.nav .mMenu.open:after{width:2.5rem; margin:0; transform:rotate(-45deg);}
/*햄버거메뉴*/
.nav h1.pc-menu{height: 42px;width: 120px;background: #1b1d4b;border-radius: 12px;display: flex;transition: .3s;justify-content: center;align-items: center;}
.nav h1.pc-menu button{transition: all .3s ease-out;transform-origin: 50% 50%;padding:0;background-color:transparent;border:none;font-size:0;font-weight: 600;font-family: "Inter", sans-serif;line-height:0;z-index:4;cursor: pointer;display:inline-block;position: relative;}
.nav h1.pc-menu button > span{padding-left: 29px;font-size: 15px;line-height: 16px;color: #fff;display:inline-block;}
.nav h1.pc-menu button:before,
.nav h1.pc-menu button:after{content: "";width: 100%;height: 2px;background-color: #fff;display: inline-block;position:absolute;top:50%;transform: translateY(-50%);transition: all .3s ease-out;}
.nav h1.pc-menu button:before{width: 20px;margin-top: -2px;left:0;}
.nav h1.pc-menu button:after{width: 20px;margin-top: 3px;left: 0;}
.nav h1.pc-menu:hover{background:#8088e7;}
.nav h1.pc-menu.open:before{width:2.5rem; margin:0 0 0 2.5rem; transform:rotate(45deg);}
.nav h1.pc-menu.open:after{width:2.5rem; margin:0; transform:rotate(-45deg);}
.shadow{
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
/*우측-전체메뉴*/
.allmenu{display:none;position:fixed;left:0;top:0;vertical-align:middle;height:100vh;height:100dvh;width:100%;background: #8088e7ba;backdrop-filter:blur(10px);z-index:90;overflow-x:hidden;overflow-y:auto;}
.allmenu h1{margin: 25px auto 0;max-width: 1792px;display: flex;align-items: flex-end;gap: 20px;}
.allmenu h1 > a{display:inline-block; width:174px; height:77px; text-indent:-9999px; background:url("/common/AIIS_tagline-logo.png") no-repeat; background-size:cover;}
.allmenu h1 .utile-wrap{}
.allmenu h1 .utile-wrap > li{}
.allmenu h1 .utile-wrap > li > a{color:#fff; font-family: 'Pretendard', sans-serif; font-weight:600; font-size:14px; opacity:.8;transition:.3s;}
.allmenu h1 .utile-wrap > li > a:hover{text-decoration:underline; opacity:1;}
.allmenu button.btn-x{position:absolute;right: 61px;top: 29px;padding-left: 25px;display:inline-block;background-color:transparent;border:none;z-index:4;height: 42px;width: 120px;background: #fff;border-radius: 12px;display: flex;transition: .3s;justify-content: center;align-items: center;}
.allmenu button.btn-x > span{padding-left: 0px;font-weight: bold;font-size:16px;line-height:16px;color: #8088e7;display:inline-block;/* text-transform: uppercase; */}
.allmenu button.btn-x > span:before,
.allmenu button.btn-x > span:after{content: "";width: 100%;height: 2px;background-color: #8088e7;display: inline-block;position:absolute;top:50%;left: 25px;transform: translateY(-50%);transition:.3s;}
.allmenu button.btn-x > span:before{width: 20px;margin:0;transform: rotate(45deg);}
.allmenu button.btn-x > span:after{width: 20px;margin:0;transform: rotate(135deg);}
.allmenu .allmenuwrap{max-width:1200px;width: 90%;margin: 0 auto;}
.allmenu .allmenuwrap .boxwrap{padding: 35px 0 40px;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;/* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */transition: border-bottom-color 0.5s;overflow: hidden;transition:.3s;}
.allmenu .allmenuwrap .boxwrap:hover{border-color:#fff;}
.allmenu .allmenuwrap .boxwrap > h2{width: 180px;font-size:40px;color:#fff;position: relative;line-height:1;font-weight: 500;font-family: 'SBAggro';color: #fff;transition:.3s;}
.allmenu .allmenuwrap .boxwrap > h2 > a{color:#fff; opacity:.7; transition:.3s;}
.allmenu .allmenuwrap .boxwrap:hover > h2 > a{color:#fff; opacity:1;}
.allmenu .allmenuwrap .boxwrap > ul{display:flex;flex-wrap: wrap;width: calc(100% - 180px);justify-content: flex-end;transition: all 0.4s;gap: 20px 0px;}
.allmenu .allmenuwrap .boxwrap > ul > li{position:relative;box-sizing:border-box;}
.allmenu .allmenuwrap .boxwrap >ul > li + li{margin-left:4.2rem;}
.allmenu .allmenuwrap .boxwrap > ul > li > a {position: relative;display: block;color: #fff;font-size: 18px;font-weight: 300;line-height: 1;opacity: .8;font-family: 'SBAggro';/* font-family: 'Pretendard', dotum, sans-serif !important; */transition:.3s;}
.allmenu .allmenuwrap .boxwrap > ul > li > ul{margin-top:10px;}
.allmenu .allmenuwrap .boxwrap > ul > li > ul > li{}
.allmenu .allmenuwrap .boxwrap > ul > li > ul > li > a{font-size:15px; color:rgba(255,255,255,0.5); font-weight:300;}
.allmenu .allmenuwrap .boxwrap > ul > li > a:before{position:absolute;bottom:-4px;left:50%;width:0;height: 2px;background-color: #fff;content: '';transition:.3s;}
.allmenu .allmenuwrap .boxwrap > ul > li + li a:after{position: absolute;top: 50%;transform: translateY(-50%);left: -2.3rem;font-size: 1.4rem;color: rgba(255, 255, 255, 0.3);/* content: '/'; */font-weight: 300;pointer-events: none;}
.allmenu .allmenuwrap .boxwrap > ul > li > a:hover{opacity:1;}
.allmenu .allmenuwrap .boxwrap > ul > li > a:hover:before{width: 100%; margin-left: -50%;}
@media (max-width: 1500px){
	.nav .hd-wrap{padding: 0 24px;}
	.nav .right-utill>*+* {/* margin-left: 20px; */}
	#cssmenu ul.menu{gap:40px;}
	#cssmenu > ul.menu > li > a{font-size:18px;}
	#cssmenu > ul > li > a{font-size:16px;}
	#cssmenu > ul > li > ul{border-radius:10px; width:160px; padding:10px 20px;}
	#cssmenu > ul > li > ul > li > a{font-size:14px;}
	.allmenu h1{margin: 30px 0 0 2%;}
	.allmenu button.btn-x {right: 2%; top: 35px;}
	.allmenu .allmenuwrap {width: 95%;}
}
@media (max-width: 1170px){
	#cssmenu{display:none;}
}
@media (max-width: 767px){
	.nav{height:104px;}
	.nav .hd-wrap{padding:14px 20px;align-items:flex-start;}
	#header{height:104px;}
	#header.scrollFx{height:104px;}
	#header.scrollFx .nav{height:104px;}
	.nav .cs-logo a.logo-1,
	#header.scrollFx .cs-logo a.logo-1{width:68px;height:70px;}
	.allmenu h1 > a{width:150px;height:42px;}
	.nav .cs-logo{height:auto;padding-top:16px;}
	.n2 .nav .right-utill{flex:0 0 112px;width:112px;gap:0;border-radius:10px;}
	.n2 .nav h1.pc-menu{width:112px;height:40px;}
	.n2 .nav .lang-top{height:30px;gap:0;border-top:1px solid rgba(255,255,255,.16);}
	.n2 .nav .lang-top li + li{border-left:1px solid rgba(255,255,255,.16);}
	.n2 .nav .lang-top a{padding:0;font-size:12px;}
	.nav .sch-btn{padding:10px 15px;}
	.nav .sch-btn a{font-size:13px;}
	.nav .right-utill .snu-link{display:none;}
	.allmenu h1{margin:18px 20px 0;}
	.allmenu button.btn-x{right:20px;top:24px;}
	.allmenu .allmenuwrap .boxwrap{padding:20px 0;}
	.allmenu .allmenuwrap .boxwrap > h2 {font-size: 20px;}
	.allmenu .allmenuwrap .boxwrap > ul {width: 100%; justify-content: flex-start; gap: 5px; margin-top: 10px;}
	.allmenu .allmenuwrap .boxwrap > ul > li > a {font-size: 14px;}
}
@media (max-width:520px){
	.nav .sch-btn{display:none;}
}

@media (max-width:400px){
	.nav .hd-wrap{padding-right:16px;padding-left:16px;}
	.nav .cs-logo a.logo-1,
	#header.scrollFx .cs-logo a.logo-1{width:60px;height:62px;}
	.n2 .nav .right-utill{flex-basis:104px;width:104px;right:16px;}
	.n2 .nav h1.pc-menu{width:104px;}
}
.black .nav .cs-logo a.logo-1{background-image:url("/sa/images/logo_w.png");}
.black .nav h1.pc-menu{background:#fff;}
.black .nav h1.pc-menu button > span{color:#000;}
.black .nav .lang-top a{color:#fff; mix-blend-mode: unset;}
.black .nav .lang-top a.on {color: #fff;}
.black .nav h1.pc-menu button:before,
.black .nav h1.pc-menu button:after{background-color: #000;}
.black .allmenu h1 > a{background-image:url("/sa/images/logo_w.png");}
/* ===== 전체메뉴(.allmenu) 반응형 - 태블릿 이하 ===== */
@media (max-width: 1170px){
	.allmenu .allmenuwrap{max-width:100%; width:90%;}
	.allmenu .allmenuwrap .boxwrap{
		flex-direction:column;
		align-items:flex-start;
		padding:26px 0;
		border-bottom:1px solid rgba(255,255,255,.18);
	}
	.allmenu .allmenuwrap .boxwrap > h2{
		width:100%;
		font-size:28px;
		margin-bottom:16px;
	}
	.allmenu .allmenuwrap .boxwrap > ul{
		width:100%;
		justify-content:flex-start;
		gap:14px 30px;
		margin-top:0;
	}
	/* 데스크탑용 좌우 여백/겹침 제거 */
	.allmenu .allmenuwrap .boxwrap > ul > li,
	.allmenu .allmenuwrap .boxwrap > ul > li + li{margin-left:0;}
	.allmenu .allmenuwrap .boxwrap > ul > li > a{white-space:nowrap;}
	.allmenu .allmenuwrap .boxwrap > ul > li + li a:after{content:none;}
}
/* ===== 모바일 ===== */
@media (max-width: 767px){
	.allmenu h1{margin:18px 20px 0;}
	.allmenu button.btn-x{right:20px;top:24px;}
	.allmenu .allmenuwrap{width:calc(100% - 40px);}
	.allmenu .allmenuwrap .boxwrap{padding:18px 0;}
	.allmenu .allmenuwrap .boxwrap > h2{font-size:22px; margin-bottom:12px;}
	.allmenu .allmenuwrap .boxwrap > ul{gap:12px 22px;}
	.allmenu .allmenuwrap .boxwrap > ul > li > a{font-size:14px;}
}
/* ===== 초소형(선택) ===== */
@media (max-width: 400px){
	.allmenu .allmenuwrap .boxwrap > h2{font-size:20px;}
	.allmenu .allmenuwrap .boxwrap > ul{gap:10px 18px;}
}