<style>

.spot {
		position:relative;
}

div.headerWrap {
	position:relative;
	top:-90px;
	left:0px;
	width:860px;
	height:45px;
	margin:0 auto;
	
	z-index:10;
}
div.headerWrap>div {
	width: 860px;
	height: 45px;
	position: absolute;
	top: 0px;
	left: 12px;
	margin: 0 auto;
	
	
	
}

.nawoo {
	position: absolute;
	width: 660px;
	height: 50px;
	z-index: 13;
	top: 15px;
	left: 1px;
}
.nawoo>ul {
	width:660px;
	height:45px;
	position:absolute;
	top:20px;
	margin-left:1px;
}
.nawoo>ul>li {
	position:relative;
	width:110px;
	height:45px;
	float:left;
	text-align:center;
	box-sizing:border-box;
	list-style:none;
}
.nawoo>ul>li:nth-child(3) {
		width:110px;
		left:0px;
}
.nawoo>ul>li:nth-child(4) {
		width:110px;
}
.nawoo>ul>li:nth-child(5) {
		width:110px;
}
.nawoo>ul>li>a {
	display:block;
	width:110px;
	height:45px;
	font:600 15px/3.6 'Noto Sans KR',sans-serif !important;
	color:#000 !important;
	transition:.4s;
	text-decoration:none;
	
}
.nawoo>ul>li:nth-child(4)>a{
		width:110px;
}
.nawoo>ul>li:nth-child(5)>a{
		width:110px;
}
.nawoo>ul>li:hover>a {
	
	color:red !important;
}
.nawoo>ul>li>div {
	position:absolute;
	width:110px;
	left:-40px;
	top:25px;
	transition:.4s;
	height:0;
	opacity:0;
	visibility:hidden;
	
}
.nawoo>ul>li:nth-child(1)>div {
		width:110px;
		left:-13px;
}
.nawoo>ul>li:nth-child(2)>div {
		width:140px;
		left:-42px;
}
.nawoo>ul>li:nth-child(3)>div {
		width:140px;
		left:-12px;
}
.nawoo>ul>li:nth-child(4)>div {
		width:110px;
		left:-12px;
}
.nawoo>ul>li:nth-child(5)>div {
		width:110px;
		left:-12px;
}

.nawoo>ul>li:hover div {
	opacity:1;
	top:25px;
	transform:translateX(10px);
	visibility:visible;
	height:auto;
}

.nawoo>ul>li>div>ul {
	width:110px;
	position:absolute;
	top:20px;
	left:0;
	
	list-style:none;
	
}

.nawoo>ul>li:nth-child(2)>div>ul {
		width:140px;
}
.nawoo>ul>li:nth-child(4)>div>ul {
		width:110px;
}
.nawoo>ul>li:nth-child(5)>div>ul{
		width:110px;
}




.nawoo>ul>li>div>ul>li {
	width:110px;
	margin-left:-38px;
	background:#232323;
}
.nawoo>ul>li:nth-child(2)>div>ul>li {
		width:170px;
}
.nawoo>ul>li:nth-child(4)>div>ul>li {
		width:110px;
}
.nawoo>ul>li:nth-child(5)>div>ul>li {
		width:110px;
}

.nawoo>ul>li>div>ul>li>a {
	display:block;
	width:110px;
	height:37px;
	border-top:1px solid #111;
	color:#fff !important;
	font:500 13px/3 'Noto Sans KR',sans-serif;
	transition:.2s;
	text-decoration:none;
}
.nawoo>ul>li:nth-child(2)>div>ul>li>a {
		width:170px;
}
.nawoo>ul>li:nth-child(4)>div>ul>li>a {
		width:110px;
}
.nawoo>ul>li:nth-child(5)>div>ul>li>a {
		width:110px;
}

.nawoo>ul>li>div>ul>li>a:hover {
	background:crimson;
	color:white !important;
	font-weight:bold;
	text-shadow:0 0 5px rgba(255,255,255,.7);
}
div.bg {
	
	width:1000px;
	height:280px;
	
	margin-bottom:0;
	position:relative;
	
	
	
	
	
	
}
div.bg div {
	width:1000px;
	height:280px;
	position:absolute;
	top:0;
	left:0;
	display:none;
	
}

div.bg div:nth-child(1) {
	background:url(images/01.gif) center center;
	
		
}
div.bg div:nth-child(2) {
	background:url(images/02.gif) center center;
		
		
		
		
}
div.bg div:nth-child(3) {
	background:url(images/03.gif) center center;
		
		
		
		
}

.mainnav {
		margin-top:10px;
		font-family:'Nanum Gothic', sans-serif;
		padding-left:10px;
		list-style:none;
		width:150px;
		
}
.mainnav a {
		font-size:13px;
		color:#333;
		font-weight:bold;
		text-decoration:none;
		border-bottom:1px solid #CCC;
		line-height:18px;
		padding-left:15px;
		padding-top:4px;
		padding-bottom:4px;
		width:150px;
		display:block;
		background:url(img/01.png) no-repeat;
		background-position:4px 1px;
		transition-property:background-color;
		transition-duration:.3s;
}
.mainnav a:hover,
.spec .spec1,
.fuel .fuel1,
.pay .pay1,
.spec2 .spec4,
.photo .photo1 {
		
		color:white;
		background:url(img/01.png) no-repeat;
		background-color:crimson;
		background-position:4px 100%;
}


</style>