.lecturer-wrap img {width:100%}

.lecturer-wrap .visual-wrap {position:relative;overflow:hidden;}
.lecturer-wrap .visual-wrap .top-banner {z-index:1;position:relative;display:block;line-height:0;}
.lecturer-wrap .visual-wrap .visual {position: relative;}
.lecturer-wrap .visual > div {line-height:0;}
.lecturer-wrap .visual .tit {position:absolute;top:10vw}

.lecturer-wrap .cont-wrap {position:relative;background:#FFF;}
.lecturer-wrap .cont-wrap .inner {padding:0 5%}
.lecturer-wrap .cont-wrap .teacher-wrap {display:flex;flex-wrap:wrap;justify-content:center}
.lecturer-wrap .cont-wrap .teacher-wrap .t-box {display:inline-block;width:43vw;height:43vw;margin-bottom:10px;}
.lecturer-wrap .cont-wrap .teacher-wrap .t-box:nth-child(2n) {margin-left:10px;}
.lecturer-wrap .cont-wrap .teacher-wrap .t-box02 {display:inline-block;width:43vw;height:43vw;margin-bottom:10px;}
.lecturer-wrap .cont-wrap .teacher-wrap .t-box02:nth-child(2n) {margin-left:10px;}

.lecturer-wrap .cont-wrap .btnbox {position: relative;border-radius:4px;background:#1e1e1e}
.lecturer-wrap .cont-wrap .btn {display:block;height:50px;line-height:50px;margin-top:15px;text-align:center;color:#FFF;font-size:1.3rem;font-weight:bold;letter-spacing:-0.5px;}
.lecturer-wrap .cont-wrap .btn::before {content: '';position:absolute;top:14px;right:7vw;height:7px;transform:translateY(50%) rotate(-45deg);border-right:1px solid #FFF;border-bottom:1px solid #FFF}
.lecturer-wrap .cont-wrap .btn:after {content: '';position:absolute;top:19px;right:7vw;height:7px;transform:translateY(50%) rotate(45deg);border-right:1px solid #FFF;border-top:1px solid #FFF}


/* ·¹ÀÌ¾îÆË¾÷ */
.lecturer-wrap .layer-wrap {z-index:12;display:none;position:fixed;top:45%;transform:translateY(-40%);left:5.5%;width:89vw;border-radius:15px;background:#FFF;}
.lecturer-wrap .layer-swiper {position:relative;overflow:hidden;}
.lecturer-wrap .layer-wrap.on {display:block}
.lecturer-wrap .layer-wrap .inner {position:relative;padding:11vw 5% 22vw}
.lecturer-wrap .layer-wrap .bt-close-tt {z-index:15;position:absolute;top:15px;right:15px;width:3.62vw}
.lecturer-wrap .layer-wrap .img {position:relative;width:calc(179vw/7.2);height:auto;background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/core_gj/2023/lecturer/kor_won.png") no-repeat top center;background-size: contain;}
.lecturer-wrap .layer-wrap .img img {position: absolute;top: 15px;left: 46%;transform: translateX(-50%);}

.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit01 {width: calc(244vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit02 {width: calc(136vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit03 {width: calc(219vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit04 {width: calc(273vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit05 {width: calc(262vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit06 {width: calc(180vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit07 {width: calc(226vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit08 {width: calc(255vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit09 {width: calc(215vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit10 {width: calc(280vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit12 {width: calc(188vw / 6.4);}
.lecturer-wrap .layer-wrap .layer-swiper .swiper-slide .tit.tit13 {width: calc(210vw / 6.4);}


.lecturer-wrap .layer-wrap .t-info {overflow-y:scroll;height:100vw;padding:0 5px}
.lecturer-wrap .layer-wrap .t-info .tit {margin: 12px 0 10px; font-size:1.4rem;font-weight:bold;letter-spacing:-1.5px;}

.lecturer-wrap .layer-wrap .t-info .tit:first-child {margin-top:0;}
.lecturer-wrap .layer-wrap .list-dot {margin:0;padding-bottom:15px;border-bottom:1px solid #dadada}
.lecturer-wrap .layer-wrap .list-dot:last-child {padding-bottom:0;border-bottom:none}
.lecturer-wrap .layer-wrap .list-dot li {font-size:1.3rem;letter-spacing:-1.3px;line-height:20px}
.lecturer-wrap .layer-wrap .list-dot p {font-size:1.1rem;}

.lecturer-wrap .layer-wrap .tbl-type01 {border-top: 0px;}
.lecturer-wrap .layer-wrap .tbl-type01 tbody tr th {background: #bababa;color: #fff;font-size: 1.3rem;font-weight: bold;border-bottom: 1px solid #fff;}
.lecturer-wrap .layer-wrap .tbl-type01 tbody tr td {background: #f2f2f2;color: #222222;font-size: 1.3rem;font-weight: bold;border-bottom: 1px solid #fff;}


.lecturer-wrap .dim {z-index:11;display:none;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.6;background:#000}
.lecturer-wrap .dim.on {display:block}

.lecturer-wrap .layer-wrap .slide-btn {z-index:1;position:absolute;left:50%;bottom:7vw;display:flex;justify-content:center;align-items:center;padding-top:8%;transform:translateX(-50%);}
.lecturer-wrap .swiper-button-next {position:relative;top:0;width:80px;height:40px;margin-top:0;margin-left:28px;border:1px solid #dbdbdb;background:none;}
.lecturer-wrap .swiper-button-next::before {content: '';position:absolute;top:6px;left:50%;height:8px;transform:translate(-50%, 50%) rotate(-45deg);border-right:2px solid #353535;border-bottom:1px solid #353535}
.lecturer-wrap .swiper-button-next::after {content: '';position:absolute;top:12px;left:50%;height:8px;transform:translate(-50%, 50%) rotate(45deg);border-right:2px solid #353535;border-top:1px solid #353535}
.lecturer-wrap .swiper-button-prev {position:relative;top:0;width:80px;height:40px;margin-top:0;margin-right:28px;border:1px solid #dbdbdb;background:none;}
.lecturer-wrap .swiper-button-prev::before {content: '';position:absolute;top:6px;left:50%;height:8px;transform:translate(-50%, 50%) rotate(45deg);border-right:2px solid #353535;border-bottom:1px solid #353535}
.lecturer-wrap .swiper-button-prev::after {content: '';position:absolute;top:12px;left:50%;height:8px;transform:translate(-50%, 50%) rotate(-45deg);border-right:2px solid #353535;border-top:1px solid #353535}
.lecturer-wrap .swiper-pagination {position:relative;bottom:0;width:50px;color:#bdbdbd;font-size:1.2rem;font-weight:700;letter-spacing:-1.6px;}
.lecturer-wrap .swiper-pagination .swiper-pagination-current {color:#222;letter-spacing:-1.3px;}


.lecturer-wrap .cont-wrap .teacher-wrap .t-box {display:inline-block;width:calc(50% - 1.6vw);box-sizing: border-box;}
.lecturer-wrap .layer-wrap .t-box {display: flex;align-items:stretch;height:140px}

.lecturer-wrap .layer-wrap .t-box .text-wrap {display:flex;flex-direction:column;justify-content:center;margin-left:15px;}    
.lecturer-wrap .layer-wrap .t-box .text-wrap .m-tit {font-size: 1.5rem;color: #4b87e4;font-weight: 700;letter-spacing: -1.3px;}
.lecturer-wrap .layer-wrap .t-box .text-wrap .t-name {font-size: 1.5rem;color: #222222;line-height: 1;margin: 10px 0;}
.lecturer-wrap .layer-wrap .t-box .text-wrap .t-name b {font-weight: 800;margin-right: 3px;}
.lecturer-wrap .layer-wrap .t-box .text-wrap .grade {margin-top: 8px; box-sizing: border-box; background: #f2f2f2;border-radius: 6px;font-size: 1.2rem;color: #5c5c5c;padding: 11px 4vw 10px 8vw;position: relative;letter-spacing: -2px;width: fit-content;}
.lecturer-wrap .layer-wrap .t-box .text-wrap .grade::after {width: 19px;height: 15px;position: absolute;top: 11px;left: 10px; display: block;content: '';background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/core_gj/2023/lecturer/ico_grade.png") no-repeat 0 0;background-size: contain;}
.lecturer-wrap .layer-wrap .t-box .text-wrap .grade b {color: #222222;font-weight: 700;}

.lecturer-wrap .layer-wrap .swiper-slide.math .img {background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/core_gj/2023/lecturer/math_won.png") no-repeat top center;background-size: contain;}
.lecturer-wrap .layer-wrap .swiper-slide.math .m-tit {color: #db80b9;}

.lecturer-wrap .layer-wrap .swiper-slide.eng .img {background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/core_dj/2023/lecturer/eng_won.png") no-repeat top center;background-size: contain;}
.lecturer-wrap .layer-wrap .swiper-slide.eng .m-tit {color: #80b19a;}

.lecturer-wrap .layer-wrap .swiper-slide.sci .img {background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/core_gj/2023/lecturer/sci_won.png") no-repeat top center;background-size: contain;}
.lecturer-wrap .layer-wrap .swiper-slide.sci .m-tit {color: #b8a9e1;}

/*ÈÄ±â ½º¿ÍÀÌÆÛ*/
.review-wrap {margin-bottom: 25px;}
.review-wrap .review-swiper .swiper-slide {border-bottom: 1px solid;border-left: 1px solid;border-right: 1px solid; box-sizing: border-box;}
.review-wrap .review-swiper .sticky-tape {position: relative;}
.review-wrap .review-swiper .swiper-slide::before {display: block;content: '';width: 100%;height: 30px; background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/core_dj/2023/lecturer/ico_tape02.png") no-repeat 0 0;position: absolute;top: -3vw;background-size: cover;}
.review-wrap .review-swiper .swiper-slide::after {display: block;content: '';width: 16px;height: 16px;background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/core_dj/2023/lecturer/ico_paper.png") no-repeat 0 0;position: absolute;bottom: -1px;right: -2px;}
.review-wrap .review-swiper .swiper-slide .title {color: #222222;font-size: 1.3rem;font-weight: 700;text-align: center;margin: 45px 0 15px;box-sizing: border-box;position: relative;}
.review-wrap .review-swiper .swiper-slide .title::before {display: block;content: '';width: 10px;height: 10px;background: #fff;position: absolute;top: -50px;left: -3px;}
.review-wrap .review-swiper .swiper-slide .title::after {display: block;content: '';width: 10px;height: 10px;background: #fff;position: absolute;top: -50px;right: -3px;}
.review-wrap .review-swiper .swiper-slide .text {color: #222222;font-size: 1.2rem;text-align: center;word-break: keep-all;padding: 0 11%;box-sizing: border-box;margin-bottom: 45px;}
.review-wrap .review-swiper .swiper-slide .text::before {display: block;content: '';width: 5px;height: 16px;background: #fff;position: absolute;top: 7px;left: 0;}
.review-wrap .review-swiper .swiper-slide .text::after {display: block;content: '';width: 5px;height: 16px;background: #fff;position: absolute;top: 7px;right: 0;}
.review-wrap .review-swiper *[class^="review-slide-btn"] {z-index:1;position:absolute;left:50%;bottom:5vw;display:flex;justify-content:center;align-items:center;padding-top:8%;transform:translateX(-50%);}
.review-wrap .review-swiper *[class^="review-slide-btn"] .swiper-pagination-bullet {margin-right: 6px;}
.review-wrap .review-swiper *[class^="review-slide-btn"] .swiper-pagination-bullet-active {background: #222222;}








/* animation */
.bounce-top {animation: bounce-top 1.5s both;}

@keyframes bounce-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;
    }
}