*::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}
*::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #808080; /* 스크롤바의 색상 */
    border-radius: 10px;
}
*::-webkit-scrollbar-track {
    background: rgb(255 255 255 / 0.10);  /*스크롤바 뒷 배경 색상*/
}
.logoimg{background-image:url("../../images/common/logo.png?ver=absolics"); background-repeat:no-repeat; background-size:contain; background-position:top right; height:25px;width:140px;}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    display:none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    /*background-color: rgba(0, 0, 0, 0.3);
    transition:opacity .3s;*/
    width:100%; height:100%;
}
@media (min-width: 1200px){
    .modal {
        padding-left: 16.25rem;
    }
}
.modal .modal-wrap {
    position: relative;
    width:100%; height:100%;
    left:50%; top:50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    overflow:auto;
}
.modal .modal-wrap .modal-header, .modal .modal-wrap .modal-footer{
  position: sticky;
  border-radius:0;
  width:100%;
  background:#efefef;
  padding: 1rem;
  z-index:2000;
}
.modal .modal-wrap .disabled{background:#ddd !important;}
.modal .modal-wrap .modal-header{top: 0;left:0;}
.modal .modal-wrap .modal-footer{bottom: 0;left:0;}
.modal .modal-wrap .modal-header {text-align:center; font-weight:500;}
.modal .modal-wrap .modal-footer {text-align:center; background:var(--main-color); color:#fff;}
@media (max-width: 280px) { /*galaxy fold*/
    .modal .modal-wrap .modal-header {
        text-align: left;
    }

    .btn-pinned {
        right: 0rem;
    }
}
@media (max-width: 280px) { /*galaxy fold*/
    .card-header {
        padding: 0.65rem 0.2rem;
    }

    .card-body {
        padding: 1rem 0.8rem;
    }

    .layout-navbar.navbar-detached {
        margin-top: 0;
        padding: 0 0.65rem 0 0.5rem;
    }

    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }

    .mx-1 {
        margin-left: 0.2rem !important;
        margin-right: 0.2rem !important;
    }

    .btn {
        padding: 0.3rem 1rem;
    }

    .btn-lg {
        padding: 0.55rem 1.25rem;
    }

    h5, .h5 {
        font-size: 1rem;
    }

    .accordion-button {
        padding: 0.5rem 0.9rem;
    }

    .accordion-body {
        padding: 1rem;
    }

    .form-control-lg {
        padding: 0.4rem 0.6rem;
    }

    .form-control {
        padding: 0.35rem 0.5rem;
    }

    .btn-sm, .btn-group-sm > .btn {
        padding: 0.25rem 0.4rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 0.5rem;
    }

    .form-select {
        padding: 0.35rem 1rem;
    }

    .swiper-slide .disabled > div {
        font-size: 2.5rem !important;
    }
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    /*border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;*/
    outline: 0;
}
.modal-fullscreen .modal-header {
    /*display: flex;*/
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    border-radius: 0;
}

.modal-fullscreen .modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #304055;
    font-weight: 500;
}

.modal-fullscreen .modal-body {
    overflow-y: auto;
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-fullscreen .modal-footer {
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    opacity: 1;
}

.btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}