@charset "utf-8";

/*body*/
body {
	width:100%;
	background:url('/images/common/topvisual.jpg') no-repeat center top;
}
/* WRAP */
#wrap {
	width:847px;
	margin:0 auto;
}
/* HEADER */
#header {position:relative;
	width:100%;
	height:290px;
}
	#header h1 {
		position:absolute;
		top:18px;
		left:0px;
	}
	ul.utill {
		float:right;
		overflow:hidden;
		margin-top:41px;
		padding-right:0;
	}
	ul.utill li {
		display:inline;
		float:left;
		margin:0 6px 0 -1px;
		padding-left:8px;
		background:url('/images/common/icon/bl_utill.gif') no-repeat 0 1px;
		font-size:0;
		line-height:0;
	}
/* GNB */
#gnb {
	position:absolute;
	top:0px;
	left:150px;
	width:510px;
}
/* CONTAINER */
#container {width:845px;}
#container:after {
	display:block;
	clear:both;
	content:'';
}
/* LNB */
#lnb {
	float:left;
	width:170px;
}
	/*#lnb ul {background:url('/images/common/lnb_bar.gif') no-repeat 3px top;}*/
	#lnb ul li {
		font-size:0;
		line-height:0;
	}
		#lnb ul li a {
			display:block;
			height:18px;
			overflow:hidden;
			padding:6px 0 5px 12px;
			background:url('/images/common/lnb_bar.gif') no-repeat 3px 28px;
		}
		#lnb ul li.on a,
		#lnb ul li a:hover {
			padding:6px 0 5px 12px;
			background:url('/images/common/lnb_on.gif') no-repeat 0 0;
		}
			#lnb ul li.on a img,
			#lnb ul li a:hover img {
				display:block;
				margin-top:-24px;
			}
		#lnb ul li a:hover {border:0;}
		#lnb ul li ul {
			padding:3px 0 6px 10px;
			background:url('/images/common/lnb_bar.gif') no-repeat 3px bottom;
		}
		#lnb ul li ul li.on,
		#lnb ul li ul li {
			width:123px;
			padding:3px 0 4px 8px;
			background:url('/images/common/lnb_bar2.gif') repeat-x 0 bottom;
		}
		#lnb ul li ul li#lnb14,
		#lnb ul li ul li#lnb42 {background:none;}
			#lnb ul li ul li a {
				height:11px;
			}
			#lnb ul li ul li a:hover,
			#lnb ul li ul li a,
			#lnb ul li.on ul li a {
				padding:0;
				background:none;
			}
				#lnb ul li.on ul li a img {margin-top:0;}
				#lnb ul li ul li a:hover img,
				#lnb ul li.on ul li.on a img {margin-top:-17px;}
		#lnb.loadscript ul li ul {display:none;}
		#lnb.loadscript ul li.on ul {display:block;}
/* CONTENTS */
#contents {
	position:relative;
	float:right;
	width:618px;
}
/* FOOTER */
#footer {
	clear:both;
	width:847px;
	margin-top:100px;
	padding-bottom:94px;
}
	#footer span {
		float:left;
		margin-top:0;
	}
	#footer div.foot {float:right;position:relative;}
		#footer div.foot div {text-align:right;}
		#footer div.foot address {
			display:block;
			margin-top:7px;
			text-align:right;
		}
		#footer div.foot p {
			margin-top:5px;
			text-align:right;
		}
		#footer div.foot p.mono {
			float:right;
			margin-top:8px;
			padding-left:5px;
			background:url('/images/common/icon/bl_foot_monopoly.gif') no-repeat 0 3px;
		}


#footer .footer:after {
	display:block;
	clear:both;
	content:'';
}


#footer .familysite {
		position:absolute;
		right:0;
		top:-20px;
	}
