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

/* settings */
:root {
    --color-primary: #14B5B5;
    --color-secondary: #E03164;
    --color-highlight: #DC003E;
}
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 60px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.tx_primary {color: var(--color-primary);}
.tx_secondary {color: var(--color-secondary);}
.tx_highlight {color: var(--color-highlight);}
.tx_red {color: #ED3333 !important;}
.bg_primary {background-color: var(--color-primary);}
.bg_secondary {background-color: var(--color-secondary);}
.bg_highlight {background-color: var(--color-highlight);}
.table-992,
.column-992 {display: none;}

.gift_list_wrap li .badge {background: #FF6000;}
.gift_list_wrap li {padding-top: 0;}
.gift_list_wrap li .name {color: #000;}

.btm_point {display: flex; justify-content: center; align-items: center; gap: 30px; border-radius: 160px; background: #ED3987; margin-top: 60px;}
.btm_point.bg_primary {background: var(--color-primary);}
.btm_point .img {align-self: flex-end;}
.btm_point p {font-weight: 900; text-align: left;}
.btm_point span {color: #FEF9B3;}

.mega_swiper {position: relative; overflow: hidden;}
.mega_swiper_wrap {position: relative;}
.mega_swiper_wrap .slide-button {position: absolute; top: 50%; left: 34px; width: 68px; height: 68px; background-image: url(https://image.megagong.net/m/2025/0515_megamega2/ico_slide_prev.png); background-size: contain; transform: translate(-100%, -50%); cursor: pointer; z-index: 1;}
.mega_swiper_wrap .button-next {left: auto; right: 34px; background-image: url(https://image.megagong.net/m/2025/0515_megamega2/ico_slide_next.png); transform: translate(100%, -50%);}
.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-primary);}

/* evCon1 */
.evCon1 {padding: 0; background: var(--color-primary) url(https://image.megagong.net/m/2025/0515_megamega2/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {position: absolute; top: 295px; width: 100%; justify-content: space-between; font-weight: 700; letter-spacing: 16px;}
.evCon1 .sub_tit span:nth-child(1) {text-align: left;}
.evCon1 .sub_tit span:nth-child(2) {text-align: right;}
.evCon1 .teacher_home {position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%);}

/* evCon2 */
.evCon2 {background: var(--color-primary) url(https://image.megagong.net/m/2025/0515_megamega2/con2_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon2 .con_tit {margin-bottom: 0;}
.evCon2 .con_tit::before,
.evCon2 .con_tit::after {content: ''; position: absolute; top: 0; left: 180px; width: 42px; height: 32px; background-image: url(https://image.megagong.net/m/2025/0515_megamega2/con2_quotes.png); background-repeat: no-repeat; background-size: contain;}
.evCon2 .con_tit::after {left: auto; right: 180px; transform: rotate(180deg);}
.evCon2 .mini_tit {font-weight: 400; margin: 10px auto 40px;}
.evCon2 .txt {font-weight: 400; line-height: 1.6;}
.evCon2 .txt u {text-underline-offset: 4px; text-decoration-thickness: 1px;}

/* evCon3 */
.evCon3 {background: #fff url(https://image.megagong.net/m/2025/0515_megamega2/con3_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon3 .con_tit sup {font-size: 0.6em;}
.evCon3 .graph_wrap {justify-content: center; align-items: center; gap: 15px; border-radius: 20px; background: #FFF2F2; padding: 50px;}
.evCon3 .graph_wrap .tit {border-radius: 50px; padding: 6px 0; margin: 0 16px 16px;}
.evCon3 .evt_con_base {text-align: right; margin-top: 20px;}

/* evCon4 */
.evCon4 {background: #EBF7F7;}
.evCon4 .step_swiper .swiper-wrapper {gap: 86px;}
.evCon4 .step_swiper .swiper-slide {flex: 1 1 auto;}
.evCon4 .step_swiper .swiper-slide + .swiper-slide::before {content: ''; position: absolute; top: 50%; left: -8px; transform: translate(-100%, -50%); width: 70px; height: 276px; background: url(https://image.megagong.net/m/2025/0515_megamega2/con4_arrow.png) no-repeat; background-size: contain;}
.evCon4 .step_wrap {border-radius: 20px;}
.evCon4 .step_wrap .step_tit {border-radius: 20px 20px 0 0; padding: 18px 0;}
.evCon4 .step_wrap .step_tit span {display: block;}
.evCon4 .step_wrap .cont_wrap {padding: 50px;}
.evCon4 .step_wrap .cont_wrap.flex {justify-content: center; align-items: center; gap: 30px;}
.evCon4 .step_wrap .cont_wrap .cont {margin-top: 30px;}
.evCon4 .step_wrap .cont_wrap.flex .cont {margin-top: 0; flex: 1;}
.evCon4 .step_wrap .cont_wrap .cont_tit {display: inline-block; width: 300px; padding: 8px 20px; border-radius: 50px; margin-bottom: 15px;}
.evCon4 .step_wrap .cont_wrap p {font-weight: 400; line-height: 1.6; color: #666;}
.evCon4 .additional_tit {position: relative; margin: 140px auto 40px;; z-index: 0;}
.evCon4 .additional_tit::before {content: ''; position: absolute; top: -10px; left: 50%; transform: translate(-50%, -100%); width: 72px; height: 72px; background: #EBF7F7 url(https://image.megagong.net/m/2025/0515_megamega2/ico_plus_sm.png) no-repeat; background-size: contain; background-position: center center; padding: 0 20px;}
.evCon4 .additional_tit::after {content: ''; position: absolute; top: -46px; left: 0; width: 100%; height: 1px; background: #ddd; z-index: -1;}

/* evCon5 */
.evCon5 {background: linear-gradient(180deg, #34C7C7 0%, #14B5B5 100%);}
.evCon5 .con_tit {margin-bottom: 170px;}
.evCon5 .book_wrap {position: relative;}
.evCon5 .book_wrap2::before {content: ''; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.50); margin: 130px 0;}
.evCon5 .book_wrap .img {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.evCon5 .book_wrap2 .img {left: auto; right: -2%; top: 68%;}
.evCon5 .book_wrap .circle_btn {position: absolute; bottom: 40px; right: 18px; width: 100px; height: 100px; border-radius: 50%; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.evCon5 .book_wrap .feature_wrap {width: 680px;}
.evCon5 .book_wrap1 .feature_wrap {margin-left: auto;}
.evCon5 .book_wrap .swiper-wrapper {gap: 20px;}
.evCon5 .book_wrap .swiper-slide {flex: 1 1 auto; height: 250px; display: flex; justify-content: center; align-items: center; font-weight: 400; border-radius: 20px;}
.evCon5 .swiper-pagination-bullet-active {background: #fff;}

/* evCon6 */
.evCon6 {background: #EBF7F7;}
.evCon6 .book_wrap {position: relative; display: flex; justify-content: center; align-items: center; gap: 83px; z-index: 0; padding-top: 50px; margin-bottom: 30px;}
.evCon6 .book_wrap::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 140%; background: rgba(20, 181, 181, 0.10); z-index: -1;}
.evCon6 .book_wrap .item {position: relative;}
.evCon6 .book_wrap .item + .item::before {content: ''; position: absolute; top: 50%; left: 40px; transform: translate(-100%, -50%); width: 188px; height: 188px; background: url(https://image.megagong.net/m/2025/0515_megamega2/ico_plus_lg.png) no-repeat; background-size: contain;}
.evCon6 .book_wrap .circle_btn {position: absolute; bottom: 30px; right: 31px; width: 100px; height: 100px; border-radius: 50%; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.evCon6 .point_wrap {position: relative; gap: 30px; border-radius: 20px; padding: 40px; margin-bottom: 60px;}
.evCon6 .point_wrap .item {flex: 1;}
.evCon6 .point_wrap .tit {padding: 12px 20px; border-radius: 50px; margin-bottom: 20px;}
.evCon6 .point_wrap ul {width: fit-content; text-align: left; margin: 0 auto;}
.evCon6 .point_wrap ul li {position: relative; padding-left: 34px;}
.evCon6 .point_wrap ul li + li {margin-top: 16px;}
.evCon6 .point_wrap ul li::before {content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 25px; background: url(https://image.megagong.net/m/2025/0515_megamega2/ico_chk_type1.png) no-repeat;}
.evCon6 .review_swiper {position: relative; overflow: hidden;}
.evCon6 .review_swiper .swiper-slide {height: 256px; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #fff; border-radius: 12px; padding: 50px 0 60px;}
.evCon6 .review_swiper p {font-weight: 400;}
.evCon6 .review_swiper .writer {font-weight: 400; color: #777; margin-top: auto;}
.evCon6 .evt_con_base {text-align: right; margin-top: 15px;}

/* evCon7 */
.evCon7 {background: #fff;}
.evCon7 .system_wrap {flex-wrap: wrap; gap: 15px;}
.evCon7 .system_wrap .item {flex-basis: calc(50% - 11.25px); position: relative; height: 270px; border-radius: 12px; overflow: hidden; cursor: pointer;}
.evCon7 .system_wrap .cover {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; visibility: visible; opacity: 1; transition: all 0.3s;}
.evCon7 .system_wrap .cover::before {content: ''; position: absolute; bottom: 19px; right: 19px; width: 47px; height: 47px; background: url(https://image.megagong.net/m/2025/0515_megamega2/con7_cursor.png) no-repeat; background-size: contain;}
.evCon7 .system_wrap .content {display: block; height: inherit; border: 1px solid var(--color-primary); border-radius: inherit; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.evCon7 .system_wrap .content .tit {font-weight: 700; margin-bottom: 20px;}
.evCon7 .system_wrap .content p {font-weight: 400; color: #666;}
.evCon7 .system_wrap .content strong {color: #333;}

.evCon7 .system_wrap .item:hover .cover {visibility: hidden; opacity: 0;}

/* evCon8 */
.evCon8 {background: var(--color-primary);}
.evCon8 .mini_tit {font-weight: 400;}
.evCon8 .con_tit {font-weight: 400;}
.evCon8 .survey_swiper {height: 450px;}
.evCon8 .survey_swiper .swiper-slide {height: 215px; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 20px;}
.evCon8 .evt_con_base {color: #fff; opacity: 0.7; text-align: right; margin-top: 10px;}
.evCon8 .swiper-pagination-bullet-active {background: var(--color-secondary);}

/* evCon9 */
.evCon9 {background: #EBF7F7;}
.evCon9 .eventVideo .video_box {padding-bottom: 52%;}
.evCon9 .curr_wrap {margin-top: 60px;}
.evCon9 .curr {align-items: flex-end; gap: 70px;}
.evCon9 .curr.special {margin-top: 30px;}
.evCon9 .curr .item {position: relative;}
.evCon9 .curr .item.lect {flex: 1; padding-left: 156px;}
.evCon9 .curr .item.care {width: 278px;}
.evCon9 .curr .item.care::before {content: ''; position: absolute; top: 50%; left: 1px; transform: translate(-100%, -50%); width: 72px; height: 72px; background: url(https://image.megagong.net/m/2025/0515_megamega2/ico_plus_sm.png) no-repeat; background-size: contain;}
.evCon9 .curr .item .curr_tit {position: relative; text-align: left; padding-left: 35px; margin-bottom: 15px;}
.evCon9 .curr .item .curr_tit::before {content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url(https://image.megagong.net/m/2025/0515_megamega2/ico_chk_type2.png) no-repeat;}
.evCon9 .curr .item .step_arrow {position: absolute; left: 0; bottom: 0;}
.evCon9 .curr .item .table-base {font-size: 16px;}
.evCon9 .curr .item .table-base th,
.evCon9 .curr .item .table-base td {border: 1px solid #000;}
.evCon9 .curr .item .table-base th {color: #fff; font-weight: 700; padding: 15px 10px;}
.evCon9 .curr .item .table-base thead th {background: #333;}
.evCon9 .curr .item .table-base td {padding: 20px 10px;}
.evCon9 .curr .item.care .table-base td {background: #FEF9B3;}
.evCon9 .curr.main .item.care .table-base tr:first-child td:first-child {padding: 61px 10px;}
.evCon9 .curr .item .table-base td.cell_bg {color: #fff;}
.evCon9 .curr .item .table-base .step1 .cell_bg {background-color: #F4B8CA;}
.evCon9 .curr .item .table-base .step2 .cell_bg {background-color: #EE8CA9;}
.evCon9 .curr .item .table-base .step3 .cell_bg {background-color: #E75F87;}
.evCon9 .curr .item .table-base .step4 .cell_bg {background-color: #E03164;}
.evCon9 .curr .item .table-base .step3 td.cell_bg {background-color: #E75F87; background: linear-gradient(180deg,rgba(231, 95, 135, 1) 0%, rgba(224, 49, 100, 1) 100%);}
.evCon9 .curr.special .item.lect .table-base tbody th {background-color: var(--color-primary);}

/* evCon10 */
.evCon10 {background: #FFF1F1;}
.evCon10 .mini_tit {font-weight: 400;}
.evCon10 .con_tit {font-weight: 400;}
.evCon10 .feature_wrap {margin-bottom: 60px;}
.evCon10 .feature_wrap .item {border-radius: 20px; border: 1px solid var(--color-secondary); overflow: hidden;}
.evCon10 .feature_wrap .item + .item {margin-top: 30px;}
.evCon10 .feature_wrap .tit {width: 246px; display: flex; justify-content: center; align-items: center; font-weight: 700;}
.evCon10 .feature_wrap .cont {flex: 1; padding: 50px; text-align: left;}
.evCon10 .feature_wrap .cont_tit {font-weight: 700; margin-bottom: 15px;}
.evCon10 .feature_wrap ul li {position: relative; padding-left: 35px;}
.evCon10 .feature_wrap ul li + li {margin-top: 10px;}
.evCon10 .feature_wrap ul li::before {content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url(https://image.megagong.net/m/2025/0515_megamega2/ico_chk_type2.png) no-repeat; background-size: contain;}

/* evCon11 */
.evCon11 {background: var(--color-primary);}
.evCon11 .con_tit .end::after {background: #FE4966;}
.evCon11 .con_tit {margin-bottom: 0;}
.evCon11 .mini_tit {color: rgba(255, 255, 255, 0.6);}
.evCon11 .mini_tit span {color: #FEF9B3;}
.evCon11 .gift_list_wrap {margin-bottom: 40px;}
.evCon11 .btn-base a {padding: 21px 100px;}

/* evCon12 */
.evCon12 {background: #E03164;}
.evCon12 .con_tit .end::after {background: #FFF; opacity: 0.7;}
.evCon12 .con_tit {margin-bottom: 0;}
.evCon12 .con_tit .mini_tit {opacity: 0.7;}
.evCon12 .mini_tit span {color: #FEF9B3;}
.evCon12 .step_base_wrap {margin-top: 140px;}
.evCon12 .step_base_wrap .hashtag {color: #4D64FF;}
.evCon12 .regist_form_area {background: #CA2C5A;}
.evCon12 .check-base {justify-content: flex-end; margin-top: 10px;}
.evCon12 .check-base label {color: #fff;}
.evCon12 .step_base_wrap .step_list li .box_area {padding: 30px 5px;}

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

/* Æ˾÷ */
.detail_view .content_area {padding: 20px;}
.detail_view .swiper-slide {text-align: center;}
.detail_view .swiper-pagination {bottom: -40px;}
.detail_view .swiper-pagination .swiper-pagination-bullet {background: none; border: 1px solid #fff; opacity: 1;}
.detail_view .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .btm_point {margin-top: 6%;}
    .mg_popup_wrap {width: 94%;}

    .evSection .button-prev,
    .evSection .button-next {display: none;}

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 .sub_tit {top: 35vmin; letter-spacing: 2vmin;}
    .evCon1 .teacher_home {bottom: 7vmin;}

    /* evCon2 */
    .evCon2 .con_tit {margin-bottom: 0;}
    .evCon2 .mini_tit {margin: 1% auto 6%;}
    .evCon2 .con_tit::before {left: 10%;}
    .evCon2 .con_tit::after {right: 10%;}

    /* evCon3 */
    .evCon3 {background: #fff;}
    .evCon3 .graph_wrap {padding: 4vmin 2vmin;}

    /* evCon4 */
    .evCon4 .step_swiper .swiper-wrapper {gap: 60px;}

    /* evCon5 */
    .evCon5 .con_tit {margin-bottom: 14%;}
    
    /* evCon6 */
    .evCon6 .point_wrap {gap: 10px; padding: 30px 20px;}

    .evCon9 .curr {gap: 40px;}
    .evCon9 .curr .item.lect {padding-left: 150px;}
    .evCon9 .curr .item.care::before {left: 16px;}

    /* evCon11 */
    .evCon11 .con_tit {margin-bottom: 0;}

    /* evCon12 */
    .evCon12 .con_tit {margin-bottom: 0;}
}
@media screen and (max-width: 992px){
    .table-992 {display: table-cell;}
    .column-992 {display: table-column;}

    .evCon3 .graph_wrap {flex-direction: column; gap: 4vmin;}
    .evCon3 .evt_con_base {margin-top: 10px;}

    .evCon4 .step_swiper .swiper-wrapper {gap: 0;}
    .evCon4 .step_swiper .swiper-slide {flex: 1 0 100%;}
    .evCon4 .step_swiper .swiper-slide + .swiper-slide::before {content: none;}

    .evCon5 .con_tit {margin-bottom: 6%;}
    .evCon5 .book_wrap .img {position: relative; transform: none; max-width: 70%; margin: 0 auto 20px;}
    .evCon5 .book_wrap .feature_wrap {width: 100%; max-width: 600px; margin: 0 auto;}
    .evCon5 .book_wrap .swiper-wrapper {gap: 0;}
    .evCon5 .book_wrap .swiper-slide {flex: 1 0 100%; width: 100%; height: auto; padding: 30px 0;}
    .evCon5 .book_wrap2 {margin-top: 60px;}
    .evCon5 .book_wrap2::before {content: none;}

    .evCon6 .point_wrap {flex-direction: column; align-items: center; gap: 30px;}
    .evCon6 .point_wrap .item {width: 100%; max-width: 430px;}
    .evCon6 .point_wrap .tit {max-width: 300px; margin: 0 auto 20px;}
    .evCon6 .point_wrap ul {width: auto;}
    .evCon6 .review_swiper .swiper-slide {height: auto; padding: 30px 0;}

    .evCon7 .system_wrap .content .tit {margin-bottom: 10px;}

    .evCon9 .curr {flex-direction: column; gap: 70px;}
    .evCon9 .curr.special {margin-top: 60px;}
    .evCon9 .curr .item.lect {padding-left: 0;}
    .evCon9 .curr .item.care {width: 100%;}
    .evCon9 .curr .item.care::before {top: 0; left: 50%; transform: translate(-50%, -100%);}

    .evCon10 .feature_wrap .tit {width: 150px;}
    .evCon10 .feature_wrap .cont {padding: 30px 20px;}
}
@media screen and (max-width: 768px){
    .evt_con_base.xs {font-size: 12px;}
    .btm_point {gap: 3vmin; border-radius: 10px;}
    .btm_point .img {width: 16%; min-width: 90px;}
    .mfp-zin.mfp-ready .z-anim {padding: 0;}

    .evCon2 .con_tit::before,
    .evCon2 .con_tit::after {width: 5%; height: 65%; max-width: 29.5px; max-height: 22.5px;}

    .evCon4 .step_wrap .step_tit {padding: 10px 0;}
    .evCon4 .step_wrap .cont_wrap {padding: 30px 20px;}
    .evCon4 .step_wrap .cont_wrap.flex {flex-direction: column;}

    .evCon5 .book_wrap .circle_btn {bottom: 20px; right: 0; width: 70px; height: 70px;}

    .evCon6 .book_wrap {gap: 10px; flex-direction: column; padding-top: 20px;}
    .evCon6 .book_wrap .item + .item::before {width: 94px; height: 94px; top: -5px; left: 50%; transform: translate(-50%, -50%);}
    .evCon6 .book_wrap .circle_btn {bottom: 0; right: 0; width: 70px; height: 70px;}

    .evCon7 .system_wrap .item {height: 300px;}

    .evCon9 .curr .item .table-base {font-size: 14px;}
    .evCon9 .curr .item .table-base thead th {padding: 10px 5px;}
    .evCon9 .curr .item .table-base td {padding: 15px 5px;}
    .evCon9 .curr.main .item.lect .table-base colgroup col:nth-child(1) {width: 18% !important; min-width: 70px;}
    .evCon9 .curr.main .item.lect .table-base colgroup col:nth-child(2) {width: 10% !important; min-width: 50px;}
    .evCon9 .curr.main .item.lect .table-base colgroup col:nth-child(3),
    .evCon9 .curr.main .item.lect .table-base colgroup col:nth-child(4) {width: 34% !important;}
    .evCon9 .curr.main .item.care .table-base tr:first-child td:first-child {padding: 15px 5px;}

    .evCon10 .feature_wrap .item {flex-direction: column;}
    .evCon10 .feature_wrap .tit {width: 100%; padding: 6px 0;}

    .evCon11 .btn-base a {padding: 18px 40px;}

    .evCon12 .step_base_wrap {margin-top: 60px;}

    .detail_view .content_area {padding: 10px;}
}
@media screen and (max-width: 576px){
    .btm_point .img {margin-top: 20px;}
    .btm_point p {flex: 1;}

    .evCon3 .graph_wrap {padding: 30px 2vmin;}

    .evCon4 .additional_tit {margin: 70px auto 40px;}
    .evCon4 .additional_tit::before {width: 36px; height: 36px; padding: 0 10px;}
    .evCon4 .additional_tit::after {top: -28px;}

    .evCon5 .book_wrap2 {margin-top: 40px;}

    .evCon6 .point_wrap {margin-bottom: 40px;}
    .evCon6 .point_wrap .tit {padding: 6px 20px;}

    .evCon7 .system_wrap .item {flex-basis: 100%; height: 200px;}
    .evCon7 .system_wrap .cover::before {width: 36px; height: 36px;}
    
    .evCon8 .survey_swiper {height: 300px;}

    .evCon9 .curr .item.care::before {width: 36px; height: 36px; top: -16px;}
    
    .evCon10 .feature_wrap .cont {padding: 20px 15px;}
    .evCon10 .feature_wrap ul li {padding-left: 25px;}
    .evCon10 .feature_wrap ul li::before {width: 15px; height: 15px; top: 2px;}
}