/* master.css */
#wrap{overflow:hidden;}

/*** header ***/
#main_header{
	width:100%; height:50px;
	position:relative;

	background:#00b7f0;
}
	#main_header > h1{
		position:absolute;
		left:50%; top:10px;
		margin-left:-67px;
	}

	/* 버튼 */
	.left{
		position:absolute;
		left:22px; top:16px;
	}
	.right{
		position:absolute;
		right:22px; top:13px;

		width:27px; height:28px;
		background:url(../images/login.png) no-repeat;
		text-indent:-5000px;
		overflow:hidden;
	}

	.right_logout{
		position:absolute;
		right:22px; top:13px;

		width:27px; height:28px;
		background:url(../images/logout.png) no-repeat;
		text-indent:-5000px;
		overflow:hidden;
	}
	
	#main_nav{
		width:100%;
		z-index:9999;
	}
		#toggle + #wrap > #main_nav{
			position:fixed;
			left:-100%; top:0; bottom:0;
			width:100%;
			z-index:90;	

			transition-property:left, background-color;
			transition-delay:0s,0.5s;
			transition-duration:0.5s,0.5s;

		}
		
		#toggle:checked + #wrap > #main_nav{
			left:0;
			background:rgba(0,0,0,0.7);

		}