@charset "UTF-8";

/* common */
.evt_wrap {overflow: hidden;}
.evt_wrap * {box-sizing: border-box; letter-spacing: -0.05em;}
.evt_wrap img {vertical-align: top; width: 100%;}
h1,h2,h3,h4,h5,h6,strong,em {font-weight: normal;}
i {font-style: italic;}
li {list-style: none;}

/* layout */
.inner {padding:0 4.622%;}
.content_top {position: relative; background: url("//img2s.mbest.co.kr/mobile/event/20251224L/top_bg.jpg") no-repeat center/cover; padding: 9.244vw 0 7.843vw; height: 174.09vw;}
.con1 {background: #1e90d8; padding-bottom: 5.882vw;}
.con2 {background:#fff; padding-bottom: 5.462vw;}
.con3 {background: #c5f9ee; padding-bottom: 6.162vw;}
.con4 {background: #fff285; padding-bottom: 11.485vw;}

/* 스크롤 탭 */
.jbFixed {position: fixed !important; top:0; left:0; z-index: 999;}
.scroll_tab {position: relative; width:100%;height: 17.227vw; overflow: hidden;}
.scroll_tab .tab_btn {position:absolute; top:0; left:0; width:100%; display:flex; flex-wrap: wrap;}
.scroll_tab .tab_btn a {display:block;}
.scroll_tab .tab_btn a:nth-child(1) {width: 33.193%;}
.scroll_tab .tab_btn a:nth-child(2) {width: 33.754%;}
.scroll_tab .tab_btn a:nth-child(3) {width: 33.053%;}
.scroll_tab .tab_btn.fixed {position: fixed; z-index: 9999; top:0; left:0;}

/* swiper */
.evt_wrap .swiper-button {bottom: 0; top: unset; height: unset; width: 7.843vw; background-size: cover; aspect-ratio: 1; opacity: 1; z-index: 11;}
.evt_wrap .swiper-button-prev {left: 0; background-image: url("//img2s.mbest.co.kr/mobile/event/20251224L/swp1_prev.png");}
.evt_wrap .swiper-button-next {right: 0; background-image: url("//img2s.mbest.co.kr/mobile/event/20251224L/swp1_next.png");}
.evt_wrap .swiper-pagination {position: absolute; bottom: 2.941vw; left: 50%; transform: translateX(-50%); margin: 0; line-height: 1;}
.evt_wrap .swiper-pagination span {width: 2vw; height: 2vw; background: #b9b9b9; opacity: 1;}
.evt_wrap .swiper-pagination span.swiper-pagination-bullet-active {background: #1490e7;}
.evt_wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.35vw;}
.evt_wrap .swiper-pagination span + span {margin-left: 0.7vw;}

/* content_top */
.top_medal {position: absolute; top: 61.204vw; right: 7.283%;}
.top_medal li {width: 21.709vw;}
.top_medal li + li {margin-top: 1.681vw;}

.top_tit {display: block;}
.top_tit.t2 {margin-top: 2.241vw;}

.btn_top_vod {margin: 68.627vw auto 0; width: 75.91%; display: block; position: relative;}
.btn_top_vod:after {content:''; position:absolute; bottom:19.018%; right:8.303%; width:8.403vw; aspect-ratio: 49/60; background:url("//img1s.mbest.co.kr/Pub_event/20251224L/btn_play.png") no-repeat center/cover; animation: flicker 1.5s linear infinite;}

.top_tch_home {margin-top: 1.821vw; display:flex; font-size:5.083vw; color:#191717; font-family: 'Pretendard-semibold'; align-items: flex-end; line-height: 1; justify-content: center;}
.top_tch_home p {padding-bottom: 0.7vw;}
.top_tch_home .t1 {font-family: 'Pretendard-black'; color: #2573e8; display: flex; align-items: center;}
.top_tch_home .t1::after {content: ''; display: block; width: 0.43vw; height: 4.097vw; background: #a7d3d9; margin: 0 2.101vw 0 2.381vw;}
.top_tch_home .t2 strong {font-family: 'Pretendard-black'; margin-right: 0.84vw;}
.btn_tch_home {margin-left: 3.221vw; height: 6.718vw; border-radius: 3.221vw; background: #2573e8 url("//img2s.mbest.co.kr/mobile/event/20251224L/ico_home.png") no-repeat left 3.782vw top 1.961vw/3.221vw; border: 0.28vw solid #1360d3; color: #fff; font-family: 'Pretendard-bold'; font-size: 3.059vw; padding: 0 4.762vw 0 7.983vw; display: flex; align-items: center; line-height: 6.718vw;}

.top_list {margin-top: 3.081vw; text-align: center;}
.top_list li {font-family: 'notokr-bold'; font-size: 1.922vw; line-height: 1.36; color: #7faead;}

/* con1 */
.con1 .prize_list {display: flex; justify-content: center; gap: 0 2.801%;}
.con1 .prize_list li {width: 28.852%;}

.con1 .graph_list {margin-top: 6.303vw;}
.con1 .graph_list li {position: relative; border-radius: 3.501vw; overflow: hidden;}
.con1 .graph_list li + li {margin-top: 1.541vw;}
.con1 .graph_list .ball {position: absolute; top: 9.063%; left: 4.012%; width: 32.87%; aspect-ratio: 213/118; z-index: 1;}
.con1 .graph_list .text {position: absolute; font-family: 'Pretendard-black'; font-size: 3.081vw; line-height: 1; color: #1e90d8;}
.con1 .graph_list .text sup {position: absolute; font-size: 3.221vw; font-family: 'notokr-medium'; display: block;}
.con1 .graph_list .t1 {top: 18.127%; left: 63.272%;}
.con1 .graph_list .t2 {top: 15.106%; left: 69.136%;}
.con1 .graph_list .t1 sup {top: -0.22vw; right: -3.281vw;}
.con1 .graph_list .t2 sup {top: -1.961vw; right: -0.14vw;}

.con1 .sup_list {margin-top: 3.641vw; text-align: center;}
.con1 .sup_list li {font-family: 'notokr-medium'; font-size: 1.961vw; line-height: 1.36; color: #92d4e3;}

.con1 h3 {position: relative;}
.con1 .profile_btn {position: absolute; width: 28.21%; aspect-ratio: 180/43; top: 73.239%; left: 50%; transform: translateX(-50%); font-size: 0; text-indent: -999em; border: none; background: none;}

/* con2 */
.con2 .swiper-container {padding-bottom: 10.924vw;}
.con2 .slide_box {border-radius: 2.801vw; border: 0.14vw solid #d9d9d9; box-shadow: 0 0.28vw 0 0 #d9d9d9; display: flex; justify-content: space-between; height: 31.793vw; align-items: center; padding: 3.922vw 3.361vw 3.922vw 5.602vw; background: #fff;}
.con2 .slide_box + .slide_box {margin-top: 2.801vw;}
.con2 .slide_box h4 {font-family: 'Pretendard-black'; font-size: 3.922vw; line-height: 1.14; letter-spacing: -0.02em; color: #1c1e23; margin-bottom: 1.401vw;}
.con2 .slide_box p {font-family: 'Pretendard-semibold'; font-size: 3.221vw; line-height: 1.22;}
.con2 .slide_box .img {width: 42.017vw;}

/* con3 */
.con3 .swiper-wrapper {padding-bottom: 9.384vw;}
.con3 .lec_box {position: relative; padding-top: 3.361vw;}
.con3 .lec_box h6 span {font-family: 'Pretendard-black'; font-weight: bold;}
.con3 .lec_box + .lec_box {margin-top: 3.361vw;} 
.con3 .lec_box h4 {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 60.081vw; height: 7.423vw; border-radius: 3.641vw; border: 0.42vw solid; background: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard-black'; font-size: 3.641vw; color: #1c1e23; gap: 0 0.7vw; z-index: 2;}
.con3 .lec_box h4 strong {color: #c91c1e;}
.con3 .box_tit {height: 20.868vw; padding-top: 6.863vw; border-radius: 4.482vw 4.482vw 0 0; position: relative; text-align: center;}
.con3 .box_tit p {line-height: 1; color: #fff;}
.con3 .box_tit .t1 {font-family: 'Pretendard-medium'; font-size: 3.641vw;}
.con3 .box_tit .t2 {font-family: 'Pretendard-black'; font-size: 4.482vw; margin-top: 0.98vw; text-shadow: 0 0.14vw 0 rgb(15, 61, 0,0.46);}
.con3 .box_tit::after {position: absolute; content: ''; width: 14.426vw; height: 2.661vw; background-repeat: no-repeat; background-position: center; background-size: cover; top: 20.6vw; left: 0; right: 0; margin: auto;}
.con3 .box_cont {border-radius: 0 0 4.482vw 4.482vw; background: #fff; padding: 6.303vw 3.782vw 4.762vw; color: #1c1e23; height: 48.599vw; display: flex; flex-direction: column; box-shadow: 0 0.28vw 0 0 #a6d8cd; text-align: center;}
.con3 .box_cont h6 {font-family: 'GangwonEdu-extrabold'; font-size: 4.902vw; height: 3.501vw; margin-bottom: 3.101vw; line-height: 1.3;}
.con3 .box_cont p {font-family: 'Pretendard-semibold'; font-size: 3.501vw; line-height: 1;}
.con3 .img_wrap {margin-top: auto; display: flex; gap: 0 1.961vw; align-items: center;}
.con3 .img_wrap > img {width: 37.815vw;}
.con3 .img_wrap .btn_vod_play {position: absolute; width: 8.824vw; height: 8.964vw; bottom: 1.681vw; right: 1.261vw; background: url("//img2s.mbest.co.kr/mobile/event/20251224L/btn_play3.png") no-repeat center/cover; color: transparent; border: none;}

.con3 .lec_box.c1 h4 {border-color: #079aa6;}
.con3 .lec_box.c1 .box_tit {background: #079aa6;}
.con3 .lec_box.c1 .box_tit::after {background-image: url("//img2s.mbest.co.kr/mobile/event/20251224L/con3_afr1.png");} 

.con3 .lec_box.c2 h4 {border-color: #00757f;}
.con3 .lec_box.c2 .box_tit {background: #00757f;}
.con3 .lec_box.c2 .box_tit::after {background-image: url("//img2s.mbest.co.kr/mobile/event/20251224L/con3_afr2.png");} 

.con3 .lec_box.c3 h4 {border-color: #005961;}
.con3 .lec_box.c3 .box_tit {background: #005961;}
.con3 .lec_box.c3 .box_tit::after {background-image: url("//img2s.mbest.co.kr/mobile/event/20251224L/con3_afr3.png");} 

.con3 .lec_box.c4 h4 {border-color: #004761;}
.con3 .lec_box.c4 .box_tit {background: #004761;}
.con3 .lec_box.c4 .box_tit::after {background-image: url("//img2s.mbest.co.kr/mobile/event/20251224L/con3_afr4.png");} 

/* con4 */
.con4 .con_list li {position: relative; padding-top: 4.342vw;}
.con4 .con_list li + li {margin-top: 5.882vw;}
.con4 .con_list h4 {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 49.44vw; height: 9.104vw; background: url("//img2s.mbest.co.kr/mobile/event/20251224L/con4_ball_bg.png") no-repeat center/cover; font-size: 4.772vw; font-family: 'GangwonEdu-extrabold'; line-height: 9.8vw; color: #fff; z-index: 1; text-align: center;}
.con4 .con_list .box {background: #fff; border: 0.14vw solid #e8d321; border-radius: 4.202vw; padding: 8.123vw 8.123vw 8.683vw; box-shadow: 0 0.28vw 0 0 rgb(232, 211, 33,0.55); text-align: center;}
.con4 .con_list .box .t1 {font-family: 'Pretendard-extrabold'; font-size: 3.922vw; line-height: 1.25; 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: 3.922vw; line-height: 1.25; color: #1c1e23; margin-top: 2.801vw;}
.con4 .con_list .box .img1 {margin-top: 3.922vw; width: 65.126vw;}
.con4 .con_list .btn {border: none; background: none; margin-top: 5.322vw;}
.con4 .con_list .box .t3 {font-family: 'Pretendard-bold'; font-size: 4.482vw; line-height: 1; color: #1c1e23;}
.con4 .con_list .box .t3 strong {font-family: 'Pretendard-black'; color: #c91c1e; margin-left: 1.12vw;}
.con4 .con_list .box .t3 ~ .t3 {margin-top: 4.202vw;}
.con4 .plus_list {display: flex; gap: 0 2.801vw; justify-content: center;}
.con4 .plus_list li {position: relative; padding-bottom: 2.941vw; padding-left: 1.541vw; width: 31.232vw;}
.con4 .plus_list li:last-child {padding-left: 0; padding-right: 1.541vw;}
.con4 .plus_list li + li {margin-top: 0;}
.con4 .plus_list li .btn_plus {position: absolute; width: 7.143vw; height: 7.003vw; background: url("//img2s.mbest.co.kr/mobile/event/20251224L/btn_plus.png") no-repeat center/cover; left: 0; bottom: 0; border: none;}
.con4 .plus_list li:last-child .btn_plus {right: 0; left: unset;}

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

/* 레이어 팝업 */
.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.7); z-index: 100;}
.layer_pop * {box-sizing: border-box;}
.layer_pop .pop_bg {position:absolute; top:0; left:0; width: 100%; height: 100%;}
.layer_pop .pop_con {position:relative; background:#fff; border-radius: 2.08vw; width: 90%;}
.layer_pop .pop_con .pop_close {position:absolute;}
.layer_pop.pop_review .pop_con {padding:8.89vw 5.56vw 10.42vw; text-align: center;}
.layer_pop.pop_review .pop_con .pop_close {top:2.78vw; right:2.78vw; width:3.19vw;}
.layer_pop.pop_review .pop_con .pop_close img {width: 100%;}
.layer_pop.pop_review .pop_con .tit {padding:3.47vw 1.39vw 2.64vw; width:100%; border-radius: 5.97vw; background:#eb1d6b; font-size:calc(27 * 100vw/ 720); color:#fff; line-height:1; font-family: 'Pretendard-bold';}
.layer_pop.pop_review .pop_con .tit strong {display: block; font-size:calc(18 * 100vw/ 720); font-family: 'Pretendard-medium'; line-height:1; margin-top: 1.25vw;}
.layer_pop.pop_review .pop_con .txt_box {margin-top: 3.33vw; font-size:calc(21 * 100vw/ 720); color:#555; font-family: 'Pretendard-medium'; line-height:1.6;}
.layer_pop.pop_review .pop_con .txt_box span {color:#eb1d6b;}

.layer_pop .pop_container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:9vw; overflow:hidden; box-shadow:0 5px 0 0 rgba(0,0,0,0.26); display: flex; flex-direction: column; max-height: 85%; width:92.3%; padding:6.4vw 4.1vw 4.5vw;}
.layer_pop .pop_container .pop_close {position:absolute; display: block; width: 5vw; height: 5vw; top: 5.4vw; right: 5%;}
.layer_pop .pop_container .pop_close img {width:100%;}
.layer_pop .pop_container .pop_tit {text-align:center; font-family: 'notokr-black'; line-height:1; color:#000;}
.layer_pop .pop_container .pop_tit span {color:#e9654b;}
.pop_content {padding:6.2vw 0 0; text-align: center; overflow-y: auto;}
.pop_content .swiper-container {padding: 0 9.6% 3.49vw;}
.pop_content .swiper-slide img {width: 100%;}
.pop_content > img {width: 80%; border: 0.14vw solid #000;}
.pop_content .swiper-pagination {display: flex; align-items:center; justify-content: center; bottom: 0;}
.pop_content .swiper-pagination-bullet {display:block; width:1.67vw; height:1.67vw; border-radius:50%; background:#cecece; opacity: 1;}
.pop_content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.425vw;}
.pop_content .swiper-pagination-bullet-active {background: #2ea0ef;}
.layer_pop .swiper-button-prev, .layer_pop .swiper-button-next {width: 5.42vw; height: unset; aspect-ratio: 21/32; background-size: cover;}
.layer_pop .swiper-button-prev {left: 0; background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/swp_prev.png");}
.layer_pop .swiper-button-next {right: 0; background-image: url("//img1s.mbest.co.kr/Pub_event/20251224L/swp_next.png");}

.pop_book .pop_container .pop_tit {line-height: 1.1em; margin-bottom: -4vw; font-size:calc(40 * 100vw/ 720); padding-bottom: 3.47vw; letter-spacing: -0.075em;}

.pop_content::-webkit-scrollbar {width: 0.69vw;}
.pop_content::-webkit-scrollbar-thumb {background-color: #eee; border-radius: 1.39vw;}
.pop_content::-webkit-scrollbar-track {background-color: #fff;}

.pop_book .pop_container {transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px))}
.book_wrap {position:relative; width:100%; padding:0 9.75%;}
.flip_book {border:1px solid #b1b1b1; margin:0 auto; width:100% !important; height:93vw;}
.flip_book .page-wrapper {width:100% !important;}
.flip_book img {width:100%;}
.btn_book {position:absolute; top:50%; transform:translateY(-50%)}
.btn_book img {width: 100%;}
.btn_book.btn_prev {left:0; width:5.42vw;}
.btn_book.btn_next {right:0; width:5.42vw;}
.pagination {display: flex; align-items:center; justify-content: center; margin-top: 4.03vw;}
.pagination span {display:block; width:1.67vw; height:1.67vw; border-radius:50%; background:#cecece;}
.pagination span + span{margin-left:0.85vw;}
.pop_book .pagination span.active{background:#e9654b;}

.pop_profile .pop_container {display: flex;flex-direction: column;max-height: 80%; border-radius: 3.1vw;width: 91.7%;padding: 2.8% 7%;}
.pop_profile .pop_top {display: flex;align-items: center;border-bottom: 2px solid #000;padding-bottom: 3.4%}
.pop_profile .pop_top .profile_img {position: relative;overflow: hidden;background: #e9e9e9;width: 13.9vw;height: 13.9vw;border-radius: 50%;flex: 0 1 auto;margin-right: 3.7%}
.pop_profile .pop_top .profile_img img {position: absolute;top: 2vw}
.pop_profile .pop_top .pop_tch_info {flex: 1;font-family: 'notokr-bold'}
.pop_profile .pop_top .pop_tch_info .subject {display: flex;align-items: center;font-size: 4.17vw;color: #4b60d4;line-height: 1.2}
.pop_profile .pop_top .pop_tch_info .subject img {margin-right: 11px}
.pop_profile .pop_top .pop_tch_info .name {font-size: 4.17vw;color: #000;line-height: 1;margin-top: 2.78%}
.tch_profile_con {padding: 5% 0 7%;color: #404040;font-size: 3.06vw;line-height: 1.5;overflow-y: auto}
.pop_tch_info .subject.sbj_key_7 {background: url("//img2s.mbest.co.kr/mobile/teacherRoom/ico_sub_5.png") no-repeat 0 center / 4.45vw;padding-left: 5.5vw;}
.pop_profile .pop_container .pop_close {position: absolute;top: 2.1vw;right: 2.1vw;width: 6.7vw}