@charset "utf-8";
@import url(common.css);

body {
	background: #e2e2e2 url(../images/index/bg_index.png) 0 0 repeat-x;
	font-family: "dotum";
	font-size: 12px;
}
.bg_gradient {
	position: absolute;
	left: 50px;
	width: 351px;
	height: 108px;
	background: transparent url(../images/index/bg_gradient.png) 0 0 no-repeat;
}


div#wrapper {
	width: 990px;
	margin: 0px auto;
	position: relative;
}

div#header {
	height: 30px;
	width: 100%;
	position: relative;
}
	div#header .links {
		font: bolder 11px "돋움";
		text-align: right;
		color: #475158;
		padding-top: 11px;#padding-top: 12px;
		margin-right: 20px;
	}
	div#header .links a {
		font: 11px "돋움";
		color: #9FA7A7;
		margin-left: 5px; 
		letter-spacing: 0px;
		margin-right: 5px;
		text-decoration: none;
	}
		div#header .links a:hover { color: #fff; }

div#icons-container {
	position: absolute;
	left:345px;
	top: 138px;
	width: 610px;
	height: 175px;
}
	div#icons-container ul li {
		float: left;
		text-align: center;
		cursor: pointer;
	}
	div#icons-container ul li a {
		display:block;
		font: 11px 돋움;
		color: #769fbe;
		line-height: 130%;
		padding: 0 8px 0 12px;	
		padding-top: 117px;
		width: 102px;
		letter-spacing: -1px;
		text-align: left;
		height: 57px;
	}
	div#icons-container ul li a:hover { color: #97b8d1; text-decoration: none; }
	
	div#icons-container .address a {
		background: transparent url(../images/index/icon_address.png) 0 0 no-repeat;
	}
			div#icons-container .address a:hover {
				background: transparent url(../images/index/icon_address_hover.png) 0 0 no-repeat;
			}
			div#icons-container .address a:active {
				background: transparent url(../images/index/icon_address_active.png) 0 0 no-repeat;
			}


	div#icons-container .event a {
		background: transparent url(../images/index/icon_event.png) 0 0 no-repeat;
	}
			div#icons-container .event a:hover {
				background: transparent url(../images/index/icon_event_hover.png) 0 0 no-repeat;
			}
			div#icons-container .event a:active {
				background: transparent url(../images/index/icon_event_active.png) 0 0 no-repeat;
			}

	div#icons-container .agit a {
		background: transparent url(../images/index/icon_agit.png) 0 0 no-repeat;
	}
			div#icons-container .agit a:hover {
				background: transparent url(../images/index/icon_agit_hover.png) 0 0 no-repeat;
			}
			div#icons-container .agit a:active  {
				background: transparent url(../images/index/icon_agit_active.png) 0 0 no-repeat;
			}


	div#icons-container .mypage a {
		background: transparent url(../images/index/icon_mypage.png) 0 0 no-repeat;
	}
			div#icons-container .mypage a:hover {
				background: transparent url(../images/index/icon_mypage_hover.png) 0 0 no-repeat;
			}
			div#icons-container .mypage a:active  {
				background: transparent url(../images/index/icon_mypage_active.png) 0 0 no-repeat;
			}


	div#icons-container .towang a {
		background: transparent url(../images/index/icon_towang.png) 0 0 no-repeat;
	}
			div#icons-container .towang a:hover {
				background: transparent url(../images/index/icon_towang_hover.png) 0 0 no-repeat;
			}
			div#icons-container .towang a:active {
				background: transparent url(../images/index/icon_towang_active.png) 0 0 no-repeat;
			}

	div#icons-container .guide a {
		background: transparent url(../images/index/icon_guide.png) 0 0 no-repeat;
	}
			div#icons-container .guide a:hover {
				background: transparent url(../images/index/icon_guide_hover.png) 0 0 no-repeat;
			}
			div#icons-container .guide a:active {
				background: transparent url(../images/index/icon_guide_active.png) 0 0 no-repeat;
			}





h1#logo {
	position: absolute;
	left: 50px;
	top: 60px;
	width: 310px;
	height: 80px;
	background: transparent url(../images/index/logo.png) 0 0 no-repeat;
	text-indent: -9999px;
}


