/*-------------------------------------------------------------------------------------*
 *  공통                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {background:#e2e2ed; position:fixed; width:100%; min-width:0px; top:0; left:0; bottom:0; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); width:0px; overflow:hidden; transition:0.35s width ease, 0.35s min-width ease; z-index:2000; overflow-y:scroll;   -webkit-overflow-scrolling:touch;}
.aside.in {width: 100%; min-width:320px;}
.aside_wrap {float:left; width:100%; height:auto; -webkit-overflow-scrolling:touch;background:#222222;border-bottom:2px solid #28ffbb;}

.aside_top_wrap {width:100%; height:60px; line-height:60px; padding:0 3% 0 3%;}
.aside_top_left {float:left; cursor:pointer;}
.aside_top_right {float:right; cursor:pointer;}

.aside2 {/*background:#222222;*/backdrop-filter:blur(10px); position:fixed; width:100%; height:100%; min-width:320px; top:-200%; right:0; bottom:0; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); overflow:hidden; transition:0.35s all ease, 0.35s all ease; z-index:2000;   overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.aside2.in {width:100%; top:0;}

.aside2_box1_wrap {float:left; width:100%; padding:0 2% 0 2%;}
.aside2_box1 {float:left; width:100%;}

.aside2_box2_wrap {float:left; width:100%; padding:0 2% 0 2%;}
.aside2_box2 {float:left; width:100%; padding:0 0 20px 0;}

/*-------------------------------------------------------------------------------------*
 *  m_my                                                                       *
 *-------------------------------------------------------------------------------------*/
 .m_my{float:left; width:100%; background:#e2e2ed; border:1px solid #e0e0e5; border-radius:5px; padding:40px 20px 30px;}
 .m_my_con1{width:100%; float:left; font-size:16px;}
 .m_my_con2{width:100%; float:left; margin:30px 0 0 0;}
 .m_my_con3{width:100%; float:left; margin:0px 0 0 0; padding:0 0 0 35px;}
 .m_my_con2.mn{margin:0;}
 .m_my_con2_l{float:left;}
 .m_my_con2_r{float:right;}
 .m_my_con2_r.login{float:none; text-align:center;}
 .m_my_con2_r.login ul{display:inline-block;}
 .m_my_con2_r li{float:left; margin:0 0 0 5px;}
 
 .mmy_font01{color:#5837ff; font-weight:500;}
 
 .progress_bar_box{width:100%; float:left; display: flex; align-items: center; justify-content: space-between;}
 .progress_bar{float:left; width:80%; height:18px; background:#ffffff; position:relative;}
 .bar_gauge{float:right; width:18%; font-size:14px; color:#545454;}
 .gauge{width:30%; height:18px; background:linear-gradient(to right, #e2e2ed 0%, #b0a0ff 80%, #5837ff 100%);}
 .amount{width:100%; text-align:center; font-size:12px; font-weight:500; position:absolute; left:0; top:0;}


 
/*-------------------------------------------------------------------------------------*
 *  우측메뉴                                                                         *
 *-------------------------------------------------------------------------------------*/
.aside_btn1 {
    background: linear-gradient(to right, #00000000 0%, #00000000 100%);
    color: #fff;
    border-bottom: 2px solid #333333;
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 20px;
    font-family: 'EsaManru';
    font-weight: 600;
    padding: 0 0 0 10px;
}
.metismenu > li > ul > li > a > span {
    color: #28ffbb;
    font-size: 16px;
    height: 40px;
}
.metismenu > li > ul > li:last-child > a > span {
    margin-bottom:20px;
}

.aside_btn2  {background:rgba(0,0,0,0.0); color:#545454; width:100%; height:60px; line-height:60px; display:inline-block; font-size:20px; font-family:'EsaManru'; font-weight:300; padding:0 0 0 25px;}

.has-arrow-li{border-bottom: 2px solid #333333;}
.has-arrow{border-bottom: none;}
.has-arrow-li ul li a span{border-bottom: none;}

/*-------------------------------------------------------------------------------------*
 *  customer                                                                       *
 *-------------------------------------------------------------------------------------*/
.customer_wrap{float:left; width:100%; padding:0 2% 0 2%;}
.customer{width:100%; height:130px; background:url(../../image/bg_customer.jpg) center top no-repeat; background-size:100% 100%; padding:20px; display:flex;flex-direction: column-reverse; justify-content: flex-end}

.customer_tit{font-size:14px; color:#ffffff; font-weight:400; margin:10px 0 0 0; text-align:right;}
.customer li{text-align:right;}
.customer li a{font-family:'EsaManru'; font-weight:700; font-size:20px; color:#ffffff;}



@media screen and (max-width:768px) {
.m_my{padding:20px;}
.m_my_con1{font-size:12px;}
.aside_btn1{font-size:18px; line-height:60px; letter-spacing:0pt;}
.customer_tit{font-size:12px;}
.customer li a{font-size:14px;}
}