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

/* settings */
:root {
    --color-primary: #F80;
}
.evSection {padding: 150px 0;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 60px;}
.evSection.event .con_tit strong {font-weight: 700;}
.tx_primary {color: var(--color-primary);}

.con_tit .end::after {background: #000;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evCon1 */
.evCon1 {position: relative; padding: 40px 0 0; background: var(--color-primary) url(https://image.megagong.net/m/2025/1015_tmddk4521/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(https://image.megagong.net/m/2025/1015_tmddk4521/con1_bg2.png) no-repeat; background-size: auto 100%; background-position: center 100%; pointer-events: none;}
.evCon1 .sub_tit {position: absolute; top: 123px; right: 50px;}
.evCon1 h3 {position: absolute; bottom: 115px; font-weight: 500; text-align: left; z-index: 1;}
.evCon1 h3 strong {display: block; font-size: 74px; margin: 5px 0 10px;}
.evCon1 .teacher_home {position: absolute; right: 170px; bottom: 85px; font-size: 14px; z-index: 1;}
.evCon1 .teacher_home b {font-size: 11px; font-weight: 700; padding: 2px 4px 3px;}

/* evCon2 */
.evCon2 {padding: 120px 0 150px; background: linear-gradient(180deg, #FF7731 40%, #FFF 100%);}
.evCon2 .mini_tit.opacity {opacity: 0.6;}
.evCon2 .step_wrap .step {display: flex; align-items: center; gap: 60px; border-radius: 10px; background: #FFF; padding: 60px 73px 60px 60px;}
.evCon2 .step_wrap .step + .step {margin-top: 20px;}
.evCon2 .step .txt {text-align: left;}
.evCon2 .step .txt .num {color: #FFF; background-color: #111; padding: 4px 24px; border-radius: 30px;}
.evCon2 .step .txt .tit {display: block; margin-top: 10px;}
.evCon2 .step .txt .tag {font-weight: 400; color: #555; margin-top: 15px;}
.evCon2 .step .graph {position: relative; width: 680px; display: flex; margin-left: auto;}
.evCon2 .step .graph::before {content: ''; position: absolute; top: -36px; left: 0; width: 1px; height: calc(100% + 72px); background-color: #ECECEC;}
.evCon2 .step .graph span {display: inline-block; padding: 25px 0;}
.evCon2 .step .graph span:nth-child(1) {color: #FFF; background-color: #111;}
.evCon2 .step .graph span:nth-child(2) {background: #F0F0F0;}
.evCon2 .step1 .graph span:nth-child(1) {width: 76%;}
.evCon2 .step1 .graph span:nth-child(2) {width: 24%;}
.evCon2 .step2 .graph span:nth-child(1) {width: 50%;}
.evCon2 .step2 .graph span:nth-child(2) {width: 50%;}
.evCon2 .step3 .txt .num {background: linear-gradient(90deg, #F80 0%, #F40 100%), #111;}
.evCon2 .step3 .txt .tit {background: linear-gradient(90deg, #F80 0%, #F40 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.evCon2 .step3 .graph span:nth-child(1) {width: 24%; background: linear-gradient(90deg, #F80 0%, #F40 100%);}
.evCon2 .step3 .graph span:nth-child(2) {width: 76%;}

/* evCon3 */
.evCon3 {padding-top: 0; background: #FFF;}
.evCon3 .txt_box {position: relative; display: flex; align-items: center; gap: 50px; text-align: left; border-radius: 10px; background: linear-gradient(90deg, #F80 0%, #F40 100%); padding: 40px 100px; margin-top: 60px;}
.evCon3 .txt_box .tea_img {position: absolute; bottom: 0; right: 100px;}
.evCon3 .pr_video_wrap .pr_video_swiper .s-txt {margin-bottom: 16px;}

/* evCon4 */
.evCon4 {background: linear-gradient(180deg, #FFF8F0 0%, #FFF 100%);}
.evCon4 .txt_box {position: relative; border-radius: 10px; background: linear-gradient(90deg, #F80 0%, #F40 100%); padding: 24px 100px; margin-bottom: 60px;}
.evCon4 .txt_box .txt {display: flex; justify-content: center; align-items: center;}
.evCon4 .txt_box .txt .badge {border-radius: 30px; background: #000; padding: 8px 28px; margin-right: 14px;}
.evCon4 .txt_box .evt_con_base {color: #FFF; opacity: 0.6; margin-top: 5px;}
.evCon4 .txt_box .img {position: absolute; top: -40px; right: 30px;}
.pr_curriculum_wrap .pr_curr_horizon ol {padding-top: 80px;}
.evCon4 .pr_book_wrapper dd .detail_tit {text-align: left; font-weight: 700; margin-bottom: 15px;}
.evCon4 .pr_book_detail li {border: 1px solid #FFE8CE;}
.evCon4 .pr_book_detail li .label {color: var(--color-primary);}
.evCon4 .pr_book_detail li .tit {font-weight: 500;}
.evCon4 .pr_curriculum_wrap .curr_tit {margin-top: 150px; font-weight: 700;}
.evCon4 .pr_curriculum_wrap .pr_curr_horizon ol .box {border: 1px solid #FFE8CE;}
.evCon4 .pr_curriculum_wrap .pr_curr_horizon .box .content {text-align: center;}
.evCon4 .pr_curriculum_wrap .pr_curr_horizon ol .plus .box {background-color: none; border: none; justify-content: center; align-items: center;}
.evCon4 .pr_curriculum_wrap .box .circle {position: relative; width: 144px; height: 144px; display: flex; justify-content: center; align-items: center; font-weight: 700; background-color: var(--color-primary); outline: 12px solid rgba(255, 136, 0, 0.2); border-radius: 50%; z-index: 0;}
.evCon4 .pr_curriculum_wrap .box .circle::before {content: ''; position: absolute; top: -24px; left: -24px; width: calc(100% + 48px); height: calc(100% + 48px); background: var(--color-primary); opacity: 0.2; border-radius: 50%; z-index: -1;}
.evCon4 .pr_curriculum_wrap .pr_curr_horizon .box .content .num {display: inline-block; font-size: 14px; color: #FFF; background-color: var(--color-primary); padding: 5px 26px; border-radius: 30px; margin-bottom: 15px;}
.evCon4 .pr_curriculum_wrap .pr_curr_horizon .box .content p {font-size: 16px; line-height: 1.5;}
.evCon4 .pr_curriculum_wrap .pr_curr_horizon .box .content .ico {display: inline-block; margin-top: 15px;}
.pr_curriculum_wrap .pr_curr_horizon ol > li + li .box .content::before {content: none;}

/* evCon5 */
.evCon5 {background: #FAFAFA;}
.evCon5 .pr_video_list {gap: 21px; margin: 30px auto 60px;}
.evCon5 .pr_video_list li {flex: 1;}
.evCon5 .pr_video_list li .tit {font-weight: 700; background-color: var(--color-primary); padding: 15px;}
.evCon5 .pr_video_list li .tit::before {content: ''; display: inline-block; width: 14px; height: 10px; background: url(https://img.megagong.net/m/pub/ic_check_arrow.svg) no-repeat; background-size: contain; margin-right: 10px;}
.evCon5 .pr_video_list li > p {font-weight: 400; color: #555; margin-top: 20px;}

/* evCon6 */
.evCon6 {background: linear-gradient(0deg, #FFF 0%, #FFBE73 100%);}
.evCon6.event .bg_shadow {bottom: 20px;}
.evCon6 .mini_tit {background: linear-gradient(90deg, #F80 0%, #F40 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mega_card_wrap {margin-top: 90px;}
.mega_card_wrap::before {background: linear-gradient(90deg, #F80 0%, #F40 100%);}
.mega_card_wrap .card .txt {font-size: 23px;}
.mega_card_wrap .card .name {font-size: 35px; line-height: 1.3;}
.mega_card_wrap .card .tiny {font-size: 18px; margin-top: 20px;}
.evCon6 .btn-base-wrap + .evt_con_base {margin-top: 20px;}

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

/* S: ÀÎÁõ Æ˾÷ */
.mg_popup_wrap .content_area .content_inner {padding: 36px;}
.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;}
.mg_popup_wrap .cautn {background: #F4FAFF; line-height: 1.4; padding: 25px 20px; margin-top: 20px;}
.mg_popup_wrap .cautn dt {margin-bottom: 10px;}
.mg_popup_wrap .cautn.outer_cautn > dd {padding-left: 15px; text-indent: -15px;}
.mg_popup_wrap .cautn.inner_cautn {margin: 0; padding: 0;}
.mg_popup_wrap .btn-base {display: block; width: 148px; margin: 30px auto 0;}
.mg_popup_wrap .btn-base a {padding: 11.5px 40px;}
/* 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%;}

    /* evCon1 */
    .evCon1 {padding: 4% 0 0;}
    .evCon1 .sub_tit {max-width: 50%; right: auto; left: 0; top: 10vmin;}
    .evCon1 h3 {bottom: 10vmin;}
    .evCon1 h3 strong {font-size:clamp(40px, 8vmin, 74px);}
    .evCon1 .teacher_home {right: 0; bottom: 6vmin;}

    /* evCon2 */
    .evCon2 .step_wrap .step {gap: 30px; padding: 40px 30px;}
    .evCon2 .step .graph {width: 65%;}
    
    /* evCon3 */
    .evCon3 .txt_box {gap: 30px; padding: 40px 30px;}
    .evCon3 .txt_box .tea_img {right: 10px; width: 20%; max-width: 100px;}
    
    /* evCon4 */
    .evCon4 .txt_box {padding: 40px 30px;}
    .evCon4 .txt_box .img {top: auto; right: -40px; bottom: -60px; width: 20%; max-width: 150px;}
}
@media screen and (max-width: 1024px){
    .evCon5 .pr_video_list {gap: 10px;}
}
@media screen and (max-width: 992px){
    .evCon1 .tea_img {margin-left: 30%;}

    .container_info.ver_circle.horizon {flex-direction: column;}
}
@media screen and (max-width: 768px){
    .evCon2 .step .graph::before {top: -20%; height: 140%;}

    .evCon3 .pr_video_wrap .pr_video_swiper .swiper-slide {width: 60%; min-width: 280px;}
    .evCon3 .txt_box {gap: 20px; padding: 30px 20px; margin-top: 30px;}

    .evCon4 .txt_box {padding: 30px 20px;}
    .evCon4 .pr_book_wrapper dd .detail_tit {text-align: center;}
    .evCon4 .pr_curriculum_wrap .curr_tit {margin-top: 80px;}

    .evCon5 .pr_video_list li + li {margin-top: 40px;}
    .evCon5 .pr_video_list li > p {margin-top: 10px;}

    .mega_card_wrap {margin-top: 40px;}
    .mega_card_wrap .card .txt {font-size: 14px;}
    .mega_card_wrap .card .name {font-size: 25px;}

    /* S: ÀÎÁõ Æ˾÷ */
    .mg_popup_wrap .content_area .content_inner {padding: 30px 15px;}
    .mg_tb_form th {padding: 5px;}
    /* E: ÀÎÁõ Æ˾÷ */
}
@media screen and (max-width: 576px){
    .evCon1 h3 strong {margin: 0 0 5px;}
    .evCon1 .teacher_home {bottom: 2vmin;}

    .evCon2 .step_wrap .step {flex-direction: column; gap: 15px; padding: 30px 20px;}
    .evCon2 .step .txt {text-align: center;}
    .evCon2 .step .graph {width: 100%;}
    .evCon2 .step .graph span {padding: 15px 0;}

    .evCon3 .txt_box {flex-direction: column; text-align: center;}
    .evCon3 .txt_box .txt_img {width: 60px;}

    .evCon4 .txt_box .txt {flex-direction: column;}
    .evCon4 .txt_box .txt .badge {padding: 4px 16px; margin: 0 auto 10px;}
}