.scroll-none::-webkit-scrollbar {
    width: 0;  /* 스크롤바의 너비 */
    height: 0;  /* 스크롤바의 너비 */
    background-color: #fff;
}
.scroll-none::-webkit-scrollbar-thumb {
    background: #b6b6b6; /* 스크롤바의 색상 */
    border: none;
}
.scroll-thin::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
    height: 5px;  /* 스크롤바의 너비 */
    background-color: #fff;
}
.scroll-thin::-webkit-scrollbar-thumb {
    background: #b6b6b6; /* 스크롤바의 색상 */
    border: none;
}


.nav-tabs .nav-link { color: var(--bs-nav-tabs-link-active-color); /* transition-duration: 0s; */ }
.nav-tabs .nav-link.active { color: var(--bs-link-color); }
/* .tab-content .tab-pane{ transition-duration: 0s; } */


/* .drag_entered , .uploading , .uploaded */
/* i.upload_icon_before , i.upload_icon_uploading , input[type=file] , img */
.file_upload_card { position: relative; height: 100px; border: 1px solid #bbb; border-radius: 13px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #bbb; transition: all .1s linear; }
.file_upload_card i.upload_icon_uploading { display: none; }
.file_upload_card input[type=file] { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 0; }
.file_upload_card a.img { width: 100%; height: 100%; }
.file_upload_card img { width: 100%; height: 100%; object-fit: contain; background: rgb(196, 196, 196); }
.file_upload_card img:not([src]) { display: none; }
.file_upload_btns { display: flex; justify-content: center; }
.file_upload_card:hover { border-color: #666; color: #666; }
.file_upload_card.drag_entered { border-color: var(--bs-primary); color: var(--bs-primary); }
.file_upload_card.uploading { border-color: var(--bs-primary); color: var(--bs-primary-bg-subtle); }
.file_upload_card.uploading i.upload_icon_before { display: none; }
.file_upload_card.uploading i.upload_icon_uploading { display: block; }
.file_upload_card.uploaded { border: none; }


.bs_tooltip { position: relative; }
.bs_tooltip .tooltip-box { display: none; position: absolute; right: calc(50% - var(--tooltip-width) / 2); z-index: 1; --tooltip-width: 300px; width: var(--tooltip-width); max-height: 300px; padding: 8px 12px; word-wrap: break-word; overflow-y: auto; font-size: 15px; }
.bs_tooltip:hover .tooltip-box { display: block; }
.bs_tooltip:hover .tooltip-box.w200 { --tooltip-width: 200px; }
.bs_tooltip:hover .tooltip-box.w250 { --tooltip-width: 250px; }
.bs_tooltip:hover .tooltip-box.w300 { --tooltip-width: 300px; }


.menuBtn{ position: relative; width: 20px; height: 20px; margin: 0 auto; }
.menuBtn span{ display: block; width: 100%; height: 3px; position: absolute; left: 0; top: 60%; margin-top: -3px; height: 2px; background: #fff; -webkit-transition: .4s;transition: .4s;border-radius: 3px; }
.menuBtn .line1{-webkit-transform: translateY(-7px);transform: translateY(-7px);}
.menuBtn .line2{}
.menuBtn .line3{-webkit-transform: translateY(7px);transform: translateY(7px);}
.menuBtn.menuOn .line1{-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);-webkit-transition: .4s;transition: .4s;}
.menuBtn.menuOn .line2{opacity: 0;-webkit-transition: .4s;transition: .4s;}
.menuBtn.menuOn .line3{-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);-webkit-transition: .4s;transition: .4s;}