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

:root {
    --white-color: #FFF;
    --black-color1:#000000;
    --black-color2:#1c1c1c;
    --black-color3:#111111;
    --gray-color1:#f5f5f5;
    --gray-color2:#eeeeee;
    --gray-color3:#ededed;
    --gray-color4:#d0d0d0;
    --gray-color5:#9a9a9a;
    --gray-color6:#999999;
    --gray-color7:#dddddd;
    --gray-color8:#666666;
    --gray-color9:#f7f7f7;
    --gray-color10:#f5f5f7;
    /* Æнºº° »ö»óÀº Á÷·Ä Æú´õ ³» CSS ÆÄÀÏ º¯¼ö¿¡ ¼±¾ð */
}

/* S: [common] settings */
.evSection {padding: 150px 0;}
.evSection.pt-0 {padding-top: 0 !important}
.evSection.pb-0 {padding-bottom: 0 !important}
.eventWrap .inner.w1200 {width: 1200px;}
.evSection .con_box {margin-top: 60px;}
/* E: [common] settings */

/* S: [common] component */
.brand_box {display: inline-block; color: #FFF; border-radius: 2.5px; background: #111; line-height: 1; padding: 1px 4px 3px;}
.clp-fs120 {font-size: 120px;}
.clp-fs64 {font-size: 64px;}
/* E: [common] component */

/* S: rightflt_bnr */
.rightflt_bnr {position: absolute;right: 0;top: 1%;display: flex;flex-direction: column;z-index: 10;height: 0;right:30px;} 
.rightflt_bnr.fixed {position: fixed;top: 2%;height: auto;overflow:visible;}
.rightflt_bnr li a {display: block;}
.rightflt_bnr li + li {margin-top: 5px;}
.rightflt_bnr li.top {margin-top: 10px;}
.rightflt_bnr .con {font-size: 15px;}
.rightflt_bnr .rightflt_bnr_pass_sale a {display: flex;justify-content: center;align-items: center;width: 170px; height: 85px;background-position: 0 0;background-repeat: no-repeat;background-image: url(https://img.megagong.net/m/2025/1027_pass/con_img12.png); background-size: contain; color: #fff;}
/* E: rightflt_bnr */

/* S: evCon1 */
.evCon1 {padding: 100px 0 150px; background: linear-gradient(180deg, #004BFF 0%, #004BFF 45%, #FFF 100%);}
.evCon1 .sub_txt {letter-spacing: 1em; margin-bottom: 85px;}
.evCon1 .txt_wrap {position: relative; text-align: left; z-index: 1;}
.evCon1 .txt_wrap .b_tit {line-height: 1.1; margin: 5px 0 30px;}
.evCon1 .visual {position: absolute; top: 30px; right: -30px; z-index: 0;}

.sobang .evCon1 {background: linear-gradient(180deg, #4D00FF 0%, #6D00FF 45%, #FFF 100%);}
/* E: evCon1 */

/* S: evCon2 */
.evCon2 {background-color: #FFF;}
.evCon2 .mini_tit {opacity: 0.6;}
.evCon2 .graph_wrap {position: relative; gap: 20px;}
.evCon2 .graph_wrap .item {position: relative; flex: 1; border-radius: 25px; background: linear-gradient(180deg, #001AFF 35%, #7683FF 100%), linear-gradient(150deg, #0048FF 35.81%, #00FFD4 98.84%), linear-gradient(0deg, #011AFA 0%, #011AFA 100%); padding: 70px 60px 150px; text-align: left; z-index: 0;}
.evCon2 .graph_wrap .tag_x {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: #FFF; line-height: 1;}
.evCon2 .graph_wrap .txt .tit {margin-bottom: 40px;}
.evCon2 .graph_wrap .num_wrap li + li {margin-top: 30px;}
.evCon2 .graph_wrap .num_wrap .num_tit {color: #B3BBFF;}
.evCon2 .graph_wrap .num_wrap .num_txt {display: block;}
.evCon2 .graph_wrap .num_wrap sup {color: #B3BBFF; font-size: 12px; vertical-align: top; line-height: 3;}
.evCon2 .graph_wrap .graph {position: absolute; bottom: 50px; right: 40px; z-index: -1;}
.evCon2 .graph_wrap + .evt_con_base {margin-top: 20px;}
.evCon2 .promote_area {position: relative; margin-top: 60px; z-index: 0;}
.evCon2 .promote_area .con_tit  {margin: 10px auto;}
.evCon2 .promote_area .visual {width: 50%; margin: 0 auto;}
.evCon2 .promote_area .bg_text {position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: min-content; font-size: 400px; font-weight: 800; line-height: 1.3; opacity: 0.78; background: linear-gradient(90deg, rgba(1, 222, 255, 0.15) 0%, rgba(0, 164, 255, 0.15) 50%, rgba(126, 152, 255, 0.15) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: -1;}

.sobang .evCon2 .graph_wrap .item {background: linear-gradient(180deg, #4D00FF 36.46%, #8D55FF 100%);}
.sobang .evCon2 .promote_area .bg_text {background-image: linear-gradient(90deg, rgba(251, 121, 255, 0.15) 0%, rgba(103, 128, 255, 0.15) 100%);}
/* E: evCon2 */

/* S: evLineup */
.evLineup {background: linear-gradient(90deg, rgba(1, 222, 255, 0.15) 0%, rgba(0, 164, 255, 0.15) 50%, rgba(126, 152, 255, 0.15) 100%), #F6F6F6;}
.evLineup .mini_tit {margin-top: 60px; opacity: 0.6;}
.evLineup .logo_img {display: inline-block; margin-bottom: 40px}
.evLineup .collabo {display: block; margin: 80px auto;}
.evLineup .mega_swiper_per_view {margin: 0 -360px;}
.evLineup .mega_swiper_per_view .swiper-slide {position:relative; height: 384px; border-radius: 10px; overflow: hidden; background: #FFF;}
.evLineup .mega_swiper_per_view .swiper-slide a {display: block;}
.evLineup .mega_swiper_per_view .tec_profile {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 106%;}
.evLineup .mega_swiper_per_view .tec_profile::before {content: '';position: absolute;bottom: -5%;left: -10%;width: 120%;height: 100%;opacity: 0.8;background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.7) 100%);filter: blur(15px);pointer-events: none;}
.evLineup .mega_swiper_per_view .tec_caption {position: absolute; width: 100%; bottom: 30px; z-index: 1;}
.evLineup .mega_swiper_per_view .tec_caption .subject {display: block; font-weight: 400;}

.sobang .evLineup {background: linear-gradient(90deg, rgba(251, 121, 255, 0.15) 0%, rgba(103, 128, 255, 0.15) 100%), #FFF;}
/* E: evLineup */

/* S: evReview */
.evReview {padding: 180px 0; background-image: url(https://image.megagong.net/m/2026/0115_pass/review_bg.png), linear-gradient(180deg, #001AFF 0%, #7683FF 100%); background-repeat: no-repeat; background-position: 50% 100% !important; background-size: auto;}
.evReview .con_box {margin-top: 80px;}
.evReview .review_swiper .swiper-slide {min-height: 359px; display: flex; flex-direction: column; align-items: center; border-radius: 10px; background: #FFF; padding: 40px;}
.evReview .review_swiper .swiper-slide .badge {border-radius: 30px; padding: 7px 15px;}
.evReview .review_swiper .swiper-slide .badge.next {color: #FFF; background: linear-gradient(90deg, #2567F8 0%, #001EB0 100%);}
.evReview .review_swiper .swiper-slide .badge.modoo {background: linear-gradient(90deg, #87FF87 0%, #E2FF84 100%);}
.evReview .review_swiper .swiper-slide .tit {display: block; margin: 20px 0;}
.evReview .review_swiper .swiper-slide p {color: #555; font-weight: 400; text-align: justify; word-break: break-all; line-height: 1.6; letter-spacing: -0.02em;}

.sobang .evReview {background-image: url(https://image.megagong.net/m/2026/0115_pass/review_bg.png), linear-gradient(180deg, #4D00FF 36.46%, #8D55FF 100%), linear-gradient(180deg, #4D00FF 0%, #6D00FF 45%, #FFF 100%);}
.sobang .evReview .review_swiper .swiper-slide {min-height: 411px;}
.sobang .evReview .review_swiper .swiper-slide .badge.next {background-image: linear-gradient(90deg, #FF662E 0%, #FF4141 100%);}
/* E: evReview */

/* S: evFaq */
.evFaq {background-image: url('https://img.megagong.net/m/2025/0915_pass/evCon7_bg.png'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; } 
.evFaq .toggle_list_box {display:flex; flex-direction:column; gap:20px;}
.evFaq .toggle_list {border-radius: 10px; overflow:hidden; text-align: left;}
.evFaq .toggle_list.on { box-shadow: 10px 6px 25px 0 rgba(85, 103, 69, 0.20);}
.evFaq .toggle_list .list_tit {padding: 25px 40px;border-radius: 10px 10px 0 0;background-color: #333;color:#fff;display:flex;align-items: center;justify-content: space-between;cursor: pointer;}
.evFaq .toggle_list .list_tit > p {display: flex; gap: 10px;}
.evFaq .toggle_list.on .list_tit .arrow {transform: rotate(180deg);}
.evFaq .toggle_list .list_det {display:none; padding: 30px 42px; border-radius: 0 0 10px 10px; background-color: #FFF;}
.evFaq .toggle_list .list_det .con {display: flex; gap: 18px; font-weight: 400;}
.evFaq .toggle_list .list_det .num {color: #333;}
/* E: evFaq */

.evComment {background: linear-gradient(180deg, #FFF 0%, #D7ECFE 100%);}
.evComment .mini_tit {color: rgba(17, 17, 17, 0.70); font-weight: 400;}
.evComment .regist_form_area {background: linear-gradient(180deg, #001AFF 0%, #7683FF 100%);}

/* reply */
.comment_box_wrap .regist_form_area .input-base-wrap { margin-bottom: 10px; } 
.comment_box_wrap .regist_form_area .check_area { display: flex; justify-content: space-between; } 
.comment_box_wrap [class*=board-list-wrap] table tbody td .tit_btn .content { font-weight: 400; } 
.comment_box_wrap [class*=board-list-wrap] table tbody tr.on td .tit_btn .content { font-weight: 500; } 
.comment_box_wrap .comment_wh_box {background: #FFF; padding: 30px; border-radius: 3px;}
.comment_box_wrap .comment_wh_box .total_num_wrap { display: flex; justify-content: space-between; } 
.comment_box_wrap .comment_wh_box .total_num_wrap .refresh { display: inline-block; margin-left: 5px; } 
.comment_box_wrap .comment_wh_box .total_num_wrap .total_num { margin-bottom: 9px; } 
.comment_box_wrap .comment_wh_box .total_num_wrap .total_num.right_ver { display: flex; justify-content: flex-end; gap: 20px; } 
.comment_box_wrap .comment_wh_box .total_num_wrap .total_num.right_ver a:nth-child(1) { position: relative; } 
.comment_box_wrap .comment_wh_box .total_num_wrap .total_num.right_ver a:nth-child(1)::after { content: ""; width: 1px; height: 15px; background: #ddd; position: absolute; right: -11px; top: 61%; transform: translateY(-50%); display: block; } 
.comment_box_wrap .comment_wh_box .name img { height: 23px; display: block; margin: auto; } 
.comment_box_wrap .comment_wh_box .name.next_ver img {     height: auto; } 
.comment_base_wrap .comment_list {padding: 0;}
.comment_box_wrap .reply_write_area { margin-top: 15px; } 
.comment_box_wrap .input-base-wrap.ver_input-btn { display: flex; justify-content: center; gap: 0 10px; } 
.input-base-wrap.ver_input-btn .textarea-base {height: 60px;}
.comment_box_wrap .input-base-wrap.ver_input-btn .reply-textarea { max-height: 220px; height: 220px !important; } 
.comment_box_wrap .input-base-wrap.ver_input-btn .btn-base.ms > a { height: 100%; display: flex; align-items: center; justify-content: center; width: 100px; padding: 0; } 
.comment_box_wrap .comment_list .reply_area { padding-top: 15px; width: 100%; display: flex; gap: 5px; flex-direction: column; align-items: flex-start; } 
.comment_box_wrap .comment_list .usr_info { position: relative; padding-left: 16px; display: flex; } 
.comment_box_wrap .comment_list .usr_info:before { content: ''; position: absolute; top: 2px; left: 0; width: 9px; height: 9px; background: url(https://img.megagong.net/m/2022/0402_fullserv/icon_reply.png) no-repeat top left; } 
.comment_box_wrap .comment_list .reply_area .reply { display: flex; width: 100%; } 
.comment_box_wrap .comment_list .reply_area .txt { word-break: break-all; width: 100%; text-align: left; overflow: unset; text-overflow: unset; white-space: unset; padding-left: 16px; font-weight: 400; color: #787878; } 
.comment_box_wrap .comment_list .reply_area .s-btn-base.del { flex-shrink: 0; } 
.comment_box_wrap .comment_list .reply_area .s-btn-base.del + .s-btn-base.del { margin-left: 5px; } 
.comment_box_wrap .paging { text-align: center; } 

.sobang .evComment {background: linear-gradient(180deg, #FFF 0%, #FEEFFF 100%);}
.sobang .evComment .regist_form_area {background: linear-gradient(180deg, #4D00FF 36.46%, #8D55FF 100%);}
/* E: evComment */

/* S: coupon_wrap */
.coupon_wrap {margin: 30px auto;}
/* E: coupon_wrap */

/* S: discount_coupon */
.discount_coupon {margin:0 auto; position:relative; padding: 22px 0; width: 712px; height: 100px; background: linear-gradient(95deg, #291972 0%, #103CAD 100%); color:#fff; border-radius: 5px; overflow:hidden;}
.discount_coupon.finish {background:#777777 !important;}
.discount_coupon .coupon {position: relative;}
.discount_coupon .coupon::after {content:""; position: absolute; top: 50%; transform:translateY(-50%); right:-5px;  display: block; width:10px; height:10px; border-radius: 50%; background-color:#fff;}
.discount_coupon .coupon::before {content:""; position: absolute; top: 50%; transform:translateY(-50%); left:-5px;  display: block; width:10px; height:10px; border-radius: 50%; background-color:#fff;}
.discount_coupon .txt {padding-left:40px;text-align:left; width: calc(100% - 130px);    word-break: break-word; font-weight: 300;}
.discount_coupon .txt .sec {margin:4px 0 0; font-weight: 900;}
.discount_coupon .btn { display:flex; align-items:center; justify-content:center; flex-direction:column; width: 130px; border-left: 1px solid #fff;}
.discount_coupon.finish .btn { border-left: 1px solid #bbbbbb;}
.discount_coupon .btn a {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.discount_coupon .cau_chk_btn {position: absolute; bottom:21px; right:150px;}
.discount_coupon .cau_chk_btn a {border:1px solid #fff; padding: 2px 8px; width: 100%; display:flex; align-items:center; justify-content:center;}
.discount_coupon.finish .cau_chk_btn a {border:1px solid #bbbbbb;}
.passCouponCau { border:1px solid #000;}
.passCouponCau .content_area {padding:0 0 15px;}
.passCouponCau button.mfp-close {background-image:none; font-size: 27px; font-weight: 300; top:-7px; right: 0;}
.passCouponCau .tit {padding:8px 10px; background-color:#f8f8f8; border-bottom: 1px solid #ececec;}
.passCouponCau .cau_list {padding: 14px 10px; overflow-y: auto; max-height: 400px; display: flex;justify-content: center;}
.passCouponCau .cau_list li {display:flex;  gap: 5px; line-height: 1.8;}
.passCouponCau .cau_list li::before {content:"-"; display:block; padding: 2px 0 0;}
.passCouponCau .cau_btn {display: flex;align-items: center;justify-content: center;margin: 20px auto 0;border: 1px solid #777777; color:#777; border-radius: 45px;width: 50px;height: 20px; font-size: 12px;}

.sobang .discount_coupon {background: linear-gradient(95deg, #1F1D6B 0%, #F24035 100%);}
/* E: discount_coupon */

@media screen and (max-width: 1600px){
    /* S: rightflt_bnr */
    .rightflt_bnr {display: none;}
    /* E: rightflt_bnr */
}
@media screen and (max-width: 1200px){
    /* S: [common] settings */
    .evSection {padding: 14% 0;}
    .eventWrap .inner.w1200 {width: 96%;}
    .evSection .con_box {margin-top: 6%;}
    /* E: [common] settings */

    /* S: [common] component */
    .clp-fs120 {font-size: clamp(60px, 14vmin, 120px);}
    .clp-fs64 {font-size: clamp(32px, 6.5vmin, 64px);;}
    /* E: [common] component */

    /* S: evLineup */
    .evLineup .mini_tit {margin-top: 6%;}
    .evLineup .mega_swiper_per_view {margin: 0 auto;}
    .evLineup .mega_swiper_per_view .swiper-slide {height: 32vw;}
    .evLineup .mega_swiper_per_view .tec_profile {max-height: 94%;}
    .evLineup .collabo {max-width: 10%; margin: 8% auto;}
    /* E: evLineup */

    /* S: evReview */
    .evReview {background-size: 100% auto;}
    .evReview .review_swiper .swiper-slide,
    .sobang .evReview .review_swiper .swiper-slide {padding: 30px 20px; min-height: available; min-height: fill-available; min-height: -webkit-fill-available;}
    .evReview .review_swiper .swiper-slide p {text-align: left;}
    /* E: evReview */

    /* S: evFaq */
    .evFaq .toggle_list .list_tit > p {font-size:clamp(15px,2.4vmin,22px);}
    /* E: evFaq */

    /* S: evComment */
    .comment_box_wrap .comment_wh_box { padding: 2vw; } 
    /* E: evComment */
}
@media screen and (max-width: 992px){
    /* S: evCon1 */
    .evCon1 {padding: 10% 0 15%;}
    .evCon1 .visual {width: 70%; top: auto; bottom: -10vmin;}
    /* E: evCon1 */
    
    /* S: evCon2 */
    .evCon2 .graph_wrap .item {padding: 40px 30px 100px;}
    .evCon2 .graph_wrap .graph {bottom: 30px; right: 20px;}
    .evCon2 .promote_area .bg_text {top: 0; font-size: clamp(100px, 34vmin, 250px);}
    /* E: evCon2 */

    /* S: evLineup */
    .evLineup .kr_teacher_box a {gap: 100px;}
    /* E: evLineup */

    /* S: evFaq */
    .evFaq .toggle_list .list_det .txt br {display: none;}
    /* E: evFaq */
}
@media screen and (max-width: 768px){
    /* S: evCon1 */
    .evCon1 .sub_txt {letter-spacing: 2vmin; margin-bottom: 40px;}
    /* E: evCon1 */

    /* S: evLineup */
    .evLineup .logo_img {height: 6vmin; margin-bottom: 20px;}
    .evLineup .logo_img img {height: 100%;}
    .evLineup .mega_swiper_per_view .tec_caption {bottom: 10px;}
    .evLineup .comingsoon_box {margin-top: 40px;}
    .evLineup .kr_teacher_box a {justify-content: space-between; gap: 20px; margin-top: 40px; background-position: 46% 50%;}
    .evLineup .kr_teacher_box .l_txt {padding: 2px 5px;}
    /* E: evLineup */

    /* S: evFaq */
    .evFaq .toggle_list .list_tit {padding: 15px 20px;}
    .evFaq .toggle_list .list_det {padding: 20px;}
    .evFaq .toggle_list .list_tit .arrow{width: 14px;}
    /* E: evFaq */

    /* S: evComment */
    .comment_box_wrap .regist_form_area .check_area { display: block; } 
    .comment_box_wrap .regist_form_area .check_area .info { font-size: 12px; margin-bottom: 1%; } 
    .comment_box_wrap .input-base-wrap.ver_input-btn .textarea-base { font-size: 13px; } 
    .comment_box_wrap .comment_wh_box .name img { height: 2.6vw; } 
    .comment_box_wrap .comment_wh_box .name.next_ver img {     height: auto; } 
    /* E: evComment */

    /* S: discount_coupon */
    .discount_coupon {margin:0 auto; width: 100%; height: auto; padding:0;}
    .discount_coupon .coupon {padding: 20px 0; }
    .discount_coupon .txt {width:calc(100% - 22vmin);word-break: break-all;padding: 0 0 0 30px;}
    .discount_coupon .txt .sec {margin:0; font-size: clamp(18px, 2.9vmin, 24px);}
    .discount_coupon .btn {width: 22vmin;}
    .discount_coupon .btn img {margin:0 0 5px; display:block; width: auto; max-width: unset;}
    .discount_coupon .cau_chk_btn {position: static;}
    .discount_coupon .cau_chk_btn a {border:none;  padding: 5px 0; border-top:1px solid #fff;}
    .discount_coupon.finish .cau_chk_btn a {border-top:1px solid #bbbbbb;}
    .passCouponCau {padding:0 !important; width: 95%;}
    .passCouponCau button.mfp-close {right: 5%; top: -7px !important;}
    .passCouponCau .cau_list {max-height: 400px;}
    /* E: discount_coupon */

    /* S: coupon_wrap */
    .coupon_wrap {margin: 3% auto;}
    /* E: coupon_wrap */
}
@media screen and (max-width: 576px){
    /* S: evCon2 */
    .evCon2 .graph_wrap {flex-direction: column;}
    .evCon2 .graph_wrap .txt .tit {margin-bottom: 20px;}
    .evCon2 .graph_wrap .num_wrap sup {font-size: 10px; line-height: 1;}
    .evCon2 .graph_wrap .tag_x {width: 40px; height: 40px; font-size: 20px;}
    /* E: evCon2 */

    /* S: evLineup */
    .evLineup .mega_swiper_per_view .swiper-slide {height: 44vw;}
    .evLineup .mega_swiper_per_view .tec_profile {width: 110%;}
    .evLineup .kr_teacher_box {background: linear-gradient(272deg, #00001B -5%, #1E2098 5%, #C5C6FF 70%);}
    .evLineup .kr_teacher_box a {flex-direction: column; align-items: flex-start; gap: 10px; background-position: 21.5% 50%;}
    /* E: evLineup */

    /* S: evFaq */
    .evFaq .toggle_list_box {gap: 10px; min-height: 450px;}
    /* E: evFaq */

    /* S: evComment */
    .comment_box_wrap .input-base-wrap.ver_input-btn { flex-direction: column; } 
    .comment_box_wrap .input-base-wrap.ver_input-btn .btn-base.ms > a { width: 100%; height: 40px; } 
    .comment_box_wrap .comment_wh_box .reply_area .name img { height: 4vw; } 
    .comment_box_wrap .comment_wh_box .reply_area .name.next_ver img {height: auto;}
    /* E: evComment */
}