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

/* settings */
:root {
    --color-primary: #059545;
}
.evSection {padding: 150px 0;}
.evSection .con_tit {font-weight: 400; margin-bottom: 60px;}
.tx_primary {color: var(--color-primary);}
.bg_primary {background-color: var(--color-primary);}
.line_tit {margin-bottom: 30px;}

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

.mega_swiper_wrap {position: relative;}
.mega_swiper {position: relative; overflow: hidden;}
.mega_swiper .swiper-slide {flex: 1 1 auto;}	
.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-primary);}

/* evCon1 */
.evCon1 {padding: 0; background: #fff url(https://image.megagong.net/m/2025/0519_gilltoraebi/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 h3 {padding-top: 40px;}
.evCon1 .sub_tit {position: absolute; right: -57px; bottom: 170px; text-align: left; color: #111; opacity: 0.6;}
.evCon1 .teacher_home {position: absolute; left: 10px; top: 200px; padding: 8.5px 26px; border-radius: 50px;}
.teacher_home b {width: 21px; height: 21px; font-size: 0; background-image: url(https://image.megagong.net/m/2025/0519_gilltoraebi/ico_home.png); background-repeat: no-repeat; background-position: center center;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .feature_swiper .swiper-wrapper {gap: 30px;}
.evCon2 .feature_swiper .swiper-slide {padding: 60px 30px; border-radius: 24px;}
.evCon2 .feature_swiper .ico {max-width: 50%; margin: 0 auto;}
.evCon2 .feature_swiper strong {margin: 30px auto 15px;}
.evCon2 .msg {position: relative; width: fit-content; margin: 60px auto 24px;}
.evCon2 .msg::before,
.evCon2 .msg::after {content: ''; position: absolute; top: 5px; left: -50px; width: 38px; height: 25px; background-image: url(https://image.megagong.net/m/2025/0519_gilltoraebi/ico_quotes.png); background-size: contain;}
.evCon2 .msg::after {left: auto; right: -50px; transform: rotateY(180deg);}
.evCon2 .msg strong {background: linear-gradient(to top, #FFC971 12px, transparent 12px);}
.evCon2 .rule_btn a {font-size: 16px; padding: 13px 52px;}

/* evCon3 */
.evCon3 {background: #F9F9F9; background-image: url(https://image.megagong.net/m/2025/0519_gilltoraebi/con2_bg.png); background-repeat: no-repeat; background-position: -20% 100% !important;}
.evCon3 .mega_swiper {padding: 20px; margin: -20px;}
.evCon3 .mega_swiper .swiper-wrapper {gap: 20px;}
.evCon3 .mega_swiper .swiper-slide {background: #fff; padding: 45px 10px; border-radius: 24px; box-shadow: 8px 3px 20px 0px rgba(0, 0, 0, 0.09);}
.evCon3 .mega_swiper .swiper-slide .ico {margin-bottom: 24px;}
.evCon3 .mega_swiper .swiper-slide strong {margin-bottom: 20px;}
.evCon3 .mega_swiper .swiper-slide p {font-weight: 400; color: #505050;}
.evCon3 .change_swiper_wrap {margin-bottom: 100px;}
.evCon3 .subject_swiper .swiper-wrapper {flex-wrap: wrap;}
.evCon3 .subject_swiper .swiper-slide {width: calc(50% - 10px); display: flex; justify-content: center; align-items: center; gap: 20px;}
.evCon3 .subject_swiper .swiper-slide .ico {margin-bottom: 0;}
.evCon3 .difficulty {justify-content: center; align-items: center; gap: 20px; padding: 20px 30px; border-radius: 24px; margin: 20px auto 100px;}
.evCon3 .difficulty .badge {font-style: normal; font-weight: 900; width: 104px; height: 104px; justify-content: center; align-items: center; border-radius: 50%;}
.evCon3 .schedule th {font-size: 16px; font-weight: 500; color: #111; background: #FFD57F; border-color: rgba(17, 17, 17, 0.20);}
.evCon3 .schedule td {font-size: 15px; font-weight: 500; border-color: rgba(17, 17, 17, 0.20);}

/* evCon4 */
.evCon4 {background: #FFC753;}
.evCon4 .eventVideo {margin: 0 40px 60px;}
.evCon4 .eventVideo .video_box {padding-bottom: 56%;}
.evCon4 .question_wrap {gap: 20px;}
.evCon4 .question_wrap .item {flex: 1; padding: 45px 30px; border-radius: 24px; box-shadow: 8px 3px 20px 0px rgba(0, 0, 0, 0.09);}
.evCon4 .question_wrap strong {display: inline-block; padding: 6.5px 42px; border-radius: 20px; margin-bottom: 15px;}
.evCon4 .question_wrap p {font-weight: 700;}

/* evCon5 */
.evCon5 {background: linear-gradient(180deg, #FCFFF6 0%, #A6DFA6 100%), linear-gradient(270deg, #29F19E 0%, #03A3F8 100%);}
.evCon5.event .bg_shadow {bottom: auto; top: 800px;}
.evCon5 .con_tit {margin-bottom: 30px;}
.evCon5 .con_tit .evt_mark {background: var(--color-primary);}
.evCon5 .con_tit .evt_mark::after {border-top-color: var(--color-primary);}
.evCon5 .con_tit .mini_tit {color: #111; opacity: 0.6; margin-bottom: 20px;}
.evCon5 .step_base_wrap {margin-top: 100px;}
.evCon5 .step_base_wrap .hashtag {color: var(--color-primary);}
.evCon5 .regist_form_area {background: var(--color-primary);}
.evCon5 .check-base {justify-content: flex-end; margin-top: 10px;}
.evCon5 .check-base label {color: #fff;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {color: var(--color-primary);}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .line_tit {margin-bottom: 4%;}

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 h3 {padding-top: 4%;}
    .evCon1 .sub_tit {right: 0;}
    .evCon1 .teacher_home {left: 0;}

    /* evCon3 */
    .evCon3 {background-image: none;}

    /* evCon4 */
    .evCon4 .eventVideo {margin: 0 auto 60px;}
}
@media screen and (max-width: 992px){
    .mega_swiper .swiper-slide {flex: 1 0 auto;}

    .evCon1 .sub_tit {bottom: 14vmin; text-align: right;}
    .evCon1 .teacher_home {top:18vmin;}

    .evCon2 .feature_swiper .swiper-wrapper {gap: 0;}
    .evCon2 .feature_swiper .swiper-slide {padding: 30px 10px;}

    .evCon3 .mega_swiper {padding: 0; margin: 0; border-radius: 24px; box-shadow: 8px 3px 20px 0px rgba(0, 0, 0, 0.09);}
    .evCon3 .mega_swiper .swiper-wrapper {gap: 0;}
    .evCon3 .mega_swiper .swiper-slide {padding: 30px 10px; box-shadow: none;}
    .evCon3 .mega_swiper .swiper-slide .ico {margin-bottom: 10px;}
    .evCon3 .mega_swiper .swiper-slide strong {margin-bottom: 10px;}
    .evCon3 .change_swiper_wrap {margin-bottom: 60px;}
    .evCon3 .subject_swiper .swiper-wrapper {flex-wrap: nowrap;}
    .evCon3 .subject_swiper .swiper-slide {width: auto; display: block;}
    .evCon3 .schedule_wrap {overflow: hidden; overflow-x: scroll;}
    .evCon3 .schedule {width: 145%;}
    .evCon3 .schedule td {padding: 10px 3px;}

    .evCon4 .question_wrap .item {padding: 20px 10px;}

    .step_base_wrap .step_list li .box_area {padding: 30px 10px;}
}
@media screen and (max-width: 768px){
    .evCon1 .teacher_home {padding: 5px 20px;}

    .evCon2 .msg {margin: 30px auto 20px;}
    .evCon2 .msg::before,
    .evCon2 .msg::after {width: 23px; height: 15px; left: -30px;}
    .evCon2 .msg::after {left: auto; right: -30px;}
    .evCon2 .rule_btn a {font-size: 14px;}

    .evCon3 .difficulty {margin-bottom: 50px;}
    .evCon3 .difficulty .badge {width: 65px; height: 65px;}
    .evCon3 .schedule th {font-size: 14px; padding: 10px 3px;}
    .evCon3 .schedule td {font-size: 13px;}
    
    .evCon4 .question_wrap {gap: 10px;}

    .evCon5 .gift_full_wrap {width: 80%;}
    .evCon5 .step_base_wrap {margin-top: 60px;}
}
@media screen and (max-width: 576px){
    .evCon1 .sub_tit {bottom: 15px; letter-spacing: -0.06em;}
    .evCon1 .teacher_home {top: auto; bottom: 15px; padding: 4px 10px;}

    .evCon3 .mega_swiper .swiper-slide .ico {width: 50px; margin: 0 auto 10px;}
    .evCon3 .difficulty {display: block; padding: 20px 10px;}
    .evCon3 .difficulty .badge {width: 120px; height: auto; border-radius: 20px; padding: 4px 0; margin: 0 auto 10px;}
    .evCon3 .schedule {width: 800px;}

    .evCon4 .question_wrap {flex-direction: column;}
    .evCon4 .question_wrap .item {padding: 10px;}
    .evCon4 .question_wrap strong {padding: 3px 20px; margin-bottom: 10px;}
}