body.mainBg { 
	background: url("../../images/mainBg.gif") repeat-x 0 0; 
	width: 100%;
	position: relative;
	}
body.subBg {
	background: url("../../images/subBg.gif") repeat-x 0 0;
	width: 100%;
	position: relative;
	}




/* ·¹À̾î¹Ú½º */
.layerBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	}
	.bgColor {
		background: #000;
		filter: alpha(opacity=30);
		opacity: 0.3;
		width: 100%;
		height: 100%
		}
	.layerCont {
		left: 0;
		position: absolute;
		top: 200px;
		width: 100%;
		}
		.layerCont div p.tit {
			background: url("../../images/bullet/bullet04.gif") no-repeat 0 1px;
			padding: 0 0 7px 15px;
			font-weight: bold;
			color: #000000;
			}
		.layerCont div p.closeBt {
			position: absolute;
			top: 10px;
			right: 11px;
			}

/* ·Î±×ÀÎ */
		.layerCont div.loginBox {
			width: 378px;
			height: 248px;
			margin: 0 auto;
			background-color: #e4e4e4;
			border: #3f4551 1px solid;
			padding: 10px;
			position: relative;
			}

			.layerCont div.loginBox div.box1 {
				width: 356px;
				background-color: #fff;
				border: #d9d9d9 1px solid;
				padding: 15px 10px;
				overflow: hidden;
				}
				.layerCont div.loginBox div.box1 p {
					text-align: center;
					}

			.layerCont div.loginBox div.box2 {
				border-top: #aabb00 2px solid;
				background-color: #f4f4f4;
				width: 314px;
				padding: 18px 15px;
				margin: 0 auto;
				position: relative;
				}

				.layerCont div.loginBox div.box2 label.typeText {
					display: block;
					padding: 3px 0;
					}
					.layerCont div.loginBox div.box2 label.typeText strong {
						display: inline-block;
						width: 60px;
						}
					.layerCont div.loginBox div.box2 label.typeText input {
						border-top: #b2b2b2 1px solid;
						border-left: #b2b2b2 1px solid;
						border-bottom: none;
						border-right: none;
						width: 173px;
						padding: 3px 2px;
						}
				.layerCont div.loginBox div.box2 label.typeCheck {
					display: block;
					font-size: 0.9em;
					padding: 5px 0 3px 65px;
					}
				.layerCont div.loginBox div.box2 .loginBtn {
					position: absolute;
					top: 18px;
					right: 15px;
					}



/* ÀÎÀçÃßõ */
		.layerCont div.recomBox {
			width: 518px;
			margin: 0 auto;
			background-color: #e4e4e4;
			border: #3f4551 1px solid;
			padding: 10px;
			position: relative;
			}
			.layerCont div.recomBox div.box1 {
				width: 496px;
				background-color: #fff;
				border: #d9d9d9 1px solid;
				padding: 15px 10px;
				overflow: hidden;
				}
				.layerCont div.recomBox div.box1 p {
					text-align: center;
					}

			.layerCont div.recomBox div.box2 {
				}
				.layerCont div.recomBox div.box2 table {
					border-top: #aabb00 2px solid;
					border-collapse: collapse;
					width: 484px;
					margin: 0 auto;
					}
				.layerCont div.recomBox div.box2 table th {
					padding: 5px 0 5px 10px;
					background-color: #f4f4f4;
					text-align: left;
					}
				.layerCont div.recomBox div.box2 table td {
					padding: 5px 0 5px 10px;
					}

				.layerCont div.recomBox div.box2 select,
				.layerCont div.recomBox div.box2 input.typeText {
					border: #eaeaea 1px solid;
					padding: 1px;
					}
				.layerCont div.recomBox div.box2 textarea {
					border: #eaeaea 1px solid;
					padding: 1px;
					width: 320px;
					height: 50px;
					}
				.layerCont div.recomBox .w50 { width: 50px; }
				.layerCont div.recomBox select.w60 { width: 60px; }
				.layerCont div.recomBox select.w130 { width: 130px; }


				.layerCont div.recomBox div.box2 .recomBtn {
					padding: 10px 0 0 0;
					text-align: center;
					}
				.layerCont div.recomBox div.box3 {
					background-color: #f4f4f4;
					text-align: center;
					padding: 20px 10px;
					line-height: 150%;
					}
					.layerCont div.recomBox div.box3 span {
						display: block;
						}





