/* main.css */
@charset "utf-8";

/* 팝업 스타일 Begin */
.layer_pop { padding:10px 10px 25px; min-width:170px; display:none; position:absolute; border:1px solid #ccc; background:#efefef; z-index:9999; }
.popContents { width:100%; height:100%; }
.popBtns { width:100%; margin-top:7px; cursor:pointer; font-size:12px; }
.popBtns input { vertical-align:top; margin-right:5px; }
.popBtns span { display:block; position:absolute; }
.popBtns span:nth-child(1) { left:10px; }
.popBtns span:nth-child(2) { right:10px; }
/* 팝업 스타일 End */

/* header begin */
#headerWrap {
	background-image: url('/image/main/bg_header.png');
}
/* header end */

/* contentWrap begin */
#contentWrap {
	position: relative;
	width: 100%;
	height: 569px;
}
	#contentWrap div.slogan {
		position: relative;
		width: 1100px;
		margin: 0 auto;
	}
		#contentWrap div.slogan img {
			position: absolute;
			top: 130px;
			left: 50px;
		}
	#contentWrap ul.mainVisual {
		position: absolute;
		top: -104px;
		z-index: -1;
		left: 50%;
		margin-left: -952px;
		width: 1904px;
		height: 673px;
		overflow: hidden;
	}
		#contentWrap ul.mainVisual > li {
			width: 100%;
			position: absolute;
		}
			#contentWrap ul.mainVisual > li img{
				width: 100%;
				min-width: 1900px;
			}
			#contentWrap ul.mainVisual > li video{
				width: 100%;
				min-width: 1900px;
			}
				#mainPrev {
					position: absolute;
					right: 50%;
					margin-right: -730px;	
					top: 50%;
					margin-top: -20px;
				}
				#mainPrev:hover {
					cursor: pointer;
				}
				#mainNext {
					position: absolute;
					left: 50%;
					margin-left: -730px;
					top: 50%;
					margin-top: -20px;
				}
				#mainNext:hover {
					cursor: pointer;
				}
				#mainPager {
					position: absolute;
					display: inline-block;
					left: 50%;
					/* margin-left: -57px; */
					bottom: 5%;
				}
				#mainPager li {
					float: left;
					margin: 0px 5px;
				}
				#mainPager li:hover {
					cursor: pointer;
				}
/* contentWrap end */

/* menuWrap begin */
#menuWrap {
	position: relative;
	/* box-sizing: content-box; */	
	width: 100%;
	height: 506px;
	/* margin-top: 569px; */
	background-color: #e9e9e9;
	padding-top: 50px;
	padding-bottom: 65px;
	/* z-index: -2; */
}
	#menuWrap div.menu {
		position: relative;
		width: 1100px;
		margin: 0 auto;
	}
		#menuWrap div.menu ul {
			position: absolute;
			top: 136px;
		}
			#menuWrap div.menu ul li {
				float: left;
			}
			#menuWrap div.menu ul li.center {
				margin: 0 52px;
			}
/* menuWrap end */

/* roomWrap begin */
#roomWrap {
	position: relative;
	padding-top: 50px;
	padding-bottom: 87px;
	text-align:center;
	/* box-sizing: content-box; */
}
	#roomWrap ul.subVisual {
		position: relative;
		width: 1100px;
		height: 418px;
		margin: 50px auto 0 auto; 
		overflow: hidden;
	}
			#roomWrap ul.subVisual > li {
				position: absolute;
				width: inherit;
				height: inherit;
			}
				#subPrev {
					position:absolute;
					right: 50%;
					margin-right: -600px;
					top: 50%;
					margin-top: 30px;
				}
				#subPrev:hover {
					cursor: pointer;
				}
				#subNext {
					position:absolute;
					left: 50%;
					margin-left: -600px;
					top: 50%;
					margin-top: 30px;
				}
				#subNext:hover {
					cursor: pointer;
				}
				#subPager {
					position: absolute;
					display: inline-block;
					left: 50%;
					margin-left: -65px;
					bottom: 5%;
				}
				#subPager li {
					float: left;
					margin: 0px 5px;
				}
				#subPager li:hover {
					cursor: pointer;
				}
/* roomWrap end */

/* featureWrap begin */
#featureWrap {
	position: relative;
	width: 100%;
	height: 345px;
}
	div.feature {
		position: absolute;
		left: 50%;
		margin-left: -950px;
	}
	div.view {
		position: relative;
		width: 1100px;
		height: inherit;
		margin: 0 auto;
	}
		div.view a {
			position: absolute;
			left: 613px;
			top: 234px;
		}
/* featureWrap end */

/* quickWrap begin */
#quickWrap {
	position: relative;
	width: 100%;
	height: 498px;
}
	div.quick {
		width: 1104px;
		margin: 0 auto;
	}
		div.quick ul li {
			float: left;
		}
		
/* quickWrap end */