@charset "euc-kr";


/* evSection */
.clamp-title { margin-bottom: 17px; line-height: 1.3; font-size: 46px; font-weight: bold; } 
.clamp-text { margin-bottom: 43px; line-height: 1.3; font-size: 24px; } 
.clamp-text2 { margin-bottom: 10px; line-height: 1.3; color: #f87570; font-size: 26px; font-weight: bold; } 
.con_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 45px; } 
.con_subtitle.mgb30 { margin-bottom: 30px; } 
.con_subtitle.mgb40 { margin-bottom: 40px; } 
.con_subtitle .line { flex: 1; height: 1px; background-color: #000; } 
.con_subtitle .text { margin: 0 20px; color: #000000; font-size: 26px; font-weight: bold; } 
.evSection .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 50px; } 
.evSection .tab_base li { flex: 1; height: 75px; color: #bbbbbb; font-size: 24px; font-weight: bold; background-color: #f5f5f5; border-top: 2px solid #f5f5f5; border-left: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5; border-bottom: 2px solid #000000; } 
.evSection .tab_base li.on { color: #000; background-color: #fff; border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #fff; } 
.evSection .tab_base li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 


/* flt_inner */
.flt_inner { right: 0; } 
.flt_inner.renewal li,
.flt_inner.renewal li.top { margin-top: 0; } 


/* main */
.main { background-image: url('https://image.megagong.net/m/2024/0517_avantage78/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main .con_box { position: relative; margin: 0 -55px; } 
.main .con_box .link_wrap { position: absolute; top: 48%; right: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6px; z-index: 3; } 
.main .con_box .link_wrap.ver2 {top: 40%;}
.main .con_box .link_wrap a { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; width: 114px; height: 32px; color: #f87570; font-size: 16px; font-weight: 300; border: 1px solid #f87570; border-radius: 40px; } 
.main .evt_con_base.xs {position: absolute; bottom:50px; right:-63px; text-align: right;}

/* evCon1 */
.evCon1 { position: relative; padding: 137px 0 150px 0; background-color: #fcf8f9; } 
.evCon1::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); content: ''; width: 1250px; height: 614px; background-image: url('https://image.megagong.net/m/2024/0517_avantage78/con1_teacher_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evCon1 .clamp-title { margin: 0 -120px; margin-bottom: 60px; } 
.evCon1 .box_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 50px; width: 100%; } 
.evCon1 .box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } 
.evCon1 .box .box_title { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 80px; color: #fff; font-size: 20px; font-weight: bold; background-color: #f87570; border-radius: 15px 15px 0 0; } 
.evCon1 .box .box_inner { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; padding: 50px 0; background-color: #fff; border: 1px solid #dddddd; border-top: 0; border-radius: 0 0 15px 15px; } 
.evCon1 .box .box_inner > img:nth-of-type(2) { margin: 0 50px 0 35px; } 
.evCon1 .box .box_inner p { line-height: 1.3; color: #000000; font-size: 18px; font-weight: bold; } 
.evCon1 .box .box_inner table { margin: 0 80px; } 
.evCon1 .box .box_inner table thead { border-bottom: 2px solid #000; } 
.evCon1 .box .box_inner table thead th { position: relative; padding: 10px 0; color: #000000; font-size: 18px; font-weight: bold; border: 0; } 
.evCon1 .box .box_inner table thead th span { position: absolute; top: 50%; right: -12px; transform: translate(0, -50%); z-index: 1; } 
.evCon1 .box .box_inner table tbody td { position: relative; padding: 15px 0; color: #000000; font-size: 16px; border: 1px solid #dddddd; } 
.evCon1 .box .box_inner table tbody td:first-of-type { border-left: 0; } 
.evCon1 .box .box_inner table tbody td:last-of-type { border-right: 0; } 
.evCon1 .box .box_inner table tbody td.red { background-color: #ffefee; } 
.evCon1 .box .box_inner table tbody td span { position: absolute; top: 50%; right: 15%; transform: translate(0, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ea3832; font-size: 13px; } 
.evCon1.v240712 .clamp-text2{
    margin: -40px 0 40px;
}
.evCon1.v240712 .box .box_inner{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;gap: 0;justify-content: center;padding: 40px 40px 50px;}
.evCon1.v240712 .box .box_inner::before{content:'';position: absolute;top: 50px;left: 50%;height: 285px;width: 1px;background: #ddd;}
.evCon1.v240712 .box + .box .box_inner{}
.evCon1.v240712 .box .box_inner > img{margin: 0 100px 0;}
.evCon1.v240712 .box + .box .box_inner > img:nth-child(1){margin: 0 100px 0 122px;}
.evCon1.v240712 .box + .box .box_inner > img:nth-child(2){margin: 0 0 0 40px;}
.evCon1.v240712 .box .box_inner p{width: 100%;padding: 40px 0 0;font-size: 20px;font-weight: 500;}
.evCon1.v240712 .box .box_inner p span{color:#f87570;font-weight: bold;}
.evCon1.v240712 .last_point{position: relative;padding: 130px 0 0;font-size: 26px;font-weight: 500;}
.evCon1.v240712 .last_point::before {position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);content: '';width: 100%;height: 130px;background: url('https://image.megagong.net/m/2024/0517_avantage78/con_img5.png') no-repeat center 0;} 
.evCon1.v240712 .last_point span{color:#f87570;font-weight: bold;}
.evCon1.v240712 .last_point a{
    position: absolute;
    top: 65px;
    right: -17px;
}


/* evCon2 */
.evCon2 { padding: 137px 0 150px 0; background-color: #f87570; } 
.evCon2 .clamp-text2 { color: #111111; } 
.evCon2 .clamp-title { margin: 0 -10px; margin-bottom: 60px; color: #fff; } 
.evCon2 .con2_swiper { position: relative; overflow: hidden; } 
.evCon2 .tiny_noti { position: absolute; right: 0; bottom: 14px; width: 100%; color: #fff; font-size: 13px; font-weight: 300; text-align: right; } 
.evCon2 .swiper-pagination { position: relative; display: flex; justify-content: center; gap: 10px; top: auto; bottom: auto; margin-top: 30px; } 
.evCon2 .swiper-pagination-bullet { background: #dddddd; opacity: 1; width: 12px; height: 12px; margin: 0 !important; } 
.evCon2 .swiper-pagination-bullet-active { background: #111111; } 
.evCon2 .swiper-button-next, 
.evCon2 .swiper-button-prev { top: 50%; transform: translateY(-50%); margin: 0 auto; z-index: 2; width: auto; height: auto; } 
.evCon2 .swiper-button-next:after, 
.evCon2 .swiper-button-prev::after { display: none; } 
.evCon2 .swiper-button-prev { left: -108px; } 
.evCon2 .swiper-button-next { right: -108px; } 


/* evCon3 */
.evCon3 { padding: 137px 0 148px 0; background-color: #ffffff; } 
.evCon3 .clamp-title { color: #000000; } 
.evCon3 .clamp-text { color: #777777; } 
.evCon3 .eventVideo.video_renewal { margin: 0 40px; margin-bottom: 75px; } 
.evCon3 .table_title { width: 100%; height: 18px; line-height: 18px; margin-bottom: 20px; padding-left: 11px; color: #000; font-size: 18px; font-weight: bold; text-align: left; border-left: 3px solid #000; } 
.evCon3 .table_title.mgt50 { margin-top: 50px; } 
.evCon3 .table_title.for_mo{display: none;}
.evCon3 table.optional tr th {background-color: #f3f3f3;}
.evCon3 table.mo_view{display: none;}
.evCon3 table { margin: 0 auto; } 
.evCon3 table th,
.evCon3 table td { padding: 15px 0; color: #000000; font-size: 16px; border: 1px solid #dddddd; } 
.evCon3 table th { background-color: #ffefee; } 
.evCon3 table td { position: relative; padding: 15px 0; color: #000000; font-size: 16px; border: 1px solid #dddddd; } 

.evCon3 table .focusIcon.red {display: inline-block;color: #fff;font-size: 10px;border-radius: 5px;background: #f00;font-style: normal;padding: 2px 7px;}



/* evCon4 */
.evCon4 { position: relative; padding: 137px 0 148px 0; background-color: #f5f5f5; } 
.evCon4::before { position: absolute; left: calc(50% - 794px); bottom: 0; transform: translate(-50%, 0); content: ''; width: 570px; height: 2204px; background-image: url('https://image.megagong.net/m/2024/0517_avantage78/con4_teacher_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evCon4 .clamp-title { color: #000000; } 
.evCon4 .clamp-text { color: #777777; } 
.evCon4 .clamp-text:nth-of-type(1) { margin-bottom: 10px; } 
.evCon4 .clamp-text i { display: inline-block; width: 100%; height: 5px; margin: -10px 0; } 
.evCon4 .eventVideo.video_renewal { margin: 0 40px; margin-bottom: 70px; } 
.evCon4 .tab_base li { background-color: #ffffff; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; } 
.evCon4 .tab_base li.on { background-color: #f5f5f5; border-bottom: 2px solid #f5f5f5; }
.evCon4 .con4_tab1_1 { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-bottom: 70px; } 
.evCon4 .con4_tab1_1 .swiper_common { width: 100%; } 
.evCon4 .con4_tab1_1 .swiper-slide { width: calc(33.33% - 14.67px); margin-right: 22px; } 
.evCon4 .con4_tab1_1 .swiper-slide:last-of-type { margin-right: 0; } 
.evCon4 .con4_tab1_1 .swiper-slide .box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; height: 237px; padding: 50px 30px 0 30px; background-color: #fff; border: 1px solid #dddddd; border-radius: 15px; } 
.evCon4 .con4_tab1_1 .swiper-slide .box h6 { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding-bottom: 10px; line-height: 1.3; color: #000000; font-size: 20px; font-weight: bold; border-bottom: 1px solid #dddddd; } 
.evCon4 .con4_tab1_1 .swiper-slide .box h6 span { position: absolute; top: -30px; left: 50%; transform: translate(-50%, 0); width: 95px; height: 25px; line-height: 25px; color: #fff; font-size: 14px; text-align: center; background-color: #ea3832; border-radius: 40px; } 
.evCon4 .con4_tab1_1 .swiper-slide .box p { margin: 0 -30px; min-height: 68px; line-height: 1.4; color: #000000; font-size: 16px; } 
.evCon4 .con4_contents_wrap { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon4 .con4_contents_wrap::before { position: absolute; top: 50%; right: -80px; transform: translate(0, -50%); content: ''; width: 880px; height: 158px; background-image: url('https://image.megagong.net/m/2024/0517_avantage78/con4_contents_wrap_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon4 .con4_contents_wrap > img { margin-left: -21px; z-index: 2; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; flex: 1; margin-top: -22px; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-wrapper { /* display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; */}
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide { width: 210px; margin-right: 20px; padding-top: 22px; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide:last-of-type { margin-right: 0; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 250px; background-color: #e1437d; border-radius: 15px; } 
.evCon4 .con4_contents_wrap .con4_tab1_2.con4_tab1_2_tab2 .swiper-slide .box { background-color: #00adcc; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box span { position: absolute; top: -22px; right: 15px; width: 44px; height: 44px; line-height: 44px; color: #f87570; font-size: 14px; text-align: center; background-color: #000; border-radius: 50%; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box h6 { line-height: 1.3; color: #fff; font-size: 20px; font-weight: bold; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box p { line-height: 1.4; color: #fff; font-size: 16px; } 
.evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-pagination {position: static;}
.evCon4 .btn_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin: 0 50px; margin-top: 60px; } 
.evCon4 .btn_wrap a { display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 80px; color: #fff; font-size: 20px; font-weight: bold; background-color: #000000; border-radius: 5px; } 


/* evCon5 */
.evCon5 { position: relative; padding: 137px 0 148px 0; background-color: #fff; } 
.evCon5 .clamp-title { margin-bottom: 75px; color: #000000; } 
.evCon5 .bottom { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 30px; padding: 30px 40px; background-color: #ff2c61; border-radius: 5px; } 
.evCon5 .bottom .bottom_title { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex: 1; gap: 7px; } 
.evCon5 .bottom .bottom_title p { color: #fff; font-size: 18px; } 
.evCon5 .bottom .bottom_title h6 { color: #fff; font-size: 34px; font-weight: bold; } 
.evCon5 .bottom .bottom_title h6 span { color: #fffca0; } 
.evCon5 .bottom .bottom_link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; } 
.evCon5 .bottom .bottom_link a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; height: 50px; color: #000000; font-size: 16px; font-weight: bold; background-color: #fff; border-radius: 5px; } 
.evCon5 .bottom .bottom_link a:last-of-type { letter-spacing: 2px; } 




/* event1 */
.event1 { padding: 150px 0; background-color: #ea5164; } 
.event1 .con_tit > img { margin-bottom: 25px; } 
.event1 .con_tit .end::after { background: #2f1014; } 
.event1 .con_tit .clamp-title { color: #000000; } 
.event1 .con_tit .clamp-title span { color: #fff; } 
.event1 .con_tit .clamp-text { color: #000000; } 
/* .event1 .container_info { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; padding: 10px 137px 10px 118px; color: #000; font-size: 20px; background-color: #fff; }  */
.event1 .container_info .info .info_date { font-weight: bold; } 
.event1 .gift { position: relative; margin-top: 100px; padding-bottom: 80px; } 
.event1 .gift::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); content: ''; width: 1150px; height: 315px; background-image: url('https://image.megagong.net/m/2024/0517_avantage78/event1_gift_bg.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.event1 .gift > img { position: relative; z-index: 2; } 
.event1 .btn_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin: 0 50px; } 
.event1 .btn_wrap a { display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 80px; color: #fff; font-size: 20px; font-weight: bold; background-color: #000000; border-radius: 5px; } 
.event1 .btn_wrap a:first-of-type { background-color: #ffa312; } 
.event1 .btn_wrap a.done { background-color: #999999; cursor: default; } 
.event1 .noti { margin: 0 40px; margin-top: 144px; } 
.event1 .noti .noti_title { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 33px; } 
.event1 .noti .noti_title .text { margin-right: 18px; font-size: 16px; } 
.event1 .noti .noti_title .line { flex: 1; height: 1px; background-color: #fff; } 
.event1 .noti p { position: relative; margin-bottom: 6px; padding-left: 10px; font-size: 13px; font-weight: 300; text-align: left; } 
.event1 .noti p::before { position: absolute; top: 0; left: 0; content: 'กค'; } 
.event1 .noti p:last-of-type { margin-bottom: 0; } 
/* [ws] 250514 */
.event1 .con_tit {margin-bottom: 0;}
.event1 .mini_tit {opacity: 0.6;}
.event1.event .bg_shadow {bottom: 160px;}
.event1 .gift_full_wrap {width: 80%;}
.event1 .btn-base.yellow a {color: #fff; background: #ffa312;}
.event1 .tx_sky {color: #d1eafe;}
.event1 .tx_pink {color: #ffccca;}
.event1 .noti {margin-top: 70px;}

/* event2 */
.event2 { padding: 150px 0; background-color: #406bf5; } 
.event2 .con_tit > img { margin-bottom: 25px; } 
.event2 .con_tit .end::after { background: #0d1531; } 
.event2 .con_tit .clamp-title { color: #fff; } 
.event2 .con_tit .clamp-text { color: #bad2ff; } 
.event2 .container_info { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; padding: 0; color: #fff; font-size: 20px; background-color: transparent; border-radius: 0; } 
.event2 .container_info .info { align-items: center; margin-right: 0; z-index: 1; } 
.event2 .container_info .info .info_title { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 135px; padding: 8px 0; color: #fff; background-color: #000000; border-radius: 40px; } 
.event2 .container_info .info .info_title::before,
.event2 .container_info .info .info_title::after { display: none; } 
.event2 .container_info .info .info_date { font-weight: bold; text-align: left; z-index: 1; } 
.event2 .container_info .info .noti { margin-top: 6px; color: #b0c6fe; } 
.event2 .gift { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 34px; margin: 0 auto; margin-top: 100px; margin-bottom: 80px; } 
.event2 .btn_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin: 0 50px; } 
.event2 .btn_wrap a { display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 80px; color: #fff; font-size: 20px; font-weight: bold; background-color: #000000; border-radius: 5px; } 
.event3 {background-color: #35a3f7; }
.event3 .con_tit {color:#fff;}
.event3 .mini_tit {margin:30px auto 0; color:#fff; opacity: 0.6;}
.event3 .container_info.ver_circle .info .info_date {color:#fff;}
.event3 .gift_list_wrap li .badge {background-color: #1671ec;}
#event3 .con_tit .end {top: -22%; right:18%;}
#event3 .con_tit .end::after {background-color: #111;}
/* warningList */
.warningList li ul li a { color: #007af3; font-weight: bold; } 

/* S: [ws] 250514 */
.evCon1_v2 {padding: 150px 0; background: url('https://image.megagong.net/m/2025/0514_avantage78/evCon1_v2_bg.jpg') no-repeat; background-size: auto 100%;}
.evCon1_v2 .clamp-text {color: #f87570; margin-bottom: 10px;}
.evCon1_v2 .clamp-title {margin-bottom: 70px;}
.evCon1_v2 .feature_wrap {flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 40px; margin-bottom: 60px;}
.evCon1_v2 .feature_wrap::before {content: ''; width: 100%; height: 0;}
.evCon1_v2 .feature_wrap .item {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; width: 246px; height: 246px; border-radius: 50%; background: #FF947B; background: -webkit-linear-gradient(90deg, #ff947b 0%, #ff1330 100%); background: linear-gradient(0deg, #ff947b 0%, #ff1330 100%);}
.evCon1_v2 .feature_wrap .item:nth-of-type(-n+2) {order: -1;}
.evCon1_v2 .feature_wrap strong {line-height: 1.2;}
.evCon1_v2 .feature_wrap sub {font-size: 10px; vertical-align: bottom;}
.evCon1_v2 .evt_con_base {text-align: right; margin: 0 40px;}

.evCon2_v2 {padding: 150px 0; background: url('https://image.megagong.net/m/2025/0514_avantage78/evCon2_v2_bg.jpg') no-repeat; background-size: auto 100%;}
.evCon2_v2 .clamp-title {margin-bottom: 50px;}
.evCon2_v2 .video_wrap {gap: 22px;}
.evCon2_v2 .video_wrap .item {flex: 1;}
.evCon2_v2 .video_wrap .eventVideo {margin-bottom: 20px;}
.evCon2_v2 .video_wrap .feature {background: #fff; border-radius: 12px; box-shadow: 5px 5px 15px 5px rgba(120, 55, 52, 0.28); padding: 50px 0;}
.evCon2_v2 .video_wrap .feature ul {width: fit-content; margin: 0 auto; text-align: left;}
.evCon2_v2 .video_wrap .feature li {position: relative; padding-left: 10px;}
.evCon2_v2 .video_wrap .feature li + li {margin-top: 5px;}
.evCon2_v2 .video_wrap .feature .mark {position: absolute; top: 0; left: 0;}
/* E: [ws] 250514 */

#event1 .purchase_base_list{margin-top:60px;}
#event1 .purchase_base_list > li .pkg_detail .p_list li::before{background-color:#ea5164;}
#event1 .purchase_base_list > li .pkg_detail .p_target{background-color: #ea5164;color:#fff;display:inline-block;padding:3px 15px;margin-top:10px;}
#event1 .purchase_base_list > li .pkg_detail .p_period{font-weight:900;color:#000;margin-top:25px;}
#event1 .purchase_base_list > li .purchase_price .badge{background-color: #111;}
#event1 .purchase_base_list > li .purchase_btn{font-size:24px;text-align:center;}
#event1 .purchase_base_list > li .purchase_btn span{flex-direction: column;gap:20px 0;}
#event1 .purchase_base_list > li .purchase_btn span::after{width:40px;height:40px;background: url('https://image.megagong.net/m/2025/0701_avantage78/btn_arrow.png') no-repeat;}
#event1 .purchase_base_list > li .purchase_price .price_area .current{color:#ea5164;font-weight:900;}
#event1 .purchase_base_list > li .purchase_btn_area{flex: 0 0 225px;}


.evCon2_v2 .video .mega_slick {display: flex; gap: 0 22px; flex-wrap: wrap;}
.evCon2_v2 .video .mega_slick .item {width: calc(50% - 11px);}

/* ??? ???? */
.cmg_popup_wrap .video_area.youtube { height: 695px; } 
.cmg_popup_wrap .cmg_popup_dimm { background-color: rgba(0, 0, 0, 0.5); } 
.cmg_popup_wrap .video_area.youtube iframe { left:0; } 

@media screen and (max-width: 1300px){
    .evCon2 .swiper-button-next, .evCon2 .swiper-button-prev { display: none; } 
}


@media screen and (max-width: 1200px){
    .clamp-title {font-size: clamp(15px,5vmin,38px);} 
    .clamp-text,
    .con_subtitle .text {font-size: clamp(15px,3vmin,23px);} 
    .clamp-text2 {font-size: clamp(14px,3vmin,24px);} 

    .main .con_box { margin: 0 auto; } 
    .main .evt_con_base.xs {font-size: 11px; text-align: center; right:0; width: 100%; bottom: 10px;}
    .evCon1::before { width: 100%; background-position: 50% 0; background-size: contain; } 
    .evCon1 .clamp-title{
    margin: 0 0 6%;
}
    .evCon1 .box .box_inner > img:nth-of-type(1) { width: 40%; } 
    .evCon1 .box .box_inner > img:nth-of-type(2) { margin: 0 30px 0 20px; } 
    .evCon1 .box .box_inner table { margin: 0 40px; } 
    .evCon1.v240712 .box .box_inner{
    padding: 20px 2% 25px;
}
    .evCon1.v240712 .box .box_inner::before{
    display: none;
}
    .evCon1.v240712 .box + .box .box_inner{}
    .evCon1.v240712 .box .box_inner > img{
    width: 34% !important;
    margin: 0 3%;
}
    .evCon1.v240712 .box + .box .box_inner > img:nth-child(1){
    margin: 0 3%;
}
    .evCon1.v240712 .box + .box .box_inner > img:nth-child(2){
    width: 54% !important;
    margin: 0 3%;
}
    .evCon1.v240712 .box .box_inner p{
    font-size: clamp(13px,2.5vmin,18px);
    padding: 20px 0 0;
}
    .evCon1.v240712 .box .box_inner p span{}
    .evCon1.v240712 .last_point{
    font-size: clamp(13px,2.7vmin,22px);
    padding: 80px 0 0;
}
    .evCon1.v240712 .last_point::before {
    height: 80px;
    background-size: contain;
} 
    .evCon1.v240712 .last_point span{}
    .evCon1.v240712 .last_point a{
    width: 23%;
    top: 2%;
    right: 0;
}
    .evCon1.v240712 .clamp-text2{
    margin: 0 0 7%;
}
    .evCon4::before { display: none; } 
    .evCon4 .con4_tab1_1 .swiper-slide { width: calc(33.33% - 6.67px); margin-right: 10px; } 
    .evCon4 .con4_contents_wrap > img { width: 300px; margin-left: -15px; } 
    .evCon4 .con4_contents_wrap::before { width: calc(100% - 154px); background-position: 0 50%; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 { justify-content: center; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper_common { position: relative; overflow: hidden; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide { width: 100%; margin-right: 0; padding-top: 22px; } 
    .event2 .gift { gap: 10px; } 
    #event1 .purchase_base_list{margin-top:6%;}

     /* ??? ???? */
    .cmg_popup_wrap .video_area.youtube { height: 53vw; } 
    
    #event3 .con_tit .end {right:0 ;}

}
@media screen and (max-width:1024px){
    .evCon2_v2 {padding: 10vw 0;background-image: none;background-color: #f9908c;}
}
@media screen and (max-width: 992px){
    .evCon1 .box .box_inner { flex-direction: column; } 
    .evCon1 .box .box_inner > img:nth-of-type(1) { width: initial; } 
    .evCon1 .box .box_inner > img:nth-of-type(2) { transform: rotate(90deg); } 
    .evCon1.v240712 .box .box_inner > img:nth-of-type(2){
    transform: rotate(0deg);
}
    .evCon3 .eventVideo.video_renewal,
    .evCon4 .eventVideo.video_renewal { margin: 0 auto; margin-bottom: 60px; } 
    .evCon4 .con4_tab1_1 .swiper-slide .box p { font-size: 14px; } 
    .evCon4 .con4_contents_wrap::before { right: 0; width: calc(100% - 240px); } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 { padding: 0 50px; } 
    .evCon5 .bottom .bottom_title p { font-size: 14px; } 
    .evCon5 .bottom .bottom_title h6 { font-size: 28px; } 
    .evCon5 .bottom .bottom_link a { width: 160px; } 
    .event2 .container_info { font-size: 18px; } 
    .event2 .gift { flex-wrap: wrap; margin-top: 60px; } 
    .event2 .gift > img { width: 40%; } 
    .event2 .gift > img:first-of-type { margin: 0 30%; } 

    /* S: [ws] 250514 */
    .evCon1_v2 .clamp-title {margin-bottom: 7%;}
    .evCon1_v2 .feature_wrap {align-items: stretch; gap: 1vmin 2vmin; margin-bottom: 6%;}
    .evCon1_v2 .feature_wrap .item {width: calc(33.333% - 1.333vmin); height: auto; border-radius: 10px; padding: 2vmin 0;}
    .evCon1_v2 .evt_con_base {margin: 0;}
    /* E: [ws] 250514 */

}

@media screen and (max-width: 768px){
    .evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
    .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
    .evSection .slick-dots li button { font-size: 0; } 
    .evSection .slick-dots li.slick-active { background-color: #000; } 
    .eventVideo.with_shadow {margin-bottom: 0;}
    .eventVideo.with_shadow::before {display:none;}

    .clamp-title {} 
    .clamp-text { margin-bottom: 28px; } 
    .clamp-text, .con_subtitle .text {} 
    .con_subtitle { margin-bottom: 20px; } 
    .evSection .tab_base { margin-bottom: 20px; } 
    .evSection .tab_base li { height: 60px; font-size: 16px; } 
    .main .con_box .link_wrap { top: 46.5%; } 
    .main .con_box .link_wrap.ver2 {top: 36.5%;}
    .evCon1 { padding: 20vw 0 10vw 0; } 
    .evCon1 .box_wrap{
    gap: 15px;
}
    .evCon1 .box .box_title { height: 60px; font-size: 16px; } 
    .evCon1 .box .box_inner table { width: calc(100% - 20px); margin: 0 10px; } 
    .evCon1 .box .box_inner table tbody td span { position: initial; transform: initial; display: initial; margin-left: 10px; } 
    .evCon1 .box .box_inner table thead th { font-size: 16px; } 
    .evCon1 .box .box_inner table tbody td { font-size: 14px; } 
    .evCon2 { padding: 10vw 0; } 
    .evCon2 .tiny_noti { bottom: 20px; font-size: 11px; } 
    .evCon2_v2 .video .mega_slick {display:block;}

    .evCon3 { padding: 10vw 0; } 
    .evCon3 .table_title.for_mo{display: block;}
    .evCon3 .table_title.for_pc{display: none;}
    .evCon3 table th { font-size: 14px; } 
    .evCon3 table td { font-size: 12px; } 
    .evCon3 table.mo_view{display: table;}
    .evCon3 table.pc_view{display: none;}

    .evCon4 { padding: 10vw 0; } 
    .evCon4 .con4_tab1_1 { position: relative; overflow: hidden; margin-bottom: 70px; } 
    .evCon4 .con4_tab1_1 .swiper-slide { width: 100%; margin-right: 0; } 
    .evCon4 .con4_contents_wrap > img { width: 200px; } 
    .evCon4 .con4_contents_wrap::before { width: calc(100% - 160px); } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box { height: 220px; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box h6 { font-size: 18px; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box p { font-size: 14px; } 
    .evCon4 .btn_wrap { gap: 10px; margin: 0 auto; margin-top: 7vw; } 
    .evCon4 .btn_wrap a { height: 60px; font-size: 16px; } 
    .evCon5 { padding: 10vw 0; } 
    .evCon5 .clamp-title { margin-bottom: 8vw; } 
    .evCon5 .bottom {padding: 25px 15px;} 
    .evCon5 .bottom .bottom_link a { width: 120px; } 
    .evCon5 .bottom .bottom_title p { text-align: left; } 
    .evCon5 .bottom .bottom_title h6 { font-size: 22px; text-align: left; } 
    .event1,
    .event2 { padding: 10vw 0; } 
    .event1 .con_tit > img,
    .event2 .con_tit > img { width: 35%; } 
    .event1 .container_info { padding: 10px 60px 10px 60px; font-size: 16px; } 
    .event1 .gift { margin-top: 10vw; padding-bottom: 6vw; } 
    .event1 .gift::before { width: 200%; height: 100%; } 
    .event1 .gift > img { width: 60%; } 
    .event1 .btn_wrap { gap: 10px; margin: 0 auto; margin-top: 3vw; } 
    .event1 .btn_wrap a { height: 60px; font-size: 16px; } 
    .event1 .noti { margin: 0 auto; margin-top: 10vw; } 
    .event1 .noti .noti_title { margin-bottom: 20px; } 
    .event2 .container_info { font-size: 14px; } 
    .event2 .gift { margin-top: 5vw; margin-bottom: 5vw; } 
    .event2 .btn_wrap { gap: 10px; margin: 0 auto; margin-top: 3vw; } 
    .event2 .btn_wrap a { height: 60px; font-size: 16px; } 

    /* S: [ws] 250514 */
    .evCon1_v2 {padding: 10vw 0;}
    .evCon1_v2 .evt_con_base {font-size: 12px;}

    .evCon2_v2 {padding: 10vw 0;}
    .evCon2_v2 .clamp-title {margin-bottom: 5%;}
    .evCon2_v2 .video_wrap {flex-direction: column;}
    .evCon2_v2 .video_wrap .eventVideo {max-width: 529px; margin: 0 auto 2%;}
    .evCon2_v2 .video_wrap .feature {padding: 4vmin 0;}
    /* E: [ws] 250514 */

    #event1 .purchase_base_list > li .purchase_btn{font-size: 20px;}
    #event1 .purchase_base_list > li .purchase_btn span{gap:10px;flex-direction: row;}
    #event1 .purchase_base_list > li .purchase_btn span br{display:none;}
    #event1 .purchase_base_list > li .purchase_btn span::after{width:20px;height:20px;background-size:cover;}
}

@media screen and (max-width: 576px){
    .clamp-title {} 
    .clamp-text, .con_subtitle .text {} 
    .clamp-text2 {} 

    .main .con_box .link_wrap { top: 45%; } 
    .main .con_box .link_wrap.ver2 {top: 35%;}
    .main .con_box .link_wrap a { width: 80px; height: 24px; font-size: 11px; } 
    .main .con_box .link_wrap a > img { width: 10px; } 
    .evCon1 .clamp-title { margin-bottom: 7vw; } 
    .evCon1 .box .box_title { height: 50px; font-size: 14px; } 
    .evCon1 .box .box_inner { padding: 30px 10px; } 
    .evCon1 .box .box_inner p { line-height: 1.5; font-size: 15px; } 
    .evCon1 .box .box_inner table { width: 100%; margin: 0 auto; } 
    .evCon1 .box .box_inner table thead th { font-size: 14px; } 
    .evCon1 .box .box_inner table thead th span { top: 52%; right: -7px; font-size: 12px; } 
    .evCon1 .box .box_inner table tbody td { font-size: 12px; letter-spacing: -0.5px; } 
    .evCon1 .box .box_inner table tbody td span { display: flex; flex-direction: row; margin-left: 0; font-size: 11px; } 
    .evCon2 .clamp-title { margin-bottom: 7vw; } 
    .evCon2 .swiper-pagination-bullet { width: 6px; height: 6px; } 
    .evCon2 .tiny_noti { bottom: 17px; font-size: 10px; }
    .evCon3 .table_title{
    font-size: 15px;
}
    .evCon3 table th{font-size:13px]}
    .evCon4 .con4_tab1_1 { margin-bottom: 30px; } 
    .evCon4 .con4_tab1_1 .swiper-slide .box {align-items: center;justify-content: center;height: 200px;padding: 16px 15px 20px 15px;} 
    .evCon4 .con4_tab1_1 .swiper-slide .box h6 { min-height: initial; font-size: 16px; } 
    .evCon4 .con4_tab1_1 .swiper-slide .box h6 span { position: initial; transform: initial; width: 95px; height: 22px; line-height: 22px; margin: 0 auto; margin-bottom: 10px; font-size: 11px; } 
    .evCon4 .con4_tab1_1 .swiper-slide .box p { min-height: initial; font-size: 12px; } 
    .con_subtitle.mgb40 { margin-bottom: 20px; } 
    .con_subtitle.mgb30 { margin-bottom: 20px; } 
    .evCon4 .con4_contents_wrap::before { width: calc(100% - 123px); } 
    .evCon4 .con4_contents_wrap > img { width: 150px; margin-left: -5px; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 { padding: 0 20px; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box { height: 160px; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box h6 { font-size: 15px; } 
    .evCon4 .con4_contents_wrap .con4_tab1_2 .swiper-slide .box p { font-size: 12px; } 
    .evCon5 .bottom { flex-direction: column; } 
    .evCon5 .bottom .bottom_title h6 { font-size: 20px; } 
    .evCon5 .bottom .bottom_link { flex-direction: row; width: 100%; margin-top: 20px; } 
    .evCon5 .bottom .bottom_link a {width: initial;flex: 1;font-size: 15px;} 
    .event1 .container_info { padding: 10px 20px 10px 20px; font-size: 14px; } 
    .event1 .noti .noti_title { margin-bottom: 10px; } 
    .event2 .container_info { align-items: center; } 
    .event2 .container_info .info { flex-direction: column; align-items: center; } 
    .event2 .container_info .info .info_title { width: 130px; margin-bottom: 7px; } 
    .event2 .container_info .info .info_date { text-align: center; } 

    /* S: [ws] 250514 */
    .evCon1_v2 .feature_wrap {flex-direction: column;}
    .evCon1_v2 .feature_wrap::before {content: none;}
    .evCon1_v2 .feature_wrap .item {width: 100%;}
    /* E: [ws] 250514 */

    #event1 .purchase_base_list > li .purchase_btn{font-size: 16px;}
}