/* ±âº» ÆùÆ® ¼³Á¤ (MO) */
@font-face {
    font-display: swap;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: 
    url('./font/NotoSansCJKkr-Light.woff') format('woff')
}
@font-face {
    font-display: swap;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: 
    url('./font/NotoSansCJKkr-Regular.woff') format('woff')
}
@font-face {
    font-display: swap;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: 
    url('./font/NotoSansCJKkr-Medium.woff') format('woff')
}
@font-face {
    font-display: swap;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: 
    url('./font/NotoSansCJKkr-Bold.woff') format('woff')
}
@font-face {
    font-display: swap;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 800;
    src: 
    url('./font/NotoSansCJKkr-Black.woff') format('woff')
}

body {font-family: 'Noto Sans KR';}
.premium-wrap img {display: block;width: 100%;height: auto;}
.premium-wrap .inner {padding: 0 calc(36vw / 7.2) calc(130vw / 7.2);box-sizing: border-box;}
.premium-wrap .r-txt {text-align: right;color: #888;font-size: calc(20vw / 7.2);font-weight: 400;}

/*Visual*/
.premium-wrap .visual {position:relative;height:calc(1250vw / 7.2);overflow:hidden;}
.premium-wrap .visual::before, .premium-wrap .visual::after {content:'';position:absolute;top:0;width:50%;height:100%;height: calc(1250vw / 7.2);}
.premium-wrap .visual::before {left:0;background:#081019;}
.premium-wrap .visual::after {right:0;background:#081019;}

.premium-wrap .visual .bg {position:absolute;left:0;top:0;z-index:1;opacity:1;width:100%;height:calc(1250vw / 7.2);background:linear-gradient(to bottom,  #26262e 0%,#25252d 35%,#24242c 66%,#25252d 100%);}
.premium-wrap .visual .bgOn {position:absolute;left:50%;top:0;z-index:1;opacity:0;transform:translate(-50%,10px);width:100%;height:calc(1250vw / 7.2);background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/intro/2022/premium/v_bg.jpg") no-repeat 0 0;background-size: cover;}
.premium-wrap .visual.on .bg {opacity:0;transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.3s;}
.premium-wrap .visual.on .bgOn {opacity:1;transform:translate(-50%,0);transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.2s;}

.premium-wrap .visual .inner {position:relative;z-index:2;width:100%;margin:calc(75vw / 7.2) auto 0;text-align:center;}

.premium-wrap .visual .v-tit01 {opacity:0;transform:translateY(-20%);width: calc(651vw / 7.2);margin: 0 auto;}
.premium-wrap .visual .v-tit02  {overflow:hidden;text-align:center;width:0;height: calc(106vw / 7.2);position: relative;margin: calc(-23vw / 7.2) auto 0;}
.premium-wrap .visual .v-tit02 img {opacity:1;position: absolute;top: 0;left: 0;width: calc(420vw / 7.2);height: calc(106vw / 7.2);}
.premium-wrap .visual .v-tit03 {overflow: hidden;width: calc(504vw / 7.2);margin: calc(45vw / 7.2) auto 0;opacity: 0;}
.premium-wrap .visual .v-obj01 {overflow: hidden;width: calc(720vw / 7.2);margin: calc(69vw / 7.2) auto 0;opacity: 0;}
.premium-wrap .visual .v-obj01 {margin-left: -6%;}
.premium-wrap .visual.on .v-tit01 {opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.3s;}
.premium-wrap .visual.on .v-tit02 {animation: slide-right 1s 2s both ease-in-out;}
.premium-wrap .visual.on .v-tit03 {opacity: 1;}
.premium-wrap .visual.on .v-obj01 {opacity: 1;}
.premium-wrap .visual.on .v-tit02 img {opacity: 1;position: absolute;top: 0;left: 0;}
.premium-wrap .visual.on .v-tit03 img {animation: appear 3s 2s both ease-in-out;}
.premium-wrap .visual.on .v-obj01 img {animation: appear 3s 2s both ease-in-out;}


/*contents*/
.cont01 {background: linear-gradient(180deg, #d9bb8d 7.33%, #705E44 102.83%), #FFF;}
.detail-wrap {display: flex;flex-wrap: wrap;gap: calc(24vw / 7.2);position: relative;}
.detail-wrap .box {position: relative;border-radius: 10px;background: rgba(27, 24, 19, 0.80);width: 100%;height: calc(404vw / 7.2);padding: calc(48vw / 7.2);box-sizing: border-box;}
.detail-wrap .box p:nth-of-type(1) strong {color: #fff;font-size: calc(44vw / 7.2);font-weight: 700;display: block;margin-bottom: calc(14vw / 7.2);}
.detail-wrap .box p:nth-of-type(1) {color: #D7AE70;font-size: calc(34vw / 7.2);font-weight: 600;text-align: left;letter-spacing: -1.5px;}
.detail-wrap .box span {color: #fff;font-size: calc(26vw / 7.2);font-weight: 400;text-align: left;display: block;margin-top: calc(14vw / 7.2);opacity: 0.6;line-height: 1.6;}
.detail-wrap .box p:nth-of-type(2) {position: absolute;bottom: calc(11vw / 7.2);right: calc(15vw / 7.2);}
.detail-wrap .box p:nth-of-type(2) img {width: calc(180vw / 7.2);height: calc(180vw / 7.2);}


.cont02 div {position: relative;}
.cont02 div .r-txt {position: absolute;bottom: calc(130vw / 7.2);right: calc(36vw / 7.2);}


.cont03 {background: #F1F1F1;}
.cont03 .r-txt {margin-top: calc(36vw / 7.2);}
.review-slide {padding-bottom: calc(56vw / 7.2);}
.review-slide .swiper-slide {background: #fff;border-radius: 10px;}
.review-slide .swiper-slide .slide-wrap {padding: calc(56vw / 7.2) calc(10vw / 7.2) calc(56vw / 7.2) calc(48vw / 8.2);height: calc(534vw / 7.2);box-sizing: border-box;}

.review-slide .swiper-slide .label {position:absolute;top:calc(28vw / 7.2);right: calc(27vw / 7.2);}
.review-slide .swiper-slide .label.label01 {width: calc(139vw / 7.2);height: calc(93vw / 7.2);}
.review-slide .swiper-slide .label.label02 {width: calc(161vw / 7.2);height: calc(93vw / 7.2);}
.review-slide .swiper-slide .label.label03 {width: calc(139vw / 7.2);height: calc(93vw / 7.2);}
.review-slide .swiper-slide .label.label04 {width: calc(161vw / 7.2);height: calc(93vw / 7.2);}
.review-slide .swiper-slide .label.label05 {width: calc(161vw / 7.2);height: calc(93vw / 7.2);}
.review-slide .swiper-slide .label.label06 {width: calc(139vw / 7.2);height: calc(93vw / 7.2);}

.review-slide .swiper-slide .box {display: flex;}
.review-slide .swiper-slide .box .profile {width: calc(120vw / 7.2);height: calc(120vw / 7.2);}
.review-slide .swiper-slide .box .tit {color: #555;font-size: calc(30vw / 7.2);font-weight: 600;text-align: left;display: flex;flex-direction: column;justify-content: center;margin-left: calc(15vw / 7.2);}
.review-slide .swiper-slide .box .tit strong {color: #000;font-size: calc(32vw / 7.2);font-weight: 700;display: block;z-index: 1;letter-spacing: -1px;}

.review-slide .swiper-slide .txt {color: #555;font-size: calc(26vw / 7.2);font-weight: 400;margin-top: calc(106vw / 7.2);letter-spacing: -1.6px;line-height: 1.6;}
.review-slide .swiper-slide .txt::after {display: block;content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/intro/2022/premium/ico_quotes.png") no-repeat 0 0;width: calc(37vw / 7.2);height: calc(31vw / 7.2);position: absolute;top: calc(232vw / 7.2);left: calc(50vw / 7.2);background-size: contain;}
.review-slide .swiper-slide .txt strong {color: #000;font-size: calc(26vw / 7.2);font-weight: 700;letter-spacing: -1.6px;}

* {
    -webkit-tap-highlight-color: transparent; /* ¸ð¹ÙÀÏ ºê¶ó¿ìÀú¿¡¼­ °­Á¶ Á¦°Å */
    -webkit-user-select: none; /* ¼±Åà ¹æÁö */
    user-select: none;
}

.review-slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;height: calc(20vw / 7.2);}
.review-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0 15px;margin-right: calc(14vw / 7.2);width: calc(20vw / 7.2) !important;height: calc(20vw / 7.2) !important;background-color: #C7C7C7;outline: none;opacity: 1;}
.review-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#886838 !important;width: calc(54vw / 7.2) !important;height: calc(20vw / 7.2) !important;border-radius: 50px;pointer-events: none;}

.review-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:active {background-color: transparent !important;outline: none !important;background-color:#886838 !important;pointer-events: none;}
.review-slide.swiper-container-horizontal>.swiper-pagination-bullets:active {background-color: transparent !important;outline: none !important;}

/*animation*/
@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slide-right {
    0% {
        width: calc(0vw / 7.2);
    }

    100% {
        width: calc(420vw / 7.2);
    }
}