@charset "utf-8";

.event_contents{background-color: #733719;}
.event_bg{padding: 140px 110px 100px;}
.btn_wrap{display: flex;justify-content: center;margin-top: 90px;}

.event_bg_01{padding: 80px 45px 100px;}
.vod_cont{position: relative;width: 100%;padding-bottom: 56%;}
.vod_cont iframe{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 100%;}
.event_bg_01 .btn_wrap{padding: 0 65px;}

.event_bg_02{background-color: #dc001e;}
.event_item{margin-top: 100px;}

.stamp_content{display: flex;justify-content: space-between;gap: 30px;margin-top: 90px;}
.stamp_wrap .tit_wrap{padding: 28px 20px 24px;border-radius: 30px 30px 0 0;}
.stamp_wrap.type_burger .tit_wrap{background-color: #ff6105;}
.stamp_wrap.type_dessert .tit_wrap{background-color: #dc001e;}
.stamp_box{position: relative;background-color: #fff;border-radius: 0 0 30px 30px;}
.stamp_box .img_wrap{display: flex;justify-content: center;}
.stamp_box .stamp_list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.stamp_box .stamp_list li{position: absolute;width: 190px;}
.stamp_box .stamp_list li:nth-child(1){top: 4%;left: 10%;}
.stamp_box .stamp_list li:nth-child(2){top: 19%;left: 44%;}
.stamp_box .stamp_list li:nth-child(3){top: 35%;left: 6%;}
.stamp_box .stamp_list li:nth-child(4){top: 51%;left: 44%;}
.stamp_box .stamp_list li:nth-child(5){top: 65%;left: 12%;}
.stamp_box .stamp_list li:nth-child(6){top: 82%;left: 44%;}

.event_bg_04{padding-bottom: 140px;}
.apply_btn_wrap{gap: 52px;}
.apply_btn_wrap .obj{display: block;}
.apply_btn_wrap .count{position: relative;margin-top: 30px;}
.apply_btn_wrap .count p{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.apply_btn_wrap .count p, 
.apply_btn_wrap .count p span{font-size: 40px;line-height: 1.2em;font-weight: 700;color: #733719;}

.select_order_list{margin-top: 20px;}
.select_order_list ul{display: grid;gap: 12px;}
.select_order_list ul li label{display: flex;align-items: center;justify-content: space-between;position: relative;width: 100%;padding: 15px;gap: 4px;}
.select_order_list ul li .select_order_radio{overflow: hidden;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;border: 0;appearance: none;clip: auto;cursor: pointer;border: 1px solid #ddd;border-radius: 12px;}
.select_order_list ul li .select_order_radio:checked{border-color: #00a5b9;}
.select_order_list ul li .store_name{flex: 1;padding: 4px 0 4px 30px;background: url('/assets/images/common/comm_ico_brand_lotteria_circle.svg') no-repeat left center / 24px;font-size: 14px;line-height: 1.2em;font-weight: 700;color: #000;}
.select_order_list ul li .order_date{font-size: 14px;line-height: 1.2em;font-weight: 400;color: #666;}

.no_order_data{margin-top: 20px;padding: 24px 12px;border: 1px dashed #ddd;border-radius: 12px;text-align: center;}
.no_order_data .img_wrap{margin-top: 8px;}
.no_order_data p{margin-top: 8px;font-size: 14px;line-height: 1.2em;color: #444;}

.event_dialog .od-card .od-card-head button::before{background-image: url('https://img.lotteeatz.com/assets/images/common/comm_fold_arrow.svg');}
.event_dialog .form-list-wrap .input-box .ui-input {height: auto;padding: 20px 16px;border-radius: 12px;}
.event_dialog .form-list-wrap .input-box .ui-input, .dialog-body .form-list-wrap .input-box .ui-input::placeholder {font-size: 15px;}
.event_dialog .dialog-body .form-list-wrap .form-list .form-item ~ .form-item {margin-top: 20px;}
.event_dialog .od-card .od-card-tit {font-size: 15px;line-height: 1.5em;}
.event_dialog .od-card-body .btn_agree {width: 100%;border-radius: 12px;}
.event_dialog .od-card-body .btn_agree .text {font-weight: 500;color: #000;}
.event_dialog .ui-chk{display: block;}
.event_dialog .dialog-footer .dialog-btn-wrap button:disabled{border-color: #80878d;background-color: #80878d;opacity: 1;}

.sticker_count{margin-top: 16px;padding: 24px 12px;background-color: #f8f9fa;text-align: center;}
.sticker_count p{font-size: 18px;font-weight: 700;line-height: 1.5em;color: #000;}
.sticker_count p + p,
.sticker_count p + span{color: #00a5b9;}
.sticker_count span{font-size: 18px;font-weight: 700;line-height: 1.5em;}
.select_sticker_btn_wrap{margin-top: 16px;}
.select_sticker_btn_wrap ul{display: flex;gap: 8px;}
.select_sticker_btn_wrap ul li{flex: 1;}
.select_sticker_btn_wrap label{display: block;position: relative;width: 100%;height: 100%;text-align: center;}
.select_sticker_btn_wrap .select_sticker_radio{overflow: hidden;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;border: 0;appearance: none;clip: auto;cursor: pointer;border: 1px solid #ddd;border-radius: 12px;}
.select_sticker_btn_wrap .text{display: inline-block;padding: 22px 10px;font-size: 15px;line-height: 1.5em;color: #444;font-weight: 700;}
.select_sticker_btn_wrap .select_sticker_radio:checked + .text{color: #000;}

.select_sticker_btn_wrap .btn_select_burger .select_sticker_radio:checked{border-color: #ff6105;background-color: rgba(255, 97, 5, 0.05);}
.select_sticker_btn_wrap .btn_select_dessert .select_sticker_radio:checked{border-color: #dc001e;background-color: rgba(220, 0, 30, 0.05);}

@media screen and (max-width: 1150px) {
  .event_bg{padding: 12.1739vw 8.6957vw 8.6957vw;}
  .btn_wrap{margin-top: 7.8261vw;}

  .event_bg_01{padding: 6.9565vw 3.9130vw 8.6957vw;}
  .event_bg_01 .btn_wrap{padding: 0 5.6522vw;}

  .event_item{margin-top: 8.6957vw;}

  .stamp_content{gap: 2.6087vw;margin-top: 7.8261vw;}
  .stamp_wrap .tit_wrap{padding: 2.4348vw 1.7391vw 2.0870vw;border-radius: 2.6087vw 2.6087vw 0 0;}
  .stamp_box{border-radius: 0 0 2.6087vw 2.6087vw;}
  .stamp_box .stamp_list li{width: 16.5217vw;}

  .event_bg_04{padding-bottom: 12.1739vw;}
  .apply_btn_wrap{gap: 4.5217vw;}
  .apply_btn_wrap .count{margin-top: 2.6087vw;}
  .apply_btn_wrap .count p, 
  .apply_btn_wrap .count p span{font-size: 3.4783vw;}
}

@media screen and (max-width: 890px) {
  .event_dialog .bgm_term .tbl-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .event_dialog .bgm_term .tbl-scroll .tbl-data{min-width: 768px;}
}