/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {background-color: rgb(36, 36, 36); position:fixed; width:100%; min-width:0px; top:0; right:-100%; bottom:0; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); width:0px; transition:0.35s width ease, 0.35s min-width ease; z-index:2000; -webkit-overflow-scrolling:touch;}
.aside.in {max-width: 300px; width:calc(100% - 50px); right:0;}
.aside_wrap {float:left; height:100%; width:100%; padding:10px 10px 30px; -webkit-overflow-scrolling:touch; position:relative; overflow-y:scroll;}

.aside_top_wrap {width:100%; position:relative; display:flex;}
.aside_top_left {float:left; width:100%; line-height:70px; text-align:center;}
.aside_top_right {float:right; cursor:pointer; position:absolute; right:5px;}


.aside2 {background-color: rgb(36, 36, 36); position:fixed; width:100%; min-width:0px; top:0; left:-100%; bottom:0; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); width:0px; transition:0.35s width ease, 0.35s min-width ease; z-index:2000; -webkit-overflow-scrolling:touch;}
.aside2.in {max-width: 300px; width:calc(100% - 50px); left:0;}

/*-------------------------------------------------------------------------------------*
 *  별도추가                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside_wrap::-webkit-scrollbar {width: 4px; height: 4px;}
.aside_wrap::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.1); border-radius: 12px;}
.aside_wrap::-webkit-scrollbar-track {display: none;}


.aside_close{display: flex; align-items: center; justify-content: center; background:rgb(36, 36, 36); position: absolute; top:0; width: 50px; height: 50px; color:rgb(255, 194, 0);}
.aside_close1{left: -50px;}
.aside_close2{right: -50px;}


.aside_top_wrap .my{margin:0; width:100%; justify-content: center;}
.aside_top_wrap .my_box{flex-direction: column}
.aside_top_wrap .my_link{margin:0;}

.left_menu_boxbox{float:left; width:100%;}
.m_login_box{float:left; width:100%; display:flex; align-items: center; justify-content: flex-end;}
.user_box{float:left; width:100%; display: flex; flex-direction: column;}
.user_list{display:flex; height:35px; align-items:center; justify-content:space-between;}
.user_list_text span{color:#ffffff;}
.user_btn{padding:5px; font-weight:bold; color:#ff7575;}

@media screen and (min-width:1024px) {
   .aside{display:none;}
   .aside2{display:none;}
}