/* =login */
div#login {
	position: absolute;
	left: 50px;
	top: 144px;
	width: 294px;
	height: 316px;
	background: transparent url(../images/index/bg_login.png) 0 0 no-repeat;
	font-size: 12px;
	color: #777777;
	letter-spacing: -1px;
}

	div#login #inner {
		margin: 22px 30px 38px 30px;     
	}

	div#login #inner div {
		font-size: 11px;     
	}
	div#login h3 {
		font-weight: bold;
		font-size: 16px;
		letter-spacing: -1px;
		color: #eb7b02;
		text-decoration: underline;
		margin-bottom: 15px;

	}
	div#login div {
		margin-bottom: 10px;
		line-height: 150%;
	}
	div#login div p {
		margin-bottom: 3px;
	}
	div#login div.aw_id {
		border-bottom: 1px dashed #BEBBA5;
	}
	
	div#login div.openid {
		margin-top: 17px; }

	div#login div.openid form {
		margin: 6px 0;

	}	
	
	div#login p.help {
		font-size: 12px;
		word-spacing: 5px;
		margin: 10px 0;
	}
	
	div#login a.button {
		padding-left: 15px;
	}
	div#login a.button span {
		padding-right: 15px;
		line-height: 230%;
		font-size: 11px;
	}

	div#login input.check {
		vertical-align: -2px;
		#vertical-align: -3px;
		margin-right: 2px;
		#margin-right: 0;
	}

		div#login #inner .login-form {padding-top: 10px; font-size: 12px; }
		div#login .login-form b {
			font-weight: bold;
			font-size: 13px;
			color: #444444;
			letter-spacing: -1px;
		}
		
		div#login .login-form h4 { margin: 15px 0 3px 0; padding: 0; padding-left: 20px; background: url(../images/index/icon_main_address.gif) no-repeat left; font: bolder 14px 돋움, "applegothic"; }
				div#login .login-form a h4 { color: #5e5e5e; }
				div#login .login-form a:hover h4  { color: #ef6508; text-decoration: none; }
		div#login .login-form .smallfont { font: 11px 돋움, "applegothic"; }
				div#login .login-form a .smallfont { color:#999; }
				div#login .login-form a:hover .smallfont { color:#555; text-decoration: none;}
				
	
	
		div#login .login-form .img {
			position: relative;
			margin: 0;
			left: 0;
			background: #fff;
			width: 93px;
			height: 70px;
			_height: 69px;
			border: 1px solid #c9c9c9;
		}
		div#login .login-form .img-inner {
			position: absolute;
			margin: 0;
			width:89px;
			height: 66px;
			top: 2px;
			_top: 1px;
			left: 2px;
			overflow: hidden;
		}


		div#login .login-form .email-info { color: #636363; letter-spacing: 0; margin-top: 4px; font-size: 11px; padding-top: 4px; height: 22px; position: relative;  background: url(../images/index/index_emailinfo_bg.gif) repeat-x;}
			div#login .login-form .email-info a { color: #a1a0a0; letter-spacing: -1px;  position: absolute; right: 0; top: 7px; }
			div#login .login-form .email-info a:hover { text-decoration: none;  color: #636363; }
			
			
		div#login .login-form .user-info {
			position: relative;
			padding-top: 0px;
			padding-bottom: 5px;
		}

		div#login .login-form .info {
			position: absolute;
			left: 102px;
			top:0px;
			width: 140px;
		}
					div#login .login-form .info a { color: #555; text-decoration: none; }
					div#login .login-form .info a:hover { color: #666; text-decoration: none; }


		div#login .login-form .info li { margin-bottom: 6px;  }
		
		div#login .login-form .info li .right { position: absolute; right: 6px; font-size: 11px; letter-spacing: 0px; color: #555555;}
			div#login .login-form .info li .right a { color: #555555; }
		
		
		
		div#login .login-form .button {
			padding-left: 10px;
		}
		div#login .login-form .button span {
			padding-right: 10px;
		}
		div#login .login-form .info b {
			font-size: 11px;
			font-weight: bold;
			color: #555;
		}
		div#login .login-form strong {
			color: #f26522;
			margin-left: 3px;
			margin-right: 2px;
		}

div#event {
	position:absolute;
	top: 322px;
	left:357px;
	width: 610px;
}
div#event #recent, div#event #lounge{
	float: left;
}
div#event #recent {
	margin-right: 18px;
	padding-right: 18px;
	border-right: 1px solid #c3c3c3;
}

	div#event h3 {
		margin-bottom: 10px;
	}
	div#event h3 a {
		color: #333;
		font-size: 16px;
		font-weight: bold;
		text-decoration: underline;

}
	div#event h3 b {
		font: 14px tahoma;
	}
	div#event .context, div#event .context a {
		color: #666666;
		font: 12px "돋움";
		width: 225px;
		height: 18px;
	}

	div#event .context b {
		font: normal 11px 돋움;
		color: #858585;
		padding-right: 2px;
		
	}


	div#event .regdate {
		color: #a5a5a5;
		font: 10px "tahoma";
	}

/* =footer */
div#footer {
	position: absolute;
	top: 530px;
	right: 0;
	text-align: right;
	font-size: 11px;
	line-height: 160%;
	color: #000;
	letter-spacing: 0px; 
	color: #878787;
}
div#footer .links{
	font-weight: bold;
	color: #777;
	margin-bottom: 15px;
}
div#footer .links a {
	font: 12px "돋움";
	font-weight: bold;
	margin: 0 3px;
	color: #585858;
	text-decoration: none;
}
div#footer .links a:hover {
	color: #777;
	text-decoration: underline;	
}