/* 원본 = 40.Projects\05.SJMKSYSTEMWEB\SJMKSYSTEMWEB\SJMKSYSTEMWEB.WebSite\wwwroot\css\common\first-visit-modal.css · 2026-09-22 WebModule 승격 · 바꾼 것 = 없음(바이트 동일 · 머리 출처 한 줄만) */
/* 첫 방문 전체알림(모달) — 마스터 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; }
/* ★2026-08-03 2차 수정: "다음다음" 넘기지 말고 한 화면(스크롤 하나) 안에 전부 담는다.
   슬라이드 전환 대신 세로 스크롤 목록 하나 — max-height 넘으면 이 안에서만 스크롤된다. */
.fvm-slides { padding: 4px 20px 6px; max-height: min(58vh, 460px); overflow-y: auto; }
.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.7; 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-slide-divider { border: 0; border-top: 1px solid #eef1f5; margin: 16px 0; }
.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%; }
}