.hero-wrap img {width:100%}
.inner{width: 90%; margin:0 auto;}

/*데이터 산출 기준*/
.data-txt {display:block;text-align:right;color:rgba(255, 255, 255, 0.45);font-size:calc(23vw/7.2);letter-spacing:-1px;cursor:pointer; line-height: 1;}
.data-txt span {width:calc(24vw/7.2);display:inline-block;margin: 0 0 -2px 3px;}
.data-txt span img{vertical-align: middle;}
.layer-wrap {position:fixed;left:0;top:0;z-index:50;height:100%;display:none;justify-content:center;align-items:center;width: 100%; z-index: 10;}
.layer-wrap.on {display:flex;}
.layer-wrap .layer-in {position:relative;width:90%;margin:0 5%;padding:10px 15px 30px;text-align:left;font-size:1.2rem;line-height:1.4;letter-spacing:-0.5px;background:#fff;box-shadow:0 3px 3px rgba(95, 95, 95, .5);box-sizing:border-box;z-index: 11;}
.layer-wrap .layer-in .js-close-mask {display:flex;justify-content:flex-end;margin-bottom:10px;}
.layer-wrap .layer-in .js-close-mask img {width:16px;height:auto;}
.layer-wrap .layer-in span {display:block;font-size:1.1rem;line-height:1.5;}
.layer-wrap .layer-in span.tit {margin-bottom:20px;font-weight:bold;font-size:1.3rem;}
.layer-wrap .bg-mask {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);z-index: 10;}

