@font-face{
	font-family: 'NanumGothic';
	src: url('../../images/NanumGothicBold.eot'); 
	src: local('☺'), 
		url("../../images/NanumGothicBold.eot?") format('eot'),
		url("../../images/NanumGothicBold.ttf") format('truetype'), 
		url("../../images/NanumGothicBold.woff") format('woff');
	}


body {
	word-break: break-all;
	}

.selectbox {
	background: url("../../img/sub/boardSel_bt.gif") no-repeat right 0;
	padding: 0 18px 0 0;
	color: #797979;
	cursor: pointer;
	height: 18px;
	line-height: 18px;
	position: relative;
	z-index: 100;
	}
	.selectbox a {
		color: #797979;
		padding: 0 0 0 5px;
		}
	.selectbox ul {
		width: 100%;
		background-color: #FFFFFF;
		border: 1px solid #E0E0E0;
		display: none;
		left: -1px;
		position: absolute;
		top: 20px;
		}
		.selectbox ul li {
			display: block;
			}
			.selectbox ul li a {
				color: #797979;
				display: block;
				height: 20px;
				line-height: 20px;
				padding: 0 0 0 5px;
				text-decoration: none;
				}
			.selectbox ul li a:focus,
			.selectbox ul li a:hover {
				background-color: #f9f9f9;
				}





/* *** LAYOUT *** */
#wrap {
	min-width: 1000px;
	overflow: hidden;
	position: relative;
	}


#header {
	width: 100%;
	min-width: 1000px;
	height: 126px;
	position: relative;
	padding: 0 0 18px 0;
	z-index: 100000000;
	background: url("../../img/header/headerBg.gif") no-repeat center 0;
	}
	#header .header_area {
		width: 99%;
		min-width: 1000px;
		margin: 0 auto; 
		}
	/* *** H1 *** */
	h1 {
		width: 145px;
		height: 38px;
		overflow: hidden;
		position: absolute;
		top: 25px;
		left: 15px;
		}

	/* *** TOP SEARCH/BTN *** */
	#top {
		width: 100%;
		height: 83px;/*83px;*/
		overflow: hidden;
		position: relative;
		}
		/* TOP NAVI */
		#top .topNavi {
			height: 20px;
			position: absolute;
			top: 42px;
			right: 0;
			z-index: 1000;
			}
			#top .topNavi li {
				float: left;
				padding: 0 7px 0 6px;
				background: url("../../img/header/topNaviBg.gif") no-repeat right 0;
				font-size: 11px;
				letter-spacing: -1px;
				}
				#top .topNavi li.last {
					background: none;
					}
				#top .topNavi li a {
					color: #999999;
					}

		/* TOP SEARCH */
		#top .search {
			width: 275px;/*258px;*/
			height: 45px;
			background: url("../../img/header/topSearchBg.png") no-repeat 0 0;
			margin: 22px auto 0;
			}
			#top .search span {
				display: block;
				width: 209px;/*258px;*/
				overflow: hidden;
				float: left;
				padding: 18px 0 0 15px;
				}
				#top .search span input {
					width: 200px;
					height: 18px;
					overflow: hidden;
					line-height: 18px;
					border: none;
					background: none;
					margin: 1px 0 0 0;
					}
			#top .search .searchBt {
				width: 32px;
				height: 29px;
				margin: 13px 2px 3px 0;
				float: left;
				}
		


	/* *** MAIN NAVI *** */
	.naviBg {
		clear: both;
		width: 100%;
		height: 43px;
		background: url("../../img/header/mainNaviBg.gif") repeat-x 0 0;
		position: relative;
		}
		.mainNavi_left {
			width: 4px;
			float: left;
			}
		.mainNavi_right {
			position: absolute;
			top: 0;
			right: 0;
			}
		#mainNavi {
			height: 43px;
			}
		#mainNavi li {
			float: left;
			height: 43px;
			position: relative;
			}
			#mainNavi li img {
				display: block;
				}
			#mainNavi li.last {
				background: none;
				}


		/* 2DEPTH */
		#mainNavi li ul {
			width: 200px;
			position: absolute;
			top: 43px;
			left: 0;
			display: none;
			padding: 0 0 22px 0;
			background: url("../../img/header/sub0_Bg0.png") no-repeat 0 bottom;
			z-index: 500;
			}
			#mainNavi li ul li {
				float: left;
				height: auto;
				position: relative;
				background: url("../../img/header/sub0_Bg0_repeat.png") no-repeat 0 bottom;
				}
				#mainNavi li ul li a {
					width: 162px; /* 200px; */
					padding: 6px 19px 4px 19px;
					display: block;
					}
				#mainNavi li ul li.on a, #mainNavi li ul li a:focus, #mainNavi li ul li a:hover {
					font-weight: bold;
					color: #007ac8;
					letter-spacing: -1px;
					}
			/*
			#sub0 { 
				width: 244px !important;
				background: url("../../img/header/sub0_Bg1.png") no-repeat 0 bottom !important;
				}
				#sub0 li {
					width: 244px;
					background: url("../../img/header/sub0_Bg1_repeat.png") no-repeat 0 bottom !important;
					}
					#sub0 li a {
						width: 206px !important;
						}
			*/

		/* 3DEPTH */
		#sub0 li div {
			width: 238px !important;
			position: absolute;
			top: -12px; 
			left: 185px;
			display: none;
			padding: 10px 0 0 0;
			background: url("../../img/header/sub1_Bg_top.png") no-repeat 0 0;
			z-index: 1000;
			}
			#sub0 li div span {
				position: absolute;
				top: 15px; 
				left: -1px;
				z-index: 1001;
				}
			#sub0 .pt10 div {
				top: 0px !important;
				}
				#sub0 .pt10 div span {
					top: 12px !important; 
					}
			#sub0 li ol {
				width: 238px !important;
				overflow: hidden;
				padding: 0 0 18px 0;
				background: url("../../img/header/sub1_Bg.png") no-repeat 0 bottom !important;
				}
				#sub0 li ol li {
					width: 221px !important; /* 258px; */
					height: 24px;
					float: left;
					background: url("../../img/header/sub1_Bg_repeat.png") no-repeat 0 0 !important;
					line-height: 24px;
					overflow: hidden;
					padding: 0 0 0 17px;
					font-size: 0.9em;
					}
				#sub0 li ol li a {
					width: 180px !important; /*241px;*/
					display: block;
					padding: 0 32px 0 9px;
					overflow: hidden;
					color: #666666 !important;
					font-weight: normal !important;
					white-space: nowrap;
					text-overflow: ellipsis;
					}
				#sub0 li ol li.on a, #sub0 li ol li a:focus, #sub0 li ol li a:hover {
					font-weight: normal;
					color: #fffeff !important;
					letter-spacing: 0;
					background: url("../../img/header/mall_overBg.gif") no-repeat 0 0;
					}
		






