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

/* settings */
:root {
    --color-primary: #047FFF;
}
.evSection {padding: 150px 0;}
.evSection .mini_tit {font-weight: 400; opacity: 0.8;}
.evSection .con_tit {font-weight: 400; line-height: 1.4; margin-bottom: 50px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_tit + .mini_tit {margin-bottom: 50px;}
.con_tit .end::after {background: #FFF;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.tx_primary {color: var(--color-primary);}
.evSection .feature_list {display: flex; gap: 10px; font-weight: 400; margin: 0 -55px;}
.evSection .feature_list li {flex: 1; height: 164px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; border: 1px solid #C9C9C9;}
.evSection .feature_list p {color: #5C5C5C;}
.evSection .feature_list p strong {color: #202020;}
.evSection .feature_list .evt_con_base {color: #969696; margin-top: 10px;}

.mega_swiper {position: relative; overflow: hidden;}
.evSection .button-prev,
.evSection .button-next {position: absolute; top: calc(50% - 30px); width: 60px; height: 60px; border-radius: 50%; background-color: #FFF; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; box-shadow: 3px 4px 5.3px 0px rgba(0, 0, 0, 0.12); cursor: pointer; z-index: 1;}
.evSection .button-prev {left: calc(50% - 475px - 30px); background-image: url(https://image.megagong.net/m/2025/0710_tmddk4521/slide_prev.png);}
.evSection .button-next {right: calc(50% - 475px - 30px); background-image: url(https://image.megagong.net/m/2025/0710_tmddk4521/slide_next.png);}
.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet {width: 12px; height: 12px;}
.evSection .swiper-pagination-bullet-active {background: var(--color-primary);}
.eventVideo.system .video_box {padding-bottom: 58.6%;}
.eventVideo.system .video_box a::after {content: ''; display: block; width: 70px; height: 70px; background: url(https://img.megagong.net/m/2025/0710_tmddk4521/con4_video.png) no-repeat 0 0; background-size: contain; z-index: 1; margin: 45px auto 0;}
.eventVideo.system .video_box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #242424; padding-top: 70px;}
.eventVideo.system .video_box .tx_pink {color: #FF0054;}

.bgWrap {background: url(https://image.megagong.net/m/2025/0710_tmddk4521/top_bg.jpg) no-repeat; background-position: 50% 50%; background-size: auto 100%;}

/* evBnr */
.evBnr {color: #FFF; background: var(--color-primary); z-index: 3;}
.evBnr.fixed {position: fixed; top: 0; left: 0; width: 100%;}
.evBnr li {flex: 1;}
.evBnr li a {display: flex; justify-content: center; align-items: center; gap: 5px; padding: 15px;}

/* evCon1 */
.evCon1 {padding: 140px 0 60px;}
.evCon1 .sm_tit {margin-bottom: 35px;}
.evCon1 .lg_tit {margin-bottom: 15px}
.evCon1 h3 {font-weight: 900; font-size: 100px; line-height: 1.2; color: #20A2FF; margin-bottom: 40px;}
.evCon1 .teacher_home {display: inline-block; color: #FFF; margin: 0 auto;}
.evCon1 .teacher_home i {background: #FFF;}
.evCon1 .teacher_home b {width: 16px; height: 16px; font-size: 10px; color: #001229; background: #FFF; padding: 0;}

/* evCon2 */
.evCon2 .con_tit span {color: #3A96FF;}
.evCon2 .inner {width: 1200px;}
.evCon2 .test_swiper .swiper-wrapper {gap: 21px;}
.evCon2 .test_swiper .swiper-slide {flex: 1 1 auto; padding: 50px 20px; border-radius: 30px; background: #FFF; box-shadow: 8px 3px 20px 0px rgba(0, 0, 0, 0.09);}
.evCon2 .test_swiper .tit {font-weight: 400; color: #505050; margin-bottom: 25px;}
.evCon2 .test_swiper .tit strong {display: block; color: #3A96FF; margin-top: 5px;}
.evCon2 .test_swiper + .evt_con_base {margin-top: 30px; color: #FFF; opacity: 0.6;}

/* evCon3 */
.evCon3 {position: relative; background: linear-gradient(180deg, #2D4F83 0%, #0E1828 100%);}
.evCon3::before {content: ''; position: absolute; left: calc(50% + 350px); bottom: 0; width: 586px; height: 868px; background: url(https://image.megagong.net/m/2025/0710_tmddk4521/con3_bg.png) no-repeat;}
.evCon3 .step_wrap {max-width: 810px; margin: 0 auto;}
.evCon3 .step_wrap + .step_wrap {position: relative; margin-top: 80px;}
.evCon3 .step_wrap + .step_wrap::before {content: ''; position: absolute; top: -15px; left: 50%; transform: translate(-50%, -100%); width: 168px; height: 102px; background: url(https://image.megagong.net/m/2025/0710_tmddk4521/con3_arrow.png) no-repeat; background-size: contain;}
.evCon3 .step_tit {font-weight: 400; border-radius: 6px; background: #1B1B1B; padding: 11px 5px; margin-bottom: 10px;}
.evCon3 .content_wrap {gap: 10px;}
.evCon3 .content {flex: 1; height: 180px; position: relative; display: flex; flex-direction: column; justify-content: center; border-radius: 6px; background: #FFF;}
.evCon3 .content .badge {position: absolute; top: 0; left: calc(50% - 35px); width: 70px; border-radius: 0px 0px 8px 8px; background: #3A96FF; padding: 2px 0 3px;}
.evCon3 .content .tit {color: #3A96FF; margin-bottom: 10px;}
.evCon3 .content p {font-weight: 400; color: #4E4E4E;}

/* evCon4 */
.evCon4 {background: #fff;}
.evCon4 .con_tit {margin-left: -50px; margin-right: -50px;}
.evCon4 .step_tab {color: #FFF; margin-bottom: 70px;}
.evCon4 .step_tab li a {background: #454545; padding: 16px 0;}
.evCon4 .step_tab li.on a {background: var(--color-primary);}
.evCon4 .step_tab li span {display: block; font-weight: 400;}
.evCon4 .line_tit {margin-bottom: 40px;}
.evCon4 .line_tit span {width: 140px; padding: 9px 10px 11px;}
.evCon4 .eventVideo_list {margin-bottom: 35px;}
.evCon4 .feature_list {margin-bottom: 70px;}
.evCon4 .book_swiper {margin: 0 -166px;}
.evCon4 .book_swiper .swiper-slide {position: relative; padding-bottom: 20px;}
.evCon4 .book_swiper .cover_img {position: absolute; bottom: 0; left: 0;}
.evCon4 .swiper-pagination {position: absolute; bottom: 40px; z-index: 0;}

/* evCon5 */
.evCon5 {background: #1D1D1D url(https://image.megagong.net/m/2025/0710_tmddk4521/con5_bg.png) no-repeat; background-size: auto 100%; background-blend-mode: luminosity;}
.evCon5 .con_tit .evt_mark {background: var(--color-primary);}
.evCon5 .con_tit .evt_mark::after {content: none;}
.evCon5 .mini_tit {opacity: 1;}
.evCon5 .eventVideo {max-width: 1000px; margin: 0 auto 60px;}
.evCon5 .feature_list li {border-color: #C9C9C9;}
.evCon5 .feature_list p {color: #DEDEDE;}
.evCon5 .feature_list p strong {color: #FFF;}

/* evCon6 */
.evCon6 {background: linear-gradient(180deg, #94DBFF 0%, #047FFF 100%);}
.evCon6 .mini_tit {font-weight: 500; color: rgba(0, 0, 0, 0.8); opacity: 1;}
.evCon6 .mini_tit u {font-weight: 700; color: #2659C7; text-underline-offset: 3px; text-decoration-thickness: 1px;}
.evCon6 .check_list {position: relative; font-weight: 400; color: #333; max-width: 1000px; margin: 0 auto 55px;}
.evCon6 .check_list li {border-radius: 12px; background: #FFF; box-shadow: 11px 4px 20px 0px rgba(0, 0, 0, 0.10); padding: 16px;}
.evCon6 .check_list li p {position: relative; width: fit-content; margin: 0 auto; padding-left: 30px;}
.evCon6 .check_list li p::before {content: ''; position: absolute; top: 6px; left: 0; width: 18px; height: 14px; background: url(https://image.megagong.net/m/2025/0710_tmddk4521/con6_check.png) no-repeat; background-size: contain;}
.evCon6 .check_list li + li {margin-top: 16px;}
.evCon6 .eventVideo_list {display: flex; justify-content: center; gap: 20px;}
.evCon6 .eventVideo_list li {margin: 0; width: 514px;}
.evCon6 .eventVideo_list:after {content: none;}

/* evCon7 */
.evCon7 {background: #fff;}
.evCon7 .con_tit u {text-decoration-thickness: 2px; text-underline-offset: 6px;}

/* evCon8 */
.evCon8 {background: linear-gradient(180deg, #0082FF 0%, #0059B5 100%);}
.evCon8 .con_tit + .mini_tit {margin-bottom: 30px;}
.evCon8 .container_info_wrap {font-weight: 400;}
.evCon8 .container_info .info .noti {color: #FFF;}
.evCon8 .gift_list_wrap li .badge {background: var(--color-primary);}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 5%;}
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_tit + .mini_tit {margin-bottom: 5%;}
    .evSection .feature_list {margin: 0;}

    .evSection .button-prev,
    .evSection .button-next {display: none;}

    /* evCon1 */
    .evCon1 h3 {font-size: clamp(42px, 10vmin, 100px);}

    /* evCon2 */
    .evCon2 .inner {width: 96%;}
    
    /* evCon3 */
    .evCon3::before {content: none;}

    /* evCon4 */
    .evCon4 .con_tit {margin-left: 0; margin-right: 0;}
    .evCon4 .feature_list {margin-bottom: 50px;}
    .evCon4 .book_swiper {margin: 0 -70px;}
    .evCon4 .book_swiper .cover_img {max-width: 28%;}
}
@media screen and (max-width: 992px){
    .evSection .feature_list {flex-wrap: wrap;}
    .evSection .feature_list li {flex: 1 0 auto; width: calc(50% - 5px);}
    .eventVideo.system .video_box a {padding: 0; display: flex; flex-direction: column; justify-content: center;}
    .eventVideo.system .video_box a::after {margin: 20px auto 0;}

    .evCon2 .test_swiper {border-radius: 30px; background: #FFF; box-shadow: 8px 3px 20px 0px rgba(0, 0, 0, 0.09);}
    .evCon2 .test_swiper .swiper-wrapper {gap: 0;}
    .evCon2 .test_swiper .swiper-slide {flex: 1 0 100%; padding: 30px 10px; border-radius: 0; background: none; box-shadow: none;}
    .evCon2 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {background: #FFF;}
    .evCon2 .evt_con_base {margin-top: 10px;}

    .evCon4 .book_swiper {margin: 0 auto 20px;}
    .evCon4 .book_swiper .cover_img {position: static; display: inline-block; max-width: 50%; margin-bottom: 20px;}
    .evCon4 .swiper-pagination {bottom: 20px;}
}
@media screen and (max-width: 768px){
    .evSection .feature_list li {height: 140px;}
    .eventVideo.system .video_box a::after {width: 40px; height: 40px;}
    .evt_con_base.sm,
    .evt_con_base.xs {font-size: 12px;}
    .evSection .swiper-pagination-bullet {width: 10px; height: 10px;}
}
@media screen and (max-width: 576px){
    .evSection .feature_list li {height: 120px;}

    .evBnr li a {padding: 10px;}

    .evCon2 .test_swiper .tit {margin-bottom: 10px;}
    .evCon2 .test_swiper .swiper-slide {padding: 20px 5px;}

    .evCon3 .step_wrap + .step_wrap {margin-top: 55px;}
    .evCon3 .step_wrap + .step_wrap::before {width: 101px; height: 61px;}
    .evCon3 .content {height: 160px;}
    .evCon3 .content .tit {margin-bottom: 5px;}

    .evCon4 .step_tab {margin-bottom: 30px;}
    .evCon4 .step_tab li a {padding: 10px 0;}
    .evCon4 .line_tit {margin-bottom: 20px;}
    .evCon4 .eventVideo_list li + li {margin-top: 20px;}

    .evCon5 .eventVideo {margin-bottom: 30px;}

    .evCon6 .check_list {margin-bottom: 35px;}
    .evCon6 .check_list li p {width: 100%; text-align: left; padding-left: 20px;}
    .evCon6 .check_list li p::before {width: 11px; height: 8.5px;}
    .evCon6 .eventVideo_list {flex-direction: column;}
    .evCon6 .eventVideo_list li {width: 100%;}
}