@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap') ;
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@500;600;700&display=swap') ;
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css) ;

/* total width */
.scrollbar::-webkit-scrollbar {
    background-color:#fff;
    width:10px
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
    background-color:#fff
}
.scrollbar::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:10px;
    background-clip: padding-box;
    border: 1px solid transparent;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border: 1px solid #f4f4f4
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}


/*-- OverFlow Overlay --*/
.overflow-overlay { overflow: overlay; }

.overflow-overlay::-webkit-scrollbar {
    width: 10px;
}

.overflow-overlay::-webkit-scrollbar-thumb {
    background-color: hsla(0, 26%, 15%, 0.3) ;
}