/*====================================================
	메인 페이지 스타일
====================================================*/

body{
	background:url(images/menu_bar.gif) repeat-x left top;
}

h1{
	display:none;
}
h2{
	text-indent:-5000px;
	height:13px;
	margin:10px 0 5px 0;
}

.main_top{
	float:right;
	width:674px;
	height:658px;
	margin:5px 0 0 0;
}
	.main_top ul{
		width:560px;
		margin:0 0 0 114px;
	}
		.main_top ul li{
			width:140px;
			height:25px;
			float:left;
			margin:18px 40px 0 0;
		}
			.main_top ul li a{
				display:block;
				width:130px;
				height:25px;
				text-indent:-5000px;
			}

.main_bottom{
	width:310px;
	float:left;
	margin:30px 0 0 0;
}
	.main_bottom div.login{
		width:270px;
		height:140px;
	}
		.main_bottom div.login h2{
			background:url(images/title_login.gif) no-repeat left center;
		}
	.main_bottom div.loged{
		width:270px;
		height:140px;
	}
		.main_bottom div.loged h2{
			background:url(images/title_loged.gif) no-repeat left center;
		}

	.main_bottom div.notice{
		width:270px;
		margin:15px 0 0 0;
	}
		.main_bottom div.notice h2{
			background:url(images/title_notice.gif) no-repeat left center;
		}

		.main_bottom div.notice div{
			width:250px;
			height:100px;
			background:url(images/notice_bg.gif) no-repeat left top;
			padding:10px;
			margin:5px 0 0 0;
		}	

			.main_bottom div.notice div table{
				width:250px;
			}
				.main_bottom div.notice div table thead{
				}
					.main_bottom div.notice div table thead tr{
					}
						.main_bottom div.notice div table thead tr th{
							height:17px;
							background:none;
							border-right:solid 1px #FFFFFF;
							color:#FFFFFF;
						}
						.main_bottom div.notice div table thead tr th.first{
							background:url(images/th_first.gif) no-repeat left top;
						}
						.main_bottom div.notice div table thead tr th.last{
							background:url(images/th_last.gif) no-repeat right top;
						}
				.main_bottom div.notice div table tbody{
				}


	.main_bottom div.items{
		width:270px;
		margin:15px 0 0 0;
		overflow:hidden;
	}
		.main_bottom div.items h2{
			margin-bottom:2px;
			background:url(images/title_items.gif) no-repeat left center;
		}
		.main_bottom div.items div{
			width:260px;
			height:90px;
		}

	.main_bottom div.active{
		width:270px;
		margin:15px 0 0 0;
	}
		.main_bottom div.active h2{
			margin-bottom:0px;
			background:url(images/title_today_active.gif) no-repeat left center;
		}
		.main_bottom div.active div{
		}

/*=== 로그인 ===*/

	.login form{
		width:270px;
		margin:0 auto;
	}

		.login form ul.input{
			float:left;
			width:185px;
			margin:0 10px 0 0;
		}
			.login form ul.input li{
				float:left;
				width:100%;
				height:27px;
			}
				.login form ul.input li label{
					display:block;
					float:left;
					width:70px;
					height:22px;
					padding:0;
					margin:0 5px 0 0;
					text-indent:-5000px;
				}
				.login form ul.input li input{
					display:block;
					float:left;
					height:21px;
					border:solid 1px #D9D9D9;
				}

				.login form ul.input li.id label{
					background:url(images/label_id.gif) no-repeat right center;
				}
				.login form ul.input li.pw label{
					background:url(images/label_pw.gif) no-repeat right center;
				}

		.login form div.submit{
			float:left;
			width:71px;
			height:53px;
		}
			.login form div.submit input{
				display:block;
				width:71px;
				height:53px;
				background:url(button/btn_submit.gif) no-repeat left top;
				cursor:pointer;
				text-indent:-5000px;
				border:none;
			}

		.login form ul.login_option{
			clear:both;
			width:200px;
			height:24px;
			margin:5px 0 0 70px;
		}
			.login form ul.login_option li{
				float:left;
				height:24px;
				margin:0 5px 0 0;
				vertical-align:middle;
			}
				.login form ul.login_option li label{
					float:left;
					margin:0 0 0 0;
					padding:0;
					font-size:11px;
					text-indent:5px;
				}
				.login form ul.login_option li input{
					float:left;
					margin:1px 0 0 0;
				}
	.login .join{
		width:250px;
		clear:both;
		margin:0 0 0 20px;
	}
		.login .join li{
			height:20px;
			float:left;
			margin:0 2px 0 0;
		}
		.login .join li a{
			display:block;
			width:80px;
			height:20px;
			text-indent:-5000px;
		}
		.login .join li.find{}
			.login .join li.find a{
				width:71px;
				background:url(button/btn_findpw.gif) no-repeat left top;
			}
		.login .join li.mkt{}
			.login .join li.mkt a{
				background:url(button/btn_join_mkt.gif) no-repeat left top;
			}
		.login .join li.adv{
		}
			.login .join li.adv a{
				background:url(button/btn_join_adv.gif) no-repeat left top;
			}



/*=== 로그인 정보 ===*/
	.loged div.loged_inform{
		float:left;
		width:270px;
		margin:0;
	}
		.loged div.loged_inform dl{
			height:71px;
			background:url(images/loged_bg.gif) no-repeat left top;
			padding:5px 0 5px 0;
		}
			.loged div.loged_inform dl dt{
				width:80px;
				height:22px;
				text-indent:-5000px;
				float:left;
			}
			.loged div.loged_inform dl dt.id{ background:url(images/label_id.gif) no-repeat right center; }
			.loged div.loged_inform dl dt.nick{ background:url(images/label_nick.gif) no-repeat right center; }
			.loged div.loged_inform dl dt.level{ background:url(images/label_level.gif) no-repeat right center; }

			.loged div.loged_inform dl dd{
				float:left;
				width:170px;
				height:18px;
				padding:2px;
				margin:0 0 0 10px;
			}
		.loged div.loged_inform .link{
			float:right;
		}
			.loged div.loged_inform .link a{
				display:block;
				width:57px;
				height:15px;
				text-indent:-5000px;
				float:left;
				margin-top:10px;
				margin-right:10px;
			}
				.loged div.loged_inform .link a.myinfo{ background:url(button/btn_myinfo.gif) no-repeat left top; }
				.loged div.loged_inform .link a.logout{ background:url(button/btn_logout.gif) no-repeat left top; }