#contents {
	width: 100%;
	min-width: 1000px;
	}

.substanc_area {
	width: 99%;
	min-width: 1000px;
	margin: 0 auto;
	}








#left {
	width: 195px;
	padding: 0 0 20px 0;
	}
	.leftBg {
		background: url("../../img/leftNavi/leftNaviBg.gif") repeat-y 0 0;
		margin-bottom: 8px;
		}

	.leftBg ul {
		width: 169px; /* 195px; */
		background: url("../../img/leftNavi/leftNaviBg_bottom.gif") no-repeat 0 bottom;
		padding: 0 15px 32px 11px;
		}
		.leftBg li {
			width: 169px;
			}
			.leftBg li a {
				display: block;
				padding: 10px 17px 9px 0;
				border-bottom: #eeeeee 1px solid;
				background: url("../../img/leftNavi/leftNaviBg_off.gif") no-repeat 0 9px;
				}
				.leftBg li a span {
					width: 135px; /* 169px; */
					display: block;
					padding: 0 0 0 17px;
					}
			.leftBg li a.on,
			.leftBg li a:focus,
			.leftBg li a:hover {
				background: url("../../img/leftNavi/leftNaviBg_on.gif") no-repeat 0 9px;
				font-weight: bold;
				color: #106fc1;
				}
			.leftBg li a.now {
				background: url("../../img/leftNavi/leftNaviBg_on.gif") no-repeat 0 9px;
				font-weight: bold;
				color: #106fc1;
				}


	.leftBg ul ul {
		width: 140px; /* 169px; */
		background: none; 
		padding: 5px 13px 5px 16px;
		background-color: #f4f8fc;
		border-bottom: #eeeeee 1px solid;
		display: none;
		}
		.leftBg li li {
			width: 139px; /* 168px; */
			height: auto;
			overflow: hidden;
			background: none;
			padding: 2px 0 2px 10px;
			border: none;
			text-indent: -10px;
			}
			.leftBg li li a {
				display: block;
				padding: 0;
				border: none;
				background: none;
				color: #8d96a4;
				font-weight: normal;
				}
			.leftBg li li.on a, .leftBg li li a:focus, .leftBg li li a:hover {
				color: #5e6775;
				font-weight: normal;
				background: none;
				}
	.leftBanner {
		margin-bottom: 8px;
		}

