@charset "euc-kr";
:root {
    --point-color1: #f32753;
}
.con_tit .end::after { background: #111; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection .con_tit { margin: 0 0 60px; line-height: 1.3; } 
.evSection .mini_tit { margin: 0 auto 20px; } 
.evSection { padding: 150px 0; } 
.clp-fs67 { font-size: 67px; } 
.clp-fs90 { font-size: 90px; } 

.evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
.evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #ccc; } 
.evSection .slick-dots li button { font-size: 0; } 
.evSection .slick-dots li.slick-active { background-color: #111; } 

.tab_base.type-1 { border-bottom:1px solid #ececec; display: flex; } 
.tab_base.type-1 li { flex:1; } 
.tab_base.type-1 li a { padding:20px 10px; font-weight: bold; display: block; position: relative; color: #A6A6A6; } 
.tab_base.type-1 li a::after { content:''; display:block; width:100%; height:1px; background-color:transparent; position:absolute; left:0; bottom:0; transition:background-color 0.2s; } 
.tab_base.type-1 li.on a { color:#111; } 
.tab_base.type-1 li.on a::after { height:4px; background-color:#111; } 
.tab_base.type-1 li.on a { font-weight: 900; } 

/*evCon1*/
.eventWrap .evSection.evCon1 { position: relative; padding: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0903_tmddk4521/evCon1_bg_ver2.png"); } 
.evCon1 .drawing_svg1 {position: absolute;top: -13px;left: 199px;width: 1160px;height: 750px;opacity: 0;clip-path: inset(0 0 100% 0);} 
.evCon1.show_in .drawing_svg1 { animation: clipFromTop 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } 
.evCon1 .drawing_svg2 {position: absolute;bottom: 0;right: -159px;width: 900px;height: 570px;opacity: 0;clip-path: inset(100% 0 0 0);} 
.evCon1.show_in .drawing_svg2 { animation: clipFromBottom 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation-delay: 0.1s; } 
.evCon1 .con_tit { position: absolute; top: 0; left: 0; padding: 170px 0 186px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; line-height: 1.3; } 
.evCon1 .con_tit .tit1 { padding-left: 40px; display: flex; flex-direction: column; gap: 15px; align-items: flex-start; text-align: left; opacity: 0; } 
.evCon1.show_in .tit1 { animation: fadeInLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation-delay: 0.2s; } 
.evCon1 .con_tit .tit1 .s_tit { line-height: 1.4; font-weight: 400; } 
.evCon1 .con_tit .tit2 { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; text-align: right; opacity: 0; } 
.evCon1.show_in .tit2 { animation: fadeInRightUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation-delay: 0.4s; } 
.evCon1 .con_tit .tit2 .s_tit { font-weight: bold; } 
.evCon1 .tea { position: relative; display: flex; align-items: center; justify-content: center; opacity: 0; } 
.evCon1.show_in .tea { animation: fadeInUpFloat 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } 
.evCon1 .teacher_home { position: absolute; bottom: 100px; left: 40px; opacity: 0; } 
.evCon1.show_in .teacher_home { animation: fadeInUp 1s ease-out forwards; animation-delay: 0.6s; } 
.teacher_home b { padding: -3px 0 0; width: 16px; height: 16px; display: flex; font-size: 11px; background-color: #f4345d; } 

@keyframes fadeInLeft { 
    0% {
        opacity: 0;
        transform: translateX(-100px) translateY(-50px) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translateX(0) translateY(0) scale(1);
    }
}
@keyframes fadeInRightUp { 
    0% {
        opacity: 0;
        transform: translateX(100px) translateY(50px) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translateX(0) translateY(0) scale(1);
    }
}
@keyframes fadeInUp { 
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes fadeInUpFloat { 
    0% {
        opacity: 0;
        transform: translateY(0) scale(1);
    }

    60% {
        opacity: 0.7;
        transform: translateY(-5px) scale(1.03);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes clipFromTop {
    0% {
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }
    100% {
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
@keyframes clipFromBottom {
    0% {
        clip-path: inset(100% 0 0 0);
        opacity: 0;
    }
    100% {
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

/*evCon2*/
.evSection.evCon2 .con_tit { margin: 0 auto 20px; } 
.evCon2 .con_tit + .mini_tit { margin: 0 auto 60px; color: #aaaaaa; line-height: 1.5; } 
.evCon2 .sub_tit { margin: 0 auto 30px; color: var(--point-color1); font-weight: bold; } 
.evCon2 .point_Sld .swiper-wrapper {align-items: stretch;}
.evCon2 .point_Sld .swiper-slide {padding: 40px 40px 50px;display: flex;flex-direction: column;align-items: center;gap: 16px;border-radius: 10px;background: linear-gradient(0deg, #fff 0%, #fff 100%), #fff;height: auto;} 
.evCon2 .point_Sld .tit .point { color: var(--point-color1); } 
.evCon2 .point_Sld .det { color: #555555; line-height: 1.6; font-weight: 400; } 
.evCon2 .point_Sld .icon { width: fit-content; max-width: unset; display: block; margin: 10px auto 0; } 

/*evCon3*/
.evSection.evCon3 .con_tit { margin: 0 auto 20px; } 
.evCon3 .con_tit + .mini_tit { margin: 0 auto 60px; color: #aaaaaa; line-height: 1.5; } 
.evCon3 .panel_base,
.evCon3 .pr_video_info { padding: 50px 0 0; } 
.evCon3 .video_Sld .swiper-wrapper {align-items:stretch;}
.evCon3 .video_Sld .swiper-slide {padding: 40px 0;border-radius: 10px;border: 1px solid #ececec;background: #fff;display: flex;flex-direction: column;height: auto;justify-content: space-between;} 
.evCon3 .video_Sld .num { font-weight: bold; color: var(--point-color1); } 
.evCon3 .video_Sld .num,
.evCon3 .video_Sld .icon { margin: 0 auto; display: block; } 
.evCon3 .video_Sld .det { margin: 5px auto 20px; font-weight: 400; } 
.evCon3 .eventVideo.video_renewal {width: 1000px; margin:0 auto;}


/*evCon4*/
.pr_book_wrap .deco { width: auto; height: auto; left: auto; right: -104px; bottom: -10px; } 
.pr_book_wrap .swiper-pagination { margin-top: 0; } 

/*evCon5*/
.evCon5 .tea { position: absolute; bottom: -150px; left: -575px; } 
.evCon5 .mega_slick_wrap.review .mega_slick { display:flex; align-items: stretch; gap: 20px; flex-wrap: wrap; } 
.evCon5 .review .item { display: flex; flex-direction: column; background-color: #fff; padding:40px; text-align:left; border-radius:10px; height: auto; flex: 0 0 calc(33% - 11px); height: auto; gap: 20px; } 
.evCon5 .review .item .review_author { display:flex; align-items: center; gap:0 14px; margin-top:auto; } 
.evCon5 .review .item .review_author .txt { font-size:13px; color:#999; font-weight:500; line-height:1.4; } 
.evCon5 .review .item .review_con { height: auto; line-height: 1.6; } 
.evCon5 .review .point { color: var(--point-color1); font-weight: bold; } 
.evCon5 .evt_con_base.xs { margin: 20px 0 0; display: block; text-align: right; } 

/*evCon6*/
.evCon6 .con_tit.mt_60 { margin: 60px auto; } 

/*event*/
.event1 { background: linear-gradient(180deg, #f3315b 0%, #fff 100%); } 
.event1 .gift_list_wrap li .badge { background: var(--point-color1); } 
.event1 .regist_form_area { position: relative; border-radius: 3px 3px 0 0; background: var(--point-color1); } 
.event1 .comment_base_wrap .comment_list { margin-top: 0; padding: 0; border-radius: 0 0 3px 3px; } 
.event1 .comment_base_wrap .board-list-wrap { padding: 30px 40px; } 
.event1 .check-base { position: absolute; bottom: 13px; right: 40px; } 
.event1 .step_base_wrap .hashtag { color: var(--point-color1); } 
.event1 .step_base_wrap .step_list li .box_area { padding: 30px 0; } 
.event1 .step_base_wrap .step_list li:nth-child(2) .hashtag { color: #777777; } 

.evtoggleWarning { padding: 0 !important; } 

@media screen and (max-width: 1920px){
    .evCon5 .tea { left: -35%; } 
}

@media screen and (max-width: 1200px){
    .evSection { padding: 12% 0; } 
    .evSection .con_tit { margin: 0 auto 8%; } 
    .evSection .mini_tit { margin: 0 0 4%; } 
    .clp-fs67 { font-size: clamp(35px, 7.2vmin, 67px); } 
    .clp-fs90 { font-size: clamp(50px, 10vmin, 90px); } 

    .tab_base.type-1 li a { padding: 14px 5px; } 

    /*evCon1*/
    .eventWrap .evSection.evCon1 {background-image: url("https://image.megagong.net/m/2025/0903_tmddk4521/evCon1_bg.png"); } 
    .evCon1 .drawing_svg1,
    .evCon1 .drawing_svg2 {display:none;}
    .evCon1 .con_tit { margin: 0 auto; padding: 8% 0; } 
    .evCon1 .con_tit .tit1 { padding-left: 0; } 
    .evCon1 .teacher_home { left: 0; bottom: calc(8% + 32px); } 

    /*evCon2*/
    .evSection.evCon2 .con_tit { margin: 0 0 4%; } 
    .evCon2 .con_tit + .mini_tit { margin: 0 auto 8%; } 
    .evCon2 .sub_tit { font-size: clamp(20px, 3.1vmin, 26px); } 
    .evCon2 .point_Sld .swiper-wrapper { align-items: stretch; } 
    .evCon2 .point_Sld .swiper-slide { padding: 20px 0; height: auto; gap: 10px; } 
    .evCon2 .point_Sld .tit { font-size: clamp(18px, 2.9vmin, 24px); } 
    .evCon2 .point_Sld .det { font-size: clamp(15px, 2.1vmin, 16px); line-height: 1.4; } 

    /*evCon3*/
    .evSection.evCon3 .con_tit { margin: 0 0 4%; } 
    .evCon3 .con_tit + .mini_tit { margin: 0 auto 8%; } 
    .evCon3 .panel_base,
    .evCon3 .pr_video_info { padding: 30px 0 0; } 
    .evCon3 .video_Sld .swiper-wrapper { align-items: stretch; } 
    .evCon3 .video_Sld .swiper-slide { padding: 20px 0; height: auto; } 
    .evCon3 .eventVideo.video_renewal {width: 100%;}

    /*evCon4*/
    .pr_book_wrap .deco { right: 0; } 

    /*evCon5*/
    .evCon5 .tea { display: none; } 
    .evCon5 .review .item { padding: 30px; } 

    /*evCon6*/
    .evCon6 .con_tit.mt_60 { margin: 7% auto; } 

    /*event*/
    .event1 .mini_tit { margin: 0 auto 20px; } 
    .event1 .comment_base_wrap .board-list-wrap { padding: 30px; } 
}

@media screen and (max-width: 992px) { 
    /*evCon1*/
    .evCon1 .con_tit { margin-top: 13%; justify-content: flex-start; gap: 15px; padding: 0; } 
    .evCon1 .con_tit .tit1 { gap: 5px; } 
    .evCon1 .con_tit .tit2 { justify-content: flex-start; text-align: left; gap: 5px; } 
    .evCon1 .tea { justify-content: flex-end; } 
    .evCon1 .tea > img { max-width: unset; width: clamp(288px, 60vmin, 484px); } 

    /*evCon5*/
    .evCon5 .mega_slick_wrap.review .mega_slick { display: block; } 
    .evCon5 .review .slick-slide { margin: 0 5px; display: flex; flex-direction:column; gap: 20px; } 
    .evCon5 .review .item .review_author { display:flex; flex-direction: row; margin-top:20px; } 
}

@media screen and (max-width: 768px) { 
    /*evCon1*/
    .evCon1 .tea > img { display: block; margin-right: -13%; } 

    .evCon2 .swiper-pagination-bullet { background-color: #fff; opacity: 1; } 
    .evCon2 .swiper-pagination-bullet-active { background-color: #777777; } 

    /*evCon3*/
    .evCon3 .video_Sld br.show-992 { display: none !important; } 

    /*evCon4*/
    .pr_book_wrap .deco { width: 36%; } 

    /*event*/
    .event1 .comment_base_wrap .board-list-wrap { padding: 20px; } 
    .event1 .step_base_wrap .step_list li .box_area { padding: 20px 0; } 
    .event1 .btn-base.xl > * { line-height: 1.4; } 
}

@media screen and (max-width: 576px) { 
    /*evCon1*/
    .evCon1 .teacher_home { bottom: 8%; } 

    /*evCon2*/
    .evCon2 .point_Sld .icon { width: 60px; } 

    /*evCon3*/
    .evCon3 .video_Sld .num { font-size: 18px; } 
    .evCon3 .video_Sld .det { font-size: 14px; } 

    /*evCon5*/
    .evCon5 .evt_con_base.xs { font-size: 12px; text-align: center; } 

    /*event*/
    .event1 .check-base { right: unset; left: 20px; bottom: 14px; } 
}