@charset "euc-kr";

:root {
    --color-pink: #ff3af1;
    --swiper-theme-color: #009cff;
}
/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */
[class*=mg_popup_wrap] .m_img{margin-top:50px;padding-bottom:10px;text-align:center;}
[class*=mg_popup_wrap] .f_img{margin-top:30px;text-align:center;}
[class*=mg_popup_wrap] .m_tit span.tiny{display:block;font-size:18px;font-weight:500;}

.con_tit .evt_mark{padding:15px 40px;}
.con_tit .end::after{background: var(--color-pink);}/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1{background-color:#000; color:#fff;}

.clamp-title{font-size:50px;font-weight:900;}
.clamp-title strong{font-weight:inherit;color:var(--color-pink);}
.warningList li ul li a.tp2{color:var(--color-pink);}
.dim_popup.sns .tbl_wrap{max-height:305px;overflow-y:auto;}

.btn_ui_wrap{display:flex;gap:0 30px;padding:0 40px;max-width:1000px;margin:80px auto 0;}
.btn_ui{color: #000;padding: 22px 30px;width: 100%;text-align: center;font-size: 22px;font-weight: bold;border-radius: 50px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);display:flex;gap:0 18px;justify-content:center;align-items:center;}
.btn_ui::after{content:'';display:inline-block;width:12px;height:17px;background:url(https://image.megagong.net/m/2024/0913_boomup/btn_arrow.png) 50% 50% no-repeat;}
.btn_ui.type-1, .btn_ui.type-2, .btn_ui.type-3{padding:25px 30px;}
.btn_ui.type-1{background:url(https://image.megagong.net/m/2024/0913_boomup/btn2_bg1.jpg) 0 bottom repeat-x;background-size: auto 100%;}
.btn_ui.type-2{background:url(https://image.megagong.net/m/2024/0913_boomup/btn2_bg2.jpg) 0 bottom repeat-x;background-size: auto 100%;color:#fff;}
.btn_ui.type-3{background:url(https://image.megagong.net/m/2024/0913_boomup/btn2_bg3.jpg) 0 bottom repeat-x;background-size: auto 100%;color:#fff;}

.btn_ui.type-top{background:url(https://image.megagong.net/m/2024/0913_boomup/top_btn_bg1.jpg) 0 bottom repeat-x;background-size: auto 100%;width:auto;padding:25px;min-width:490px;font-weight:900;font-size:24px;color:#101010;position:absolute;left:50%;transform:translateX(-50%);bottom:135px;}
.btn_ui.type-top.on{background:url(https://image.megagong.net/m/2024/0913_boomup/top_btn_bg2.jpg) 0 bottom repeat-x;background-size: auto 100%;}

.btn_ui.type-top::after, .btn_ui.type-1::after, .btn_ui.type-2::after, .btn_ui.type-3::after{display:none;}
.btn_ui span.ico{display:flex;align-items:center;gap:0 12px;}
.btn_ui span.ico::after{content:'';display:block;width:28px;height:26px;}
.btn_ui span.ico.share::after{background:url(https://image.megagong.net/m/2024/0913_boomup/ico_btn_ui1.png) 50% 50% no-repeat;}
.btn_ui span.ico.copy::after{background:url(https://image.megagong.net/m/2024/0913_boomup/ico_btn_ui2.png) 50% 50% no-repeat;}
.btn_ui em{font-style:normal;font-weight:inherit;}

.con_box{margin-top:60px;}

.evCon1{background:url(https://image.megagong.net/m/2024/0913_boomup/top_bg.jpg) 50% 0 no-repeat;background-size:cover;}
.evCon1 .inner{width:1420px;}
.evCon1 .line_area{background-color: var(--color-pink);overflow:hidden;}
.evCon1 .line_area .flow_challenge{display:flex;align-items:center;justify-content:center;height:50px;gap:0 60px;animation: flow-left 40s linear infinite;white-space: nowrap;}
.evCon1 .line_area .flow_challenge > span{display:block;flex-shrink:0;}

@keyframes flow-left {
    0% {
        transform: translateX(100%); /* ¿À¸¥ÂÊ ³¡¿¡¼­ ½ÃÀÛ */
    }
    100% {
        transform: translateX(-100%); /* ¿ÞÂÊ ³¡À¸·Î À̵¿ */
    }
}

.evEvent{padding:150px 0;}
#event1{background:#ffeaff url(https://image.megagong.net/m/2024/0913_boomup/evt1_bg.jpg) 50% 0 no-repeat;background-size:cover;}
#event2{background:#fff3fc url(https://image.megagong.net/m/2024/0913_boomup/evt2_bg.jpg) 50% 0 no-repeat;background-size:cover;}
#event3{background:#fbfeff url(https://image.megagong.net/m/2024/0913_boomup/evt3_bg.jpg) 50% 0 no-repeat;background-size:cover;}
#event4{background:#fdf9ff url(https://image.megagong.net/m/2024/0913_boomup/evt4_bg.jpg) 50% 0 no-repeat;background-size:cover;}

#event1 .con_box{position: relative;}
#event1 .container_info{position: absolute;left:50%;transform:translate(-50%);top:0;width:100%;max-width:1000px;}
#event1 .heart{position: absolute;left:-10px;top:0;width:1100px;}
#event1 .join_area{padding-top:730px;position: relative;}
#event1 .join_area .label{display:flex;gap:0 40px;align-items:center;}
#event1 .join_area .label::before, #event1 .join_area .label::after{content:'';display:block;flex-grow:1;background-color:#222;height:1px;}
#event1 .join_area .label span{display:block;flex-shrink:0;font-size:34px;color:#000;font-weight:bold;}
#event1 .join_step{margin-top:40px;display:flex;border:1px solid #222222;}
#event1 .join_step li{width:50%;display:flex;background-color:#fff;padding:8px 10px;justify-content:center;align-items:center;gap:0 20px;border-left:1px solid #222222;}
#event1 .join_step li:first-child{border-left:0;}
#event1 .join_step li .txt{font-size:19px;font-weight:700;color:#222222;}
#event1 .join_detail{text-align:center;background-color:#fff;padding:60px;border-radius:20px;box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);margin-top:40px;}
#event1 .join_detail dt{text-align:center;}
#event1 .join_detail dt .img, #event1 .join_detail dt .txt{display:block;}
#event1 .join_detail dt .txt{font-size:16px;color:#666666;margin-top:20px;}
#event1 .join_detail dd .tiny_text{font-size:13px;color:#000;opacity:0.5;text-align:left;display:block;margin-top:10px;}

#event1 .submit-form{display:flex;margin-top:50px;gap:0 10px;}
#event1 .submit-form input,
#event1 .submit-form textarea{flex-grow:1;padding:5px 20px;font-size:20px;font-family:'Noto Sans KR';border:3px solid #000000;}
#event1 .submit-form textarea::placeholder{font-family:'Noto Sans KR';}
#event1 .submit-form textarea{resize:none;}
#event1 .submit-form .btn{flex-shrink:0;padding:25px 40px;background-color:#000;font-size:20px;color:#fff;font-weight:700;min-width:190px;display:block;text-align:center;}
#event1 .submit-form .btn.complete{background-color: #8f8f8f;color:#ffffff;}

#event2 .inner{width:1260px;}
#event2 .small_text{font-size:20px;color:#000000;margin-top:10px;display:block;}
#event2 .container_info{max-width:1000px;margin:0 auto;}
#event2 .event_eat_list{display:flex;gap:0 70px;margin-top:85px;justify-content:space-between;width:100%;}
#event2 .event_eat_list > li{width:33.333%;}
#event2 .event_eat_list > li dt{max-width:348px;margin:0 auto 30px;position: relative;}
#event2 .event_eat_list > li dt .gift{display:inline-block;overflow:hidden;box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.15);border-radius:50%;}
#event2 .event_eat_list > li dt .clock{position: absolute;left:0;top:0;width:106px;height:106px;display:flex;justify-content: center;align-items: center;font-size:25px;font-weight:900;color:#000;}
#event2 .event_eat_list > li.breakfast dt .clock{background:url(https://image.megagong.net/m/2024/0913_boomup/bg_clock1.png) 50% 50% no-repeat;}
#event2 .event_eat_list > li.lunch dt .clock{background:url(https://image.megagong.net/m/2024/0913_boomup/bg_clock2.png) 50% 50% no-repeat;}
#event2 .event_eat_list > li.dinner dt .clock{background:url(https://image.megagong.net/m/2024/0913_boomup/bg_clock3.png) 50% 50% no-repeat;}
#event2 .event_eat_list > li dd .time{font-size:20px;font-weight:700;color:#000000;margin-top:30px;}
#event2 .event_eat_list > li dd .btn_ui{margin-top:30px;}
#event2 .event_eat_list > li.breakfast .btn_ui{background:url(https://image.megagong.net/m/2024/0913_boomup/btn_bg1.jpg) 0 0 repeat-x;background-size: auto 100%;}
#event2 .event_eat_list > li.lunch .btn_ui{background:url(https://image.megagong.net/m/2024/0913_boomup/btn_bg2.jpg) 0 0 repeat-x;background-size: auto 100%;}
#event2 .event_eat_list > li.dinner .btn_ui{background:url(https://image.megagong.net/m/2024/0913_boomup/btn_bg3.jpg) 0 0 repeat-x;background-size: auto 100%;}
#event2 .event_eat_list > li .btn_ui.confirm{background:url(https://image.megagong.net/m/2024/0913_boomup/btn_bg4.jpg) 0 0 repeat-x;background-size: auto 100%;}
#event2 .event_eat_list > li .btn.confirm::after{display:none;}
#event2 .event_eat_list > li dd .time{display:block;}
#event2 .tiny_text{margin-top:60px;font-size:16px;color:#000;opacity:0.3;display:block;}

#event3 .inner{width:1260px;}
#event3 .container_info{max-width:1000px;margin:0 auto;}
#event3 .pic{margin-top:80px;}
#event3 .item-wrap{margin-top:190px;}
#event3 .sub_tit span{display:block;}
#event3 .sub_tit .tit{font-size:40px;font-weight:900;color:#000;display:inline-flex;align-items:center;justify-content:center;gap:0 15px;}
#event3 .sub_tit .tit em{font-style:normal;}
#event3 .sub_tit .tit i:first-child{opacity:0;}
#event3 .sub_tit .con{font-size:24px;color:#000;opacity:0.5;}
#event3 .item-area{margin-top:60px;position: relative;}
#event3 .item_track{position: absolute;right:-170px;top:50%;transform:translateY(-50%);}
#event3 .item_list{display:flex;gap:80px 20px;flex-wrap:wrap;width:100%;justify-content:center;position: relative;}
#event3 .item_list .item_detail{width:calc(25% - 15px);}
#event3 .item_detail{background-color:#fff;border-radius:20px;}
#event3 .item_detail > dt{font-size:21px;font-weight:500;color:#000;padding:20px 10px;background-color:#00ffff;border-radius:20px 20px 0 0;}
#event3 .item_detail > dd{padding:40px 10px 25px;text-align:center;border:4px solid #fff;border-top:0;border-radius:0 0 20px 20px;}
#event3 .item_detail > dd  span{display:block;}
#event3 .item_detail > dd .date{font-size:16px;font-weight:500;color:#777777;text-decoration:underline;}
#event3 .item_detail > dd .name{font-size:24px;font-weight:700;color:#121212;line-height:1.2;margin-top:15px;}
#event3 .item_detail > dd .img_area{margin-top:30px;}
#event3 .item_detail > dd .img_area .img{height:164px;display:flex;align-items:center;justify-content:center;}
#event3 .item_detail.on{box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);}
#event3 .item_detail.on > dt{background-color:#ff3af1;color:#fff;}
#event3 .item_detail.on > dd{border-color:#ff3af1;}
#event3 #item_swiper .swiper-slide {flex:1;margin-right:10px;}
#event3 #item_swiper .swiper-slide:last-child{margin-right:0}
#event3 .swiper-scrollbar {display: none;}

#event3 .winner-wrap{margin-top:140px;}
#event3 .winner_area{border-radius:20px;overflow:hidden;box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.15);max-width:1080px;margin:60px auto 0;}
#event3 .winner_area > dt{padding:25px 40px;background-color: #00ffff;display:flex;gap:0 70px;justify-content:center;}
#event3 .winner_area > dt span{font-size:22px;font-weight:bold;}
#event3 .winner_area > dd{background-color:#fff;padding:60px 16px 60px 40px;position: relative;}
#event3 .winner_area > dd.dimm::before{content:'';display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);z-index:1;position: absolute;left:0;top:0;}
#event3 .winner_area > dd.dimm > .winner_tit, #event3 .winner_area > dd.dimm > .winner_list_area{opacity:0;}
#event3 .winner_area > dd.dimm{padding:85px 15px;}
#event3 .winner_area > dd .coming_soon{text-align:center;position: relative;z-index:1;}
#event3 .winner_area > dd .coming_soon > span{display:block;}
#event3 .winner_area > dd .coming_soon > span.txt{font-size:20px;font-weight:500;color:#ffffff;margin-top:20px;}
#event3 .winner_area > dd .winner_tit{font-size:30px;font-weight:700;color:#000;}
#event3 .winner_area > dd .winner_list_area{margin-top:20px;overflow-y:auto;max-height:130px;padding-right:16px;}
#event3 .winner_area > dd .winner_list_area::-webkit-scrollbar{border-radius:4px;background:transparent;width:8px;}
#event3 .winner_area > dd .winner_list_area::-webkit-scrollbar-track{border-radius:0 4px 4px 0;background:transparent;border-left:0;border-radius:0;} 
#event3 .winner_area > dd .winner_list_area::-webkit-scrollbar-thumb{background-color:#777;border-radius:10px;background-clip:padding-box;}
#event3 .winner_area > dd .winner_list li{background-color:#f0f0f0;border-radius:50px;display:flex;justify-content:center;font-size:19px;font-weight:500;color:#666666;padding:16px;margin-top:10px;gap:0 40px;height:60px;align-items:center;}
#event3 .winner_area > dd .winner_list li:first-child{margin-top:0;}
#event3 .winner_area > dd .winner_list li .info{display:flex;gap:0 30px;}
#event3 .winner_area > dd .winner_list li .info .line{background-color:#c0c0c0;width:1px;}
#event3 .winner_area > dd .winner_list li .date{flex-shrink:0;}
#event3 .tiny_text{font-size:16px;color:rgba(0, 0, 0, 0.3);margin-top:40px;}

#event4 .container_gift_wrap{margin-top:85px;}
#event4 .bonus_area{margin-top:100px;}
#event4 .bonus_area .label{display:flex;gap:0 40px;align-items:center;}
#event4 .bonus_area .label::before, #event4 .bonus_area .label::after{content:'';display:block;flex-grow:1;background-color:#222;height:1px;}
#event4 .bonus_area .label span{display:block;flex-shrink:0;font-size:30px;color:#000;font-weight:bold;}
#event4 .bonus_info{display:flex;justify-content:center;background-color:#ffffff;border-radius:20px;box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.15);padding:50px 30px;margin-top:40px;}
#event4 .bonus_info ul{text-align:left;}
#event4 .bonus_info ul li{padding-left:45px;position: relative;margin-top:35px;font-size:20px;color:#222222;}
#event4 .bonus_info ul li:first-child{margin-top:0;}
#event4 .bonus_info ul li::before{content:'';display:block;width:25px;height:25px;position: absolute;left:0;top:1px;}
#event4 .bonus_info ul li.li1::before{background:url(https://image.megagong.net/m/2024/0913_boomup/bonus_ic1.png) 50% 50% no-repeat;}
#event4 .bonus_info ul li.li2::before{background:url(https://image.megagong.net/m/2024/0913_boomup/bonus_ic2.png) 50% 50% no-repeat;}
#event4 .bonus_info ul li.li3::before{background:url(https://image.megagong.net/m/2024/0913_boomup/bonus_ic3.png) 50% 50% no-repeat;}
#event4 .bonus_info ul li.li4::before{background:url(https://image.megagong.net/m/2024/0913_boomup/bonus_ic4.png) 50% 50% no-repeat;}
#event4 .bonus_info ul li .hashtag{color:#ff3af1;}
#event4 .bonus_area .shareList{margin-top:100px;}
#event4 .bonus_area .btn_ui_wrap{max-width:800px;padding:0;margin-top:40px;}
#event4 .shareList.ver2 ul li dl.sns dt{background-color:#000000;color:#ff3af1;}
#event4 .shareList.ver2 ul li dl.naver dt{background-color:#000000;color:#00ffff;}
#event4 .shareList.ver2 ul li dl.daum dt{background-color:#000000;color:#41ff01;}
#event4 .shareList.ver2 ul li dl.etc dt{background-color:#999999;color:#ffffff;}
#event4 .eventBoard .evtBoard_common{background-color:#fdfbfe;}
#event4 .eventBoard .evtBoard_common .board_write{padding-right:210px;}
#event4 .eventBoard .evtBoard_common .board_write .inp_wrap input{border:1px solid #000;}

.popupEvent{max-width: 430px;}

@media screen and (max-width: 1420px){
    .evCon1 .inner{width:96%;}
    .evCon1 .btn_ui{bottom:12%;}
}

@media screen and (max-width: 1260px){
    #event2 .inner{width:96%;}
    #event3 .inner{width:96%;}
}
@media screen and (max-width: 1200px){
    .clamp-title{font-size: clamp(26px,5vw,50px);}

    .evEvent{padding:15% 0;}
    .con_box{margin-top:6%;}
    
    .btn_ui.type-top{font-size:20px;padding:15px;min-width:initial;min-width:30%;}
    .btn_ui_wrap{padding:0;margin-top:8%;}
    .btn_ui{font-size:18px;padding:20px;gap:0 15px;}
    .btn_ui.type-1, .btn_ui.type-2, .btn_ui.type-3{padding:20px;}
    .btn_ui span.ico::after{width:24px;height:22px;}
    .btn_ui span.ico.share::after,
    .btn_ui span.ico.copy::after{background-size:auto 100%;}

    .evCon1 .btn_ui{bottom:12%;}

    #event1 .heart{width:100%;left:0;}
    #event1 .join_area{padding-top:61vw;}
    #event1 .join_area .label{gap:0 20px;}
    #event1 .join_area .label span{font-size:clamp(18px, 3.5vw, 34px);}
    #event1 .join_step li .txt{font-size:clamp(12px, 1.8vw, 19px);}
    #event1 .join_detail{margin-top:4%;padding:30px;}
    #event1 .join_detail dt .txt{font-size:14px;margin-top:10px;}

    #event1 .submit-form{margin-top:5%;}
    #event1 .submit-form input,
    #event1 .submit-form textarea{font-size:16px;padding:5px 15px;}
    #event1 .submit-form .btn{font-size:16px;padding:20px 30px;min-width:170px;}

    #event2 .small_text{font-size:clamp(13px, 1.9vw, 20px);}
    #event2 .event_eat_list{gap: 0 35px;margin-top:8.5%;}
    #event2 .event_eat_list > li dd .time{margin-top:20px;font-size:16px;}
    #event2 .event_eat_list > li dd .btn_ui{margin-top:20px;}
    #event2 .event_eat_list > li dt .clock{width:90px;height:90px;font-size:21px;}
    #event2 .event_eat_list > li.breakfast dt .clock,
    #event2 .event_eat_list > li.lunch dt .clock,
    #event2 .event_eat_list > li.dinner dt .clock{background-size:cover;}
    #event2 .tiny_text{margin-top:6%;font-size:14px;}

    #event3 .item-wrap{margin-top:19%;}
    #event3 .item-area{margin-top:6%;}
    #event3 .winner-wrap{margin-top:14%;}
    #event3 .winner_area{margin-top:6%;}
    #event3 .winner_area > dt{gap:0 35px;}
    #event3 .winner_area > dt span{font-size:18px;}
    #event3 .sub_tit .tit{font-size:clamp(20px, 3.7vw, 40px);}
    #event3 .sub_tit .tit em{flex-shrink:0;}
    #event3 .sub_tit .tit i{display:block;width:12%;}
    #event3 .sub_tit .con{font-size:clamp(12px, 2.2vw, 24px);}
    #event3 .winner_area > dt{padding:20px 30px;}
    #event3 .winner_area > dd{padding:30px 16px 30px 40px;}
    #event3 .winner_area > dd .winner_tit{font-size:clamp(16px, 3.2vw, 30px);}
    #event3 .winner_area > dd .winner_list_area{max-height:110px;}
    #event3 .winner_area > dd .winner_list li{font-size:16px;gap:0 20px;height:50px;padding:14px;}
    #event3 .winner_area > dd .winner_list li .info{gap:0 20px;}
    #event3 .winner_area > dd.dimm{padding:8.5% 10px;}
    #event3 .winner_area > dd .coming_soon > span.txt{font-size:18px;}

    #event3 .item_detail > dt{font-size:18px;}
    #event3 .item_detail > dd{padding:30px 10px 20px;}
    #event3 .item_detail > dd .name{font-size:20px;}
    #event3 .tiny_text{font-size:14px;margin-top:4%;}

    #event4 .eventBoard .evtBoard_common .board_write{padding-right:0;}
    #event4 .container_gift_wrap{margin-top:8.5%;}
    #event4 .bonus_area{margin-top:10%;}
    #event4 .bonus_area .shareList{margin-top:10%;}
    #event4 .bonus_area .btn_ui_wrap{margin-top:4%;}
    #event4 .bonus_info{padding:30px 20px;margin-top:4%;}
    #event4 .bonus_info ul li{margin-top:25px;font-size:18px;}
    #event4 .bonus_area .label span{font-size:clamp(16px, 3.2vw, 30px);}
}
@media screen and (max-width: 992px){
    .btn_ui_wrap{gap:0 10px;}
    #event2 .event_eat_list{gap:0 25px;}
}
@media screen and (max-width: 768px){
    .btn_ui.type-top{font-size:16px;padding:10px;}
    .btn_ui{font-size:14px;padding:15px;gap:0 10px;}
    .btn_ui.type-1, .btn_ui.type-2, .btn_ui.type-3{padding:15px;}
    .btn_ui::after{width:7px;height:12px;background-size:auto 12px;}
    
    .evCon1 .line_area .flow_challenge{height:40px;gap:0 30px;}
    .evCon1 .line_area .flow_challenge > span.txt{width:120px;}
    .evCon1 .line_area .flow_challenge > span{width:18px;}

    #event1 .join_detail{padding:15px;}
    #event1 .join_step li{gap:0 10px;}
    #event1 .join_step li .txt{text-align:left;}

    #event2 .event_eat_list{gap: 0 10px;}
    #event2 .event_eat_list > li dt .clock{width:70px;height:70px;font-size:16px;}
    #event2 .event_eat_list > li dd .time{font-size:14px;}

    #event3 #item_swiper {position: relative; overflow: hidden;}
    #event3 #item_swiper .swiper-slide {width: 240px;flex:none;}
    
    #event3 #item_swiper .swiper-scrollbar {display: block;position: relative; margin-top: 15px;left: auto;top: auto;height: 8px;width: 100%;z-index: 1;} 		
    #event3 #item_swiper .swiper-scrollbar .swiper-scrollbar-drag { background: var(--swiper-theme-color); } 								

    #event3 .winner_area > dt{padding:15px 20px;}
    #event3 .winner_area > dd{padding:15px 8px 15px 20px;}
    #event3 .winner_area > dd .winner_list_area{padding-right:8px;}
    #event3 .winner_area > dd .winner_list li{font-size:14px;}
    #event3 .winner_area > dd .winner_list li{gap:0 10px;}
    #event3 .winner_area > dd .winner_list li .info{gap:0 10px;}

    #event3 .item_detail > dd{padding:20px 10px 15px;}
    #event3 .item_detail > dd .date{font-size:14px;}
    #event3 .item_detail > dd .name{font-size:16px;}
    #event3 .item_detail > dd .img_area{margin-top:15px;}
    #event3 .winner_area > dd.dimm{padding:20px;}
    #event3 .winner_area > dd .coming_soon > span.txt{font-size:14px;margin-top:10px;}
    #event3 .tiny_text{font-size:12px;}

    #event3 .sub_tit .tit{gap: 0 7px;}
    #event3 .sub_tit .tit i{width:10%;}

    #event4 .bonus_info{padding:20px 15px;}
    #event4 .bonus_info ul li{font-size:16px;padding-left:25px;}
    #event4 .bonus_info ul li::before{width:19px;height:19px;}
    #event4 .bonus_info ul li.li1::before,
    #event4 .bonus_info ul li.li2::before,
    #event4 .bonus_info ul li.li3::before,
    #event4 .bonus_info ul li.li4::before{background-size:cover;}
    
}
@media screen and (max-width: 576px){
    .btn_ui.type-top{bottom:10%;font-size:14px;}

    
    
    #event1 .submit-form{display:block;}
    #event1 .submit-form input,
    #event1 .submit-form textarea{padding:10px;width:100%;font-size:14px;}
    #event1 .submit-form .btn{padding:10px;font-size:14px;}
    #event2 .event_eat_list{flex-wrap:wrap;justify-content: center;gap: 30px 15px;}
    #event2 .event_eat_list > li{width:calc(50% - 7.5px);}
    #event3 .winner_area > dd .winner_list li{gap:0 5px;font-size:12px;}
    #event3 .winner_area > dd .winner_list li .info{gap:0 5px;}
    #event4 .bonus_info ul li{font-size:14px;}
}

@media screen and (max-width: 460px){
    #event1 .heart{top:20px;}
    #event1 .join_area{padding-top:67vw;}
}