@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css') ;
html, body{ margin:0; padding:0; font-family: 'Nanum Gothic', serif; font-style:normal; font-size:13px; }

.frame {overflow: hidden; position: relative;}
.frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.frame ul li img {width:100%;}
.frame ul li.active { color: #fff; background: #a03232; }

/* Pages */
.pages {
	list-style: none;
	margin: 30px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 12px; height: 12px;
	margin: 0 2px;
	text-indent: -999px;
	border-radius: 10px;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	margin:0 5px;
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #12a24b;
}

#rolling ul li div { float:left; width:360px; padding:0 18px; margin-top:-50px; }
#rolling ul li div p { line-height:150%; }
#rolling ul li h4			{ color: #1d1d1d; font-size: 34px; font-weight: bold; }
#rolling ul li h4 strong	{ color: #cfaf6c; }

.sp01 {	
	width:1200px;
	height:650px;
	
}

.sp02 {	
	width:1200px;
	height:650px;
}

.sp03 {	
	width:1200px;
	height:650px;
}
.sp04 {	
	width:1200px;
	height:650px;
}