/*-------------------------------------------------*/
/*  -ÀÛ¼ºÀÏ     : 9¿ù21ÀÏ                          */
/*  -ÀÛ¼ºÀÚ     : Bluecarpet Design Team(ÀÛ¼ºÀÚ ¸í)*/
/*  -----------------------------------------------*/

/*  -----------------------------------------------*/
/*  -Wrapper       : Àüü¸¦ °¨½Î°íÀÖ´Â DIV         */
/*  -Top           : ¸ÞÀλó´Ü DIV                  */
/*  -Container     : ¸ÞÀÎÄÁÅÙÃ÷ DIV                */
/*  -Quick         : Äü¸Þ´º DIV                    */
/*  -SubTop        : ¼­ºê»ó´Ü DIV                  */
/*  -LeftBar       : ¼­ºê»ó´Ü DIV                  */
/*  -SubContainer  : ¼­ºêÄÁÅÙÃ÷ DIV                */
/*  -Footer        : Ä«ÇÇ DIV                      */
/*-------------------------------------------------*/

@import url("./content.css");


/***** Default *****/
* {padding:0;margin:0;}
html{overflow:-moz-scrollbars-vertical;}
body {
	padding: 0px 0px 0px 0px;
	font:normal 12px "µ¸¿ò",dotum,Verdana,Arial,San-Serif;
	background:#ffffff;
	line-height: 130%;
	color:#333;
/*
	background:url(../../images/common/bg_top.gif)  repeat-x;
*/
	background-image : url('../../images/common/bg_top.gif');
	background-repeat : repeat-x;
}
/*
¹®Á¦
	ÇÑ°æ ¸®½ºÅ¸Æ® ie ¹öÀü 6.0 ¿¡¼­ ½ºÅ©·Ñ½Ã ÀÜ»óÇö»ó.
ÇØ°á
    http://blog.naver.com/kes3583?Redirect=Log&logNo=90040073536

	======================================
	¹®Á¦ ¿¹
	======================================
	background:url(../../images/common/bg_top.gif)  repeat-x;
	======================================
	ÇØ°á ¿¹
	 background-image : url('../../images/common/bg_top.gif');
	 background-repeat : repeat-x;
	======================================
À§¿Í °°ÀÌ Á¤È®È÷ ¸í½ÃÇÑ´Ù.
*/

th, td { border-collapse:collapse; }
ol, ul, li, dl, dt, dd { list-style:none; padding:0; margin:0; }
h1, h2, h3, h4, h5	{ clear:both; font:bold 12px Dotum, Verdana, Arial, San-Serif; }
i, em, cite	{ font-style:normal; }
.data{font:normal 10px tahoma,dotum,Verdana,Arial,San-Serif;}


