@charset "utf-8";
/* CSS Document */

/* layout */
html, body {width:100%; height:100%; margin:0; padding:0;}

#wrap {position:relative; width:100%; min-height:100%; text-align:center;}
#wrap_contents {position:relative; overflow:hidden; width:1024px; margin:0 auto;}
*html #contents {height:100%;}
	
#header_wrap {position:relative ;width:100%; height:94px;  text-align:center;}
#header2_wrap {position:relative; width:100%; height:330px;  text-align:center; background:url(../img/bg/bg_subimg.jpg) no-repeat center;}
#contents_wrap {overflow:hidden; width:100%; text-align:center;  background:url(../img/bg/bg_bottom.jpg) no-repeat center bottom;}
#footer_wrap {position:relative ;width:100%; background:url(../img/bg/bg_footer.jpg) repeat-x top left;}
	
/* header */
#header {width:1024px; margin:0 auto;}

/* container */	
#container {width:1024px; margin:0 auto;}
#leftmenu {float:left; width:284px; padding:40px 0 0 30px; text-align:left; }
#contents {float:left; width:650px; padding-right:60px; font:12px Dotum, 돋움; color:#666; text-align:left;}
#contents:after {content:""; display:block; clear:both;}
#contents {*zoom:1;} /* IE5.5~7 Hack */

#logo {display:inline; float:left; margin-top:18px;}
#menu {width:850px; height:54px; background:url(../img/menu/bg_menu.jpg) no-repeat left;}

/* topmenu */
#topmenu {float:left; position:relative; width:870px;  margin-top:18px;}
#topmenu li {display:inline; float:left;  margin-top:10px;}

#topimg {height:235px; clear:both;}

/* footer */
#footermenu {width:1024px; height:40px; margin:0 auto;}
#footermenu li {display:inline; float:left; margin-top:10px;}
#footer {position:relative; padding-bottom:30px; width:1024px; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
#footer .copyright {float:left;}
#footer .family {margin-top:10px;}