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

:root{
    --point-color1:#ff5629;
    --point-color2:#006818;
    --black:#000;    
}


@keyframes upDown{
    0%{bottom: -20px;}
    50%{bottom: -14px;}
    100%{bottom: -20px;}
}

@keyframes bounce {
    100%{
      top: -10px;
    }
}
@keyframes bounce2 {
    100%{
      bottom: 10px;
    }
}


/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 60px; line-height: 1.2; letter-spacing: -0.92px;}
.evSection .mini_tit{ margin: 0 0 15px;}
.evSection.event .con_tit{margin-bottom: 30px;}

.flt_inner {right: 0;}
.flt_inner.renewal li {margin-top: -1px;}
.flt_inner.renewal li.top {margin-top: 0;}

.evSection .line_tit {display: flex;justify-content: center;align-items: center;margin: 0 0 20px;}
.evSection .line_tit i{height: 1px;background: #000;flex: 1;}
.evSection .line_tit i:last-child{right: unset;left:100%;}
.evSection .line_tit span {position: relative;padding: 0 40px;line-height: 1;display: inline-block;}
.evSection .line_tit.circle span {background: #000;color: #fff;padding: 10px 60px 12px;border-radius: 40px;}
.evSection .line_tit.square i{height: 10px;border: 1px solid #000;border-width: 1px 0 0 1px;background: none;margin: 10px 0 0;}
.evSection .line_tit.square i:last-child{border-width: 1px 1px 0 0;}

.evSection .color_highlight{color: #ff5629;}
.evSection .color_highlight2{color: #9fd86c;}
.evSection .color_highlight3{color: #b5e788;}
.evSection .color_highlight4{color: #4ea300;}
.evSection .w{color: #fff !important;}
.evSection .red{color: #ff0000 !important;}
.evSection .black{color: #000 !important;}
.evSection .gray{color: #acacac !important;}
.evSection .bo{font-weight: bold !important;}
.evSection .ebo{font-weight: 900 !important;}
.evSection .me{font-weight: 500 !important;}
.evSection .nm{font-weight: 400 !important;}

/* .evSection .con_tit .end::after { background: #000; }  */

.top_tab {position: absolute; width: 100%; background-color: var(--point-color1); transition: 1s; z-index: 3; bottom: 0;}
.top_tab.fixed {position: fixed;}
.top_tab ul {display: flex; justify-content: center;}
.top_tab ul li {position: relative; min-width: 410px; display: flex; justify-content: center; text-align: left; max-height: 100px;}
.top_tab ul li + li::before {content: ''; position: absolute; width: 1px; height: 100%; top: 50%; transform: translateY(-50%); left: 0; background: #ffcbbd;}
.top_tab ul li a {position: relative; display: flex; align-items: center; justify-content: center; gap: 25px; width: 100%;}
.top_tab ul li a img{position: relative; top: -20px;}
.top_tab ul li:first-child a img{top: -10px;}
.top_tab ul li p{line-height: 1.25;}

.eventWrap .evSection .blk_btn {display: flex; align-items: center; justify-content: center; color:#fff; width: 470px; height: 80px; border-radius: 3px; cursor: pointer; font-weight: bold; background-color: #000;}
.eventWrap .evSection .blk_btn.two{width: 360px; height: 72px; }
.eventWrap .evSection .blk_btn.appl{background-color: var(--point-color2);}
.eventWrap .evSection .blk_btn.down{background-color: var(--point-color1); margin-top: 10px;}
.eventWrap .evSection .blk_btn.check_coupon{background-color: #b82700;}


/* evCon1 */
.evCon1 { background: #f9f9c6 url(https://image.megagong.net/m/2024/1223_planner/con1_bg.jpg) no-repeat bottom/cover; position: relative; padding: 80px 0 0;}
.evCon1 .desc{margin: 10px 0 30px; position: relative; display: inline-block;}
.evCon1 .desc .on_img{opacity: 0; position: absolute; left: 0; top: 0;}
.evCon1 .desc.on .on_img{opacity: 1;}
.evCon1 .desc.on .off_img{opacity: 0;}
.evCon1 .calendar_img_wrap{position: relative; display: flex; justify-content: space-between; margin: 30px auto -220px; max-width: 2600px; z-index: 1;}
.evCon1 .calendar_img_wrap ul{display: flex; margin: 105px 0; z-index: -1;}
.evCon1 .calendar_img_wrap ul li.p02{margin-top: 50px;}
.evCon1 .calendar_img_wrap ul li.p03{margin-top: 100px;}
.evCon1 .calendar_img_wrap ul li.p04{margin-top: 150px;}
.evCon1 .calendar_img_wrap ul.left{z-index: 1;}
.evCon1 .calendar_img_wrap ul.left li{margin-right: -500px;}
.evCon1 .calendar_img_wrap ul.right {flex-direction: row-reverse;}
.evCon1 .calendar_img_wrap ul.right li{margin-left: -500px;}
.evCon1 .calendar_img_wrap .center{position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1;}
.evCon1 .calendar_img_wrap .center .item1{position: absolute; left: -153px; top: 40px;}
.evCon1 .calendar_img_wrap .center .item2{position: absolute; right: -130px; top: 47px;}
.evCon1 .wave{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2;max-width: fit-content;}
.evCon1 .down_btn{width: 415px; display: block; margin: 0 auto; background-color: var(--point-color1); border-radius: 40px; padding: 22px 10px; position: relative; transition: 0.3s;}
.evCon1 .down_btn:hover{background-color: #4ea300;}
.evCon1 .down_btn:after{position: absolute; content: ''; background: url(https://image.megagong.net/m/2024/1223_planner/btn_item.png) no-repeat center/cover; width: 123px; aspect-ratio: 123/59; right: -50px; bottom: -20px; opacity: 0; transition: 0.3s; animation: upDown 1s forwards infinite;}
.evCon1 .down_btn:hover:after{opacity: 1;}


/* evCon2 */
.evCon2{background: #b7e58e; padding: 20px 0 150px; position: relative;}
.preview.swiper_common_wrap{overflow:hidden;position: relative; margin-top: -40px;}
.preview.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; margin: 0 auto; padding: 40px 0;} 
.preview.swiper_common_wrap .swiper-slide { scale: .99; transition:all 300ms linear; display: flex; justify-content: center;} 
.preview.swiper_common_wrap .swiper-slide .box { display: flex; justify-content: center; flex-direction: column; height: 464px; align-items: center; } 
.preview.swiper_common_wrap .swiper-slide.swiper-slide-active::after{ position: absolute; left: -12px; top: -30px; content: ''; background: url(https://image.megagong.net/m/2024/1223_planner/center_item1.png) no-repeat bottom/cover; width: 77px; aspect-ratio: 77/98; transition:all 300ms linear;}
.preview.swiper_common_wrap .swiper-slide.swiper-slide-active::before{ position: absolute; right: -5px; bottom: -40px; content: ''; background: url(https://image.megagong.net/m/2024/1223_planner/center_item2.png) no-repeat bottom/cover; width: 130px; aspect-ratio: 130/163; transition:all 300ms linear;}

/* evCon3 */
.evCon3{background: #f5f5f5;}
.evCon3 .inner{width: 1260px;}
.evCon3 .con_box{display: flex; gap: 80px;}
.evCon3 .way_box{flex: 1; display: flex;}
.evCon3 .way_title { position: relative; text-align: left; margin-right: 30px; } 
.evCon3 .way_title::before { content: ''; display: block; left: 50%; top: 0; transform: translateX(-50%); position: absolute; height: 100%; width: 1px; background: #000; } 
.evCon3 .way_title strong { position: relative; writing-mode: vertical-lr; padding-bottom: 20px; background: #f5f5f5;} 
.evCon3 .bubble_wrap i { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-radius: 50%; width: 115px; height: 115px; display: flex; align-items: center; justify-content: center; background: var(--point-color1); color: #fff; text-align: center; font-style: normal; z-index: 2; } 
.evCon3 .bubble_wrap i + i { bottom: 100px; z-index: 1; background: var(--point-color2); } 
.evCon3 .app_wrap{margin-top: 80px;}
.evCon3 .app_box {flex-wrap: wrap; justify-content: center; width: 100%; gap: 50px 12px; } 
.evCon3 .step_box .item { background: #e5e5e5; padding: 13px; border-radius: 8px; min-height: 275px; } 
.evCon3 .step_box .item p { color:#555; margin-top: 15px; } 
.evCon3 .step_box .item p img { display: block; margin: 0 auto 7px; } 

.evCon3 .step_box { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon3 .step_box .swiper_common { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon3 .step_box .swiper-wrapper { gap: 15px; flex-wrap: wrap;} 
.evCon3 .step_box .swiper-slide { width: calc(50% - 8px) !important;} 


/*evCon5*/
.evCon5 .info_img {position: relative; display: block; margin: 35px auto 40px;}
.evCon5 .info_img .talk1 {position: absolute; top:0; left:0; animation: bounce 0.4s ease infinite alternate;}
.evCon5 .info_img .talk2 {position: absolute; bottom:0; right:0; animation: bounce2 0.4s ease infinite alternate;}

.evCon5 .line_txt {display: block; margin: 80px auto 0;}
.evCon5 .desc{margin: 15px 0 30px;}
.evCon5 .blk_btn {margin:0 auto; transition: 0.3s;}
.eventWrap .evSection .blk_btn.appl:hover{background-color: #00330c;}
.eventWrap .evSection .blk_btn.down:hover{background-color: #ff3600;}


.evCon5 .caution {position: relative; padding: 40px 0; border-top:1px solid #000; border-bottom:1px solid #000; margin: ;}
.evCon5 .caution .cau_list li {text-align: left;}
.evCon5 .caution .cau_list li:nth-child(1) {margin:0 0 5px;}
.evCon5 .caution .cau_list li .tp1 {font-weight: bold;}
.evCon5 .caution .icon {position: absolute; bottom:0; right: 50px;}
.evCon5 .calvertical_wrap {position: relative;}
.evCon5 .calvertical_wrap .end_sticker {position: absolute; top:157px; right:-220px;}

.evCon5 .calvertical_nav{position:relative;border: 3px solid #000; background-color: #ffe9e3; border-radius: 12px; position: relative;padding: 29px 158px;margin: 0 0 50px}
.evCon5 .calvertical_nav.w1200over{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;padding: 16px 193px}
.evCon5 .calvertical_nav.w1200over .item{width: 16.666%}
.evCon5 .calvertical_nav a{display: block;line-height: 1;padding: 6px 0; font-weight: 400;}
.evCon5 .calvertical_nav .active a{color: var(--point-color1); font-weight: bold;}
.evCon5 .calvertical_slider{width: 1405px; margin-left: -162.5px;}
.evCon5 .calvertical_slider .item{display: flex;justify-content: center;padding-bottom: 20px;}
.evCon5 .calvertical_slider .slick-arrow{display: none !important;}
.evCon5 .calvertical_nav::before{position: absolute; content: ''; left: 50px; bottom: -13px; background: url(https://image.megagong.net/m/2024/1223_planner/nav_item1.png) no-repeat center/cover; width: 92px; aspect-ratio: 92/95;}
.evCon5 .calvertical_nav::after{position: absolute; content: ''; right: 12px; bottom: -12px; background: url(https://image.megagong.net/m/2024/1223_planner/nav_item2.png) no-repeat center/cover; width: 107px; aspect-ratio: 107/51;}


/*evCon6*/
.evCon6{background: #f6f6f6 url(https://image.megagong.net/m/2024/1223_planner/con6_bg.png) no-repeat;}
.eventWrap .evSection.evCon6 {padding: 120px 0 160px;}
.evSection.evCon6 .con_tit{margin: 10px 0;}
.evSection.evCon6 .mini_tit{margin: 0 0 40px;}
.evCon6 .countering {display: flex; align-items: center; justify-content: center; border-radius: 12px 12px 0 0; width: 100%; height: 80px; gap:98px; background: #b5e788; font-weight: bold;}
.evCon6 .result {position: relative; width: 100%; height:700px; overflow: hidden;}
.evCon6 .result.border {border-radius: 12px;}
.evCon6 .result .dim {position: absolute;left:0;width:100%;height: 100%;background-color: #000;color:#fff;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 2;}
.evCon6 .calendar_wrap .result_box {width:100%;height: 100%;overflow: hidden;border-radius: 0 0 12px 12px;padding: 40px 0;background-color: #f0f0f0;}
.evCon6 .calendar_wrap .result_box .result_tit {font-weight:bold;}
.evCon6 .calendar_wrap .result_slide .slide_box {border-radius: 16px; background-color: #fff;}
.evCon6 .calendar_wrap .result_slide .slide_box .date {padding:20px 0;border-bottom: 1px solid #d5d5d5;font-weight: bold;width: 100%;}
.evCon6 .calendar_wrap .result_slide .slide_box .content {height: 100%; padding: 30px;}
.evCon6 .calendar_wrap .result_slide .content p {font-weight: bold;margin: 0 0 12px;}
.evCon6 .calendar_wrap .result_slide .content .name_list {display: flex;flex-wrap: wrap;font-size: 9px;align-items: center;width: 100%;justify-content: center;color:#b3b3b3;}
.evCon6 .calendar_wrap .result_slide .slide_box .comming {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color:#9c9c9c; font-weight: bold;}
.evCon6 .result_slide_wrap { position: relative; } 
.evCon6 .result_slide_wrap .result_slide.swiper-initialized { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; } 
.evCon6 .result_slide_wrap .result_slide.swiper-initialized {margin-bottom:60px;padding: 30px 0  0;margin-left: 0;} 
.evCon6 .result_slide_wrap .swiper-wrapper {align-items: center;margin-left: -36px;} 
.evCon6 .swiper-slide {scale: 0.7;transition:all 200ms linear;position: relative;} 
.evCon6 .swiper-slide .tag { display: none; } 
.evCon6 .swiper-slide.swiper-slide-active {scale: 1;width: 440px !important;} 
.evCon6 .swiper-slide.swiper-slide-active::before { display: none; } 
.evCon6 .swiper-slide .slide_box {background: #fff;display: flex;flex-direction: column;height: 430px;align-items: center;border-radius: 16px;} 
.evCon6 .swiper-slide.swiper-slide-active .slide_box {height:550px;}
.evCon6 .calendar_wrap .result_slide .swiper-slide.swiper-slide-active .content .name_list {font-size: 11px;}
.evCon6 .result_slide_wrap [class*="swiper-button-"]:after { font-size: 0; } 
.evCon6 .result_slide_wrap [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.evCon6 .result_slide_wrap .arrow {position: absolute;top: 60%;transform: translate(0, calc(-50%));left: 25%;z-index: 1;background: url('https://image.megagong.net/m/2024/1105_sobang/prev.png') no-repeat center;width: 49px;height: 49px;background-size: contain;cursor: pointer;} 
.evCon6 .result_slide_wrap .arrow.swiper-button-next {transform: rotate(180deg) translate(0, calc(50%));left: auto;right: 25%;} 
.evCon6 .result_slide_wrap .arrow.swiper-button-next.swiper-button-disabled, 
.evCon6 .result_slide_wrap .arrow.swiper-button-prev.swiper-button-disabled{display: none;}

.evCon6 .swiper-pagination {z-index: 1;}
.evCon6 .blk_btn {margin:40px auto 0;}

/* surprise  */
.surprise .desc{margin: 30px 0 0;}

/*evCon7*/
.evCon7 .package_wrap {position: relative;margin: 100px 0 0;} 
.evCon7 .package_wrap .sticker {position: absolute;right: 62px;top: 41px;width: 122px;height: 119px;display: flex;align-items: center;justify-content: center;background-repeat: no-repeat;background-position: center center;background-size: contain;background-image: url(https://image.megagong.net/m/2024/1105_sobang/sticker.png);} 
.evCon7 .package_wrap .sticker p span { font-weight: bold; font-size: 22px; } 
.evCon7 .evtBoard_common {background-color: #9fd86c; font-family: var(--font);;}
.evCon7 .eventBoard.general {margin: 60px 0 0;}
.evCon7 .evtBoard_common .board_write .inp_wrap textarea {border: 1px solid var(--color-orange); color:var(--color-orange);}
.evCon7 .evtBoard_common .board_notice li {opacity:1; color:#111; font-weight: 400;}
.evCon7 .eventBoard .evtBoard_common .board_notice li.chk_notice label {color:#000;/* opacity: 1; */}
.evCon7 .evtBoard_common .board_write .inp_wrap textarea::placeholder {color:#999;}
.evCon7 .gift_list_wrap li .badge{background-color: #b5e788; color: #000;}

/*evCon9*/
.evCon9 .sub_tit { position: relative; color: #000; width: 1080px; margin: 0 auto 30px; font-weight: bold; } 
.evCon9 .sub_tit span {display: inline-block;padding: 0 20px;position: relative;background-color: #47b558;} 
.evCon9 .sub_tit::before { content: ""; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top: 50%; transform: translateY(-50%) } 
.evCon9 .method_box { width: 100%; padding: 42px 0; background-color: #fff; margin: 40px 0 0;} 
.evCon9 .method_box .content_all{display: flex; align-items: center; justify-content: center; }
.evCon9 .method_box .met_tit{ width: fit-content; margin: 0 auto 15px; background: #000; border-radius: 30px; padding: 4px 20px; position: relative;}
.evCon9 .method_box .method_list { display: flex; flex-direction: column; /* align-items: center; */gap: 15px; } 
.evCon9 .method_box .method_list li { display: flex; gap: 22px; text-align: left; } 
.evCon9 .method_box .method_list li img { height: fit-content; } 
.evCon9 .btn_box { margin: 40px 0 80px 0; display: flex; justify-content: center; gap: 20px; } 
.evCon9 .btn_box a.orange { background-color: var(--color-orange);  color: #fff; } 
.evCon9 .evtBoard_common {background: #efefef;}
.evCon9 .evtBoard_common .board_write .inp_wrap input[type="text"] {border:1px solid #000;}
.evCon9 .eventBoard { border-radius: 12px; overflow: hidden; } 
.evCon9 .eventBoard .evtBoard_common .info_wrap.with_tip button { font-size: 14px; font-weight: 500; padding-bottom: 5px; border-bottom: 1px solid #000; } 
.evCon9 .eventBoard .tip_list li.green { color: #408800; } 
.evCon9 .shareList.ver2 ul li dl.sns dt { background-color: #64c90b; } 
.container_gift_wrap ul {justify-content: center;gap: 35px;margin: 100px 0 114px;} 
.container_gift_wrap ul li p {padding: 20px 0 0;font-weight: 500;/* color: #664a22; */opacity: 0.5;} 
.shareList.ver2 ul li dl.naver dt { background-color: #ff8601; } 
.shareList.ver2 ul li dl.daum dt { background-color: #18bad6; } 
.shareList.ver2 ul li dl.etc dt { background-color: #999999; } 

.evCon9 .gift_list_wrap li .badge{background-color: #b5e788; color: #000;}
.evCon9 .regist_form_area{background-color: #e74217;}
.evCon9 .regist_form_area .check_area .info{color: #000;}

/*´ç÷ Æ˾÷*/
[class*=mg_popup_wrap] .mg_popup_close {cursor: pointer;}
.calendar_pop .content_area .content_inner {padding: 40px 0;}
.calendar_pop .content_inner .popup_tit {font-weight: 700; text-align: center;}
.calendar_pop .content_inner .popup_tit span{font-weight: 400;}
.calendar_pop .content_inner .calendar {margin: 24px auto 0;display: block;text-align: center;}
.calendar_pop .content_inner .tit_area {background-color: #efefef;text-align: center;padding: 15px 0;line-height:1;}
.calendar_pop .content_inner .info_list {margin: 20px 0 0; padding: 0 20px;}
.calendar_pop .content_inner .info_list li {margin:0 0 5px;display: flex;font-size: 13px;color:#b5b5b6;line-height: 1.3;gap: 5px;}
.calendar_pop .content_inner .info_list li::before {content:"¡Ø"; display: block;}
.calendar_pop .content_inner .info_list li .blk_chk,
.calendar_pop .content_inner .info_list li .tp1   {color:#000; font-weight: 600;}
.calendar_pop .content_inner .confirm_btn {margin: 30px auto 0; width: 180px; height: 54px; border-radius: 3px; display: flex; align-items: center; justify-content: center; background-color: #000; color:#fff; font-weight: bold; cursor: pointer;}
.calendar_pop .content_inner .confirm_btn.down{background-color: #4ea300; color: #000;}
.calendar_pop .content_inner .confirm_btn.last_btn{margin-top: 5px;}
.calendar_pop .content_inner .confirm_btn.megapass{width: 72.5%;}
.calendar_pop .content_inner .confirm_btn.megapass.pass1{background-color: #3183ff;}
.calendar_pop .content_inner .confirm_btn.megapass.pass2{background-color: #ed3333;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evSection .warningList li ul li a{ color: var(--point-color1); padding: 0; text-decoration: underline; } 


@media screen and (min-width: 1200px){
    .preview.swiper_common_wrap .swiper_common.swiper-initialized { margin-left: -130px;} 
    .preview.swiper_common_wrap .swiper-slide.swiper-slide-active { scale: 1; width: 640px !important; } 
}
@media screen and (max-width: 1800px){
    .preview.swiper_common_wrap .swiper_common.swiper-initialized { margin-left: -160px;} 
}

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

    .evCon1 .wave{max-width: 100%;}
    .evCon1 .calendar_img_wrap{margin: 20px auto clamp(-85px, 15vmin, -220px);}
    .evCon1 .calendar_img_wrap ul{margin: clamp(20px, 6vmin, 105px) 0 clamp(20px, 6vmin, 105px);}
    .evCon1 .calendar_img_wrap ul li.p02{margin-top: clamp(20px, 2vmin, 50px);}
    .evCon1 .calendar_img_wrap ul li.p03{margin-top: clamp(20px, 5vmin, 100px);}
    .evCon1 .calendar_img_wrap ul li.p04{margin-top: clamp(25px, 10vmin, 150px);}
    .evCon1 .calendar_img_wrap ul.left li{margin-right: clamp(-300px, 50vmin, -500px);}
    .evCon1 .calendar_img_wrap ul.right li{margin-left: clamp(-300px, 50vmin, -500px);}
    .evCon1 .calendar_img_wrap ul li img{width: clamp(300px, 47vmin, 658px);}
    .evCon1 .calendar_img_wrap .center .calendar_img{width: clamp(350px, 60vmin, 676px);}
    
    .preview.swiper_common_wrap .swiper_common.swiper-initialized { margin-left: -250px;} 

    .evCon5 .calvertical_slider{width: 96%; margin: 0 auto;}
    .evCon5 .calvertical_wrap .end_sticker{right: 0; top: clamp(30px, 8vmin, 157px);}
}

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


    /* settings */
    .evSection {padding: 16% 0;}
    .evSection.evCon1{padding: 8% 0 0;}
    .evSection.evCon2{padding: 8% 0 16%;}
    .eventWrap .evSection.evCon6{padding: 16% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .evSection.event .con_tit {margin-bottom: 3%;}    

    .preview.swiper_common_wrap{width: 96%; margin: 0 auto;}
    .preview.swiper_common_wrap .swiper_common.swiper-initialized { margin: 0; } 
    .preview.swiper_common_wrap .swiper-slide{scale: 1;}
    .preview.swiper_common_wrap .swiper-slide.swiper-slide-active::after{ left: -12px; top: -30px;  width: clamp(40px, 6vmin, 77px);}
    .preview.swiper_common_wrap .swiper-slide.swiper-slide-active::before{ position: absolute; right: -5px; bottom: -40px;  width: clamp(60px, 11vmin, 130px);}
    .preview.swiper_common_wrap .swiper-slide .box{height: auto;}

    .top_tab ul li{flex: 1; min-width: auto;}
    .top_tab ul li a img{display: none;}
    .top_tab ul li a{padding: 15px 5px; text-align: center; gap: 0;}

    .evCon1 .calendar_img_wrap .center .item1{width: clamp(70px, 14vmin, 219px); left: clamp(-50px, 15vmin, -153px); top: 4%;}
    .evCon1 .calendar_img_wrap .center .item2{width: clamp(80px, 18vmin, 244px); right: clamp(-30px, 13vmin, -130px); top: 4%;}
    .evCon1 .desc img{width: clamp(250px, 30vmin, 527px);}
    .evCon1 .down_btn{width: clamp(230px, 45vmin, 415px);;}
    .evCon1 .down_btn:after{width: clamp(50px, 10vmin, 123px); right: clamp(-20px, 13vmin, -50px);}
    .evCon1 .calendar_img_wrap ul li img { width: clamp(300px, 40vmin, 658px);}
    
    .evCon3 .inner{width: 96%; margin: 0 auto;}
    .evCon3 .con_box{flex-wrap: wrap;}
    .evCon3 .way_box{width: 100%; flex:auto; flex-wrap: wrap;}
    .evCon3 .way_title{width: 100%; margin: 0 0 3%;}
    .evCon3 .bubble_wrap { justify-content: flex-end; gap: 1vmin; margin-top: 0; } 
    .evCon3 .way_title strong { padding-right: 2vmin; writing-mode: horizontal-tb;} 
    .evCon3 .way_title { margin-right: 0; } 
    .evCon3 .way_title::before { left: 0; top: 50%; transform: translateY(-50%); height: 1px; width: 100%; } 
    .evCon3 .bubble_wrap i { position: relative; top: auto; transform: none; width: auto; height: auto; border-radius: 5px; padding: 3px 15px; left: auto; right: 0;} 
    .evCon3 .bubble_wrap i + i{bottom: auto;}
    .evCon3 .bubble_wrap.show-1200{width: 100%;}
    .evCon3 .app_wrap{margin-top: 5%; width: 100%;}
    .evCon3 .app_box { gap: 5vmin 1vmin; margin-top: 5%; } 
    
    .evCon5 .info_img .talk1 {width: 62%;}
    .evCon5 .info_img .talk2 {width: 62%;}
    .evCon5 .calvertical_nav::before,.evCon5 .calvertical_nav::after{display: none;}
    .evCon5 .calvertical_nav{padding: 10px 30px;border-width: 2px;margin: 0 0 25px;display: none;}
    .evCon5 .calvertical_nav.slick-initialized{display: block;}
    .evCon5 .calvertical_nav .slick-current a{color:var(--point-color1)}
    .evCon5 .calvertical_nav a{font-size: 2.2vw}

    .evCon5 .calvertical_wrap .end_sticker{width: clamp(70px, 15vmin, 166px);}
    .evCon5 .line_txt{margin: 8% auto 0;}
    .evCon6 .con6_img01{width: clamp(60px, 10vmin, 106px);}
    
}
@media screen and (max-width: 992px){
    
    .evCon1 .calendar_img_wrap ul.left li{margin-right: clamp(-255px, 47vmin, -500px);}
    .evCon1 .calendar_img_wrap ul.right li{margin-left: clamp(-255px, 47vmin, -500px);}
    .evCon1 .calendar_img_wrap ul.left li.p01{display: none;}
    .evCon1 .calendar_img_wrap ul.right li.p01{display: none;}

    .evCon3 .step_box { gap: 0; overflow: hidden; }     
    .evCon3 .step_box .swiper-wrapper { gap: initial; flex-wrap: nowrap;} 
    .evCon3 .step_box .swiper-slide { width: 100% !important; } 
    .evCon3 .swiper-horizontal>.swiper-pagination-bullets,.evCon1 .swiper-pagination-bullets.swiper-pagination-horizontal,.evCon1 .swiper-pagination-custom,.evCon3 .swiper-pagination-fraction { display: flex; flex-direction: row; align-items: center; justify-content: center; bottom: 15px;}
    .evCon3 .swiper-pagination-bullet-active{background: var(--point-color1);}

    .evCon3 .step_box .item { padding: 4vmin 1vmin 8vmin; display: flex; width: 100%; flex-direction: column; position: relative; } 
    .evCon3 .step_box .item > img { width: fit-content; margin: 0 auto; } 
    .evCon3 .step_box .item p img { width: min(65px,15%); margin-bottom: 1.5vmin; } 
    .evCon3 .step_box .item:not(:last-child):before { content: ""; position: absolute; background: url(https://image.megagong.net/m/2024/0416_promo/event1_step_arrow.png) center no-repeat; z-index: 2; background-size: contain; transform: rotate(90deg) translateX(-50%); bottom: -40px; left: 45%; width: 36px; height: 36px; } 
    .evCon3 .app_box li { width: calc(25% - 1vmin); } 

    .evCon6 .countering{height: auto; padding: 4% 0;}

}
@media screen and (max-width: 768px){
    .eventWrap .tit_line span{width: 200px; padding: 8px 10px 10px;}  

    .eventWrap .evSection .blk_btn {width: fit-content; height: auto; padding: 3% 8%;}

    .preview.swiper_common_wrap{overflow: visible;}
    .preview.swiper_common_wrap .swiper_common.swiper-initialized{padding: 40px 0;}
    
    .evCon1 .down_btn{padding:10px;}
    .evCon1 .calendar_img_wrap .center{width: 60%;}
    
    @keyframes upDown{
        0%{bottom: -5px;}
        50%{bottom: 0px;}
        100%{bottom: -5px;}
    }

    .evCon3 .way_title strong{font-size: clamp(18px, 2.9vmin, 24px);}
    
    .evCon5 .info_img .talk1 {width: 75%; left: -9%;}
    .evCon5 .info_img .talk2 {width: 75%; right: -6%;}

    .evCon9 .share_base_wrap .share_list li dl dd,.evCon9 .share_base_wrap .share_list.col4 li dl dd{width: calc(24.7% - 5.4px);}    
    .gift_list_wrap li img{width: 65%;}
    
}
@media screen and (max-width: 576px){
    .top_tab ul li a{padding: 10px 5px;}
    
    .evCon5 .line_txt{width: 85%;}    
    .evCon5 .calvertical_nav{margin: 0 0 15px;border-width: 1px;padding: 0 20%;}
    .evCon5 .calvertical_nav .slick-arrow{display: none !important;}
    .evCon5 .calvertical_nav .slick-current a{color: var(--point-color1)}
    .evCon5 .calvertical_nav a{font-size: 3.6vw;color: #a9a9a9;padding: 3vw 0;}

    .evCon9 .method_box{margin: 30px 0 0; padding: 25px 15px;}
}
@media screen and (max-width: 499px){
    .evCon1 .calendar_img_wrap ul.left li.p02{display: none;}
    .evCon1 .calendar_img_wrap ul.right li.p02{display: none;}
    .evCon1 .calendar_img_wrap ul li img { width: clamp(280px, 47vmin, 658px);}
}