/***** Form *****/
form	{display:inline;}
select, input, textarea { color:#666; font-family:"µ¸¿ò", Dotum, Verdana, Arial, AppleGothic, sans-serif; font-size:100%; vertical-align:middle; }
fieldset, blockquote, iframe { border:none; }
html:first-child select{padding-right:6px; height:20px;} /* Opera Fix */
option, x:-moz-any-link {padding-right:4px;} /* Firefox Fix */
option, x:-moz-any-link, x:default {padding-right:0;} /* Firefox Fix */
input:focus, textarea:focus {outline:none;}	/* chrome */

/***** Link *****/
a {color:#595959; text-decoration:none;cursor:pointer;letter-spacing:-0.06em;}
a:visited, a:active {text-decoration:none;letter-spacing:-0.06em;}
a:hover {text-decoration:underline;letter-spacing:-0.06em;}
a.style02{color:#f26421; text-decoration:underline; font-weight:bold;letter-spacing:-0.06em;}
a.style02:hover{color:#f26421; text-decoration:underline; font-weight:bold;letter-spacing:-0.06em;}

/***** Hack *****/
/* =float ÇØÁ¦
----------------------------------------------------------------------------------------------------------------*/
.f_clear:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.f_clear { display:inline-block; }
/* ie¿ë Ȧ¸® ÇÙ ½ÃÀÛ */
* html .f_clear { height:1%; }
.f_clear { display:block; }
/* ie¿ë Ȧ¸® ÇÙ ³¡ */




/* Layout */
#Wrapper {
	clear:both;
	width:991px;
	margin:0 auto;
}
#Wrapper h1 { position:absolute; top:46px; left:1px; width:76px; height:20px; text-indent:-1000em; } /* modify */
#Wrapper h1 a { display:block; width:76px; height:20px; overflow:hidden; } /* modify */
#Wrapper h2 { position:absolute; top:43px; left:85px; width:72px; height:26px; text-indent:-1000em; } /* modify */
#Wrapper h2 a { display:block; width:72px; height:26px; overflow:hidden; } /* modify */
#Top{
	clear:both;
	width:991px;
	height:341px;
	overflow:"hidden";
}
#Container{
	float:left;
	width:991px;
}
	#Container #Main_Baner01{
		float:left;
		width:991px;
		height:56px;
	}
	#Container #Main_Baner02{
		float:left;
		width:991px;
		height:141px;
		_margin-top:-4px;
		background:url(../../images/00_main/bg_notice.gif)  no-repeat;
		background-position: left top;
	}
		#Container #Main_Baner02 #notice{
			float:left;
			width:250px;
			padding:13px 0;
		}
			#Container #Main_Baner02 #notice a{color:#595959; text-decoration:none;cursor:pointer;letter-spacing:-0.1em;padding:0 0 0 0px;}
			#Container #Main_Baner02 #notice a:hover{color:#2e67a6; text-decoration:underline;cursor:pointer;letter-spacing:-0.1em;padding:0 0 0 0px;}
		#Container #Main_Baner02 #campaign{
			float:left;
			margin-left:1px;
			width:239px;
			padding:13px 0;
		}
			#Container #Main_Baner02 #campaign a{color:#595959; text-decoration:none;cursor:pointer;letter-spacing:-0.1em;padding:0 0 0 0px;}
			#Container #Main_Baner02 #campaign a:hover{color:#2e67a6; text-decoration:underline;cursor:pointer;letter-spacing:-0.1em;padding:0 0 0 0px;}
		#Container #Main_Baner02 #btn01{
			float:left;
			width:460px;
			padding:8px 0 0 20px;
		}
		#Container #Main_Baner02 ul{
			clear:both;
			float:left;
			width:991px;
			padding:9px 0 0 22px;
		}
			#Container #Main_Baner02 ul li{
				float:left;
			}
	#Container #Main_Baner03{
		float:left;
		width:991px;
		height:100px;
	}
		#Container #Main_Baner03 #Board01{
			float:left;
			width:340px;
			height:100px;
			padding:10px 0 0 25px;;
		}
			#Container #Main_Baner03 #Board01 #List ul{
				padding:10px 0;
				width:345px;
			}
			#Container #Main_Baner03 #Board01 #List ul li{
				float:left;
			}
				#Container #Main_Baner03 #Board01 #List ul li ul li{
					float:left;
				}

		#Container #Main_Baner03 #Board02{
			float:left;
			width:368px;
			height:100px;
			padding:10px 0 0 25px;;
		}
			#Container #Main_Baner03 #Board02 #List ul{
				padding:10px 0;
				width:340px;
			}
			#Container #Main_Baner03 #Board02 #List ul li{
				float:left;
			}
				#Container #Main_Baner03 #Board02 #List ul li ul li{
					float:left;
				}

		#Container #Main_Baner03 #Board03{
			float:left;
			width:214px;
			padding:10px 0;
		}
	#Container #Main_Baner04{
		float:left;
		width:982px;
		height:276px;
		margin:3px 0 0 4px;
		_margin-left:2px;
	}
		#Container #Main_Baner04 #title{
			height:36px;
			background-color:#f7f7f7;
			border-bottom:#e1e1e1 solid 1px;
			border-top:#e1e1e1 solid 1px;
		}
			#Container #Main_Baner04 #title ul li{ float:left; }
		#Container #Main_Baner04 #sitemap{
			height:235px;
			background-color:#f7f7f7;
			border-bottom:#6eabd7 solid 2px;
		}
			#Container #Main_Baner04 #sitemap ul li{ float:left; }
				#Container #Main_Baner04 #sitemap ul li dl{ padding:10px 10px 3px 21px; }
					#Container #Main_Baner04 #sitemap ul li dl dd{ color:#c6c6c6;line-height:17px;}


	#Container #Main_Baner05{
		float:left;
		width:991px;
		height:35px;
		padding-left:4px;
	}
	#Container #QuickContainer{
		float:right;
		width:105px;
	}
		#Container #QuickContainer #Quick{
			padding-left:100px;
			position:absolute;
		}


#SubTop{
	clear:both;
	width:991px;
	height:204px;
	overflow:"hidden";
	padding-bottom:22px;
	_margin-bottom:-17px;
}
#LeftBar{
	width:198px;
	float:left;
}

#SubContainer{
	float:left;
	width:793px;
}

/* ¼­ºê */
	#SubContainer #Content{
		float:left;
		width:688px;
		background:url(../../images/common/bg_title.gif)  repeat-x;
	}
		#SubContainer #Content #account_title{
			float:left;
		}
		#SubContainer #Content #account_site{
			float:right;
			color:#b2b2b2;
			font-size:11px;
			padding-top:31px;
		}
		#SubContainer #Content #account_content{
			float:left;
			padding-top:15px;
			padding-bottom:30px;
		}
	#SubContainer #QuickContainer{
		float:right;
		width:105px;
	}
		#SubContainer #QuickContainer #Quick{
			padding-left:18px;
			position:absolute;
		}

/* footer */
#Footer{
	clear:both;
	width:991px;
	height:0px;
	margin-left:4px;
	_margin-top:-4px;
}
/* Copy°¡ 100%ÀÏ°æ¿ì »ç¿ë */
#Copy{
	width:100%;
	text-align:center;
	_margin-top:-16px;
}
	#Copy dl.footer_list { padding:20px 0; width:980px;text-align:center;margin:0 auto; }
	#Copy dl.footer_list dt { display:none; }
#Copy #Line{
	border-top:1px #ededed solid;
	width:100%;
}
#Copy #CopyImg{
	_margin-top:-15px;
}
/* END */