/* =========================================
   [Common CTA] 2026 NEW YEAR PROMOTION
   ========================================= */
   .ai-promo-section {
    padding: 120px 0 180px;
    background: #0b0e12;
}

/* 메인 박스: 2026 숫자를 은은하게 배경으로 깔았습니다 */
.promo-box {
    position: relative;
    background: #1c212a;
    border: 2px solid #F73C13;
    border-radius: 40px;
    padding: 100px 40px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.6), 
                inset 0 0 20px rgba(247, 60, 19, 0.05);
}

/* 배경 2026 워터마크 효과 */
.promo-box::before {
    content: '2026';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 350px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.02); /* 아주 은은하게 */
    z-index: 0;
    pointer-events: none;
    font-family: 'Montserrat', sans-serif;
}

.promo-content { position: relative; z-index: 10; }

/* 상단 뱃지: 반짝이는 애니메이션 추가 */
.promo-tag {
    display: inline-block;
    background: #F73C13;
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 35px;
    box-shadow: 0 0 20px rgba(247, 60, 19, 0.4);
    animation: pulse_orange 2s infinite;
}

@keyframes pulse_orange {
    0% { box-shadow: 0 0 0 0 rgba(247, 60, 19, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(247, 60, 19, 0); }
    100% { box-shadow: 0 0 0 0 rgba(247, 60, 19, 0); }
}

.promo-content h2 {
    font-size: clamp(32px, 4.5vw, 52px);
    color: #fff;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 60px;
    letter-spacing: -1.5px;
}
.promo-content h2 strong { color: #F73C13; }

/* 신년 특전 그리드 */
.promo-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    margin-bottom: 60px;
}

.p-item .p-title {
    display: block;
    font-size: 18px;
    color: #9CA3AF;
    margin-bottom: 15px;
    font-weight: 500;
}

.p-val {
    font-family: 'Montserrat', sans-serif;
    font-size: 82px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: -2px;
}
.p-val small { font-size: 28px; vertical-align: baseline; color: rgba(255,255,255,0.6); }
.p-val .down { font-size: 32px; color: #F73C13; margin-left: 5px; }

.p-item p { font-size: 16px; color: #8B95A1; }

.p-divider { 
    width: 2px; height: 100px; 
    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1), transparent); 
}

/* 마감 배지 및 푸터 */
.promo-footer { margin-bottom: 50px; }

.deadline-badge {
    display: inline-block;
    background: #000;
    border: 1px solid #333;
    color: #fff;
    padding: 15px 35px;
    border-radius: 100px;
    font-size: 20px;
    margin-bottom: 25px;
}
.deadline-badge i { color: #F73C13; margin-right: 10px; font-size: 22px; }
.deadline-badge strong { color: #F73C13; font-weight: 800; }

.notice { font-size: 15px; color: #4b5159; }

/* 버튼: 마우스 올리면 불 들어오는 효과 */
.btn-promo-apply {
    display: inline-block;
    padding: 24px 100px;
    background: #F73C13;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 15px 40px rgba(247, 60, 19, 0.4);
}

.btn-promo-apply:hover {
    background: #fff;
    color: #F73C13;
    transform: translateY(-8px) scale(1.05);
    box-shadow: 0 25px 50px rgba(247, 60, 19, 0.6);
}

/* --- 반응형 --- */
@media (max-width: 1024px) {
    .promo-grid { gap: 40px; }
    .p-val { font-size: 64px; }
}

@media (max-width: 768px) {
    .promo-box { padding: 80px 20px; border-radius: 30px; }
    .promo-box::before { font-size: 180px; } /* 모바일에서 글자 크기 조절 */
    .promo-grid { flex-direction: column; gap: 40px; }
    .p-divider { display: none; }
    .p-val { font-size: 56px; }
    .deadline-badge { font-size: 16px; padding: 12px 25px; }
    .btn-promo-apply { width: 100%; padding: 20px 0; font-size: 20px; }
}

/* 깜빡이는 애니메이션으로 긴박감 추가 */
.deadline-badge i {
    animation: blink_red 1s infinite;
    color: #F73C13;
}

@keyframes blink_red {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}