html body {
    touch-action: initial;
}

html body.layout-opened {
    padding-right: 5px;
    touch-action: none;
}

html body.bootpay-open {
    position: static !important;
    left: initial !important;
    right: initial !important;
    bottom: initial !important;
    top: initial !important;
    margin: initial !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: initial !important;
    padding-right: 5px;
}

html body.bootpay-open .footer {
    width: 100% !important;
}

html body .empty {
    background-color: var(--basic-gray-medium);
    border-radius: 8px;
    max-width: 100%;
    max-height: 100%;
}

html body .empty.outline {
    background-color: var(--basic-white);
    border: var(--border-4px) var(--basic-gray-medium);
}

html {
    min-width: 500px;
    width: 100%;
}

/*반응형 CSS*/
/* 가로 반응형 */
@media (min-width: 320px) {
    html body.layout-opened {
        padding-right: 0;
    }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    html body.layout-opened {
        padding-right: 5px;
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

/* 높이 반응형 */
@media (max-height: 480px) {
}

@media (min-height: 640px) {
}

@media (min-height: 960px) {
}

@media (min-height: 1024px) {
}