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

/* settings */
:root {
    --color-primary: #271B91;
}
.eventWrap {font-family: "Pretendard", sans-serif; letter-spacing: normal; font-weight: 400; line-height: normal; color: var(--brand-color-gray-900);}
.evSection {padding: 120px 0;}
.evSection .tag_tit {font-weight: 700; color: #6577DA; letter-spacing: 0.2em; margin-bottom: 10px;}
.evSection .mini_tit {font-weight: 400;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 10px;}
.evSection .num_tit_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin: 60px auto 20px;}
.evSection .num_tit_wrap .num {width: 53px; height: 53px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #221C7A; color: #FFF; font-size: 17px; letter-spacing: 0.1em; line-height: 1; font-weight: 700;}
.evSection .num_tit_wrap .sub {font-weight: 400;}
.evSection .con_box {margin-top: 60px;}
.evSection .evt_mark {display: inline-block; border-radius: 30px; color: #FFF; background: rgba(255, 255, 255, 0.20); padding: 8px 20px; margin-bottom: 20px;}
.evSection .evt_info {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: fit-content; margin: 0 auto;}
.evSection .evt_info dl {display: flex; justify-content: flex-start; align-items: center; gap: 5px;}
.evSection .evt_info dl::before {content: ''; display: block; width: 20px; height: 20px; flex-shrink: 0; background-color: #CCC; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='9.33325' y='3.33301' width='1.33333' height='13.3333' rx='0.666667' fill='black'/%3E%3C/svg%3E") center / contain no-repeat; order: 1;}
.evSection .evt_info dt {flex-shrink: 0; color: #FFF; font-weight : 700;}
.evSection .evt_info dd {color: #FFF; order: 1; text-align: left;}
.evSection .evt_info .notice {opacity: 0.5;}
.evSection .lec_wrap {padding: 40px; border-radius: 12px; background: #FFF;}
.evSection .lec_wrap .vodchr_banner {margin: 0;}
.tx_primary {color: var(--color-primary);}
.tx_gradient {display: inline-block; background: linear-gradient(90deg, #79CFE4 0%, #4A5DC9 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* stickyBnr */
.stickyBnr {color: #FFF; background: #14114A;}
.stickyBnr.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}
.stickyBnr ul {width: 100%; max-width: 1080px; margin: 0 auto;}
.stickyBnr li {flex: 1;}
.stickyBnr li:not(:first-child) {border-left: 1px solid rgba(255, 255, 255, 0.15);}
.stickyBnr a {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; padding: 23.5px 0;}
.stickyBnr a span {opacity: 0.6;}
.stickyBnr .event a span {color: #B9AEFF; font-weight: 700; opacity: 1;}

/* evTop */
.evTop {padding: 47px 0 31px; background: #020113 url(https://image.megagong.net/m/2026/1110_tmddk4521/top_bg.jpg) 50% 50% / 2600px auto no-repeat; background-position: 50% 0 !important;}
.evTop .inner {max-width: 987px;}
.evTop .sub_txt {color: #FFF; font-weight: 500; letter-spacing: 0.2em; text-shadow: 0 0 7px rgba(0, 0, 0, 0.50); margin-bottom: 52px; opacity: 0.9;}
.evTop .tit_wrap {text-align: left;}
.evTop .tit_wrap .sub_tit1 {color: #393983; font-weight: 600;}
.evTop .tit_wrap h3 {width: 68%; max-width: 514px; margin: 25px 0 30px;}
.evTop .tit_wrap .sub_tit2 {color: #FFF; font-size: 30px; line-height: 1.4;}
.evTop .evt_bnr {margin-top: 47px; position: relative; display: flex; align-items: center; gap: 40px; color: #FFF; text-align: left; border-radius: 16px; background: radial-gradient(180.22% 175.79% at 85.36% 43.75%, rgba(83, 73, 188, 0.60) 0%, rgba(17, 17, 17, 0.00) 100%), radial-gradient(365.72% 155.6% at 0% -0.32%, rgba(83, 73, 188, 0.60) 0%, rgba(17, 17, 17, 0.00) 100%), rgba(1, 1, 19, 0.60); padding: 30px 40px;}
.evTop .evt_bnr .txt1 {font-weight: 700;}
.evTop .evt_bnr .txt2 .tx_gradient {background-image: linear-gradient(90deg, #FFF 0%, #AA92DF 36%, #FFF 100%);}
.evTop .evt_bnr .img {position: absolute; right: 40px; top: -33px; width: 20%; max-width: 144px;}

/* evCon1 */
.evCon1 {position: relative; background: #010113 url(https://image.megagong.net/m/2026/1110_tmddk4521/con1_bg.jpg) 50% 50% / 2600px auto no-repeat;}
.evCon1 .con_tit sup {font-size: 0.5em; opacity: 0.5; font-weight: 400;}
.evCon1 .con_box {margin-top: 450px;}
.evCon1 .tea_img {position: absolute; top: -110px; left: 50%; width: 46.875vw; max-width: 562.5px; transform: translateX(-50%);}
.evCon1 .awards_wrap {display: flex; justify-content: center; gap: 30px;}
.evCon1 .awards_wrap .item {width: 50%; max-width: 307px;}
.evCon1 .caption_wrap {display: flex; justify-content: center; gap: 30px; color: #FFF; opacity: 0.3; margin-top: 30px; margin: 0 auto 40px;}
.evCon1 .caption_wrap .item {flex-basis: 307px;}
.evCon1 .caption_wrap .item .mark {display: none;}
.evCon1 .review_wrap {display: flex; justify-content: center; gap: 15px;}
.evCon1 .review_wrap .item {flex-basis: 349.5px;}

/* evCon2 */
.evCon2 {background: #010113;}
.evCon2 .problem_wrap {position: relative; display: flex; justify-content: center; flex-wrap: wrap; gap: 0 30px; margin-bottom: 86px;}
.evCon2 .problem_wrap::before {content: ''; position: absolute; bottom: 42px; left: 50%; width: 1px; height: 128px; background: #E7DDF3; transform: translateY(100%); opacity: 0.4;}
.evCon2 .problem_wrap::after {content: ''; display: block; width: 100%; max-width: 740px; height: 40px; border: 1px solid #E7DDF3; border-top: none; opacity: 0.4;}
.evCon2 .problem_wrap .item {flex-grow: 1; flex-basis: calc(33.333% - 20px); position: relative; display: flex; flex-direction: column-reverse; gap: 28px; border-radius: 16px; border: 1px solid #646181; padding-bottom: 37px; overflow: hidden;}
.evCon2 .problem_wrap .item::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(7, 8, 28, 0.00) 37.83%, #07081C 72.39%);}
.evCon2 .problem_wrap .txt {position: relative;}
.evCon2 .solution {display: flex; align-items: center; gap: 6px; text-align: left; overflow: hidden; border-radius: 354px; padding: 0 122px; background: url(https://image.megagong.net/m/2026/1110_tmddk4521/con2_check.png) calc(100% + 66px) calc(100% + 50px) / 423.5px auto no-repeat, linear-gradient(95deg, rgba(42, 136, 224, 0.00) -5%, rgba(170, 146, 223, 0.70) 20%, rgba(42, 136, 224, 0.00) 85%), #271B91;}
.evCon2 .solution .img {width: 18.796vw; max-width: 203px; align-self: flex-end;}
.evCon2 .solution .txt {font-weight: 700; padding: 10px 0;}
.evCon2 .solution .txt .md {margin: 14px auto 4px;}
.evCon2 .solution .txt .lg {background: linear-gradient(to bottom, transparent 50%, rgba(185, 174, 255, 0.60) 50%);}

/* evCon3 */
.evCon3 {background: linear-gradient(180deg, #FFF 0%, #EEEAFF 100%), #FFF;}
.evCon3 .num_tit_wrap:first-of-type {margin: 0 auto 30px;}
.evCon3 .solution_wrap .item {display: flex; align-items: center; gap: 24px; text-align: left;}
.evCon3 .solution_wrap .item + .item {margin-top: 18px;}
.evCon3 .solution_wrap .txt {flex-basis: 492px; display: flex; align-items: center; gap: 20px; padding: 28px 36px; border-radius: 16px; background: #F1F0F6;}
.evCon3 .solution_wrap .txt span {color: #9A98AE;}
.evCon3 .solution_wrap .txt p {color: #55556A;}
.evCon3 .solution_wrap .txt.after {background: linear-gradient(90deg, #6A55E8 0%, #3F31B8 100%);}
.evCon3 .solution_wrap .txt.after span {color: #D9D2FF;}
.evCon3 .solution_wrap .txt.after p {color: #FFF;}
.evCon3 .solution_wrap .arrow {width: 48px; height: 48px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-weight: 700; border-radius: 50%; background: #EEEAFF; color: #6A55E8; font-family: 'Noto Sans KR', sans-serif; }
.evCon3 .book {position: relative; max-width: 860px; margin: 0 auto;}
.evCon3 .book + .ds-button-wrap {margin-top: 20px; gap: 10px; justify-content: center;}
.evCon3 .book + .ds-button-wrap .ds-button {border-radius: 5px; background: linear-gradient(90deg, #6A55E8 0%, #3F31B8 100%), #191919;}
.evCon3 .feature_wrap {display: flex; gap: 30px;}
.evCon3 .feature_wrap .item {flex: 1; border-radius: 16px; background: #FFF; padding: 40px 20px;}
.evCon3 .feature_wrap .ico {width: 30%; max-width: 80px; margin: 0 auto;}
.evCon3 .feature_wrap .txt {color: #5A5A72;}
.evCon3 .feature_wrap .txt .tit {color: #221C7A; margin: 14px auto;}

/* evCon4 */
.evCon4 {background: #FFF;}
.evCon4 .guide_wrap {max-width: 860px; display: flex; gap: 15px; margin: 0 auto 60px;}
.evCon4 .guide_thumb_list {flex-shrink: 0; width: 350px; align-self: center; text-align: left;}
.evCon4 .guide_thumb_list .swiper-slide {color: rgba(17, 17, 17, 0.20); border-left: 4px solid rgba(17, 17, 17, 0.20); padding: 20px 0 20px 26px; transition: all 0.2s; cursor: pointer;}
.evCon4 .guide_thumb_list .tit {display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.evCon4 .guide_thumb_list .tit .num {display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; font-weight: 500; font-size: 16px; line-height: normal; border-radius: 50%; background: rgba(17, 17, 17, 0.05); transition: all 0.2s;}
.evCon4 .guide_thumb_list .tit strong {font-weight: 700;}
.evCon4 .guide_thumb_list .desc {font-weight: 500; transition: all 0.2s;}
.evCon4 .guide_thumb_list .swiper-slide-thumb-active {color: #111; border-left-color: #6A55E8;}
.evCon4 .guide_thumb_list .swiper-slide-thumb-active .tit .num {color: #FFF; background: #111;}
.evCon4 .guide_thumb_list .swiper-slide-thumb-active .desc {color: #4D4D4D;}
.evCon4 .guide_swiper {width: 495px; height: 524px; aspect-ratio: 495 / 524; border-radius: 20px; overflow: hidden;}
.evCon4 .guide_swiper .swiper-slide {background: #F5F5F5;}
.evCon4 .swiper-pagination {display: none; justify-content: center; align-items: center; gap: 12px; margin: 0 auto 14px;}
.evCon4 .swiper-pagination-bullet {display: flex; justify-content: center; align-items: center; width: 29px; height: 29px; color: rgba(17, 17, 17, 0.20); font-size: 20px; font-weight: 500; background: rgba(17, 17, 17, 0.05); opacity: 1;}
.evCon4 .swiper-pagination-bullet-active {color: #FFF; background: #111;}
.evCon4 .app_banner {position: relative; max-width: 862px; margin: 0 auto; display: flex; background: #FBF9FA url(https://image.megagong.net/m/2026/1110_tmddk4521/con4_bnr_bg.png) 50% 50% / cover no-repeat; border-radius: 16px; border: 1px solid #E7DDF3; overflow: hidden; padding: 30px 50px; z-index: 0;}
.evCon4 .app_banner::before {content: ''; position: absolute; top: 11px; left: 20px; width: 100%; height: 100%; background-image: radial-gradient(circle, #D9D9D9 1.5px, transparent 1.5px); background-size: 33px 33px; background-repeat: repeat; z-index: -1;}
.evCon4 .app_banner .txt {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; text-align: left;}
.evCon4 .app_banner .qr_wrap {margin-left: auto; display: flex; gap: 20px;}
.evCon4 .app_banner .qr_wrap .qr p {font-weight: 700; margin-top: 10px;}

/* evCon5 */
.evCon5 {background: #EEEAFF;}
.evCon5 .eventVideo {border-radius: 16px; max-width: 860px; margin: 0 auto 30px;}
.evCon5 .feature_wrap {max-width: 1000px; margin: 0 auto 60px; display: flex; gap: 20px;}
.evCon5 .feature_wrap .item {flex: 1; border-radius: 16px; background: #010113; padding: 35px 0;}
.evCon5 .feature_wrap .tit {color: #6577DA; margin-bottom: 10px;}

/* evCon6 */
.evCon6 {background: linear-gradient(180deg, #0D0F35 30%, #393983 55%, #D9C9EB 100%);}
.evCon6 .tx_highlight {color: #AA92DF;}
.evCon6 .mini_tit {font-weight: 700; opacity: 0.7;}
.evCon6 .con_tit {font-size: 50px; line-height: 1.2;}
.evCon6 .con_box {margin-top: 0;}
.evCon6 .box_tit {border-radius: 16px; background: rgba(255, 255, 255, 0.10); padding: 20px; max-width: 847px; margin: 20px auto 30px;}
.evCon6 .gift_wrap {display: flex; gap: 30px; color: #FFF; margin: 60px auto 30px;}
.evCon6 .gift {flex: 1; display: flex; flex-direction: column; align-items: center; padding: 32px 24px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.07);}
.evCon6 .gift .ds-badge {font-weight: 700; color: #FFF; border-radius: 5px; background: linear-gradient(90deg, #7B66F0 0%, #4636C4 100%), linear-gradient(90deg, #35C1C1 0%, #2E99E1 100%); border: none; padding: 4px 8px; font-size: 14px;}
.evCon6 .gift .img {width: 30vw; max-width: 180px; margin: 14px auto;}
.evCon6 .gift .txt {flex: 1;}
.evCon6 .gift .sub {color: #D9C9EB; margin-bottom: 14px;}
.evCon6 .review_btn {min-width: 300px; background: linear-gradient(90deg, #6A55E8 0%, #3F31B8 100%), #191919; border: none;}
.evCon6 .gallery_base_wrap {border-radius: 20px; background: #0E0B36; margin-top: 60px; color: #FFF;}
.evCon6 .gallery_base_wrap .gallery_tit {position: relative; display: flex; align-items: center; color: #FFF; margin-top: 10px;}
.evCon6 .gallery_base_wrap .table-order {position: initial; margin: 0; margin-left: auto;}
.radio-base.type-1 input + label {color: #FFF;}
.gallery_base_wrap .gallery_list {margin-bottom: 30px;}
.gallery_base_wrap .gallery_list>li {border-radius: 10px; border: 1px solid #ECECEC; background: #FFF;}
.gallery_base_wrap .gallery_list>li .con {word-break: break-all;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important; background: #111;}
.evtoggleWarning .warningList {padding: 60px 0;}
.warningList li {color: rgba(255, 255, 255, 0.55); font-family: "Pretendard", sans-serif; letter-spacing: normal; font-weight: 400;}
.warningList > li {margin-top: 20px;}
.warningList li .s_tit {font-size: 16px; line-height: 1.5; color: #FFF;}
.warningList li ul li a {color: inherit; font-size: inherit; line-height: inherit; margin: 0; font-weight: 400;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: clamp(50px, 10vw, 120px) 0; background-size: auto 100%;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: clamp(28px, 3.333vw, 40px);}

    /* evTop */
    .evTop {padding: 3.917vw 0 2.583vw;}
    .evTop .sub_txt {margin-bottom: 4.333vw;}

    /* evCon1 */
    .evCon1 .tea_img {top: -9.167vw;}
    .evCon1 .con_box {margin-top: clamp(40px, 30.333vw, 450px);}
}
@media screen and (max-width: 992px){
    .evTop .evt_bnr {padding: 20px;}
    .evTop .evt_bnr .img {right: 20px;}

    .evCon2 .problem_wrap .item {padding-bottom: 30px;}
    .evCon2 .problem_wrap .item::before {background: linear-gradient(180deg, rgba(7, 8, 28, 0.00) 37.83%, #07081C 60%);}
    .evCon2 .solution {padding: 0 50px;}

    .evCon3 .solution_wrap .item {gap: 20px;}
    .evCon3 .solution_wrap .txt {gap: 14px; padding: 20px;}
}
@media screen and (max-width: 768px){
    .evSection .lec_wrap {padding: 20px 10px;}
    .evSection .num_tit_wrap .num {width: 34px; height: 34px; font-size: 14px;}

    .stickyBnr a span {display: none;}
    .stickyBnr .event a strong {color: #B9AEFF;}
    
    .evTop .sub_txt {letter-spacing: normal;}
    .evTop .tit_wrap .sub_tit2 {font-size: clamp(26px, 5.3vw, 30px);}
    .evTop .evt_bnr .img {top: 46%; transform: translatey(-50%);}

    .evCon1 .awards_wrap {gap: 10px; margin: 0 auto 20px;}
    .evCon1 .caption_wrap {flex-direction: column; gap: 0;}
    .evCon1 .caption_wrap .item {flex-basis: auto;}
    .evCon1 .caption_wrap .item .mark {display: inline-block;}
    .evCon1 .review_wrap {flex-direction: column; max-width: 349.5px; margin: 0 auto;}
    .evCon1 .review_wrap .item {flex-basis: auto;}
    
    .evCon2 .problem_wrap {flex-direction: column; flex-wrap: nowrap; gap: 12px; margin-bottom: 38px;}
    .evCon2 .problem_wrap::before,
    .evCon2 .problem_wrap::after {content: none;}
    .evCon2 .problem_wrap .item {height: 35.897vw; flex-basis: auto; justify-content: center; padding: 0; z-index: 0;}
    .evCon2 .problem_wrap .item::before {background: linear-gradient(90deg, rgba(7, 8, 28, 0.00) 11.62%, #07081C 37.5%);}
    .evCon2 .problem_wrap .txt {width: 79.5%; margin-left: auto; padding: 46px 0;}
    .evCon2 .problem_wrap .bg {position: absolute; top: 0; left: 0; width: auto; height: 100%; aspect-ratio: 1 / 1; z-index: -1;}

    .evCon3 .solution_wrap .item {gap: 10px; text-align: center;}
    .evCon3 .solution_wrap .txt {flex-direction: column; padding: 10px 20px; gap: 6px;}
    .evCon3 .solution_wrap .arrow {width: 34px; height: 34px;}
    .evCon3 .book + .ds-button-wrap {flex-direction: column;}
    .evCon3 .feature_wrap {gap: 10px;}
    .evCon3 .feature_wrap .item {padding: 30px 0;}

    .evCon4 .guide_wrap {flex-direction: column-reverse; gap: 20px;}
    .evCon4 .guide_thumb_list {width: 100%; text-align: center;}
    .evCon4 .guide_thumb_list .swiper-slide {border-left: none; padding: 0;}
    .evCon4 .guide_thumb_list .tit {display: block;}
    .evCon4 .guide_thumb_list .tit .num {display: none;}
    .evCon4 .guide_swiper {width: auto; height: auto;}
    .evCon4 .swiper-pagination {display: flex;}
    .evCon4 .app_banner {padding: 30px;}

    .evCon5 .feature_wrap {flex-direction: column; gap: 10px;}
    .evCon5 .feature_wrap .item {padding: 16px 0;}
    .evCon5 .feature_wrap .tit {margin-bottom: 5px;}
    
    .evCon6 .con_tit {font-size: clamp(28px, 6.51vw, 50px); line-height: 1.32;}
    .evCon6 .gift_wrap {flex-direction: column; gap: 14px;}
    .evCon6 .gift {flex-direction: row; gap: 30px; padding: 20px 30px;}
    .evCon6 .gift .img {margin-bottom: 0;}
    .evCon6 .gallery_base_wrap .gallery_tit .radio-base-list {position: absolute; bottom: 0; left: 0; transform: translateY(100%);}
}
@media screen and (max-width: 576px){
    .stickyBnr a {padding: 10px 0;}
    .stickyBnr a strong {font-size: 14px;}

    .evTop {background-position: 53% 0 !important;}
    .evTop .tit_wrap h3 {margin: 10px 0 20px;}
    .evTop .evt_bnr {flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 30px;}
    .evTop .evt_bnr .img {right: 10px; top: auto; transform: none; bottom: 10px;}

    .evCon1 .tea_img {top: 10vw;}
    .evCon1 .awards_wrap {flex-wrap: wrap; gap: 10px 0;}

    .evCon2 .solution {justify-content: center; border-radius: 10px; text-align: center; padding: 0 10px; background-size: auto 100%;}

    .evCon3 .feature_wrap {flex-direction: column;}
    .evCon3 .feature_wrap .item {display: flex; align-items: center; gap: 6px; text-align: left; padding: 20px 0 20px 10px;}
    .evCon3 .feature_wrap .ico {margin: 0; width: 50px;}
    .evCon3 .feature_wrap .txt .tit {margin: 0 auto 5px;}

    .evCon4 .app_banner {padding: 20px 10px;}
    .evCon4 .app_banner .qr_wrap .qr {width: 78px;}
}

/* S: ÀÎÁõ Æ˾÷ */
.field_wrap {display: flex; gap: 8px; margin-bottom: 20px;}
.field_wrap .ds-field {flex: 1;}
/* E: ÀÎÁõ Æ˾÷ */

/* S: À̹ÌÁö Æ˾÷ */
.zoom_btn {position: absolute; right: 10px; bottom: 10px; width: 48px; height: 48px; background: #FF5752; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #FFF;}
.scroll-lock {position: fixed; width: 100%; overflow: hidden;}
.textbook_pop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #4D4D4D; z-index: 10; display: none; }
.textbook_pop.show {display: block;}
.textbook_pop .content_area {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 20px;}
.textbook_pop .zoom_swiper {position: relative; max-width: 1476px;}
.textbook_pop .close_btn {position: absolute; width: 48px; height: 48px; border-radius: 50%; top: auto; left: auto; bottom: 30px; right: 20px; color: #FFF; background: #FF5752; z-index: 1;}

@media screen and (max-width: 768px){
    .textbook_pop .zoom_swiper {max-width: 700px; width: 100%;}
}
/* E: À̹ÌÁö Æ˾÷ */