aside{display:none;position: fixed;top: 0;left: -85%; height: 100%;padding:20px 15px;background: #292c34; width: 85%;z-index:10001;}
	
	@media all and (orientation: landscape){
		aside{ height: 600px;}
	}
	
	aside ul.dp_1{ }
	aside ul.dp_1 li{line-height: 40px;display: block;border-bottom: solid 1px #34373e;font-family: 'NanumSquare', serif;vertical-align: top;letter-spacing: -0.5px;}
	aside ul.dp_1 li.active a{color: #fff;padding: 0 5px 0 15px;border-bottom: solid 1px #ddd;font-weight: 500}
	 /*background: #eaedf7;*/
	aside ul.dp_1 li a{display: block;padding:0 5px;color: #fff; text-decoration: none;font-size: 14px;}
	aside ul.dp_1 li.active a:after{content: "\f106";}
	aside ul.dp_1 li a:after{ margin-top: 15px;float: right;content: "\f107";  font: normal normal normal 14px/1 FontAwesome;}
	
	aside ul.dp_2{ display: none;}
	
	aside .active ul.dp_2{ display: block;}
	
	aside ul.dp_2{font-size: 0;padding-top: 5px;padding-bottom: 20px;border-bottom: solid 1px #ddd;}
	aside ul.dp_2 li{display: inline-block;padding-top: 10px;width: 33.3%;text-align: center;border: 0 !important; font-family: 'NanumBarunGothic','NanumBarunGothicBold', serif;}
	aside ul.dp_2 li a{background: none !important;border: 0 !important;padding: 0 !important;color: #fff !important; text-decoration: none;font-size: 13px;font-weight: 400 !important;}
	aside ul.dp_2 li a:after{content: '';margin: 0;display: none}
	aside ul.dp_2 li a span{display: block;line-height: 16px;font-weight: normal; font-size: 12px;color: #ccd3ea}
	aside ul.dp_2 li a img{display: block;margin: auto;margin-bottom: 2px;}

	/*°¡À̵å À̹ÌÁö¸¦ À§ÇÑ css*/
	.back-drop{height: 100%;position: fixed;width: 100%;top: 0px;z-index:900; display:none;}
	.back-drop .overlay{background: rgba(100,100,100,0.5);width: 100%;height: 100%;}