#wrap {
	width: 880px;
	overflow: hidden;
	margin: 0 auto;
	}





#header {
	width: 880px;
	height: 107px;
	background: url("../../images/header/headerBg.gif") repeat-x 0 0;
	position: relative;
	z-index: 100;
	}
	#header h1 {
		padding: 30px 0 0 0;
		width: 200px;
		height: 77px;
		float: left;
		}

	.topNavi {
		height: 12px;
		overflow: hidden;
		position: absolute;
		top: 8px;
		right: 0;
		}
		.topNavi li {
			float: left;
			padding: 0 10px 0 9px;
			background: url("../../images/header/topNaviBg.gif") no-repeat right 0;
			}
			.topNavi li.last {
				padding: 0 0 0 9px;
				background: none;
				}
	
	.headerSearch {
		width: 321px;
		height: 20px;
		float: left;
		background: url("../../images/header/headerSearchBg.gif") no-repeat 0 0;
		margin: 24px 0 0 76px;
		padding: 6px 0 0 10px;
		position: relative;
		}
		.headerSearch span {
			display: block;
			width: 85px;
			height: 16px;
			float: left;
			padding: 1px 0 0 5px;
			position: relative;
			font-weight: bold;
			}
			.headerSearch span a {
				position: absolute;
				top: 2px;
				right: 2px;
				}
			.headerSearch .searchCategory {
				width: 87px;
				background: #fff;
				border: #69a600 1px solid;
				overflow: hidden;
				position: absolute;
				top: 26px;
				left: 10px;
				padding: 5px 0;
				}
				.headerSearch .searchCategory li {
					padding: 2px 4px;
					}
		.headerSearch .searchText {
			border: none;
			padding: 1px;
			background: none;
			width: 150px;
			float: left;
			margin: 0 0 0 5px;
			}
		.headerSearch .searchBt {
			clear: both;
			position: absolute;
			top: 0;
			right: 0;
			}

	.mainNavi {
		width: 550px;
		float: left;
		padding: 23px 0 0 0;
		}
		.mainNavi li {
			float: left;
			padding: 0 30px 0 0;
			}
	.talented {
		width: 85px;
		height: 23px;
		position: absolute;
		top: 69px;
		right: 0;
		}
		.talented img {
			display: block;
			}




#mainVisual {
	width: 880px;
	height: 213px;
	}
	#mainVisual .nanum {
		width: 200px;
		height: 213px;
		background: url("../../images/mainVisual/nanumBg.gif") no-repeat 0 0;
		margin: 0 20px 0 0;
		float: left;
		}
		#mainVisual .nanum span {
			display: none;
			}
		#mainVisual .nanum .count {
			padding: 56px 0 95px 0;
			height: 21px;
			}
			#mainVisual .nanum .count img {
				float: left;
				height: 21px;
				padding: 0 1px 0 0;
				}
		#mainVisual .nanum .btn {

			}
	#mainVisual .visual {
		width: 660px;
		height: 213px;
		float: left;
		}
		#mainVisual .visual img {
			display: block;
			}

