@charset "UTF-8";

.nav-wrap {
	width: 100%;
	background-color: #F5F5F5;
	margin: 0 0 20px;
	padding: 20px 0;
}
.nav {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

.logo {
	position: absolute;
	top: 0;
	left: 0;
}

.nav ul {
	display: flex;
	justify-content: flex-end;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav ul li {
	margin: 0;
	padding: 0;
}

.nav ul li a, .nav ul li span {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #DDD;
	padding: 6px 20px;
	border-right: 1px solid #FFF;
}

.nav ul li:first-child a, .nav ul li:first-child span {
	border-radius: 18px 0 0 18px;
}

.nav ul li:last-child a, .nav ul li:last-child span {
	border: none;
	border-radius: 0 18px 18px 0;
}

.nav ul li a:hover, .nav ul li span {
	color: #FFF;
	background-color: #000;
}