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

/* settings */
:root {
    --color-point: #008118;
}
.evSection {padding: 170px 0;}
.evSection .con_tit {margin-bottom: 45px;}
.evSection .con_tit h4 {font-weight: 900; font-size: 44px; line-height: 1.2; letter-spacing: -0.03em;}
.evSection .con_tit .sub_tit {font-size: 28px;}
.evSection .con_tit h4 + .sub_tit {margin-top: 22px;}
.evSection .con_tit .sub_tit + h4 {margin-top: 10px;}

.event .con_tit .event_tag {max-width: 220px; font-size: 24px; padding: 12px 0; color: #fff; background: #000;}
.event .con_tit h4 {font-size: 46px;}
.event .con_tit .sub_tit {font-size: 26px;}
.event .con_tit .color_highlight {color: var(--color-point);}
.con_tit .end {top: 3%; right: 3%;}
.con_tit .end::after {background: #ff001d; opacity: 0.8;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.evSection .txt_gradient {background: #f56800; background: -webkit-linear-gradient(45deg, #f56800 0%, #20e925 100%); background: linear-gradient(90deg, #f56800 0%, #20e925 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.evSection .swiper-pagination {display: none; position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-point);}

/* evCon1 */
.evCon1 {padding: 0; background: #ddffdf; background: -webkit-linear-gradient(90deg, #ddffdf 0%, #c6eeff 100%); background: linear-gradient(0deg, #ddffdf 0%, #c6eeff 100%);}
.evCon1 h3 {margin: 0 -60px;}
.evCon1 .home {position: absolute; top: 355px; right: -55px;}

/* evCon2 */
.evCon2 {padding: 160px 0 0; background: #086c40;}
.evCon2 .con_tit {color: #fff;}

/* evCon3 */
.evCon3 {padding: 180px 0 0; background: #a9ffe4;}
.evCon3 .pc_view {margin: 0 -155px;}
.evCon3 .tiny_txt {position: absolute; bottom: 35px; right: 0; font-weight: 400; font-size: 14px; color: #111;}

/* evCon4 */
.evCon4 {background: #086c40;}
.evCon4 .con_tit {color: #fff;}
.evCon4 .box_wrap {background: #005932; border-radius: 10px; padding: 50px 70px; margin: 0 -30px;}
.evCon4 .box_wrap + .box_wrap {margin-top: 20px;}
.evCon4 .box_wrap .box_tit {font-weight: 700; font-size: 26px; color: #fff; margin-bottom: 25px;}
.evCon4 .box_wrap .box_tit .label {font-size: 14px; letter-spacing: 0.2em; color: #fff; background: #086c40; width: 150px; margin: 0 auto 15px; border-radius: 13px; padding: 3px 0;}
.evCon4 .box_wrap .box_cont {display: flex;}
.evCon4 .box_wrap .box_cont .item {position: relative; height: 608px; --title-height: 90px;}
.evCon4 .box_wrap .box_cont .item .item_tit {font-weight: 700; font-size: 22px; color: #fff; background: #000; border-radius: 10px 10px 0 0; height: var(--title-height); display: flex; justify-content: center; align-items: center;}
.evCon4 .box_wrap .box_cont .item .item_tit span {color: #a2c41a;}
.evCon4 .box_wrap .box_cont .item .item_cont {height: calc(100% - var(--title-height)); display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; border-radius: 0 0 10px 10px;}
.evCon4 .box_wrap .box_cont .item .item_cont p {font-weight: 400; font-size: 20px; color: #111;}
.evCon4 .box_wrap .box_cont .item .item_cont .tiny_txt {font-size: 13px; color: #757575;}
.evCon4 .box_wrap .box_cont.arrow {gap: 46px;}
.evCon4 .box_wrap .box_cont.arrow .item {z-index: 0;}
.evCon4 .box_wrap .box_cont.arrow .item:first-child::before {content: ''; position: absolute; top: 300px; right: -40px; width: 75px; height: 86px; background: url(https://image.megagong.net/m/2024/0919_flymeca/con4_arrow.png) no-repeat; z-index: -1;}
.evCon4 .box_wrap .box_cont.arrow .item .item_cont p {margin-top: 30px;}
.evCon4 .box_wrap .box_cont.arrow .item .item_cont .tiny_txt {margin: 50px 18px 0 auto;}
.evCon4 .box_wrap .box_cont.plus {gap: 11px;}
.evCon4 .box_wrap .box_cont.plus .item:first-child::before {content: ''; position: absolute; top: 310px; right: -5.5px; transform: translateX(50%); width: 48px; height: 48px; background: url(https://image.megagong.net/m/2024/0919_flymeca/con4_plus.png) no-repeat; z-index: 1;}
.evCon4 .box_wrap .box_cont.plus .item:nth-child(1) .item_cont .tiny_txt {margin: 10px auto 60px 30px;}
.evCon4 .box_wrap .box_cont.plus .item:nth-child(2) .item_cont .tiny_txt {margin: 5px 18px 25px auto;}

/* evCon5 */
.evCon5 {position: relative; background: #fff;}
.evCon5::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #f6f6f6;}
.evCon5 .con_tit {margin-bottom: 0;}
.evCon5 .con_tit .badge {position: absolute; top: -45px; right: 25px;}
.evCon5 .book {margin-bottom: -25px;}
.evCon5 .feature {gap: 11px;}
.evCon5 .feature li {flex: 1; background: #fff; border: 1px solid #e8e8e8; border-radius: 30px; padding: 50px 0;}
.evCon5 .feature li .txt {font-weight: 400; font-size: 18px; color: #6c6c6c;}
.evCon5 .feature li .txt b {color: #000;}
.evCon5 .feature li .ico {margin-top: 25px;}

/* evCon6 */
.evCon6 {background: #fff;}

/* evCon7 */
.evCon7 {background: #f5ea8d;}
.evCon7 .con_tit {margin-bottom: 55px;}
.evCon7 .feature {justify-content: center; gap: 30px; margin-bottom: 60px;}
.evCon7 .feature li {width: 337px; height: 337px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #efe487; border-radius: 50%;}
.evCon7 .feature li .txt {font-weight: 400; font-size: 19px; color: #111; margin-top: 25px;}

/* evCon8 */
.evCon8 {background: #22e2a5;}
.evCon8 .container_info {background: none; border: 1px solid #000; gap: 24px; padding: 18px 0; border-radius: 35px; margin-bottom: 60px;}
.evCon8 .container_info .info {font-size: 18px; margin: 0;}
.evCon8 .container_info .info .info_title {padding-left: 8px;}
.evCon8 .container_info .info .info_title::before {width: 3px; height: 3px;}
.evCon8 .container_info .info .noti {font-weight: 400; color: #008118; opacity: 1; padding-left: 7px; margin-left: 8px;}
.evCon8 .gift {margin-bottom: 80px;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {color: #0f03ff;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 4%;}
    .evSection .con_tit h4 {font-size: clamp(22px, 4.4vmin, 44px);}
    .evSection .con_tit .sub_tit {font-size: clamp(15px, 3vmin, 28px);}
    .evSection .con_tit h4 + .sub_tit {margin-top: 2%;}
    .evSection .con_tit .sub_tit + h4 {margin-top: 1%;}

    .event .con_tit .event_tag {font-size: clamp(16px, 2.6vmin, 24px); padding: 1% 0 1.5%;}

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

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 h3 {margin: 0 -10% 0 -8%;}
    .evCon1 .home {top: 40%; right: 0; max-width: 22%;}

    /* evCon2 */
    .evCon2 {padding: 14% 0 0;}
    .evCon2 .ico {width: 70%; margin: 0 auto;}

    /* evCon3 */
    .evCon3 {padding: 14% 0 0;}
    .evCon3 .pc_view {margin: 0 -10%;}
    .evCon3 .con_tit .sub_tit img {height: 3.4vmin;}

    /* evCon4 */
    .evCon4 .box_wrap {padding: 5vmin 3vmin; margin: 0;}
    .evCon4 .box_wrap .box_tit {font-size: clamp(14px, 2.8vmin, 26px); margin-bottom: 3%;}
    .evCon4 .box_wrap .box_cont .item {flex: 1;}
    .evCon4 .box_wrap .box_cont .item .item_tit {font-size: clamp(14px, 2.4vmin, 22px);}
    .evCon4 .box_wrap .box_cont .item .item_cont p {font-size: clamp(13px, 2.2vmin, 20px);}
    .evCon4 .box_wrap .box_cont.arrow {gap: 3vmin;}
    .evCon4 .box_wrap .box_cont.arrow .item:nth-child(1) {z-index: 1;}
    .evCon4 .box_wrap .box_cont.plus {gap: 1vmin;}

    /* evCon5 */
    .evCon5 .book {margin-bottom: 0;}
    .evCon5 .feature {gap: 1vmin;}
    .evCon5 .feature li {padding: 4vmin 0;}
    .evCon5 .feature li .txt {font-size: clamp(13px, 2.2vmin, 18px);}
    .evCon5 .feature li .ico {margin: 4% auto 0;}

    /* evCon7 */
    .evCon7 .feature {gap: 2vmin; margin-bottom: 6%;}
    .evCon7 .feature li {width: 31vmin; height: 31vmin;}
    .evCon7 .feature li .ico {width: 30%;}
    .evCon7 .feature li .txt {font-size: clamp(13px, 2.2vmin, 19px); margin-top: 4%;}
}
@media screen and (max-width: 992px){
    .evCon5 .con_tit .badge {position: static; display: inline-block; font-style: normal; color: #fff; background: #008118; padding: 1vmin 10px; border-radius: 20px; margin-bottom: 1%;}
    .evCon5 .con_tit .badge span { }
    .evCon5 .con_tit .badge span b {font-weight: 700; color: #afe242;}
    .evCon5 .feature {flex-wrap: wrap;}
    .evCon5 .feature li {flex-basis: calc(50% - 0.5vmin);}
    .evCon5 .feature li .ico {width: 30%;}

    .evCon8 .container_info {padding: 12px 30px 12px 45px; margin-bottom: 6%;}
    .evCon8 .container_info .info {font-size: clamp(13px, 2.2vmin, 18px);}
    .evCon8 .gift {width: 70%; margin: 0 auto 6%;}
}
@media screen and (max-width: 768px){
    .evCon3 .review_wrap .tea_img {width: 50%; margin: 0 auto;}
    .evCon3 .review_roll {position: relative; overflow: hidden;}
    .evCon3 .review_roll .swiper-slide {flex: 1 0 100%; height: auto; display: flex; flex-direction: column; justify-content: center; background: rgba(255, 255, 255, 0.9); border-radius: 30px; border: 1px solid #53e2b5; padding: 2vmin 0;}
    .evCon3 .review_roll .swiper-slide p {font-size: clamp(13px, 2vmin, 18px); color: #111;}
    .evCon3 .review_roll .swiper-slide p b {background: #d8ebdb;}
    .evCon3 .review_roll .swiper-slide .writer {font-size: 12px; color: #353535; margin-top: 2%;}
    .evCon3 .review_roll .swiper-slide .writer .ico {display: inline-block; max-width: 6vmin; margin-right: 2%;}
    .evCon3 .tiny_txt {position: static; font-size: 12px; text-align: right; margin-bottom: 2%;}

    .evCon4 .box_wrap .box_tit .label {width: 120px; font-size: 11px; margin-bottom: 1%; padding: 0;}
    .evCon4 .box_wrap .box_cont .item {height: 68vmin; --title-height: 50px}
    .evCon4 .box_wrap .box_cont .item .item_cont .tiny_txt {font-size: 11px;}
    .evCon4 .box_wrap .box_cont.arrow .item:first-child::before {top: 45%; right: -12%; width: 50px; background-size: 100% auto; background-position: 100% 50%;}
    .evCon4 .box_wrap .box_cont.plus .item:first-child::before {top: 50%; right: -0.5vmin; width: 30px; height: 30px; background-size: contain;}
}
@media screen and (max-width: 640px){
    .evCon2 .bubble {margin-bottom: 4%;}
    .evCon2 .bubble .item {width: 60%; font-size: clamp(13px, 2.2vmin, 20px); border-width: 2px; border-style: solid; padding: 2vmin 0;}
    .evCon2 .bubble .item + .item {margin-top: 2%;}
    .evCon2 .bubble .item:nth-child(odd) {margin-right: auto; border-radius: 20px 20px 0 20px;}
    .evCon2 .bubble .item:nth-child(even) {margin-left: auto; border-radius: 20px 20px 20px 0;}
    .evCon2 .bubble .item:nth-child(1) {color: #b4d800; border-color: #96b016;}
    .evCon2 .bubble .item:nth-child(2) {color: #84ed8b; border-color: #84ed8b;}
    .evCon2 .bubble .item:nth-child(3) {color: #1ddca0; border-color: #1ddca0;}
    .evCon2 .bubble .item:nth-child(4) {color: #b4d800; border-color: #96b016;}
    .evCon2 .bubble .item:nth-child(5) {color: #84ed8b; border-color: #84ed8b;}
}
@media screen and (max-width: 576px){
    .evCon1 .home {top: 50%; max-width: 26%;}

    .evCon3 .con_tit .sub_tit img {height: 4.4vmin;}

    .evCon4 .box_wrap .box_cont {flex-direction: column;}
    .evCon4 .box_wrap .box_cont .item {height: auto; --title-height: 40px;}
    .evCon4 .box_wrap .box_cont .item .item_cont {padding: 3vmin 0;}
    .evCon4 .box_wrap .box_cont.arrow {gap: 8vmin;}
    .evCon4 .box_wrap .box_cont.arrow .item:first-child::before {top: auto; bottom: 0; right: auto; left: 50%; transform: translate(-50%, 50%) rotate(90deg);}
    .evCon4 .box_wrap .box_cont.arrow .item .item_cont .tiny_txt {margin: 5% 2% 0 auto;}
    .evCon4 .box_wrap .box_cont.plus {gap: 10vmin;}
    .evCon4 .box_wrap .box_cont.plus .item:first-child::before {top: auto; right: auto; bottom: -5vmin; left: 50%; transform: translate(-50%, 50%);}
    .evCon4 .box_wrap .box_cont.plus .item:nth-child(1) .item_cont .tiny_txt {margin: 1% auto 5% 4%;}

    .evCon5 .feature li {border-radius: 10px;}

    .evCon7 .feature {flex-direction: column;}
    .evCon7 .feature li {width: 100%; height: auto; border-radius: 10px; padding: 2vmin 0 3vmin;}
    .evCon7 .feature li .ico {width: 10%;}
    .evCon7 .feature li .txt {margin-top: 2%;}
}