/* 기타 견적서 다운로드센터 */
.leftEstimate {
	width: 178px; /*191px;*/
	height: 102px;
	padding: 0 0 0 13px;
	background: url("../../img/leftNavi/else_estimate.gif") no-repeat 0 0;
	margin-bottom: 8px;
	}
	.leftEstimate p.tit {
		padding: 21px 0 12px 77px; 
		}
		.leftEstimate .else_estimate {
			width: 163px;
			height: 19px;
			background-color: #fff;
			border: #d3d3d3 1px solid;
			font-size: 0.9em;
			}

/* 영우웹진 구독 */
.leftWebzine {
	width: 178px; /*191px;*/
	height: 102px;
	padding: 0 0 0 13px;
	background: url("../../img/leftNavi/webzineBg.gif") no-repeat 0 0;
	}
	.leftWebzine p.tit {
		padding: 21px 0 12px 64px; 
		}
		.leftWebzine .webzineCont {
			width: 163px;
			height: 19px;
			background-color: #fff;
			border: #d3d3d3 1px solid;
			font-size: 0.9em;
			}



/* 다운로드센터 - TAB */
.downLeft_tab {
	height: 32px;
	margin: 12px 0 0 0;
	}
	.downLeft_tab li {
		height: 32px;
		line-height: 32px;
		float: left;
		text-align: center;
		}
		.downLeft_tab li a {
			display: block;
			background: url("../../img/leftNavi/downTab00.gif") no-repeat 0 -32px;
			font-weight: bold;
			color: #9f9f9f;
			}
		.downLeft_tab li a.on,
		.downLeft_tab li a:focus,
		.downLeft_tab li a:hover {
			background: url("../../img/leftNavi/downTab00.gif") no-repeat 0 0;
			color: #106fc1;
			}

		.downLeft_tab li.w95 { width: 95px; }
			.downLeft_tab li.w95 a { 
				background: url("../../img/leftNavi/downTab00.gif") no-repeat 0 -32px;
				}
			.downLeft_tab li.w95 a.on,
			.downLeft_tab li.w95 a:focus,
			.downLeft_tab li.w95 a:hover {
				background: url("../../img/leftNavi/downTab00.gif") no-repeat 0 0;
				color: #106fc1;
				}
		.downLeft_tab li.w96 { width: 96px; }
			.downLeft_tab li.w96 a { 
				background: url("../../img/leftNavi/downTab01.gif") no-repeat 0 -32px;
				}
			.downLeft_tab li.w96 a.on,
			.downLeft_tab li.w96 a:focus,
			.downLeft_tab li.w96 a:hover {
				background: url("../../img/leftNavi/downTab01.gif") no-repeat 0 0;
				color: #106fc1;
				}


/* 다운로드센터 - TREE */
.downLeft_tree {
	clear: both;
	background: url("../../img/leftNavi/downBg_bottom.gif") no-repeat 0 bottom;
	padding: 0 0 20px 0;
	}
	.tree_folder {
		width: 165px;/*195px;*/
		background: url("../../img/leftNavi/downBg.gif") repeat-y 0 0;
		padding: 16px 15px 0 15px;
		}
		.tree_folder li {
			width: 150px; /*165px;*/
			overflow: hidden;
			background: url("../../img/leftNavi/tree1_2.gif") no-repeat 0 5px;
			padding: 0 0 0 15px;
			}
			.tree_folder li.on {
				background: url("../../img/leftNavi/tree1_1.gif") no-repeat 0 5px;
				}
			.tree_folder li a {
				display: block;
				padding: 4px 0;
				color: #333333;
				}
		.tree_folder a:focus, .tree_folder a:hover {
			color: #1a8fc9;
			}

		/* 2Depth */
		.tree_folder ul {
			clear: both;
			padding: 0 0 5px 0;
			}
			.tree_folder li li {
				width: 130px;/*150px;*/
				overflow: hidden;
				background: url("../../img/leftNavi/tree2.gif") no-repeat 0 -8px;
				padding: 0 0 0 20px;
				}
				.tree_folder li li a {
					color: #666666;
					padding: 4px 0 4px 0;
					}
			.tree_folder li li.last {
				background: url("../../img/leftNavi/tree2_last.gif") no-repeat 0 -8px;
				}










