/* 첫 방문 전체알림(모달) — 마스터 2026-08-03. 정본 = Views/Shared/_FirstVisitModal.cshtml */
.fvm-overlay {
    position: fixed; inset: 0; z-index: 9000;
    background: rgba(15, 23, 42, .55);
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
}
.fvm-card {
    width: 100%; max-width: 460px;
    background: #fff; border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0,0,0,.25);
    overflow: hidden;
    animation: fvm-pop .22s ease-out;
}
@keyframes fvm-pop {
    from { transform: scale(.94); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}
.fvm-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 18px 10px;
}
.fvm-title { font-size: 17px; font-weight: 800; color: #1e293b; }
.fvm-close {
    border: 0; background: transparent; font-size: 16px; cursor: pointer;
    color: #94a3b8; width: 30px; height: 30px; border-radius: 8px;
}
.fvm-close:hover { background: #f1f5f9; color: #334155; }
.fvm-slides { padding: 4px 20px 6px; min-height: 150px; }
.fvm-slide-title { font-size: 15.5px; font-weight: 700; color: #0f172a; margin: 4px 0 8px; }
.fvm-slide-body { font-size: 13.5px; line-height: 1.6; color: #475569; margin: 0 0 10px; white-space: pre-line; }
.fvm-slide-more { font-size: 13px; font-weight: 700; color: #2563eb; text-decoration: none; }
.fvm-slide-more:hover { text-decoration: underline; }
.fvm-nav {
    display: flex; align-items: center; justify-content: center; gap: 14px;
    padding: 4px 0 10px;
}
.fvm-nav-btn {
    border: 1px solid #e2e8f0; background: #f8fafc; border-radius: 999px;
    width: 30px; height: 30px; font-size: 16px; cursor: pointer; color: #475569;
}
.fvm-nav-btn:hover { background: #eef2ff; }
.fvm-dots { display: flex; gap: 6px; }
.fvm-dot { width: 7px; height: 7px; border-radius: 999px; background: #cbd5e1; display: inline-block; cursor: pointer; }
.fvm-dot.active { background: #2563eb; width: 18px; border-radius: 999px; }
.fvm-foot {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 20px 18px; border-top: 1px solid #eef1f5;
}
/* 마스터 2026-08-03: "24시간 안보기 체크박스를 큼지막하게" */
.fvm-hide-check {
    display: flex; align-items: center; gap: 8px;
    font-size: 14px; font-weight: 600; color: #334155; cursor: pointer;
}
.fvm-hide-check input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; accent-color: #2563eb; }
.fvm-close-btn { padding: 9px 18px; font-size: 13.5px; }

@media (max-width: 480px) {
    .fvm-foot { flex-direction: column; align-items: stretch; gap: 10px; }
    .fvm-close-btn { width: 100%; }
}