
	*{ margin: 0; padding: 0; }
	#sticky_wrap{
	 	position: fixed;
	 	border: 3px solid red;
	 	width: 100%; height: 100%;
	 	box-sizing: border-box;
	}
	.sticky{
		position: absolute;
		left: 50px; top: 50px;
		width: 250px; height: 300px;
		font-size: 1em;
		background: #FEF098;
		border: 1px solid #ccc;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
		margin: 0; padding: 0;
		padding-bottom: 32px;
		overflow: hidden;
		opacity: 0.8;
	}
	.sticky:hover{ opacity: 1; }
	
	.sticky > .top_nav{
		height: 32px; line-height: 32px;
	}
	.sticky > .top_nav a{
		display: inline-block;
		padding: 0 5px;
		color: #666;
		text-decoration: none;
	}
	.sticky > .top_nav a:hover{ 
		color: #FFF4B6; background: #666;
	}		
	.sticky > .top_nav > a.add{
		float: left;
	}
	.sticky > .top_nav > .right{
		float: right; 
	}
	.sticky > textarea{
		margin: 0; padding: 10px;
		box-sizing: border-box;
		width: inherit; height: inherit;
		background: lightyellow;
		border: none;
		resize: none;
	}

	/* 사이드바 글목록 */
	.sticky > .side_nav{
		position: absolute;
		left: -100%; top: 0;
		width: 70%; height: 100%;
		background: rgba(0, 0, 0, 0.6); color: white;
		box-sizing: border-box;
		padding-top: 32px;
		list-style: none;
		overflow: auto;
		transition: 0.5s;
	}
	.sticky > .side_nav.active{ left: 0%; }	
	.sticky > .side_nav li{ 
		padding: 5px 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	.sticky > .side_nav li:hover{
		background: #333; color: white;
	}
	.sticky > .side_nav li i{ float: right; }
