/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {background-color: #141c39; 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%; -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:#111; 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: 100%; width:100%; left:0;}
*/
.aside2 {background:#111; position:fixed; width:100%; max-width:100px; top:0; left:0; bottom:0; box-shadow:10px 0 30px rgba(0,0,0,0.6); width:0px; transition:all 0.3s cubic-bezier(0.35, 0.38, 0.07, 0.83); z-index:2000; -webkit-overflow-scrolling:touch;transform: translateX(-120%);transition-duration: 0.35s;}
.aside2.in {width:100%; left:0;	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.aside2_box2_wrap{float:left; width:100%; margin:10px 0 0 0;}
.aside2_box2{}

.aside3 {background:#111; position:fixed; width:100%; max-width: 90%;; top:0; right: 0; bottom:0; box-shadow:10px 0 30px rgba(0,0,0,0.6); width:0px; z-index:2000; -webkit-overflow-scrolling:touch;-webkit-transform: translateX(120%);transition-duration: 0.35s;}
.aside3.in {width:100%; right:0; -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(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-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 {float:right; display: flex; align-items: center; justify-content: center; border:none; width: 40px; height: 40px; font-size:24px; color:#ffffff;background-color: transparent;}
.aside_close1{left: -40px;}
.aside_close2{right: -40px;}

@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%; margin:10px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.right_my_title{float:left; width:100%; height:40px; line-height:40px; padding:0 10px; border-radius:5px; background:url(../../images/bg_left_menu.png) center bottom no-repeat, linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; background-size:100% 5px; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; text-shadow: 2px 2px 3px rgba(0,0,0, 0.3);}
.right_my_list{float:left; width:49.5%; height:40px; margin:3px 0 0 0; line-height:40px; padding:0px 10px; border-radius:5px; background:#141c39; border:1px solid #1f2640; 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.w100{width:100%;}
.right_my_list>span{float:right; font-weight:500; font-size:14px; color:#f8de7f;}
.right_my_list>span a{float:right; font-weight:500; font-size:14px; color:#f8de7f;}

.right_btn_box{float:left; width:100%; text-align:center; margin:10px 0 0 0; display:block;}

.right_btn1{display:block; text-align:center; padding:10px 5px; font-family:'EsaManru'; font-weight:normal; font-size:12px; color:#a09d99; text-shadow:2px 0 5px rgba(0,0,0,0.3); border-bottom: 1px solid #2c2925;border-top: 0;border-left: 0;padding: 11px 0;}
.right_btn1 img{display:inline-block;}
.right_btn1:nth-child(5n){border-right: 0;}
.right_btn1 i{color: #ffcc00;font-size: 21px;display: block;}

.m_game_btn_m{display:none;}
@media screen and (min-width:1480px) {
    .m_game_btn_pc{display:none;}
    .m_game_btn_m{display:inline;}
}

.m_custumer{float:left; width:100%; padding:10px 20px;}
.m_custumer li{float:left; width:100%; margin:5px 0 0 0; text-align:center;}
.m_custumer li a{display:inline-block;}
.m_custumer li a img{display:inline-block; width:100%; max-width:350px;}

.top-bottom-info {position: absolute; left: 0; top: 3px; right: 60px;}
.top-bottom-info li {float: right; line-height: 35px; text-align: center; color: #fff; margin: 0 2%;}
.top-bottom-info li:first-child {float: left;}
.top-bottom-info li a {color: #fff;  font-size: 12px;  font-weight: bold;}
.level_icon img {width: 25px;}
.aside_close2 i{position: absolute;top: 6px;right: 10px;color: #8b8b8b;}
.aside3.in .aside_close2{opacity: 1; transition: 0.5s;}
.right-mid-menu .game-buttons {
    position: relative;
    margin: 10px 10px 0 10px;
    box-sizing: border-box;
    width: calc(100% - 20px);
    display: inline-block;
}
.right-mid-menu .game-buttons img {
    width: 100%;
}