#footer .familysite ul.family-site{border:1px solid #ccc;
		position:absolute;
		left:0;
		top:-157px;
		width:87px;		
		padding:6px 0 0 8px;
		background:#fff;
}
#footer .familysite ul.family-site li{width:90px;
		width:87px;
		margin-bottom:5px;
		font-size:0;
		line-height:0;
		vertical-align:top;
		text-align:left;
}


/* SELECT BOX
div.selectbox-wrap {
	position:relative;
	display:inline-block;
	*display:inline;
	height:20px;
	*zoom:1;
}
	div.selectbox-wrap select {
		display:none;
	}
	div.selectbox-wrap input.value-holder {
		height:20px;
		padding:0 17px 0 4px;
		border:1px solid #D9D9D9;
		color:#666;
		background:#fff url('/images/common/btn/select.gif') no-repeat 100% 50%;
		font:11px/20px Dotum, '돋움', Verdana, sans-serif;
		*line-height:15px;
		text-align:left;
	}
	div.selectbox-wrap ul.new-selectbox {
		position:absolute;
		top:20px;
		left:0;
		display:none;
		border:1px solid #D9D9D9;
		background-color:#fff;
		font:11px Dotum, '돋움', Verdana, sans-serif;
		text-align:left;
	}
		div.selectbox-wrap ul.new-selectbox li {
			position:relative;
			padding:1px 1px 1px 7px;
			cursor:default;
		}
		div.selectbox-wrap ul.new-selectbox li.hover,
		div.selectbox-wrap ul.new-selectbox li.selected {
			color:#fff;
			background-color:#bfbfbf;
		}
*/
/* MAIN */
body.main {
	background:#E1E1E1 url('/images/main/main_visual.jpg') no-repeat center top;
}
body.main #footer {
	width:1212px;
	margin:87px auto 0;
	padding-bottom:34px;
}
#mainContents {
	width:100%;
	margin-top:233px;
}
#mainContents:after {
	display:block;
	clear:both;
	content:'';
}
/* mill-news */
div.mill-news {
	position:relative;
	float:left;
	width:266px;
}
	div.mill-news h2 {
		margin-top:1px;
		background:url('/images/main/mill_tit_bg.gif') repeat-x 0 bottom;
	}
	div.mill-news ul {margin-top:7px;}
	div.mill-news ul li {overflow:hidden;}
		div.mill-news ul li a {
			float:left;
			padding-left:10px;
			background:url('/images/main/bl_mill_off.gif') no-repeat 4px 7px;
			color:#8B8B8B;
			font-size:11px;
		}
		div.mill-news ul li a:hover {
			background-image:url('/images/main/bl_mill_on.gif');
			color:#5E5E5E;
		}
		div.mill-news ul li img {vertical-align:3px;}
	div.mill-news a.btn {
		position:absolute;
		top:8px;
		right:10px;
	}
/* main-intro */
div.main-intro {
	display:inline;
	float:left;
	width:310px;
	height:92px;
	margin-left:15px;
	background:url('/images/main/main_intro_bg.gif') no-repeat 0 0;
}
	div.main-intro ul {
		overflow:hidden;
		margin:13px 0 0 20px;
	}
	div.main-intro ul li {float:left;}
	div.main-intro ul li.more-intro {
		display:inline;
		margin-left:66px;
	}
		div.main-intro ul li strong {
			display:block;
			padding-right:23px;
		}
		div.main-intro ul li p {margin-top:6px;}
/* main-product */
div.main-product {
	position:relative;
	float:right;
	width:242px;
	height:92px;
	background:url('/images/main/main_product_box.png') no-repeat 0 0;
}
	div.main-product h2 {
		display:inline;
		float:left;
		margin:19px 0 0 15px;
	}
	div.main-product ul {
		float:left;
	}
	div.main-product ul li {
		display:inline;
		float:left;
		margin:13px 0 0 12px;
	}
	div.main-product a.btn {
		position:absolute;
		left:31px;
		bottom:25px;
	}