/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {background-color: #2c2c2c; 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: #2c2c2c; 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;}

.aside2_box2_wrap{float:left; width:100%; margin:10px 0 0 0;}
.aside2_box2{}
/*-------------------------------------------------------------------------------------*
 *  별도추가                                                                           *
 *-------------------------------------------------------------------------------------*/
.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-backdrop{position:fixed; width:0%; min-width:0px; top:0; right:-100%; bottom:0; background:rgba(0,0,0,0.3); z-index:1999;}
.aside-backdrop.in{max-width: 100%; width:100%; right:0;}

.aside_close{display: flex; align-items: center; justify-content: center; background:linear-gradient(#00ffff 0%, #007eff 100%); border:none; position: absolute; top:0; width: 50px; height: 50px; color:#ffffff; border-radius:5px;}
.aside_close1{left: -50px;}
.aside_close2{right: -50px;}

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

.m_game_btn{display:block; margin:5px 0 0 0;}
/* 오른쪽커스텀 */
.right_my{float:left; width:100%;}
.right_my_title{float:left; width:100%; height:40px; line-height:40px; padding:0 10px; border-radius:5px; background:url(../../images/bg_title.png) center top no-repeat; background-size:100% 100%; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);}
.right_my_list{float:left; width:100%; height:40px; margin:3px 0 0 0; line-height:40px; padding:0px 10px; border-radius:5px; background:rgba(255,255,255,0.1); font-family:'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);}
.right_my_list>span{float:right; font-weight:500; font-size:14px; color:#00ffff;}
.right_my_list>span a{float:right; font-weight:500; font-size:14px; color:#00ffff;}

.right_btn_box{float:left; width:100%; text-align:center; margin:10px 0 0 0; display:flex; flex-wrap:wrap; justify-content: space-between;}

.right_btn1{display:block; float:left; width:49.6%; margin:0 0 0.4% 0; height:50px; line-height:50px; border-radius:5px; text-align:center; padding:0 5px; background:linear-gradient(#7c7c7c 0%, #353535 100%); font-family:'EsaManru'; font-weight:300; font-size:13px; color:#ffffff;}
.right_btn2{display:block; float:left; width:49.6%; margin:0 0 0.4% 0; height:50px; line-height:50px; border-radius:5px; text-align:center; padding:0 5px; background:2c2c2c; font-family:'EsaManru'; font-weight:300; font-size:13px; color:#ffffff; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);}



.right_customer{float:left; width:100%; text-align:center; margin:0 0 0 0;}
.right_customer:first-child{margin:10px 0 0 0;}
.right_customer img{width:100%; max-width:280px;}


.right_login_title{float:left; width:100%; height:40px; line-height:40px; padding:0 10px; font-family:'EsaManru'; font-weight:700; font-size:20px; background-image: linear-gradient(#81ff5e 0%, #00fff0 80%); color: transparent; -webkit-background-clip: text;}
.right_join_list{float:left; width:100%; margin:0 0 5px 0;}