#allWrap{position:relative;width:100%;height:100%;overflow:hidden;}

/* 모션 */
.a-up{transform:translateY(25px); opacity:0;}
.in-view.a-up{transform:translateY(0px); opacity:1; transition:all 1s;}
.a-down{transform:translateY(-25px); opacity:0;}
.in-view.a-down{transform:translateY(0px); opacity:1; transition:all 1s;}
.a-left{transform:translateX(15px); transition:.5s; opacity:0; transition-delay:.3s;}
.a-left.in-view{transform:translateX(0px); opacity:1;}
.a-right{transform:translateX(-15px); transition:.5s; opacity:0; transition-delay:.3s;}
.a-right.in-view{transform:translateX(0px); opacity:1;}

.a-:nth-child(1){transition-delay:.1s;}
.a-:nth-child(2){transition-delay:.2s;}
.a-:nth-child(3){transition-delay:.3s;}
.a-:nth-child(4){transition-delay:.4s;}
.a-:nth-child(5){transition-delay:.5s;}
.a-:nth-child(6){transition-delay:.6s;}
.a-:nth-child(7){transition-delay:.7s;}
.a-:nth-child(8){transition-delay:.8s;}
.a-:nth-child(9){transition-delay:.9s;}
.a-:nth-child(10){transition-delay:1s;}
.a-:nth-child(11){transition-delay:1.2s;}
.a-:nth-child(12){transition-delay:1.3s;}
.a-:nth-child(13){transition-delay:1.4s;}
.a-:nth-child(14){transition-delay:1.5s;}
.a-:nth-child(15){transition-delay:1.6s;}



/*--------------------------------------- 비주얼 영역 ---------------------------------------*/
#mVisual{position:relative;height:100vh;}
#mVisual .mv-wrap{width:100%;margin:0 auto;display: flex;height: 100vh;}
#mVisual .mv-wrap .left-mv{max-width: 920px;width: 50%;}
#mVisual .mv-wrap .right-mv{position:relative;width: 50%;padding-left:30px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
#mVisual .mv-wrap .right-mv:before{content:"";position:absolute;right:-50px;top: 280px;background:url("/images/main/snu_bg.png") no-repeat;width:355px;height:366px;z-index: 0;}
#mVisual .MV{position:relative;overflow:hidden;width:100%;height: 840px;border-radius: 25px;max-width: 1875px;margin: 0 auto;top: 100px;}
#mVisual .MV:before{content:"";position:absolute;top:0;width:100%;height: 90%;background: linear-gradient(to bottom, rgb(14 49 58 / 89%) 0%, rgb(14 49 58 / 0%) 100%);opacity:1;z-index: 1;}
#mVisual .MV .visual{}
#mVisual .MV .visual .sloWr{position:absolute;color:#fff;width: 100%;height: 100%;z-index:2;}
#mVisual .MV .visual .sloWr .slo-cont{max-width: 1830px;width: 100%;height: 100%;margin: 0 auto;display: flex;padding: 220px 6% 0;position: relative;flex-direction: column-reverse;justify-content: flex-end;gap: 18px;}
#mVisual .MV .visual .sloWr .slo-cont .left{position: relative;}
#mVisual .MV .visual .sloWr .slo-cont .scroll{display: inline-flex;gap:50px;position: absolute;}
#mVisual .MV .visual .sloWr small{font-size: 28px;font-weight: 500;line-height: 1.5;display: block;color: rgba(255, 255, 255, 0.7);font-family: 'Pretendard';}
#mVisual .MV .visual .sloWr big{font-size: 70px;font-family: 'Paperozi';font-weight: 400;display: block;}
#mVisual .MV .visual .sloWr p{font-size:22px;line-height:1.5; display:block; margin-top:35px;}
#mVisual .MV .visual .mv-control{position:absolute;right: 90px;bottom:0;z-index:5;border-radius: 30px;background: #fff;height: 60px;display: none;align-items: center;padding: 0 25px;}
#mVisual .MV .visual .mv-control:before,
#mVisual .MV .visual .mv-control:after{content: "";position: absolute;background-color: transparent;bottom: 0;height: 40px;width: 20px;box-shadow: 0 20px 0 0 #fff;}
#mVisual .MV .visual .mv-control:before{left:-20px;border-bottom-right-radius: 20px;}
#mVisual .MV .visual .mv-control:after{right:-20px;border-bottom-left-radius: 20px;}
#mVisual .MV .visual .mv-control .mv-arrow{display: flex;align-items: flex-end;justify-content: center;}
#mVisual .MV .visual .mv-control .mv-arrow button{width: 45px;height: 45px;background: none;border: 0;font-size: 25px;}
#mVisual .MV .visual .mv-control .mv-arrow i{}
#mVisual .MV .visual .mv-control .mv-arrow button.mva-prev{}
#mVisual .MV .visual .mv-control .mv-arrow button.mva-next{}
#mVisual .MV .visual .slick-track, #mVisual .MV .visual .slick-list{height:100%;}
#mVisual .MV .visual .slick-slide img{width: 100%;}
#mVisual .MV .visual .visual-slide{position:absolute; width:100%; height:100%; z-index:0;}

