@charset "euc-kr";


/* evSection */
.clamp-title { line-height: 1.4; font-size:46px; font-weight: bold; } 
.clamp-text { font-size:22px; } 
.clamp-text2 { font-size:18px; } 


/* main */
.eventWrap .main { padding: 120px 0 100px 0; background-image: url('https://image.megagong.net/m/2024/0416_promo/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.eventWrap .main .con_title { margin-bottom: 90px; } 
.eventWrap .main .con_title .clamp-text { display: flex; flex-direction: row; align-items: center; justify-content: center; max-width: 572px; height: 57px; margin: 0 auto; margin-bottom: 29px; padding: 0 50px; color: #fff; font-weight: bold; background-color: #cf3043; border-radius: 40px; } 
.eventWrap .main .con_title > div { margin: 0 -100px; margin-bottom: 36px; } 
.eventWrap .main .con_title .clamp-text span:nth-of-type(1) { margin-left: 7px; color: #ffc8cf; } 
.eventWrap .main .con_title .clamp-text span:nth-of-type(2) { margin-left: 7px; color: #fffe94; } 
.eventWrap .main .con_title .clamp-text2 { line-height: 1.8; color: #fff; letter-spacing: 4px; } 
.eventWrap .main .con_box { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; } 


/* evCon1 */
.evCon1 { padding: 143px 0; background-color: #fff4f5; } 
.evCon1 .clamp-title { color: #000000; } 
.evCon1 .clamp-title b { color: #cf3043; } 
.evCon1 .clamp-text,
.evCon1 .clamp-text2 { font-size: 30px; font-weight: bold; } 
.evCon1 .con_box { margin: 0 40px; margin-top: 40px; } 
.evCon1 .con_box .clamp-text { margin-bottom: 40px; color: #999999; } 
.evCon1 .con_box .clamp-text span { color: #000000; } 
.evCon1 .con_box .clamp-text2 { margin-top: 70px; color: #cf3043; } 
.evCon1 ul { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 15px; } 
.evCon1 ul::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 400px; height: 830px; background-image: url("https://image.megagong.net/m/2024/0416_promo/con1_arrow.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 ul li { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 110px; } 
.evCon1 ul li .con1_label { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 100%; background-color: #ffffff; cursor: pointer; border-radius: 15px; border: 1px solid #dddddd; } 
.evCon1 ul li .con1_label.on { background-color: #cf3043; border: 1px solid #cf3043; } 
.evCon1 ul li .con1_label.on p { color: #fff; } 
.evCon1 ul li .con1_label input { /* position: absolute; top: 50%; left: 0; transform: translate(0, -50%); */ margin-right: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; } 
.evCon1 ul li .con1_label input::before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ""; width: 20px; height: 20px; background-image: url("https://image.megagong.net/m/2024/0416_promo/icon_check_off.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 ul li .con1_label input:checked::before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ""; width: 26px; height: 20px; background-image: url("https://image.megagong.net/m/2024/0416_promo/icon_check_on.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 ul li .con1_label p { min-width: 530px; font-size: 24px; font-weight: bold; text-align: left; } 


/* evCon2 */
.evCon2 { padding: 143px 0 150px 0; background-image: url("https://image.megagong.net/m/2024/0416_promo/con2_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evCon2 .clamp-title { margin-bottom: 35px; color: #fff; } 
.evCon2 .clamp-title b { color: #cf3043; } 
.evCon2 .clamp-text { color: #bbbbbb; font-size: 30px; font-weight: bold; } 
.evCon2 .clamp-text span { color: #fff; } 
.evCon2 .con_box { margin: 0 40px; } 
.evCon2 .top { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin-bottom: 45px; } 
.evCon2 .top .top_top { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; height: 98px; } 
.evCon2 .top .top_top p { position: relative; width: 25%; height: 100%; color: #fff; font-size: 18px; } 
.evCon2 .top .top_top p::before { position: absolute; left: 50%; bottom: -12px; transform: translate(-50%, 0); content: ""; width: 23px; height: 58px; background-image: url("https://image.megagong.net/m/2024/0416_promo/con2_arrow_white.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon2 .top .top_top > div { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 75%; height: 100%; } 
.evCon2 .top .top_top > div::before { position: absolute; left: 0; bottom: 16px; content: ""; width: 100%; height: 12px; background-image: url("https://image.megagong.net/m/2024/0416_promo/con2_arrow_red.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon2 .top .top_top h5 { position: absolute; top: 25%; left: 50%; transform: translate(-50%, 0); color: #f43c52; font-size: 26px; font-weight: bold; } 
.evCon2 .top .top_bottom { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 70px; border-radius: 15px; overflow: hidden; } 
.evCon2 .top .top_bottom h6 { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 25%; height: 100%; color: #000000; font-size: 20px; font-weight: bold; background-color: #fff4f5; border-right: 1px solid #dddddd; } 
.evCon2 .top .top_bottom h6:first-of-type { background-color: #e1ecff; } 
.evCon2 .top .top_bottom h6:last-of-type { border-right: 0; } 
.evCon2 .bottom { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-top: 30px; } 
.evCon2 .bottom li { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 150px; border-radius: 15px; overflow: hidden; } 
.evCon2 .bottom li > div { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; height: 100%; } 
.evCon2 .bottom li > div:first-of-type { position: relative; gap: 5px; background-color: #e1ecff; border-right: 1px solid #dddddd; } 
.evCon2 .bottom li > div:first-of-type::before { position: absolute; top: 50%; right: -14px; transform: translate(0, -50%); content: ""; width: 29px; height: 29px; background-image: url("https://image.megagong.net/m/2024/0416_promo/con2_arrow_right.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon2 .bottom li > div:last-of-type { background-color: #fff4f5; } 
.evCon2 .bottom li > div p { position: relative; min-width: 265px; padding-left: 22px; line-height: 1.2; color: #333333; font-size: 16px; text-align: left; } 
.evCon2 .bottom li > div p::before { position: absolute; top: 4px; left: 0; content: ""; width: 14px; height: 10px; background-image: url("https://image.megagong.net/m/2024/0416_promo/con2_check.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon2 .bottom li > div h6 { color: #cf3043; font-size: 24px; font-weight: bold; } 


/* evCon3 */
.evCon3 { padding: 140px 0 120px 0; background-color: #fff4f5; } 
.evCon3 .clamp-title { margin-bottom: 35px; color: #000000; } 
.evCon3 .clamp-title b { color: #cf3043; } 
.evCon3 .clamp-text { margin-bottom: 35px; color: #999999; font-size: 30px; font-weight: bold; } 
.evCon3 .clamp-text span { color: #cf3043; } 
.evCon3 .con_box { margin: 0 40px; } 
.evCon3 .box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 15px; } 
.evCon3 .box li { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 18px; width: 100%; padding: 18px 0; background-color: #151515; border-radius: 10px; } 
.evCon3 .box li h6 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 75px; height: 75px; color: #fff; font-size: 18px; font-weight: bold; background-color: #cf3043; border-radius: 50%; } 
.evCon3 .box li p { min-width: 660px; color: #fff; font-size: 16px; text-align: left; } 


/* evCon4 */
.evCon4 { padding: 113px 0 150px 0; background-color: #ffffff; } 
.evCon4 .clamp-text { margin-bottom: 40px; color: #999999; font-size: 30px; font-weight: bold; } 
.evCon4 .clamp-text span { color: #cf3043; } 
.evCon4 .tab_base { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1px; } 
.evCon4 .tab_base::before { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; background-color: #000000; z-index: 2; } 
.evCon4 .tab_base li { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 77px; color: #fff; font-size: 20px; border-top: 2px solid #dddddd; border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; background-color: #dddddd; } 
.evCon4 .tab_base li.on { position: relative; color: #000000; font-weight: bold; border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; background-color: #ffffff; } 
.evCon4 .tab_base li.on::before { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; background-color: #ffffff; z-index: 2; } 
.evCon4 .tab_base a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.commonTab > ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 10px 0; } 
.commonTab > ul { margin-bottom: 20px; border-bottom: 0; } 
.commonTab > ul li { border: 0; border-right: 1px solid #000000; } 
.commonTab > ul li:first-child { border-left: 0; } 
.commonTab > ul li:last-of-type { border-right: 0; } 
.commonTab > ul li a { height: 15px; line-height: 15px; padding: 0 9px; font-size: 16px; } 
.commonTab > ul li.on a, .commonTab > ul li a:hover { color: #000000; background-color: transparent; } 
.evCon4 .lectlist.ver2 li .listName { top: 23px; left: 20px; width: 72px; } 
.evCon4 .lecture_profile { position: relative; width: 72px; height: 72px; background-color: #f0f0f0; border-radius: 50%; overflow: hidden; } 
.evCon4 .lecture_profile > img { position: absolute; top: 5px; left: 50%; transform: translate(-50%, 0); width: 150%; } 
.evCon4 .lecture_profile + .name { margin-top: 5px; } 


/* event À̺¥Æ® °øÅë¿ä¼Ò */
.event { padding: 150px 0; } 
.container_info { max-width: 597px; margin: 0 auto; margin-bottom: 75px; font-size: 20px; } 
.event .event_sub_title { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-bottom: 35px; } 
.event .event_sub_title .line { flex: 1; height: 1px; background-color: #000000; } 
.event .event_sub_title .text { margin: 0 18px; color: #000000; font-size: 26px; font-weight: bold; } 


/* event1 */
.event1 { background-color: #f43c52; } 
.event1 .con_tit .end::after { background: #fdd8dc; } 
.event1 .header { margin-bottom: 36px; } 
.event1 .clamp-title { margin-bottom: 17px; } 
.event1 .clamp-title b { color: #fff; } 
.event1 .clamp-text { margin-bottom: 45px; line-height: 1.2; color: #000000; font-size: 24px; } 
.event1 .coupon_info { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin-bottom: 70px; } 
.event1 .coupon_info .coupon_desc { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 160px; } 
.event1 .coupon_info .coupon_desc .coupon_desc_title { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 15px; flex: 1; height: 100%; background-color: #ffffff; border-radius: 10px 0 0 10px; } 
.event1 .coupon_info .coupon_desc .coupon_desc_title > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; width: 93px; height: 93px; color: #fff; font-size: 16px; background-color: #000000; border-radius: 50%; } 
.event1 .coupon_info .coupon_desc .coupon_desc_title > div b { font-size: 18px; } 
.event1 .coupon_info .coupon_desc .coupon_desc_title h5 { line-height: 1.4; color: #cf3043; font-size: 24px; font-weight: bold; text-align: left; } 
.event1 .coupon_info .coupon_desc .coupon_desc_title h5 span { color: #000000; } 
.event1 .coupon_info .coupon_desc .coupon_desc_count { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 190px; height: 100%; gap: 9px; color: #fff; background-color: #007af3; border-radius: 0 10px 10px 0; } 
.event1 .coupon_info .coupon_desc .coupon_desc_count::before { position: absolute; top: 0; left: 0; content: ""; width: 10px; height: 100%; background-image: url("https://image.megagong.net/m/2024/0416_promo/event1_box_deco.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.event1 .coupon_info .coupon_desc .coupon_desc_count p { font-size: 20px; } 
.event1 .coupon_info .coupon_desc .coupon_desc_count h6 { font-size: 26px; font-weight: bold; } 
.event1 .coupon_info .coupon_desc .tiny_noti { position: absolute; right: 0; bottom: -20px; } 
.event1 .coupon_info .coupon_box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; width: 360px; height: 160px; color: #fff; background-color: #000000; border-radius: 10px; } 
.event1 .coupon_info .coupon_box .end { position: absolute; top: -20px; right: -20px; } 
.event1 .coupon_info .coupon_box h6 { font-size: 26px; font-weight: bold; } 
.event1 .coupon_info .coupon_box p { font-size: 20px; } 
.event1 .coupon_info .coupon_box.done { color: #dddddd; background-color: #999999; } 
.event1 .step_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.event1 .step_wrap .step { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex: 1; height: 200px; padding: 45px 25px 32px 25px; background-color: #fff; } 
.event1 .step_wrap .step::before { position: absolute; top: 50%; right: -18px; transform: translate(0, -50%); content: ""; width: 36px; height: 36px; background-image: url("https://image.megagong.net/m/2024/0416_promo/event1_step_arrow.png"); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 2; } 
.event1 .step_wrap .step::after { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ""; width: 1px; height: calc(100% - 80px); background-color: #dddddd; } 
.event1 .step_wrap .step:last-of-type::before,
.event1 .step_wrap .step:last-of-type::after { display: none; } 
.event1 .step_wrap .step span { display: inline-block; margin-bottom: 18px; color: #000000; font-size: 20px; font-weight: 900; } 
.event1 .step_wrap .step p { color: #000000; font-size: 16px; font-weight: bold; } 
.event1 .step_wrap .step a { display: inline-block; width: 100%; height: 46px; line-height: 46px; margin-top: 13px; color: #fff; font-size: 16px; font-weight: bold; background-color: #000000; border-radius: 5px; } 
.event1 .step_wrap .step i { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; min-width: 147px; margin-top: 8px; color: #cf3043; font-size: 14px; font-weight: bold; font-style: normal; } 
.event1 .step_wrap .step i > img { margin-right: 9px; } 
.event1 .step_wrap .step i:last-of-type { margin-top: 3px; } 
.admin_custom { padding: 50px 0; background-color: #fff; } 
.evt_result_tb { margin: 50px 0; } 

/* event2 */
.event2 { background-color: #ff7f29; } 
.event2 .con_tit .end::after { background: #ffe5d4; } 
.event2 .header { margin-bottom: 36px; } 
.event2 .clamp-title { margin-bottom: 39px; color: #000000; } 
.event2 .clamp-title b { color: #fff; } 
.event2 .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event2 .tab_base li { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 84px; color: #ffa264; font-size: 26px; font-weight: bold; background-color: #f1711b; border-radius: 15px 15px 0 0; } 
.event2 .tab_base li.on { color: #fff; background-color: #007af3; } 
.event2 .tab_base a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.event2 .panel_base_inner { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 180px; border-radius: 0 0 15px 15px; overflow: hidden; } 
.event2 .panel_base_inner h6 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 320px; height: 100%; line-height: 1.4; color: #000; font-size: 20px; font-weight: bold; background-color: #f5f5f5; } 
.event2 .panel_base_inner > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 9px; flex: 1; height: 100%; padding-left: 39px; background-color: #fff; } 
.event2 .panel_base_inner > div p { position: relative; padding-left: 22px; line-height: 1.2; color: #333333; font-size: 18px; text-align: left; } 
.event2 .panel_base_inner > div p::before { position: absolute; top: 4px; left: 0; content: ""; width: 14px; height: 10px; background-image: url("https://image.megagong.net/m/2024/0416_promo/con2_check.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.event2 .lecture { margin-top: 40px; background-color: transparent !important; } 
.event2 .lecture .lectlist { background-color: #fff; } 
.event2 .commonTab > ul li a { color: #000; } 


/* banner */
.banner { padding: 37px 0 40px 0; background-color: #252525; } 
.banner .clamp-text { margin-bottom: 5px; line-height: 1.4; color: #fff; font-size: 20px; } 
.banner .clamp-title { color: #ff447b; font-size: 40px; } 

/* 2504 */
.ver_2504 .evCon2 .top .top_bottom h6 {width: auto; flex: 1;}
.ver_2504 .evCon2 .top .top_top p {width: 33.3%;}
.ver_2504 .evCon2 .top .top_top > div::before {background-image: url("https://image.megagong.net/m/2025/0408_promo/con2_arrow_red.png");}
.ver_2504 .event1 .coupon_info .coupon_desc .tiny_noti {
    left: 0px;
    right: inherit;
    color: #bababa;
}

@media screen and (max-width: 1300px){
    .eventWrap .main .con_title > div,
    .evCon2 .con_box,
    .evCon3 .con_box { margin: 0 auto; } 
}

@media screen and (max-width: 1200px){
    .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); } 

    .evCon4 .lectlist.ver2 li .listName { top: inherit; left: inherit; } 
    .evCon4 .lectlist.ver2 li .listName .name { width: 72px; margin: 4px 0 8px; text-align: center; } 
    .event1 .coupon_info .coupon_desc .coupon_desc_title h5 { font-size: clamp(18px,2vmin,20px); } 
    .event1 .coupon_info .coupon_box { width: 250px; } 

    /* 2504 */
    .ver_2504 .evCon2 .top .top_top > div {width: 63%;}
}

@media screen and (max-width: 992px){
    .clamp-title { font-size: clamp(26px, 5vmin, 36px); } 
    .evCon1 .clamp-text,
    .evCon1 .clamp-text2,
    .evCon3 .clamp-text,
    .evCon2 .clamp-text { font-size: clamp(20px, 3vmin, 26px)}
    .evCon1 ul li .con1_label p,
    .event1 .clamp-text,
    .event .event_sub_title .text,
    .container_info { font-size: clamp(18px, 2vmin, 22px)}
    .evCon3 .box li p { min-width: 580px; font-size: 14px; } 
    .evCon4 .clamp-text { font-size: clamp(20px, 3vmin, 26px)}
    .evCon4 .tab_base li { height: 65px; font-size: 18px; } 
    .event1 .coupon_info { flex-direction: column; } 
    .event1 .coupon_info .coupon_desc { flex: initial; width: 100%; } 
    .event1 .coupon_info .coupon_box { gap: 3px; width: 100%; height: 110px; } 
    .event1 .step_wrap .step::before { right: -12.5px; width: 25px; height: 25px; } 
    .event1 .step_wrap .step { padding: 34px 15px 32px 15px; } 
    .event1 .step_wrap .step p { font-size: 14px; } 
    .event1 .step_wrap .step a { height: 40px; line-height: 40px; margin-top: 13px; font-size: 14px; } 
    .event2 .tab_base li { height: 65px; font-size: 18px; } 
    .event2 .panel_base_inner h6 { width: 250px; font-size: 18px; } 
    .event2 .panel_base_inner > div p { font-size: 16px; } 

    /* 2504 */
    .ver_2504 .event1 .coupon_info .coupon_desc .tiny_noti {width: 100%;}
    .ver_2504 .event1 .coupon_info {
        gap: 35px;
    }
}

@media screen and (max-width: 768px){
    .clamp-title { font-size: clamp(20px, 4.4vmin, 26px); } 

    .eventWrap .main,
    .evCon1,
    .evCon2,
    .evCon3,
    .evCon4,
    .event { padding: 10vw 0; } 
    .eventWrap .main .con_title { margin-bottom: 7vw; } 
    .eventWrap .main .con_title .clamp-text { max-width: 80vw; height: 50px; padding: 0 30px; } 
    .eventWrap .main .con_box { gap: 10px; } 
    .evCon1 .con_box { margin: 0 auto; margin-top: 5vw; } 
    .evCon1 .con_box .clamp-text { margin-bottom: 4vw; } 
    .evCon1 .con_box .clamp-text2 { margin-top: 4vw; } 
    .evCon1 ul li .con1_label p { min-width: 410px; } 
    .evCon2 .top .top_top { height: 94px; } 
    .evCon2 .top .top_top > div::before { left: 50%; transform: translate(-50%, 0); width: 95%; } 
    .evCon2 .top .top_top h5 { top: 40%; font-size: 22px; } 
    .evCon2 .top .top_top p { font-size: 16px; } 
    .evCon2 .bottom li > div:last-of-type { flex: initial; width: 35%; } 
    .evCon3 .box li { flex-direction: column; } 
    .evCon3 .box li p { min-width: initial; font-size: 13px; text-align: center; } 
    .evCon4 .clamp-text { display: flex; flex-direction: column; } 
    .commonTab > ul li a { padding: 0 9px !important; } 
    .event1 .clamp-text,
    .container_info { margin-bottom: 4vw; } 
    .event .event_sub_title { margin-bottom: 2vw; } 
    .event1 .step_wrap { flex-wrap: wrap; max-width: 554px; margin: 0 auto; } 
    .event1 .step_wrap .step { flex: initial; width: 50%; } 
    .event1 .step_wrap .step:nth-of-type(1),.event1 .step_wrap .step:nth-of-type(2) { margin-bottom: 5px; } 
    .event1 .step_wrap .step:nth-of-type(2)::before,.event1 .step_wrap .step:nth-of-type(2)::after { display: none; } 
    .event2 .panel_base_inner h6 { width: 175px; } 
    .event2 .panel_base_inner > div { padding-left: 20px; width: 100%;} 
    .event2 .panel_base_inner > div p { font-size: 14px; } 
    .banner .clamp-text { font-size: clamp(15px, 2vmin, 18px)}
    .banner .clamp-title { font-size: clamp(22px, 4.4vmin, 26px)} 

    /* 2504 */
    .ver_2504 .event1 .coupon_info .coupon_desc {margin-bottom: 5%;}
    .ver_2504 .event1 .coupon_info .coupon_desc .tiny_noti {bottom: -23%;}
}

@media screen and (max-width: 576px){
    .eventWrap .main,
    .evCon1,
    .evCon2,
    .evCon3,
    .evCon4,
    .event { padding: 15vw 0; } 
    .eventWrap .main .con_title .clamp-text { max-width: 90vw; height: 40px; margin-bottom: 15px; padding: 0 10px; font-size: clamp(13px, 2vmin, 16px); } 
    .eventWrap .main .con_title .clamp-text2 { letter-spacing: 0.05em; font-size: clamp(14px, 1.8vmin, 18px); } 
    .eventWrap .main .con_box { flex-direction: column; width: 80%; margin: 0 auto; } 
    .evCon1 .clamp-text, .evCon1 .clamp-text2, .evCon3 .clamp-text, .evCon2 .clamp-text { font-size: clamp(16px, 3vmin, 24px); } 
    .evCon1 ul li .con1_label p, .event1 .clamp-text, .event .event_sub_title .text, .container_info { font-size: clamp(15px, 1.5vmin, 18px); } 
    .evCon1 ul { gap: 5px; } 
    .evCon1 ul::before { height: 130%; } 
    .evCon1 ul li { height: 55px; } 
    .evCon1 ul li .con1_label{border-radius: 10px;}
    .evCon1 ul li .con1_label input { margin-right: 12px; } 
    .evCon1 ul li .con1_label p { min-width: 293px; font-size: clamp(13px, 2vmin, 18px); }
    .evCon2 .top .top_bottom{height: 55px;border-radius: 10px;}
    .evCon2 .top .top_bottom h6{font-size: 17px;} 
    .evCon2 .top .top_top p::before{width: 18px;}
    .evCon2 .bottom li { flex-direction: column; height: 130px;border-radius: 10px;} 
    .evCon2 .bottom li > div { flex: initial; width: 100%; } 
    .evCon2 .bottom li > div:first-of-type { padding:5px 0 10px; } 
    .evCon2 .bottom li > div:last-of-type { width: 100%; } 
    .evCon2 .bottom li > div:first-of-type::before { top: initial; left: 50%; right: initial; bottom: -12px; transform: translate(-50%, 0) rotate(90deg); width:24px;height:24px} 
    .evCon2 .bottom li > div p{font-size: 14px;}
    .evCon2 .bottom li > div h6{font-size: 16px;}
    .evCon3 .box{gap: 5px;}
    .evCon3 .box li{padding: 15px 0;gap: 10px;}
    .evCon3 .box li p { padding: 0 20px;font-size: 12px;} 
    .evCon3 .box li p br { display: none; } 
    .evCon3 .box li h6{width: auto;height: 28px;font-size: 14px;padding: 0 30px;border-radius: 40px;}
    .evCon4 .tab_base li { height: 55px; font-size: 15px; } 
    .commonTab > ul li a { font-size: 14px; } 
    .event .header { width: 40%; margin-bottom: 20px; } 
    .container_info { margin-bottom: 10vw; } 
    .event1 .coupon_info .coupon_desc { flex-direction: column; height: initial; margin: 0 0 020px; } 
    .event1 .coupon_info .coupon_desc .coupon_desc_title h5{font-size:clamp(16px,2vmin,20px)}
    .event1 .coupon_info .coupon_desc .coupon_desc_title { flex: initial; width: 100%; height: 100px; } 
    .event1 .coupon_info .coupon_desc .coupon_desc_title > div{width:80px;height:80px;font-size: 13px;}
    .event1 .coupon_info .coupon_desc .coupon_desc_title > div b{font-size: 1.2em;}
    .event1 .coupon_info .coupon_desc .coupon_desc_count { flex-direction: row; width: 100%; height: 60px; } 
    .event1 .coupon_info .coupon_desc .coupon_desc_count::before { width: 100%; height: 5px; background-image: url('https://image.megagong.net/m/2024/0416_promo/event1_box_deco_rotate.png'); background-repeat: repeat-x; } 
    .event1 .coupon_info .coupon_desc .coupon_desc_count p{font-size: 16px;}
    .event1 .coupon_info .coupon_desc .coupon_desc_count h6{font-size: 20px;}
    .event1 .coupon_info .coupon_box{height: 90px;}
    .event1 .coupon_info .coupon_box h6{font-size: 18px;} 
    .event1 .coupon_info .coupon_box p{font-size: 18px;color: #FFEB3B;}

    .event2 .panel_base_inner { flex-direction: column; height: initial; } 
    .event2 .panel_base_inner h6 { width: 100%; padding: 30px 0; } 
    .event2 .panel_base_inner > div { padding: 20px 30px; } 
}