#aside {
	position:fixed;
	opacity:0;
	overflow:auto;
	z-index:99;
	right:0;
	top:0;
	width:80%; height:100vh;
	max-width:340px; min-width:220px;
	min-height:100vh;
	background:#fff; /* 카테고리 배경색입니다. */
	-moz-transform: translate3d(350px,0,0);
	-webkit-transform: translate3d(350px,0,0);
	-o-transform: translate3d(350px,0,0);
	-ms-transform: translate3d(350px,0,0);
	transform: translate3d(350px,0,0);
	-webkit-transition: 0.4s cubic-bezier(.72,.36,.38,.98) 0s;
    -moz-transition: 0.4s cubic-bezier(.72,.36,.38,.98) 0s;
    -ms-transition: 0.4s cubic-bezier(.72,.36,.38,.98) 0s;
    -o-transition: 0.4s cubic-bezier(.72,.36,.38,.98) 0s;
    transition: 0.4s cubic-bezier(.72,.36,.38,.98) 0s;
}
#aside::-webkit-scrollbar { display:none; }

.sideOn #aside {
	-moz-transform: translate3d(0px,0,0);
	-webkit-transform: translate3d(0px,0,0);
	-o-transform: translate3d(0px,0,0);
	-ms-transform: translate3d(0px,0,0);
	transform: translate3d(0px,0,0);
	opacity:1;
}

.asideTop { height:52px; margin-bottom:30px; }
#sideCloseBtn { float:right; margin-right:10px; margin-top:12px; width:34px; height:34px; padding:10px; cursor:pointer; }
#sideCloseBtn img { width:100%; }
aside ul { width:90%; margin:auto; }
aside ul li { width:100%; height:auto; font-size:22px; font-weight:800; line-height:2.4em; cursor:pointer; }
aside ul li ul { width:100%; margin:0 auto 28px; }
aside ul li ul li { line-height:1.8em; }
aside ul li ul li a { font-size:18px; color:#666; }


.overlay {
	z-index:98;
    position: fixed; 
	width: 100%; height: 100%;
	top: 0; left: 0;
	cursor: pointer;
    background: rgba(0,0,0,0.7); visibility: hidden;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	opacity: 0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);
}

.sideOn #sideClose.overlay {
	visibility: visible;
    opacity: 1.0;filter: alpha(opacity=100);-ms-filter: alpha(opacity=100);
}