/* ===========================
COMMON
=========================== */
.stepup-wrap {overflow:hidden;}
.inner {padding:0 4%;position:relative;}
*[class^="cont0"] {text-align: center;}
.stepup-wrap img {width:100%;}


/* ===========================
VISUAL
=========================== */
.visual-wrap {background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_sm/event/step_up/v_bg.jpg") center no-repeat;background-size:cover;}
.visual {padding:calc(110vw / 7.2) 0 calc(190vw / 7.2);}
.visual .inner {padding-left: calc(80vw / 7.2);box-sizing: border-box;}
.visual h3 {font-weight:500;font-size:calc(30vw / 7.2);color:#bed7c9;animation: stepUpTitle 0.9s 1s ease-out forwards;opacity: 0;}
.visual h2 {padding-top:calc(75vw / 7.2);animation: stepUpTitle 0.9s 1.5s ease-out forwards;opacity: 0;width:calc(568vw / 7.2)}
.visual .v-light {position:absolute;top:-1vw;left:34vw;    mix-blend-mode: screen;width:calc(478vw / 7.2);animation: stepUpTitle 0.9s 1.5s ease-out forwards;opacity: 0;}
.visual p {padding-top:calc(70vw / 7.2);animation: stepUpTitle 0.9s 2s ease-out forwards;opacity: 0;width: calc(520vw / 7.2);}
 @keyframes stepUpTitle {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(0.96);
    letter-spacing: 0.15em;
    filter: blur(4px);
  }
  60% {
    opacity: 1;
    transform: translateY(0) scale(1.03);
    letter-spacing: 0.04em;
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    letter-spacing: 0.02em;
  }
}
/* ===========================
CONTENTS
=========================== */
.cont01 {background-color:#010101}
.cont02 {background-color:#FFFFFF}
.cont03 {background-color:#010101;padding-bottom:70px;}
.cont03 .inner {padding:0 8%;}
.cont03 .graph-slide .swiper-slide {opacity: 0;
  transform: translateY(20px);
  transition: all .5s ease;}
.cont03 .graph-slide .swiper-slide.swiper-slide-active {opacity: 1;
  transform: translateY(0);}
.cont03 .graph-slide .swiper-slide div {overflow:hidden;border-radius:6.5vw;line-height:0;}
.stepup-wrap .swiper-wrapper .swiper-slide {padding-bottom:30px;}
/* bullet */
.swiper-container-horizontal>.swiper-pagination-bullets {background-color:#222222;height:6px;border-radius:100px;bottom:0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0 15px;width:10%;height:6px;border-radius:100px;background-color:transparent;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#6EFF9A}

.cont04 {background-color:#002C1D;padding-bottom:70px;}
.cont04 .review-slide .swiper-slide {opacity: 0;
  transform: translateY(20px);
  transition: all .5s ease;}
.cont04 .review-slide .swiper-slide.swiper-slide-active {opacity: 1;
  transform: translateY(0);}
.cont04 .review-slide .swiper-slide div {overflow:hidden;border-radius:6.5vw;line-height:0;}
.cont04 .swiper-container-horizontal>.swiper-pagination-bullets {background-color:#356958;}
.cont05 {background-color:#E1EBDF;}
.bottom-banner {background-color:#010101;text-align: center;}