@font-face {
    font-family: 'NanumGothic';
    src: url('../fonts/NanumGothic.eot');
    src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumGothic.woff') format('woff'),
         url('../fonts/NanumGothic.ttf') format('truetype'),
         url('../fonts/NanumGothic.svg#NanumGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumGothicBold';
    src: url('../fonts/NanumGothicBold.eot');
    src: url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumGothicBold.woff') format('woff'),
         url('../fonts/NanumGothicBold.ttf') format('truetype'),
         url('../fonts/NanumGothicBold.svg#NanumGothicBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.tahoma { font-family: Tahoma; }

body {
	font-family: NanumGothic;
	background: #f5f5f5 url("../img/header/header_bg.gif") repeat-y 0 0;
	}

#wrap {
	width: 1000px;
	}


/* HEADER - SIDE MENU */
#header {
	width: 169px;
	float: left;
	}
	#header #mainNavi {
		width: 151px;
		background-color: #4f3825;
		}
		#header #mainNavi dt {
			height: 32px;
			line-height: 32px;
			/*font-weight: bold;*/
			font-family: NanumGothicBold;
			border-bottom: #685647 1px solid;
			}
		#header #mainNavi dt.last {
			border-bottom: none;
			}
			#header #mainNavi dt a {
				display: inline-block;
				width: 121px;
				height: 32px;
				color: #eee2d6;
				padding: 0 15px;
				}
				#header #mainNavi dt a:hover,
				#header #mainNavi dt a:focus,
				#header #mainNavi dt a.on,
				#header #mainNavi dt a.here {
					background-color: #251203;
					color: #ffeb8c;
					}
		#header #mainNavi dd {
			border-bottom: #685647 1px solid;
			padding: 0 0 5px 0;
			display: none;
			}
			#header #mainNavi dd li {
				}
				#header #mainNavi dd li a {
					display: block;
					width: 124px;
					padding: 4px 10px 5px 17px;
					color: #eee2d6;
					}
				#header #mainNavi dd li a:hover,
				#header #mainNavi dd li a:focus,
				#header #mainNavi dd li a.on,
				#header #mainNavi dd li a.here {
					background-color: #eee2d6;
					color: #4f3825;
					}

	#header .call_center {
		padding: 20px 13px;
		/*font-weight: bold;*/
		font-family: NanumGothicBold;
		}
		#header .call_center dt {
			color: #eed0b9;
			padding: 0 0 7px 0;
			}
		#header .call_center dd {
			color: #fff8f3;
			font-size: 15pt;
			}


/* SITEMAP / OPEN MENU */
#top_navi {
	width: 831px;
	text-align: right;
	position: relative;
	z-index: 10000;
	}
#sitemap_area, #open_area {
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	z-index: 10000;
	display: none;
	}

/* SITEMAP */
#sitemap_area {
	width: 769px;
	padding: 50px 30px 50px 50px;
	/*font-weight: bold;*/
	font-family: NanumGothicBold;
	background: url("../img/topNavi_bg.png") repeat 0 0;
	}
	#sitemap_area dl {
		width: 133px;
		float: left;
		margin: 0 27px;
		}
		#sitemap_area dl dt {
			color: #ffffff;
			padding: 5px 4px;
			border-bottom: #60574d 1px solid;
			}
			#sitemap_area dl dd li {
				margin: 7px 0;
				}
			#sitemap_area dl dd a {
				display: block;
				color: #eee2d6;
				height: 15px;
				line-height: 15px;
				padding: 1px 4px 0 4px;
				}
			#sitemap_area dl dd a:hover, 
			#sitemap_area dl dd a:focus, 
			#sitemap_area dl dd a:active, 
			#sitemap_area dl dd a.on {
				background-color: #eee2d6;
				color: #4f3825;
				}
	.layerClose {
		position: absolute;
		top: 10px;
		right: 10px;
		}

/* OPEN MENU */
#open_area {
	width: 849px;
	}
	#open_area .area {
		width: 809px;
		padding: 50px 0 60px 40px;
		background: url("../img/topNavi_bg.png") repeat 0 0;
		overflow: hidden;
		}
		#open_area .note {
			width: 329px;
			position: relative;
			overflow: hidden;
			float: left;
			margin: 0 42px 0 0;
			}
			#open_area .note dt {
				color: #fff;
				font-size: 1.2em;
				/*font-weight: bold;*/
				font-family: NanumGothicBold;
				border-bottom: #7e7b78 1px solid;
				padding: 0 0 5px 0;
				}
				#open_area .note dt span {
					border-bottom: #9f9f9f 2px solid;
					padding: 0 4px 4px 0;
					}
			#open_area .note dd {
				padding: 10px 0 0 0;
				}
				#open_area .note dd li {
					height: 22px; 
					line-height: 22px;
					}
					#open_area .note dd li a {
						color: #fff;
						}
			#open_area .note .more {
				font-size: 0.9em;
				position: absolute;;
				top: 6px;
				right: 3px;
				padding: 0;
				font-size: 0.8em;
				}
				#open_area .note .more a {
					color: #ff7700;
					background: url("../img/more_bg.png") no-repeat right 4px;
					padding: 0 8px 0 0;
					}
		#open_area .kitco {
			width: 438px;
			float: left;
			}
			#open_area .kitco .graph {
				width: 207px;
				height: 128px;
				float: left;
				margin: 0 10px 0 0;
				padding: 8px 0 0 9px;
				position: relative;
				}
				#open_area .kitco .graph .graph_bg {
					position: absolute; 
					top: 0;
					left: 0;
					}
			#open_area .kitco dl {
				float: left;
				width: 200px;
				}
			#open_area .kitco dt {
				background: url("../img/kitco_bg.png") no-repeat 0 0;
				color: #fff;
				font-size: 1.2em;
				/*font-weight: bold;*/
				font-family: NanumGothicBold;
				height: 37px;
				padding: 8px 0 0 40px;
				}
			#open_area .kitco .text1 {
				color: #ffcda9;
				/*font-weight: bold;*/
				font-family: NanumGothicBold;
				padding: 0 0 7px 0;
				}
			#open_area .kitco .text2 {
				color: #ffffff;
				font-size: 0.85em;
				line-height: 150%;
				}
		#open_area .openLayerClose {
			text-align: right;
			}





#cont_wrap {
	width: 831px;
	float: left;
	}


#footer {
	clear: both !important;
	width: 819px;
	margin: 0 0 0 7px;
	border-top: #d3d3d3 1px solid;
	padding: 15px 5px 30px 5px;
	font-size: 0.8em;
	}
#footer address {
	font-style:normal;
	font-weight:normal;
	}
#footer p {
	padding: 2px 0;
	}
#footer .tit {
	padding: 6px 0;
	}