@charset "UTF-8";
/* KKD 핫나우 스탬프 이벤트 상세페이지 (26.03.27) */
.event_sec{position: relative;padding-top: 160px;padding-bottom: 140px;text-align: center;}
.event_sec p{font-size: 44px;line-height: 1.3em;color: #fff;}
.event_sec.sec_01{padding-top: 0;padding-bottom: 0;}
.event_sec.sec_01 .tit_wrap{position: absolute;bottom: 100px;}
.event_sec.sec_01 .tit_wrap p{margin-top: 60px;font-size: 52px;font-weight: 600;}
.event_sec.sec_02{padding-top: 0;padding-bottom: 110px;background-color: #000;}
.event_sec.sec_02 .step_wrap ul{max-width: 800px;margin: 0 auto;}
.event_sec.sec_02 .step_wrap li{display: flex;flex-direction: column;justify-content: space-between;position: relative;height: 240px;padding: 24px 0 40px;background-color: #fff;border-radius: 108px;}
.event_sec.sec_02 .step_wrap li::after{display: block;content: '';position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 18px 35px 0 35px;border-color: #fff transparent transparent transparent;}
.event_sec.sec_02 .step_wrap li + li{margin-top: 68px;}
.event_sec.sec_02 .step_wrap li:nth-child(1){justify-content: flex-start;}
.event_sec.sec_02 .step_wrap li:nth-child(1) p{margin-top: 30px;}
.event_sec.sec_02 .step_wrap li:last-child::after{display: none;}
.event_sec.sec_02 .step_wrap li strong{font-size: 40px;line-height: 1.3em;color: #ce0e2d;font-weight: 800;}
.event_sec.sec_02 .step_wrap li p{font-size: 48px;color: #0c0b0b;font-weight: 700;}
.event_sec.sec_02 .step_wrap li span{font-size: 35px;line-height: 1.3em;font-weight: 500;color: #777;}
.event_sec.sec_03{padding-top: 100px;padding-bottom: 80px;background-color: #ed1c24;}
.event_sec.sec_03 .gift_list{margin-top: 100px;padding: 0 72px;}
.event_sec.sec_03 .gift_list ul{display: grid;grid-template-columns: 1fr 1fr;gap: 60px 72px;}
.event_sec.sec_03 .gift_list .img_wrap{overflow: hidden;position: relative;width: 400px;height: 400px;margin: 0 auto;border-radius: 24px;}
.event_sec.sec_03 .gift_list .img_wrap .label{display: inline-block;position: absolute;top: 0;right: 0;padding: 20px;border-radius: 0 24px 0 24px;background-color: #ffb21e;font-size: 32px;color: #000;letter-spacing: -0.03em;line-height: 1em;}
.event_sec.sec_03 .gift_list .text_wrap{margin-top: 24px;}
.event_sec.sec_03 .gift_list .text_wrap strong{display: block;font-size: 48px;font-weight: 700;line-height: 1.3em;letter-spacing: -0.03em;color: #fff;}
.event_sec.sec_03 .gift_list .text_wrap p{font-size: 40px;font-weight: 500;color: #fff;}
.event_sec.sec_03 .gift_list .text_wrap strong + p,
.event_sec.sec_03 .gift_list .text_wrap p + strong{margin-top: 10px;}
.info_text{margin-top: 80px;}
.info_text p{font-size: 32px;}
.event_sec.sec_04{padding-top: 540px;padding-bottom: 130px;background-color: #130d0d;}
.event_sec.sec_04 .img_wrap{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.event_sec.sec_04 .img_wrap img{max-width: 100%;}
.event_sec.sec_04 .tit_wrap{position: relative;z-index: 2;}
.event_sec.sec_04 .text_wrap{position: relative;margin-top: 40px;z-index: 2;}
.event_sec.sec_04 .text_wrap .fz_sm{font-size: 32px;font-weight: 300;}
.event_sec.sec_04 .text_wrap .desc_text{display: inline-block;margin-top: 20px;font-size: 28px;font-weight: 300;color: rgba(255,255,255,0.6);letter-spacing: -0.025em;line-height: 1.3em;}
.event_sec.sec_04 .vod_wrap{position: relative;width: 100%;margin-top: 120px;padding: 0 40px;z-index: 2;}
.event_sec.sec_04 .vod_cont{display: block !important;position: relative;width: 100%;padding-bottom: 52.3%;}
.event_sec.sec_04 .vod_cont iframe{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 93%;height: 100%;}
.event_sec.sec_04 .btn_wrap{position: relative;margin-top: 120px;padding: 0 40px;z-index: 2;}
.event_sec.sec_04 .btn_wrap .btn{display: block;width: 100%;position: relative;padding: 60px 90px;border-radius: 48px;background-color: #ed1c24;}
.event_sec.sec_04 .btn_wrap .btn + .btn{margin-top: 28px;}
.event_sec.sec_04 .btn_wrap .btn .text{font-size: 56px;line-height: 1em;font-weight: 600;color: #fff;}
.event_sec.sec_04 .btn_wrap .btn i{position: absolute;top: 50%;right: 90px;transform: translateY(-50%);width: 37px;height: 65px;}
.event_sec.sec_04 .btn_wrap .btn i img{max-width: 100%;}
.event_sec.sec_05{padding-top: 110px;padding-bottom: 130px;background-color: #ed1c24;}
.event_sec.sec_05 .text_wrap{margin-top: 64px;}
.event_sec.sec_05 .text_wrap p{font-size: 40px;font-weight: 500;}
.event_sec.sec_05 .store_wrap{margin-top: 64px;padding: 0 120px;}
.event_sec.sec_05 .store_box{padding: 64px 60px;background-color: #fff;border-radius: 32px;}
.event_sec.sec_05 .store_box + .store_box{margin-top: 44px;}
.event_sec.sec_05 .store_area strong{display: inline-block;width: 300px;padding: 20px;background-color: #ed1c24;border-radius: 45px;font-size: 50px;font-weight: 600;color: #fff;line-height: 1em;}
.event_sec.sec_05 .store_name{margin-top: 30px;}
.event_sec.sec_05 .store_name ul{padding: 0;}
.event_sec.sec_05 .store_name ul{list-style: none;}
.event_sec.sec_05 .store_name li{font-size: 48px;font-weight: 500;line-height: 1.3em;letter-spacing: -0.025em;color: #1b0509;}
.event_sec.sec_05 .store_box.col1 .store_name{display: flex;justify-content: center;}
.event_sec.sec_05 .store_box.col1 .store_name ul:nth-child(1){padding-right: 60px;text-align: right;}
.event_sec.sec_05 .store_box.col1 .store_name ul:nth-child(2){position: relative;padding-left: 60px;text-align: left;}
.event_sec.sec_05 .store_box.col1 .store_name ul:nth-child(2)::before{display: block;content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 93%;background-color: #1b0509;}
.event_sec.sec_05 .store_box.col2{display: grid;grid-template-columns: 1fr 1fr;gap: 60px 30px;}

@media screen and (max-width: 1150px) {
    .event_sec{padding-top: 14.4144vw;padding-bottom: 12.6126vw;}
    .event_sec p{font-size: 3.9640vw;}
    .event_sec.sec_01 .tit_wrap{bottom: 9.0090vw;}
    .event_sec.sec_01 .tit_wrap p{margin-top: 5.4054vw;font-size: 4.6847vw;}
    .event_sec.sec_02{padding-top: 0;padding-bottom: 9.9099vw;}
    .event_sec.sec_02 .step_wrap ul{max-width: 72.0721vw;}
    .event_sec.sec_02 .step_wrap li{height: 21.6216vw;padding: 2.1622vw 0 3.6036vw;border-radius: 9.7297vw;}
    .event_sec.sec_02 .step_wrap li::after{bottom: -1.4vw;border-width: 1.6216vw 3.1532vw 0 3.1532vw;}
    .event_sec.sec_02 .step_wrap li + li{margin-top: 6.1261vw;}
    .event_sec.sec_02 .step_wrap li:nth-child(1) p{margin-top: 2.7027vw;}
    .event_sec.sec_02 .step_wrap li strong{font-size: 3.6036vw;}
    .event_sec.sec_02 .step_wrap li p{font-size: 4.3243vw;}
    .event_sec.sec_02 .step_wrap li span{font-size: 3.1532vw;}
    .event_sec.sec_03{padding-top: 9.0090vw;padding-bottom: 7.2072vw;}
    .event_sec.sec_03 .gift_list{margin-top: 9.0090vw;padding: 0 4.3243vw;}
    .event_sec.sec_03 .gift_list ul{gap: 5.0450vw 4.3243vw;}
    .event_sec.sec_03 .gift_list .img_wrap{width: 32.4324vw;height: 32.4324vw;border-radius: 2.1622vw;}
    .event_sec.sec_03 .gift_list .img_wrap .label{padding: 1.8018vw;border-radius: 0 2.1622vw 0 2.1622vw;font-size: 2.8829vw;}
    .event_sec.sec_03 .gift_list .text_wrap{margin-top: 2.1622vw;}
    .event_sec.sec_03 .gift_list .text_wrap strong{font-size: 3.7838vw;}
    .event_sec.sec_03 .gift_list .text_wrap p{font-size: clamp(10px, 3.2432vw, 40px);}
    .event_sec.sec_03 .gift_list .text_wrap strong + p,
    .event_sec.sec_03 .gift_list .text_wrap p + strong{margin-top: 0.9009vw;}
    .info_text{margin-top: 7.2072vw;}
    .info_text p{font-size: clamp(10px, 2.8829vw, 32px);}
    .event_sec.sec_04{padding-top: 48.6486vw;padding-bottom: 11.7117vw;}
    .event_sec.sec_04 .text_wrap{margin-top: 3.6036vw;}
    .event_sec.sec_04 .text_wrap .fz_sm{font-size: clamp(10px, 2.8829vw, 32px);}
    .event_sec.sec_04 .text_wrap .desc_text{margin-top: 1.8018vw;font-size: clamp(10px, 2.5225vw, 28px);}
    .event_sec.sec_04 .vod_wrap{margin-top: 10.8108vw;padding: 0 3.6036vw;}
    .event_sec.sec_04 .vod_cont{padding-bottom: 52.3%;}
    .event_sec.sec_04 .btn_wrap{margin-top: 10.8108vw;padding: 0 3.6036vw;}
    .event_sec.sec_04 .btn_wrap .btn{padding: 5.4054vw 8.1081vw;border-radius: 4.3243vw;}
    .event_sec.sec_04 .btn_wrap .btn + .btn{margin-top: 2.5225vw;}
    .event_sec.sec_04 .btn_wrap .btn .text{font-size: 5.0450vw;}
    .event_sec.sec_04 .btn_wrap .btn i{right: 5.4054vw;width: 3.3333vw;height: 5.8559vw;}
    .event_sec.sec_05{padding-top: 9.9099vw;padding-bottom: 11.7117vw;}
    .event_sec.sec_05 .text_wrap{margin-top: 5.7658vw;}
    .event_sec.sec_05 .text_wrap p{font-size: 3.6036vw;}
    .event_sec.sec_05 .store_wrap{margin-top: 5.7658vw;padding: 0 7.2072vw;}
    .event_sec.sec_05 .store_box{padding: 5.7658vw 3.9640vw;border-radius: 2.8829vw;}
    .event_sec.sec_05 .store_box + .store_box{margin-top: 3.9640vw;}
    .event_sec.sec_05 .store_area strong{width: 21.6216vw;padding: 1.8018vw;border-radius: 4.0541vw;font-size: 4.5045vw;}
    .event_sec.sec_05 .store_name{margin-top: 2.7027vw;}
    .event_sec.sec_05 .store_name li{font-size: 3.9640vw;}
    .event_sec.sec_05 .store_box.col1 .store_name ul:nth-child(1){padding-right: 5.4054vw;}
    .event_sec.sec_05 .store_box.col1 .store_name ul:nth-child(2){padding-left: 5.4054vw;}
    .event_sec.sec_05 .store_box.col1 .store_name ul:nth-child(2)::before{width: 0.1802vw;}
    .event_sec.sec_05 .store_box.col2{gap: 5.4054vw 2.1622vw;}
}