.lecturer-wrap img {width:100%}
.inner{width: 90%; margin:0 auto;}
.r-txt {text-align:right;font-size:1.2rem;letter-spacing:-0.5px;margin-top:20px;color:#111;opacity: 0.45;}

.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:12vw;left: 50%; margin-left: calc(-360vw/7.2); width: 100%;}

.cont02{background: #FAF5F7; padding: calc(130vw/7.2) 0;}
.cont02 .tit{width: calc(652vw/7.2); margin: 0 auto;}
.cont02 .stit{width: calc(444vw/7.2); margin: calc(60vw/7.2) auto 0 auto;}
.cont02 .sch-list{display: flex; gap: calc(20vw/7.2); flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: calc(40vw/7.2);}
.cont02 .sch-list li{border-radius: 8px; width: calc(314vw/7.2); height: calc(114vw/7.2); display: flex; justify-content: center; align-items: center; position: relative;background: #06AAB5; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20);}
.cont02 .sch-list li:first-child::after{content: ''; position: absolute; top:calc(70vw/7.2); right: -1vw;background: url('https://devrusseldata.megastudy.net/campus/image/russel/m_russel/russel_us/2025/lecturer/ico_cursor.png') no-repeat center top; width: calc(49vw/7.2); height: calc(54vw/7.2); background-size: cover; }
/* .cont02 .sch-list li.active::after{content: ''; position: absolute; top:calc(70vw/7.2); right: -1vw;background: url('https://devrusseldata.megastudy.net/campus/image/russel/m_russel/russel_us/2025/lecturer/ico_cursor.png') no-repeat center top; width: calc(49vw/7.2); height: calc(54vw/7.2); background-size: cover; } */
.cont02 .sch-list li a{display: block; color: #fff; font-size: calc(32vw/7.2); font-weight: 700; text-align: center; line-height: 1.2;}
.cont02 .sch-list li a span{font-weight: 500;color: #EDEDED; font-size: calc(20vw/7.2);}

.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 .popup-box{position: fixed; top:50%; left: 50%; transform: translate(-50%, -50%); width: calc(640vw /7.2); z-index: 12;max-height:90vh;overflow:auto;border-radius:3vw;}
.lecturer-wrap .popup-box ul li{display: none; position: relative;}
.lecturer-wrap .popup-box .close-btn{width: calc(32vw/7.2); height: calc(32vw/7.2); position: absolute; top:5vw; right:5vw; z-index: 13; }


.con-list-wrap .c-item{text-align:center; width: calc(500vw/7.2);}
.con-list-wrap .c-item div img {display:inline-block;}
.con-roll .swiper-wrapper {transition-timing-function:linear !important;}

.books-wrap{margin-top: calc(60vw/7.2); padding: calc(50vw/7.2) calc(52vw/7.2) calc(40vw/7.2) calc(52vw/7.2);background-color: #F8F8F8;border-radius: 20px;}
.books-wrap .book-pager{position: relative; margin-top: calc(30vw/7.2); line-height: 1; bottom: 0; display: flex; justify-content: center; gap: 5px;}
.books-wrap .book-pager span{width: calc(18vw/7.2); height: calc(18vw/7.2); background:#D0D0D0; opacity: 1; margin: 0 !important;}
.books-wrap .book-pager span.swiper-pagination-bullet-active{background-color: #545454;}

.btnbox{background: #111;border-radius: 10px; width: calc(660vw/7.2); margin: calc(50vw/7.2) auto calc(80vw/7.2) auto;}
.btnbox a{font-size: calc(30vw/7.2); color: #fff;font-weight: 700;letter-spacing: -1.5px; display: block; padding: calc(26vw/7.2) 0;text-align: center;}
.btnbox a span{width: calc(17vw/7.2); display: inline-block; padding-left: 2vw;}


/* 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;
    }
}


@keyframes shake-vertical {
	0%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
  
	10%, 30%, 50%, 70% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
  
	20%, 40%, 60% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
  
	80% {
		-webkit-transform: translateY(2.4px);
		transform: translateY(2.4px);
	}
  
	90% {
		-webkit-transform: translateY(-2.4px);
		transform: translateY(-2.4px);
	}
  }