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

/* settings */
:root {
    --color-primary: #5D59EE;
    --color-secondary: #BBB9FF;
}
.evSection {padding: 150px 0;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection.event .con_tit {font-weight: 500;}
.evSection .con_box {margin-top: 60px;}
.evSection .area_tit {margin-bottom: 30px;}
.evSection .btm_txt {margin-top: 50px;}
.tx_primary {color: var(--color-primary);}
.tx_secondary {color: var(--color-secondary);}
.con_tit .end::after {background: #FFF;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evStickyBnr */
.evStickyBnr li {width: 50%;}
.evStickyBnr li .badge {display: inline-block; color: #FFF; background-color: var(--color-primary); border-radius: 50px; padding: 2px 10px;}

/* evCon1 */
.evCon1 {padding: 54px 0 60px; background: #000 url(https://image.megagong.net/m/2025/1124_jhssam1003/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {letter-spacing: 0.42vmin; opacity: 0.7;}
.evCon1 h3 {margin: 480px auto 60px;}
.evCon1 .teacher_home {color: #FFF; border: 1px solid #FFF; border-radius: 30px; width: 160px; padding: 6px; font-size: 14px; justify-content: center; margin: 0 auto;}
.evCon1 .teacher_home i {background: #FFF;}
.evCon1 .teacher_home b {width: 14.5px; height: 14.5px; font-size: 10px; color: #111; background: #FFF;}

/* evCon2 */
.evCon2 {background: linear-gradient(180deg, #050403 0%, #5D59EE 100%);}

/* evCon3 */
.evCon3 {position: relative; background: #E5E4FF;}
.evCon3::before {content: ''; position: absolute; width: 823px; height: 1032px; bottom: 0; right: calc(50% + 131px); background: url(https://image.megagong.net/m/2025/1124_jhssam1003/con3_bg.png) no-repeat; background-size: auto 100%;}
.evCon3 .pr_curriculum_wrap .pr_curr_vertical ul {padding-left: 0; max-width: 900px; margin: 0 auto;}
.evCon3 .pr_curriculum_wrap .pr_curr_vertical ul::before,
.evCon3 .pr_curriculum_wrap .pr_curr_vertical ul::after,
.evCon3 .pr_curriculum_wrap .pr_curr_vertical ul > li::before {content: none;}

/* evCon4 */
.evCon4 {background: #070504 url(https://image.megagong.net/m/2025/1124_jhssam1003/con4_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon4 .feature {display: flex; justify-content: center; gap: 20px;}
.evCon4 .feature .item {flex: 1; border-radius: 10px; background-color: #FFF; overflow: hidden;}
.evCon4 .feature .item .tit {background-color: var(--color-primary); padding: 20px;}
.evCon4 .feature .con {font-weight: 400; color: #555; padding: 30px 48px 40px;}
.evCon4 .feature .con > li + li {border-top: 1px dashed #B1B1B1; padding-top: 20px; margin-top: 20px;}
.evCon4 .feature .con .s_tit {font-weight: 700; margin-bottom: 10px;}
.evCon4 .feature .con ul {line-height: 1.6; text-align: left; width: fit-content; margin: 0 auto;}
.evCon4 .feature .con ul li {position: relative; padding-left: 10px;}
.evCon4 .feature .con ul li .dash {position: absolute; top: 0; left: 0;}

/* evCon5 */
.evCon5 {background: linear-gradient(180deg, #252366 0%, #050403 100%);}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul::before,
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul::after {filter: invert(1);}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li {display: flex; gap: 20px;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li::before {background-image: url(https://image.megagong.net/m/2025/1124_jhssam1003/ico_pr_dot.png);}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li .box {border-radius: 20px;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li .box.tit_box {background-color: var(--color-primary); width: 160px; padding: 0; justify-content: center; align-items: center;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li .box.curr_box {flex: 1;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus::before {content: none;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus::after {content: '\002B'; position: absolute; top: -62.5px; left: 50%; color: #FFF; font-weight: 900; font-size: 40px; line-height: 1;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus {margin-top: 85px;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus .box {position: relative; width: 100%; min-height: 70px; justify-content: center; align-items: center; border-radius: 100px; background: linear-gradient(90deg, #5D59EE 0%, #353388 100%);}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus .box .ico {position: absolute; display: block; bottom: 0; left: 28%;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ol {width: 100%; display: flex; text-align: center;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ol li {flex: 1; position: relative;}
.evCon5 .pr_curriculum_wrap .pr_curr_vertical ol li + li::before {content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%) rotate(180deg); width: 32px; height: 32px; border-radius: 50%; background: #000 url(https://img.megagong.net/common/slide_btn_arrow_type2.png) no-repeat 50% 50%; background-size: auto;}

/* evCon6 */
.evCon6 {background: #FFF;}
.evCon6 .pr_video_swiper .pr_video_con {background-color: #FFF; border: 1px solid #E2E2E2;}
.evCon6 .pr_video_swiper .s-tit {color: var(--color-primary);}
.evCon6 .link_btn {display: block; margin-top: 50px;}
.evCon6 .link_btn a {display: inline-block; font-weight: 700; color: #FFF; background-color: var(--color-primary); border-radius: 70px; padding: 42px 66px;}

/* evCon7 */
.evCon7 {background: #E5E4FF;}
.evCon7 .lecture {position: relative;}
.evCon7 .badge-base {position: absolute; top: -70px; left: -70px; width: 138px; height: 138px; background-color: var(--color-primary); z-index: 1; line-height: 1.3;}
.evCon7 .con_box + .con_tit {margin-top: 60px;}

/* evCon8 */
.evCon8 {background: #5B57E8;}
.evCon8 .mini_tit {opacity: 0.6;}
.evCon8 .eventVideo {max-width: 1000px; margin: 0 auto 60px;}
.evCon8 .container_info.ver_circle .info .info_title {width: 174px;}
.evCon8.event .bg_shadow {bottom: auto; top: 1450px;}
.evCon8 .mega_card_wrap.ver_npay .gift_result_base {background-color: rgba(0, 0, 0, 0.80);}
.evCon8 .btn-base-wrap {margin-bottom: 100px;}

/* evCon9 */
.evCon9 {background: #353388;}
.evCon9 .gift_list_wrap li .badge {background-color: var(--color-primary);}
.evCon9 .step_base_wrap .hashtag {color: #353388;}
.evCon9 .share_link_wrap {margin: 60px auto 0;}
.evCon9 .regist_form_area {background-color: var(--color-primary);}
.evCon9 .comment_base_wrap .comment_list {margin-top: 0;}
.evCon9 .comment_list .badge-base.type-2 {background: #8857FF;}

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

/* S: ÀÎÁõ Æ˾÷ */
.mg_popup_wrap .evt_con_base {color: #555; margin-top: 20px;}
.mg_popup_wrap .evt_con_base li {padding-left: 15px; text-indent: -15px; line-height: 1.4;}
.mg_popup_wrap .evt_con_base li + li {margin-top: 5px;}
.mg_popup_wrap .evt_con_base a {font-weight: 700; color: #111;}
/* E: ÀÎÁõ Æ˾÷ */

@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%;}
    .evSection .area_tit {margin-bottom: 3%;}
    .evSection .btm_txt {margin-top: 5%;}

    /* evCon1 */
    .evCon1 {padding: 5vmin 0 6vmin;}
    .evCon1 h3 {margin: 50vmin auto 4vmin;}

    /* evCon3 */
    .evCon3::before {content: none;}
    
    /* evCon5 */
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li .box.tit_box {width: 120px;}
    
    /* evCon7 */
    .evCon7 .badge-base {top: -60px; left: -10px; width: 100px; height: 100px;}
    .evCon7 .con_box + .con_tit {margin-top: 6%;} 
}
@media screen and (max-width: 992px){
    .evCon4 .feature .con {padding: 30px 15px;}
}
@media screen and (max-width: 768px){
    .evCon3 .pr_curriculum_wrap .pr_curr_vertical ul > li .box .tit_area {padding: 0; display: flex; justify-content: center; align-items: center; gap: 5px;}
    .evCon3 .pr_curriculum_wrap .pr_curr_vertical ul > li .box {flex-direction: column;}
    .evCon3 .pr_curriculum_wrap .pr_curr_vertical ul > li .box .con_area {padding-left: 0; border-left: none; border-top: 1px solid #ECECEC; margin-top: 10px; padding-top: 15px; justify-content: center; text-align: center;}

    .evCon4 .feature_wrap {overflow-x: auto;}
    .evCon4 .feature {min-width: 800px;}
    .evCon4 .feature .item .tit {padding: 10px;}

    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li .box.tit_box {width: 80px;}
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus .box {padding: 0; padding-right: 10%;}
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus .box .ico {position: static; max-width: 18%;}

    .evCon6 .link_btn {margin-top: 30px;}
    .evCon6 .link_btn a {padding: 20px 30px;}

    .evCon7 .badge-base {width: auto; height: auto; top: -25px; left: auto; right: 0; border-radius: 50px; padding: 10px 20px;}

    /* S: ÀÎÁõ Æ˾÷ */
    .mg_tb_form th {padding: 5px;}
    /* E: ÀÎÁõ Æ˾÷ */
}
@media screen and (max-width: 576px){
    .evStickyBnr li .badge {display: block; width: fit-content; font-size: 12px; padding: 0 5px; margin: 0 auto 3px;}

    .evCon1 .teacher_home {width: 140px; padding: 2px;}

    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li {flex-direction: column; gap: 5px;}
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li .box.tit_box {margin: 0 auto; padding: 2px; border-radius: 20px;}
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li .box.curr_box {padding: 10px;}
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ol li + li::before {width: 18px; height: 18px; background-size: 40%;}
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus {margin-top: 60px;}
    .evCon5 .pr_curriculum_wrap .pr_curr_vertical ul > li.plus::after {font-size: 26px; top: -43px;}

    .evCon7 .badge-base {padding: 4px 10px;}

    .evCon8 .container_info.ver_circle .info .info_title {width: 140px;}
}