/* =============================================
   popup.css — AI 솔루션 프로모션 팝업
   (mainnew.php 인라인 <style> 분리)
============================================= */

#ai-promo-popup {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(8, 14, 36, 0.55);
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
}
#ai-promo-popup[hidden] { display: none; }
.ai-promo-card {
    position: relative;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
    max-width: 560px; width: 100%;
    overflow: hidden;
    animation: aiPromoIn 0.25s ease;
}
@keyframes aiPromoIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
.ai-promo-close {
    position: absolute; top: 10px; right: 12px;
    background: rgba(0,0,0,0.35); color: #fff;
    border: 0; width: 32px; height: 32px; border-radius: 50%;
    font-size: 18px; line-height: 1; cursor: pointer;
    z-index: 2;
}
.ai-promo-close:hover { background: rgba(0,0,0,0.55); }
.ai-promo-card svg { display: block; width: 100%; height: auto; }
.ai-promo-cta {
    padding: 16px 20px 18px;
    background: #fff;
    text-align: center;
}
.ai-promo-cta a.primary {
    display: inline-block;
    background: #1f7aec; color: #fff;
    padding: 12px 28px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700; font-size: 15px;
}
.ai-promo-cta a.primary:hover { background: #155bb5; }
.ai-promo-noday {
    display: block; margin-top: 12px;
    font-size: 12px; color: #666;
}
.ai-promo-noday input { vertical-align: middle; margin-right: 4px; }