.header{
	background: rgba(0,0,0,.8);
	padding: 2rem 3rem;
	font: 2rem/1 $KR;
	position: relative;
	@media screen and(max-width: 400px){
		padding: 2rem 1.5rem;
	}
	nav{
		position: absolute;
		top: 0;
		right: 25rem;
		z-index: 101;
		@media screen and(max-width: 1050px){
			right: 15rem;
		}
		@include br1{
			right: 10rem;
		}
		@include br2{
			right: 5rem;
		}
		@include br3{
			right: 2rem;
		}
		@media screen and(max-width: 400px){
			right: 1.5rem;
		}
		ul{
			li{
				min-width: 8.3rem;
				@include br3{
					min-width: 6rem;
				}
				a{
					color: #fff;
					padding: 2rem 2rem 4rem;
					width: 100%;
					display: block;
					@include br3{
						padding: 2rem .8rem 3rem;
					}
					&:hover{
						background: url($img_dir + 'rollover.png') no-repeat center bottom;
						background-size: 100% auto; 
					}					
				}
			}
		}
	}
	span{
		color: #fff;
		margin-left: 2rem;
		margin-bottom: 4px;
		@media screen and(max-width: 400px){
			display: none;
		}
	}
}