@charset 'utf-8';

body {
	background:url('../images/bg/bg_htop.gif') repeat-x 0 0;
}
#wrapper {
	width:990px;
	margin:0 auto;
}
.header {
	overflow:hidden;
	width:100%;
	height:148px;
	position:relative;
}
.hg {height:84px;}
.header h1 {position:absolute;top:19px;left:49px;}
	.h-search {
		overflow:hidden;
		width:488px;
		height:32px;
		margin:0 auto;
		padding:42px 0 0 0;
	}
		.h-search div {
			position:relative;
			float:left;
			width:401px;
			height:20px;
			padding:3px 0 4px 5px;
			border:3px solid #3da7db;
		}
		.h-search label {
			position:absolute;
			top:4px;
			left:5px;
			width:120px;
			height:18px;
			line-height:0;
			font-size:0;
			padding-right:6px;
			background:url('../images/bg/bg_csbar.gif') no-repeat right 2px;
		}
			.h-search div input.text {
				width:260px;
				height:14px;
				margin:-35px 0 0 125px;
				border:0;
			}
			.h-search a.topsearchgo {float:right;width:71px;height:32px;displsy:block;}
			.utill {
				position:absolute;
				top:66px;
				right:0;
				width:195px;
				height:16px;
				margin:-20px 0 0 0;
			}
				.utill ul {overflow:hidden;}
				.utill ul li {
					float:left;
					margin:0 10px 0 -1px;
					padding-left:11px;
					background:url('../images/bg/bg_utill.gif') no-repeat 0 5px;
				}
				.utill li.last {margin:0;padding:0;background:0;}
					.utill li a {
						vertical-align:middle;
						font-size:11px;
						font-weight:bold;
						color:#767676;
						text-decoration:none;
					}
					.utill li a:hover {color:#767676;}
			a.skip {
				position:absolute;
				display:block;
				width:118px;
				height:16px;
				top:0;
				right:0;
			}
	#gnb {
		position:relative;
		width:990px;
		height:65px;
		background:url('../images/bg/bg_hgnb.gif') no-repeat 0 0;
	}
	.printbtn{position:absolute;top:9px;left:910px;}/*12-23 oke*/
		#gnb ul {
			width:100%;
			height:57px;
			overflow:hidden;
			margin-left:50px;/*12-23 oke*/
			padding:8px 0 0 0;
			
		}
			#gnb ul li {
				float:left;
				margin:0 14px 0 -2px;
				padding-left:17px;
				background:url('../images/bg/bg_hgnbbar.gif') no-repeat 0 5px;
			}
			#gnb ul li a {
				color:#fff;
				font-weight:bold;
			}
			#gnb ul li a:hover {color:#fff;}
			#gnb ul li ul {display:none;}
			#gnb ul li ul.selected {display:block;}
			#gnb ul li ul {
				position:absolute;
				top:30px;
				height:19px;
				margin:0;
			}
			/*12-23 start*/
			#gnb ul li.gnb1 ul {left:65px;}
			#gnb ul li.gnb2 ul {left:222px;}
			#gnb ul li.gnb3 ul {left:332px;}
			#gnb ul li.gnb4 ul {left:504px;}
			#gnb ul li.gnb5 ul {left:690px;}
			#gnb ul li.gnb6 ul {left:62px;width:844px;}/*12-23 end*/
			#gnb ul li ul li {
				float:left;
				margin:0 20px 0 0;
				padding-left:8px;
				background:url('../images/bl/bl_sgnb.gif') no-repeat 0 8px;
			}
				#gnb ul li ul li a {
					color:#767676;
					font-weight:normal;
				}
				#gnb ul li ul li a:hover {color:#767676;}
#contents {
	width:990px;
	overflow:hidden;
	padding:20px 0 45px 0;
}
	.leftSection {
		width:211px;
		float:left;
	}
		.mlnb {width:211px;background:url('../images/bg/bg_mleft.gif') repeat-y 0 0;}
		.blnb {background:url('../images/bg/bg_bleft.gif') no-repeat 0 100%;}
		.tlnb {
			width:211px;
			padding:5px 0 25px 0;
			background:url('../images/bg/bg_tleft.gif') no-repeat 0 0;
		}
			.tlnb h2 {
				width:179px;
				margin:0 auto;
				padding:14px 0 12px 16px;
				background:#fafafa;
				color:#028dd0;
			}
			.tlnb ul {
				width:179px;
				margin:4px 0 0 12px;
				overflow:hidden;
			}
				.tlnb ul li {
					margin:-1px 0 0 9px;
					padding:6px 0 4px 13px;
					border-top:1px solid #f1f5f9;
					background:url('../images/bl/bl_leftarrow.gif') no-repeat 0 13px;
				}
					.tlnb ul li.on a {color:#1592ce;font-weight:bold;}
					.tlnb ul li a:hover {color:#1592ce;font-weight:bold;}
/* 12-23 */
	.rightSection {
		width:758px;
		float:right;position:relative;
	}
	.inContent {width:719px;padding:15px 0 0 9px;;}
	.top-go {
		position:absolute;
		top:50px;
		right:0;
		width:18px;
		height:43px;
		padding:17px 0;
		background:url('../images/common/bg/bg_topgo.gif') no-repeat 0 0;
	}
	
	/* 12-23 */
	.inContent1 {width:730px;padding:5px 9px 0 9px;}
	.scont {padding:0 9px 0 9px;}
	.clear{clear:both}

.footerwrap {
	width:990px;
	height:97px;
	background:url('../images/bg/bg_footerwrap.gif') no-repeat 0 8px;
}

.footer {
	position:relative;
	width:790px;
	top:25px;
	font-size:11px;
}

.logo1 {
	width:150px;
	float:left;
	padding:18px 0 0px 45px;
}

.logo2 {
	position:relative;
	width:106px;
	top:-46px; left:860px
}

.footer address {height:14px;}
.footer p span {color:#7fa7cf;}
