/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.max_aside {background:linear-gradient(rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 100%), url(../../images/bg.jpg), center top no-repeat; 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;}
.max_aside.in {max-width: 314px; width:calc(100% - 50px); right:0;}
.max_aside_wrap {float:left; height:100%; width:100%; padding:10px 10px 30px; -webkit-overflow-scrolling:touch; position:relative; overflow-y:scroll;}

.max_aside_top_wrap {width:100%; position:relative; display:flex;}
.max_aside_top_left {float:left; width:100%; line-height:70px; text-align:center;}
.max_aside_top_right {float:right; cursor:pointer; position:absolute; right:5px;}


.max_aside2 {background:#111111; 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;}
.max_aside2.in {max-width: 320px; width:100%; right:0;}

.max_aside2_box2_wrap{float:left; width:100%; margin:10px 0 0 0;}
.max_aside2_box2{}
/*-------------------------------------------------------------------------------------*
 *  별도추가                                                                           *
 *-------------------------------------------------------------------------------------*/
.max_aside_wrap::-webkit-scrollbar {width: 4px; height: 4px;}
.max_aside_wrap::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.1); border-radius: 12px;}
.max_aside_wrap::-webkit-scrollbar-track {display: none;}

.max_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;}
.max_aside-backdrop.in{max-width: 100%; width:100%; right:0;}

/* .aside_close{display: flex; align-items: center; justify-content: center; background:linear-gradient(rgba(75,111,123, 0.6) 0%, rgba(35,53,51,0.6) 100%); box-shadow:0px 1px 0 rgba(27,174,194,0.4) inset; border:1px solid rgba(255,255,255,0.1); position: absolute; top:10px; width:40px; height: 40px; color:#ffffff; border-radius:0px;} */
.max_aside_close1{left: -40px;}
.max_aside_close2{right: -40px;}

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

/* 오른쪽커스텀 */
.max_aside_close_box{float:left; width:100%; text-align:right;}
.max_aside_close{width:40px; height:40px; padding:5px}
.max_aside_close img{display:inline-block; width:100%;}


.max_m_gnb{float:left; width:100%; padding:30px 10px; border-radius:12px; background:#252525;}
.max_m_gnb ul{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.max_m_gnb li{float:left; width:32.5%; margin:5px 0;}
.max_m_gnb li a{float:left; width:100%; background:#; border:1px solid #5c5143; border-radius:12px; padding:15px 2px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; font-size:14px; color:#ffffff;}
.max_m_gnb li a img{display:inline-block; margin:0 0 10px 0; width:100%; max-width:40px;}
.max_m_gnb li{animation: waviy 3s infinite; animation-delay: calc(.1s * var(--i)); }