@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:#d30f0f; 
    --point-color2:#ffe7e4; 
}


/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.eventWrap .warningList li ul li a.tp1 {background-color:#000; color:#fff}

/*°øÅë*/
.eventWrap .evSection {position: relative;padding: 150px 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:50px;height:50px;background-color:var(--color-black);border-radius:50%;background-position:50% 50%;background-repeat:no-repeat;background-image:url(https://image.megagong.net/common/slide_btn_arrow_type2.png);margin-top:-25px;font-size: 0;position: absolute;top: 50%;left: -25px;z-index: 1}
.eventWrap .slick-next {transform:rotate(180deg);right: -25px;left: unset}
.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-color1)}
.eventWrap .color_highlight2{color:var(--point-color2)}

.con_tit .end::after{background-color: #000}
.eventWrap .dwn_arr{margin: 20px 0 0}
.eventWrap .line_tit{margin: 0 0 40px;position: relative}
.eventWrap .line_tit::before{content:'';position: absolute;top: 100%;left: 50%;background: var(--point-color1);width: 13px;height: 13px;transform: rotate(45deg);margin: -6px 0 0 0}
.eventWrap .line_tit i{display: none}
.eventWrap .line_tit.circle span{background: var(--point-color1);padding: 20px 40px}

.review_swiper_base .swiper-slide{padding: 0 2%}
.review_swiper_base_wrap .swiper-button-next, .review_swiper_base_wrap .swiper-button-prev{z-index: 1}

.flt_inner.renewal li:not(.top) {margin-top: -1px}

/*evCon1*/
.evSection.evCon1 {background: url("https://image.megagong.net/m/2025/0214_vision0911/con_img1.png")  center 0 no-repeat;padding: 180px 0 68px}
.evCon1 h3{position: relative;margin: 0 -80px 40px}
.evCon1 .point{text-align: right;margin: 0 0 195px}
.evCon1 .teacher_home{justify-content: center}
.teacher_home.white b{background: var(--point-color1);color: #fff}

/*tab_wrap*/
.tab_wrap.on {padding: 85px 0 0}
.tab_base {position: relative;width: 1080px;display: flex;justify-content: center;background: #2f2f2f;margin: 0 auto}
.tab_base::before {content:'';position: absolute;top: 0;right: 100%;width: 100%;height: 100%;background: #2f2f2f}
.tab_base::after {content:'';position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #2f2f2f}
.tab_base.on {position: fixed;top: 0;left: 50%;z-index: 3;margin: 0 0 0 -540px}
.tab_base li {display: inline-block;width: 50%;overflow: visible !important}
.tab_base li a {position: relative;color: #fff;padding: 33px 0;line-height: 1.4;display: flex;justify-content: center;align-items: center;flex-direction: column}
.tab_base li a strong {display: block}
.tab_base li.on a {background: var(--point-color1)}
.tab_base li:nth-child(1).on::before {content:'';position: absolute;top: 0;right: 100%;width: 100%;height: 100%;background: var(--point-color1);z-index: 1}
.tab_base li:nth-child(2).on::before {content:'';position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: var(--point-color1);z-index: 1}
.tab_base li .open {padding: 10px 25px;background: var(--point-color1);color: #fff;font-style: normal;border-radius: 40px;line-height: 1;display: inline-flex;justify-content: center;align-items: center;position: absolute;top: -20px}
.tab_base li .open:before {content:'';position: absolute;top: 100%;left: 50%;background: inherit;width: 10px;height: 10px;transform: rotate(45deg);margin: -5px 0 0 0}
.tab_base.on li .open {display: none}
.tab_base.on li .open:before{display:none}
.tab_base.on li a{padding: 16px 0}
.evSection .last_ment {margin: 15px 0 0;line-height: 1.4;font-weight: bold;color: #737373}

/*evCon2*/
.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}

/*evCon3*/
.evSection.evCon3 {background: #f7f7f7 url(https://image.megagong.net/m/2025/0214_vision0911/con_img10.png) center 0 no-repeat;color: #fff}
.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 .list {display: flex;justify-content: center;gap: 85px}
.evCon3 .list li{position: relative}
.evCon3 .list li+li::before{content:'';background: url("https://image.megagong.net/m/2025/0214_vision0911/con_img13.png")  0 0 no-repeat;width: 62px;height: 62px;position: absolute;top: 50%;left: 0;margin: -30px 0 0 -73px}
.evCon3 .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}

/*evCon4*/
.evCon4::before{content:'';background: url("https://image.megagong.net/m/2025/0214_vision0911/con_img17.png")  0 0 no-repeat;width: 380px;height: 1040px;position: absolute;bottom: 0;left: 50%;margin: 0 0 0 460px;}
.evCon4 .book_wrap  {display: flex;margin: 0 -46px 70px 0;flex-direction: row-reverse;flex-wrap: wrap;align-items: center;gap: 0px;justify-content: space-between}
.evCon4 .book_wrap .book{position: relative}
.evCon4 .book_wrap .book::before{content:'';background: url("https://image.megagong.net/m/2025/0214_vision0911/con_img18.png")  100% 0 no-repeat;width: 256px;height: 174px;position: absolute;top: 50%;left: 0;margin: -85px 0 0 0;}
.evCon4 .ev_swiper_wrap{width: 440px}
.evCon4 .swiper-wrapper{display: flex;flex-direction: column;gap: 20px}
.evCon4 .swiper-slide{border: 2px solid var(--point-color1);border-radius: 17px;padding: 40px 70px}
.evSection .paper_slide {margin: 0 -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;padding: 1.75px 16.5px}
.evSection .counting strong {color: #000}

/*evCon6*/
.evCon6{background:#f7f7f7}
.evCon6 .ev_swiper_wrap{margin: 0 0 80px}
.evCon6 .list {display: flex;flex-direction: row;gap: 30px;justify-content: space-between}
.evCon6 .list li{border: 2px solid #ddd;padding: 40px 0;border-radius: 17px;flex: 1}
.evCon6 .paper_slide .item {padding: 0 86px;background: #fff;border-radius:15px}

/*evCon7*/
.evSection.evCon7 {background: var(--point-color2)}
.evCon7 .eventVideo.for_youtube{margin: 0 40px 100px}
.evCon7 .list {display: flex;flex-direction: column;gap: 25px;margin: 0 80px;}
.evCon7 .list li{position: relative;padding: 47px 0 47px 80px;border-radius: 107px;background: #fff}
.evCon7 .list li:nth-child(2){padding-left: 0;padding-right: 80px;}
.evCon7 .list li i{position: absolute;bottom: 0;left: 28px}
.evCon7 .list li:nth-child(2) i{left: unset;right: 18px}

/*evCon10*/
.evCon10 .ev_swiper_wrap{margin: 0 0 50px}
.evCon10 .evC10_swiper .item{background-color: #fff;border: 1px solid #eaeaf0;border-radius: 10px;height: auto;padding: 0 28px}
.evCon10 .evC10_swiper .slick-slide{margin: 0 10px}
.evCon10 .evC10_swiper .slick-prev{left: -110px}
.evCon10 .evC10_swiper .slick-next{right: -110px}
.evCon10 .evC10_swiper .slick-dots{display: none !important}
.evCon10 .noti {text-align: right; margin: 10px auto 0; padding:0 10px; font-weight: 400; color:#bbb;}


/*event*/
.evSection.event{background: linear-gradient(180deg, #ff9422 0%, #fe3a42 40%,var(--point-color1) 100%);color: #fff}
.event .evt_dimm{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 2;font-size: 0}
.event .color_highlight{color:#ff0}
.evSection.event.evt2{background: #b3ccff}
.evSection.event .con_tit{margin: 0 0 20px}
.evSection.event .con_tit + .mini_tit{opacity: 0.7;margin: 0 0 40px;font-weight: normal}
.evSection.event .container_info .info .noti{color: var(--point-color2);opacity: 1}
.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}
.container_info.ver_circle .info .info_date{color:#fff}
.eventWrap .evSection.evtoggleWarning {padding: 0}
.gift_list_wrap li .badge{background: #000}
.gift_list_wrap li{overflow: visible}
.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;background-size: cover}
    .eventWrap .con_tit {margin: 0 0 8%;font-size: clamp(18px,5.1vmin,46px);}
    .slick-prev {left: 0.5%}
    .slick-next {right: 0.5%}


    .eventWrap .line_tit.circle span {padding: 9px 30px 10px}
    .eventWrap .line_tit::before{width: 8px;height: 8px;margin: -4px 0 0}

    .tab_base{width: 100%}
    .tab_base.on{margin:0;left: 0}
    .tab_base::before,
    .tab_base::after{display:none}
    .tab_base li{width: 52%}
    .tab_base li:last-child{width: 48%}

    .evSection .last_ment {margin: 4% 0 0;font-size: clamp(15px,3.0vmin,22px)}

    /*evCon1*/
    .evSection.evCon1 {background-size: cover;padding: 22% 0 13%}
    .evCon1 h3{margin: 0 0 5%}
    .evCon1 .point{margin: 0 clamp(0px,1.5vmin,10px) 20% 0}
    .evCon1 .point img{width: clamp(115px,30vmin,275px)}
    .evCon1 .teacher_home{justify-content: center}
    .teacher_home.white b{background: var(--point-color1);color: #fff}

    /*evCon3*/
    .evCon3 h5{margin: 0 0 5%}
    .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{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 .list {gap: 7vw}
    .evCon3 .list li+li::before{background-size: 100%;width: 5vw;height: 5vw;margin: 0 0 0 -6vw}

    /*evCon4*/
    .evCon4::before{display:none}
    .evCon4 .paper_slide{margin: 0 3%}
    .evCon4 .slick-next {right: -3%}
    .evCon4 .slick-prev {left: -3%}
    .evCon4 .book_wrap  {margin: 0 0 5%}
    .evCon4 .book_wrap  .book{width: 55%;}
    .evCon4 .book_wrap .book::before{width: 13vw;background-size: contain;height: 100%;top: 0;margin: 0;background-position: center}
    .evCon4 .book_wrap  .book img{width: 100%}
    .evCon4 .ev_swiper_wrap{width: 45%;}
    .evCon4 .ev_swiper{border: 2px solid var(--point-color1)}
    .evCon4 .swiper-slide{padding: clamp(12px,2.5vmin,20px) 0}

    /*evCon6*/
    .evCon6 .ev_swiper_wrap{margin: 0 0% 10%}
    .evCon6 .slick-arrow{display: none !important}
    .evCon6 .list{margin:0;gap: 1vw;flex-direction: column}
    .evCon6 .list li{padding: clamp(12px,2.5vmin,20px) 2%;border-radius: 5vw;flex: none}
    .evCon6 .paper_slide{margin: 0 0}
    .evCon6 .paper_slide .item{padding: 0 2%}

    /*evCon7*/
    .evSection.evCon7 {background-position: -27% -45%; background-size: 55% auto}
    .evCon7 .list{margin:0;gap: 1vw}
    .evCon7 .list li{padding: clamp(12px,2.5vmin,20px) 2% !important;border-radius: 5vw}
    .evCon7 .list li i{width: clamp(50px,15vmin,100px);display: none}
    .evCon7 .eventVideo.for_youtube{margin: 0 0 7%}

    /*evCon10*/
    .evCon10 .evC10_swiper .slick-arrow{display: none}
    .evCon10 .evC10_swiper .slick-dots{display: flex !important}
    .evCon10 .evC10_swiper .slick-slide{margin:1vw}
    .evCon10 .evC10_swiper .item{padding:1% 2%;display: flex;justify-content: center;}


}


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

    /*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{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 .ev_swiper_wrap{width: 100%}
    .evCon4 .book_wrap  {flex-direction: column}
    .evCon4 .book_wrap  .book{width: 85%;margin: 0 15% 5% 0;}
    .evCon4 .book_wrap .book::before{display: none}
    .evCon4 .book_wrap  .book img{width: 100%}
    .evCon4 .book_wrap .list {width: 100%}
    .evCon4 .book_wrap .list dl ~ dl::before{display: none}
    .evCon4 .swiper-wrapper{flex-direction: row;gap: 0}
    .evCon4 .swiper-pagination{padding: 10px 0 0}

    /*evCon6*/
    .evCon6 .sub_tit {margin: 5% 0 0}

    /*evCon7*/
    .evSection.evCon7 {background-position: -21% 28%; background-size: 51% auto}


}

@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 {padding: 15px 0}
    .tab_base li .open {padding: 4px 10px;top: -13px}
    .tab_base li .open:before{display:none}

    /*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%}
    .evCon3 .list {flex-direction: column;gap: 10vw}
    .evCon3 .list li+li::before{top: -7vw;margin: -1.5vw 0 0 -5.0vw;left: 50%;width: 10vw;height: 10vw}

    .evSection .paper_slide {margin:5% 0 0}

    /*evCon6*/
    .evCon6 .ev_swiper_wrap .ev_swiperScroll .swiper-slide {width: 52vw}

    /*evCon7*/
    .evSection.evCon7 {background-position: -18% 7%}

    /*evCon10*/
    .review_swiper_base_wrap{margin: 0 10%}

    .evCon10 .noti {font-size: 11px;}

}