/* =========================
    common
========================= */
.curriculum-wrap img {width: 100%;}

/* =========================
    visual
========================= */
.curriculum-wrap {position:relative;}
.curriculum-wrap .visual {position:relative;overflow:hidden;}
.curriculum-wrap .visual .v-info {position:absolute;top:0;left:0;width:100%;}
.visual .v-info .v-tit {width:calc(475vw / 7.2);margin:0 auto;;margin-top:calc(120vw / 7.2);}
.visual .v-info .v-ico {width:calc(590vw / 7.2);margin:0 auto;;margin-top:calc(18vw / 7.2);padding-left:calc(60vw / 7.2)}
.visual .v-info .v-txt {margin-top:6.5vw;text-align: center;font-size:3.3vw;} 

/* =========================
    contents
========================= */
.curriculum-wrap .cont-wrap {position:relative;padding-bottom:20%;} 
.cont01 {background:#fff4ec;}
.cont01 .teacher-slide-wrap {background-color:#fff;}
.cont01 .teacher-slide-navi {background-color:#fff4ec}
.cont01 .teacher-slide-navi .swiper-wrapper {align-items:center;justify-content:center;text-align:center}
.cont01 .teacher-slide-navi .swiper-slide {display:flex;justify-content:center;align-items:center;width:50%!important;height:14.57vw;border-top-left-radius:10px;border-top-right-radius:10px;background:#c39aaf;}
.cont01 .teacher-slide-navi .swiper-slide p {color:#e5d5dd;font-size:1.4rem;font-weight:bold;line-height:1.2;letter-spacing:-1.5px;}
.cont01 .teacher-slide-navi .swiper-slide-thumb-active {background:#cf2e81;}
.cont01 .teacher-slide-navi .swiper-slide-thumb-active p {color:#FFF;}
.cont01 .teacher-slide > .swiper-wrapper > .swiper-slide {padding:30px 4% 50px;box-sizing:border-box;background:#FFF}
.cont01 .teacher-slide .grand-slide {padding-bottom:40px;box-sizing:border-box}
.cont01 .teacher-slide .grand-slide .swiper-slide {display:flex;}
.cont01 .teacher-slide .grand-slide .grade {display:flex;align-items: center;justify-content: center;width:calc(135vw / 7.2);color:#3a3a3a;font-size:calc(26vw / 7.2);font-weight:bold;border-radius:2vw;}
.cont01 .teacher-slide .grand-slide .grade.type01 {background:#f5eeff}
.cont01 .teacher-slide .grand-slide .grade.type01 strong {color:#804ccb}
.cont01 .teacher-slide .grand-slide .grade.type02 {background:#defeff}
.cont01 .teacher-slide .grand-slide .grade.type02 strong {color:#26819b}
.cont01 .teacher-slide .grand-slide .grade.type03 {background:#fff3de}
.cont01 .teacher-slide .grand-slide .grade.type03 strong {color:#9b6026}
.cont01 .teacher-slide .grand-slide .grade.type04 {background:#deffdf}
.cont01 .teacher-slide .grand-slide .grade.type05 {background:#c3fdc5}
.cont01 .teacher-slide .grand-slide .t-box {display:flex;flex-wrap:wrap;margin-left:1.2vw;width:calc(520vw / 7.2)}
.cont01 .teacher-slide .grand-slide .t-box li {background-color:#eeeeee;border-radius:2vw;width:calc(255vw / 7.2);height:calc(180vw / 7.2);padding:2vw 0 0 2.5vw;position:relative;box-sizing: border-box;}
.cont01 .teacher-slide .grand-slide .t-box li:nth-child(n+3) {margin-top:1.2vw;}
.cont01 .teacher-slide .grand-slide .t-box li:nth-child(2n) {margin-left:1.2vw;}
.cont01 .teacher-slide .grand-slide .t-box .name {font-size:calc(28vw / 7.2);font-weight:500;color:#5d5d5d;line-height:1.3;}
.cont01 .teacher-slide .grand-slide .t-box .name strong {color:#3a3a3a;font-weight:bold;}
.cont01 .teacher-slide .grand-slide .t-box .img {position:absolute;bottom:0;right:0;width:calc(120vw / 7.2);}
.cont01 .teacher-slide .grand-slide .t-box .img img {width:100%;}
.cont01 .teacher-slide .grand-slide .t-box *[class^="flag-"] {position:absolute;bottom:-2vw;left:-2vw; min-width:19vw;padding:1vw 2vw;border-radius:2vw;color:#fff;font-size:calc(24vw / 7.2);font-weight:bold;display:block;z-index: 2;box-sizing:border-box;line-height:1.2;animation: float 2s ease-in-out infinite;text-align: center;height:10vw;display:flex;align-items: center;justify-content: center;}

@keyframes float {
    0%, 100% {
        transform: translateY(0); 
    }
    50% {
        transform: translateY(10px); 
    }
}
.cont01 .teacher-slide .grand-slide .t-box *[class^="flag-"]:before {content:'';background-image:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum_go12/ico_tail_blue.png");width:4vw;height:3vw;position:absolute;top:-3vw;right:2vw;}
.cont01 .teacher-slide .grand-slide .t-box .flag-blue {background-color:#1b5bc6;}
.cont01 .teacher-slide .grand-slide .t-box .flag-green {background-color:#61b382}
.cont01 .teacher-slide .grand-slide .t-box .flag-green:before {background-image:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum_go12/ico_tail_green.png");}
.cont01 .teacher-slide .grand-slide .t-box .flag-pink {background-color:#821bda}
.cont01 .teacher-slide .grand-slide .t-box .flag-pink:before {background-image:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum_go12/ico_tail_bora.png");}
.cont01 .teacher-slide .grand-slide .t-box .flag-purple {background-color:#571bc6}
.cont01 .teacher-slide .grand-slide .t-box .flag-purple:before {background-image:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum_go12/ico_tail_purple.png");}


.cont01 .txt-box {margin-top:5px;}
.cont01 .txt-box p {color:#555;font-size:1.1rem;}
.cont01 .teacher-slide .grand-slide .swiper-pagination-bullet-active {background-color:#cf2e81;}

/* ¼ö°­»ýÀÇ Èıâ */
.cont02 {padding-bottom:60px;background:#e8e8e8}
.cont02 .tab-subject {background:#cf2e81}
.cont02 .tab-subject .swiper-wrapper {justify-content:center}
.cont02 .tab-subject .swiper-slide {width:auto!important;padding:15px 12px;color:#e5d5dd;font-size:1.6rem;font-weight:600;letter-spacing:-1.3px;}
.cont02 .tab-subject .swiper-slide-active {color:#FFF !important;}

.cont02 .list-subject .t-list .swiper-slide {display:flex;flex-wrap:wrap}
.cont02 .list-subject .lec-detail {overflow:hidden;width:42vw;margin:5% 15px 0 0;border-radius:5px}
.cont02 .list-subject .lec-detail:nth-child(2n) {margin:5% 0 0 0}
.cont02 .list-subject .lec-detail .lec-info {height:107px;background:#FFF}
.cont02 .list-subject .lec-detail .lec-info .t-name {padding:18px 0 0 15px;color:#222;font-size:1.6rem;font-weight:600;letter-spacing:-1.5px;}
.cont02 .list-subject .lec-detail .t-img {position:relative}
.cont02 .list-subject .lec-detail .t-img img {width:100%;height:97px}
.cont02 .list-subject .lec-detail .lec-info .lec-txt {padding-left:15px;margin-top:8px;color:#8a8a8a;font-size:1.2rem;letter-spacing:-1.75px;}
.cont02 .list-subject .lec-detail .btnbox {display:flex;}
.cont02 .list-subject .lec-detail .btnbox a {display:block;padding:10px 0;text-align:center;color:#FFF;font-size:1.3rem;font-weight:500;letter-spacing:-1.7px;background:#f7ab10;width: 100%;}
.cont02 .list-subject .lec-detail .btnbox a:nth-child(2) {border-left:1px solid #fff}
.cont02 .t-list .swiper-wrapper {margin:0 6%;padding-bottom:40px;}
.cont02 .swiper-pagination-bullet-active {background:#bc3279}
.d-list {background-color:#bc3279;padding:65px 4%;}
.d-list .link-box {background-color:#d070a1;display:block;border-radius:4px;padding:12px 30px;font-size:1.6rem;font-weight:bold;color:#fff;position:relative;margin-top:15px;}
.d-list .link-box:first-child {margin-top:0;}
.d-list .link-box a {color:#fff;}
.d-list .link-box span {font-size:1.2rem;font-weight:normal;color:#fff;}
.d-list .link-box:after {content:'';width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:30px;transform:rotate(45deg) translateY(-50%);}
.d-list .link-box.type02 {display:flex;padding:0;}
.d-list .link-box.type02:after {display:none;}
.d-list .link-box.type02 p {padding:12px 0 12px 30px;width:80%;display:flex;flex-direction:column;justify-content:center;}
.d-list .link-box.type02 div {border-left:1px solid #fff;width:20%;}
.d-list .link-box.type02 div a {display:block;font-size:11px;padding:5px;position:relative;}
.d-list .link-box.type02 div a:after {content:'';width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:10px;transform:rotate(45deg) translateY(-50%);}
.d-list .link-box.type02 div a:first-child {border-bottom:1px solid #fff;}

/* ´ëÄ¡ */
.curriculum-wrap.russel .cont02 .tab-subject {background:#414040}
.curriculum-wrap.russel .cont02 .tab-subject .swiper-slide {color:#8e8a8a}
.curriculum-wrap.russel .cont02 .list-subject .lec-detail .bt-review {background:#b99975}
.curriculum-wrap.russel .cont02 .swiper-pagination-bullet-active {background:#b99975}

/* ÆòÃÌ */
.curriculum-wrap.russel_pc .visual .v-info .v-tit {width:calc(451vw / 7.2);margin:50px auto 0}
.curriculum-wrap.russel_pc .cont02 .tab-subject {background:#414040}
.curriculum-wrap.russel_pc .cont02 .tab-subject .swiper-slide {color:#8e8a8a}
.curriculum-wrap.russel_pc .cont02 .list-subject .lec-detail .bt-review {background:#b99975}
.curriculum-wrap.russel_pc .cont02 .swiper-pagination-bullet-active {background:#b99975}

/* ¸ñµ¿ */
/* .cont01 .teacher-slide-navi .swiper-slide {width:calc(100% / 3) !important;} */
.cont01 .teacher-slide-navi .swiper-slide {flex: 1;}
/* =========================
    animation
========================= */
.bounce-in-top {animation: bounce-in-top 1.1s both;}

@keyframes bounce-in-top {
    0% {
        transform: translateY(-500px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        transform: translateY(-65px);
        animation-timing-function: ease-in;
    }
    72% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    81% {
        transform: translateY(-28px);
        animation-timing-function: ease-in;
    }
    90% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    95% {
        transform: translateY(-8px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
}