/* =================================================================== 행사 취소 오버레이 전용 스타일 (공개 사이트 index.html 에서만 로드) 재개 시 index.html 의 와 오버레이·팝업 마크업, , 이 파일을 함께 삭제 =================================================================== */ /* --- body.preparing: 오버레이·팝업을 제외한 모든 페이지 요소 숨김 (헤더/푸터/라이트박스 등 JS 주입 요소 포함) --- */ body.preparing { overflow: hidden; background: #1a1a1a; } body.preparing > :not(.cancel-overlay):not(.popup-overlay) { display: none !important; } /* === 행사 취소 오버레이 === */ .cancel-overlay { position: fixed; inset: 0; z-index: 10000; background: #1a1a1a; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cancel-content { text-align: center; padding: 60px 30px; max-width: 750px; width: 100%; font-family: 'Nanum Myeongjo', serif; } .cancel-title { font-size: 3rem; font-weight: 700; color: #fff; margin-bottom: 10px; letter-spacing: 3px; } .cancel-subtitle { font-size: 1.3rem; color: #bbb; margin-bottom: 44px; letter-spacing: 1px; } .cancel-heading { font-size: 2.5rem; font-weight: 700; color: #fff; margin-bottom: 44px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,0.15); } .cancel-body { margin-bottom: 44px; } .cancel-body p { font-size: 1.3rem; color: #d0d0d0; line-height: 2.2; word-break: keep-all; } .cancel-condolence { margin-bottom: 44px; padding: 28px 20px; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); } .cancel-condolence p { font-size: 1.2rem; color: #c0c0c0; line-height: 2; word-break: keep-all; } .cancel-sign { font-size: 1.2rem; color: #999; letter-spacing: 3px; } /* === 팝업 === */ .popup-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 10001; align-items: center; justify-content: center; } .popup-box { position: relative; max-width: 420px; width: 90%; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .popup-box img { width: 100%; display: block; } .popup-actions { display: flex; border-top: 1px solid #eee; } .popup-actions button { flex: 1; padding: 10px 0; background: none; border: none; font-size: 0.82rem; color: #888; cursor: pointer; font-family: inherit; } .popup-actions button + button { border-left: 1px solid #eee; } .popup-actions button.primary { color: #333; font-weight: 600; } @media (max-width: 768px) { .cancel-content { padding: 40px 24px; } .cancel-title { font-size: 2.1rem; letter-spacing: 2px; } .cancel-subtitle { font-size: 1.05rem; margin-bottom: 30px; } .cancel-heading { font-size: 1.8rem; margin-bottom: 30px; padding-bottom: 22px; } .cancel-body p { font-size: 1.1rem; } .cancel-condolence p { font-size: 1rem; } .cancel-sign { font-size: 1rem; } }