@charset "utf-8";
@import url(common.css);
body { 
	font-size: 12px;
	font-family: "dotum", "gulim", "batang";
	background: #e2e2e2 url(../images/common/bg_body.png) 0 0 repeat-x;
	line-height: 140%;
}

#wrapper {
	width: 990px;
	margin: 0px auto;
	position: relative;
}
#logo {
	position: absolute;
	width: 280px;
	height: 100px; 
	background: transparent url(../images/common/logo.png) 0 0 no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}

/* =container */
div#container {
	position: relative;
	top: 0;
	left: 270px;
	width: 720px;
	background: transparent url(../images/common/bg_content_right.png) right top no-repeat;


}
	div#container #inner {
		padding-left: 10px;
		width: 700px;
		background: transparent url(../images/common/bg_content_left.png) 0 0 no-repeat;

	}

/* =content */
div#content {
	width: 650px;
	min-height: 470px;
	_height: 470px;
	background: #fff;
	padding: 25px;
	padding-top: 40px;
	#padding-top: 50px;
}

/* =footer */
div#footer {
	font-size: 11px;
	border-bottom: 1px solid #acacac;
	padding: 40px 0 50px 30px;
	line-height: 150%;
	color: #727270;
	background: #fff;

}
div#footer .links{
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
}
div#footer .links a {
	font-weight: bold;
	margin: 0 3px;
}

/* =navigation */
div#navigation {
	width: 680px;
	height: 52px;
	background: #0F3452;
	padding-left:20px;
	position:relative;
}
	div#navigation ul li {
		float:left; display:inline;
		margin: 10px 20px 12px 0px;
		font: 13px 돋움;
	}
	div#navigation ul li a {
		float: left;display:block;
		color: #a1a9af;
		font-weight: bold;
		padding: 7px 3px 6px 10px;#padding-top: 6px;
		height: 26px;
		margin-top: 3px;
	}

	div#navigation ul li a:hover {
		text-decoration: none;
		color: #a1a9af;	
	}
	div#navigation ul li span {
		float: left;display:inline;
		height: 50px;
		_height: 32px;
		width: 18px;
		background:url("../images/common/top_menu_arrow.gif") no-repeat right top;
		cursor: pointer;
		margin-top: 3px;
	}
	
	div#navigation ul li.current a {
		color: #fff;
		height: 28px;
		background:url("../images/common/top_menu_bg_current.gif") no-repeat left top;
		margin-top: 0px;	
		padding-top: 8px;	
		padding-left: 13px;
		padding-right: 7px;
	}
	div#navigation ul li.current a:hover { color: #f1f1f1; }

	div#navigation ul li.current span {
		color: #fff;
		height: 50px;
		_height: 32px;
		background:url("../images/common/top_menu_arrow_hover_current.gif") no-repeat right top;
		margin-top: 0px;
	}


	div#navigation ul li span.nomenu {
		background:none;
		width: 5px;
	}
	div#navigation ul li.current span.nomenu {
		background:url("../images/common/top_menu_bg_current.gif") no-repeat right top;
		width: 5px;
		color: #fff;	
		
	}
	
	
	div#navigation #sidemenu { font: bolder 11px 돋움; color: #8897a4; position: absolute; right: 8px; top:26px;#top: 28px; padding: 7px 0 6px 0;}
		div#navigation #sidemenu a { background: #0f2d45; padding: 8px 7px 6px;font-weight: normal; color: #8897a4; letter-spacing: -1px; margin-left: 5px;}
		div#navigation #sidemenu a:hover { color: #fff; background: #071a29;  text-decoration: none;}
		div#navigation #sidemenu a.current { font-size: 11px; font-weight: bolder; color: #071a29; background: #CFD7DD; }	
			div#navigation #sidemenu a.current:hover { font-size: 11px; font-weight: bolder; color: #708490; background: #CFD7DD;  }	


		div#navigation #sidemenu IMG { padding-left: 2px;}
	
