/* custom */
.book-badge.new {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: -5.6rem;
    z-index: 999;
    width: 12rem;
    height: 12rem;
}

.book-badge.new span {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1;
    height: auto;
}

/* 메인 팝업 */
.modal-event .event-content .event-img img {
    max-width: 100%;
    height: auto !important;
}


.avatar[data-user^=teacher] {
    background: url(../img/common/avatar-teacher-ani.png) no-repeat 0 0/cover;
}

.avatar[data-user^=parents] {
    background: url(../img/common/avatar-parents-ani.png) no-repeat 0 0/cover;
}

.avatar[data-user^=student] {
    background: url(../img/common/avatar-student-ani.png) no-repeat 0 0/cover;
}

.avatar[data-user^=normal] {
    background: url(../img/common/avatar-normal-ani.png) no-repeat 0 0/cover;
}


/*@media (min-width: 768px) {*/
/*    .pagination .page-item:first-child {*/
/*        margin-right: 4rem;*/
/*    }*/

/*    .pagination .page-item:last-child {*/
/*        margin-left: 4rem;*/
/*    }*/
/*}*/


/* 모달 출력 애니메이션 */
html {
    scrollbar-gutter: stable;
}

/* Alert 전용 (Bootstrap modal 복제) */
/* ===== Alert Modal ===== */
.vs-alert {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: block;
}

.vs-alert.fade {
    opacity: 0;
    transition: opacity .3s linear;
}

.vs-alert.fade.show {
    opacity: 1;
}

.vs-alert .modal-dialog {
    transform: translateY(30px);
    transition: transform .3s ease-out;
}

.vs-alert.show .modal-dialog {
    transform: translateY(0);
}

/* ===== Alert Backdrop ===== */
.vs-alert-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99998;
    background-color: rgba(0,0,0,.3);
}

.vs-alert-backdrop.fade {
    opacity: 0;
    transition: opacity .3s linear;
}

.vs-alert-backdrop.fade.show {
    opacity: 1;
}