/* =========================
   common
========================= */
:root {
  --key-color: #003FEB;
  --key-color02: #FF4096;
  --key-color03: #FF613D;
}
.megapass-info-wrap {overflow:hidden;min-width:1200px;}
.megapass-info-wrap .inner {width:1200px;margin:0 auto;text-align:center;}
.megapass-info-wrap .blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}


/*=================== Visual ===================*/
.visual-area {background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/megapass_info/visual_bg.jpg") #bed5f4 no-repeat center/cover;text-align:center;position:relative;z-index:2;height: 1000px;/*animation: bgDrift 14s linear infinite;*/}
.visual-area .inner {position:relative;}
.visual-area .v-tit {text-align: center;position:relative;z-index:1;padding-top: 160px;}
.visual-area .v-stit {text-align: center;position:relative;z-index:1;margin-top: 70px;}
.visual-area .v-obj {margin-top: 70px;}
.visual-area .v-obj > div {position: relative;margin-left: 50px;}
.visual-area .v-obj > div .icon {position: absolute;top: -70px;right: 0px;}
.visual-area .info-txt {display:flex;justify-content:center;margin-left: 50px;font-size: 16px;color: #8ba0c7;margin-top: -70px;}
.visual-area .info-txt br {display: none;}

/* ¾àÇÑ ºí·¯ + ÆäÀ̵å ÀÎ */
.soft-blur {  opacity: 0;  filter: blur(4px);  transform: translateY(4px);  animation: softBlurMain 1.5s ease-out forwards;  animation-delay: 0.2s;}

/* blur ¡æ clear È¿°ú  */
.blur-in {  opacity: 0;  filter: blur(10px);  transform: translateY(10px);  animation: focusIn 1.5s ease-out forwards;  animation-delay: .3s;}

/* ¸ÞÀÎ ÅؽºÆ® ÁÜó¸® */
.main-zoom {  opacity: 0;  transform: scale(1.08);  animation: mainZoom 1.4s ease-out forwards;}


/* ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú */
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@keyframes mainZoom {
  0%   { opacity: 0; transform: scale(1.08); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes bgDrift {
  0%   { background-position: 40% 40%; }
  50%  { background-position: 60% 60%; }
  100% { background-position: 40% 40%; }
}

@keyframes softBlurMain {
  0% {
    opacity: 0;
    filter: blur(4px);
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

@keyframes focusIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
/*=================== // Visual ===================*/


/*=================== Contents ===================*/
.megapass-info-wrap *[class^="cont0"] {padding:150px 0;}

/*ŸÀÌƲ ¹®±¸*/
.tit-wrap {margin-bottom:60px;}
.tit-wrap h3 {color: #222;text-align: center;font-size: 56px;font-weight: 700;line-height: 1;}
.tit-wrap p {color: #565656;margin-top: 30px;text-align: center;font-size: 24px;font-weight: 400;line-height: 140%;letter-spacing: -0.48px;}

/*ÁÖ¼® ¹®±¸*/
.list-base {text-align: left;margin-top: 40px;}
.list-base li {color: rgba(0, 0, 0, 0.40);font-size: 14px;font-weight: 400;line-height: 150%;letter-spacing: -0.28px;}
.list-base li a {text-decoration: underline;}

.r-txt {margin-top: 20px;text-align: right;}
.r-txt span {font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.2;letter-spacing: -0.28px;color: rgba(0, 0, 0, 0.50);}

.c-txt {margin-top: 30px;text-align: center;}
.c-txt span {color: rgba(0, 0, 0, 0.50);font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.2;letter-spacing: -0.28px;}

/*¹öÆ°*/
.btn-wrap {margin: 0 auto;border-radius: 7px;background: #111;display: flex;justify-content: center;align-items: center;width: 500px;height: 78px;position: relative;}
.btn-wrap a {width: inherit;height: inherit;display: flex;justify-content: center;align-items: center;}
.btn-wrap a span {color: #FFF;text-align: center;font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%;letter-spacing: -0.24px;}
.btn-wrap::after {width: 10px;height: 10px; display: block;content: '';border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);position: absolute;top: 50%;right: 40px;}



/* cont01 */
.cont01 {background-color:#F1F3F8;}
.name-tag {background: var(--key-color);border-radius: 999px;color: #FFF;width: 260px;padding: 14px 0; display: inline-block;text-align: center;font-size: 30px;font-weight: 700;line-height: 1.2;}
.c-txt br {display: none;}

.all-wrap {margin: 34px auto 60px;width: 978px;}
.all-wrap .cont-wrap {display: flex;gap: 24px;margin: 0 auto;}
.all-wrap .cont-wrap .box {background: #fff;border-radius: 30px;flex: 1;}
.all-wrap .cont-wrap .box .top-con {padding: 40px 32px;}
.all-wrap .cont-wrap .box .top-con .type {border-radius: 73px;background: var(--key-color);color: #FFF;text-align: center;font-size: 18px;font-weight: 500;line-height: 1.2;display: inline-block;padding: 6px 24px;}
.all-wrap .cont-wrap .box .top-con .tit {color: #222;font-size: 34px;font-weight: 700;line-height: 1.2;margin-top: 12px;}
.all-wrap .cont-wrap .box .top-con .tit span {color: var(--key-color);text-align: center;font-size: 34px;font-weight: 700;line-height: 1.2;}
.all-wrap .cont-wrap .box .top-con > div {border-radius: 14px;border: 1px solid var(--key-color);margin-top: 24px;padding: 14px 0;min-height: 82px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.all-wrap .cont-wrap .box .top-con > div p {color: #222;text-align: center;font-size: 18px;font-weight: 500;line-height: 150%;}
.all-wrap .cont-wrap .box .top-con > div p span {color: var(--key-color);font-size: 18px;font-weight: 500;line-height: 150%;}
.all-wrap .cont-wrap .box .btm-con {border-top: 1px solid #E2E2E2;padding: 30px 40px 30px 0;position: relative;}
.all-wrap .cont-wrap .box .btm-con .prev-price {color: #B8B8B8;text-align: center;font-size: 22px;font-weight: 500;line-height: 1.2;text-align: right;text-decoration: line-through;}
.all-wrap .cont-wrap .box .btm-con .current-price {color: #222;text-align: center;font-size: 34px;text-align: right;font-weight: 700;line-height: 1.2;}
.all-wrap .cont-wrap .box .btm-con .percent {position: absolute;top: -3px;left: 6.5px;width: 66px;height: 65.5px;display: flex;justify-content: center;align-items: center;}
.all-wrap .cont-wrap .box .btm-con .percent p {color: #FFF;text-align: center;font-size: 24px;font-weight: 800;line-height: 1.2;margin: -9px 0 0 -7px;}
.all-wrap .cont-wrap .box .btm-con .percent span {color: #FFF;font-size: 16px;font-weight: 500;line-height: 1.2;}

/* ±âº»Çü(ÆĶû) */
.all-wrap .cont-wrap .box.type-blue .btm-con .percent {background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/megapass_info/chip_blue.png") no-repeat 0 0;}

/* ±âº»Çü(ÇÎÅ©) */
.all-wrap .cont-wrap .box.type-pink .top-con .type {background: var(--key-color02);}
.all-wrap .cont-wrap .box.type-pink .top-con .tit span {color: var(--key-color02);}
.all-wrap .cont-wrap .box.type-pink .top-con > div {border: 1px solid var(--key-color02);}
.all-wrap .cont-wrap .box.type-pink .top-con > div p span {color: var(--key-color02);}
.all-wrap .cont-wrap .box.type-pink .btm-con .percent {background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/megapass_info/chip_pink.png") no-repeat 0 0;}

/* ±âº»Çü(¿À·»Áö) */
.all-wrap .cont-wrap .box.type-orange .top-con .type {background: var(--key-color03);}
.all-wrap .cont-wrap .box.type-orange .top-con .tit span {color: var(--key-color03);}
.all-wrap .cont-wrap .box.type-orange .top-con > div {border: 1px solid var(--key-color03);}
.all-wrap .cont-wrap .box.type-orange .top-con > div p span {color: var(--key-color03);}
.all-wrap .cont-wrap .box.type-orange .btm-con .percent {background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/megapass_info/chip_orange.png") no-repeat 0 0;}

/* cont02 */
.cont02 .inner {width: 1120px;}
.tit-wrap p br {display: none;}
.condition-wrap {width: 100%;display: flex;gap: 20px;margin: 0 auto;}
.condition-wrap .box {border-radius: 16px;background: #EFF3F8;flex: 1;padding: 42px 0;position: relative;}
.condition-wrap .box p {color: #565656;text-align: center;font-size: 24px;font-weight: 400;line-height: 150%;}
.condition-wrap .box p strong {color: #222;font-size: 24px;font-weight: 600;line-height: 150%;display: block;}
.condition-wrap .box:not(:last-of-type)::after {width: 50px;height: 53px;display: block;content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/megapass_info/ico_plus.png") no-repeat 0 0;position: absolute;top: 50%;transform: translateY(-50%);right: -33px;z-index: 1;}

/* cont03 */
.cont03 {background-color:#E3EDFF;}
.cont03 .list-base {margin-top: 30px;}

.step-tag {background: var(--key-color);color: #FFF;border-radius: 999px;padding: 14px 57px;text-align: center;display: inline-block;font-size: 28px;font-style: normal;font-weight: 500;line-height: 120%; /* 33.6px */}
.step-sub {color: #222;text-align: center;font-size: 34px;font-style: normal;font-weight: 700;line-height: 1.2;margin-top: 20px;}
.step-tag:not(:first-of-type) {margin-top: 80px;}

.method-wrap {display: flex;justify-content: space-between;gap: 32px;margin-top: 40px;}
.method-wrap .box {border-radius: 30px;padding: 50px 42px;flex: 1;background: #FFF;}
.method-wrap .box .btn-wrap {margin-top: 30px;}

.method-wrap.accent-buy .box {padding: 70px 60px 67px;}

.addition-txt {color: #222;margin-top: 37px;text-align: center;font-size: 26px;font-style: normal;display: inline-block;font-weight: 600;line-height: 150%;position: relative;}
.method-wrap.accent-bell .box {padding: 50px 0;}
.method-wrap.accent-bell .addition-txt {margin-top: 0;margin-left: 80px;}
.method-wrap.accent-bell .addition-txt span::after {width: 64px;height: 54px;position: absolute;top: -10px;left: -75px;display: block;content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/megapass_info/ico_bell.png") no-repeat 0 0;}
.method-wrap.accent-bell .addition-txt br {display: none;}
/*=================== //Contents ===================*/
.mo-only {display:none}


/*=================== ºÐ±âÁ¡º° css ó¸® ===================*/
/* TABLET01 */
@media screen and (max-width: 1199px)  {
  html { font-size: 55%; }  /*rem ´ÜÀ§ °ø½Ä : ¿øÇÏ´Â px / 8.8 Çؼ­ ÀÔ·Â*/
  .megapass-info-wrap { min-width: 100%; }
  .megapass-info-wrap .inner {    width: 92%;    max-width: 960px;    margin: 0 auto;  }
  .megapass-info-wrap *[class^="cont0"] {padding: 110px 0;}
  /*=================== Visual ===================*/
  .visual-area {height: auto;padding: 120px 0 110px;background-position: center top;background-size: cover;  }
  .visual-area .inner {width: 92%;    max-width: 960px;margin: 0 auto;  }
  .visual-area .v-tit {padding-top: 0px;}
  .visual-area .v-tit img {width: 100%;  max-width: 660px;height: auto;    margin: 0 auto;  }
  .visual-area .v-stit {margin-top: 50px;display: flex;justify-content: center;  }
  .visual-area .v-stit img {width: 100%;max-width: 650px;height: auto;  }
  .visual-area .v-obj {margin-top: 50px;display: flex;justify-content: center; margin-left: calc(20vw / 12); }
  .visual-area .v-obj > div {margin-left: 0;position: relative;  }
  .visual-area .v-obj img.list-box {width: 100%;max-width: 860px;}
  .visual-area .v-obj img.icon {width: 11%;top: -40px;right: 2px;  }
  .visual-area .info-txt {margin-top: -50px;    font-size: 1.6rem;    line-height: 1.4;  }
  .visual-area .info-txt br {display: none;}

  /*=================== Contents ===================*/
  .name-tag {font-size: 2.2rem;    padding: 10px 30px;width: auto;  }
  .all-wrap {width: 100%;    margin: 30px auto 60px;  }
  .all-wrap .cont-wrap .box .top-con {padding: 32px 28px;  }
  .all-wrap .cont-wrap .box .top-con .tit {font-size: 2.8rem;  }
  .all-wrap .cont-wrap .box .top-con .tit span {font-size: 2.8rem;  }
  .all-wrap .cont-wrap .box .top-con > div p,  .all-wrap .cont-wrap .box .top-con > div p span {    font-size: 1.6rem;  }
  .all-wrap .cont-wrap .box .btm-con {padding: 22px 28px 22px 0;  }
  .all-wrap .cont-wrap .box .btm-con .prev-price {font-size: 1.8rem;  }
  .all-wrap .cont-wrap .box .btm-con .current-price {font-size: 2.8rem;  }
  .all-wrap .cont-wrap .box .btm-con .percent {transform: scale(0.8);    top: -10px;    left: 5px;  }
  .r-txt span {font-size: 1.4rem;  }
  .btn-wrap {width: 100%;height: 60px;max-width: 408px;  }
  .btn-wrap a span {font-size: 1.9rem;  }
  .c-txt span {font-size: 1.4rem;  }

  /* cont02 */
  .cont02 .inner {width: 92%;    max-width: 960px;  }
  .tit-wrap h3 {font-size: 4rem;  }
  .tit-wrap p {font-size: 1.8rem;  }
  .condition-wrap {gap: 16px;  }
  .condition-wrap .box {padding: 32px 0;  }
  .condition-wrap .box p,
  .condition-wrap .box p strong {font-size: 2rem;  }
  .condition-wrap .box:not(:last-of-type)::after {    right: -25px;    width: 40px;    height: 42px;    background-size: contain;  }

  /* cont03 */
  .step-tag {    font-size: 2rem;    padding: 12px 40px;  }
  .step-sub {    font-size: 2.6rem;  }
  .method-wrap {    gap: 24px;    flex-direction: row;  }
  .method-wrap .box img {width: 100%;}
  .method-wrap .box {    padding: 40px 30px;  }
  .addition-txt {    font-size: 2rem;  }
  .method-wrap.accent-bell .addition-txt span::after {    width: 48px;    height: 40px;    background-size: contain;    top: -4px;    left: -60px;  }
  .list-base li {    font-size: 1.4rem;  }
  .btn-wrap::after {right: calc(40vw / 12);}
}

/*=======================================================================================================================================================*/
/* Mobile */
@media screen and (max-width: 767px) {
  html{font-size: 31.25%;} /*rem ´ÜÀ§ °ø½Ä : ¿øÇÏ´Â px / 5 Çؼ­ ÀÔ·Â*/
  .mo-only { display:inline-block; }
  .non-intro {display: none;}
  .pc-only { display:none; }
  .megapass-info-wrap *[class^="cont0"] {padding:20rem 0;min-width: unset;}
  .megapass-info-wrap *[class^="cont0"] img {width:100%;}
  .megapass-info-wrap .inner {width:87%;margin:0 auto;max-width: unset;}

  /*=================== Visual ===================*/
  .visual-area {background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/megapass_info/mo/visual_bg.jpg") no-repeat 0 0;background-size:cover;background-position:center;text-align:center;}
  .visual-area {height: calc(1183vw / 7.2);padding: 0;}
  .visual-area .v-tit {padding-top: calc(120vw / 7.2);}
  .visual-area .v-tit img {width: calc(623vw / 7.2);max-width: unset;}
  .visual-area .v-stit {margin-top: calc(60vw / 7.2);}
  .visual-area .v-stit img {width: calc(610vw / 7.2);}
  .visual-area .v-obj {margin-top: calc(70vw / 7.2);}
  /* .visual-area .v-obj img {width: calc(683vw / 7.2);margin-left: calc(-12vw / 7.2);} */
  .visual-area .v-obj img.list-box {width: calc(683vw / 7.2) !important;margin-left: calc(-12vw / 7.2);}
  .visual-area .v-obj img.icon {width: calc(120vw / 7.2);}
  .visual-area .v-obj > div {margin-left: 0;}
  .visual-area .v-obj > div .icon {top: calc(215vw / 7.2);}
  .visual-area .info-txt {font-size: calc(22vw / 7.2);margin-left: 0;margin-top: calc(-70vw / 7.2);}
  .visual-area .info-txt br {display: block;}

  /*=================== Contents ===================*/
  /* cont01 */
  .tit-wrap h3 {font-size: 6.4rem;}
  .all-wrap .cont-wrap {display: flex;}
  .all-wrap .cont-wrap .box .top-con .type {font-size: 3.2rem;padding: 6px 3.6rem;}
  .name-tag {font-size: 4.4rem;padding: 6px 3.6rem;width: auto;font-weight: 600;}
  .all-wrap {width: calc(310vw / 3.6);margin: 24px auto 32px;}
  .all-wrap .cont-wrap {flex-direction: column;gap: 4rem;}
  .all-wrap .cont-wrap .box .top-con {padding: 30px 6.4rem;}
  .tit-wrap {margin-bottom:32px;}
  .all-wrap .cont-wrap .box .top-con .tit {font-size: 5.6rem;}
  .all-wrap .cont-wrap .box .top-con .tit span {font-size: 5.6rem;}
  .all-wrap .cont-wrap .box .top-con > div p {font-size: 3.2rem;}
  .all-wrap .cont-wrap .box .top-con > div p span {font-size: 3.2rem;}
  .all-wrap .cont-wrap .box .top-con > div {margin-top: 24px;padding: 14px 0;}
  .all-wrap .cont-wrap .box .btm-con .prev-price {font-size: 3.2rem;}
  .all-wrap .cont-wrap .box .btm-con .current-price {font-size: 5.6rem;}
  .all-wrap .cont-wrap .box .btm-con .percent {width: 63px;height: 62px;background-size: contain !important;transform: scale(1);top: -4px;left: 6px;}
  .all-wrap .cont-wrap .box .btm-con .percent p {font-size: 4.8rem;}
  .all-wrap .cont-wrap .box .btm-con .percent p span {font-size: 3.2rem;}
  .all-wrap .cont-wrap .box .btm-con {padding: 30px 8rem 30px 0;}
  .r-txt span {font-size: 2.4rem;}
  .btn-wrap {width: 100%;height: 11.6rem;}
  .btn-wrap a span {font-size: 3.2rem;}
  .btn-wrap a::after {right: 5rem;width: 1.7rem;height: 1.7rem;}
  .c-txt {text-align: left;margin-top: 24px;}
  .c-txt br {display: block;}
  .c-txt span {font-size: 2.4rem;}

  /* cont02 */
  .tit-wrap p {font-size: 3.2rem;margin-top: 12px;}
  .tit-wrap p br {display: block;}
  .condition-wrap {flex-direction: column;gap: 2.4rem;}
  .condition-wrap .box {padding: 22px 0;}
  .condition-wrap .box p {font-size: 3.2rem;}
  .condition-wrap .box p strong {font-size: 3.2rem;}
  .condition-wrap .box:not(:last-of-type)::after {right: 46%;top: auto;bottom: -8rem;transform: translateY(-50%);width: 6.4rem;height: 6.8rem;background-size: contain;}
  .list-base {margin-top: 24px;}


  /* cont03 */
  .method-wrap {flex-direction: column;margin-top: 24px;gap: 3.4rem;}
  .addition-txt {font-size: 3.2rem;margin-top: 16px;}
  .step-tag {font-size: 3.2rem;padding: 6px 3.6rem;width: auto;font-weight: 500;} 
  .step-sub {font-size: 4.8rem;font-weight: 700;}
  .method-wrap .box {padding: 28px 4.4rem;}
  .method-wrap.accent-buy .box {padding: 28px 4.4rem;}
  .method-wrap.accent-bell .box {padding: 28px 4.4rem;}
  .method-wrap.accent-bell .addition-txt span::after {width: 6rem;height: 5rem;background-size: contain;top: 0;left: -8rem;}
  .method-wrap.accent-bell .addition-txt {margin-left: 8rem;text-align: left;}
  .method-wrap.accent-bell .addition-txt br {display: block;}
  .cont03 .c-txt {text-align: center;}
  .list-base li {font-size: 2.4rem;}
  .step-tag:not(:first-of-type) {margin-top: 32px;}
  .cont03 .list-base {margin-top: 24px;}
  .method-wrap .box .btn-wrap {margin-top: 16px;}
  .btn-wrap::after {right: calc(30vw / 3.6);}
}
/*=================== //ºÐ±âÁ¡º° css ó¸® ===================*/