/* 프로그레스 바 스타일 */
#mVisual .MV .visual .slide-progress{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);width:100%;max-width:1600px;height:4px;background:rgba(255, 255, 255, 0.4);z-index:3;overflow:hidden;}
#mVisual .MV .visual .slide-progress .progress-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:#fff;}

/* about 버튼 및 원형 이미지 영역 */
#mVisual .circle{/* display:flex; */align-items:center;position:absolute;right: 8%;top: 43%;z-index:10;flex-direction: column;}
#mVisual .snu-roll{color:#fff;display:inline-flex;width:145px;height:145px;justify-content:center;align-items:center;font-size:34px;font-weight:normal;background:#01348b;border-radius:50%;position: absolute;top: -50px;left: -50px;box-shadow:0 10px 30px rgba(1, 52, 139, 0.3);z-index: 10;}
#mVisual .snu-roll i{position:relative;z-index:2;}
#mVisual .snu-roll:before{content:"";width:126px;height:126px;background:url("/images/main/roll.png") no-repeat;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(0deg);animation:rot 8s linear infinite;z-index:1;}

/* 원형 이미지 스타일 */
#mVisual .circle-image{width: 250px;height: 250px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow: 0 0 50px rgb(0 0 0 / 50%);position: relative;overflow:visible;}

@keyframes pulse{
	0%, 100%{opacity:1;transform:translate(-50%, -50%) scale(1);}
	50%{opacity:0.7;transform:translate(-50%, -50%) scale(1.1);}
}

#mVisual .sloWr big span, #mVisual p, #mVisual small{
	animation:text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation-delay:calc(60ms * var(--char-index));
}

@keyframes text-active-animation{
	from{opacity:0; transform: translateY(50%);}
	to{opacity:1.0; transform: translateY(0px);}
}

@keyframes rot{
    100% {transform: translate(-50%, -50%) rotate(360deg);}
}


