@charset "euc-kr"; /* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto; color: #000; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; } 
.eventWrap .evSection .f00 { color: #f00 !important; } 
.eventWrap .evSection .c_point { color:#c400e8 !important } 
.eventWrap .evSection b { font-weight:700 } 
.eventWrap .evSection strong { font-weight:900 } 
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection:not(.evtoggleWarning,.evCon1,.evfixmenu) { padding: 145px 0; } 
/* .eventWrap .evSection .whs-pre { white-space: pre-wrap; } */

/* text style */ 
.con_tit { margin-bottom: 85px; line-height: 1.2; } 
.con_tit h4 { font-weight: 700; font-size: 42px; margin: 0 -100px; } 
.con_tit .top_txt { font-size: 34px; margin-bottom: 25px; opacity: .8; font-weight: 300; } 
.con_tit .sub_txt { margin-top: 15px; font-size: 24px; font-weight: normal; line-height: 1.5; } 
.bottom_txt { font-size: 24px; } 

.evfixmenu { background: #000000; z-index: 11; position: relative; width: 100%; bottom: 0; } 
.evfixmenu.on { position: fixed; } 
.evfixmenu ul { max-width: 1080px; margin: 0 auto; display:flex; justify-content:space-between; align-items: center; color: #fff; position: relative; cursor: pointer; z-index: 5; } 
.evfixmenu ul li { flex: 1; position: relative; } 
.evfixmenu ul li:not(:last-child)::before { content: ''; display: block; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; position: absolute; right: 0; background: #fff; opacity: .4; } 
.evfixmenu ul li a { height: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px 0; } 
.evfixmenu ul li a span { font-size: 16px; } 
.evfixmenu ul li a strong { font-size: 24px; display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; } 
.evfixmenu ul li .f_row { flex-direction: row; gap: 15px; } 
.evfixmenu ul li .f_row p { display: flex; flex-direction: column; } 


.evfixmenu ul li a .end::before { content: ""; position: absolute; right: 0; top: 0; margin: auto; display: inline-block; height: 100%; width: 100%; background-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/common/event_end.svg); mask-image: url(https://img.megagong.net/common/event_end.svg); } 

.tab_base li { flex: 1; } 
/* button box */
.btn_box { display:flex; justify-content: center; gap: clamp(10px, 3vmin, 24px); margin: 0 auto; } 
.btn_box a { display: block; background: #0082ff; color:#fff; width: 350px; font-size: 22px; line-height: 80px; } /* tab */
.btn_box a:last-child:first-child { width: 440px; } 

.tab_base { display: flex; } 
.tab_base li a { background: #979797; color: #ededed; display: flex; height: 85px; align-items: center; justify-content: center; flex-direction: column; font-size: 24px; position: relative; font-weight: 700; } 
.tab_base li:not(:last-child) a { border-right: 1px solid; } 
.tab_base li.on a { background: #de32ff; color: #fff; } 


/* contents */
.evCon1 { background: #0c031f url(https://image.megagong.net/m/2024/1015_army/con1_bg.jpg) no-repeat center bottom; padding: 125px 0 120px; } 
.evCon1 .inner { width:1200px } 
.evCon1 h3 { display: flex; flex-direction: column; gap: 30px 0; } 
.evCon1 h3 p { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 

.evCon1 .top_txt { background: #000; font-size: 22px; line-height: 50px; width: fit-content; margin: 0 auto 55px; padding: 0 78px; border-radius: 30px; } 
.evCon1 .bottom_txt { margin-top: 45px; color: #dec2fe; font-size: 24px; line-height: 1.5; font-weight: normal; } 

.evCon2 { background: #230f3e url(https://image.megagong.net/m/2024/1015_army/con2_bg.jpg) no-repeat center; } 
.evCon2 .step_list { justify-content: space-between; align-items: flex-end; } 

.evCon3 { background-color:#fceaff; } 
.evCon3 .circle_txt { position: relative; margin-bottom: 25px; } 
.evCon3 .circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.evCon3 .circle_txt span { position: relative; padding: 0 20px; background: #fbeaff; font-size: 26px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; } 

.evCon3 .strategy_box li { border-radius: 30px; overflow: hidden; background: #fff; } 
.evCon3 .strategy_box li:first-child { flex: 1; } 
.evCon3 .strategy_box li:first-child div img { margin-top: -1px; } 
.evCon3 .strategy_box li:last-child { width: 435px; } 
.evCon3 .strategy_box { display: flex; gap: 0 25px; margin-top: 50px; } 
.evCon3 .strategy_box p { font-size: 24px; color: #fff; background: #000; line-height: 70px; } 
.evCon3 .strategy_box div { position: relative; background: #fff; padding: 0 28px; } 
.evCon3 .strategy_box div a { position: absolute; font-size: 0; top: 0; left: 0; width: 100%; height: 100%; /* background: #ff000045; */ } 
.popupTable thead { position: relative; } 
.popupTable thead:before { content:""; display:block; position: absolute; bottom: 0; left: 0; height: 1px; background: #777; width: 100%; } 
.popupTable .tbl { border: 2px solid #000; border-width: 2px 0; } 
.popupTable .tbl tr th { background: #fff; } 
.popupTable .tbl tr th.b_point { background: #e0e8e8; } 
.popupTable .tbl tr td:first-child { font-weight: 700; } 

.evCon4 { background-color: #fff; } 

/* swiper */
.swiper_common_wrap { position: relative; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; } 

/* pagination */
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-bottom: 7%; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background: #db3eff; width: 20px; border-radius: 30px; } 

/* button */
.swiper_common_wrap [class*="swiper-button-"]:after { font-size: 0; } 
.swiper_common_wrap [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left:125px; z-index: 2; background: url('https://image.megagong.net/m/2024/1015_army/slide_arrow.png') no-repeat center; width: 49px; height: 49px; background-size: contain; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right:125px; } 

.review.swiper_common_wrap .swiper_common.swiper-initialized { margin-bottom:60px; padding: 15px 0; margin-left: -40px; } 
.review.swiper_common_wrap .swiper-wrapper { align-items: center; } 
.evCon4 .swiper-slide { scale: .75; transition:all 200ms linear; position: relative; } 
.evCon4 .swiper-slide::before { content: ''; display: block; position: absolute; width: 110%; height: 100%; background: linear-gradient(90deg, #fff 10%, #ffffff36 90%, transparent 20%); left: -5%; top: 50%; transform: translateY(-50%); z-index: 3; } 
.evCon4 .swiper-slide.swiper-slide-next::before { left: auto; right: -5%; background: linear-gradient(270deg, #fff 10%, #ffffff36 90%, transparent 20%); } 
.evCon4 .swiper-slide .tag { display: none; } 
.evCon4 .swiper-slide.swiper-slide-active { scale: 1; width: 440px !important; } 
.evCon4 .swiper-slide.swiper-slide-active::before { display: none; } 
.evCon4 .swiper-slide.swiper-slide-active .tag { display: flex; } 
.evCon4 .swiper-slide .box { background: #fff; display: flex; flex-direction: column; height: 500px; align-items: center; border-radius: 30px; box-shadow: 3px 5px 15px rgb(187 182 182 / 50%); padding-top: 55px; } 
.evCon4 .swiper-slide .tag { position: absolute; font-style: normal; top: -15px; left: -10px; background: #de32ff; color: #fff; border-radius: 50%; font-size: 16px; width: 100px; height: 100px; align-items: center; justify-content: center; } 
.evCon4 .swiper-slide .title { font-size: 30px; padding-bottom: 35px; margin-bottom: 35px; position: relative; } 
.evCon4 .swiper-slide .title::before { content: ''; display: block; position: absolute; bottom: 0; width: 325px; height: 1px; background: #fceaff; left: 50%; transform: translateX(-50%); } 
.evCon4 .swiper-slide .c_title { display: block; font-size: 22px; color: #0082ff; margin-bottom: 20px; } 
.evCon4 .swiper-slide .c_text { font-size: 18px; color: #666; line-height: 1.7; } 
.evCon4 .swiper-slide .c_text b { position: relative; z-index: 2; display: inline-block; } 
.evCon4 .swiper-slide .c_text b::before { content: ''; display: block; position: absolute; bottom: 0; width: 101%; height: 45%; background: #fceaff; left: 50%; transform: translateX(-50%); z-index: -1; } 

.evCon5 { background-color:#fceaff; } 
.evCon5 .lecTab_wrap > div, .evCon5 .teaTab_wrap > div, .evCon5 .stepTab_wrap > div { padding: 0 !important; text-align: left; } 
.evCon5 .lecTab_wrap .sub-tec-wrap { border-top: 1px solid #000; margin-bottom: 40px; background: #ffff; } 
.evCon5 .lecTab_wrap .sub-tec-wrap > div { position: relative; padding: 0; } 
.evCon5 .lecTab_wrap .sub-tec-wrap .TecTab { border-top: 1px solid #dfdcdc; } 
.evCon5 .lecTab_wrap > div .tit, .evCon5 .teaTab_wrap > div .tit, .evCon5 .stepTab_wrap > div .tit { font-size: 15px; } 
.evCon5 .subTab li:after { display:none } 
.evCon5 .lecTab { margin-bottom: 50px; } 
.evCon5 .lecTab .tit { display: none; } 
.evCon5 .lecTab .lec_list { margin: 0; padding: 0; display: flex; border-top: 0; } 
.evCon5 .lecTab .lec_list li { flex: 1; float: none; text-align: center; } 
.evCon5 .lecTab_wrap ul button.on { } 
.evCon5 .lecTab .lec_list li:not(:last-child) button { border-right: 1px solid #fff; } 
.evCon5 .lecTab .lec_list li button { padding: 0; background: #979797; color: #ededed; display: flex; height: 85px; width: 100%; align-items: center; justify-content: center; flex-direction: column; font-size: 24px; position: relative; font-weight: 700; } 

.evCon5 .video_wrap { background: #252525; } 

/* .evCon5 .video_wrap { position: relative; width: 100%; overflow: hidden; cursor: pointer; margin: 0 0 60px; } */
/* .evCon5 .video_box { padding-bottom: 35.295%; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 1; } 
.evCon5 .video_box.nonevd { padding-bottom: 0; } 
.evCon5 .video_box.none { padding: 0 } */
.evCon5 .video_wrap .video_title {position: absolute;top: 0;left: 0;text-align: left;font-size: 24px;color: #fff;z-index: 2;height: 100%;padding: 125px 0 0 100px;display: flex;flex-direction: column;gap: 25px 0;word-break: auto-phrase;width: 660px;} 
.evCon5 .video_wrap .video_title.long { font-size: 24px; letter-spacing: -1px; } 
.evCon5 .video_wrap::before { content:''; display: block; font-size: 0; width: 90px; height: 90px; background: url(https://img.megagong.net/m/2024/1015_army/video_arrow.png) no-repeat 0 0; position: absolute; bottom: 140px; left: 100px; background-size: contain; } 
.eventVideo .video_title::before { display:none } 
.evCon5 .video_wrap .video_title i { display: inline-block; position: absolute; top: -35px; left: 0; width: 174px; height: 30px; background: var(--point-color1); color: #fff; font-size: 16px; text-align: center; line-height: 30px; font-style: normal; } 
.evCon5 .video_wrap .video_title > span { } 
.evCon5 .video_wrap .video_title > strong { font-size: 42px; } 

.evCon5 .video_wrap .tea_home { position: absolute; right: 100px; bottom: 60px; z-index: 3; } 
.evCon5 .video_wrap .tea_home a { display: flex; font-size: 14px; align-items: center; justify-content: center; padding: 6px 14px; background: #fff; border-radius: 330px; height: 45px; min-width: 200px; } 
.evCon5 .video_wrap .tea_home a span:before { content:'H'; display:block; color: #fff; background: #000; border-radius: 50%; width: 35px; line-height: 35px; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.evCon5 .video_wrap .tea_home a span { color: #666; padding: 0 15px 0 45px; margin-right: 15px; position: relative; border-right: 1px solid; } 

.evCon5 .video_renewal .video_wrap .tea_img, .evCon5 .video_renewal .video_box .play_area > img { display: flex; align-items: flex-end; top: unset; position: absolute; bottom: -2px; right: 40px; width: 460px; height: auto; } 
.evCon5 .gtelp .video_box .play_area > img { width: 314px; top: 43px; } 
.evCon5 .lecTab_wrap .lecTab button.on { background: #de32ff; color:#fff; } 
.evCon5 .lecTab_wrap .TecTab ul button.on, .evCon5 .lecTab_wrap .subTab ul button.on { background: #0081ff; color: #fff; } 


.container_info.ver_circle .info .info_title { background: #fff; color: #000; width: 135px; font-size: 18px; } 
.container_info.ver_circle .info .info_date { color: #fff; font-weight: normal; font-size: 20px; /* padding-top: 0; */ } 

.event1 { background-color:#c400e8; position: relative; } 
/* .event1::before { content: ''; display: block; position: absolute; left: 50%; width: 3000px; transform: translateX(-50%); background: #bc00de; height: 70%; bottom: 0; }  */
.event1 .con_tit .event_tag { color:#1c2c59 } 
.event1 .con_tit .end::after { background: #fff; opacity: 0.6; } 
.event1 .gift { width: min(504px,65%); margin: 0 auto; } 
.event1 .container_info.ver_circle { position: relative; padding: 80px 0 70px; justify-content: space-between; width: 950px; margin: 0 auto; } 
.event1 .container_info.ver_circle .info:not(:last-child) { width: fit-content; } 

.event1 .tab_base li a { background: #666666; font-weight: normal; height: 100px; } 
.event1 .tab_base li a span { font-size: 18px; } 
.event1 .tab_base li a b { font-size: 22px; } 
.event1 .tab_base li a i { font-style: normal; position: absolute; top: -20px; right: 20px; background: #0081ff; font-size: 16px; height: 100px; width: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } 
.event1 .tab_base li.on a { background: #000; } 

.event1 .panel_wrap { background: #fff; padding: 45px 40px; } 
.event1 .noti_list { text-align: left; font-size: 13px; margin-top: 20px; } 
.event1 .noti_list dt { font-weight: 700; } 

.event1 .tea_list, .event1 .step_list { display: flex; } 


.event2 { background-color: #252126; } 
.event2 .con_tit .event_tag { color: #fff; background: #de32ff; } 
.event2 .con_tit .end::after { background: #de32ff; opacity: .9; } 
.event2 .container_info_wrap { padding: 20px 0 60px; background: #2f2b30; flex-direction: row; margin-bottom: 70px; } 
.event2 .container_info_wrap::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 3000px; transform: translate(-50%,-50%); background: #2f2b30; height: 100%; } 

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

.eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 

@media screen and (max-width: 1200px){
 .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
 .evSection:not(.evtoggleWarning,.evCon1,.evfixmenu) { padding: 15% 0; } 

 /* button box */
 .btn_box a { font-size: clamp(13px,3vmin,22px); line-height: clamp(45px,10vmin,78px); width: min(350px,50%); } 
 .btn_box a:last-child:first-child { width: min(440px,65%); } 

 .tab_base li a { font-size: clamp(16px, 2.5vmin, 24px); height: clamp(45px, 7vmin, 70px); } 

 .evfixmenu.on { bottom: 65px; } 
 .evfixmenu ul { width: 95%; } 
 .evfixmenu ul li a span { font-size: clamp(13px, 2vmin, 16px); } 
 .evfixmenu ul li a strong { font-size: clamp(14px, 2.5vmin, 24px); } 
 .evfixmenu ul li a { gap: .5vmin; } 

 .con_tit { margin-bottom: 9%; } 
 .con_tit h4 { font-size: clamp(18px,5vmin,42px); margin: 0 auto; } 
 .con_tit .sub_txt { font-size: clamp(15px,2.4vmin,24px); margin-top: 3% } 
 .con_tit .top_txt { margin-bottom: 3%; font-size: clamp(14px,4vmin,34px); } 

 /* contents */
 .evCon1 { padding: 13% 0; } 
 .evCon1 .inner { width: 96%; } 
 .evCon1 h3 { gap: 3vmin 0; } 
 .evCon1 h3 p { gap: 1vmin 0; } 
 .evCon1 h3 p:first-child img:first-of-type { width: 28%; } 
 .evCon1 h3 p:first-child img:last-of-type { width: 72%; } 
 .evCon1 h3 p:last-child img:first-of-type { width: 40%; } 
 .evCon1 .top_txt { font-size: clamp(13px,3.2vmin,22px); line-height: clamp(30px,6vmin,50px); padding: 0 5%; margin-bottom: 6%; } 
 .evCon1 .bottom_txt { font-size: clamp(14px,3.4vmin,24px); margin-top: 10%; } 

 .evCon2 .step_list { gap: 1vmin; } 

 .evCon3 .circle_txt { margin-bottom: 5%; } 
 .evCon3 .circle_txt span { font-size: clamp(15px,3vmin,26px) !important; width: fit-content; padding: 0 2%; } 
 .evCon3 .strategy_box li:last-child { width: 45%; } 
 .evCon3 .strategy_box { gap: 7vmin 1vmin; margin-top: 5%; } 
 .evCon3 .strategy_box p { font-size: clamp(14px, 2.3vmin, 24px); line-height: clamp(50px,7vmin,70px); } 
 .evCon3 .strategy_box div { padding: 0 clamp(5px,2vmin, 28px); } 

 .review.swiper_common_wrap .swiper_common.swiper-initialized { margin-left: 0; } 
 .evCon4 .swiper-slide.swiper-slide-active { width: 40% !important; } 
 .evCon4 .swiper-slide.swiper-slide-active .tag { font-size: clamp(11px,2vmin,16px); width: clamp(60px,12vmin,100px); height: clamp(60px,12vmin,100px); } 
 .evCon4 .swiper-slide .box { height: 50vh; padding: 0; justify-content: center; } 
 .evCon4 .swiper-slide .title { font-size: clamp(15px,3vmin,30px); padding-bottom: clamp(15px,3vmin,35px); margin-bottom: clamp(15px,3vmin,35px); } 
 .evCon4 .swiper-slide .title::before { width: 145%; } 
 .evCon4 .swiper-slide .c_title { font-size: clamp(14px,2.5vmin,22px); } 
 .evCon4 .swiper-slide .c_text { font-size: clamp(13px,2vmin,18px); } 


 .evCon5 .lecTab,.evCon5 .lecTab_wrap .sub-tec-wrap { margin-bottom: 7%; } 
 .evCon5 .lecTab .lec_list li button { font-size: clamp(16px, 2.5vmin, 24px); height: clamp(45px, 7vmin, 70px); } 
 .evCon5 .lecTab_wrap > div .tit, .evCon5 .teaTab_wrap > div .tit, .evCon5 .stepTab_wrap > div .tit { font-size: clamp(13px,2vmin, 15px); } 

 .evCon5 .video_renewal .video_wrap .tea_img, .evCon5 .video_renewal .video_box .play_area > img { width: 40%; right: 2%; bottom: 0; } 
.evCon5 .video_wrap .video_title {padding: 5% 0 0 5%;font-size: clamp(13px,2.5vmin,24px);gap: 2vmin;width: 70%;} .evCon5 .video_wrap .video_title > span { } 
 .evCon5 .video_wrap .video_title > strong { font-size: clamp(13px,4.5vmin,42px); } 
 .evCon5 .video_wrap .tea_home { bottom: 5%; right: 5%; } 
 .evCon5 .video_wrap .tea_home a { font-size: clamp(11px,2vmin,14px); height: clamp(25px,5vmin, 45px); padding: 0 5vmin 0 3vmin; width: fit-content; min-width: 0; } 
 .evCon5 .video_wrap .tea_home a span:before { width: 4vmin; height: 4vmin; line-height: 4vmin; } 
 .evCon5 .video_wrap .tea_home a span { padding: 0 2vmin 0 5vmin; margin-right: 2vmin; } 
.evCon5 .video_wrap::before { bottom: 10%; left: 5%; width: 12vmin; height: 12vmin; } 

 
 .container_info.ver_circle .info .info_title { font-size: clamp(13px,2vmin,18px); width: clamp(85px,15vmin,135px); } 
 .container_info.ver_circle .info .info_date { font-size: clamp(13px,3vmin,20px); padding-top: 0; } 

 .event1 .container_info.ver_circle { width: 100%; padding: 10% 0; } 
 .event1 .container_info.ver_circle .info:not(:last-child) { width: 100%; } 
 .event1 .tab_base li a { height: clamp(80px, 10vmin, 100px); } 
 .event1 .tab_base li a span { font-size: clamp(13px,3vmin,18px); } 
 .event1 .tab_base li a b { font-size: clamp(15px,3.2vmin,22px); } 
 .event1 .tab_base li a i { top: -7vmin; right: 1vmin; width: clamp(55px,10vmin,100px); height: clamp(55px,10vmin,100px); font-size: clamp(11px,2vmin,16px); } 
 .event1 .panel_wrap {padding: 5% 3%;} 

 .event2 .container_info_wrap { margin-bottom: 10%; gap: 2vmin; padding: 5% 0; } 
 .event2 .gift { width: 47%; } 
 }
@media screen and (max-width: 992px){
 .review.swiper_common_wrap .swiper_common.swiper-initialized { margin: 0; } 
 .evCon4 .swiper-slide { scale: 1; } 
 .evCon4 .swiper-slide.swiper-slide-active { width: 100% !important; padding: 0 5%; } 
 .evCon4 .swiper-slide.swiper-slide-active .tag { left: 20%; } 
 .evCon4 .swiper-slide .box { height: clamp(310px,50vmin,450px); padding: 5% 0; margin: 0 auto; max-width: 768px; border-radius: clamp(10px,3vmin,30px); } 

 .swiper_common_wrap .arrow { left: 0; max-width: 10%; } 
 .swiper_common_wrap .arrow.swiper-button-next { right: 0; } 
 }
@media screen and (max-width: 768px){
 .btn_box a { overflow: hidden; } 
 .btn_box a img { max-width: 120%; margin: 0 -10%; } 
 
 .evfixmenu ul { width: 95%; height: 85px; } 
 .evfixmenu ul li .f_row { gap: 0; } 
 .evfixmenu ul li .f_row > img { display: none; } 

 .evCon2 .step_list li { overflow: hidden; } 
 .evCon2 .step_list li img { max-width: 130%; margin: 0 -15%; } 

 .evCon3 .strategy_box li:last-child { width: 100%; } 
 .evCon3 .strategy_box li:last-child div { padding: 0 15%; margin-bottom: -18%; } 
 .evCon3 .strategy_box { flex-direction: column; } 
 .popupTable { font-size: clamp(11px,1vmin,13px)!important; padding: 0 10px !important; } 
 .popupTable .content_area .content_inner { padding: 20px 5px; } 
 .popupTable .tbl tr th { padding: 10px 3px; } 
 .popupTable .mg_popup_close,.popupTable button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; right: 10px; } 

 .evCon4 .swiper-slide.swiper-slide-active .tag { left: 5%; top: 0; } 

 .event1::before { height: 164vh; } 
 .event2 .container_info_wrap { flex-direction: column; gap: 5vmin 0; } 
 .event2 .gift { width: 70%; } 
 }
@media screen and (max-width: 576px){
 .evfixmenu.on { bottom: 55px; } 
 .event1 .tab_base li a i { top: -9vmin; } 
 }