@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2026/ */

/* settings */
.evSection {padding: 100px 0;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 50px;}
.evSection .sec_wrap + .sec_wrap {margin-top: 90px;}
.evSection .sec_tit .num {display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; background-color: #000; border-radius: 50%; color: #FFF; font-weight: 500; font-style: normal; margin: 0 auto 10px;}
.evSection .sec_tit + .mini_tit {color: #666; font-weight: 400; margin-top: 5px;}
.evSection .sec_box {margin-top: 30px;}
.tx_gradient {background: linear-gradient(90deg, #73D187 5.48%, #2CA0DE 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* evCon1 */
.evCon1 {padding: 50px 0 75px; background: #000 url(https://image.megagong.net/m/2026/0309_promotion/gongssel/con1_bg.png) no-repeat; background-size: auto 100%;}
.evCon1 .badge {display: inline-block; color: #B8C0C1; font-weight: 400; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(2px); padding: 5px 12px; margin-bottom: 20px;}
.evCon1 .s_txt {font-weight: 400;}
.evCon1 .s_txt.top {margin-bottom: 295px;}
.evCon1 .s_txt.btm {margin-top: 20px;}
.evCon1 h3 {width: 70%; max-width: 323px; margin: 0 auto;}

.evCon1 .scroll {display: flex; flex-direction: column; align-items: center; margin-top: 40px;}
.evCon1 .scroll span {font-weight: 400; margin-bottom: 5px; animation: textFade 1.8s ease-in-out infinite;}
.evCon1 .scroll svg {animation: lineMove 1.8s cubic-bezier(.4,0,.2,1) infinite;}

@keyframes lineMove {
    0% {
        transform: translateY(-4px);
        opacity: 0.2;
    }
    50% {
        transform: translateY(4px);
        opacity: 1;
    }
    100% {
        transform: translateY(-4px);
        opacity: 0.2;
    }
}

@keyframes textFade {
    0% {
        opacity: 0.25;
        transform: translateY(-2px);
    }
    50% {
        opacity: 0.8;
        transform: translateY(0);
    }
    100% {
        opacity: 0.25;
        transform: translateY(-2px);
    }
}

/* evCon2 */
.evCon2 {background: linear-gradient(176deg, #E0FFF6 0%, #F7FFFD 14.68%, #FFF 26.96%, #F0F2FE 89.87%, #E7EBFD 98.78%);}
.evCon2 .teacher_tab {width: fit-content; margin: 0 auto 40px;}
.evCon2 .teacher_tab .swiper-slide a {font-weight: normal; font-size: 14px; padding: 13px 28px; background: #FFF; border: 1px solid #666; color: #666;}
.evCon2 .teacher_tab .swiper-slide-active a {background: #000; color: #FFF;}
.evCon2 .teacher_content {position: relative;}
.evCon2 .teacher_content_swiper {position: relative; overflow: hidden; width: 94%; max-width: 1000px; margin: 0 auto;}
.evCon2 .teacher_content_swiper .swiper-slide {position: relative; max-width: 150px;}
.evCon2 .teacher_content_swiper .swiper-slide .caption {position: absolute; left: 12px; bottom: 12px; text-align: left;}
.evCon2 .teacher_content_swiper .swiper-slide .subj {display: block; font-weight: 400;}
.evCon2 .teacher_content_swiper .swiper-slide .name {display: block;}
.evCon2 .teacher_content .swiper-button-prev,
.evCon2 .teacher_content .swiper-button-next {display: block; width: 20px; height: 20px; background: url('https://image.megagong.net/m/2026/0309_promotion/ic_arrow_prev.png') 50% 50% no-repeat; font-size:0; top:50%;margin-top:-10px; z-index: 1; opacity: 1;}
.evCon2 .teacher_content .swiper-button-prev{left: 0;}
.evCon2 .teacher_content .swiper-button-next{right: 0; background-image: url('https://image.megagong.net/m/2026/0309_promotion/ic_arrow_next.png');}
.evCon2 .teacher_content .swiper-button-prev::after,
.evCon2 .teacher_content .swiper-button-next::after {display:none;}

.evCon2 .card_wrap {display: flex; align-items: center; gap: 12px; width: fit-content; margin: 0 auto;}
.evCon2 .card_wrap .card a {display: flex; flex-direction: column; justify-content: center; width: 240px; height: 284px; border-radius: 12px; border: 1px solid #EDEDED; background: #FFF; padding: 34px 0;}
.evCon2 .card_wrap .card .img {margin: 0 auto 20px}
.evCon2 .card_wrap.curr .card .img {width: 50%; max-width: 110px;}
.evCon2 .card_wrap.benefit .card .img {width: 173px;}
.evCon2 .card_wrap .card .txt {font-weight: 400; color: #666; margin-top: 6px;}

/* evCon3 */
.evCon3 {background: #FFF;}
.evCon3 .faq_wrap {text-align: left; max-width: 800px; margin: 0 auto;}
.evCon3 .faq_wrap li {border-bottom: 1px solid #F5F5F5; padding: 0 20px 0 45px;}
.evCon3 .faq_wrap .question {position: relative; display: flex; align-items: center; font-weight: 700; margin: 25px 0; cursor: pointer;}
.evCon3 .faq_wrap .question::after {content: ''; flex-shrink: 0; display: block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #EDEDED; background-image: url(https://image.megagong.net/m/2026/0309_promotion/ic_plus.png); background-repeat: no-repeat; background-position: center center; background-size: auto; margin-left: auto; transition: background 0.2s ease-in-out;}
.evCon3 .faq_wrap .question .mark {position: absolute; top: 0; left: -25px; color: #52D995;}
.evCon3 .faq_wrap .answer {font-weight: 400; padding-bottom: 25px;}
.evCon3 .faq_wrap li.active .question {cursor: default;}
.evCon3 .faq_wrap li.active .question::after {background-image: url(https://image.megagong.net/m/2026/0309_promotion/ic_minus.png);}

/* evCon4 */
.evCon4 {background: #000 url(https://image.megagong.net/m/2026/0309_promotion/gongssel/con4_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon4 .con_box {margin-top: 40px;}
.evCon4 .btn-base {flex: 0;}
.evCon4 .btn-base a {width: 230px; display: flex; height: 50px; justify-content: center; align-items: center; gap: 8px; font-size: 15px;}
.evCon4 .btn-base.kakao a {color: #1A1A1A; background-color: #FEE500; border-color: #FEE500;}
.evCon4 .btn-base.kakao a::before {content: ''; display: block; width: 26px; height: 26px; background: url(https://image.megagong.net/m/2026/0309_promotion/ic_kakao.png) no-repeat; background-size: contain;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 5%;}
    .evSection .sec_wrap + .sec_wrap {margin-top: 9%;}
    .evSection .sec_box {margin-top: 3%;}

    /* evCon1 */
    .evCon1 {padding: 5% 0; background-position: 50% 100% !important; background-size: auto 115%;}
    .evCon1 .s_txt.top {margin-bottom: 30vmin;}

    .evCon2 .card_wrap .card {width: calc(24vmin - 9.5px);}
    .evCon2 .card_wrap .card a {width: 100%;}
}
@media screen and (max-width: 768px){
    .evCon1 {padding: 10% 0 8%; background-image:  url(https://image.megagong.net/m/2026/0309_promotion/gongssel/con1_bg_mo.png); background-size: cover; background-position: 50% 50% !important;}
    .evCon1 .s_txt.top {margin-bottom: 60vmin;}
    .evCon1 .scroll {margin-top: 8%;}

    .evCon2 .teacher_tab {margin-bottom: 30px;}
    .evCon2 .teacher_tab .swiper-slide a {padding: 10.5px 14px;}
    .evCon2 .teacher_content_swiper .swiper-wrapper {flex-wrap: wrap; gap: 10px;}
    .evCon2 .teacher_content_swiper .swiper-slide {max-width: none; width: calc(25% - 7.5px);}
    .evCon2 .card_box {overflow-y: scroll;}
    .evCon2 .card_wrap .card {width: 185px;}
}
@media screen and (max-width: 576px){
    .evCon2 .teacher_content_swiper .swiper-slide .caption {left: 5px; bottom: 8px;}
    .evCon2 .teacher_content_swiper .swiper-slide .subj {font-size: 10px;}
    .evCon2 .card_wrap .card a {height: 244px;}
}