/* ºñÁÖ¾ó */
.sub-wrap {position:relative;overflow:hidden;}
*[class^="cont0"] .inner {padding:0 4%}
.r-txt {margin-top:12px;color:#D5D3FE;font-size:11px;text-align:right;}
.img {line-height:0;}


.visual {position:relative;background-color:#f8f8f8}
.visual .lecture-slide {overflow:visible;padding: calc(60vw / 7.2) 0 calc(85vw / 7.2);height: calc(210vw / 7.2);}
.visual .lecture-slide .swiper-slide {text-align:center;width:calc(193vw / 7.2);}
.visual .lecture-slide .swiper-slide img {width:calc(193vw / 7.2);opacity:.2;height:auto;transition:.3s;}
.visual .lecture-slide .swiper-slide-active {width: calc(210vw / 7.2);}
.visual .lecture-slide .swiper-slide-active img {width:calc(210vw / 7.2);opacity:1;margin-top:calc(-10vw / 7.2)}

.visual .go-box {position: relative;}
.visual .go-box a:nth-of-type(1) {position: absolute;bottom: calc(305vw / 7.2);left: calc(117vw / 7.2);width: calc(224vw / 7.2);height: calc(50vw / 7.2);}
.visual .go-box a:nth-of-type(2) {position: absolute;bottom: calc(305vw / 7.2);left: calc(378vw / 7.2);width: calc(223vw / 7.2);height: calc(50vw / 7.2);}
.visual .go-box a:nth-of-type(3) {position: absolute;bottom: calc(60vw / 7.2);left: calc(115vw / 7.2);width: calc(226vw / 7.2);height: calc(50vw / 7.2);}
.visual .go-box a:nth-of-type(4) {position: absolute;bottom: calc(60vw / 7.2);left: calc(380vw / 7.2);width: calc(221vw / 7.2);height: calc(50vw / 7.2);}

.visual:after {content:'';background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/2022/lecturer/icon_hand.png") no-repeat 0 0;width:15.6vw;height:20.13vw;background-size:100%;position:absolute;bottom:calc(-88vw / 7.2);left:calc(50% + 17vw);z-index:2;transform:translate(-50%, -50%)}


/* cont01 */
.cont01 {background-color:#5850f5;padding-bottom:calc(100vw / 7.2);position: relative;}

.tab-wrap .tab-btn {display:flex;margin-bottom:10px;}
.tab-wrap .tab-btn a {background-color:#3E37D0;border-radius:10px;font-size:1.5rem;font-weight:bold;display:flex;align-items:center;justify-content:center;width:100%;height:64px;margin-left:4px;color:#9E9BEB;text-align:center;line-height:1.2;}
.tab-wrap .tab-btn a:first-child {margin-left:0;}
.tab-wrap .tab-btn a.on {background-color:#fff;color:#222;}
.tab-wrap .tab-cont {display:none;}
.tab-wrap .tab-cont.on {display:block;}
.tab-wrap .tab-cont div {border-radius:2vw;overflow:hidden;}

/* cont02 */
.cont02 {background-color:#E2E7FF;padding-bottom:calc(100vw / 7.2);}
.cont02 .box-wrap {border-radius:2vw;overflow:hidden;position:relative;}
.cont02 .box-wrap:not(:first-child) {margin-top: calc(80vw / 7.2);}
.cont02 .box-wrap .over-bg {position:absolute;top:0;left:0;width: 100%;height:100%;}
.cont02 .box-wrap .over-bg img {width:100%;}
.cont02 .box-wrap > .img {height:calc(1160vw / 7.2);overflow-x: scroll;background-color:#fff;}
.cont02 .box-wrap > .img img {height:100%;width:auto;padding-right:10px;}

/* cont03 */
.cont03 {background-color:#F4F4F4;padding-bottom:calc(100vw / 7.2);}

.teacher-slide-wrap {margin: 0 4%;}
.teacher-slide-navi {background:#CDCDCD;border-radius: 15px 15px 0 0;}
.teacher-slide-navi .swiper-wrapper {align-items:center;justify-content:center;text-align:center}
.teacher-slide-navi .swiper-slide {display:flex;justify-content:center;align-items:center;width:50%!important;height:14.57vw;background:#CDCDCD;position: relative;}
.teacher-slide-navi .swiper-slide:first-child {border-top-left-radius:10px;}
.teacher-slide-navi .swiper-slide:last-child {border-top-right-radius:10px;}
.teacher-slide-navi .swiper-slide:not(:last-child)::after {display: block;content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%); width: 1px;height: calc(48vw / 7.2);background: #0023CE;opacity: 0.5;}

.teacher-slide-navi .swiper-slide p {color:#8D8D8D;font-size:calc(32vw / 7.2);font-weight:bold;line-height:1.2;letter-spacing:-1.5px;}
.teacher-slide-navi .swiper-slide-thumb-active {background:#0023CE;border-radius: 15px 15px 0 0;margin-left: calc(-1vw / 7.2);}
.teacher-slide-navi .swiper-slide-thumb-active p {color:#FFF;}

.teacher-slide > .swiper-wrapper > .swiper-slide {box-sizing:border-box;background:#FFF;border-radius: 0 0 15px 15px;}

.teacher-slide .grand-slide {padding-bottom:calc(50vw / 7.2);box-sizing:border-box}
.teacher-slide .grand-slide .swiper-slide > div {padding:calc(70vw / 7.2) 5% calc(50vw / 7.2);width: calc(600vw / 7.2);}
.teacher-slide .grand-slide .swiper-slide > div img {width: 100%;height: auto;display: block;object-fit: contain;  will-change: transform;  backface-visibility: hidden;  transform: translateZ(0);}
.teacher-slide .grand-slide.type03 {padding-bottom: 0;}
.teacher-slide .grand-slide .swiper-slide .list-bullet {margin-top: 40px !important;}
.teacher-slide .grand-slide .swiper-slide .list-bullet li {opacity: .8;}

.teacher-slide .swiper-slide.second .swiper-container-horizontal>.swiper-pagination-bullets {bottom: calc(125vw / 7.2);}
.teacher-slide .swiper-slide.second .grand-slide {padding-bottom: 0;}

.teacher-slide .grand-slide .swiper-slide > div {
  padding: calc(70vw / 7.2) 5% calc(50vw / 7.2); /* ÇÊ¿ä½Ã Á¶Àý */
  width: 100%;  /* ? ¶Ç´Â ÀûÀýÇÑ % / vw·Î º¯°æ */
  max-width: 100%;
  box-sizing: border-box;
}









.teacher-slide .txt-box {padding:30px 25px;border-radius:7px;background:#f5f5f5;}
.teacher-slide .txt-box p {font-size:1.4rem;letter-spacing:-1.5px;color:#777}
.teacher-slide .txt-box strong {font-size:1.4rem;font-weight:bold;letter-spacing:-1.5px;color:#4b4b4b}
.teacher-slide .txt-box.bg-b {text-align:center;background:#ecf3ff;}
.teacher-slide .txt-box.bg-b p {margin-bottom:16px;color:#5d5d5d;font-weight:500;}
.teacher-slide .txt-box.bg-b .btnbox {display:flex;}
.teacher-slide .txt-box.bg-b .btnbox li {width:290px;margin-left:5px;padding:15px 0;border-radius:5px;background:#323232;}
.teacher-slide .txt-box.bg-b .btnbox li:first-child {margin-left:0;}
.teacher-slide .txt-box.bg-b a {color:#FFF;font-size:1.2rem;font-weight:bold;letter-spacing:-1.5px;}
.teacher-slide-navi .swiper-slide {flex: 1;}

.teacher-slide .swiper-container-horizontal>.swiper-pagination-bullets {bottom: calc(45vw / 7.2);}
.teacher-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width: calc(20vw / 7.2);height: calc(20vw / 7.2);background: #E1E1E1;opacity: 1;}
.teacher-slide .swiper-pagination-bullet-active {background: #0023CE !important;}


/* cont04 */ 
.tab-subject {background:#142FB1}
.tab-subject .swiper-slide {line-height: 1;width:auto!important;padding:calc(44vw / 7.2) calc(42vw / 7.2);color:#78a2e7;font-size:1.6rem;font-weight:600;letter-spacing:-1.3px;}
.tab-subject .swiper-slide.swiper-slide-thumb-active {color:#fff!important;}
.tab-subject .swiper-slide.swiper-slide-thumb-active {  color: #fff !important;}

/* ÇöÀå ´Ü°ú ¼ö¾÷ ¹Ì¸®º¸±â */
.class-list {overflow:hidden;padding-bottom:50px;background:#E2EDFF}

.t-list .swiper-wrapper {margin:0 6%;padding-bottom:40px;}
/* .t-list .swiper-wrapper {padding-bottom:30px} */
.t-list .swiper-slide .lec-detail {width:calc(311vw / 7.2);margin:0 calc(8vw / 7.2) calc(8vw / 7.2) 0}
.t-list .swiper-slide .lec-detail:nth-of-type(2n) {margin-right: 0;}
.t-list .swiper-slide .lec-detail .bt-play > p:nth-child(1) img {width:100%;height:calc(203vw / 7.2);}
.t-list .swiper-slide .lec-detail .info-wrap {height:105px;padding:15px 0 15px 8%;background:#fff;text-align: left;}
.t-list .swiper-slide .lec-detail .ico {height:16px;font-size: 1px;}
.t-list .swiper-slide .lec-detail .ico span {display:inline-block;height:16px;margin-right:3px;background-size: 100% 100%;font-size: 0;vertical-align: top;background-repeat: no-repeat;}
.t-list .swiper-slide .lec-detail .ico .ico-onlec {width:31px;background-image:url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/2022/lecturer/ico_onlec.jpg');}
.t-list .swiper-slide .lec-detail .ico .ico-lec {width:28px;background-image:url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/2022/lecturer/ico_lec.jpg');}
.t-list .swiper-slide .lec-detail .ico .ico-re {width:28px;background-image:url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/2022/lecturer/ico_re.jpg');}
.t-list .swiper-slide .lec-detail .ico .ico-am {width:28px;background-image:url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/2022/lecturer/ico_am.jpg');}
.t-list .swiper-slide .lec-detail .ico img {height:16px;width:auto}
.t-list .swiper-slide .lec-detail .bt-wrap {display:flex;text-align: center;overflow:hidden;border-radius:0 0 5px 5px;}
.t-list .swiper-slide .lec-detail .bt-wrap a {display:block;background:#e4af61;color:#fff;font-size: 1.3rem;padding:10px 0;width:100%;}
.t-list .swiper-slide .lec-detail .bt-review::before {content:"°­ÀÇ°èȹ¼­ È®ÀÎ"}
.t-list .swiper-slide .lec-detail .txt-review {display: none;}
/* .t-list .swiper-slide .lec-detail .t-img {position:relative;} */
/* .t-list .swiper-slide .lec-detail .t-img::after {display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#989898;background-size:100%;} */
.t-list .swiper-pagination-bullet-active {background-color:#1e288a}



.list-subject {padding-top: calc(80vw / 7.2);}
.list-subject .swiper-slide.swiper-slide-active {opacity: 1;z-index: 1;transition: opacity ease-out .5s;}
.list-subject .t-list .swiper-slide {display:flex;flex-wrap:wrap}
.list-subject .lec-detail {overflow:hidden;border-radius:5px}
.list-subject .lec-detail .lec-info {height:calc(213vw / 7.2);background:#FFF}
.list-subject .lec-detail .lec-info .t-name {padding:calc(32vw / 7.2) 0 0 calc(30vw / 7.2);color:#222;font-size:calc(32vw / 7.2);font-weight:600;letter-spacing:-1.5px;}
.list-subject .lec-detail .t-img {position:relative}
.list-subject .lec-detail .t-img img {width:100%;height:97px}
.list-subject .lec-detail .lec-info .lec-txt {padding-left:calc(30vw / 7.2);margin-top:8px;color:#8a8a8a;font-size:calc(22vw / 7.2);letter-spacing:-1.75px;}
.list-subject .lec-detail .bt-review {display:block;padding:calc(22vw / 7.2) 0;text-align:center;color:#FFF;font-size:calc(26vw / 7.2);font-weight:500;letter-spacing:-0.5px;background:#E4AF61;}


.swiper-pagination-bullet-active {background:#1b5bc6}

.subject-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;}