@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2024/ */

:root {
    --color-primary: #2dbc00;
}

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {margin: 0 auto 60px;}
.evSection .con_tit .sub_tit {display: block; font-weight: bold; font-size: 23px; color: var(--color-primary);}
.evSection .con_tit strong {display: block; font-size: 46px; line-height: 1.2;}
.evSection .con_tit .sub_tit + strong {margin: 15px auto 0;}
.con_tit .end {top: -5%; right: -1%;}
.con_tit .end::after{background: #ffd599;}

/* evCon1 */
.evCon1 {padding: 30px 0 0; background: #c5c5c5 url(https://image.megagong.net/m/2024/0130_flymeca/con1_bg.jpg) no-repeat; background-size: cover;}
.evCon1 h3 {position: relative; margin: 0 -55px; z-index: 1; pointer-events: none;}
.evCon1 .sub_tit {position: absolute; top: 100px; left: -50px;}
.evCon1 .tea_home {position: absolute; top: 90px; right: -40px;}

/* evCon2 */
.evCon2 {background: #252525;}
.evCon2 .inner::before {content: ''; position: absolute; width: 582px; height: 940px; bottom: -150px; right: 100px; transform: translateX(100%); background: url(https://image.megagong.net/m/2024/0130_flymeca/con2_bg.png) no-repeat;}
.evCon2 .con_tit strong {color: #fff;}
.evCon2 .questionSwiper {position: relative; overflow: hidden; background: #fff; padding: 0 40px; border-radius: 15px;}
/* .evCon2 .questionSwiper .swiper-slide {opacity: 0; transition: 0.3s opacity;}
.evCon2 .questionSwiper .swiper-slide.swiper-slide-active,
.evCon2 .questionSwiper .swiper-slide.swiper-slide-next {opacity: 1;} */
.evCon2 .questionSwiper .swiper-slide {display: flex !important; justify-content: center; gap: 2px; opacity: 0; transition: 0.5s opacity;}
.evCon2 .questionSwiper .swiper-slide.swiper-slide-active {opacity: 1;}
.evCon2 .swiper-pagination {display: none; position: static; margin: 1vw auto 0;}
.evCon2 .swiper-pagination .swiper-pagination-bullet {background: #fff;}
.evCon2 .swiper-pagination .swiper-pagination-bullet-active {background: var(--color-primary);}
.evCon2 .swiper-button-prev {width: 20px; height: 40px; left: -30px; transform: translate(-100%, -100%);}
.evCon2 .swiper-button-next {width: 20px; height: 40px; right: -30px; transform: translate(100%, -100%);}
.evCon2 .swiper-button-prev::after,
.evCon2 .swiper-button-next::after {font-size: 0; width: 100%; height: 100%; background: url(https://image.megagong.net/m/2024/0130_flymeca/con2_arrow.png) no-repeat;}
.evCon2 .swiper-button-next::after {transform: rotate(180deg);}
.evCon2 .comment {font-weight: bold; font-size: 32px; color: #ccc; margin: 50px auto 0;}

/* evCon3 */
.evCon3 {background: #eee;}
.evCon3 .circular {margin: 0 auto 130px;}
.evCon3 .point_wrap .label {position: relative; display: block; margin: 0 auto 20px; z-index: 1;}
.evCon3 .point_wrap .label::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #000; z-index: -1;}
.evCon3 .point_wrap .label span {display: inline-block; width: 60px; height: 60px; line-height: 60px; font-style: normal; font-size: 24px; color: #fff; background: #000; border-radius: 50%;}
.evCon3 .point_tit {margin: 0 auto 60px;}
.evCon3 .point_tit strong {display: block; font-size: 44px; color: var(--color-primary); margin: 0 auto 20px;}
.evCon3 .point_tit p {font-size: 32px; line-height: 1.2;}
.evCon3 .point_cont:not(.point3 .point_cont) {margin: 0 auto 120px}
.evCon3 .point1 .point_cont .check {justify-content: center; gap: 20px; width: 100%; max-width: 720px; margin: 0 auto 40px;}
.evCon3 .point1 .point_cont .check li {flex: 1; font-weight: bold; font-size: 24px; line-height: 1.2; background: #fff; border-radius: 15px; padding: 25px 0; box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.1);}
.evCon3 .point1 .point_cont .check li::before {content: ''; display: block; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2024/0130_flymeca/check.png); margin: 0 auto 14px; background-size: cover;}
.evCon3 .point1 .point_cont .eventVideo {width: 100%; max-width: 720px; height: 405px; margin: 0 auto;}
.evCon3 .point2 .point_cont span {display: inline-block; border-radius: 15px; box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.1);}
.evCon3 .point2 .point_cont span + span {margin: 20px auto 0;}

/* evCon4 */
.evCon4 {background: var(--color-primary);}
.evCon4 .con_tit .sub_tit {color: #000;}
.evCon4 .con_tit strong {color: #fff;}
.evCon4 .book {margin: 0 auto 50px;}
.evCon4 .feature {justify-content: center; gap: 30px;}
.evCon4 .feature li {flex: 1; font-size: 18px; color: #fff; background: #252525; border-radius: 15px; padding: 25px 0 35px;}
.evCon4 .feature li::before {content: ''; display: block; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2024/0130_flymeca/check.png); margin: 0 auto 14px; background-size: cover;}

/* evCon5 */
.evCon5 {padding: 40px 0 150px; background: #252525;}
.evCon5 .inner::before {content: ''; position: absolute; width: 780px; height: 1200px; bottom: -150px; right: 350px; transform: translateX(100%); background: url(https://image.megagong.net/m/2024/0130_flymeca/con5_bg.png) no-repeat;}
.evCon5 .con_tit strong {color: #fff;}
.evCon5 .inner > .tiny_noti {text-align: right; color: #777; margin: 0 auto 80px;}
.evCon5 .reviewSlider {position: relative; overflow: hidden; height: 254px; margin: 0 auto 15px;}
.evCon5 .reviewSlider .swiper-slide {display: flex; justify-content: center; align-items: center; font-weight: normal; font-size: 20px; color: #5d8053; width: 100%; max-width: 840px; margin: 0 auto;}
.evCon5 .reviewSlider .swiper-slide.swiper-slide-active {color: #fff; background: rgba(45, 188, 0, 0.8); border-radius: 40px;}
.evCon5 .eventVideo {margin: 0 40px;}

/* evCon6 */
.evCon6 {background: #fff;}
.evCon6 .con_tit strong {color: var(--color-primary);}
.evCon6 .con_tit strong em {font-style: normal; font-weight: normal;}

/* evCon7 */
.evCon7 {background: #ff9600;}
.evCon7 .con_tit {margin: 0 auto 50px;}
.evCon7 .con_tit .label {display: block; width: 30%; margin: 0 auto 40px;}
.evCon7 .con_tit strong {font-weight: 900; font-size: 66px; color: #fff; margin: 0 auto 25px;}
.evCon7 .con_tit .sub_tit {font-weight: normal; font-size: 20px; color: #ffe6c3;}
.evCon7 .event_detail {align-items: center; gap: 40px; margin: 0 auto 80px;}
.evCon7 .event_detail .info {font-weight: bold; font-size: 21px; color: #fff; text-align: left;}
.evCon7 .event_detail .info li + li {margin: 20px auto 0;}
.evCon7 .event_detail .info li b {margin-right: 20px;}
.evCon7 .event_detail .info li b::before {content: ''; display: inline-block; width: 2px; height: 19px; background: #fff; margin-right: 10px; vertical-align: middle;}
.evCon7 .event_detail .info li .tiny_noti {font-weight: normal; color: #ffe6c3;}
.evCon7 .event_detail .gift {flex: 1 0 auto; margin-right: -10px;}
.evCon7 .evt_way {margin: 0 auto 40px;}
.evCon7 .evt_way .tit {position: relative; margin: 0 auto 40px; z-index: 1;}
.evCon7 .evt_way .tit::before {content: ''; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #000; z-index: -1;}
.evCon7 .evt_way .tit span {display: inline-block; font-weight: bold; font-size: 24px; color: #fff; background: #000; padding: 12px 65px; border-radius: 30px;}
.evCon7 .evt_way ol {display: flex; height: 230px; padding: 40px 0; border-radius: 15px; background: #fff;}
.evCon7 .evt_way ol li {position: relative; flex: 1; display: flex; flex-direction: column;}
.evCon7 .evt_way ol li + li::before {content: ''; position: absolute; top: -10%; left: 0; width: 1px; height: 120%; background: #ddd;}
.evCon7 .evt_way ol li + li::after {content: ''; position: absolute; top: 50%; left: 0; width: 36px; height: 36px; background: url(https://image.megagong.net/m/2024/0130_flymeca/con7_arrow.png) no-repeat; transform: translate(-50%, -50%);}
.evCon7 .evt_way ol li .step {font-size: 0; width: 81px; height: 13px; margin: 0 auto 20px; background: url(https://image.megagong.net/m/2024/0130_flymeca/con7_step.png) no-repeat;}
.evCon7 .evt_way ol li:nth-child(1) .step {background-position: 0 0;}
.evCon7 .evt_way ol li:nth-child(2) .step {background-position: 0 -14px;}
.evCon7 .evt_way ol li:nth-child(3) .step {background-position: 0 -28px;}
.evCon7 .evt_way ol li p {font-size: 20px; line-height: 1.2;}
.evCon7 .evt_way ol li .tiny_noti {color: #e45c6c; margin-top: auto;}
.evCon7 .evt_btn {justify-content: center; gap: 30px; margin: 0 auto 80px;}
.evCon7 .evt_btn a {display: block;}
.evCon7 .shareList ul {border-radius: 15px 15px 0 0;}
.evCon7 .evtBoard_common {border-radius: 0 0 15px 15px; background: #ececec;}
.evCon7 .shareList ul li dl.sns dt{background-color: #4183ff;}
.evCon7 .shareList ul li dl.naver dt{background-color: #41e16e;}
.evCon7 .shareList ul li dl.daum dt{background-color: #ff8745;}
.evCon7 .shareList ul li dl.etc dt{background-color: #a9a9a9;}
.evCon7 .shareList ul li dl dd{border-color: #000; color: #000;}
.evCon7 .evtBoard_common .info_wrap.with_tip button {font-weight: bold; color: #2091ff; border-bottom: 1px solid #2091ff; padding: 3px 0;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0;}
.warningList li ul li a{color:#0058c4; border-bottom: 1px solid #0058c4; padding: 2px 0;}


/* popup */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

/* url popup */
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}

.warningList li ul li a.tp1{background-color:#000; color:#fff;}

.book_swiper_wrap, .evCon4 .btn-base-wrap{position: relative;width:1116px;left:-18px;}
.book_swiper_wrap{padding:0 58px;}
.book_swiper_wrap .book_swiper {position: relative;overflow: hidden;}
.book_swiper_wrap .swiper-button-next, .book_swiper_wrap .swiper-button-prev{width:28px;height:49px;background:url(https://image.megagong.net/m/2025/0117_flymeca/slide_arrow.png) 50% 50% no-repeat;}
.book_swiper_wrap .swiper-button-prev:after, .book_swiper_wrap .swiper-button-next:after{display:none;}
.book_swiper_wrap .swiper-button-next{transform:rotate(180deg);}
.book_swiper_wrap .swiper-button-prev{left:0;}
.book_swiper_wrap .swiper-button-next{right:0;}
.book_swiper_wrap .swiper-pagination{display:none;}

/* pagination */
.book_swiper_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; display: none; } 
.book_swiper_wrap .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.book_swiper_wrap .swiper-pagination-bullet-active { background: #0082ff;width: 20px;border-radius: 30px;} 
.evCon4 .btn-base-wrap{padding:0 30px;gap:0 40px;}
.evCon4 .btn-base-wrap .btn-base.tp2 a{background-color: #8b2332;border-color:#8b2332;}
.evCon4 .btn-base-wrap .btn-base.tp3 a{background-color: #006366;border-color:#006366;}
.evCon4 .btn-base.xl > *{font-size:16px;}

#event1 { background: linear-gradient(180deg, #ffd38f 0%, #ff9703 100%); }
#event1 .con_tit .end::after{background: #ff0000;}
#event1 .con_tit .mini_tit{color:#fc5300;font-weight:900;}
#event1 .container_info.ver_circle .info .info_title{width:134px;}
#event1 .container_info .info .noti{color:#fc5300;opacity:1;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 10% 0;}
    .evSection .con_tit {margin: 0 auto 6%;}
    .evSection .con_tit .sub_tit + strong {margin: 1% auto 0;}

    /* evCon1 */
    .evCon1 {padding: 3vw 0 0;}
    .evCon1 h3 {margin: 0;}
    .evCon1 .sub_tit {width: 32vw; top: 10vw; left: 0;}
    .evCon1 .tea_home {width: 26vw; top: 4vw; right: 0;}

    /* evCon2 */
    .evCon2 .inner::before {content: none;}
    .evCon2 .questionSwiper {padding: 0 2vw;}
    .evCon2 .swiper-pagination {display: block;}
    .evCon2 .swiper-button-prev,
    .evCon2 .swiper-button-next {display: none;}
    .evCon2 .comment {margin: 5% auto 0;}

    /* evCon3 */
    .evCon3 .circular {width: 74%; margin: 0 auto 10%;}
    .evCon3 .point_wrap .label {margin: 0 auto 1%;}
    .evCon3 .point_tit {margin: 0 auto 6%;}
    .evCon3 .point_tit strong {font-size: 38px; margin: 0 auto 2%;}
    .evCon3 .point_tit p {font-size: 28px;}
    .evCon3 .point_cont:not(.point3 .point_cont) {margin: 0 auto 10%;}
    .evCon3 .point1 .point_cont .check {gap: 2vw; margin: 0 auto 4%;}
    .evCon3 .point1 .point_cont .check li {padding: 3% 0;}
    .evCon3 .point1 .point_cont .check li::before {margin: 0 auto 1%;}
    .evCon3 .point1 .point_cont .eventVideo {height: auto;}
    .evCon3 .point2 .point_cont span + span {margin: 2% auto 0;}
    .evCon3 .point3 .point_cont {width: 56%; margin: 0 auto;}

    /* evCon4 */
    .evCon4 .book {margin: 0 auto 5%;}
    .evCon4 .feature {gap: 1vw;}
    .evCon4 .feature li {padding: 3% 0;}
    .evCon4 .feature li::before {margin: 0 auto 1%;}

    /* evCon5 */
    .evCon5 {padding: 4% 0 10%;}
    .evCon5 .inner::before {content: none;}
    .evCon5 .inner > .tiny_noti {margin: 0 auto 6%;}
    .evCon5 .reviewSlider {margin: 0 auto 2%;}
    .evCon5 .eventVideo {margin: 0;}

    /* evCon7 */
    .evCon7 .con_tit .label {margin: 0 auto 2%;}
    .evCon7 .con_tit strong {font-size: 56px; margin: 0 auto 2%;}
    .evCon7 .event_detail {gap: 2vw; justify-content: center; margin: 0 auto 8%;}
    .evCon7 .event_detail .info {flex: 0 1 45%;}
    .evCon7 .event_detail .info li + li {margin: 2% auto 0;}
    .evCon7 .event_detail .info li b {margin-right: 15px;}
    .evCon7 .event_detail .info li b::before {margin-right: 5px;}
    .evCon7 .event_detail .gift {flex: 0 1 55%; margin: 0;}
    .evCon7 .evt_way {margin: 0 auto 4%;}
    .evCon7 .evt_way .tit {margin: 0 auto 4%;}
    .evCon7 .evt_way .tit span {padding: 1.5% 5vw;}
    .evCon7 .evt_way ol {padding: 3% 0;}
    .evCon7 .evt_way ol li .step {margin: 0 auto 2vw;}
    .evCon7 .evt_btn {gap: 2vw; margin: 0 auto 8%;}

    .evtoggleWarning {padding: 0;}

    .book_swiper_wrap, .evCon4 .btn-base-wrap{width:100%;left:0;}
    .evCon4 .btn-base-wrap{gap: 0 20px;}
}

@media screen and (max-width: 992px){
    .evSection .con_tit strong {font-size: 38px; letter-spacing: -0.05em;}

    .evCon2 .questionSwiper .swiper-slide.swiper-slide-active,
    .evCon2 .questionSwiper .swiper-slide.swiper-slide-next {opacity: 1;}
    .evCon2 .comment {font-size: 26px;}

    .evCon3 .point_wrap .label span {width: 40px; height: 40px; line-height: 40px; font-size: 22px;}
    .evCon3 .point_tit strong {font-size: 34px;}
    .evCon3 .point_tit p {font-size: 24px;}
    .evCon3 .point1 .point_cont .check li {font-size: 20px;}

    .evCon4 .feature li {font-size: 17px; letter-spacing: -0.05em;}

    .evCon5 .reviewSlider .swiper-slide {font-size: 18px;}

    .evCon7 .con_tit strong {font-size: 48px;}
    .evCon7 .event_detail {flex-direction: column-reverse; gap: 6vw;}
    .evCon7 .event_detail .info {font-size: 18px;}
    .evCon7 .event_detail .gift {width: 84%;}
    .evCon7 .evt_way .tit span {font-size: 20px;}
    .evCon7 .evt_way ol {height: 200px;}
    .evCon7 .evt_way ol li p {font-size: 16px;}

    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}

    .evCon4 .btn-base-wrap{gap:0 10px;}
}

@media screen and (max-width: 768px){
    .evSection .con_tit .sub_tit {font-size: 18px;}
    .evSection .con_tit strong {font-size: 28px;}
    .eventWrap .tiny_noti {font-size: 10px;}

    .evCon2 .questionSwiper {padding: 0 10vw;}
    .evCon2 .questionSwiper .swiper-slide.swiper-slide-next {opacity: 0;}
    .evCon2 .comment {font-size: 20px;}

    .evCon3 .point_wrap .label span {width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
    .evCon3 .point_tit strong {font-size: 26px;}
    .evCon3 .point_tit p {font-size: 18px;}
    .evCon3 .point1 .point_cont .check li {font-size: 16px;}
    .evCon3 .point1 .point_cont .check li::before {width: 14px; height: 14px;}

    .evCon4 .feature {flex-direction: column;}
    .evCon4 .feature li::before {width: 14px; height: 14px;}

    .evCon5 .reviewSlider .swiper-slide {font-size: 16px; letter-spacing: -0.05em;}

    .evCon7 .con_tit strong {font-size: 38px;}

    .evCon7 .evt_way ol {flex-direction: column; height: auto; background: none;}
    .evCon7 .evt_way ol li {background: #fff; width: 100%; padding: 2vw 0; border-radius: 10px;}
    .evCon7 .evt_way ol li + li {margin: 2% auto 0;}
    .evCon7 .evt_way ol li + li::before {content: none;}
    .evCon7 .evt_way ol li p {margin: 0 auto 2%;}
    .evCon7 .evt_way ol li + li::after {top: 2%; left: 50%; transform: translate(-50%, -100%) rotate(90deg); width: 22px; height: 22px; background-size: cover; z-index: 1;}

    .book_swiper_wrap{padding:0 30px;}
    .book_swiper_wrap .swiper-button-next, .book_swiper_wrap .swiper-button-prev{display:none;}
    .book_swiper_wrap .swiper-pagination{display:block;}
    .evCon4 .btn-base-wrap{padding:0 0;}
    .evCon4 .btn-base.xl > *{font-size:14px;padding:21px 0;}
}

@media screen and (max-width: 576px){
    .evSection .con_tit .sub_tit {font-size: 15px;}
    .evSection .con_tit strong {font-size: 21px;}

    .evCon2 .comment {font-size: 14px;}

    .evCon3 .point_tit strong {font-size: 20px;}
    .evCon3 .point_tit p {font-size: 15px; letter-spacing: -0.05em;}
    .evCon3 .point1 .point_cont .check li {font-size: 14px;}

    .evCon4 .feature li {font-size: 14px;}

    .evCon5 .reviewSlider {height: 290px;}
    .evCon5 .reviewSlider .swiper-slide {font-size: 14px;}
    .evCon5 .reviewSlider .swiper-slide.swiper-slide-active {border-radius: 60px;}

    .evCon7 .con_tit strong {font-size: 30px;}
    .evCon7 .event_detail .info {font-size: 15px;}
    .evCon7 .event_detail .info li b::before {height: 14px;}
    .evCon7 .evt_way .tit span {font-size: 16px; padding: 4px 30px;}
    .evCon7 .evt_way ol li + li {margin: 4% auto 0;}
    .evCon7 .evt_way ol li .step {transform: scale(0.8);}
    .evCon7 .evt_way ol li p {font-size: 14px;}
    .evCon7 .evt_btn {flex-direction: column; width: 80%;}
    .evCon7 .evtBoard_common .info_wrap .tip_list {font-size: 12px;}

    .dim_popup.sns{width:90%}
}