/* 공통 섹션 */
.board {position:relative;padding: 110px 0 240px 0;overflow: hidden;border-radius: 0 0 50px 50px;background: #fff;z-index: 2;}
.board .board-wr{display: flex;justify-content: space-between;gap: 85px;}
.board section > div{}
.board section ul{}
.board section ul li a{text-decoration:none;}

/* 공통 타이틀 */
.m-tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.m-tit h3{font-size:32px;font-weight:700;color:#1c2c73;font-family:'YeogiOttaeJalnan';position:relative;letter-spacing:-0.025em;}
.m-tit h3:after{content:"";width:10px;height:10px;display:block;right:-17px;top:2px;background:#1c2c73;border-radius:50%;position:absolute;}
.m-tit .arrow{display:flex;gap:8px;}
.m-tit .arrow > div:not(.add){width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #a3acbd;transition:all 0.3s;}
.m-tit .arrow > div:not(.add) i{color:#a3acbd;transition:color 0.3s;font-size:20px;}
.m-tit .arrow > div:not(.add):hover{border-color:#3a4862;}
.m-tit .arrow > div:not(.add):hover i{color:#3a4862;}
.m-tit .add{background:#3d4d6a;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;}
.m-tit .add i{font-size:24px;color:#fff;transition:transform 0.3s;}
.m-tit .add:hover{transform:scale(1.1);}
.m-tit .add:hover i{transform:rotate(90deg);}
.m-tit .arrow .add{margin-left:8px;}

/* 공지사항 */
#mNotice{width: 64%;}
#mNotice ul{display:flex;flex-direction:column;gap: 18px;background: #cee8ff;padding: 40px;border-radius: 25px;height: 300px;}
#mNotice ul li a{text-decoration:none;}
#mNotice ul li:first-child{/* background:#fff; *//* padding:25px; */border-radius:20px;}
#mNotice ul li:first-child a{display:flex;gap:20px;color:#333;}
#mNotice ul li:first-child .date{background:#fff;padding:15px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;width: 72px;height: 72px;}
#mNotice ul li:first-child .date big{font-size: 26px;font-weight: 800;color: #004ea1;line-height:1;font-family: 'Paperozi';}
#mNotice ul li:first-child .date small{font-size: 13px;color:#999;margin-top:5px;font-family: 'Paperozi';font-weight: 600;}
#mNotice ul li:first-child .cont{flex:1;}
#mNotice ul li:first-child .cont h4{font-size: 22px;font-weight:600;margin-bottom: 9px;color:#333;align-items:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
#mNotice ul li:first-child .cont h4 span{background: #f64776;color:#fff;font-size:12px;padding: 6px 12px;border-radius:20px;font-weight:700;display: inline-block;position: relative;bottom: 3px;}
#mNotice ul li:first-child .cont p{font-size: 17px;color: #555555;line-height:1.6;letter-spacing: -0.025em;font-weight: 500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;padding-bottom: 14px;}
#mNotice ul li:not(:first-child) a{display:flex;align-items:center;justify-content:space-between;color:#333;padding-left:20px;position:relative;gap: 40px;}
#mNotice ul li:not(:first-child) a::before{content:'';width:6px;height:6px;background: #008cfc;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#mNotice ul li:not(:first-child) h5{font-size: 18px;font-weight:500;color: #3a4862;letter-spacing: -0.025em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
#mNotice ul li:not(:first-child) .time{font-size:14px;color: #8990a2;display:flex;gap:6px;font-family: 'Paperozi';font-weight: 500;justify-content: space-between;align-items: center;word-break: keep-all;}
#mNotice ul li:not(:first-child) .time i{font-size:16px;}


/* 행사/세미나 */
#mSeminar{width:40%;}
#mSeminar .seminar-wrap{background:url('../images/main/seminar-bg.jpg') center/cover no-repeat;border-radius:24px;padding:40px;overflow:hidden;height: 300px;}
#mSeminar .seminar-wrap h4{font-size:18px;color:#cee8ff;font-weight:600;margin-bottom:20px;letter-spacing:0.5px;border-bottom:1px solid #cee8ff;display:inline-block;padding-bottom:5px;}
#mSeminar ul{overflow:hidden;height:180px;}
#mSeminar ul li{width:100% !important;}
#mSeminar ul li a{display:block;text-decoration:none;}
#mSeminar ul li a h5{font-size: 25px;font-weight:700;color:#fff;line-height:1.4;word-break:keep-all;margin-bottom:25px;letter-spacing: -0.025em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
#mSeminar ul li a .info{display:flex;flex-direction:column;gap:12px;float: right;}
#mSeminar ul li a .info > div{font-size: 18px;color:#e0e0e0;display:flex;align-items:center;gap:8px;}
#mSeminar ul li a .info i{font-size:18px;}


/* 연구성과 */
#mRsch{width:40%;}
#mRsch ul li{margin-bottom:15px !important;}
#mRsch ul li:last-child{margin-bottom:0 !important;}
#mRsch ul li a{display:flex;gap:15px;color:#333;align-items:center;}
#mRsch ul li a .img-wr{width:96px;height:96px;border-radius:50%;object-fit:cover;overflow: hidden;display: flex;align-items: center;justify-content: center;}
#mRsch ul li a .img-wr img{}
#mRsch ul li a .cont{flex:1;}
#mRsch ul li a .cont h4{font-size:20px;color:#3a4862;margin-bottom:8px;line-height:1.5;font-weight:600;letter-spacing:-0.025em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
#mRsch ul li a .cont p{font-size:14px;color:#8990a2;display:flex;align-items:center;gap:4px;}
#mRsch ul li a .cont p i{font-size:14px;}


/* 텍스트 무빙 */
.text-move{position:absolute;bottom:-45px;left:0;white-space:nowrap;font-size:230px;font-weight:400;letter-spacing:-0.025em;pointer-events:none;z-index:1;font-family:'Pretendard';background:linear-gradient(to bottom, #b8d9f7 0%, #ddeafc 30%, rgba(255,255,255,0) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.text-move-left{transform:translateX(100%);}





/*--------------------------------------- 배너 ---------------------------------------*/
#banner{background:url('../images/main/banner-bg.jpg') center/cover no-repeat;padding:140px 0 80px 0;position:relative;margin-top: -60px;z-index: 1;}
#banner .banner-wr{}
#banner .banner-title{margin-bottom:150px;}
#banner .banner-title h2{font-size:70px;font-weight:400;color:#fff;line-height:1;letter-spacing:-0.025em;text-transform:uppercase;font-family:'Pretendard';}
#banner .banner-title h4{font-size:32px;font-weight:700;color:#1c2c73;margin-top:30px;letter-spacing:-0.025em;font-family:'Paperozi';}
#banner ul{display:flex;gap:20px;justify-content:flex-end;}
#banner ul li{width:17.5%;position:relative;}
#banner ul li a{display:flex;flex-direction:column;justify-content:space-between;padding:25px 25px 35px 35px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:15px;text-decoration:none;transition:all 0.3s;min-height:218px;}
#banner ul li a:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15);background:#0064f0;}
#banner ul li a .icon{margin-bottom:20px;display:flex;align-items:center;justify-content:flex-end;}
#banner ul li a p{font-size:30px;font-weight:700;color:#fff;font-family:'Paperozi';}







/*--------------------------------------- 하단 ---------------------------------------*/
footer{clear:both;position:relative;width:100%;background: #242a33;font-family:'Paperozi';}
footer a{color:inherit;}
footer a img{max-width:100%;}
footer.mfooter{}
footer.sfooter{}
footer:after{content:'';display:block;clear:both;}
footer article{position:relative;max-width:1800px;margin:0 auto;padding:60px 0 40px;}

footer .ft-top{display:flex;justify-content:space-between;align-items: center;padding-bottom: 30px;}
footer .ft-top .ft-left{}
footer .ft-top .ft-right{display:flex;gap:40px;}
footer .ft-logo{}
footer .ft-logo img{max-width:100%; opacity: .55;}
footer .ft-menu{display:flex;gap:40px;align-items:center;}
footer .ft-menu li a{font-size:18px;color:#fff;font-weight:600;transition:0.3s;}
footer .ft-menu li a:hover{color:#0064f0;}

footer .ft-middle{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:50px;}
footer .ft-middle .ft-left{}
footer .ft-middle .ft-right{display:flex;gap:15px;align-items:center;}
footer address{font-size:16px;color: #d4d4d4;font-style:normal;font-weight:400;display:flex;flex-direction:column;gap: 16px;}
footer address p{display:flex;gap:15px;}
footer address p strong{font-weight:600;min-width:60px;}

footer .select_footer{position:relative;width:200px;height:48px;z-index:10;}
footer .select_footer ul{bottom:48px;display:none;position:absolute;z-index:999;border-radius:10px 10px 0 0;background:#fff;width:200px;}
footer .select_footer ul.open{display:block;padding-top:10px;}
footer .select_footer ul li{padding:0 20px;}
footer .select_footer ul li a{display:block;font-size:15px;color:#333;padding:10px 0;transition:0.3s;}
footer .select_footer ul li a:hover{color:#1c2c73;}
footer .select_f_btn{display:flex;align-items:center;justify-content:space-between;width:200px;height:48px;border-radius:14px;background:transparent;border:1px solid rgba(255,255,255,0.3);padding:0 20px;font-size:16px;font-weight:600;color:#fff;transition:0.3s;cursor:pointer;}
footer .select_f_btn i{font-size:20px;}
footer .select_f_btn.on{border-radius:0 0 10px 10px;background:#fff;color:#333;}

#top_btn{width:48px;height:48px;border:1px solid rgba(255,255,255,0.3);border-radius:8px;background:transparent;color:#fff;font-size:18px;transition:0.3s;cursor:pointer;display:flex;align-items:center;justify-content:center;}
#top_btn:hover{background:#1c2c73;border-color:#1c2c73;}

footer .ft-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.15);}
footer .ft-bottom cite{color: #fff;font-size:14px;font-weight:400;font-style:normal;opacity: .5;}
footer .ft-bottom a{color:#7a8291;transition:0.3s;}
footer .ft-bottom a:hover{color:#18dc9a;}