#substance {
	width: 100%;
	min-width: 772px;
	position: relative;
	}
	.pageTit {
		height: 67px;
		margin: 0 0 20px 0;
		overflow: hidden;
		position: relative;
		border-bottom: 1px solid #e4e4e4;
		}
		.pageTit h3 {
			font-family: 'NanumGothicBold', '나눔고딕', 'NanumGothic';
			background: url("../../img/bullet07.gif") no-repeat 0 7px;
			padding: 0 0 0 18px;
			position: absolute;
			top: 34px;
			left: 0;
			color: #2158a3;
			font-weight: bold;
			font-size: 1.6em;
			}
			.pageTit h3 span {
				padding: 0 0 0 10px;
				color: #ababab;
				font-size: 11px;
				}
		.pageTit .crumbs {
			color: #ababab;
			font-size: 0.9em;
			height: 20px;
			text-align: right;
			padding: 43px 0 0 0;
			}
			.pageTit .crumbs span {
				color: #555555;
				}

/* SHOP PAGE TITLE */
#shop_substance .pageTit {
	height: 33px;
	}
	#shop_substance .pageTit h3 {
		top: 0px;
		}
	#shop_substance .pageTit .crumbs {
		padding: 9px 0 0 0;
		}
/* //SHOP PAGE TITLE */



#shop_substance {
	width: 100%;
	min-width: 1000px;
	padding: 0 0 20px 0;
	}
	.shopCrumbs {
		color: #ababab;
		height: 22px;
		padding: 7px 0 0 0;
		margin: 0 0 10px 0;
		}
		.shopCrumbs span {
			color: #555555;
			}

#footer {
	width: 100%;
	min-width: 1000px;
	height: 180px;
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;

	}
#footer .footer_area {
	width: 99%;
	min-width: 1000px;
	margin: 0 auto;
	}
	/* *** FOOTER LINK / FAMILYSITE *** */
	#footer .footBg {
		width: 100%;
		height: 30px;
		background: url("../../img/footer/footerBg.gif") repeat-x 0 0;
		position: relative;
		}
		#footer .footBg .footerBg_left {
			position: absolute;
			top: 0;
			left: 0;
			}
		#footer .footBg .footerBg_right {
			position: absolute;
			top: 0;
			right: 0;
			}
		#footer .footLink {
			height: 11px;
			padding: 9px 0 0 195px;
			}
			#footer .footLink li {
				background: url("../../img/footer/footLinkBg.gif") no-repeat 0 2px;
				padding: 0 12px 0 13px;
				float: left;
				}
			#footer .footLink li.first {
				background: none;
				padding: 0 12px 0 0;
				}
		/* *** SELECTBOX *** */
		#footer .familySite {
			width: 149px;
			position: absolute;
			top: 5px;
			right: 12px;
			background: url("../../img/footer/familySiteBg.gif") no-repeat 0 0;
			z-index: 10000;
			}
			#footer .selectbox {
				background: url("../../img/footer/familySite_Bt.gif") no-repeat right 0;
				width: 131px;
				height: 20px;
			    line-height: 20px;
				float: left;
				text-align: left;
				font-size: 0.9em;
				font-weight: bold;
				letter-spacing: -1px;
				}
				#footer .selectbox a {
					color: #a5a5a5;
					}
				#footer .familySite select {
					left: -9999px;
					position: absolute;
					}

	/* *** FOOTER INFO *** */
	#footer .footLogo {
		width: 160px; /*194px;*/
		float: left;
		padding: 0 9px 0 25px;
		}
	#footer .addr {
		width: 806px;
		float: left;
		}

	#footer .address1 {
		width: 1000px;
		overflow: hidden;
		padding: 16px 0 0 0;
		}
		#footer .address1 .copyright {
			padding: 5px 0 0 0;
			}
	#footer .address2 {
		width: 1000px;
		overflow: hidden;
		padding: 13px 0 0 0;
		}
		#footer .address2 .addr {
			padding: 7px 0 0 0;
			}














.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt17 { margin-top: 17px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }


.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb30 { margin-bottom: 30px !important; }


.ml5 { margin-left: 5px !important; }



.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }


.pb0 { padding-bottom: 0px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }