@charset "UTF-8";

/* common */
#full_container * {box-sizing: border-box;}
.content_wrap {letter-spacing: -0.05em;}
strong, em, h2, h3, h4 {font-weight: normal;}
a:hover {text-decoration: none;}
i {font-style: italic;}

/* layout */
.inner {position:relative; width:1100px; margin:0 auto; text-align: center;}
.content_top {width:100%; background: url("//img1s.mbest.co.kr/Pub_event/20251224L/top_bg.jpg") repeat-x center; overflow: hidden;}
.con1 {background: #1e90d8; padding: 28px 0 71px;}
.con2 {background: #fff url("//img1s.mbest.co.kr/Pub_event/20251224L/con2_bg.jpg") no-repeat center 0; padding: 70px 0 86px;}
.con3 {background: #c5f9ee; padding: 72px 0 88px;}
.con4 {background:#fff285; padding: 71px 0 86px;}
.con5 {background: #fff; padding: 93px 0 161px;}

/* scrollBanner */
.scrollBanner {position:absolute; top:40px; right:40px; width:177px; z-index:99;}
.scrollBanner a {display:block; height:66px; background:url("//img1s.mbest.co.kr/Pub_event/20251224L/scroll.png") no-repeat; font-size:0; text-indent: -9999em;}
.scrollBanner a.scroll1 {background-position: 0 0;}
.scrollBanner a.scroll2 {background-position: 0 -66px; height: 60px;}
.scrollBanner a.scroll3 {background-position: 0 -126px; height: 62px;}
.scrollBanner a.scroll4 {background-position: 0 -188px; height: 65px;}
.scrollBanner a.scroll1.select, .scrollBanner a.scroll1:hover {background-position: 100% 0;}
.scrollBanner a.scroll2.select, .scrollBanner a.scroll2:hover {background-position: 100% -66px;}
.scrollBanner a.scroll3.select, .scrollBanner a.scroll3:hover {background-position: 100% -126px;}
.scrollBanner a.scroll4.select, .scrollBanner a.scroll4:hover {background-position: 100% -188px;}
.btn_top {display:block; width:32px; height:32px; margin:8px auto 0; background:url("//img1s.mbest.co.kr/Pub_event/20251224L/scroll.png") no-repeat -75px 100%; font-size:0; text-indent: -9999em;}
.jbFixed {position:fixed !important;}

/* content_top */
.top_medal {position: absolute; top: 50px; right: -11px;}
.top_medal li + li {margin-top: 24px;}

.top_tit {position: absolute;}
.top_tit.t1 {top: 71px; left: 81px;}
.top_tit.t2 {top: 158px; left: 5px; opacity: 0; animation: scaleDown 0.2s 0.6s ease-in-out forwards;}
.top_tit.t3 {top: 346px; left: 49px; opacity: 0; animation: fadeInLeft 0.45s 1.2s both; }

.btn_top_vod {position:absolute; bottom:188px; left:52px;}
.btn_top_vod:after {content:''; position:absolute; bottom:23px; right:32px; width:49px; height:60px; background:url("//img1s.mbest.co.kr/Pub_event/20251224L/btn_play.png") no-repeat center/cover; animation: flicker 1.5s 1.9s linear infinite;}

.top_tch_home {position:absolute; bottom:139px; left:100px; display:flex; font-size:24px; color:#191717; font-family: 'Pretendard-semibold'; align-items: flex-end; line-height: 1;}
.top_tch_home p {padding-bottom: 3px;}
.top_tch_home .t1 {font-family: 'Pretendard-black'; color: #2573e8; display: flex; align-items: center;}
.top_tch_home .t1::after {content: ''; display: block; width: 2px; height: 19px; background: #a7d3d9; margin: 0 9px 0 11px;}
.top_tch_home .t2 strong {font-family: 'Pretendard-black'; margin-right: 4px;}
.btn_tch_home {margin-left: 14px; height: 32px; border-radius: 16px; background: #2573e8 url("//img1s.mbest.co.kr/Pub_event/20251224L/ico_home.png") no-repeat left 20px center/16px; border: 2px solid #1360d3; color: #fff; font-family: 'Pretendard-bold'; font-size: 14px; padding: 0 19px 0 40px; display: flex; align-items: center;}
.btn_tch_home:hover {color: #fff;}

.top_list {position: absolute; top: 618px; left: 135px;}
.top_list li {font-family: 'notokr-bold'; font-size: 10px; line-height: 14px; color: #7faead;}

/* con1 */
.con1 .prize_list {display: flex; justify-content: flex-end; margin-top: 40px; gap: 0 20px;}

.con1 .profile_wrap {position: absolute; top: 44px; left: -79px; z-index: 1;}
.con1 .profile_btn {position: absolute; top: 637px; left: 483px; height: 32px; padding: 0 35px 0 16px; border: 1px solid #2b313f; background: #fff441 url("//img1s.mbest.co.kr/Pub_event/20251224L/btn_arrow.png") no-repeat right 11px center/16px; font-family: 'notokr-black'; font-size: 15px; color: #2b313f; border-radius: 16px;}

.con1 .graph_list {margin-top: 43px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 11px;}
.con1 .graph_list li {position: relative; border-radius: 25px; overflow: hidden;}
.con1 .graph_list li:nth-child(1) {grid-column: 1 / -1; justify-self: flex-end;}
.con1 .graph_list li:nth-child(2) {position: relative; z-index: 2;}
.con1 .graph_list .ball {position: absolute; top: 30px; left: 27px; z-index: 1;}
.con1 .graph_list .txt {position: absolute; font-family: 'Pretendard-black'; font-size: 20px; line-height: 1; color: #1e90d8;}
.con1 .graph_list .txt sup {position: absolute; font-size: 15px; font-family: 'notokr-medium'; display: block;}
.con1 .graph_list .t1 {top: 60px; left: 352px;}
.con1 .graph_list .t2 {top: 49px; left: 399px;}
.con1 .graph_list .t1 sup {top: -3px; right: -17px;}
.con1 .graph_list .t2 sup {top: -14px; right: -1px;}

.con1 .sup_list {margin-top: 23px; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 14px;}
.con1 .sup_list li {font-family: 'notokr-medium'; font-size: 11px; line-height: 16px; color: #92d4e3;}

/* con2 */
.con2 .con_list {margin-top: 43px; display: grid; gap: 28px 20px; grid-template-columns: repeat(3,1fr);}
.con2 .con_list li {border-radius: 22px; border: 1px solid #d9d9d9; box-shadow: 0 2px 0 0 #d9d9d9; height: 342px; padding: 38px 23px 29px; text-align: center; display: flex; flex-direction: column; background: #fff;}
.con2 .con_list li h4 {font-family: 'Pretendard-black'; font-size: 24px; line-height: 1; letter-spacing: -0.02em; color: #1c1e23; margin-bottom: 14px;}
.con2 .con_list li p {font-family: 'Pretendard-semibold'; font-size: 18px; line-height: 24px;}
.con2 .con_list li:nth-child(5) p {letter-spacing: -0.075em;}
.con2 .con_list li .box {margin-top: auto; position: relative;}
.con2 .btn_vod_play {position: absolute; width: 49px; height: 49px; top: 107px; right: 11px; border-radius: 50%; background: rgb(0, 0, 0,0.78);}
.con2 .btn_vod_play::after {position: absolute; content: ''; top: 8px; left: 15px; width: 26px; height: 31px; background: url("//img1s.mbest.co.kr/Pub_event/20251224L/btn_play2.png") no-repeat center/cover;}

/* con3 */
.con3 .s_tit {margin-top: -24px; position: relative;}
.con3 .s_tit .go_btn {position: absolute; width: 178px; height: 72px; right: 0; bottom: 0; color: transparent;}
.con3 .lec_list {margin-top: 42px; position: relative; display: grid; grid-template-columns: repeat(2,1fr); gap: 28px 15px;}
.con3 .lec_list::before {position: absolute; content: ''; width: 68px; height: 2127px; background: url("//img1s.mbest.co.kr/Pub_event/20251224L/con3_bar.jpg") no-repeat center/cover; left: -74px; top: 17px;}

.con3 .lec_list li {padding-top: 20px; position: relative;}
.con3 .lec_list li h4 {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 352px; height: 46px; border-radius: 23px; border: 2px solid; background: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard-black'; font-size: 20px; color: #1c1e23; gap: 0 3px; z-index: 2;}
.con3 .lec_list li h4::before,.con3 .lec_list li h4::after {position: absolute; content: ''; width: 7px; height: 7px; border-radius: 50%; top: 50%; transform: translateY(-50%);}
.con3 .lec_list li h4::before {left: 16px;}
.con3 .lec_list li h4::after {right: 16px;}
.con3 .lec_list li h4 strong {color: #c91c1e;}
.con3 .lec_list li h6 span {font-family: 'Pretendard-black'; font-weight: bold;}
.con3 .lec_list .box_tit {height: 138px; padding-top: 47px; border-radius: 32px 32px 0 0; position: relative;}
.con3 .lec_list .box_tit p {line-height: 1; color: #fff; text-shadow: 0 1px 0 rgb(15, 61, 0,0.46);}
.con3 .lec_list .box_tit .t1 {font-family: 'Pretendard-medium'; font-size: 23px;}
.con3 .lec_list .box_tit .t2 {font-family: 'Pretendard-black'; font-size: 27px; margin-top: 9px;}
.con3 .lec_list .box_tit::after {position: absolute; content: ''; width: 103px; height: 19px; background-repeat: no-repeat; background-position: center; background-size: cover; bottom: -19px; left: 0; right: 0; margin: auto;}
.con3 .lec_list .box_cont {border-radius: 0 0 32px 32px; background: #fff; border: 1px solid #a6d8cd; padding: 45px 34px 36px; color: #1c1e23; height: 358px; display: flex; flex-direction: column; box-shadow: 0 2px 0 0 #a6d8cd;}
.con3 .lec_list .box_cont h6 {font-family: 'GangwonEdu-extrabold'; font-size: 28px; height: 18px; margin-bottom: 17px;}
.con3 .lec_list .box_cont p {font-family: 'Pretendard-semibold'; font-size: 21px; line-height: 1;}
.con3 .lec_list .img_wrap {margin-top: auto; display: flex; gap: 0 11px; align-items: center;}
.con3 .lec_list .img_wrap img {z-index: 1;}
.con3 .lec_list .img_wrap .btn_vod_play {position: absolute; width: 63px; height: 64px; bottom: 7px; right: 7px; background: url("//img1s.mbest.co.kr/Pub_event/20251224L/btn_play3.png") no-repeat center/cover; color: transparent;}

.con3 .lec_list li.c1 h4 {border-color: #079aa6;}
.con3 .lec_list li.c1 h4::before,.con3 .lec_list li.c1 h4::after {background: #079aa6;}
.con3 .lec_list li.c1 .box_tit {background: #079aa6;}
.con3 .lec_list li.c1 .box_tit::after {background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/con3_afr1.png");}

.con3 .lec_list li.c2 h4 {border-color: #00757f;}
.con3 .lec_list li.c2 h4::before,.con3 .lec_list li.c2 h4::after {background: #00757f;}
.con3 .lec_list li.c2 .box_tit {background: #00757f;}
.con3 .lec_list li.c2 .box_tit::after {background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/con3_afr2.png");}

.con3 .lec_list li.c3 h4 {border-color: #005961;}
.con3 .lec_list li.c3 h4::before,.con3 .lec_list li.c2 h4::after {background: #005961;}
.con3 .lec_list li.c3 .box_tit {background: #005961;}
.con3 .lec_list li.c3 .box_tit::after {background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/con3_afr3.png");}

.con3 .lec_list li.c4 h4 {border-color: #004761;}
.con3 .lec_list li.c4 h4::before,.con3 .lec_list li.c2 h4::after {background: #004761;}
.con3 .lec_list li.c4 .box_tit {background: #004761;}
.con3 .lec_list li.c4 .box_tit::after {background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/con3_afr4.png");}

/* con4 */
.con4 .con_list {margin-top: 65px; display: flex; justify-content: space-between;}
.con4 .con_list li {position: relative; padding-top: 24px;}
.con4 .con_list h4 {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 299px; height: 59px; background: url("//img1s.mbest.co.kr/Pub_event/20251224L/con4_ball_bg.png") no-repeat center/cover; font-size: 28px; font-family: 'GangwonEdu-extrabold'; line-height: 64px; color: #fff; z-index: 1;}
.con4 .con_list .box {background: #fff; border: 1px solid #e8d321; border-radius: 30px; padding: 53px 46px 44px; height: 686px; box-shadow: 0 2px 0 0 rgb(232, 211, 33,0.55);}
.con4 .con_list .box .t1 {font-family: 'Pretendard-extrabold'; font-size: 21px; line-height: 28px; color: #1c1e23; display: inline; background: linear-gradient(transparent 70%,#fff285 0); box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.con4 .con_list .box .t2 {font-family: 'Pretendard-semibold'; font-size: 21px; line-height: 28px; color: #1c1e23; margin-top: 12px;}
.con4 .con_list .box .img1 {margin-top: 25px;}
.con4 .con_list .btn {display: block; margin-top: 18px;}
.con4 .con_list .box .t3 {font-family: 'Pretendard-bold'; font-size: 23px; line-height: 28px; color: #1c1e23;}
.con4 .con_list .box .t3 strong {font-family: 'Pretendard-black'; font-size: 24px; color: #c91c1e;}
.con4 .con_list .box .t3 ~ .t3 {margin-top: 29px;}
.con4 .plus_list {display: flex; gap: 0 13px;}
.con4 .plus_list li {position: relative;}
.con4 .plus_list li .btn_plus {position: absolute; width: 45px; height: 44px; background: url("//img1s.mbest.co.kr/Pub_event/20251224L/btn_plus.png") no-repeat center/cover; left: 50%; transform: translateX(-50%); bottom: -17px;}
.con4 .tch {position: absolute; bottom: -86px; left: 50%; transform: translateX(-50%); z-index: 1;}


/* 선생님 프로필 레이어 */
.bg_layer {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 100000}
.layer_container_f {width: 720px;background: #fff;border-radius: 20px;position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 30px 60px 50px 60px;max-height: 580px; z-index: 100000; box-shadow: 0 3px 0 0 #c4c4c4;}
.layer_container_f .pop_btn_close {display: inline-block;position: absolute;top: 15px;right: 15px}
.profile_box .profile_tit {border-bottom: 2px solid #000;padding-bottom: 10px;display: flex;flex-wrap: wrap;align-items: center}
.profile_box .profile_tit .tch_img {display: inline-block;width: 56px;height: 56px;border-radius: 50%;background: #e9e9e9;overflow: hidden;position: relative}
.profile_box .profile_tit .tch_img img {position: absolute;top: 6px;left: -4px;width: 130%;z-index: 1}
.profile_box .profile_tit .tch_txt {margin-left: 12px;display: flex;align-items: center}
.profile_box .profile_tit .tch_txt span.subject {font-size: 22px;font-family: 'notokr-bold';padding-left: 32px;line-height: 1.7}
.profile_box .profile_tit .tch_txt span.line {display: inline-block;height: 20px;width: 1px;border-left: 1px solid #ccccd3;margin: 0 10px}
.profile_box .profile_tit .tch_txt span.subject.sbj_key_7 {color: #4b60d4; 
    background: url(//img1s.mbest.co.kr/teacherRoom/new2024/ico_sci_sj_5.png) no-repeat 0 center;}
.profile_box .profile_tit .tch_txt span.name {color: #000;font-size: 22px;font-family: 'notokr-bold'}
.profile_box .profile_view {color: #404040;font-size: 15px;line-height: 25px;font-family: 'notokr-regular';padding-top: 20px;max-height: 440px;overflow-y: auto; text-align: left;}

/* 레이어 팝업 */
.layer_pop {position:fixed; display:flex; align-items: center; justify-content: center; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 100;}
.layer_pop .pop_bg {position:absolute; top:0; left:0; width: 100%; height: 100%;}
.layer_pop .pop_con {position:relative; background:#fff; border-radius: 15px;}
.layer_pop .pop_con .pop_close {position:absolute;}
.layer_pop.pop_review .pop_con {padding:50px 30px 55px; text-align: center;}
.layer_pop.pop_review .pop_con .pop_close {top:20px; right:18px;}
.layer_pop.pop_review .pop_con .tit {padding:19px 10px 18px; min-width:501px; border-radius: 43px; background:#eb1d6b; font-size:24px; color:#fff; line-height:1; font-family: 'Pretendard-bold';}
.layer_pop.pop_review .pop_con .tit strong {display: block; font-size:16px; font-family: 'Pretendard-medium'; line-height:1; margin-top: 9px;}
.layer_pop.pop_review .pop_con .txt {margin-top: 17px; font-size:18px; color:#555; font-family: 'Pretendard-medium'; line-height:1.6;}
.layer_pop.pop_review .pop_con .txt span {text-decoration: underline; color:#eb1d6b; text-decoration-thickness: 2px; text-underline-position: from-font;}

.layer_pop .swiper-button-prev, .layer_pop .swiper-button-next {width: 21px; height: 32px; background-size: cover; margin: 0; transform: translateY(-50%);}
.layer_pop .swiper-button-prev {left: 11px; background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/swp_prev.png");}
.layer_pop .swiper-button-next {right: 11px; background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/swp_next.png");}
.layer_pop .swiper-container-horizontal>.swiper-pagination-bullets {position: static; margin-top: 8px;}
.layer_pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}
.layer_pop .swiper-pagination-bullet {background: #cecece; opacity: 1; width: 9px; height: 9px;}
.layer_pop .swiper-pagination-bullet-active {background: #2ea0ef;}
.layer_pop .swiper-slide img {width: 100%;}

.layer_pop .pop_container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:31px; overflow:hidden; min-width:530px; box-shadow:0 5px 0 0 rgba(0,0,0,0.26); display: flex; flex-direction: column; max-height: 75%;}
.layer_pop .pop_container .pop_close {position:absolute; display: block; right:15px; top:17px; z-index: 10;}
.layer_pop .pop_container .pop_tit {text-align:center; background:#e5e1fc; font-family: 'Pretendard-extrabold'; font-size:33px; color:#333; line-height:1;}
.layer_pop .pop_container .pop_tit span {color:#e9654b;}
.layer_pop .pop_content > img {width: 444px; height: 625px; border: 1px solid #000;}

.pop_book .pop_container {transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px))}
.pop_book .pop_container .pop_tit {padding:56px 0 0; letter-spacing: -0.05em; background: #fff;}
.pop_book .pop_content {position:relative; padding:47px 44px 26px; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; width: 100%;}
.book_wrap {width:821px; height:464px; border:1px solid rgba(0,0,0,0.6); border-radius:5px; padding-top: 1px; overflow: hidden;}
.btn_book {position:absolute; top:50%; transform:translateY(-50%)}
.btn_book.btn_prev,.btn_book.btn_prev2 {left:25px;}
.btn_book.btn_next,.btn_book.btn_next2 {right:25px;}
.pop_book .paging {display: flex; align-items:center; justify-content: center; position:absolute; top: 5px; right:83px;}
.pop_book .paging span {display:block; width:9px; height:9px; border-radius:50%; background:#cecece;}
.pop_book .paging span + span {margin-left:6px;}
.pop_book .paging span.active {background:#e9654b;}
.bg_layer {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 100000}
.booklet .b-wrap-left,.booklet .b-wrap-right {background: transparent;}

/* animation */
@keyframes scaleDown {
    0% {
        transform: scale(1.5) translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-35%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes flicker {
    0%{opacity:0.4;}
    49%{opacity:0.4;}
    50%{opacity:1;}
    99%{opacity:1;}
    100%{opacity:0.4;}
}

/* 강좌 리스트 */
.btn_class_list {width:100%; display:flex; border-top: 1px solid #bababa;border-left: 1px solid #bababa; margin-top: 55px;}
.btn_class_list a {position:relative; display:block; width:100%; height:80px; background: #ededed; font-family: 'Pretendard-bold'; font-size: 20px; color: #7d7d7d; letter-spacing: -0.075em; border-right: 1px solid #bebebe; display: flex; align-items: center; flex-direction: column; line-height:1; justify-content: center; text-decoration: none; border-bottom: 4px solid #392b22;}
.btn_class_list a span {display: block; line-height:1; margin-bottom: 7px; font-size:17px; font-family: 'Pretendard-medium';}
.btn_class_list a:before {content:''; position:absolute; top: -1px; left: -1px; width: calc(100% - 6px); height: calc(100% - -1px); border: 4px solid #000; display: none; z-index: -1; background:#fff; border-bottom:0;}
.btn_class_list a.select,.btn_class_list a:hover {background:#fff; z-index: 1; border-bottom: 4px solid #fff; color:#333; font-family: 'Pretendard-extrabold';}
.btn_class_list a.select span,.btn_class_list a:hover span {color:#e86045;}
.btn_class_list a.select:before,.btn_class_list a:hover:before {display: block; }

.tab_con {margin-top: 33px; font-size:16px;}

.sub_tab {display:flex; margin-bottom: 33px; margin-top: 27px;}
.sub_tab a {display: flex; align-items: center; justify-content: center; text-decoration: none; flex:1; height:60px; background: #f2f2f2; font-family: 'Pretendard-bold'; font-size: 18px; color: #757575; letter-spacing: -0.075em;}
.sub_tab a + a {border-left:1px solid #fff;}
.sub_tab a.select,.sub_tab a:hover {background:#1487cf; color:#fff;}