@charset "euc-kr";


/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */


:root { 
--point-color1:#030832; 
--point-color2:#ff1e7d; 
} 


/* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.eventWrap .warningList li ul li a.tp1 { background-color:#000; color:#fff; } 


/*°øÅë*/
.eventWrap .evSection { position: relative; padding: 160px 0; } 
.eventWrap .mb0{margin-bottom: 0 !important;}

.eventWrap strong.sub_tit { display:block; line-height: 1.4; } 
.eventWrap .mini_tit {margin: 0 0 10px;}
.eventWrap .con_tit { margin: 0 0 50px; line-height: 1.3; } 

.ev_swiperPaging {position: relative;overflow: hidden;}
.ev_swiperScroll .swiper-wrapper {gap: 15px;}
.ev_swiperScroll .swiper-slide {flex:1}		
.swiper-scrollbar {display: none;}
.eventWrap .slick-arrow { width: 28px; height: 49px; font-size: 0; position: absolute; z-index: 1; top: 50%; transform: translate(0, -50%); } 
.eventWrap .slick-prev { background: url('https://img.megagong.net/m/2022/1214_tjenglish08/con2_roll_prev.png') no-repeat; left: -40px; } 
.eventWrap .slick-next { background: url('https://img.megagong.net/m/2022/1214_tjenglish08/con2_roll_next.png') no-repeat; right: -40px; } 
.eventWrap .evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
.eventWrap .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
.eventWrap .evSection .slick-dots li button { font-size: 0; } 
.eventWrap .evSection .slick-dots li.slick-active { background-color: #000; } 
.eventWrap .evSection .swiper-pagination {position: relative;top: unset;bottom: unset;left: unset;}
.eventWrap .evSection .swiper-pagination .swiper-pagination-bullet{background: #fff;border: 1px solid #adadad;width: 12px;height: 12px;opacity: 1;}
.eventWrap .evSection .swiper-pagination .swiper-pagination-bullet-active{background:var(--point-color1);border-color:var(--point-color1)}

.eventWrap .color_highlight{color:var(--point-color2);}
.eventWrap .color_highlight2{color:var(--point-color1)}

.line_tit{margin:0 0 30px}
.line_tit i{background: var(--point-color2);}
.line_tit.circle span{background: var(--point-color2);}

/*evCon1*/
.evSection.evCon1 {background: url("https://image.megagong.net/m/2025/0115_megamega2/con_img14.jpg")  center 0 no-repeat;padding: 250px 0 80px;} 
.evCon1 .tit_wrap{position: relative;}
.evCon1 .tit_wrap h3{position: relative;padding: 15px 0 0;}
.evCon1 .tit_wrap h3 span{position: absolute;width: 100%;top: 0;left: 0;}
.evCon1 .point{text-align: left;margin: 0 0 230px;}
.evCon1 .point img:last-child{display: block;margin: 20px 0 0;}
.evCon1 .teacher_home{position: absolute;bottom: 7%;right: 1%;width: 6%;height: 21%;background: #000;opacity: 0;}

/*S: [ws]250212_evCon1 ¿µ¿ª*/
.evCon1.ver2 .point {margin:0 0 166px;}
.evCon1 .cir_tit {margin:0 auto 16px; padding:6px 20px; border-radius: 40px; width: fit-content; font-weight: bold; background-color: #ff456e; color:#fff;}
.evCon1 .cir_tit.on {color:#fff000;}
/*E: [ws]250212_evCon1 ¿µ¿ª*/



/*tab_wrap*/
.tab_wrap.on {padding: 85px 0 0;}

.tab_base { width:100%; display: flex; justify-content: center; background: #2f2f2f;} 
.tab_base.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 11; } 
.tab_base li { display: inline-block; width: 540px; overflow: visible !important; } 
.tab_base li a {position: relative;display: block;background: #2f2f2f;color: #746964;padding: 20px 0;line-height: 1.4;position: relative;overflow: visible !important;} 
.tab_base li a strong { display: block; } 
.tab_base li.on a { background: var(--point-color1); color: #fff; } 
.tab_base li .open { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; } 

.evSection .last_ment {margin: 15px 0 0;line-height: 1.4;} 

/*evCon2*/
.evSection.evCon2 {background: var(--point-color1);color: #fff;} 
.evCon2 .txt_box_wrap { justify-content: center; gap:20px; } 
.evCon2 .txt_box_wrap .txt_box { width: calc(33.333% - 10px); border-radius: 5px; overflow: hidden; border:1px solid #e1e1e1; } 
.evCon2 .txt_box_wrap .txt_box .tit { padding: 24px 0; background-color: #e1e1e1; font-weight:900; } 
.evCon2 .txt_box_wrap .txt_box .det { padding:30px 0 40px; } 
.evCon2 .txt_box_wrap .txt_box .det p { line-height: 1.8; } 
.evCon2 .last_ment{font-weight: normal;}

/*evCon3*/
.evSection.evCon3 {background: url("https://image.megagong.net/m/2025/0107_tjenglish08/evCon1_bg.jpg") center 0 no-repeat;background: #f5f5f5;} 
.evCon3 .dwn_arr{opacity: 0.1;}
.evCon3 h5{margin: 0 0 35px;font-weight: bold;} 
.evCon3 h5 i{font-size: 0.666em;padding: 7px 0;background: #000;color: #fff;border-radius: 60px;line-height: 1;font-style: normal;font-weight: 500;width: 85px;display: block;margin: 0 auto 10px;} 
.evCon3 h5 strong{padding: 12px 22px 13px;background: var(--point-color1);color: #fff;border-radius: 60px;line-height: 1;display: inline-block;margin: 0 10px 0 0;} 
.evCon3 h5 .color_highlight{margin: 0 0 0 8px;}
.evCon3 .last_ment + h5{margin-top: 130px;}
.evCon3 .book_wrap  {display: flex;align-items: flex-start;justify-content: center;gap: 33px;margin: 0 40px 110px 30px;} 
.evCon3 .book_wrap.mb0{gap: 50px;}
.evCon3 .book_wrap + .last_ment{margin-top: 45px;}
.evCon3 .book_wrap .ev_swiperPaging{width: 544px;}
.evCon3 .book_wrap .ev_swiperPaging#evC3_swiper3{width: 344px;}
.evCon3 .book_wrap .list {display: flex;color:#121212;text-align: left;/* width: 660px; */flex-direction: column;gap: 33px;z-index: 1;margin: 10px 0 0;}
.evCon3 .book_wrap .list li{position: relative;}
.evCon3 .book_wrap .list li::before{content:'';background: url("https://image.megagong.net/m/2025/0115_megamega2/con_img10.png")  0 0 no-repeat;width: 120px;height: 22px;position: absolute;top: 50%;right: 100%;margin: -10px 0 0 0;}
.evCon3 .book_wrap .cycle{padding: 30px 0 0;}
.evCon3 .txt_box_wrap { justify-content: center; gap:20px; } 
.evCon3 .txt_box_wrap .txt_box { width: calc(33.333% - 10px); border-radius: 5px; overflow: hidden; border:1px solid #e1e1e1; } 
.evCon3 .txt_box_wrap .txt_box .tit { padding: 24px 0; background-color: #e1e1e1; font-weight:900; } 
.evCon3 .txt_box_wrap .txt_box .det { padding:30px 0 40px; } 
.evCon3 .txt_box_wrap .txt_box .det p { line-height: 1.8; } 
.evCon3 .last_ment .bora { padding-bottom: 10px; border-bottom: 2px solid #9502ff; color:#9502ff; } 

/*evCon4*/
.evSection.evCon4 {background: #eef6ff;} 
.evCon4 .slick-next { right: -50px; } 
.evCon4 .slick-prev { left: -50px; } 
.evCon4 .book_wrap  {display: flex;gap: 60px;margin: 0 0 70px;flex-direction: row;flex-wrap: wrap;padding: 0 65px;align-items: center;} 
.evCon4 .book_wrap .list {display: flex;flex-direction: column;align-items: flex-start;gap: 50px;}
.evCon4 .book_wrap .list dl{text-align: left;position: relative;}
.evCon4 .book_wrap .list dl ~ dl::before{content:'';position: absolute;top: -25px;left: 0;width: 100%;height: 1px;background: #000;opacity: 0.1;}
.evCon4 .book_wrap .list dl dt{font-weight: bold;position: relative;padding: 0 0 0 15px;margin: 0 0 10px;font-weight: 900;}
.evCon4 .book_wrap .list dl dt::before{content: '';position: absolute;top: 7px;left: 0;width: 4px;height: 15px;background: #000;}
.evCon4 .book_wrap .list dl dd{padding-left: 10px;text-indent: -10px;margin: 0 0 2px 6px;}
.evSection .paper_slide { margin: 35px -15px 0; } 
.evCon4 .paper_slide {margin: 0 40px;} 
.evSection .counting { font-size: 15px; color: #777777; border: 1px solid #777; border-radius: 100px; display: inline-block; background: #fff; padding: 1.75px 16.5px; } 
.evSection .counting strong { color: #000; } 

/*S: [ws]250212_evCon4 ¿µ¿ª*/
.evCon4 .book_wrap.ver2 {padding:0; gap:34px;}
/*E: [ws]250212_evCon4 ¿µ¿ª*/


/*evCon6*/
.evCon6 .last_ment { margin: 4% 0 0; } 

/*evCon7*/
.evSection.evCon7 {background: #eef6ff;} 
.eventVideo.video_renewal { margin:0 auto; width: 1000px; } 
.evCon7 .txtitem_wrap { margin:40px 0 0; justify-content: space-between; gap:20px; } 
.evCon7 .txtitem_wrap .txtitem { padding: 40px 0; width:calc(33.333% - 10px); border-radius: 10px; border: 1px solid #b5b5b5; background-color: #fff; } 

/*evCon10*/
.evCon10 .ev_swiper_wrap{margin: 0 0 50px;}

/*event*/
.evSection.event{background: #ffe4ff;}
.evSection.event.evt2{background: #b3ccff;}
.evSection.event .con_tit{margin: 0 0 20px;}
.evSection.event .con_tit + .mini_tit{opacity: 0.5;margin: 0 0 40px;}
.evSection.event .container_info .info .noti{color: var(--point-color2);font-weight: 500;opacity: 1;font-size: inherit;}
.evSection.event.evt1 .container_info .info .noti{padding:0}
.evSection.event.evt1 .container_info .info .noti::before{display:none}
.regist_form_area { background-color:#4f0981; } 
.roulette_base_wrap {padding: 30px 0 37px;background: url(https://img.megagong.net/m/2025/0115_megamega2/bg_roulette.png) 50% 0 no-repeat;margin: 80px 0 0;}

.eventWrap .evSection.evtoggleWarning { padding: 0; } 

.gift_list_wrap li{overflow: visible;margin: 55px 0 0;}
.gift_list_wrap li .ustarget {background:#2354b9;color:#fff;display: block;padding: 18px 0;line-height: 1;position: absolute;bottom: 100%;left: 0;width: 100%;margin: 0 0 5px;border-radius: 4px;} 
.gift_list_wrap li:nth-child(2) .ustarget { background:var(--point-color2) } 

.warningList .f_dash li .point{color:var(--point-color2);font-weight: 500;}






@media screen and (max-width: 1200px) { 


    /*°øÅë*/
    .eventWrap .evSection {padding: 15% 0;} 
    .eventWrap .con_tit {margin: 0 0 8%;} 
    .slick-prev { left: 0.5%; } 
    .slick-next { right: 0.5%; } 

    /*tab_wrap*/
    .tab_base li .open { width: 18%; left: 10px; } 

    .evSection .last_ment {margin: 4% 0 0;font-size: clamp(14px,3.0vmin,25px);} 

    /*evCon1*/
    .evSection.evCon1 {background-size: cover;padding: 12% 0 5%;} 
    .evCon1 .tit_wrap h3 img{width:100%}
    .evCon1 .tit_wrap h3 img:nth-child(1){width:40%}
    .evCon1 .point{margin: 0 64% 30% 0;display: flex;flex-direction: row;flex-wrap: wrap;}
    .evCon1 .point img{flex: 1;margin: 0 2% 0 0;}
    .evCon1 .point img:last-child{flex: none;width: 100%;}
    .evCon1 .teacher_home{right: -1%;}

    .evCon1.ver2 .point {margin: 0 64% 30% 0;}


    /*evCon3*/
    .evCon3 h5{margin: 0 0 5%;}
    .evCon3 .last_ment + h5{margin-top: 10%;}
    .evCon3 .book_wrap  {gap: 2vw;margin: 0 0 10%;align-items: center;} 
    .evCon3 .book_wrap.mb0{gap: 2vw;}
    .evCon3 .book_wrap .ev_swiperPaging, .evCon3 .book_wrap .ev_swiperPaging#evC3_swiper3{width: 55%;}
    .evCon3 .book_wrap .ev_swiperPaging img{width:100%}
    .evCon3 .book_wrap .list {gap: 2vw;width: 45%;}
    .evCon3 .book_wrap .list li::before{width: 8vw;}
    .evCon3 .book_wrap .list li img{width: 100%;}
    .evCon3 .txt_box_wrap { justify-content: center; gap:20px; } 
    .evCon3 .txt_box_wrap .txt_box { width: calc(33.333% - 10px); border-radius: 5px; overflow: hidden; border:1px solid #e1e1e1; } 
    .evCon3 .txt_box_wrap .txt_box .tit { padding: 24px 0; background-color: #e1e1e1; font-weight:900; } 
    .evCon3 .txt_box_wrap .txt_box .det { padding:30px 0 40px; } 
    .evCon3 .txt_box_wrap .txt_box .det p { line-height: 1.8; } 
    .evCon3 .last_ment .bora { padding-bottom: 10px; border-bottom: 2px solid #9502ff; color:#9502ff; } 

    /*evCon4*/
    .evCon4 .paper_slide{margin: 0 3%;}
    .evCon4 .slick-next {right: -3%;} 
    .evCon4 .slick-prev {left: -3%;} 
    .evCon4 .book_wrap  {gap: 2vw;margin: 0 0 5%;padding: 0;} 
    .evCon4 .book_wrap  .book{width: 45%;} 
    .evCon4 .book_wrap  .book img{width: 100%;} 
    .evCon4 .book_wrap .list {gap: 2vw;flex: 1;width: 55%;}
    .evCon4 .book_wrap .list dl ~ dl::before{display: none;}
    .evSection .paper_slide .item img { margin:0 auto; display:block; width: 93%; } 


    /*evCon7*/
    .evSection.evCon7 { background-position: -27% -45%; background-size: 55% auto; } 
    .roulette_base_wrap {background-size: 100%;}
    .roulette_base_wrap .roulette_wrap .startBox{top:calc(50% + 0vmin)}


}

@media screen and (max-width: 1024px) {
    

    /*evCon7*/
    .eventVideo.video_renewal { width: 100%; } 


}

@media screen and (max-width: 768px) {
    

    .eventWrap { font-size: 14px; } 
    .slick-prev { background-size: 60%; background-position: center; left: -2.5%; } 
    .slick-next { background-size: 60%; background-position: center; right: -2.5%; } 
    .ev_swiperScroll {position: relative; overflow: hidden;}
    .ev_swiperScroll .swiper-wrapper {gap: 0;}
    .ev_swiperScroll .swiper-slide {width: 44vw;flex:none;margin-right: 10px;}
    .ev_swiperScroll .swiper-slide:last-child {margin-right: 0;}
    .ev_swiperScroll .swiper-scrollbar {display: block;position: relative; margin-top: 15px;left: auto;top: auto;height: 8px;width: 100%;z-index: 1;} 		
    .ev_swiperScroll .swiper-scrollbar .swiper-scrollbar-drag {background: var(--point-color2);opacity: 0.5;} 	

    .eventWrap .dwn_arr {width: clamp(80px,12.5vmin,120px);} 

    .evCon1 .cir_tit {margin:0 auto 4%; padding: 4px 10px;}


    /*evCon2*/
    .evCon2 .txt_box_wrap { flex-wrap: wrap;}
    .evCon2 .txt_box_wrap .txt_box { width: calc(50% - 10px); } 
    .evCon2 .txt_box_wrap .txt_box .tit { padding: 3% 0; } 
    .evCon2 .txt_box_wrap .txt_box .det { padding: 3% 0; } 

    /*evCon3*/
    .evCon3 .book_wrap  {flex-direction: column;} 
    .evCon3 .book_wrap .ev_swiperPaging, .evCon3 .book_wrap .ev_swiperPaging#evC3_swiper3{width: 70%;}
    .evCon3 .book_wrap .list {width: 100%;flex-direction: row;gap: 1vw;}
    .evCon3 .book_wrap .list li::before{background-size: 18vw;display: none;}

    /*evCon4*/
    .evCon4 .slick-prev {left: -2.5%;}
    .evCon4 .slick-next {right: -2.5%;}
    .evCon4 .book_wrap  {flex-direction: column;} 
    .evCon4 .book_wrap  .book{width: 60%;margin: 0 0 5%;} 
    .evCon4 .book_wrap  .book img{width: 100%;} 
    .evCon4 .book_wrap .list {width: 100%;}
    .evCon4 .book_wrap .list dl ~ dl::before{display: none;}

    /*evCon6*/
    .evCon6 .sub_tit { margin: 5% 0 0; } 

    /*evCon7*/
    .evSection.evCon7 { background-position: -21% 28%; background-size: 51% auto; } 
    .evCon7 .txtitem_wrap {display:block;margin: 5% 0 0;}
    .event .roulette { padding: 0; } 
    .roulette_base_wrap .roulette_wrap .roulette{-webkit-box-shadow: none;box-shadow: none;}
    .event .roulette img { width: min(450px,90%); } 
    .event .roulette span { top: -5%; max-width: 10%; } 
    .event .roulette button {top: 49%;width: clamp(100px,25vmin,180px);height: clamp(100px,25vmin,180px);} 


}

@media screen and (max-width: 576px) { 


    .ev_swiperScroll .swiper-slide {width: 64vw;}

    .evSection .counting{font-size: 11px;line-height: 1.2;}
    /*evCon1*/
    .evCon1 .con_tit .home_btn { width: 110px; } 

    /*tab_wrap*/
    .tab_base li a {font-size: 12px;padding: 10px 0;}
    .tab_base li .open {top: 86%;width: 38%;left: 0;z-index: 1;}

    /*evCon2*/
    .evCon2 .txt_box_wrap { gap: 10px; } 
    .evCon2 .txt_box_wrap .txt_box {width: 100%;} 
    .evCon2 .last_ment .bora { padding-bottom: 0; border-bottom: none; text-decoration: underline; } 

    /*evCon3*/
    .evCon3 .txt_box_wrap { gap: 10px; } 
    .evCon3 .txt_box_wrap .txt_box {width: 100%;} 
    .evCon3 .last_ment .bora { padding-bottom: 0; border-bottom: none; text-decoration: underline; } 
    .evCon3 .book_wrap .list{flex-direction: column;margin: 0 auto;width: 80%;}

    .evSection .paper_slide {margin:5% 0 0;}

    /*evCon7*/
    .evSection.evCon7 { background-position: -18% 7%;} 


}