@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
:root {
    --color-primary: #bc52ff;
}
.evSection {padding: 160px 0;}
.eventWrap .con_box {margin-top: 60px;}
.evSection .mini_tit span {opacity: 0.6;}
.evSection .con_tit strong span {color: var(--color-primary);}
.con_tit .end {top: 10%; right: 2%;}
.con_tit .end::after {background: #f00;} /* ????? ??? ???? */
.con_tit .evt_mark.bg_white::after {border-top-color: var(--color-white);}

.container_info_wrap {margin-top: 0; margin-bottom: 60px;}
.status_wrap {position: relative; display: flex; justify-content: center; gap: 100px; align-items: center; height: 80px; background: #fff; border-radius: 60px; margin: 0 -10px; border: 2px solid var(--color-primary); box-shadow: 0 0 24px 12px rgba(157, 0, 255, 0.91); overflow: hidden;}
.status_wrap .status {position: relative; display: flex; justify-content: center; align-items: center;}
.status_wrap .btn-base {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); line-height: 1;}
.status_wrap .btn-base a {padding: 7.5px 36px;}
.status_wrap .status strong {margin: 0 15px 0 50px;}
.badge-base.type-2 {background: var(--color-primary);}
.dim-base-wrap p a {color: #00e6ff;}
.note_base_wrap {text-align: left;}
.note_base_wrap .n_tit {color: #864ea9; margin-bottom: 25px; display: flex; align-items: center; gap: 50px;}
.note_base_wrap .n_tit::after {content: ''; display: block; flex: 1; width: auto; height: 1px; background: #864ea9;}
.note_base_wrap ul {color: #864ea9; font-weight: 400;}
.note_base_wrap li {position: relative; padding-left: 8px;}
.note_base_wrap li + li {margin-top: 5px;}
.note_base_wrap li .dash {position: absolute; top: 0; left: 0;}

/* Æ˾÷ */
.dimPopup {/*display: none;*/ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.dimPopup .close {position: absolute; top: -30px; right: 0; font-size: 0; overflow: hidden;}

.clickPop {width: 490px; padding: 40px 20px; font-family: 'Noto Sans KR'; box-sizing: border-box;}
.clickPop .p_tit {text-align: center; margin-bottom: 20px;}
.dim_popup.clickPop .btnConfirm {margin-top: 30px;}
.dim_popup.clickPop .btnClose {position: absolute; top: -30px; right: 0; font-size: 0; overflow: hidden; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2025/0121_lotto/close_ico.png);}

.dim_popup.clickPop .tb_fix {border-top: 1px solid #000; border-bottom: 1px solid #ececec;}
.dim_popup.clickPop .tb_scroll .tb_frame {max-height: 120px;}
.dim_popup.clickPop table {font-size: 14px;}
.dim_popup.clickPop table thead {border-top: none;}
.dim_popup.clickPop table tr th {font-size: 15px; background: #fff; border: none; padding: 18px 5px;}
.dim_popup.clickPop table tr td {border: none; box-sizing: border-box;}
/* Æ˾÷ */

.bgWrap {background: #ab3af3; background: -webkit-linear-gradient(270deg, #08020c 0%, #ab3af3 56%, #fff 99%); background: linear-gradient(180deg, #08020c 0%, #ab3af3 56%, #fff 99%);}

.flt_inner {right: 0;}
.flt_inner.renewal li {margin-top: -1px;}
.flt_inner.renewal li.top {margin-top: 0;}

/* evTopbnr */
.evTopbnr {padding: 11px 0; background: #571281;}
.evTopbnr .dday_wrap {justify-content: center; align-items: center; font-weight: 700;}
.evTopbnr .dday_swiper {position: relative; width: 310px; height: 38px; overflow: hidden; z-index: 0;}
.evTopbnr .dday_swiper::before {content: ''; position: absolute; right: 0; width: 106px; background: #fff; height: 38px; border-radius: 19px; z-index: -1;}
.evTopbnr .dday_swiper .swiper-wrapper {align-items: center;}
.evTopbnr .dday_swiper .swiper-slide {position: relative; display: flex; align-items: center; z-index: 0;}
.evTopbnr .dday_swiper .swiper-slide strong {display: inline-block; width: 106px; color: #571281; margin-left: auto;}
.evTopbnr .dday_swiper .swiper-slide strong.on {color: #00e6ff;}

/* evBnr */
.evBnr {background: #00e6ff;z-index: 2;}
.evBnr.fixed {position: fixed; width: 100%; left: 0; bottom: 0;}
.evBnr li {flex: 1; position: relative;}
.evBnr li + li::before {content: ''; position: absolute; top: 40%; left: 0; width: 1px; height: 30%; background: #fff; opacity: 0.4;}
.evBnr li a {display: flex; flex-direction: column; height: 100%; padding: 0.5vmin 0 1vmin;}
.evBnr li a .ico {display: block; margin: auto; height: 40%;}
.evBnr li a .ico img {height: 100%;}

/* evCon1 */
.eventWrap .evCon1 {overflow: initial;}
.evCon1 {padding: 190px 0 310px; background: #08040f url(https://image.megagong.net/m/2025/0121_lotto/con1_bg.jpg);}
.evCon1 h3 {position: relative; margin-bottom: 50px;}
.evCon1 h3 .neonsign {position: absolute; top: 0; left: 50%; transform: translate(-50%, -90%);}
.evCon1 h3 b {display: block;}
.evCon1 h3 .evt_date {position: absolute; left: 50%; bottom: -30px; width: 320px; max-width: 60%; background: #fff; padding: 15px 0; border-radius: 32px; transform: translateX(-50%);}
.evCon1 .gift_full {position: absolute; width: 1128px; left: 50%; bottom: -40px; transform: translate(-50%, 100%); pointer-events: none;}

/* event1 */
.event1 {padding: 210px 0 80px;}
.event1 .con_tit .end {right: -17%;}
.event1 .container_info .info .info_title {background: var(--color-primary); flex-shrink: 0;}
.event1 .container_info ol li {display: flex; align-items: center; gap: 12px;}
.event1 .container_info ol li + li {margin-top: 10px;}
.event1 .container_info ol .num {font-size: 0; display: block; width: 52px; height: 52px; background-repeat: no-repeat; background-size: contain;}
.event1 .container_info ol .num1 {background-image: url(https://image.megagong.net/m/2025/0121_lotto/evt1_num_ico1.png);}
.event1 .container_info ol .num2 {background-image: url(https://image.megagong.net/m/2025/0121_lotto/evt1_num_ico2.png);}
.event1 .status_wrap .status::before {content: ''; display: block; width: 32px; height: 33px; background: url(https://image.megagong.net/m/2025/0121_lotto/evt1_refresh_ico.png) no-repeat; background-size: contain; margin-right: 20px; animation: rotate 2s linear infinite;}
.event1 .btn-base.xxs a {color: #fff; border: 1px solid #fff; opacity: 0.6;}
.event1 .check_area .info {position: relative; opacity: 1; color: rgba(255, 255, 255, 0.6);}
.event1 .check_area .pop_con {position: absolute; bottom: 0; right: 0; transform: translateY(100%); width: 370px; text-align: left; color: #111; background: #fff; padding: 30px 20px; border: 1px solid #999; z-index: 1;}
.event1 .check_area .pop_con .close {position: absolute; top: 10px; right: 10px; font-size: 0; width: 12px; height: 12px; background: url(https://img.megagong.net/m/2022/0404_pass/all/btn_x.png);}
.event1 .comment_base_wrap {margin-top: 60px;}
.event1 .regist_form_area {background: rgba(0, 0, 0, 0.5);}
.event1 .input-base-wrap.ver_input-btn .btn-base a {background: var(--color-primary);}

@keyframes rotate {
    to {
        transform: rotate(0deg);
    }
    from {
        transform: rotate(-360deg);
    }
}

/* event_bonus */
.event_bonus {padding: 80px 0 160px;}
.event_bonus .mini_tit + .evt_con_base {font-weight: 400; color: #fff; opacity: 0.6; margin-top: 10px;}
.event_bonus .status_wrap .status {position: relative;}
.event_bonus .status_wrap .btn-base {right: -50px; transform: translate(100%, -50%);}
.event_bonus .lotto_box_wrap {margin: 60px auto;}
.event_bonus .lotto_box_wrap .item {position: relative; align-items: center; height: 235px; background: #fff; padding: 40px; border-radius: 3px;}
.event_bonus .lotto_box_wrap .item + .item {margin-top: 30px;}
.event_bonus .lotto_box_wrap .txt {flex: 1; text-align: left; margin-left: 40px;}
.event_bonus .lotto_box_wrap .txt .gift {font-weight: 700; display: inline-block; width: 145px; background: var(--color-primary); text-align: center; padding: 4.5px 0; border-radius: 15px; margin-left: -5px;}
.event_bonus .lotto_box_wrap .txt .tit {display: block; margin: 10px 0;}
.event_bonus .lotto_box_wrap .txt p {color: #555;}
.event_bonus .lotto_box_wrap .txt .ico {display: inline-block; width: 20px; height: 21px; background: url(https://img.megagong.net/m/2025/0121_lotto/bonus_setting_ico.png) no-repeat; background-size: contain; vertical-align: text-top;}
.event_bonus .lotto_box_wrap .txt b {color: var(--color-primary);}
.event_bonus .lotto_box_wrap .txt .evt_con_base {display: inline-block; margin-top: 15px;}
.event_bonus .lotto_box_wrap .badge {position: absolute; top: -10px; left: -30px; font-style: normal; width: 68px; height: 68px; background: #ff2573; display: flex; justify-content: center; align-items: center; border-radius: 50%; line-height: 1.2;}
.event_bonus .lotto_box_wrap .btn-base a {font-weight: 700; font-size: 20px; color: #fff; background: #000; width: 200px; padding: 22px 0;}
.event_bonus .lotto_box_wrap .btn-base a.done {background: #ccc;}

/* event2 */
.event2 {position: relative; background-image: url(https://img.megagong.net/m/2025/0121_lotto/evt2_bg.png); background-position: 50% 0 !important;}
.event2::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1712px; height: 1508px; background: url(https://img.megagong.net/m/2025/0121_lotto/partc_obj.png) no-repeat; background-size: contain; pointer-events: none;}
.event2 .container_info_wrap {margin-bottom: 10px;}
.event2 .container_info .info .noti {color: #00e6ff;}
.event2 .draw_list_wrap {display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr); gap: 30px; margin: 80px auto 60px;}
.event2 .draw_list_wrap .item {position: relative; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 3px;}
.event2 .draw_list_wrap .item:not(.core) {grid-column: 2 / 3;}
.event2 .draw_list_wrap .core {grid-row: 1 / 4; grid-column: 1 / 2; flex-direction: column; padding: 75px 0;}
.event2 .draw_list_wrap .img_wrap {margin-bottom: 60px;}
.event2 .draw_list_wrap .gift_result_base {background: rgba(156, 0, 255, 0.8); top: 35px; left: 0;}
.event2 .draw_list_wrap .gift_result_base {top: 35px; left: 163px; line-height: 1.2;}
.event2 .draw_list_wrap .core .gift_result_base {top: 183px; left: auto; right: 77px;}
.event2 .draw_list_wrap .item:not(.core) .gift_result_base {width: 66px; height: 66px;}
.event2 .draw_list_wrap .item:not(.core) .gift_result_base .label {font-size: 11px;}
.event2 .draw_list_wrap .item:not(.core) .gift_result_base .num {font-size: 13px;}
.event2 .draw_list_wrap .flex_l {flex: 1;}
.event2 .draw_list_wrap .flex_r {width: 250px; text-align: left;}
.event2 .draw_list_wrap .name {display: block; margin-bottom: 25px}
.event2 .draw_list_wrap .btn-base a {width: 190px; padding: 16px 0; font-weight: 700; font-size: 16px;}
.event2 .draw_list_wrap .btn-base a span {color: #00e6ff;}
.event2 .draw_list_wrap .core .btn-base a {width: 360px; padding: 24px 0; font-size: 22px;}
/*
.event2 .draw_list_wrap {display: flex; flex-direction: column; flex-wrap: wrap; gap: 30px; height: 750px; margin: 80px auto 60px;}
.event2 .draw_list_wrap .item {position: relative; display: flex;  justify-content: center; align-items: center; width: 525px; background: #fff; border-radius: 3px;}
.event2 .draw_list_wrap .core {height: 100%; flex-direction: column; padding: 75px 0;}
.event2 .draw_list_wrap .item:not(.core) {flex: 1;}
.event2 .draw_list_wrap .img_wrap {margin-bottom: auto;}
.event2 .draw_list_wrap .gift_result_base {background: rgba(156, 0, 255, 0.8); top: 35px; left: 0;}
.event2 .draw_list_wrap .gift_result_base {top: 35px; left: 163px; line-height: 1.2;}
.event2 .draw_list_wrap .core .gift_result_base {top: 183px; left: auto; right: 77px;}
.event2 .draw_list_wrap .item:not(.core) .gift_result_base {width: 66px; height: 66px;}
.event2 .draw_list_wrap .item:not(.core) .gift_result_base .label {font-size: 11px;}
.event2 .draw_list_wrap .item:not(.core) .gift_result_base .num {font-size: 13px;}
.event2 .draw_list_wrap .flex_l {flex: 1;}
.event2 .draw_list_wrap .flex_r {width: 250px; text-align: left;}
.event2 .draw_list_wrap .img {}
.event2 .draw_list_wrap .name {display: block; margin-bottom: 25px}
.event2 .draw_list_wrap .item:not(.core) .name {}
.event2 .draw_list_wrap .btn-base {}
.event2 .draw_list_wrap .btn-base a {width: 190px; padding: 16px 0; font-weight: 700; font-size: 16px;}
.event2 .draw_list_wrap .btn-base a span {color: #00e6ff;}
.event2 .draw_list_wrap .core .btn-base a {width: 360px; padding: 24px 0; font-size: 22px;}
*/
.event2 .note_base_wrap .n_tit {color: #777;}
.event2 .note_base_wrap .n_tit::after {background: #777;}
.event2 .note_base_wrap ul {color: #777;}

/* ÀÀ¸ð Æ˾÷ */
.clickPop .my_point_now {font-weight: 700;margin-bottom: 15px;display: flex;align-items: center;}
/*À¯´ÏÄÚµå[\1F782]·Î µÇ¾îÀÖ´ø ºÎºÐ ¾×¹Ú ¶°¼­ ¾Æ¿¹ À̹ÌÁö·Î º¯°æ*/
.clickPop .my_point_now::before {content: ''; width: 8px;height: 14px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(https://img.megagong.net/m/2025/0121_lotto/s_tang.png);  display: inline-block; margin-right: 5px;}
/*À¯´ÏÄÚµå[\1F782]·Î µÇ¾îÀÖ´ø ºÎºÐ ¾×¹Ú ¶°¼­ ¾Æ¿¹ À̹ÌÁö·Î º¯°æ*/
.clickPop .my_point_now span {color: #bd52ff;}
.clickPop .board-list-wrap + .my_point_now {margin-top: 30px;}
/* ÀÀ¸ð Æ˾÷ */

/* event3 */
.event3 {background: #f45688; background: -webkit-linear-gradient(270deg, #000 0%, #f45688 100%); background: linear-gradient(180deg, #000 0%, #f45688 100%);}
.event3 .meal_wrap {justify-content: center; align-items: center; gap: 60px;}
.event3 .meal_wrap .item .img {position: relative; width: 300px; height: 300px; border-radius: 50%; margin: 0 auto;}
.event3 .meal_wrap .item:last-child .img img {max-width: fit-content; margin-left: -3px;}
.event3 .meal_wrap .img i {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: 900; width: 92px; height: 92px; background-repeat: no-repeat; background-size: contain;}
.event3 .meal_wrap .img i.breakfast {background-image: url(https://img.megagong.net/m/2025/0121_lotto/evt3_ico1.png);}
.event3 .meal_wrap .img i.lunch {background-image: url(https://img.megagong.net/m/2025/0121_lotto/evt3_ico2.png);}
.event3 .meal_wrap .img i.dinner {background-image: url(https://img.megagong.net/m/2025/0121_lotto/evt3_ico3.png);}
.event3 .meal_wrap .time {display: block; margin: 20px auto 30px;}
.event3 .meal_wrap .btn-base a {width: 320px; padding: 22px 0; font-size: 20px; color: #fff; background: #ff2573; border: 2px solid #ff78a3; box-shadow: 0 0 24px 2px #ff0755;}
.event3 .meal_wrap .btn-base a.done {background: #902b4c; box-shadow: none;}
.event3 .meal_wrap + .evt_con_base {color: #fff; opacity: 0.6; margin-top: 30px;}

/* ½Ä»ç Æ˾÷ */
.meal_pop .dimPopup {width: 420px; max-width: 80%; background: #fff; padding: 40px 0;}
.meal_pop .dimPopup .p_tit {margin-bottom: 20px;}
.meal_pop .dimPopup .p_tit strong {display: block; margin-bottom: 5px;}
.meal_pop .dimPopup .img {display: flex; justify-content: center; align-items: center; min-height: 200px; margin-bottom: 20px;}
.meal_pop .dimPopup .name {background: #bd52ff; padding: 11px 0;}
.meal_pop .dimPopup .pop_note {color: #777; text-align: left; margin: 25px 20px 0;}
.meal_pop .dimPopup .pop_note a {display: inline-block; font-weight: 400; font-size: 11px; line-height: 1; border: 1px solid #777; padding: 1px 8px; border-radius: 10px;}
.meal_pop .dimPopup .btn-base {margin-top: 30px;}
/* ½Ä»ç Æ˾÷ */

/* event4 */
.event4 {background: #0379b0; background: -webkit-linear-gradient(270deg, #000 12%, #0379b0 100%); background: linear-gradient(180deg, #000 12%, #0379b0 100%);}
.event4 .btn-base-wrap .btn-base a {background: #00e6ff; box-shadow: 0 0 24px 2px rgba(0, 229, 255, 0.67);}
.event4 .regist_form_area {background: rgba(0, 0, 0, 0.2);}
.event4 .regist_form_area .check_area .info span {color: #00e6ff;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .eventWrap .con_box {margin-top: 6%;}
    
    .container_info_wrap {margin-bottom: 6%;}
    .status_wrap {gap: 2vmin 5vmin; height: auto; margin: 0; padding: 2vmin 0;}
    .status_wrap .btn-base {right: 2%;}
    .status_wrap .btn-base a {padding: 7.5px 20px;}
    .note_base_wrap .n_tit  {margin-bottom: 3%; gap: 5vmin;}

    /* evCon1 */
    .eventWrap .evCon1 {overflow: hidden;}
    .evCon1 {padding: 19% 0 31%; background-size: auto 100%;}
    .evCon1 h3 {margin-bottom: 5%;}
    .evCon1 h3 .evt_date {bottom: -3vmin; padding: 2vmin 0;}
    .evCon1 .gift_full {position: static; width: auto; transform: none; margin: 6% -6% -65% -8%;}

    /* event1 */
    .event1 {padding: 14% 0 7%;}
    .event1 .con_tit .end {right: 2%;}
    .event1 .comment_base_wrap {margin-top: 6%;}
    

    /* event_bonus */
    .event_bonus {padding: 7% 0 14%;}
    .event_bonus .lotto_box_wrap {margin: 6% auto;}
    .event_bonus .lotto_box_wrap .txt .gift {font-size: clamp(15px, 2.0vmin, 15px);}
    .event_bonus .lotto_box_wrap .txt .tit {font-size: clamp(20px, 2.3vmin, 18px);}
    
    /* event2 */
    .event2 {background-size: auto 100%;}
    .event2::before {width: 140%; height: 100%; background-size: 100% auto;}
    .event2 .draw_list_wrap .gift_result_base {top: 3vmin; left: 3%;}
    .event2 .draw_list_wrap .flex_r {width: auto; flex: 1;}
    .event2 .draw_list_wrap .btn-base a {font-size:clamp(13px,2.1vmin,16px); padding: 2vmin 0;}
    .event2 .draw_list_wrap .core .btn-base a {font-size:clamp(15px,2.7vmin,22px); padding: 2.5vmin 0;}

    /* event3 */
    .event3 .meal_wrap {gap: 3vmin;}
    .event3 .meal_wrap .btn-base {width: 100%;}
    .event3 .meal_wrap .btn-base a {width: 100%; font-size:clamp(15px,2.5vmin,20px); padding: 2.5vmin 0;}





    
}
@media screen and (max-width: 992px){
    .status_wrap {flex-wrap: wrap;}
    .status_wrap .status strong {margin: 0 5px 0 20px;}
    .status_wrap .btn-base {position: static; transform: none; flex-basis: 100%;}

    .event_bonus .status_wrap .status {flex-wrap: wrap; gap: 2vmin 0;}
    .event_bonus .status_wrap .btn-base {transform: none;}
    .event_bonus .lotto_box_wrap .item {height: auto; padding: 30px 20px; display: grid; grid-template-columns: auto 1fr; gap: 2vmin 4vmin;}
    .event_bonus .lotto_box_wrap .item + .item {margin-top: 3%;}
    .event_bonus .lotto_box_wrap .ico {width: max(60px, 12vmin); grid-row: 1 / 3;}
    .event_bonus .lotto_box_wrap .txt {margin-left: 0; grid-row: 1 / 2; grid-column: 2 / 3;}
    .event_bonus .lotto_box_wrap .btn-base {grid-row: 2 / 3; grid-column: 2 / 3; text-align: right;}
    .event_bonus .lotto_box_wrap .btn-base a {font-size:clamp(15px,2.5vmin,20px); padding: 2vmin 0; max-width: 50%;}
    .event_bonus .lotto_box_wrap .badge {top: 2vmin; left: auto; right: 2vmin;}

    .event2 .draw_list_wrap {gap: 2vmin; margin: 8% auto 6%;}
    .event2 .draw_list_wrap .img_wrap {width: 80%; margin-bottom: 6%;}
    .event2 .draw_list_wrap .core .gift_result_base {top: 10vmin; right: 8%;}
    .event2 .draw_list_wrap .core .btn-base {width: 80%;}
    .event2 .draw_list_wrap .core .btn-base a {width: 100%;}
    .event2 .draw_list_wrap .item:not(.core) {gap: 2vmin;}
    .event2 .draw_list_wrap .flex_l {flex-grow: 0; flex-basis: 40%;}
    .event2 .draw_list_wrap .flex_l .img {display: block; width: 80%; margin: 0 auto;}

    .event3 .meal_wrap .item .img {width: 30vmin; height: 30vmin;}
    .event3 .meal_wrap .item:last-child .img img {max-width: 100%;}
}
@media screen and (max-width: 768px){
    .container_info.ver_circle.horizon {flex-direction: column;}

    .evTopbnr {padding: 6px 0;}
    .evTopbnr .dday_swiper {width: max(250px, 40vmin); height: 8vmin; max-height: 38px;}
    .evTopbnr .dday_swiper::before {width: 90px; height: 8vmin; max-height: 38px; top: 50%; transform: translateY(-50%);}
    .evTopbnr .dday_swiper .swiper-slide strong {width: 90px;}

    .event2 .draw_list_wrap {grid-template-rows: auto; grid-template-columns: repeat(3, 1fr);}
    .event2 .draw_list_wrap .core {grid-column: 1 / 4; grid-row: auto; padding: 6vmin 0;}
    .event2 .draw_list_wrap .item:not(.core) {grid-column: auto; flex-direction: column; padding: 3vmin 0;}
    .event2 .draw_list_wrap .gift_result_base {left: auto; right: 3%;}
    .event2 .draw_list_wrap .core .gift_result_base {width: 80px; height: 80px;}
    .event2 .draw_list_wrap .btn-base {width: 90%;}
    .event2 .draw_list_wrap .btn-base a {width: 100%;}
    .event2 .draw_list_wrap .flex_l {flex: 1; display: flex; justify-content: center; align-items: center;}
    .event2 .draw_list_wrap .flex_r {flex-grow: 0; width: 100%; text-align: center;}

    .event3 .meal_wrap .img i {width: max(50px, 10vmin); height: max(50px, 10vmin);}
}
@media screen and (max-width: 576px){
    /* Æ˾÷ */
    .clickPop {padding: 20px 10px;}

    .dim_popup.clickPop table {font-size: 13px;}
    .dim_popup.clickPop table tr th {font-size: 14px; padding: 10px 2px;}
    /* Æ˾÷ */

    .evBnr li a {padding: 3vmin 0;}
    .evBnr li a .ico {display: none;}

    .evCon1 h3 .neonsign {width: 60%;}

    .event1 .container_info ol li {align-items: flex-start; gap: 6px;}
    .event1 .container_info ol .num {width: 30px; height: 30px; flex-shrink: 0;}
    .event1 .status_wrap .status::before {width: 18px; height: 18px; margin-right: 14px;}
    .event1 .check_area .pop_con {width: 80%;}

    /*event1 ´ñ±Û input ºÎºÐ ¹ÝÀÀÇü css Ãß°¡*/
    .event1 .input-base-wrap.ver_input-btn {display: block;}
    .event1 .input-base-wrap.ver_input-btn .textarea-base {height: 70px;}
    .event1 .input-base-wrap.ver_input-btn .btn-base {width: 100%;}
    .event1 .input-base-wrap.ver_input-btn .btn-base a {width: 100%;display: block;}
    /*event1 ´ñ±Û input ºÎºÐ ¹ÝÀÀÇü css Ãß°¡*/

    .event_bonus .lotto_box_wrap .item {display: block; padding: 20px;}
    .event_bonus .lotto_box_wrap .ico {display: inline-block;width: 21%;}
    .event_bonus .lotto_box_wrap .txt {text-align: center; margin: 4% auto;}
    .event_bonus .lotto_box_wrap .btn-base {text-align: center;}

    .event2 .gift_full {margin: 0 -5vmin;}
    .event2 .draw_list_wrap .img_wrap {width: 220px; max-width: 46%;}
    .event2 .draw_list_wrap .core .gift_result_base {width: 66px; height: 66px;}
    .event2 .draw_list_wrap .item:not(.core) .gift_result_base {width: 44px; height: 44px;}
    .event2 .draw_list_wrap .name {margin-bottom: 4%;}

    .event3 .meal_wrap {flex-wrap: wrap; gap: 8vmin 3vmin;}
    .event3 .meal_wrap .item .img {width: 46vmin; height: 46vmin;}
    .event3 .meal_wrap .time {margin: 10px auto 15px;}

    /* ÀÀ¸ðÆ˾÷ */
    .meal_pop .dimPopup {padding: 20px 0;}
    .meal_pop .dimPopup .img {max-width: 80%; min-height: auto; margin: 0 auto 20px;}
    /* ÀÀ¸ðÆ˾÷ */
}