/* =menulayer */
.menulayer {
	display: none;
	position: absolute;
	z-index: 2;
	padding-top: 20px;
	background: transparent url("../images/common/up_arrow.gif") no-repeat center 16px;
	top:32px;
}
.menulayer ul {
	background-color: #fff;
	border: 1px solid #0f3452;
	border-top: 0;
	padding: 5px 10px;
	word-break: keep-all;
	white-space: nowrap;
	min-width:85px;
	_width:85px;
}
.menulayer li {
	padding: 3px 0;
	margin: 3px 0;
	border-bottom: 1px solid #e5e5e5;
	
}
.menulayer li a {
	display: block;
	width: 100px;
	color: #7d858b;
	padding: 1px 3px 1px 8px;
	background: url("../images/bullet_arrow.gif") left no-repeat;
}
.menulayer li a:hover {
	color: #313b43;
	text-decoration: none;
	background: url("../images/bullet_arrow_current.gif") left no-repeat;
}

#menuLayer_address {
	left: 30px;
}
#menuLayer_post {
	left: 124px;
}
#menuLayer_agit {
	left: 218px;
}
#menuLayer_mypage {
	left: 344px;
}

/* =login */

div#login {
	position: absolute;
	top: 100px;
	width: 280px;
	background: transparent url(../images/common/bg_login.png) 0 0 no-repeat;
	font-size: 11px;
	color: #777777;
	letter-spacing: -1px;
	z-index: 1;	
}

	div#login #inner {
		padding: 25px 24px 45px 35px;     
		background: url(../images/common/bg_login_btm.gif) bottom center no-repeat; 	
		margin-bottom: 0px;
}

	div#login h3 {
		font-weight: bold;
		font-size: 16px;
		letter-spacing: -1px;
		color: #D45919;
		text-decoration: underline;
		margin-bottom: 15px;
	}
	div#login div {
		line-height: 150%;
	}
	div#login div p {
		margin-bottom: 3px;
	}
	div#login div.aw_id {
		border-bottom: 1px dashed #BEBBA5;
	}
	
	div#login div.openid form {
		margin: 7px 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 .login-form { color: #4e4e4e; margin: 0;}	
		div#login .login-form div {
			margin-bottom: 5px;
		}

		div#login .login-form b {
			font-weight: bold;
			font-family: tahoma;		
			font-size: 12px;
			color: #19537f;
			margin-right: 2px;
			letter-spacing: 0px;
		}

		div#login .login-form .img {
			position: relative;
			margin: 0;
			left: 0;
			background: #fff;
			width: 93px;
			height: 70px;
			_height: 69px;
			border: 1px solid #ADADAD;
		}
		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 .user-info {
			position: relative;
			margin-top: 7px;
			padding-bottom: 10px;
			border-bottom: 1px dashed #BEBBA5;
			height: 85px; 
		}

		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#login .login-form .loginform-eventlist {
			border-bottom: 1px dashed #BEBBA5; 
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
			div#login .login-form .loginform-eventlist div {
				margin: 0;
			}
			div#login .login-form .loginform-eventlist h5 {
				margin-bottom: 5px;
			}
			div#login .login-form .loginform-eventlist h5 a {
				color: #414141;
				text-decoration: underline;
				font-weight: bold;
			}
			div#login .login-form .loginform-eventlist .eventinfo {
				color: #7E7E7E;
				font-size: 11px;
				margin-bottom: 5px;
			}
			
			div#login .login-form .loginform-eventlist td {
				#padding: 1px 0;
				height: 16px;
			}
			div#login .login-form .loginform-eventlist td a {
				color: #494949;
			}
			div#login .login-form .loginform-eventlist .date {
				color: #999999;
				font-family: Verdana;;
				font-size: 10px;
				letter-spacing: -1px;
				text-align: right;
	
			}

	div#login #multi-info {
		margin:0;padding-left:10px;
		background: transparent url(../images/common/bg_multi-info.png) 0 0 repeat-y;
	}