@charset "euc-kr";
:root { 
    --point-color1: #ff4c4c; 
} 
.con_tit .end::after { background: #fff; } 
.con_tit .evt_mark { background-color: var(--point-color1); } 
.con_tit .evt_mark::after { border-top: 10px solid var(--point-color1); } 
.evSection .con_tit { margin: 0 0 60px; line-height: 1.3; } 
.evSection .mini_tit { margin: 0 auto 20px; } 
.evSection { padding: 150px 0; } 
.evSection .point { color: var(--point-color1); } 
.event .btn-base.orange > * { background-color: var(--point-color1); color: #fff; } 
.event .btn-base.white > * { border: none; } 
.btn-base.black > * { border: none; } 

/*evCon1*/
.eventWrap .evSection.evCon1 { position: relative; padding: 0 0 35px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/evCon1_bg.png"); } 
.evCon1 .inner { width: 1200px; } 
.evCon1 .img_wrap { position: absolute; top: 86px; left: 50%; transform: translateX(-50%); } 
.evCon1 .img_wrap .lights { position: relative; } 
.evCon1 .img_wrap .bird > img { position: absolute; } 
.evCon1 .img_wrap .bird > img:nth-child(1) { top: 73px; left: -140px; animation: floating 2.5s ease-in-out infinite alternate; } 
.evCon1 .img_wrap .bird > img:nth-child(2) { top: 85%; right: -177px; animation: floating 3.5s ease-in-out infinite alternate; animation-delay: 0.8s; } 
.evCon1 .img_wrap .cloud > img { position: absolute; } 
.evCon1 .img_wrap .cloud > img:nth-child(1) { right: -455px; top: 20%; animation: floating 4s ease-in-out infinite alternate; } 
.evCon1 .img_wrap .cloud > img:nth-child(2) { left: -162px; bottom: -45%; animation: floating 5s ease-in-out infinite alternate; animation-delay: 1s; } 
.evCon1 .img_wrap .cloud > img:nth-child(3) { right: -232px; bottom: -70%; animation: floating 6s ease-in-out infinite alternate; animation-delay: 1.5s; } 
.evCon1 .con_tit { position: relative; margin: 50px auto 197px; } 
.evCon1 .con_tit > .mini_tit { color: #6b6254; letter-spacing: 2.1px; line-height: 1.4; } 
.evCon1 .con_tit > img { margin: 30px auto 0; display: block; } 
.evCon1 .con_tit .point { color: #b53737; } 
.evCon1 .con_box { position: relative; } 

.evCon1 .bn_wrap { margin: 60px auto 0; padding: 0 80px; height: 120px; width: 100%; display: flex; align-items: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/evCon1_bn_bg.png"); } 
.evCon1 .bn_wrap strong { display: flex; align-items: center; gap: 15px; } 

@keyframes floating { 
    0% { 
        transform: translateY(0); 
    } 
    100% { 
        transform: translateY(-25px); 
    } 
}

/*evCon2*/
.eventWrap .evSection.evCon2 { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/evCon2_bg.png"); } 
.evCon2 .goto_btn_wrap { display: flex; flex-direction: column; gap: 20px; } 
.evCon2 .goto_btn_wrap > li { width: 100%; height: 120px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; } 
.evCon2 .goto_btn_wrap > li:nth-child(1) { background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/list1.png"); } 
.evCon2 .goto_btn_wrap > li:nth-child(2) { background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/list2.png"); } 
.evCon2 .goto_btn_wrap > li:nth-child(3) { background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/list3.png"); } 
.evCon2 .goto_btn_wrap > li:nth-child(4) { background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/list4.png"); } 
.evCon2 .goto_btn_wrap > li:nth-child(5) { background-image: url("https://image.megagong.net/m/2025/1002_chuseokcoupon/list5.png"); } 
.evCon2 .goto_btn_wrap > li a { padding: 0 60px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; } 
.evCon2 .goto_btn_wrap .btn { border-radius: 40px; width: 150px; height: 40px; background: #000; display: flex; align-items: center; justify-content: center; font-weight: bold; } 
.evCon2 .evt_con_base.xs { margin: 20px 0 0; text-align: left; } 

/*event1*/
.event1 { background: #222d42; } 
.event1 .con_tit { margin: 0 auto 40px; } 
.event1 .container_info.ver_circle .info .info_title { background-color: #fff; color: #000; } 
.event1 .container_info.ver_circle .info .info_date { color: #fff; } 
.event1 .sub_tit { margin: 60px auto 30px; position: relative; display: flex; align-items: center; justify-content: center; } 
.event1 .sub_tit > strong { position: relative; margin: 0 auto; padding: 0 20px; color: #fff; background: #222d42; } 
.event1 .sub_tit::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #fff; } 
.event1 .coupon_wrap { padding: 60px 40px 20px; border-radius: 20px; background: #2b374a; } 
.event1 .coupon_wrap .coupon_box { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 30px 15px; color: #fff; } 
.event1 .coupon_box > li { display: flex; height: auto; flex-direction: column; align-items: center; gap: 8px; } 
.event1 .coupon_wrap .evt_con_base.xs {margin:34px 0; text-align: right; } 
.event1 .btn-base.gray > a {cursor:auto;}


/*event2*/
.event2 { background: #eae2d4; } 
.event2 .inner { width: 1200px; } 
.event2 .con_tit { margin: 0 auto 50px; } 
.event2 .con_tit .end::after { background: #000; } 
.event2 .gift_box_wrap { margin: 60px auto; display: flex; justify-content: space-between; align-items: stretch; gap: 30px; } 
.event2 .gift_box { background-color: #fff; } 
.event2 .gift_box:first-child { padding: 58px 0 32px; flex: 0 0 764px; } 
.event2 .gift_box:first-child .tit { margin: 0 auto 23px; } 
.event2 .gift_box:last-child { padding: 45px 0 50px; flex: 0 0 406px; display: flex; flex-direction: column; gap: 60px; justify-content: space-between; align-items: center; } 
.event2 .rec_wrap { margin: 0 auto 16px; padding: 57px 0; width: 100%; background-color: #fff; } 
.event2 .rec_wrap .flex { gap: 113px; align-items: center; justify-content: center; } 
.event2 .rec_wrap .flex .input-base-wrap { display: flex; align-items: center; gap: 36px; } 
.event2 .rec_wrap .flex .input-base-wrap:nth-child(1) .input-base { width: 260px; text-align: center;} 
.event2 .rec_wrap .flex .input-base-wrap:nth-child(2) .input-base { width: 90px; text-align: center;} 
.event2 .rec_wrap .flex .input-base-wrap a.input-base {display: flex; align-items: center; justify-content: center; color:#4c4fff; text-decoration: underline;}
.event2 .rec_wrap .count { display: flex; align-items: center; gap: 5px; } 
.event2 .rec_wrap + .evt_con_base { margin: 30px auto 40px; opacity: 0.7; color: #000; } 
.event2 .rec_wrap + .rec_wrap { display: flex; justify-content: center; align-items: center; gap: 36px; } 
.event2 .rec_wrap + .rec_wrap .input-base { width: 400px; } 
.event2 .cir_tit { margin: 0 auto 20px; border-radius: 53px; width: 258px; height: 53px; display: flex; align-items: center; justify-content: center; border: 2px solid #484848; background: #fff; } 
.event2 .btn-base-wrap { margin-top: 60px; } 
.event2 .regist_form_area { margin: 60px auto 0; border-radius: 3px 3px 0 0; background-color: #5e544c; } 
.event2 .comment_base_wrap .comment_list { border-radius: 0 0 3px 3px; margin-top: 0; } 

/*event3*/
.event3 { background: #222d42; } 
.event3 .container_info.ver_circle .info .info_date,
.event3 .container_info .info .noti { color: #fff; } 
.event3 .sub_tit { margin: 80px auto 0; color: #fff; font-weight: bold; } 
.event3 .attend_count { margin: 20px auto 53px; border-radius: 80px; width: 900px; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #fff; font-weight: bold; } 
.event3 .gift_list_wrap li.inc_label .label { background-color: transparent; } 
.event3 .gift_list_wrap li.inc_label .label > span { opacity: 0.7; font-weight: 400; } 
.event3 .gift_list_wrap li:nth-child(1) .badge { background-color: var(--point-color1); } 
.event3 .gift_list_wrap li:nth-child(2) .badge { background-color: #111; } 
.event3 .calendar,
.event3 .cal_tbl {position:relative;}
.event3 .cal_tbl tr th,
.event3 .cal_tbl tr td { position: relative; border: 1px solid rgba(17, 17, 17, 0.2); } 
.event3 .cal_tbl tr th { background-color: var(--point-color1); color: #fff; height: 53px; } 
.event3 .cal_tbl tr td { padding: 15px 0; height: 125px; vertical-align: top; background-color: #fff; } 
.event3 .cal_tbl tr td.disabled { background-color: #a7abb3; } 
.event3 .cal_tbl tr td .date { font-size: 14px; color: #111; } 
.event3 .cal_tbl tr td.disabled .date { opacity: 0.6; } 
.event3 .cal_tbl tr #today::after { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid var(--point-color1); } 
.event3 .cal_tbl tr td .status.on { margin: 11px auto 0; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 64px; border: 2.5px solid var(--point-color1); color: var(--point-color1); font-size: 16px; font-weight: bold; } 
.event3 .cal_tbl tr td .status.off { margin: 11px auto 0; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 64px; border: 2.5px solid #777; color: #777; font-size: 16px; font-weight: bold; } 
.event3 .cal_tbl tr td .status.now { position:relative; margin: 20px auto 0; border-radius: 50px; display: flex; align-items: center; justify-content: center; width: 117px; height: 36px; background-color: var(--point-color1); color: #fff; font-size: 18px; z-index:1;} 
.event3 .cal_tbl tr td .status.now > a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.event3 .dim_wrap {position: absolute; top:0; left:0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:4px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); color:#fff; font-size: 18px; z-index:2;}
.event3 .dim_wrap > span {color: var(--point-color1);}

.evtoggleWarning { padding: 0 !important; } 

@media screen and (max-width: 1200px){
    .evSection { padding: 12% 0; } 
    .evSection .con_tit { margin: 0 auto 7%; } 
    .evSection .mini_tit { margin: 0 0 5%; } 
    .evSection.event { padding: 12% 0; } 

    /*evCon1*/
    .eventWrap .evSection.evCon1 { padding: 0 0 12%; } 
    .evCon1 .con_tit { margin: 5% auto 20%; } 
    .evCon1 .con_tit > .mini_tit { font-size: clamp(12px, 4.7vmin, 42px); line-height: 1.3; } 
    .evCon1 .sti { width: auto; height: 3%;} 
    .evCon1 .bn_wrap { margin: 6% auto 0; padding: 30px 4%; height: auto; } 
    .evCon1 .inner { width: 97%; } 
    .evCon1 .bn_wrap p { font-size: clamp(17px, 3.5vmin, 32px); } 
    .evCon1 .con_tit > img { margin: 6% auto 0; } 
    .evCon1 .img_wrap { width: 100%; top: 4%; } 

    /*event1*/
    .event1 .con_tit { margin: 0 auto 4%; } 
    .event1 .sub_tit { margin: 8% auto 5%; } 

    /*event2*/
    .event2 .con_tit { margin: 0 auto 5%; } 
    .event2 .gift_box_wrap { gap: 4%; margin: 6% auto; } 
    .event2 .rec_wrap { padding: 40px; } 
    .event2 .inner { width: 97%; } 
    .event2 .gift_box:first-child { flex: 0 0 60%;} 
    .event2 .gift_box:last-child { flex: 0 0 36%;} 
    .event2 .btn-base-wrap { margin-top: 6%; } 
    .event2 .regist_form_area {margin: 6% auto 0;}

    /*event3*/
    .event3 .cal_tbl tr td .status.now { width: max-content; height: auto; font-size: clamp(12px, 2.3vmin, 18px); border-radius: 3px;} 
    .event3 .cal_tbl tr td .status.now > a {padding: 5px 12px;}
    .event3 .sub_tit { margin: 8% auto 0; } 
    .event3 .attend_count { padding: 20px 4%; margin: 4% auto 6%; width: 100%; height: auto; } 
}

@media screen and (max-width: 1024px){
    .evCon1 .img_wrap .bird { width: 100%; } 
    .evCon1 .img_wrap .bird > img:nth-child(1) { max-width: unset; width: 15%; top: 29%; left: 2%; } 
    .evCon1 .img_wrap .bird > img:nth-child(2) { max-width: unset; width: 18%; top: 100%; right: 0; } 
    .evCon1 .img_wrap .cloud { width: 100%; } 
    .evCon1 .img_wrap .cloud > img:nth-child(1) { max-width: unset; top:52%; right: 0; width: 28%; } 
    .evCon1 .img_wrap .cloud > img:nth-child(2) { max-width: unset; left: -5%; bottom: -62%; width: 28%; } 
    .evCon1 .img_wrap .cloud > img:nth-child(3) { max-width: unset; right: 0; bottom: -77%; width: 28%; } 

    /*evCon2*/
    .evCon2 .goto_btn_wrap > li { height: auto; } 
    .evCon2 .goto_btn_wrap > li a { padding: 20px; text-align: left; } 
    .evCon2 .goto_btn_wrap .btn { width: max-content; min-width: 116px; height: auto; padding: 8px 10px; } 

    /*event1*/
    .event1 .coupon_wrap .coupon_box { justify-content: flex-start; gap: 20px 2%; }
    .event1 .coupon_wrap .evt_con_base.xs {margin: 20px 0 0;} 
    .event1 .coupon_box > li { width: 32%; } 

    /*event2*/
    .event2 .gift_box_wrap { flex-direction: column; gap: 20px; } 
    .event2 .gift_box:first-child { flex: auto; width: 100%; padding: 30px 0;  } 
    .event2 .gift_box:last-child { flex: auto; width: 100%; padding: 30px 0;  } 
    .event2 .rec_wrap .flex { flex-direction: column; gap: 20px; align-items: flex-start; } 
    .event2 .rec_wrap + .rec_wrap { flex-direction: column; gap: 20px; align-items: flex-start; } 
}

@media screen and (max-width: 768px) { 
    /*evCon1*/
    .evCon1 .sti { width: 10%; } 
    .evCon1 .con_box .gifts { max-width: 95%; } 

    /*event1*/
    .event1 .coupon_wrap { padding: 40px 20px; } 

    /*event2*/
    .event2 .gift_box:last-child { gap: 20px; } 
    .event2 .gift_box:last-child img { max-width: 54%; } 
    .event2 .list_top > img,
    .event2 .list_bot > img { max-width: 48%; } 
    .event2 .rec_wrap .flex .input-base-wrap:nth-child(1) .input-base { width: auto; min-width: 180px;} 
    .event2 .input-base-wrap.ver_input-btn { width: 100%; justify-content: flex-start;} 
    .event2 .rec_wrap + .rec_wrap .input-base { width: 70%; } 

    /*event3*/
    .event3 .cal_tbl tr td .status.on { width: 50px; height: 50px; } 
    .event3 .cal_tbl tr td .status.off { width: 50px; height: 50px; } 
    .event3 .cal_tbl tr td { height: 100px; } 
}

@media screen and (max-width: 576px){
    .con_tit .evt_mark { font-size: 16px; } 

    /*evCon1*/
    .evCon1 .bn_wrap strong { gap: 5px; } 
    .evCon1 .con_tit { margin: 11% auto 26%; } 
    .evCon1 .con_tit > img { width: 90%; } 
    .evCon1 .bn_wrap { justify-content: center; padding: 20px 4%; } 

    /*event1*/
    .event1 .coupon_box > li { width: 48%; } 

    /*event2*/
    .event2 .rec_wrap { padding: 20px; } 
    .event2 .rec_wrap .flex .input-base-wrap a.input-base {font-size: 12px;}

    /*event3*/
    .event3 .cal_tbl tr td .status.on { width: 45px; height: 45px; } 
    .event3 .cal_tbl tr td .status.off { width: 45px; height: 45px; } 
    .event3 .cal_tbl tr td .status.now { margin: 11px auto 0; width: 80%;} 
}