.lecturer-wrap {z-index:1;position: relative;margin-top:-20px;overflow-x:hidden;text-align:center}
.lecturer-wrap .inner {width:1200px;margin:0 auto;}
.pr0 {padding-right:0 !important;}
.pb5 {padding-bottom: 5px !important;}
.mr_50 {margin-right:50px !important;}
.mr_20 {margin-right:20px !important;}
.mr_30 {margin-right:30px !important;}
.mb150	{margin-bottom:150px !important}

.fz38{font-size: 38px !important;}
.r-txt{color: rgba(0, 0, 0, 0.30);text-align: right;font-size: 14px;letter-spacing: -0.7px;}
/* visual */
.lecturer-wrap .visual {position:relative;overflow:hidden;height:951px;background:url("https://russeldata.megastudy.net/campus/images/russel/core_dj/2023/lecturer/visual_bg_02.jpg") no-repeat;background-size:cover}
.lecturer-wrap .visual .inner {padding:130px 0 135px}
.lecturer-wrap .visual .v-info {height: 660px; position:relative;border-radius:70px;background: url("https://russeldata.megastudy.net/campus/images/russel/core_dj/2023/lecturer/v-box03.png") no-repeat center center;background-size: 113% 125%; box-shadow:16px 16px 35px #00000026}
.lecturer-wrap .visual .v-info .ico01 {z-index:1;position:absolute;top:-30px;left:95px;animation: fade-in 1s 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.lecturer-wrap .visual .v-info .ico02 {z-index:1;position:absolute;right:-88px;bottom:-91px;animation: fade-in 1s 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.lecturer-wrap .visual .v-info {position:relative;}
.lecturer-wrap .visual .v-info .tit {position: absolute;}
.lecturer-wrap .visual .v-info .tit.tit01 {top: 97px;left: 50%;transform: translateX(-50%);overflow: hidden;}
.lecturer-wrap .visual .v-info .tit.tit02 {top: 192px;left: 50%;transform: translateX(-50%);overflow: hidden;}
.lecturer-wrap .visual .v-info .tit.tit03 {top: 270px;left: 50%;transform: translateX(-50%);overflow: hidden;}
.lecturer-wrap .visual .v-info .tit.tit04 {top: 346px;left: 50%;transform: translateX(-50%);}
.lecturer-wrap .visual .v-info .tit.tit05 {top: 522px;left: 50%;transform: translateX(-50%);overflow: hidden;}

/* Äü¸Þ´º */
.lecturer-wrap .quick {position:absolute;top:50%;right:0;display:flex;flex-direction:column;transform:translateY(-50%);}
.lecturer-wrap .quick .q-ban {position:relative;margin-bottom:25px;width:181px;border-left:2px solid #0dbeca;background:#FFF;box-sizing:border-box}
.lecturer-wrap .quick .q-ban .q-tit {padding:11px 20px;color:#FFF;font-size:15px;font-weight:500;background:linear-gradient(to left, #0a9ca5, #0dbec9 );letter-spacing:-1px;}
.lecturer-wrap .q-ban .qbox {position:relative; display:block;padding:20px 0 20px 17px;text-align:left;border-bottom:1px solid #ddd}
.lecturer-wrap .q-ban .qbox::before {content: '';position:absolute;top:59px;right:17px;height:10px;transform:translateY(50%) rotate(-45deg);border-right:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5}
.lecturer-wrap .q-ban .qbox::after {content: '';position:absolute;top:67px;right:17px;height:10px;transform:translateY(50%) rotate(45deg);border-right:1px solid #a5a5a5;border-top:1px solid #a5a5a5}
.lecturer-wrap .q-ban .qbox p {letter-spacing: -1.4px;line-height:1.2;font-size:14px;font-weight:500;color:#098890}
.lecturer-wrap .q-ban .qbox strong {letter-spacing: -1.4px;font-size:16px;font-weight:bold;}
.lecturer-wrap .q-ban:nth-child(2) .qbox::before{top:34px}
.lecturer-wrap .q-ban:nth-child(2) .qbox::after{top:42px}

/* cont-wrap */
.result-box .num-list.tp10 {display: flex;align-items: center; gap: 30px; padding-bottom: 30px;justify-content: center;}
.result-box .num-list.tp10 > li {display: flex;flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 61px; width: 155.5px; height: 145px; }
.result-box .num-list.tp10 > li::before {content: ''; position: absolute; top: 50%; left: -61px; transform: translateY(-50%); width: 72px; height: 145px; display: block; background: url("https://russeldata.megastudy.net/campus/images/russel/russel_us/2025/lecturer/baytree_l_key.png") center left no-repeat;}
.result-box .num-list.tp10 > li::after {content: ''; position: absolute; top: 50%; right: -61px; transform: translateY(-50%); width: 72px; height: 145px; display: block; background: url("https://russeldata.megastudy.net/campus/images/russel/russel_us/2025/lecturer/baytree_r_key.png") center right no-repeat;}
.result-box .num-list.tp10 > li .stu-tit{font-size: 20px;font-weight: 700;letter-spacing: -0.8px; line-height: 1; color: #222; margin-top: 20px;}
.result-box .num-list.tp10 > li .stu-num{font-size: 27px;font-weight: 400;letter-spacing: -0.8px; line-height: 1; color: #222; margin: 3px 0 6px 0;}
.result-box .num-list.tp10 > li .stu-num strong{font-weight: 700; line-height: 1;}
.result-box .num-list.tp10 > li .s-txt{color: #868686;font-size: 14px;font-weight: 350;letter-spacing: -0.56px; line-height: 1.2;}

.cont01{padding: 150px 0;}
.cont02{padding: 150px 0; background-color: #FAF5F7;}
.cont02 .high-map {position:relative;}
.cont02 .high-map:after {
  content: "";
  position: absolute;
  top: 761px;
  left: 15px;
  width: 1172px;
  height: 1px;
  background-image: repeating-linear-gradient(
    to right,
    #999 0 5px,
    transparent 5px 10px
  );
  pointer-events: none;
}
.cont02 .high-map .map-area {background-color:#fff;border-radius:20px;overflow:hidden;position:relative;}
.cont02 .high-map .map-area *[class^="school-group"] a {position:absolute;color:#fff;font-weight:bold;font-size:18px;background-color:#A6A6A6;border:1px solid #999;line-height:1;padding:7px 11px;border-radius:4px;transition:.3s;}
.cont02 .high-map .map-area *[class^="school-group"] a:hover {text-decoration: none;}
.cont02 .high-map .map-area .school-group01.on a {background-color:#1F9CB3;border-color:#1F9CB3;}
.cont02 .high-map .map-area .school-group02.on a {background-color:#6B64E3;border-color:#6B64E3;}
.cont02 .high-map .map-area .school-group03.on a {background-color:#F58D47;border-color:#F58D47;}
.cont02 .high-map .map-area .school-group05.on a {background-color:#D54785;border-color:#D54785;}
.cont02 .high-map .map-area .school-group06.on a {background-color:#3C72E9;border-color:#3C72E9;}
.cont02 .high-map .map-area .school-group07.on a {background-color:#21A75A;border-color:#21A75A;}
.cont02 .high-map .map-area .school-group08.on a {background-color:#7DC005;border-color:#7DC005;}
.cont02 .high-map .map-area .school-group09.on a {background-color:#DA4E62;border-color:#DA4E62;}
.cont02 .high-map .map-area .school-group10.on a {background-color:#0D1092;border-color:#0D1092;}

.cont02 .high-map .map-area .g-01 {top:128px;left:490px;}
.cont02 .high-map .map-area .g-02 {top:136px;left:581px;}
.cont02 .high-map .map-area .g-03 {top:123px;left:678px;}
.cont02 .high-map .map-area .g-04 {top:167px;left:690px;}
.cont02 .high-map .map-area .g-05 {top:115px;left:886px;}
.cont02 .high-map .map-area .g-06 {top:222px;left:845px;}
.cont02 .high-map .map-area .g-07 {top:347px;left:618px;}
.cont02 .high-map .map-area .g-08 {top:330px;left:815px;}
.cont02 .high-map .map-area .g-09 {top:384px;left:811px;}
.cont02 .high-map .map-area .g-10 {top:438px;left:761px;}
.cont02 .high-map .map-area .g-11 {top:611px;left:347px;}
.cont02 .high-map .map-area .g-36 {top:312px;left:526px;}
.cont02 .high-map .map-area .g-37 {top:63px;left:754px;}
.cont02 .high-map .map-area .g-38 {top:451px;left:562px;}

.cont02 .high-map .map-area .g-12 {top:402px;left:311px;}
.cont02 .high-map .map-area .g-13 {top:454px;left:284px;}
.cont02 .high-map .map-area .g-14 {top:506px;left:296px;}
.cont02 .high-map .map-area .g-15 {top:454px;left:197px;}
.cont02 .high-map .map-area .g-17 {top:659px;left:88px;}
.cont02 .high-map .map-area .g-18 {top:506px;left:209px;}
.cont02 .high-map .map-area .g-19 {top:558px;left:311px;}
.cont02 .high-map .map-area .g-20 {top:454px;left:371px;}
.cont02 .high-map .map-area .g-21 {top:558px;left:398px;}
.cont02 .high-map .map-area .g-22 {top:399px;left:527px;}
.cont02 .high-map .map-area .g-23 {top:451px;left:641px;}
.cont02 .high-map .map-area .g-24 {top:667px;left:502px;}
.cont02 .high-map .map-area .g-25 {top:623px;left:739px;}
.cont02 .high-map .map-area .g-26 {top:566px;left:782px;}
.cont02 .high-map .map-area .g-27 {top:650px;left:843px;}
.cont02 .high-map .map-area .g-28 {top:399px;left:606px;}
.cont02 .high-map .map-area .g-29 {top:503px;left:536px;}
.cont02 .high-map .map-area .g-39 {top:69px;left:859px;}

.cont02 .high-map .map-area .g-30 {top:180px;left:600px;}
.cont02 .high-map .map-area .g-31 {top:224px;left:568px;}
.cont02 .high-map .map-area .g-40 {top:211px;left:706px;}
.cont02 .high-map .map-area .g-41 {top:268px;left:578px;}

.cont02 .high-map .map-area .g-32 {top:255px;left:673px;}

.cont02 .high-map .map-area .g-33 {top:260px;left:479px;}

.cont02 .high-map .map-area .g-34 {top:276px;left:807px;}
.cont02 .high-map .map-area .g-45 {top:216px;left:458px;}

.cont02 .high-map .map-area .g-35 {top:566px;left:880px;}

.cont02 .high-map .map-area .g-42 {top:172px;left:490px;}
.cont02 .high-map .map-area .g-43 {top:299px;left:685px;}

.cont02 .high-map .map-area .g-44 {top:115px;left:792px;}

.cont02 .high-map .teacher-group {background-color:#fff;border-radius:20px;overflow:hidden;}
.cont02 .high-map *[class^="teacher-area"] {display:none}
.cont02 .high-map *[class^="teacher-area"].on {display:block}
.cont02 .high-map *[class^="teacher-area"] .t-list {position:relative;}
.cont02 .high-map *[class^="teacher-area"] .t-list a {text-indent:-9999px;font-size:0;color: transparent;text-shadow: none;}
.cont02 .high-map *[class^="teacher-area"] .school-list {background-color:#F8F8F8;border-radius:8px;padding:38px 60px;display:flex;margin:0 46px 60px;box-sizing: border-box;text-align: left;align-items: center;}
.cont02 .high-map *[class^="teacher-area"] .school-list dt {color:#1A8396;font-size:22px;font-weight:bold;}
.cont02 .high-map .teacher-area02 .school-list dt {color:#7973DF}
.cont02 .high-map *[class^="teacher-area"] .school-list dd {margin-left:42px;font-size:18px;font-weight:bold;color:#222;}


/* 
.cont02 .aca-slide-navi{width: 1090px; margin: 0 auto 40px auto;}
.cont02 .aca-slide-navi .swiper-wrapper {z-index: 10;display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;}
.cont02 .aca-slide-navi .swiper-slide {flex-basis: calc(25% - 60px);}
.cont02 .aca-slide-navi .swiper-slide > div{position: relative;}
.cont02 .aca-slide-navi .swiper-slide a{display: flex; width: 210px;height: 70px;justify-content: center;align-items: center; border-radius: 200px; background: #AFAFAF; font-weight: 700;font-size: 20px; letter-spacing: -1px; color: #FFFFFF; position: relative; flex-direction: column; }
  
.cont02 .aca-slide-navi .swiper-slide:nth-child(n+5) {flex-basis: calc(20% - 10px); margin-top: 10px;}
.cont02 .aca-slide-navi .swiper-slide:last-child a span{font-size: 12px;font-weight: 500;color: #EDEDED;}
.cont02 .aca-slide-navi .swiper-slide.swiper-slide-thumb-active a{background: #06AAB5; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20);animation: shake-vertical 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;}
.cont02 .aca-slide-navi .swiper-slide.swiper-slide-thumb-active a::after{content: ''; background: url(https://russeldata.megastudy.net/campus/images/russel/russel_us/2025/lecturer/ico_cursor.png) no-repeat; width: 33px; height: 38px; position: absolute; top:34px; right: -5px; z-index: 1; display: block;} */

/* .cont02 .aca-slide .info-txt{position: absolute; top:500px; left: 50%; width: 100%; max-width: 1120px; display: flex;letter-spacing: -0.65px; transform:translateX(-50%)}
.cont02 .aca-slide .info-txt span{font-size: 13px;color: #747474;text-align: center; width: 140px;} */


.cont03{padding: 150px 0;}
.cont03 .gallery {width: 1200px; overflow: hidden; background: #fff; position: relative; z-index: 0;border-radius: 20px; box-sizing: border-box;margin-bottom:100px;}
.cont03 .gallery .js-gallery1 .swiper-slide{position: relative;border-radius: 20px; box-sizing: border-box; overflow: hidden; background: none;} 
.cont03 .gallery .thumb-wrap .swiper-wrapper {width:fit-content;margin:0 auto;}
.cont03 .gallery .thumb-wrap .swiper-slide { margin: 0 10px 0px 0; opacity: 1; position: relative; box-sizing: border-box;background: none;height:fit-content;border:2px solid transparent;width:124px !important}
.js-thumb1 .swiper-slide img {width:100%;}
.cont03 .gallery .thumb-wrap .swiper-slide img {width: 120px ; height: 60px;}
.cont03 .gallery .thumb-wrap { position: absolute; bottom:25px; left:50%; transform: translateX(-50%); z-index: 2; width: 100%;}
.cont03 .gallery .thumb-wrap .swiper-slide-thumb-active {border:2px solid #FFF;}

.books-wrap{position: relative; margin: 0 auto; border-radius: 20px; background: #F8F8F8; padding: 39px 0;margin-bottom:100px;} 
.books-wrap .books-slide{width: 1020px;}
.books-wrap .arrow{position: absolute; z-index: 3; top:50%; transform: translateY(-50%); width:46px; height:46px;}
.books-wrap .arrow.prev{position: absolute; left: 0; cursor: pointer; }
.books-wrap .arrow.next{position: absolute; right:0; cursor: pointer;}

.bottom-banner a{color: #FFF; text-align: center; font-size: 23px; font-weight: 700; line-height: 1.4; letter-spacing: -1.15px; border-radius: 7px; background: #111; display: flex; width: 500px; padding: 23px 0; justify-content: center; align-items: center; margin: 100px auto 0 auto; position: relative;}
.bottom-banner a::after {display: block;position:absolute;top:50%;right:40px;width:11px;height:11px;border:2px solid #fff;border-bottom:none;border-left:none;content:"";transform: rotate(45deg) translateY(-50%);}


/* 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 fade-in {
    0% {
            transform: translateZ(-1400px);
            opacity: 0;
    }
    100% {
            transform: translateZ(0);
            opacity: 1;
    } 
}

@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);
	}
  }