@charset "euc-kr";

:root{--point-color1:#189876;
--point-color2:#eda4b7;
}

/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */


/* °øÅë */
.eventWrap {font-weight:500}
.eventWrap .evSection{padding: 160px 0;position: relative}
.warningList li ul li a{ color: #0038fd; text-decoration: underline}
.lecture { padding-bottom: 0 !important; background: #fff}
.evSection.evtoggleWarning{padding: 0}

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after {background: #d80000;/* top: -200px; */} 


.clamp-title{font-size:46px}
.clamp-text{font-size:20px}
.clamp-text2{font-size:18px}


/* ŸÀÌƲ */
.evSection .con_tit{margin: 0 0 60px;margin: 0;font-weight: bold}
.evSection .con_tit .tiny{display:block;padding:25px 0 0;font-weight: bold;color: #6e8cca}
.evSection .con_tit .tiny.top{padding: 0 0 15px}
.evSection .bigt{display:block;font-weight: bold;line-height:1.2;font-size: 42px}
.evSection .bigt.wht{color:#fff}
.evSection .bigt.grd{background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.evSection .bigt .stgrd{background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.eventWrap .tit_point{margin:0 0 50px;font-size:24px;font-weight:200}
.eventWrap .tit_point strong{font-weight:900}
.eventWrap .tit_line {position: relative;margin-bottom: 40px} 
.eventWrap .tit_line::before {content: '';display: block;width: 100%;height: 1%;background: #111;position: absolute;left: 0;top: 50%;transform: translateY(-50%)} 
.eventWrap .tit_line span {position: relative;padding: 0 40px;background: #faf5dd;font-size: 28px;line-height: 1} 
.eventWrap .tit_line span::before {content: '';display: block;width: 1px;height: 11px;background: #111;position: absolute;left: 0;top: 50%;margin: -4px 0 0} 
.eventWrap .tit_line span::after {content: '';display: block;width: 1px;height: 11px;background: #111;position: absolute;right: 0;top: 50%;margin: -4px 0 0} 


.eventWrap .btn_n{display: flex}
.eventWrap a.btn{font-size: 18px;display: block;margin: 0 auto;padding: 26px 0px;font-weight: bold;/* color: #fff; */}
.eventWrap a.btn span{display: inline-block;position: relative;padding: 0 25px 0 0}
.eventWrap a.btn span::before{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 17px;margin: -7px 0 0;background-color:#fff;color: #fff;-webkit-mask-size: 100%;mask-size: cover;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center;-webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg);mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg)}

.flt_inner.renewal li{margin: -10px 0 0;}

.top_tab { background: linear-gradient(to right, #ffecf6 50%, #ff54b0 50%)}
.top_tab ul { display: flex}
.top_tab ul li { width: 50%}
.top_tab ul li a { display: block; font-size: 18px; font-weight: 700; padding: 17.3px 0}
.top_tab ul li:first-child a { color: #ebc6da}
.top_tab ul li:last-child a { color: #fff}

.evSection .deco1{position: absolute;top:0;left: 50%;display: flex;justify-content: space-between;width: 1080px;margin: 0 auto;margin: 0 0 0 -540px;z-index: 1}

.evSection.evCon1 {background: linear-gradient(180deg, #ebebeb 0%, #ebebeb 50%, #cfe8c8 50%, #cfe8c8 100%);padding: 0 0 100px} 
.evCon1 .dirct_go{color: var(--point-color1);display: flex;flex-direction: column;position: absolute;bottom: 20px;right: 40px;font-weight: bold}
.evCon1 .dirct_go a{position: absolute;bottom: 0;left:0;width:100%;height: 80px;background:#000;opacity: 0;font-size: 0}
.evCon1 .dirct_go .on{position: absolute;bottom: 0;left:0;opacity: 0}
.evCon1 .dirct_go.on .off{opacity: 0}
.evCon1 .dirct_go.on .on{opacity: 1}
.evCon1 .summer {position: relative;text-align: left} 
.evCon1 .sliderWrap{position: absolute;top: 395px;left: 50%;width: 3138px;margin: 0 0 0 -1569px}
.evCon1 .sliderWrap .con1_slider{display: none;opacity: 0;}
.evCon1 .sliderWrap .con1_slider.slick-initialized{display: block;opacity: 1;}
.evCon1 .sliderWrap .icon_update{position: absolute;left: -30px;top: -60px;z-index: 2}

.evSection.evCon2 { background: #f3e4e9} 
.evCon2 .con_tit{position:absolute;top:0;left:0;margin: 0}
.evCon2 .info{padding: 0 0 0 530px;text-align: left;font-weight: normal;line-height: 1.3;margin: 0 0 60px;font-size: 19px}
.evCon2 .info p + p{margin-top: 15px}

.evSection.evCon3 {background: #f3f3f3 url(https://image.megagong.net/m/2024/0625_planner/con_img14.jpg) no-repeat center 0;padding: 150px 0 140px} 

.evSection.evCon4 { padding-top:0;background:#e5e5e5}
.evCon4 .con1 { position: relative; z-index: 1}
.evCon4 .con2 { position: absolute; bottom: -132px}
.evCon4 .paper_wrap{position: relative;margin: 0 0 80px 110px;display: flex;flex-direction: row;align-items: center;justify-content: flex-start}
.evCon4 .paper_wrap .day{position: absolute;top: 70px;left:-60px;z-index: 1}
.evCon4 .paper_wrap .seven{position: absolute;bottom: -90px;left: 384px;z-index: 1}
.evCon4 .paper_wrap .paperin {position: relative;width: 530px} 
.evCon4 .paper_wrap .paperin::before {content:'';border: 10px solid var(--point-color1);position: absolute;top: 0;left: 0;width: calc(100% - 20px);height: calc(100% - 20px);border-radius: 40px;z-index: 1}
.evCon4 .paper_wrap .paperin_txt {margin: 0 0 90px 60px} 
.evCon4 .paper_slider {position:relative} 
.evCon4 .paper_slider .slick-arrow {position:absolute;top:50%;transform:translateY(-50%);width:20px;height:40px;z-index:1;display: none !important;font-size:0} 
.evCon4 .paper_slider .slick-arrow.slick-prev {left: 0;background:url(https://img.megagong.net/m/2022/1111_overall/btn_prev.png) no-repeat} 
.evCon4 .paper_slider .slick-arrow.slick-next {right: 0;background:url(https://img.megagong.net/m/2022/1111_overall/btn_next.png) no-repeat} 
.evCon4 .paper_nav {margin: 0 -10px} 
.evCon4 .paper_nav  .slick-slide{margin: 0 10px}
.evCon4 .paper_nav .item {position:relative;cursor:pointer;font-size: 18px;line-height: 1} 
.evCon4 .paper_nav .item img{border:1px solid #afafaf;border-radius: 25px;overflow: hidden;margin: 0 0 20px}
.evCon4 .paper_nav .item span{display: block;padding:18px;font-size: 18px} 

.event .con_tit {margin:0}
.event .schedule {padding: 15px 75px;display: inline-flex;align-items: center;justify-content: center;border-radius: 60px} 
.event .schedule dl { font-size: 20px; font-weight: 700}
.event .schedule dl dt { display: inline-block; padding-right: 15px; margin-right: 13px; position: relative}
.event .schedule dl dt::before { content:''; width: 2px; height: 43%; position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.event .schedule dl dt::after {content:'';width: 4px;height: 4px;position: absolute;left: -10px;top: 50%;background: #000;border-radius: 100%;margin: -2px 0 0} 
.event .schedule dl dd { display: inline-block}

.evSection.evCon_goods {background: #faf5dd;padding-top: 0} 
.evCon_goods .schedule { margin: 25px 0 30px}
.evCon_goods .schedule dl dt::before {background: #111} 
.evCon_goods .con1 {position: relative;margin: 0 auto;height: 230px;width: 811px} 
.evCon_goods .con1 p { position: absolute; top: 0; left: 0}
.evCon_goods .con1 p:nth-child(1) { -webkit-animation: cloud_ani 1s infinite alternate; animation: cloud_ani 1s infinite alternate}
.evCon_goods .con1 p + p { left: inherit; right: 0; top: 75px; -webkit-animation: cloud2_ani 1s infinite alternate; animation: cloud2_ani 1s infinite alternate}

@-webkit-keyframes cloud_ani { 
from { top:0}
to { top:-10px}
}
@keyframes cloud_ani { 
from { top:0}
to { top:-10px}
}

@-webkit-keyframes cloud2_ani { 
from { top:75px}
to { top:65px}
}
@keyframes cloud2_ani { 
from { top:75px}
to { top:65px}
}


.evCon_goods .con2 {margin: 0 0 100px} 
.evCon_goods .tab_wrap{height: 0;opacity: 0}
.evCon_goods .tab_wrap:after{content:'';display:block;clear:both}
.evCon_goods .tab_wrap > li{flex: 1}
.evCon_goods .tab_wrap > li a{display:block;padding:10px;color:#111; background-color: #f8f8f8}
.evCon_goods .tab_wrap > li.on a{background-color:#111;color:#fff}
.evCon_goods .tab_cont .item{display: none}
.evCon_goods .tab_cont .item.on{display: block}
.evCon_goods .gift {display: flex;justify-content: center;gap: 55px} 
.evCon_goods .gift li { width: 320px}
.evCon_goods .gift li p{font-weight: bold;padding: 15px 0 0}
.evCon_goods .gift li .btn {display: inline-block;margin-top: 22px;background: #fff;color:#666;width: 100%;font-weight: 900;padding: 16px 0;font-size: inherit} 
.evCon_goods .gift li:nth-child(2) .btn {background: #e3f1df;color:#189876} 
.evCon_goods .gift li:nth-child(3) .btn {background: #f3e4e8;color:#d05b7a} 
.evCon_goods .cautn {text-align: left;font-size: 14px;padding: 30px 0 30px 40px;position: relative;font-family: var(--font-warning);opacity: 0.7} 
.evCon_goods .cautn::before { content:''; background: url('https://image.megagong.net/m/2023/1222_planner/goods_img4.png') no-repeat; width: 128px; height: 91px; position: absolute; right: 40px; top: 38px}
.evCon_goods .cautn dt {font-weight: 700;margin: 0 0 5px} 
.evCon_goods .cautn dd li a {color: #189876;font-weight: bold} 
.evCon_goods .announcement_zone {position: relative;background: #f3e7d3;overflow: hidden;margin: 0 0 50px;min-height: 610px} 
.evCon_goods .announcement_zone .timer {position: relative;color: #fff;display: flex;flex-direction: row;justify-content: center;align-items: center;height: 60px;font-size: 24px;background: #fbc191} 
.evCon_goods .announcement_zone .timer strong { font-size: 24px; margin: 0 15px 0 0; font-weight: normal}
.evCon_goods .announcement_zone .timer span {letter-spacing: 0.15em;font-weight: bold;margin: 0 4px} 
.evCon_goods .announcement_zone .announce { position: relative; padding: 40px 0 50px}
.evCon_goods .announcement_zone .announce.before { min-height: 700px}
.evCon_goods .announcement_zone .soon {position: absolute;top: 0;left: 0;width: 0100%;height: 100%;background: rgba(0,0,0,89%);display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: center;color: #fff;font-size: 23px;letter-spacing: 0;font-weight: 200;z-index: 2} 
.evCon_goods .announcement_zone .soon img { margin: 0 0 15px}
.evCon_goods .announcement_zone .annc_slider { margin: 0 -120px}
.evCon_goods .announcement_zone .swiper-pagination { opacity: 0}
.evCon_goods .announcement_zone .point {font-size: 32px;font-weight: bold;margin: 0 0 10px;line-height: 1;color: #e18132} 
.evCon_goods .announcement_zone .annc_slider .swiper-slide { width: 440px}
.evCon_goods .announcement_zone .annc_slider .item {position: relative;background: #fff;padding: 0 0 10px;margin: 10px 0;/* height: 580px; */border-radius: 20px;}
.evCon_goods .announcement_zone .annc_slider .item.swiper-slide-active {height: auto;}
.evCon_goods .announcement_zone .annc_slider .item .date { font-size: 23px; font-weight: bold; padding: 14px 0; border-bottom: 1px solid #ddd; margin: 0 0 25px}
.evCon_goods .announcement_zone .annc_slider .item .tit { font-weight: bold; font-size: 18px; margin: 0 0 3px}
.evCon_goods .announcement_zone .annc_slider .item .per_list { color: #b3b3b3; font-weight: 200; font-size: 12px; letter-spacing: 0; margin: 0 0 30px; padding: 0 30px}
.evCon_goods .announcement_zone .annc_slider .item .per_list span { display: inline-block; padding: 0 0}
.evCon_goods .announcement_zone .annc_slider .item.coming_soon { height: auto; display: flex; align-items: center; justify-content: center; font-size: 27px; font-weight: 700; color: #9c9c9c}
.evCon_goods .announcement_zone .swiper-button-prev,
.evCon_goods .announcement_zone .swiper-button-next { position:absolute; top:50%; transform:translateY(-50%); width: 50px; height: 50px; z-index: 2; font-size:0; margin: 15px 0 0}
.evCon_goods .announcement_zone .swiper-button-prev { left: 290px; background:url(https://img.megagong.net/m/2023/1212_goods/btn_prev.png) no-repeat; background-size:100%}
.evCon_goods .announcement_zone .swiper-button-next { right: 290px; background:url(https://img.megagong.net/m/2023/1212_goods/btn_next.png) no-repeat; background-size:100%}
.evCon_goods .announcement_zone .swiper-button-next.swiper-button-disabled, 
.evCon_goods .announcement_zone .swiper-button-prev.swiper-button-disabled { display: none}
.evCon_goods .announcement_zone .announce_dimm { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.65); z-index:2}
.evCon_goods .announcement_zone .announce_dimm .tit_area { font-size:22px; color:#fff;background-color: #189877}
.evCon_goods .swiper-slide-prev { transform: scale(.6) translateX(120px)}
.evCon_goods .swiper-slide-next { transform: scale(.6) translateX(-120px)}

.evCon_share { background: #e6baff; padding: 150px 0}
.evCon_share .con_tit .end::after { background: #2e2533}
.evCon_share .schedule {background: #d1dece} 
.evCon_share .schedule dl { color: #c155ff}
.evCon_share .schedule dl dt::before {background: #000} 
.evCon_share .gift { display: flex; justify-content: space-around; align-items: center}
.evCon_share .gift.mo { display: none}
.evCon_share .sub_tit { margin: 56px 0 20px}
.evCon_share .con1 { background: #fff; border-radius: 10px; padding: 49px 0; position: relative}
.evCon_share .con1::before { content:''; background: url('https://image.megagong.net/m/2023/1222_planner/share_img6.png') no-repeat; width: 201px; height: 115px; position: absolute; right: 80px; bottom: -8px}
.evCon_share .con_btn { margin: 40px 0 56px; display: flex; justify-content: center; gap: 20px}
.evCon_share .shareList ul li dl.sns dt {background-color: #fbc191} 
.evCon_share .shareList ul li dl dd { width: 198px}
.evCon_share .shareList ul li dl.sns dd { border:1px solid #c6c6c6; color:#888}
.evCon_share .shareList ul li dl.naver dt { background-color: #83c36d}
.evCon_share .shareList ul li dl.naver dd { border:1px solid #c6c6c6; color:#888}
.evCon_share .shareList ul li dl.daum dt { background-color: #eda4b7}
.evCon_share .shareList ul li dl.daum dd { border:1px solid #c6c6c6; color:#888}
.evCon_share .shareList ul li dl.etc dt { background-color: #878787}
.evCon_share .shareList ul li dl.etc dd { border:1px solid #c6c6c6; color:#888}
.evCon_share .shareList ul { border-radius: 10px 10px 0 0}
.evCon_share .eventBoard .evtBoard_common {background: #cfe8c8;border-radius: 0 0 10px 10px} 
.evCon_share .eventBoard .evtBoard_common .board_notice { color: #000}
.evCon_share .eventBoard .evtBoard_common .board_notice li {color: #000;font-weight: normal;opacity: 1;font-size: 13px;width: 100%}
.evCon_share .eventBoard .evtBoard_common .board_notice li:nth-child(3) {color: var(--point-color1)} 
.evCon_share .eventBoard .evtBoard_common .info_wrap { position: absolute; top: 100px; right: 30px; z-index: 1}
.evCon_share .eventBoard .evtBoard_common .info_wrap button {font-weight: bold;border-bottom: 1px solid;padding: 0 0 2px;color: var(--point-color1);line-height: 1} 
.evCon_share .eventBoard .evtBoard_common .board_write { border: 1px solid #000}

[class*=mg_popup_wrap] .s_info li span { position: static}
[class*=mg_popup_wrap] .content_area .content_inner { text-align: center}
[class*=mg_popup_wrap] .content_area .content_inner .tiny_noti { font-size: 12px; margin: 20px 0 0}
[class*=mg_popup_wrap] .m_tit { font-size: 27px; line-height: 1; margin-bottom: 18px}
[class*=mg_popup_wrap] .s_info li { font-weight: 200; text-align: left; text-indent: -15px}
[class*=mg_popup_wrap] .s_info li a { font-weight: normal}
[class*=mg_popup_wrap].popup_3rd .content_area .content_inner { color: #000000; font-size: 30px; font-weight: bold}
[class*=mg_popup_wrap].popup_3rd .content_area .content_inner:first-of-type { padding: 40px 0 10px 0}
[class*=mg_popup_wrap].popup_3rd .content_area .tit_area span { color: #459361}
[class*=mg_popup_wrap].popup_3rd .s_info li:last-of-type { color: #459361}

.warningList li ul li a {color: var(--point-color1);margin: 0 0;padding: 0 0;border: 1px solid var(--point-color1);border-radius: 30px;padding: 2px 9px;text-decoration: none;font-size: 11px;line-height: 1} 

/* 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}

.evCon_goods.ver2 { background: #ffdeff}
.evCon_goods.ver2 .con_tit .tiny_noti { display: block; font-size: 16px; color: #ff0000; margin-top: 12px}
.evCon_goods.ver2 .schedule dl { color:#000}
.evCon_goods.ver2 .schedule dl dt::before { background: #000}
.evCon_goods.ver2 .btn { display: inline-block; margin: 40px auto 100px}
.evCon_share.ver2 .schedule dl { color: #121212}

.evCon3 { padding: 13% 0 12%; background-size: cover}

.evCon4 { padding: 0 0 16%}
.evCon4 .con1 { padding: 0 13%}
.evCon4 .con2 { bottom: -37%; width: 100%}
.evCon4 .con2 img { width:100%}

.event .schedule dl {font-size: 21px} 
.event .schedule dl+dl {margin: 0 0 0 40px} 

.evCon_goods .schedule {margin: 0px 0 50px;background: #e6e2cc} 
.evCon_goods .con2::before { background-size: 70%; background-position: right bottom; right: -2%}
.evCon_goods .gift {font-size: 18px} 
.evCon_goods .cautn {font-size: 13px;padding: 40px 0 0} 
.evCon_goods .cautn::before { display: none}
.evCon_goods .announcement_zone .timer {height: 70px;font-size: 27px} 
.evCon_goods .announcement_zone .timer strong {margin: 0 239px 0 0;font-weight: 500} 
.evCon_goods .announcement_zone .announce { padding: 20px 0 30px}
.evCon_goods .announcement_zone .soon {font-size: 23px;font-weight: 500} 
.evCon_goods .announcement_zone .annc_slider { margin: 0 -30vw}
.evCon_goods .announcement_zone .annc_slider {margin: 0 -5vw;}
.evCon_goods .announcement_zone .swiper-button-prev {left: 50%;margin: 0 0 0 -230px;}
.evCon_goods .announcement_zone .swiper-button-next {right: 50%;margin: 0 -230px 0 0;}
.evCon_goods .announcement_zone .annc_slider .slick-slide { width: 460px; margin: 0 3vw}
.evCon_goods .announcement_zone .annc_slider .item .date {font-size: 22px;padding: 11px 0;margin: 0 0 17px;}
.evCon_goods .announcement_zone .annc_slider .item .tit {/* font-size: 18px; *//* margin: 0 0 1px; */}
.evCon_goods .announcement_zone .annc_slider .item .per_list {color: #b3b3b3;font-weight: 500;font-size: 12px;letter-spacing: 0;margin: 0 0 20px;padding: 0 30px}
.evCon_goods .announcement_zone .annc_slider .item .per_list span { display: inline-block; padding: 0 0}
.evCon_goods .announcement_zone .annc_slider .item.coming_soon { padding: 10vw 0}
.evCon_goods .announcement_zone .annc_slider .slick-arrow { width: 2vw; height: 4vw}
.evCon_goods .announcement_zone .annc_slider .slick-arrow.slick-prev { left: 63vw}
.evCon_goods .announcement_zone .annc_slider .slick-arrow.slick-next { right: 63vw}
.evCon_goods .announcement_zone + .btn { margin: 0}
.evCon_goods .announcement_zone + .btn a { width: 49%}
.evCon_goods .announcement_zone .announce.before { min-height: 400px}
.evCon_goods .swiper-slide-prev { transform: scale(.6) translateX(20%)}
.evCon_goods .swiper-slide-next { transform: scale(.6) translateX(-20%)}
.evCon_goods .announcement_zone .swiper-button-next:after, 
.evCon_goods .announcement_zone .swiper-button-prev:after{display:none !important}
.evCon_goods .con_btn {display: inline-block;padding: 24px 84px;background: #000;color: #fff;font-size: 24px;line-height: 1} 

.evSection.evCon_share {padding-top: 0;background: #e3f1df} 
.con_tit .end {right: 0;top: 200px} 
.evCon_share .schedule {/* margin: 4% 0 6%; */width: 100%;max-width: 1000px} 
.evCon_share .schedule + .tiny_noti{text-align: right;color: #7a9281;margin: 10px 45px 75px 0} 
.evCon_share .gift {gap: 0px;margin: 0 20px 100px 20px} 
.evCon_share .tit_line span{background: #e3f1df}
.evCon_share .sub_tit { margin: 6% -30% 20px}
.evCon_share .con1::before { right: -2%; background-size: 80%; background-position: right bottom}
.evCon_share .shareList ul li dl dd { width: 23%; margin: 0 1%}
.evCon_share .con_btn {margin: 50px 0 80px} 
.evCon_share .event_step{gap: 10px}
.evCon_share .event_step .step{height: 360px;border-radius: 25px;line-height: 1.25}
.evCon_share .event_step .step::after{display:none}
.evCon_share .event_step .step p{font-size: 20px;font-weight: 500}
.evCon_share .event_step .step p strong{font-weight:900}
.evCon_share .event_step .step .tiny{color: #f00;font-size: 14px;font-weight: bold;margin: 10px 0 0}
.evCon_share .event_step .step p .icon{display: block;margin: 0}
.evCon_share .event_step .step .tag{color:var(--point-color1);font-size: 18px;font-weight: bold;margin: 12px 0 0}

.evCon_goods.ver2 .btn { margin: 4% 0 10%}






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




    .eventWrap img{width:100%}

    .con_tit .end{right:0;width:26%}

    .clamp-title{font-size: clamp(26px,5vmin,46px)}
    .clamp-text{font-size: clamp(15px,2vmin,20px)}
    .clamp-text2{font-size: clamp(13px,1.8vmin,18px)}


    /*ŸÀÌƲ*/
    .eventWrap sup{vertical-align:top}
    .evSection .con_tit{margin:0 0 5%;margin: 0}
    .evSection.event .con_tit{padding: 0 010%}
    .evSection .con_tit .tiny{padding:25px 0 0}
    .evSection .bigt.wht{color:#fff}
    .eventWrap .tit_point{margin:0 0 6%}
    .eventWrap .tit_line {margin-bottom: 5%} 
    .eventWrap .tit_line span {font-size: clamp(17px,3vmin,20px)} 

    .eventWrap a.btn{font-size: 17px;padding: 20px 0}

    .fix_menu {background: #ff54b0;display: none !important} 
    .fix_menu div a { height: 100px; display: flex; color: #fff; align-items: center; justify-content: center; font-size: 32px; font-weight: 900}
    .fix_menu.fix { bottom: 65px; position: fixed; z-index: 10; left: 0; right: 0}
    .fix_menu ul.inner { width: 100%; height: 100px}

    .eventWrap .evSection{padding:15% 0}
    .eventWrap .evSection.event{padding-top:0}
    .evSection.evtoggleWarning{padding:0}

    .evSection .deco1{width: 96%;left: 0;margin: 0 0 0 2%;display: flex}
    .evSection .deco1 img{width:auto}

    .evSection.evCon1 {padding: 3% 0 15%} 
    .evCon1 .dirct_go{width: 41%;right: 5%;bottom: 4%}
    .evCon1 .dirct_go a{height: 60%;opacity: 0}
    .evCon1 h3 {padding: 0 18%} 
    .evCon1 .summer {width: 53%} 
    .evCon1 .sliderWrap{top: unset;bottom: 27%;width: 106%;margin: 0 0 0 -4%;left: 0}
    .evCon2 .con_tit{width: 43%}
    .evCon2 .info{padding: 0 0 0 46%;margin: 0 0 5%;font-size: clamp(13px,2vmin,17px)}

    .evSection.evCon3 {background-size: cover}

    .evSection.evCon4{padding-top: 0}
    .evSection.evCon5{padding-top:0;background: #faf5dd}
    .evCon4 .con_tit{padding: 0 12%}
    .evCon4 .con1 { position: relative; z-index: 1}
    .evCon4 .con2 { position: absolute; bottom: -132px}
    .evCon4 .paper_wrap{margin: 0 0 10% calc(40px + 4%)}
    .evCon4 .paper_wrap .day{width: 11%;top: 7%;left: -7%}
    .evCon4 .paper_wrap .seven{width: 40%;bottom: -13%;left: 40%}
    .evCon4 .paper_wrap .paperin {border-radius: 5vw;width: 65%;border: 6px solid var(--point-color1);background: #fff;overflow: hidden} 
    .evCon4 .paper_wrap .paperin::before {display:none}
    .evCon4 .paper_wrap .paperin_txt {margin: 0 0 12% 5%} 

    .evCon4 .paper_slider .slick-arrow {position:absolute;top:50%;transform:translateY(-50%);width:20px;height:40px;z-index:1;display: none !important;font-size:0} 
    .evCon4 .paper_slider .slick-arrow.slick-next {right: 0;background:url(https://img.megagong.net/m/2022/1111_overall/btn_next.png) no-repeat} 
    .evCon4 .paper_nav {margin: 0 -5px} 
    .evCon4 .paper_nav  .slick-slide{margin: 0 5px}
    .evCon4 .paper_nav .item img{border-radius: 3vw;margin: 0 0 10px;background: #fff}
    .evCon4 .paper_nav .item span{display: block;padding: 0;font-size: clamp(13px,3vmin,16px)} 

    .evCon_goods .schedule {width: 100%;margin: 0 0 clamp(10px,4vmin,30px);} 
    .evCon_goods .con2::before { background-size: 70%; background-position: right bottom; right: -2%; }
    .evCon_goods .con2{margin: 0 0 13%}
    .evCon_goods .gift {font-size: clamp(13px,3vmin,16px);gap: 2%} 
    .evCon_goods .gift li{width: 32%}
    .evCon_goods .gift li p{padding: 10px 0 0}
    .evCon_goods .cautn {font-size: 12px;padding: 30px 0 0} 
    .evCon_goods .cautn::before { display: none}
    .evCon_goods .sub_tit {padding: 0 clamp(15%,3vmin,20%)} 
    .evCon_goods .tab_wrap{opacity: 1;height: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin: 0 0 30px;gap: 2px}
    .evCon_goods .tab_wrap > li a{background:#dbd6bd;color:#fff;font-size: clamp(16px,3vmin,20px);font-weight: 900;padding: 8px 0}
    .evCon_goods .tab_wrap > li.on a{background: #111;color:#fff}
    .evCon_goods .tab_wrap > li.on:nth-child(2) a{background: #189876}
    .evCon_goods .tab_wrap > li.on:nth-child(3) a{background:#d05b7a}
    .evCon_goods .color_panel > li .tit{width: 18%}
    .evCon_goods .color_panel .color_slide{width: calc(100% - 18%);margin: 0 -15px 0 0}
    .evCon_goods .announcement_zone {min-height: 53vw;margin: 0 0 30px;} 
    .evCon_goods .announcement_zone .soon{font-size: clamp(13px,3vmin,16px)}
    .evCon_goods .announcement_zone .soon > img{width: clamp(170px,40vmin,350px);}
    .evCon_share .eventBoard .evtBoard_common .info_wrap{position: relative;top: unset;right: unset;margin: 19px 0 0}
    .evCon_share .eventBoard .evtBoard_common .info_wrap button{display: block}
    .evCon_share .gift{gap:0;margin: 0 0 9%}
    .evCon_share .gift li{flex:1}
    .evCon_share .event_step{gap: 5px;align-items: stretch}
    .evCon_share .event_step .step{height: auto;border-radius: 25px;line-height: 1.25;font-size: clamp(13px,2.5vmin,17px);padding: 3% 0}
    .evCon_share .event_step .step::after{display:none}
    .evCon_share .event_step .step p{font-size: 1em}
    .evCon_share .event_step .step .tiny{font-size: clamp(12px,2.5vmin,15px);margin: 5px 0 0}
    .evCon_share .event_step .step p .icon{width: 80%;margin: 0 auto;m,animation-range-start: ;padding: 0 17%}
    .evCon_share .event_step .step:nth-child(1) p .icon{padding: 0}
    .evCon_share .event_step .step:nth-child(3) p .icon{padding: 0 28%}
    .evCon_share .event_step .step .tag{font-size: 1em;margin: 5px 0 0}

    .dim_popup.sns .tit{font-size: clamp(18px,3vmin,22px);}
    .dim_popup.sns .btnConfirm img{width: 100px;}
}




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

    /* °øÅë */
    .con_tit .end { top: 42%}
    .evCon_goods .con1 {width: 100%} 

}




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



    /* °øÅë */
    .eventWrap .tit_line span {padding: 0 20px} 
    br.mo_for { display: none}

    .evCon1 .sliderWrap{width: 110%;bottom: 25%;margin: 0 0 0 -4%}

    .evCon2 .con_tit{width: 100%;padding: 0 14%;position: relative;top: unset;left: unset;margin: 0 0 6%}
    .evCon2 .info{padding: 0;text-align: center}
    .evCon2 .info p + p{margin-top: 5px}

    .evSection.evCon3{padding: 0;background: none}
    .evCon3 .inner{width:100%}
    .evCon4 .con_tit{padding: 0 4%}
    .evSection .event_step:not(.had_four){max-width:100%}
    .event .schedule {padding: 7px 0} 
    .event .schedule dl {font-size: 15px;text-align: center} 
    .event .schedule dl dt { padding-right: 10px; margin-right: 8px}

    .evCon_goods .con1 p {padding-right: 2%;}
    .evCon_goods .con1 p + p {padding-right: 0;top: 0;padding-left: 2%;} 
    .evCon_goods .gift { flex-wrap: wrap; justify-content: center}
    .evCon_goods .con_btn{font-size: clamp(15px,3.5vmin,20px);padding: 20px 20px;width: 100%}

    .evCon_share .con1::before { background-size: 45%}
    .evCon_share .gift.mo { display: flex}
    .evCon_share .gift.pc { display: none}
    .evCon_share .gift { flex-wrap: wrap; justify-content: center}
    .evCon_share .gift li {width: 50%;flex: none;margin: 0 0 5%;} 
    .evCon_share .gift li:first-child {width: 50%;} 
    .evCon_share .con1 { padding: 20px}
    .evCon_share .con_btn {gap: 6px;flex-wrap: wrap;margin: 3% 0 13%} 
    .evCon_share .con_btn a {width: 100%;padding: 0 21%;background: #000} 
    .evCon_share .con_btn a:nth-child(2) {background: #189876} 

    [class*=mg_popup_wrap] .m_tit { font-size: 20px}

    .evCon_goods.ver2 .btn { width: 70%}
    .evCon_goods.ver2 .con_tit .tiny_noti {font-size: 13px}


}



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


    /* °øÅë */

    .eventWrap a.btn{width: 100%;padding: 13px 0;font-size: 15px}

    .fix_menu div a { font-size: 1.8rem; height: 70px}
    .fix_menu.fix { bottom: 55px}

    .top_tab ul li a { font-size: 14px; padding: 20px 0}

    .evSection .deco1 img{width: clamp(78px,90vmin,88px)}
    .evSection.evCon1 {background: linear-gradient(180deg, #ebebeb 0%, #ebebeb 40%, #cfe8c8 50%, #cfe8c8 100%)} 
    .evCon1 h3{padding: 0 6%;margin: 0 0 -12%}
    .evCon1 .summer {width: 80%;margin: 0 0 0 8%} 
    .evCon1 .dirct_go{width: 68%;position: relative;bottom: unset;right: unset;margin: 8% auto 0}
    .evCon1 .sliderWrap{bottom: 52%}

    .evCon4 .paper_wrap{margin: 0 0 6% 7%}
    .evCon4 .paper_wrap .day{width: 13%}
    .evCon4 .paper_wrap .seven{width: 34%;left: 30%}
    .evCon4 .paper_wrap .paperin {border-radius: 4vw;width: 100%;border: 3px solid var(--point-color1)} 
    .evCon4 .paper_wrap .paperin::before {display:none}
    .evCon4 .paper_wrap .paperin_txt {margin: 0 0% 10% 4%} 
    .evCon4 .paper_slider .slick-arrow {position:absolute;top:50%;transform:translateY(-50%);width:20px;height:40px;z-index:1;display: none !important;font-size:0} 
    .evCon4 .paper_slider .slick-arrow.slick-next {right: 0;background:url(https://img.megagong.net/m/2022/1111_overall/btn_next.png) no-repeat} 
    .evCon4 .paper_nav {margin: 0 -5px} 
    .evCon4 .paper_nav  .slick-slide{margin: 0 5px}
    .evCon4 .paper_nav .item span{display: block;padding: 0;font-size: clamp(12px,3vmin,16px)} 

    .evSection.event .con_tit{padding: 0}

    .evCon_goods .con1 { height: auto; padding-bottom: 31%}
    .evCon_goods .tab_cont .item .flex{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;padding: 0 5% 0 9%;justify-content: space-between}
    .evCon_goods .tab_cont .item:nth-child(2) .flex{flex-direction: row-reverse;padding: 0 9% 0 5%}
    .evCon_goods .tab_cont .item .tit{width: 33%;padding: 0 0 5%}
    .evCon_goods .tab_cont .item .color_slide{width: calc(100% - 46%)}
    .evCon_goods .tab_cont .item .slick-dots li  {display: inline-block;margin: 0 3px}
    .evCon_goods .tab_cont .item .slick-dots button {width: 7px;height: 7px;border-radius: 50%;background: #fff;font-size: 0}

    .evCon_goods .tab_cont .item .slick-dots .slick-active button {background: #000;width:9px;height:9px}

    .evCon_goods .tab_cont .item:nth-child(2) .slick-dots .slick-active button {background: #189876}
    .evCon_goods .tab_cont .item:nth-child(3) .slick-dots .slick-active button {background: #d05b7a}
    .event .schedule {display: inline-block;margin-left: auto;margin-right: auto;}
    .event .schedule dl {font-size: 14px;padding: 0 30px;letter-spacing: -0.08em} 
    .evSection .event_step:not(.had_four) .step{padding: 20px 2% 20px;border-radius: 10px}
    .evCon_share .con_btn a{padding:0 16%}
    .evCon_share .event_step .step p .icon{display: none}
    .evCon_share .event_step .step:first-child p .icon{display: block;width: 50%}
    .evCon_share .schedule + .tiny_noti{text-align: center;margin: 5px 0 30px}
    .evCon_goods .gift li .btn{margin: 10px 0 0;padding: 7px 0}
    .evCon_goods .con1 {height: auto;padding-bottom: 39%;} 
    .evCon_goods .con2::before { background-size: 40%}
    .evCon_goods .announcement_zone .timer { height: 45px; font-size: 16px}
    .evCon_goods .announcement_zone .timer strong { font-size: 15px; margin: 0 27px 0 0}
    .evCon_goods .announcement_zone .announce { padding: 20px 0 30px}
    .evCon_goods .announcement_zone .soon { font-size: 13px}
    .evCon_goods .announcement_zone .annc_slider { margin: 0 7vw}
    .evCon_goods .announcement_zone .swiper-button-prev, .evCon_goods .announcement_zone .swiper-button-next { width: 7vw}
    .evCon_goods .announcement_zone .swiper-button-prev { left: 2%}
    .evCon_goods .announcement_zone .swiper-button-next { right: 2%}
    .evCon_goods .announcement_zone .point { font-size: 16px; margin: 0 0 15px}
    .evCon_goods .announcement_zone .annc_slider .slick-slide { width: 460px; margin: 0 3vw}
    .evCon_goods .announcement_zone .annc_slider .item { border-radius: 5px}
    .evCon_goods .announcement_zone .annc_slider .item .scrll {overflow-y: scroll;height: 68vw;overflow-x: visible;}
    .evCon_goods .announcement_zone .annc_slider .item .date { font-size: 13px; padding: 5px 0; margin: 0 0 10px}
    .evCon_goods .announcement_zone .annc_slider .item .tit { font-size: 13px; margin: 0 0 1px}
    .evCon_goods .announcement_zone .annc_slider .item .per_list { margin: 0 0 12px; padding: 0 10px; font-size: 11px}
    .evCon_goods .announcement_zone .annc_slider .item .per_list span { display: inline-block; padding: 0 0}
    .evCon_goods .announcement_zone .annc_slider .slick-arrow { width: 3vw; height: 6vw}
    .evCon_goods .announcement_zone .annc_slider .slick-arrow.slick-prev { left: -3vw}
    .evCon_goods .announcement_zone .annc_slider .slick-arrow.slick-next { right: -3vw}
    .evCon_goods .announcement_zone + .btn a { width: 72%}
    .evCon_goods .announcement_zone .swiper-pagination { display: block !important; width: 100%; bottom: 7px; z-index: 1; opacity: 1}
    .evCon_goods .announcement_zone .swiper-pagination-bullet { margin: 0 4px}
    .evCon_goods .announcement_zone .announce.before { min-height: 200px}
    .evCon_goods .swiper-slide-prev, .evCon_goods .swiper-slide-next { transform: scale(1) translateX(0)}
    .evCon_goods .announcement_zone .annc_slider .item.coming_soon { font-size: 20px; padding: 5vw 0}
    .evCon_goods .announcement_zone .annc_slider .item.coming_soon .scrll { height: auto}


    @-webkit-keyframes cloud_ani { 
    from { top:0vw}
    to { top:1vw}
    }
    @keyframes cloud_ani { 
    from { top:0vw}
    to { top:1vw}
    }

    @-webkit-keyframes cloud2_ani { 
    from { top:11vw}
    to { top:13vw}
    }
    @keyframes cloud2_ani { 
    from { top:11vw}
    to { top:13vw}
    }
    

    [class*=mg_popup_wrap].popup_goods .nonpass .m_tit .rep { font-size: 14px}
    [class*=mg_popup_wrap].popup_goods .content_area .mg_btn_wrap .mg_btn_base { font-size:13px}
    [class*=mg_popup_wrap].popup_goods button.mfp-close, [class*=mg_popup_wrap].popup_goods .mg_popup_close, [class*=mg_popup_wrap].popup_goods button.mfp-arrow { width: 25px; height: 25px; background-size: 100%; top: -35px}
    [class*=mg_popup_wrap].popup_goods .content_area .content_inner::before { width: 25px; height: 25px; background-size: 100%; top: -35px}


    .dim_popup.sns { width:90%}



}