﻿
div#skip-navigation {
	position:absolute;
	top:-9999999px;
	font-size:0;
	line-height:0;
	visibility:hidden;
}
body#main div#wrapper {
	width:100%;
	min-width:995px;
	height:800px;
	margin:0 auto;
	/* background:url(../images/main/bg_main_wrapper.gif) no-repeat 136px 133px;  */
}
/* header */
div#wrapper div#header {
	position:relative;
	width:100%;
	min-width:995px;
	max-width:1280px;
	margin:0 auto;
}
	div#wrapper div#header h1 {
		position:absolute;
		left:28px;
		top:20px;
	}
	div#wrapper div#header div.gnb {
		width:68px;
		position:absolute;
		right:28px;
		top:20px;
	}
	div#wrapper div#header div.gnb a {
		display:inline-block;
		width:68px;
		height:6px;
		vertical-align:top;
		padding:4px 0 5px 0;
		border-bottom:1px solid #CBCBCB;
	}
	div#wrapper div#header div.gnb a.end { 
		padding-bottom:5px;
		border:none;
		background:url('../images/common/bg_util.gif') no-repeat 5px bottom;
	}
	div#wrapper div#header div.gnb img {
		display:block;
		vertical-align:top;
		margin-left:5px;
	}
	div#wrapper div#header div.lnb {
		height:100px;
		margin:0 auto;
		width:755px;
	}

/* container */
div#wrapper div#container {
	margin:0 auto;
	padding:0 0 45px;
	position:relative;
	width:970px;
}
div#wrapper div#container div.flash {
	width:937px;
	height:390px;
	padding:32px 0 0 33px;
}
div.contants {
	width:935px;
	height:179px;
	margin:0 auto;
	padding:19px 0 0 35px;
	background:url(../images/main/bg_main_cont02.gif) no-repeat left top;
}
	div.contants .stit {
		height:21px;
		padding:5px 0 0 13px;
		background:url(../images/main/bl_stit.gif) no-repeat left top;
	}
	div.contants div {
		float:left;
		height:128px;
		padding:0 0 0 31px;
		background:url(../images/main/bg_ctext.gif) no-repeat left top;
	}
		div.contants div ul { height:100%; }
	div.contants div.ctext01 {
		width:265px;
		background:url(../images/main/hysco_product.jpg) no-repeat right 17px;
	}
	div.contants div.ctext02 { width:296px; }
		div.contants div.ctext02 ul.clist01 {
			background:url(../images/main/overseas_map.gif) no-repeat right 8px;
		}
	div.contants div.ctext03 {
		position:relative;
		width:229px;
	}
		div.contants div.ctext03 div.graph {
			position:absolute;
			top:18px;
			right:23px;
			background:none;
		}
		div.contants div.ctext03 strong {
			display:inline-block;
			margin-top:10px;
			padding-left:25px;
			background:url(../images/main/ico_arrow.gif) no-repeat left top;
			font-size:0;
			line-height:0;
			border:3px solid red;
		}
		div.contants div.ctext03 ul.clist02 {
			width:229px;
			padding-top:6px;
			color:#000;
			font-size:11px;
			line-height:14px;
		}
			div.contants div.ctext03 ul.clist02 li {
				float:left;
				padding:0 7px 0 9px;
				background:url(../images/main/bg_line02.gif) no-repeat left 3px;
				letter-spacing:-0.5px;
			}
			div.contants div.ctext03 ul.clist02 li.first {
				padding-left:0;
				background:none;
			}
				div.contants div.ctext03 ul.clist02 li span {
					display:inline-block;
					margin-top:2px;
					padding-left:10px;
					background:url(../images/main/ico_arrow02.gif) no-repeat left 5px;
				}
		div.contants ul.clist01 { padding-top:6px; }
			div.contants ul.clist01 li {
				padding:5px 0 4px;
				background:url(../images/main/bg_line.gif) no-repeat left bottom;
				font-size:0;
				line-height:0;
			}
				div.contants ul.clist01 li a {
					display:inline-block;
					overflow:hidden;
					height:11px;
					vertical-align:top;
				}
				div.contants ul.clist01 li.on a,
				div.contants ul.clist01 li a:hover,
				div.contants ul.clist01 li a:focus,
				div.contants ul.clist01 li a:active {
					width:94px;
					padding-right:12px;
					background:url(../images/main/ico_arrow03.gif) no-repeat right 50%;
				}
				div.contants ul.clist01 li.on a img,
				div.contants ul.clist01 li a:hover img,
				div.contants ul.clist01 li a:focus img,
				div.contants ul.clist01 li a:active img {
					margin-top:-11px;
				}

/* footer */
div#wrapper div#footer { overflow:hidden; }
div#wrapper div#footer div.main-copyright {
	display:inline;
	float:right;
	margin:0 28px 20px 0;
}


