.alert {
    position         : fixed;
    z-index          : var(--zindex-modal);
    bottom           : 100px;
    left             : 50%;
    transform        : translate(-50%, 0);
    text-align       : center;
    background-color : var(--brand-primary);
    color            : var(--basic-white);
}

.modal-container .modal-content {
    border-radius : var(--modal-radius);
}

.modal-container .modal-header {
    border-bottom           : none;
    padding-top             : 24px;
    border-top-left-radius  : var(--modal-radius);
    border-top-right-radius : var(--modal-radius);
}

.modal-container .modal-header .modal-title {
    font-size   : var(--font-24);
    line-height : var(--line-32);
    font-weight : bold;
}

.modal-container .modal-body {
    padding-top    : 16px;
    padding-bottom : 16px;
    font-size      : var(--font-16);
    line-height    : var(--line-24);
    font-weight    : 500;
}

.modal-container .modal-footer {
    padding                    : 16px;
    border-top                 : none;
    border-bottom-right-radius : var(--modal-radius);
    border-bottom-left-radius  : var(--modal-radius);
}

.modal-container .modal-footer .button_cancel + .button_confirm {
    margin-left : 8px;
}

/*반응형 CSS*/
/* 가로 반응형 */
@media (min-width : 320px) {
}

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

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

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

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

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

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

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

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

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