@charset "UTF-8";

/* ==========================================================================
 * 개발 전용 — 레거시/variant 이벤트 상세 스타일 (퍼블 event.css 미관리)
 * 로드: eventDetailCouponEvent.jsp, eventDetailArcade.jsp (_cssCommonFiles)
 * ========================================================================== */

/* ==========================================================================
 * 쿠폰 이벤트 상세 (CP/ST) — eventDetailCouponEvent.jsp
 * ========================================================================== */
.content.event-coupon-detail .target-info {margin-top:var(--spacing-12, 12px);font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-secondary, #40403F);}
.content.event-coupon-detail .target-info strong {display:block;margin-bottom:var(--spacing-4, 4px);font-weight:var(--fw--600, 600);color:var(--color-set-text-primary, #111);}
.content.event-coupon-detail .time-deal-countdown {display:flex;align-items:center;justify-content:center;gap:var(--spacing-8, 8px);margin-bottom:var(--spacing-20, 20px);padding:var(--spacing-12, 12px) var(--spacing-16, 16px);border-radius:var(--border-radius-8, 8px);background:var(--color-set-bg-gray30, #F5F5F4);}
.content.event-coupon-detail .time-deal-countdown dt {margin:0;font-size:var(--fs-14, 14px);font-weight:var(--fw--600, 600);}
.content.event-coupon-detail .time-deal-countdown dd {display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4, 4px);margin:0;font-size:var(--fs-16, 16px);font-weight:var(--fw--600, 600);color:var(--color-set-brand-red, #FC312E);}
.content.event-coupon-detail .event-coupon-cta {margin-top:var(--spacing-24, 24px);padding:var(--spacing-24, 24px);border-radius:var(--border-radius-12, 12px);background:var(--color-set-bg-gray30, #F5F5F4);text-align:center;}
.content.event-coupon-detail .event-coupon-count {margin:0 0 var(--spacing-12, 12px);font-size:var(--fs-14, 14px);}
.content.event-coupon-detail .event-coupon-notice {margin:0 0 var(--spacing-12, 12px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);color:var(--color-set-text-secondary, #40403F);}
.content.event-coupon-detail .btn-txt-link {display:inline-block;margin-bottom:var(--spacing-16, 16px);font-size:var(--fs-13, 13px);text-decoration:underline;color:var(--color-set-text-secondary, #40403F);}
.content.event-coupon-detail .event-coupon-notice-box {margin-top:var(--spacing-32, 32px);}
.content.event-coupon-detail .event-coupon-notice-box .tit {margin-bottom:var(--spacing-12, 12px);font-size:var(--fs-16, 16px);font-weight:var(--fw--600, 600);}
.content.event-coupon-detail .event-detail-list-back {margin-top:var(--spacing-32, 32px);}

/* ==========================================================================
 * 베샵게임 이벤트 상세 (partType=12) — eventDetailArcade.jsp
 * ========================================================================== */
.content.event-arcade-detail .ev-img-box.event-arcade-embed {position:relative;width:100%;}
.content.event-arcade-detail .event-arcade-kiki-trigger {position:absolute;left:40px;right:40px;top:0;bottom:0;width:calc(100% - 80px);max-width:960px;height:100%;margin:0 auto;padding:0;border:0;background:transparent;cursor:pointer;}
.content.event-arcade-detail .event-arcade-extra {margin-top:var(--spacing-24, 24px);}
.content.event-arcade-detail .event-arcade-links {flex-wrap:wrap;justify-content:center;gap:var(--spacing-8, 8px);}
.content.event-arcade-detail .event-arcade-sticky {position:fixed;right:var(--spacing-20, 20px);bottom:calc(var(--h56, 56px) + var(--spacing-16, 16px));z-index:10;padding:var(--spacing-12, 12px) var(--spacing-16, 16px);border-radius:var(--border-radius-999, 999px);background:var(--color-set-brand-red, #FC312E);color:#fff;font-weight:var(--fw--600, 600);text-decoration:none;}
.event-arcade-cert-form .event-arcade-phone-row,
.event-arcade-cert-form .event-arcade-cert-row {display:flex;align-items:center;gap:var(--spacing-8, 8px);}
.event-arcade-cert-form .valid-time {flex-shrink:0;min-width:48px;font-size:var(--fs-13, 13px);color:var(--color-set-brand-red, #FC312E);}
.event-arcade-cert-form .event-arcade-agree {margin-top:var(--spacing-24, 24px);}
@media screen and (max-width: 767px) {
    .content.event-arcade-detail .event-arcade-kiki-trigger {left:0;right:0;width:100%;}
}