#subVisual {
	width: 880px;
	height: 159px;
	}
	#subVisual .memberInfo {
		width: 200px;
		height: 159px;
		float: left;
		padding: 0 20px 0 0;
		background: url("../../images/subVisual/memberInfoBg.gif") no-repeat right 0;
		}
		#subVisual .memberInfo p {
			padding: 25px 0 10px 0;
			}
			#subVisual .memberInfo p span {
				color: #33996f;
				padding: 0 10px 0 0;
				font-weight: bold;
				}
		#subVisual .memberInfo dt {
			background: url("../../images/bullet/bullet00.gif") no-repeat 0 8px;
			padding: 2px 0 1px 6px;
			}
		#subVisual .memberInfo dd {
			padding: 2px 0 1px 8px;
			font-size: 0.9em;
			}
		#subVisual .memberInfo .btn {
			padding: 10px 0 0 0;
			display: block;
			}

	#subVisual .one_percent {
		width: 200px;
		height: 159px;
		float: left;
		padding: 0 20px 0 0;
		background: url("../../images/subVisual/memberInfoBg.gif") no-repeat right 0;
		}

	#subVisual .one_percent_count {
		width: 200px;
		height: 159px;
		float: left;
		padding: 0 20px 0 0;
		background: url("../../images/subVisual/one_percent2.gif") no-repeat 0 0;
		}
		#subVisual .one_percent_count span {
			display: none;
			}
		#subVisual .one_percent_count .count {
			height: 21px;
			overflow: hidden;
			padding: 44px 0 55px 0;
			}
			#subVisual .one_percent_count .count img {
				display: block;
				float: left;
				padding: 0 1px 0 0;
				}
		#subVisual .one_percent_count .btn {
			clear: both;
			}


	#subVisual .visual {
		width: 660px;
		height: 159px;
		float: left;
		}
		#subVisual .visual img {
			display: block;
			}





#contents {
	width: 880px;
	padding: 20px 0;
	overflow: hidden;
	}
	#contents .contLeft {
		width: 200px;
		overflow: hidden;
		margin: 0 20px 0 0;
		float: left;
		}
	#contents .substance {
		width: 660px;
		overflow: hidden;
		float: left;
		}






#footer {
	width: 880px;
	height: 90px;
	border-top: #eaeaea 1px solid;
	overflow: hidden;
	position: relative;
	}
	.footerLogo {
		width: 200px;
		height: 90px;
		float: left;
		margin: 0 20px 0 0;
		}
	.footerRight {
		width: 657px;
		height: 72px;
		float: left;
		padding: 18px 0 0 0;
		}
		.footerLink {
			padding: 0 0 8px 0;
			height: 16px;
			}
			.footerLink li {
				float: left;
				padding: 3px 10px 1px 9px;
				background: url("../../images/footer/footerLinkBg.gif") no-repeat right 3px;
				}
				.footerLink li.first {
					padding: 3px 10px 1px 0;
					}
				.footerLink li.last {
					padding: 3px 0 1px 9px;
					}
				.footerLink li.sc {
					padding: 0 0 0 9px;
					}
		address {
			padding: 0 0 5px 0;
			height: 13px;
			}
	.familySite {
		position: absolute;
		top: 30px;
		right: 0;
		}
		.familySite select {
			border: #e2e2e2 1px solid;
			width: 114px;
			}







/* ***************************************main/sub °øÅë****************************************** */
/* ·¹º§ */
p.level {
	background: url("../../images/main/level.gif") no-repeat;
	width: 48px;
	height: 16px;
	}
	p.level span {
		display: block;
		overflow: hidden;
		text-indent: -9999em;
		}
	p.l_0 { background-position: 0 0;}
	p.l_1 { background-position: 0 -16px;}
	p.l_2 { background-position: 0 -32px;}
	p.l_3 { background-position: 0 -48px;}


/* »óÅÂ */
p.condition {
	background: url("../../images/main/condition.gif") no-repeat;
	width: 59px;
	height: 16px;
	margin: 0 auto;
	}
	p.condition span {
		display: block;
		overflow: hidden;
		text-indent: -9999em;
		}
	p.c_0 { background-position: 0 0;}
	p.c_1 { background-position: 0 -16px;}
	p.c_2 { background-position: 0 -32px;}
	p.c_3 { background-position: 0 -48px;}