/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
 .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;}