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

:root {--color-primary: #ca91ff;--color-primary2: #b050c5;--color-primary3: #6a1eb1;}

/* settings */
.evSection {padding: 160px 0;}
.evSection .con_tit {margin: 0 auto 60px;}
.evSection .con_tit strong {display: block; font-weight: 900; font-size: 45px; color: #fff;}
.evSection .con_tit strong b {font-weight: 900;}
.evSection .con_tit .sub_tit {display: block; font-weight: 300; font-size: 26px; color: #fff;}
.evSection .con_tit strong + .sub_tit {margin: 40px auto 0;}
.evSection .highlight {color: var(--color-primary);}
.evSection .con_tit .label {position: relative; display: block; width: 30%; max-width: 160px; font-style: normal; font-weight: bold; font-size: 26px; background: #fff; padding: 9px 0; margin: 0 auto 50px;}
.evSection .con_tit .label::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #fff;}
.con_tit .end {top: -25%;}
.con_tit .end::after{background: #000;}
.evSection .mini_tit{color: #fff;letter-spacing: 0.4em;line-height: 1.2;font-weight: bold;margin: 0 0 15px;}
.evSection .mini_tit sup{font-size: 12px;letter-spacing: 0;margin: 0 5px 0 -8px;}

.eventWrap .ev_swiperWrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}

/* bullet °øÅë */
.eventWrap .swiper-pagination {position: relative;display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 3rem;}
.eventWrap .swiper-pagination-bullet{background: #d3d3d3;opacity: 1;width: 12px;height: 12px;}
.eventWrap .swiper-pagination-bullet-active{background: var(--color-primary);}

/* button °øÅë */
.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev{top: 50%;transform: translateY(-50%);left: auto;right: auto;margin: 0 auto;z-index: 2;width: auto;height: auto;}
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after{background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;}
.eventWrap .swiper-button-next{right: 0;transform: translateY(-50%) rotate(180deg);}
.eventWrap .swiper-button-next:after{transform: rotate(180deg);}

/* button °øÅë - ±âÁ¸ ½ºÅ¸ÀÏ »ö»óº¯°æ ½Ã */
.eventWrap .type1-prev, 
.eventWrap .type1-next{color: #fff;}
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 50px;}

/* button °øÅë - À̹ÌÁö ³Ö¾úÀ» °æ¿ì */
.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after{font-size: 0;}
.eventWrap .type2-prev{left: -3rem;}
.eventWrap .type2-next{right: -3rem;}

/* evCon1 */
.evCon1 {padding: 90px 0 0; background: #4f0b4e url(https://image.megagong.net/m/2024/0130_kimchanghun/con1_bg.jpg) no-repeat; background-size: cover;}
.evCon1 h3 {margin: 0 auto 10px;}
.evCon1 h3 .sub_tit {font-weight: 500;display: block;font-size: 23px;letter-spacing: 0.4em;margin: 0 auto 50px;color: #fff;line-height: 1.2;}
.evCon1 h3 .sub_tit b {color: #fff;display: block;}
.evCon1 h3 .sub_tit b span{color: var(--color-primary2);}
.evCon1 h3 .sub_tit b sup{font-size: 12px;font-weight: normal;letter-spacing: 0;margin: 0 3px 0 0;}
.evCon1 .tea_home {position: absolute; top: 30px; right: 90px;}
.evCon1 .tiny_noti{color: #fff;position: absolute;bottom: 20px;right: 110px;text-align: right;line-height: 1.3;opacity: 0.3;}

/* evCon2 */
.evCon2 {background: #250524;}
.evCon2 .reviewSwiper {position: relative; overflow: hidden; margin: 0 40px;}
.evCon2 .swiper-button-prev {width: 20px;height: 40px;left: 0;transform: translateX(-100%);margin-top: -50px;}
.evCon2 .swiper-button-next {width: 20px; height: 40px; right: 0; transform: translateX(100%) rotate(180deg);margin-top: -50px;}
.evCon2 .swiper-button-next::after,
.evCon2 .swiper-button-prev::after {width: 100%;height: 100%;font-size: 0;background: url(https://image.megagong.net/m/2024/0130_kimchanghun/con2_arrow.png) no-repeat;transform: none;}
.evCon2 .reviewSwiper ~ .tiny_noti {font-weight: bold; text-align: right; color: #787878; margin: 25px 40px 0;}
.evCon2 .swiper-pagination {display: none; position: static; margin: 2% auto 0;}
.evCon2 .swiper-pagination-bullet {background: #fff;}
.evCon2 .swiper-pagination-bullet-active {background: var(--color-primary);}

/* evCon3 */
.evCon3 {background: #621e60;}
.evCon3 .con_tit {margin: 0 auto 110px;}
.evCon3 .tiny_noti {color: #fff;text-align: right;position: absolute;top: -45px;right: 40px;opacity: 0.2;}
.evCon3 .book_wrap {position: relative; justify-content: center; align-items: center; gap: 70px; margin: 0 auto 60px; z-index: 1;}
.evCon3 .book_wrap::before {content: '';position: absolute; top: 0; left: calc(50% - 42px); transform: translate(-50%, -8%); width: 2044px; height: 579px; background: url(https://image.megagong.net/m/2024/0130_kimchanghun/con3_bg.jpg) no-repeat; z-index: -1;}
.evCon3 .book_img {position: relative; z-index: 1;}
.evCon3 .book_img::before {content: ''; position: absolute; top: 50%; left: 10px; transform: translate(-100%, -50%); width: 55px; height: 557px; background: url(https://image.megagong.net/m/2024/0130_kimchanghun/con3_name.png) no-repeat; z-index: -1;}
.evCon3 .book_tit {font-weight: 300; font-size: 23px; text-align: right; color: #fff; line-height: 1.8;}
.evCon3 .book_tit b {color: var(--color-primary);}
.evCon3 .book_tit strong {display: block;font-weight: 900;font-size: 62px;color: var(--color-primary);line-height: 1.3;}
.evCon3 .book_tit strong {background: #e6cbff;background: -webkit-linear-gradient(94deg, #e6cbff 0%, #e6cbff 8%, var(--color-primary) 30%);background: linear-gradient(94deg, #e6cbff 0%, #e6cbff 8%, var(--color-primary) 30%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.evCon3 .book_tit strong::before {content: ''; display: block; width: 150%; height: 1px; background: var(--color-primary); margin: 25px 0 35px -50%;}

/* evCon4 */
.evCon4 {background: #331f32;}
.evCon4 .book_wrap {position: relative;gap: 22px;justify-content: space-between;}
.evCon4 .book_wrap .book {position: relative;background: #443743;border-radius: 15px;padding: 35px 0 110px;width: 345px;}
.evCon4 .book_wrap .book_tit {font-weight: 300;font-size: 20px;color: #fff;margin: 0 auto 55px;}
.evCon4 .book_wrap .book_tit b {display: block;font-size: 33px;margin: 10px auto 0;color: var(--color-primary);}
.evCon4 .book_wrap .book_btn {position: absolute; bottom: 40px; right: 30px; display: flex; justify-content: center; align-items: center; width: 105px; height: 105px; font-size: 15px; border-radius: 50%; background: #000; color: #fff; box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.15);}
.evCon4 .arrow {position: absolute;font-weight: bold;font-size: 16px;top: 52%;z-index: 1;}
.evCon4 .arrow.arrow1 {left: 37%;transform: translateX(-100%);}
.evCon4 .arrow.arrow2 {left: 53%; transform: translateX(100%);}
.evCon4 .arrow::before{content: '';position: absolute;width: 276px;height: 148px;top: 50%;z-index: -1;}
.evCon4 .arrow.arrow1::before{left: 65%;transform: translate(-50%, -46%);background-image: url(https://image.megagong.net/m/2025/0117_kimchanghun/con_img3.png);background-repeat: no-repeat;}
.evCon4 .arrow.arrow2::before{left: 35%;transform: translate(-50%, -46%);background-image: url(https://image.megagong.net/m/2025/0117_kimchanghun/con_img4.png);background-repeat: no-repeat;}
.evCon4 .book_wrap .book.book2 {background: #8f57c2;position: absolute;top: 0;left: 367px;);}
.evCon4 .book_wrap .book.book2 .book_tit b {color: #fff;}

/* evCon5 */
.evCon5 {background: #f1f1f1;}
.evCon5 .con_tit {margin: 0 auto 35px;}
.evCon5 .con_tit strong {color: #000;}
.evCon5 .book {margin: 0 -251px 0;}
.evCon5 .book_btn {justify-content: center; gap: 40px;}
.evCon5 .book_btn a {display: block; width: calc(50% - 1vw); max-width: 365px; font-weight: bold; font-size: 20px; color: #fff; padding: 26px 0;}
.evCon5 .book_btn .btn1 {background: #343434;}
.evCon5 .book_btn .btn2 {background: var(--color-primary3);}

/* evCon6 */
.evCon6 {background: #fff;}
.evCon6 .con_tit strong {color: #000;}
.evCon6 .eventVideo {margin: 0 40px 80px;}
.evCon6 .stepSwiper {position: relative; overflow: hidden; margin: 0 40px 40px;}
.evCon6 .stepSwiper .swiper-wrapper {gap: 14px;}
.evCon6 .stepSwiper .swiper-slide {flex: 1 1 auto; position: relative; background: #eee; border: 1px solid #ddd; border-radius: 15px; padding: 32px 0;}
.evCon6 .stepSwiper .swiper-slide + .swiper-slide::before {content: ''; position: absolute; top: 50%; left: -7px; transform: translate(-50%, -50%); width: 36px; height: 36px; background: url(https://image.megagong.net/m/2024/0130_kimchanghun/con6_arrow.png);}
.evCon6 .stepSwiper .swiper-slide .tit {font-size: 15px; color: #8400ff; margin: 0 auto 15px;}
.evCon6 .stepSwiper .swiper-slide p {font-weight: 300; font-size: 18px; color: #232323;}
.evCon6 .stepSwiper + .swiper-pagination {display: none; position: static;}
.evCon6 .stepSwiper + .swiper-pagination .swiper-pagination-bullet-active {background: var(--color-primary);}
.evCon6 h5 {margin: 80px 0 30px;font-weight: 900;}
.evCon6 h5 span{color: var(--color-primary2);letter-spacing: 0.4em;line-height: 1.2;font-weight: 900;margin: 0 0 10px;display: block;}

/* evCon7 */
.evCon7 {background: linear-gradient(180deg, #f5f5f5 0%, var(--color-primary) 100%);}
.evCon7 .con_tit {margin: 0 auto 30px;}
.evCon7 .con_tit strong{color: #000;}
.evCon7 .mini_tit{color: #777777;opacity: 0.7;font-weight: 500;letter-spacing: 0;}
.evCon7 .container_info .info .noti{color: #fff;opacity: 1;}
.evCon7 .gift_list_wrap li .badge{background:var(--color-primary3)}

.mg_textarea {height: 80px;}
.mg_s_info:not(.inside) {border: 1px solid #000; padding: 20px 20px 25px;}
.mg_s_info li {font-size: 13px; margin-top: 8px;}
.mg_s_info.inside {margin-top: 8px;}
.mg_s_info.inside li:before {content: '-';}
.mg_terms {height: 200px; color: #999;}
.mg_terms strong {color: #999;}
.mg_chk_base {color: #999;}

.type_lst ul li {border-right-color: #fff;}
.type_lst ul li a,
.type_lst ul li.on a {color: #fff;}

.paging.gall strong {color: #fff;}
.paging.gall a {color: #fff;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0;}
.warningList a {color: #0082bb;}

/* ±³Àç Æ˾÷ */
.bookSwiper {position: relative; overflow: hidden;}
.popup-dimm {z-index: 10;}
.popup-wrap {width: 1080px; padding: 0; border-radius: 0; transform: translate(-50%, -50%); background: none;}
.popup-wrap .btn_close {top: -50px; width: 40px; height: 38px; background: url(https://image.megagong.net/m/common/pop_close2.png) 0 0 no-repeat; filter: invert(1);}
.bookSwiper ~ .swiper-button-prev,
.bookSwiper ~ .swiper-button-next {width: 20px; height: 40px;}
.bookSwiper ~ .swiper-button-prev {left: -20px; transform: translateX(-100%);}
.bookSwiper ~ .swiper-button-next {right: -20px;transform: translateX(100%) rotate(180deg);}
.bookSwiper ~ .swiper-button-prev::after,
.bookSwiper ~ .swiper-button-next::after {font-size: 0;width: 100%;height: 100%;background: url(https://image.megagong.net/m/2024/0130_kimchanghun/pop_arrow.png);transform: none;}
.bookSwiper ~ .swiper-pagination {display: none; position: static; margin: 2% auto 0;}
.bookSwiper ~ .swiper-pagination .swiper-pagination-bullet {background: #fff;}
.bookSwiper ~ .swiper-pagination .swiper-pagination-bullet-active {background: var(--color-primary);}

@media screen and (max-width: 1200px){

    /* settings */
    .evSection {padding: 12% 0;}
    .evSection .con_tit {margin: 0 auto 6%;}
    .evSection .con_tit strong {font-size: clamp(23px, 5vw, 45px); letter-spacing: -0.08em;}
    .evSection .con_tit .sub_tit {font-size: clamp(16px, 3vw, 26px);}
    .evSection .con_tit strong + .sub_tit {margin: 4% auto 0;}
    .evSection .con_tit .label {font-size: clamp(14px, 3vw, 26px); padding: 1% 0; margin: 0 auto 5%;}
    .con_tit .end {top: -10%;}

    /* evCon1 */
    .evCon1 {padding: 8% 0 0;}
    .evCon1 h3 {margin: 0 auto 1%;}
    .evCon1 h3 .sub_tit {font-size: clamp(15px, 2.8vw, 23px);letter-spacing: 0.5vw;margin: 0 auto 5%;line-height: 1.1;}
    .evCon1 h3 strong {display: block; margin: 0 -4%;}
    .evCon1 .tea_home {top: 3vw;right: 0;max-width: 47%;}
    .evCon1 .tea_img {margin: 0 -6%;}
    .evCon1 .tiny_noti{right: 0;font-size: 10px;bottom: 10px;opacity: 0.2;}

    /* evCon2 */
    .evCon2 .reviewSwiper {margin: 0;}
    .evCon2 .reviewSwiper img {display: block; width: 100%;}
    .evCon2 .swiper-button-prev,
    .evCon2 .swiper-button-next {display: none;}
    .evCon2 .swiper-pagination {display: block;}
    .evCon2 .reviewSwiper ~ .tiny_noti {margin: 2% 0 0;text-align: center;}

    /* evCon3 */
    .evCon3 .tiny_noti{font-size: 10px;line-height: 1.2;opacity: 0.2;top: unset;bottom: 0;}
    .evCon3 .book_wrap {gap: 2vw;margin: 0 auto 6%;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
    .evCon3 .book_img{width: 46%;}
    .evCon3 .book_wrap::before {left: -2%;width: 104%;height: 100%;transform: none;background-size: 160% auto;background-position: 50% 50%;}
    .evCon3 .book_img::before {left: 3vw;width: 6vw;height: 100%;background-size: contain;}
    .evCon3 .book_tit {font-size: clamp(15px, 3vw, 23px);line-height: 1.6;width: 50%;}
    .evCon3 .book_tit strong {font-size: clamp(26px, 7vw, 60px);}
    .evCon3 .ev_swiperWrap{padding: 0 3%;}
    .evCon3 .type2-prev,
    .evCon3 .type2-next{display: none;}
    .evCon4 .book_wrap .book_tit b {font-size: clamp(20px, 3.1vw, 26px);}

    /* evCon4 */
    .evCon4 .book_wrap {gap: 1vw;}
    .evCon4 .book_wrap .book {padding: 3vw 0 4vw;width: 32.3%;}
    .evCon4 .book_wrap .book.book2{width: 32.3%;left: 33.7%;}
    .evCon4 .book_wrap .book_tit {font-size: clamp(15px, 2.5vw, 18px);margin: 0 auto 8%;}
    .evCon4 .book_wrap .book_tit b {margin: 2% auto 0;}
    .evCon4 .book_wrap .book_btn {bottom: 4%; right: 3%; width: 10vw; height: 10vw;}
    .evCon4 .arrow::before {width: 170%; height: 170%; background-size: auto 100%;}

    /* evCon5 */
    .evCon5 .book {margin: 0 -48vw 4% -42vw;}
    .evCon5 .book_btn {gap: 2vw;}
    .evCon5 .book_btn a {font-size: clamp(16px, 3.2vw, 20px); padding: 4vw 0;}

    /* evCon6 */
    .evCon6 h5{margin: 12% 0 5%;}
    .evCon6 .eventVideo {margin: 0 auto 8%;}
    .evCon6 .stepSwiper {margin: 0 auto 4%;}
    .evCon6 .stepSwiper .swiper-wrapper {gap: 1vw;}
    .evCon6 .stepSwiper .swiper-slide {padding: 3vw 0;}
    .evCon6 .stepSwiper .swiper-slide + .swiper-slide::before {left: -0.5vw;}
    .evCon6 .stepSwiper .swiper-slide .tit {margin: 0 auto 2%;}

    /* evCon7 */
    .evtoggleWarning {padding: 0;}
    .warningList li .s_tit {font-size: 14px;}

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

}

@media screen and (max-width: 992px){

    .evCon3 .book_img {width: 40%;}
    .evCon3 .book_tit {width: 53%;}

    .popup-wrap {width: 96%; left: 2%; transform: translate(0, -50%);}

}

@media screen and (max-width: 768px){

    .evCon3 .book_wrap {gap: 0;margin: 0 0% 8%;}
    .evCon3 .book_wrap::before {left: -36%; width: 150%;}
    .evCon3 .book_img::before {display: none;}
    .evCon3 .book_tit strong {margin: 6% auto 0;}
    .evCon3 .book_tit strong::before {display: none;}

    .evCon4 .book_wrap {flex-wrap: wrap;justify-content: center;gap: 2vw 2vw;}
    .evCon4 .book_wrap .book {flex: 0 1 calc(50% - 1vw);padding: 4vw 0 4vw;}
    .evCon4 .book_wrap .book.book2 {order: 2;position: relative;top: unset;left: unset;width: 100%;flex: none;}
    .evCon4 .book_wrap .book_tit {margin: 0 auto 3vw;}
    .evCon4 .book_wrap .book_btn {bottom: 8%; right: 8%; width: 14vw; height: 14vw;}
    .evCon4 .arrow {position: relative;top: unset;background: url(https://image.megagong.net/m/2024/0130_kimchanghun/con4_arrow_mo.png) center 0 no-repeat;background-size: 80% 100%;width: 48%;left: unset;transform: none !important;}
    .evCon4 .arrow.arrow1,
    .evCon4 .arrow.arrow2 {left: unset;padding: 2% 0 6%;}
    .evCon4 .arrow::before {width: 34vw;height: 20vw;top: 80%;}
    .evCon4 .arrow.arrow1::before,
    .evCon4 .arrow.arrow2::before {display:none}

    .evCon6 .stepSwiper .swiper-slide + .swiper-slide::before {width: 28px; height: 28px; background-size: cover;}
    .evCon6 .stepSwiper .swiper-slide p {font-size: 16px;}

}

@media screen and (max-width: 576px){

    .eventWrap .swiper-pagination {margin-top: 2rem;}
    .eventWrap .swiper-pagination-bullet{width: 8px;height: 8px;}

    .evSection .con_tit .label::before {border-left-width: 6px; border-right-width: 6px; border-top-width: 6px;}

    .evCon2 .reviewSwiper {margin: 0 16%;}
    .evCon2 .reviewSwiper img {width: auto; margin: 0 auto;}
    .evCon3 .tiny_noti{position: relative;top: unset;bottom: unset;right: unset;text-align: center;margin: 10px 0 0;line-height: 1.1;}
    .evCon4 .book_wrap .book_img {width: 74%;margin: 0 auto;}
    .evCon4 .book_wrap .book.book2 {flex: 1;}
    .evCon4 .book_wrap .book.book2 .book_img {max-width: 42%;}
    .evCon4 .book_wrap .book_btn {right: 2%; width: 18vw; height: 18vw; font-size: 13px;}
    .evCon4 .book_wrap .book.book2 .book_btn {right: 12%;}
    .evCon4 .arrow {top: 39%;background-size: 90% 100%;font-size: 13px;}

    .evCon6 .stepSwiper {margin: 0 auto 2%;}
    .evCon6 .stepSwiper .swiper-wrapper {gap: 0;}
    .evCon6 .stepSwiper .swiper-slide {flex: 1 0 100%;}
    .evCon6 .stepSwiper .swiper-slide + .swiper-slide::before {content: none;}
    .evCon6 .stepSwiper .swiper-slide .tit {font-size: 13px;}
    .evCon6 .stepSwiper .swiper-slide p {font-size: 14px;}
    .evCon6 .stepSwiper + .swiper-pagination {display: block;}

}