/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {background-color: #181818; 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;flex-wrap: wrap;}
.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: #181818; 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:#2c2c2c; position: absolute; top:0; width: 50px; height: 50px; color:#ffffff;}
.aside_close1{left: -50px;}
.aside_close2{right: -50px;}


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

.left_menu_boxbox{float:left; width:100%;padding: 15px 10px;}
.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:#ffcf00;}
.user_btn{padding:5px; font-weight:bold; color:#ff7575;}

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

.m_game_title {
   padding: 15px 0;
   text-align: center;
   letter-spacing: 2px;
   width: 100%;
   display: block;
   clear: both;
   font-family: 'EsaManru';
   font-weight: 500;
   font-size: 16px;
   color: #ffffff;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
}

.m_game_title::before {
   content: '';
   float: right;
   width: 32%;
   height: 1px;
   margin: 7px 0 0 0;
   background-color: #0759c4;
}
.m_game_title::after {
   content: '';
   float: left;
   width: 32%;
   height: 1px;
   margin: 7px 0 0 0;
   background-color: #0759c4;
}

.m_game_btn {
   background: rgba(21, 21, 21, .9);
   border: 1px solid #0759c4;
   padding: 10px 5px 5px;
   display: block;
   width: 100%;
   font-family: 'EsaManru';
   font-weight: 500;
   font-size: 14px;
   color: #ffffff;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
}