/* 메인레이아웃 */

/****************** 상단 헤더 ******************/
#header_wrap {
	float:left;
	width:100%;
	height:78px;
	border-top:solid 3px #039646;
	border-bottom:solid 1px #eeeeee;
	background:#fff;
}
#header {
	width:1200px;
	margin:0 auto;
	height:82px;
	position:relative;
}


/****************** 비쥬얼이미지 ******************/
#visual_wrap {
	float:left;
	width:100%;
	height:620px;
	position:relative;
	background:url(../images/main/visual_01.jpg) no-repeat center top;
}
.main_visualsec {width:1200px; margin:0 auto; position:relative; height:620px;}
.main_visualsec .pagging{position:absolute; bottom:30px; left:0; z-index:99; width:1200px; text-align:center;}
.main_visualsec .pagging li{display:inline-block; margin:0 5px;}
.main_visualsec .pagging li a{display:inline-block;  width:21px; height:21px; background:url(../images/main/dot_off.png) no-repeat left top;}
.main_visualsec .pagging li a.on{width:21px; height:21px; background:url(../images/main/dot_on.png) no-repeat left top;}

.visual_bg {position:absolute; top:0; z-index:5; width:100%; text-align:center;}
.visual_bg ul{width:100%; height:620px; overflow:hidden; /*margin:0 auto*/}
.visual_bg ul li{width:100%; height:620px;position:absolute; top:0; left:0}
.visual_bg li  div{ width:1200px; height:620px; margin:0 auto;  position:relative }
.visual_bg li  div a{ display:block; width:1200px; height:620px; margin:0 auto;  position:relative }
.visual_bg li .vtxt_1{display:inline-block; width:auto; position:absolute; right:0; top:233px; }
.visual_bg li .vtxt_2{display:inline-block; width:auto; position:absolute; left:0; top:223px; }
.visual_bg li .vtxt_3{display:inline-block; width:auto; position:absolute; left:0; top:164px; }

.bg1{ background:url(../images/main/visual_01.jpg) no-repeat center top; background-attachment:scroll}
.bg2{ background:url(../images/main/visual_02.jpg) no-repeat center  top ; background-attachment:scroll}
.bg3{ background:url(../images/main/visual_01.jpg) no-repeat center  top; background-attachment:scroll}



/****************** 제품소개 ******************/
#pro_wrap {
	float:left;
	width:100%;
	margin:75px 0 80px 0;
}
#pro {
	width:1200px;
	margin:0 auto;
	position:relative;
}
#pro > h3 {
	font-size:38px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;
	background:url(../images/main/pro_tit_bg.gif) no-repeat center center;
	margin-bottom:35px;
}
#pro > ul > li {
border-right:1px solid #ccc;
	float:left;
	width:280px;
	height:344px;
	padding:1px 1px 0;
	background:url(../images/main/pro_box_bg1.gif) no-repeat left top;
	margin-right:18px;
	position:relative;
}
#pro > ul > li.box_bg1 {
	float:left;
	width:280px;
	height:344px;
	padding:1px 1px 0;
	background:url(../images/main/pro_box_bg1.gif) no-repeat left top;
	margin-right:18px;
	position:relative;
}
#pro > ul > li > a {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	z-index:99;
	background-color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
#pro > ul > li.last {
	margin-right:0;
}
#pro > ul > li > dl > dt {
	float:left;
	width:100%;
	font-size:16px;
	text-align:center;
	padding:26px 0 20px;
}
#pro > ul > li > dl > dd {
	float:left;
	width:280px;
	font-size:13px;
	color:#6e6e6e;
	text-align:center;
	line-height:20px;
	padding:0 10px 20px 10px;
}
#pro > ul > li.box_bg1 > dl > dd {
	width:366px;
}
#pro > ul > li:hover > dl > dd {
	text-decoration:underline;
}


/****************** ROWAN GUIDE ******************/
#about_wrap {
	float:left;
	width:100%;
	background:url(../images/main/con_bg.gif) repeat-y center top;
	padding:55px 0; 
}
#about {
	width:1200px;
	margin:0 auto;
}
#about > ul > li {
	float:left;
	width:560px;
	position:relative;
	margin-right:80px;
}
#about > ul > li.last {
	margin-right:0;
}
#about > ul > li > a {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:560px;
	height:100%;
	z-index:99;
	background-color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
#about > ul > li > p.more {
	position:absolute;
	right:0;
	top:0;
}
#about > ul > li > dl > dt {
	float:left;
	width:560px;
	font-size:38px;
	font-weight:bold;
	padding-bottom:20px;
}
#about > ul > li > dl > dd {
	float:left;
	width:560px;
	font-size:16px;
	color:#6e6e6e;
	line-height:30px;
}
#about > ul > li:hover > dl > dd {
	text-decoration:underline;
}



/****************** 하단 푸터 ******************/
#footer_wrap {
padding-left:20px;
	float:left;
	width:100%;
}
#footer {
	width:1200px;
	margin:0 auto;
	height:110px;
	position:relative;
	background:url(../images/logo_s.png) no-repeat left 15px;
}