html, html * {font-family:'Pretendard', '���� ����', 'Malgun Gothic', sans-serif !important;letter-spacing:-0.05em;}
footer *, .campus-list-wrap * {font-family: 'Noto Sans KR', '���� ����', 'Malgun Gothic', sans-serif !important;letter-spacing:initial;}
.img {line-height:0;}
.img img {line-height:0;}
.jdsm-wrap {overflow:hidden;}
.jdsm-wrap img {display:block; width:100%; height:auto;}
.jdsm-wrap .inner{padding:0 4%; position: relative;}

/* visual */

.visual-wrap {position:relative;width:100%;height:100%;}
.visual{position: relative;}
.visual .bg {position:relative;}
.visual .v-tit p{position:absolute;top:0;left:50%; transform: translateX(-50%);}
.visual .v-tit p:nth-child(1){top:calc(110vw / 6.4); width: calc(388vw / 6.4); opacity: 0; animation: fadeIn 1s 1s ease-in forwards;}
.visual .v-tit p:nth-child(2){top:calc(180vw / 6.4); width: calc(566vw / 6.4); opacity: 0; animation: puff-in-center 0.7s 1.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}
.visual .v-tit p:nth-child(3){top:calc(368vw / 6.4); width: calc(500vw / 6.4); opacity: 0; animation: fadeIn 0.5s 2.5s ease-in forwards;}
/* fixed btn */
.fix-btn {position:fixed; left:0; right:0; bottom:1vw; z-index:1; padding:0 2.19vw;z-index: 10;}
.fix-btn.hide {display:none;}

/* container */
.jdsm-wrap .container {position:relative;}
.cont01{text-align: center; position: relative; background-color: #fff; padding: calc(150vw/6.4) 0 calc(170vw/6.4) 0;}
.cont01 .typing{font-size: calc(35vw/7.2); color: #000; opacity: 0;}
.cont01 .img-txt{ width: calc(582vw /6.4); margin: calc(62vw/6.4) auto  calc(90vw / 6.4)  auto; opacity: 0;} 
.cont01.active .txt01{animation: fadeUp 0.7s 0s ease-in forwards;}
.cont01.active .txt02{animation: fadeUp 0.7s 0.7s ease-in forwards; margin-top: calc(50vw/6.4);}
.cont01.active .txt03{animation: fadeUp 0.7s 0.7s ease-in forwards; width: calc(530vw/6.4); margin: calc(20vw/6.4) auto calc(45vw/6.4) auto;}
.cont01.active .txt04{animation: fadeIn 1.4s 1.4s ease-in forwards; width: calc(549vw/6.4); margin: 0 auto;}


.cont02{background: #FDF5EC; padding: calc(100vw /6.4) 0;}
.cont02 .title{width: calc(592vw/6.4); margin: 0 auto calc(80vw/6.4) auto;}
.cont02 .inner{display: flex; flex-direction: column; gap: calc(20vw /6.4);}

.cont03{background: #fff; padding: calc(100vw /6.4) 0;}
.cont03 .title{width: calc(592vw/6.4); margin: 0 auto;}

.cont04{background: #F1F1F1;padding: calc(100vw /6.4) 0;}
.cont04 .title{width: calc(592vw/6.4); margin: 0 auto calc(80vw/6.4) auto;}

.cont05{background: #FFF;padding: calc(100vw /6.4) 0;}
.cont05 .title{width: calc(592vw/6.4); margin: 0 auto calc(80vw/6.4) auto;}
.cont05 .slide-bg{background: url(https://russeldata.megastudy.net/campus/images/russel/m_russel/event/2025/jdsm/cont05_slide_bg.jpg) no-repeat center top; background-size: cover;}
.cont05 .report-slide{width: calc(470vw/6.4);  padding-bottom: calc(100vw/ 6.4); }
.cont05 .report-slide .slide-tit{width: calc(406vw/6.4); margin: 0 auto; padding: calc(60vw/6.4) 0 calc(85vw/6.4) 0;}
.cont05 .swiper-pagination {position: absolute; bottom:calc(40vw/6.4); left: 50%; transform: translateX(-50%); z-index: 1;} 
.cont05 .swiper-pagination-bullet {opacity:1;background-color:#D4C4AF; width: calc(16vw/6.4); height:calc(16vw/6.4); margin: 0 4px; opacity: 1;}
.cont05 .swiper-pagination-bullet-active {width:calc(56vw/6.4);;border-radius:5px;background-color:#C7936F}

.cont06{background: #F1F1F1; padding: calc(100vw /6.4) 0;}
.cont06 .title{width: calc(592vw/6.4); margin: 0 auto calc(80vw/6.4) auto;}
.cont06 .img + .img {padding-top:12.50vw;}

.bot{ background: url(https://russeldata.megastudy.net/campus/images/russel/m_russel/event/2025/jdsm/bot_bg.jpg) no-repeat center top; background-size: cover; padding: calc(106vw/ 6.4) 0; }

@keyframes puff-in-center {
   0% {
      transform: translateX(-50%) scale(2.5);
      filter: blur(4px);
      opacity: 0;
   }
   100% {
      transform: translateX(-50%) scale(1);
      filter: blur(0px);
      opacity: 1;
   }
}

@keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
}
@keyframes fadeOut {
   0% {opacity: 1;}
   100% {opacity: 0;}
}
@keyframes visbleIn {
   0% {visibility: hidden;}
   100% { visibility: visible; }
}
@keyframes scaleIn {
   0% {transform: translateX(-50%) scale(1.8);}
   100% { transform: translateX(-50%) scale(1); }
}

@keyframes showGr {
   0% {
      height:0;   
   } 
   100% {
      height:calc(1464vw/6.4);
   }
}
@keyframes fadeUp {
   0% {transform:translateY(20px); opacity:0;}
   100% {transform:translateY(0); opacity:1;}
}