@charset "UTF-8";
.modal-dim {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5); z-index: 9999;
    display: flex; align-items: center; justify-content: center;
}
.modal-content {
    background: #fff; padding: 24px; border-radius: 12px;
    min-width: 320px; box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    text-align: center; font-family: sans-serif;
}
.modal-body { font-size: 16px; margin-bottom: 24px; line-height: 1.5; color: #333; }
.modal-footer { display: flex; justify-content: center; gap: 8px; }

/* 버튼 스타일 */
.modal-footer button { padding: 10px 20px; border-radius: 6px; border: none; cursor: pointer; font-weight: bold; }
.btn-primary { background: #007bff; color: white; }
.btn-primary:hover { background: #0056b3; }
.btn-secondary { background: #e9ecef; color: #495057; }
.btn-secondary:hover { background: #dee2e6; }