/* 모든 팝업의 모바일 너비 기준. 회전 시 CSS viewport 단위가 즉시 다시 계산된다. */
@media (max-width: 1000px) {
    html body .modal .modal-dialog {
        box-sizing: border-box;
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
        min-width: 0 !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    html body .modal .modal-content {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    html body .modal .modal-body { min-width: 0; overflow-x: auto; }
    html body dialog {
        box-sizing: border-box;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    html body .swal2-container .swal2-popup {
        box-sizing: border-box;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
    }
    html body .swal2-container { padding-left: 8px; padding-right: 8px; }
    html body .swal2-html-container { min-width: 0; overflow-wrap: anywhere; }
    html body .modal .modal-resize-handle { display: none !important; }
}