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

/* settings */
:root {
    --color-primary: #f00;
}
.eventWrap {font-family: "Pretendard", sans-serif; letter-spacing: normal; font-weight: 400; line-height: normal; color: var(--brand-color-gray-900);}
.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: 60px;}
.evSection .sec_tit {margin-bottom: 20px;}
.tx_primary {color: var(--color-primary);}
.tx_gradient {display: inline-block; background: linear-gradient(90deg, #2567F8 0%, #FFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.moFixBnr {position: fixed; bottom: 80px; right: 12px; display: none; flex-direction: column; align-items: flex-end; gap: 5px; z-index: 5;}
.moFixBnr .schedule a {width: 56px; height: 56px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; font-size: 12px; line-height: 1; color: #FFF; border-radius: 50%; background: linear-gradient(90deg, #2567F8 0%, #001EB0 100%); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);}
.moFixBnr .schedule a span {font-size: 16px;}
.moFixBnr .course a {border-radius: 50px;}

.flt_inner {width: 184px;}
.flt_inner a {display: flex; justify-content: flex-start;}
.flt_inner li > .ds-button {width: 100%; justify-content: flex-start; padding: 12px 8px 12px 16px; border-radius: 24px; color: #333; background: #FFF; font-weight: 700; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); border: none;}
.flt_inner li > .ds-button span:last-of-type {margin-left: auto;}
.flt_inner li.schedule .ds-button {color: #FFF; background: linear-gradient(90deg, #2567F8 -1%, #001EB0 100%);}
.flt_inner li.course {border-radius: 12px; border-radius: 12px; background: #FFF; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); overflow: hidden;}
.flt_inner li.course > .ds-button {border-radius: 0; box-shadow: none; color: #FFF; background: linear-gradient(90deg, #59BAFF 0%, #2A7EE5 100%);}
.flt_inner li.course > .ds-button span {margin: 0;}
.flt_inner .course_list {display: flex; flex-direction: column; gap: 8px; padding: 12px 6px 16px 16px;}
.flt_inner .course_list a {justify-content: space-between; font-size: 14px; line-height: 20px; color: #666;}
.flt_inner .course_list a:first-child {font-weight: 700; color: #0082FF;}
.flt_inner li.kakao .ds-button {background: #FFD83D;}
.flt_inner li.presentation a {padding: 12px 16px;}
.flt_inner.renewal li.top a {display: flex; justify-content: center; width: fit-content; margin: 0 auto; font-weight: 700; font-size: 13px; line-height: 19px; color: #FFF; background: #333; border-radius: 30px; padding: 2px 10px;}

/* evTop */
.evTop {padding: 128px 0 125px; background: #C7DFFF url(https://image.megagong.net/m/2026/1006_gongssel/top_bg.png) 50% 0 / 1200px auto no-repeat;}
.evTop .title_wrap {position: relative; width: fit-content; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 40px; z-index: 0;}
.evTop .title_wrap .badge {position: absolute; top: -20px; right: -74px; width: 109px; height: 109px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; text-align: center; background: linear-gradient(315deg, #FF7C2A 20.48%, #FFB480 82.72%), #D9D9D9; z-index: -1;}
.evTop .title_wrap .logo {width: 57.179vw; max-width: 291px;}
.evTop .title_wrap h3 {font-size: 80px; font-weight: 800; line-height: 1; background: linear-gradient(90deg, #2567F8 0%, #001EB0 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.evTop .title_wrap .date {border-radius: 5px; background: linear-gradient(90deg, #2567F8 0%, #001EB0 100%); padding: 4px 10px 6px;}
.evTop .desc_wrap {display: flex; flex-direction: column; gap: 10px;}

/* evCon1 */
.evCon1 {padding: 35px 0 0; background: #091628;}
.evCon1 .tit_wrap {text-align: left; position: absolute; top: 45px; left: 0; width: 100%;}
.evCon1 .tit_wrap .ds-badge {color: #1A1A1A; border-radius: 5px; background: linear-gradient(90deg, #2567F8 0%, #FFF 100%); padding: 6px 10px; border: none; margin-bottom: 10px; font-weight: 700; font-size: var(--text-h5-size); line-height: var(--text-h5-line-height);}
.evCon1 .tit_wrap .ds-badge sup {align-self: flex-start;}
.evCon1 .tit_wrap .con_tit {font-size: 48px; line-height: 1.21; text-align: left;}
.evCon1 .con_box {margin: 0;}
.evCon1 .tea_wrap {position: absolute; right: 0; bottom: 60px; display: flex; justify-content: flex-end; align-items: flex-end; gap: 30px; z-index: 1;}
.evCon1 .tea_info .img {display: inline-block; max-width: 200px; margin-bottom: 5px;}
.evCon1 .tea_info:nth-child(1) .txt {padding-right: 32px;}
.evCon1 .tea_info:nth-child(2) .txt {padding-right: 42px;}
.evCon1 .tea_info .sub_txt {opacity: 0.8; margin-bottom: 4px;}
.evCon1 .tea_info .sub_txt sup {font-size: 0.5em;}
.evCon1 .tea_info .main_txt {display: inline-flex; align-items: center; gap: 3px;}
.evCon1 .tea_info .main_txt span {font-size: 20px;}
.evCon1 .tea_info .text-caption-sm {margin-top: 27px; opacity: 0.5;}

/* evCon2 */
.evCon2 {padding: 60px 0 100px; background: #091628 url(https://image.megagong.net/m/2026/1006_gongssel/con2_bg.png) 50% 0 / 800px auto no-repeat; background-position: 50% 0 !important;}
.evCon2 .con_box {margin-top: 30px;}
.evCon2 .lineup_wrap {overflow: visible;}
.evCon2 .lineup_wrap .swiper-wrapper {display: flex; transition-timing-function : linear;}
.evCon2 .lineup_wrap .swiper-slide {width: 220px; position: relative; border-radius: 8.127px; box-shadow: 0 8.127px 13.545px 0 rgba(70, 140, 228, 0.25); overflow: hidden;}
.evCon2 .lineup_wrap .swiper-slide .info {position: absolute; left: 0; bottom: 0; width: 100%; height: 58%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background: linear-gradient(152deg, rgba(0, 191, 254, 0.00) 52.39%, rgba(0, 191, 254, 0.90) 99.96%), linear-gradient(180deg, rgba(26, 43, 232, 0.00) 20%, #1A2BE8 100%); padding: 20px;}

/* evQuicktest */
.evQuicktest {background: #EEF8FF;}
.evQuicktest .con_tit {font-size: 32px; line-height: 1.25;}
.evQuicktest .con_box {margin-top: 40px;}
.evQuicktest .question_wrap {max-width: 620px; margin: 0 auto;}
.evQuicktest .question_wrap::after {content: ''; display: block; width: 152.5px; height: 134px; margin: 0 auto; background: url(https://image.megagong.net/m/2026/1006_gongssel/quicktest_arrow.png) no-repeat; background-size: contain;}
.evQuicktest .question {border-radius: 10px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 30, 176, 0.06); padding: 32px; text-align: left;}
.evQuicktest .question + .question {margin-top: 24px;}
.evQuicktest .question .tit {margin-bottom: 20px;}
.evQuicktest .question .option {display: flex; flex-direction: column; align-items: stretch; gap: 12px;}
.evQuicktest .question .option li {border-radius: 30px; background: #EEF8FF; padding: 14px 24px;}
.evQuicktest .result_wrap {max-width: 800px; display: flex; gap: 16px; margin: 0 auto;}
.evQuicktest .result {flex: 1; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 30, 176, 0.06); text-align: left; padding: 28px 24px;}
.evQuicktest .result p {font-weight: 700;}
.evQuicktest .result .button {flex-shrink: 0; display: flex; width: 36px; height: 36px; justify-content: center; align-items: center; border-radius: 50%; border: 1.5px solid #E2E8F0; color: #666;}
.evQuicktest .consult_banner {max-width: 800px; margin: 40px auto 0; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; background: #FFF; padding: 32px; text-align: left;}
.evQuicktest .consult_banner .txt .desc {margin-top: 8px;}
.evQuicktest .consult_banner .ds-button-wrap {flex-direction: column; gap: 8px;}
.evQuicktest .consult_banner .ds-button {background: #333;}
.evQuicktest .consult_banner .ds-button.kakao {color: #1A1A1A; background: #FFD83D;}
/* Áø´Ü °á°ú Æ˾÷ */
.test_result_dialog .ds-dialog-title {padding-top: 20px;}
.test_result_dialog .ds-dialog-img {margin-top: 16px;}
.test_result_dialog .ds-dialog-body {padding: 0 40px 20px;}
.test_result_dialog .ds-divider {background: #D9D9D9; margin: 26px auto;}
.test_result_dialog .ds-dialog-footer {padding: 16px 40px 24px;}

/* evCourseAll */
.evCourseAll {background: linear-gradient(180deg, #E5EFFF 0%, #F6FBFF 100%);}

/* evCourseInfo */
.evCourseInfo .feature {display: flex; flex-direction: column; gap: 10px; max-width: 712px; text-align: left; margin: 0 auto;}
.evCourseInfo .feature li {display: flex; justify-content: flex-start; align-items: center; gap: 10px; border-radius: 10px; background: #1A2733; padding: 12px 20px;}
.evCourseInfo .feature li::before {content: ''; display: inline-block; flex-shrink: 0; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' fill='%23005BB2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V9C11.25 8.58579 11.5858 8.25 12 8.25Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;}
.evCourseInfo .place_wrap {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; text-align: left; margin: 0 auto;}
.evCourseInfo .place {position: relative; width: 346px;}
.evCourseInfo .place .swiper-slide {border-radius: 10px; overflow: hidden;}
.evCourseInfo .place .con {position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; padding: 30px 24px; display: flex; flex-direction: column; justify-content: flex-end; z-index: 2; background: -webkit-linear-gradient(top, rgba(27, 36, 44, 0.00) 13.79%, #1B242C 68.95%); background: linear-gradient(180deg, rgba(27, 36, 44, 0.00) 13.79%, #1B242C 68.95%); border-radius: 0 0 8px 8px;}
.evCourseInfo .place .swiper-pagination {text-align: left; margin: 0 auto 10px;}
.evCourseInfo .place .swiper-pagination-bullet {background-color: #FFF; opacity: 1;}
.evCourseInfo .place .swiper-pagination-bullet-active {background-color: #299BFF;}
.evCourseInfo .place .tit {font-weight: 700;}

/* courseInfo1 */
.courseInfo1 {background: #16222C;}

/* courseInfo2 */
.courseInfo2 {background: #131D25;}
.courseInfo2 .feature {margin-bottom: 60px;}

/* courseInfo3 */
.courseInfo3 {background: #10181F;}
.courseInfo3 .combo {position: relative; display: flex; align-items: center; gap: 5px; max-width: 690px; margin: 0 auto 44px;}
.courseInfo3 .combo .item {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100px; border-radius: 12px; }
.courseInfo3 .combo .item.perfect {border: 3px solid #299BFF; background: #FFF; box-shadow: 0 0 24px 0 rgba(37, 103, 248, 0.24);}
.courseInfo3 .combo .item.self {background: linear-gradient(90deg, #299BFF 0%, #0E62FF 100%); box-shadow: 0 0 24px 0 rgba(37, 103, 248, 0.24);}
.courseInfo3 .feature {margin-bottom: 60px;}
.courseInfo3 .sec_tit {margin-top: 50px;}
.courseInfo3 .place_wrap {max-width: 712px;}
.courseInfo3 .rank_wrap {display: flex; justify-content: center; gap: 19px;}
.courseInfo3 .rank_wrap .rank {flex: 1; max-width: 347px;}
.courseInfo3 .rank_wrap + .text-caption {margin-top: 10px;}

/* evBenefit */
.evBenefit {background: linear-gradient(180deg, #E0F0FF 0%, #FDFEFF 100%);}
.evBenefit .benefit_wrap {display: flex; flex-wrap: wrap; gap: 20px;}
.evBenefit .benefit {position: relative; color: #2B73FF; border-radius: 10px; background-color: #CEDEFD; text-align: left;}
.evBenefit .benefit .tit {font-weight: 700;}
.evBenefit .benefit .caption {margin-top: 8px;}
.evBenefit .benefit .img {position: absolute; bottom: 0; right: 0;}
.evBenefit .benefit.lg {width: calc(50% - 10px); height: 260px; padding: 30px 40px;}
.evBenefit .benefit.md {width: calc(33.333% - 13.333px); height: 220px; padding: 24px;}
.evBenefit .benefit.sm {width: calc(25% - 15px); height: 240px; padding: 20px;}
.evBenefit .benefit.lg .img {width: 54%; max-width: 276px;}
.evBenefit .benefit.md .img {width: 60%; max-width: 173px;}
.evBenefit .benefit.sm .img {width: 80%; max-width: 183px;}
.evBenefit .benefit:nth-child(1) {color: #FFF; background-color: #A581EF;}
.evBenefit .benefit:nth-child(2) {color: #FFF; background-color: #8184EF;}
.evBenefit .benefit:nth-child(3) {color: #6267FF; background-color: #DBDCFF;}
.evBenefit .benefit:nth-child(5) {background-color: #CDD8FF;}
.evBenefit .benefit:nth-child(7) {background-color: #CDD7FF;}
.evBenefit .benefit:nth-child(9) {color: #6267FF; background-color: #DBDCFF;}

/* evCurr */
.evCurr {background: #C7DFFF url(https://image.megagong.net/m/2026/1006_gongssel/curr_bg.png) 50% 0% / 1920px auto no-repeat; background-position: 50% 0 !important;}
.evCurr .schedule {margin: 0 auto 60px;}
.evCurr .step_wrap {max-width: 700px; display: flex; flex-direction: column; gap: 28px; margin: 0 auto; text-align: left;}
.evCurr .step_wrap li {position: relative; display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px; padding: 24px 30px; border-radius: 10px; box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.10);}
.evCurr .step_wrap li:nth-child(1) {background: linear-gradient(90deg, #006BCA 0%, #0038A0 100%), #8184EF;}
.evCurr .step_wrap li:nth-child(2) {background: linear-gradient(90deg, #0083F7 0%, #004DDC 100%), #8184EF;}
.evCurr .step_wrap li:nth-child(3) {background: linear-gradient(90deg, #299BFF 0%, #0E62FF 100%), #8184EF;}
.evCurr .step_wrap li:nth-child(4) {background: linear-gradient(105deg, #299BFF 39.69%, #58B1FF 89.69%), #A581EF;}
.evCurr .step_wrap .arrow {position: absolute; bottom: -14px; left: 50%; transform: translate(-50%, 50%);}
.evCurr .step_wrap .tit {min-width: 200px;}
.evCurr .step_wrap .feature {display: flex; flex-direction: column; gap: 10px;}
.evCurr .step_wrap .feature .item {display: flex; gap: 4px;}
.evCurr .step_wrap .feature .item .ico {font-size: 20px;}

/* evCon3 */
.evCon3 {background: #FFF;}
.evCon3 .indicator_wrap {display: flex; gap: 20px;}
.evCon3 .indicator {flex: 1; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; gap: 24px; padding: 30px 20px;}
.evCon3 .indicator .tit strong {display: block;}
.evCon3 .indicator .tit sup {font-size: 0.5em;}
.evCon3 .indicator .img {max-width: 280px; margin: 0 auto;}
.evCon3 .indicator .caption {color: var(--brand-color-gray-900); opacity: 0.5;}
.evCon3 .indicator:nth-child(1) {color: #2B73FF; background-color: #CDD7FF;}
.evCon3 .indicator:nth-child(2) {color: #6267FF; background-color: #DBDCFF;}
.evCon3 .indicator:nth-child(3) {color: #0082FF; background-color: #CEDEFD;}

@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: 6%;}

    .moFixBnr {display: flex;}

    /* evTop */
    .evTop {padding: 10.667vw 0 10.417vw; background-size: auto 100%; background-position: 80% 50% !important;}
    .evTop .title_wrap {margin-bottom: 7.179vw;}
    .evTop .title_wrap h3 {font-size: clamp(48px, 8.065vw, 80px);}

    /* evCon1 */
    .evCon1 {padding: 35px 0 0;}
    .evCon1 .con_box {margin: 0;}

    /* evCon2 */
    .evCon2 {padding: min(60px, 7.692vw) 0 min(100px, 12.821vw);}

    /* courseInfo3 */
    .courseInfo3 .rank_wrap {gap: 10px;}
}
@media screen and (max-width: 992px){
    /* evCon1 */
    .evCon1 .tit_wrap {position: static;}
    .evCon1 .tea_img {margin-left: -30%;}

    /* courseInfo3 */
    .courseInfo3 .rank_wrap {flex-wrap: wrap;}
    .courseInfo3 .rank_wrap .rank {flex: 0 0 auto; width: calc(50% - 5px);}
}
@media screen and (max-width: 768px){
    /* evTop */
    .evTop {padding: 17.949vw 0 80.769vw; background: #C7DFFF url(https://image.megagong.net/m/2026/1006_gongssel/top_bg_mo.png) 50% 0 / cover no-repeat; background-position: 50% 100% !important;}

    .evCon1 .tit_wrap .con_tit {font-size: clamp(32px, 6.25vw, 48px);}
    .evCon1 .tea_wrap {width: 100%; justify-content: space-between; gap: 0; bottom: 7.813vw;}
    .evCon1 .tea_info {flex: 1;}
    .evCon1 .tea_img {width: 160vw; margin-left: -60vw; margin-top: 2vw;}

    /* evCon2 */
    .evCon2 .lineup_wrap .swiper-slide {width: 140px;}
    .evCon2 .lineup_wrap .swiper-slide .info {padding: 10px;}

    /* evCourseInfo */
    .evCourseInfo .place_wrap {gap: 10px;}

    /* evQuicktest */
    .evQuicktest .question_wrap::after {width: 107px; height: 94px;}
    .evQuicktest .question {padding: 20px;}
    .evQuicktest .question .option li {padding: 10px 20px;}
    .evQuicktest .result_wrap {flex-direction: column; gap: 10px;}
    .evQuicktest .result {padding: 20px;}
    .evQuicktest .consult_banner {flex-direction: column; gap: 10px; padding: 20px;}
    .evQuicktest .consult_banner .ds-button-wrap {flex-direction: row; width: 100%;}
    .evQuicktest .consult_banner .ds-button {flex: 1;}
    /* Áø´Ü °á°ú Æ˾÷ */
    .test_result_dialog .ds-dialog-body {padding: 0 20px 20px;}
    .test_result_dialog .ds-dialog-footer {padding: 16px 20px 24px;}
    .test_result_dialog .ds-dialog-footer .ds-button-wrap {flex-direction: column;}

    /* evBenefit */
    .evBenefit .benefit_wrap {gap: 10px;}
    .evBenefit .benefit.lg {width: calc(50% - 5px); height: 220px; padding: 20px 20px;}
    .evBenefit .benefit.md {width: calc(33.333% - 6.666px); height: 220px; padding: 20px 10px;}
    .evBenefit .benefit.sm {width: calc(25% - 7.5px); height: 200px; padding: 20px 10px;}

    /* evCurr */
    .evCurr .step_wrap .tit {min-width: 160px;}

    /* evCon3 */
    .evCon3 .indicator_wrap {gap: 10px;}
    .evCon3 .indicator {gap: 10px; padding: 20px 10px;}
}
@media screen and (max-width: 576px){
    .moFixBnr {bottom: 65px;}

    .evCon1 .tea_img {padding-bottom: 46vw;}
    .evCon1 .tea_info:nth-child(1) .txt,
    .evCon1 .tea_info:nth-child(2) .txt {padding-right: 10px;}

    /* courseInfo3 */
    .courseInfo3 .rank_wrap {flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;}
    .courseInfo3 .rank_wrap .rank {width: 100%; background: #2C3D50; border-radius: 10px; max-width: none;}
    .courseInfo3 .rank_wrap .rank img {width: 347px;}

    /* evQuicktest */
    .evQuicktest .consult_banner .ds-button-wrap {flex-direction: column; width: 100%;}

    /* evBenefit */
    .evBenefit .benefit.lg,
    .evBenefit .benefit:nth-of-type(3) {width: 100%; height: 170px; padding: 20px 10px;}
    .evBenefit .benefit:nth-of-type(n + 4) {width: calc(50% - 5px); height: 150px; padding: 20px 10px;}
    .evBenefit .benefit.lg .img,
    .evBenefit .benefit:nth-of-type(3) .img {width: 34%;}
    .evBenefit .benefit:nth-of-type(n + 4) .img {width: 42%;}

    /* evCurr */
    .evCurr .step_wrap li {flex-direction: column; padding: 20px;}

    /* evCon3 */
    .evCon3 .indicator_wrap {flex-direction: column;}
    .evCon3 .indicator .img {width: 60%;}
}
@media screen and (max-width: 460px){
    /* evTop */
    .evTop .title_wrap .badge {width: 90px; height: 90px; top: -42px; right: 0;}
}