/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {background:#000000 url(../../images/bg.jpg) center top no-repeat; background-size:cover; position:fixed; width:100%; min-width:0px; top:0; right: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: 500px; min-width:320px;}
.aside_wrap {float:left; width:100%; padding:0 0 30px; -webkit-overflow-scrolling:touch;}

.aside_top_wrap {width:100%; position:relative; height:100px; line-height:100px; background:url(../../images/bg_header.jpg) center center no-repeat; background-size:; padding:0 2% 0 2%;}
.aside_top_left {float:left; width:100%; line-height:100px; text-align:left;}
.aside_top_right {float:right; cursor:pointer; position:absolute; right:5px;}


.aside2 {background:#000000 url(../../images/bg.jpg) center top no-repeat; background-size:cover; 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:1999;   overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.aside2.in {width: 500px; min-width:320px;}

.aside3 {background:#000000 url(../../images/bg.jpg) center top no-repeat; background-size:cover; position:fixed; width:100%; min-width:0px; top:0; right: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;}
.aside3.in {width: 500px; min-width:320px;}

.aside2_box1_wrap {float:left; width:100%; padding:10px; background:rgba(0,0,0,0.6);}
.aside2_box1 {float:left; width:100%;}
.aside2_box1 td {height:34px; line-height:34px; padding:5px 10px 5px 10px; border-bottom:1px solid rgba(255,255,255,0.1); font-family: 'EsaManru'; font-weight:300; font-size:20px; color:#ffffff;}
.aside2_box1 td a{color:#ffffff;}
.my_font01{color:#ffde00; font-weight:700;}

.aside2_box2_wrap {float:left; width:100%;}
.aside2_box2 {float:left; width:100%; padding:0px 10px 10px 10px;}
.aside2_box3_wrap {float:left; width:100%; margin:0 0 0 0;}

.aside_btn1  {background:linear-gradient(to right, #bababa 0%, #868686 20%, #c8c8c8 50%, #868686 80%, #bababa 100%); width:100%; height:60px; line-height:60px; text-align:center; display:inline-block; color:#000000; font-size:20px; font-weight:500; border-radius:5px; font-family: 'EsaManru'; text-shadow:1px 0 0 rgba(255,255,255,0.5);}
.aside_btn2  {background:rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.1); width:100%; height:60px; line-height:60px; text-align:center; display:inline-block; color:#b5b5b5; font-size:18px; font-weight:500; border-radius:5px; font-family: 'EsaManru'; text-shadow:1px 0 0 rgba(255,255,255,0.5);}
.aside_btn3  {background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); width:100%; height:60px; line-height:60px; text-align:center; display:inline-block; color:#000000; font-size:22px; font-weight:500; border-radius:5px; font-family: 'EsaManru'; text-shadow:1px 0 0 rgba(255,255,255,0.5);}

/*-------------------------------------------------------------------------------------*
 *  별도추가                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside2_box2_title {line-height:36px; color:#ffffff; font-size:20px; padding:15px 0 0 3px; font-family: 'EsaManru'; font-weight:500;}

.aside::-webkit-scrollbar {display: none;}
.aside2::-webkit-scrollbar {display: none;}

.m_customer{width:100%; padding:2px 10px;}
.m_customer img{width:100%;}

.left_title{float:left; width:100%; height:50px; padding:0 15px; background:linear-gradient(#583915 0%, #38290b 100%); line-height:50px; font-family: 'EsaManru'; font-weight:700; font-size:16px; color:#ffffff;}

.left_menu_box{float:left; width:100%; padding:0 0px 30px; overflow-y:auto;}
.left_menu_title{float:left; width:100%; margin:20px 0 0 0; font-family: 'EsaManru'; font-weight:700; font-size:16px; color:#ffffff;}
.left_menu{float:left; width:100%; margin:15px 0 0 0;}
.left_menu ul{float:left; width:100%;}
.left_menu li{float:left; width:calc(100% / 2 - 2px); margin:0 4px 4px 0;}
.left_menu li:nth-child(2n){margin:0 0 4px 0;}
.left_menu li a{display:block; width:100%; border-radius:3px; text-align:center; height:60px; line-height:60px; border:1px solid rgba(255,255,255,0.2); font-family: 'EsaManru'; font-weight:500; font-size:18px; color:#ffffff; transition:all 0.5s;}
.left_menu li a{border: 1px solid transparent;border-image-slice: 1; background-image: linear-gradient(#472e11, #211806), linear-gradient(to right, #e4c169 0%, #976c34 15%,#554426 30%, #fde892 50%, #ffe1ae 70%, #976c34 85%, #e4c169 100%); background-origin: border-box; background-clip: content-box, border-box;}
.left_menu li a:hover{transform:scale(0.95);}













