@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* GLOBAL *********************************************************/

html, body, div, span, applet, object, iframe, h1, h2, #details #hosting_wrap .hst, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family: 'Nanum Gothic', serif;
}



html {
	overflow-y:scroll;
}

ol, ul {
	list-style: none;
}

a, a:link {text-decoration:none;color:#eeeeee;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color:#69d086;}
a:active {text-decoration:none; }

.hidden {
	overflow:hidden;
	height:0;
	width:0;
	font-size:0;
	visibility:hidden;
	line-height:0;
}

.black{color:#171717;}
.bold{font-weight:800;}

.footer_style{font-weight:600; color:#fff;}

/*css 시작*/

#top_wrap{
	background-image:url(../images/top_bg.jpg);
	/*
	width:100%;
	*/
	min-width:1200px;
	height:60px;
	background-repeat:repeat-x;
	}
	
	#top{
		width:1200px;
		height:60px;
		margin:0 auto;
	}
	
	#top img{
		margin:15px 0 0 0;
	}	

#middle_wrap{
		/*
		width:100%;
		*/
		min-width: 1200px;
		height:604px;
		background-color:#e5e6e8;
	}
	
	#middle{
		width:1200px;
		height:604px;
		margin:4px auto;	
	}
	
		#middle_top{
			width:457px;
			height:55px;
			margin:0 auto;
			padding:80px 0 0 0;	
		}
		
		#middle_botom{
			width:595px;
			height:365px;
			margin:0 auto;			
			background-image:url(../images/login_bg.jpg);
		}
		
		#middle_botom_register{
			width:595px;
			height:833px;
			margin:0 auto;			
			background-image:url(../images/register_bg.jpg);
		}
		
			#middle_botom1{
				width:552px;
				height:183px;
				padding:20px 0 0 22px;
			}
			
		
			#middle_botom2{
				width:475px;
				height:20px;
				margin:0 auto;
				padding:10px 0 0 15px;
				font-size:12px;
				letter-spacing:-0.8px;
				color:#969696;
			}			


			#middle_botom3{
				width:262px;
				margin:5px auto;
			}
				#login_left{
					position:relative;
					width:205px;
					height:70px;
					float:left;	
				}
				

				
					#login_left1 {
						
					}
					
						#login_left1 dl {
							width:100%;
							padding:0;
							margin:0;
						}
						
						#login_left1 dt {
							float:left;
							width:60px;
						}
						
						#login_left1 dd {
							float:left;
							width:140px;
						}
							#login_left1 dd input{
								border:1px solid #cccccc;
							}		
							
					#login_left2 {
						float:left;
					}

						#login_left2 dl {
							width:100%;
							padding:0;
							margin:0;
						}
						
						#login_left2 dt {
							float:left;
							width:60px;
						}
						
						#login_left2 dd {
							float:left;
							width:140px;
						}
							#login_left2 dd input{
								border:1px solid #cccccc;
							}	
							
					#login_left3 {
						float:left;
						padding-top:1px;
					}

						#login_left3 dl {
							width:100%;
							padding:0;
							margin:0;
						}
						
						#login_left3 dt {
							float:left;
							width:60px;
						}
						
						#login_left3 dd {
							float:left;
							width:140px;
						}
							#login_left3 dd input{
								border:1px solid #cccccc;
							}									

					
				#login_right{
					width:55px;
					height:42px;
					float:right;
					/*
					background:#990;
					margin-top:5px;
					*/
					padding-top:5px;
				}
				
				#register_btn_bottom {
					position:relative;
					float:left;
					width:100%;
					padding-left:6px;
					padding-top:10px;
				}

		
#footer_wrap{
	/*
	width:100%;
	*/
	min-width: 1200px;
	height:80px;
	background-color:#6a5a36;
	}
		
	#footer{
		width:1200px;
		height:60px;
		margin:0 auto;
	}
	
		#footer_logo{
			float:left;
			margin:25px 0 0 0;	
		}
		
		#footer_add{
			float:left;	
			margin:25px 0 0 30px;	
			color:#d3cfc8;	
			font-size:13px;
		}