.hero-wrap .visual {position: relative;}
.hero-wrap .visual > div {line-height:0;}
.hero-wrap .visual .top-info{position:absolute;top: calc(50vw/7.2);left: 0; width: 90%; padding:0 calc(36vw/7.2); animation: fadeIn ease 0.5s 0.5s both; z-index: 10;}
.hero-wrap .visual .top-info ul{margin-bottom: calc(24vw/7.2); display: flex; gap: calc(24vw/7.2); width: 100%;}
.hero-wrap .top-info ul li{position:relative;font-size:calc(24vw/7.2);font-weight:700;color:#fff; line-height: 1.3; display: flex; flex-direction: column; justify-content: center; text-align: center; width: 50%; }
.hero-wrap .top-info ul li sup{font-size: calc(15vw/7.2); margin-top: -2px;color: rgba(255, 255, 255, 0.30);font-weight: 700;letter-spacing: -0.32px;}
.hero-wrap .top-info ul li::before,.hero-wrap .top-info ul li::after {content:'';position:absolute;top:50%;transform:translateY(-50.0%);display:block;width:calc(30vw/7.2);height:calc(46vw/7.2);}
.hero-wrap .top-info ul li::before {left:0;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/event/2025/hero/ico_leef_left.png") center center no-repeat; background-size: cover;}
.hero-wrap .top-info ul li::after {right:0;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/event/2025/hero/ico_leef_right.png") center center no-repeat; background-size: cover;}

.hero-wrap .visual .tit {position:absolute;top:calc(385vw/7.2);left: calc(58vw/7.2); width: calc(481vw/7.2); animation: fadeIn ease 0.5s 0.5s both; z-index: 0;}

.cont01{background: url(https://russeldata.megastudy.net/campus/images/russel/m_russel/event/2025/hero/cont01_bg.jpg) center top no-repeat; background-size: cover; padding-bottom: calc(130vw/7.2);}
.cont01 .info04 {position:relative;}
.cont01 .info04 ul {display:flex;flex-wrap:wrap;justify-content:center;gap: calc(24vw/7.2); align-items: center; margin-bottom: calc(44vw/7.2);}
.cont01 .info04 ul li {width:calc(300vw/7.2);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:calc(145vw/7.2); color: #fff;}
.cont01 .info04 ul li dl dt {font-size:calc(28vw/7.2);font-weight:bold;}
.cont01 .info04 ul li dl dd {font-size:calc(28vw/7.2); line-height: 1;}
.cont01 .info04 ul li dl dd strong {font-size:calc(52vw/7.2);font-weight:bold;}
.cont01 .info04 ul li:before {content:'';background: url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_md/event/2024/interview/c_baytree_l.png') no-repeat 0 0;background-size:100%;width:calc(72vw/7.2);height:calc(145vw/7.2);position:absolute;top:0;left:0;}
.cont01 .info04 ul li:after {content:'';background: url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_md/event/2024/interview/c_baytree_r.png') no-repeat 0 0;background-size:100%;width:calc(72vw/7.2);height:calc(145vw/7.2);position:absolute;top:0;right:0;}

.cont02{background: linear-gradient(180deg, #16002D 0%, #9837FF 203.79%); padding-bottom: calc(130vw/7.2);}
.cont02 .tab-cont-wrap{position: relative;}
.cont02 .bt-tab-t{display: flex; gap: 1px; justify-content: space-between; margin: 0 auto;width: 100%; overflow: hidden; background: #543883;border-radius: calc(30vw/7.2);}
.cont02 .bt-tab-t a{background: #543883; font-size: calc(34vw/7.2);font-weight: 500;letter-spacing: -1.1px; line-height: 1;color: #9079B6;text-align: center;width: calc(157vw/7.2); padding: calc(26vw/7.2) 0;}
.cont02 .bt-tab-t a.on{background: #FFD5A4;color: #26083F;border-radius: calc(30vw/7.2);}
.cont02 .tab-cont-wrap .tab-wrap{margin-top: calc(40vw/7.2);}
.cont02 .tab-cont-wrap .tab-wrap .cont-t{display: none;}
.cont02 .tab-cont-wrap .tab-wrap .cont-t.on{display: block;}
.cont02 .prove-box li{border-radius: calc(30vw/7.2);background: rgba(31, 9, 45, 0.49); backdrop-filter: blur(11px); padding: calc(60vw/7.2) calc(45vw/7.2);display: flex;flex-direction: column;gap: calc(40vw/7.2); margin-bottom: calc(18vw/7.2);}
.cont02 .prove-box li::after{content: '';border-radius: calc(30vw/7.2); background:linear-gradient(90deg,#81519D,#3E2E48);  position: absolute; inset: 0; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); padding: 1px; mask-composite: exclude;}
.cont02 .prove-box li .prove-tit{color: #FFF; text-align: center; font-size: calc(42vw/7.2);font-weight: 800;letter-spacing: calc(-1.68vw/7.2);}
.cont02 .prove-box li .prove-tit strong{color: #FFD5A4;}
.cont02 .prove-box li .prove-cont{color: #EBD3FF; text-align: center;font-size: calc(30vw/7.2);font-weight: 400; line-height: 1.5;letter-spacing: calc(-1.2vw/7.2);}

.cont03{background: linear-gradient(0deg, #AC95FF -33.84%, rgba(255, 255, 255, 0.00) 144.24%), #FFF; padding-bottom: calc(130vw/7.2);}
.review-wrap{position: relative; overflow: hidden;}
.review-slide {margin: 0;overflow: initial;padding-bottom:calc(40vw / 7.2)}
.review-slide .swiper-slide {display: flex; flex-direction: column; width: 380px;padding: calc(80vw / 7.2) calc(72vw / 7.2) calc(90vw / 7.2) calc(72vw / 7.2);border-radius: calc(30vw / 7.2);background: #FFF; box-sizing: border-box;}
.review-slide .swiper-slide .hash span{border-radius: 999px;background: #F1EAFF;display: inline-flex; padding: calc(14vw / 7.2) calc(24vw / 7.2); justify-content: center; align-items: center; position: relative;color: #400B7A;font-size: calc(30vw / 7.2);font-weight: 700;letter-spacing: calc(-1.2vw / 7.2);}
.review-slide .swiper-slide .cont-box{margin-top: calc(32vw/7.2); display: flex; gap: calc(20vw/7.2); padding: 0; background: none;}
.review-slide .swiper-slide .cont-box .thumb{width: calc(150vw/7.2);}
.review-slide .swiper-slide .cont-box dl dt{color: #222;font-size: calc(38vw/7.2);font-weight: 700; line-height: 1.3;letter-spacing: calc(-1.52vw/7.2); text-align: left;}
.review-slide .swiper-slide .cont-box dl dd{font-size: calc(30vw/7.2); color: #777;font-weight: 500; line-height: 1;letter-spacing: calc(-0.6vw/7.2); margin-top: calc(12vw/7.2);}
.review-slide .swiper-slide .cont-box dl dd span{font-weight: 300;color: #CDCDCD;font-size: calc(25vw/7.2);}
.review-slide .swiper-slide p{margin-top: calc(42vw/7.2); font-size: calc(30vw/7.2); font-weight: 500; line-height: 1.6;letter-spacing: calc(-0.6vw/7.2); color: #777; text-align: left; word-break: keep-all;}
.review-slide .swiper-slide p strong{color: #222;font-weight: 700;}

.review-slide.swiper-container-horizontal>.swiper-pagination-bullets {background-color:#E7E0FF;height:calc(14vw / 7.2);border-radius:100px;margin: 0 auto;width:94%;left: 50%;bottom: 0; transform: translateX(-50%);}
.review-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0 12px;width:10%;border-radius:100px;background-color:transparent;height:calc(14vw / 7.2)}
.review-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#111}

.cont04{padding: calc(130vw / 7.2) 0;}
.cont04 .title{text-align: center; font-size: calc(40vw/7.2); font-weight: 700; line-height: 1; letter-spacing: calc(-1.6vw/7.2);} 
.btnbox{background: #111;border-radius: 10px; width: calc(660vw/7.2); margin: calc(40vw/7.2) auto 0 auto;}
.btnbox a{font-size: calc(32vw/7.2); color: #fff;font-weight: 700;letter-spacing: -1.5px; display: block; padding: calc(26vw/7.2) 0;text-align: center;}
.btnbox a span{width: calc(17vw/7.2); display: inline-block; padding-left: 2vw;}
@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}