/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, 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, sub, sup, 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; outline:0; font-size:13px; vertical-align:baseline; background:transparent; border-collapse:collapse;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content:none;}

body {background-color:#000000; text-align:center; color:#898989; line-height:160%;}

a:link {color:#636363; text-decoration:none;}
a:visited {color:#636363; text-decoration:none;}
a:active {color:#636363; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:none;}

#gnb {height:108px; background:url('/v4/img/bg_gnb.jpg') repeat-x;}
#contents {background:url('/v4/img/bg_body.jpg') repeat;}
#wrapper {position:relative; width:900px; margin:0 auto; text-align:left;}

#wrapper .new01 {position:absolute; left:640px; top:40px; width:300px;}
#wrapper .new02 {position:absolute; left:640px; top:128px; width:300px;}
#wrapper .new03 {position:absolute; left:640px; top:218px; width:300px;}

#naviwrapper {position:relative; width:900px; margin:0 auto; text-align:left; background:url('/v4/img/bg_navi.jpg') no-repeat;}
#naviwrapper h1 {float:left;}
#naviwrapper #navi {width:468px; float:right; margin:46px 62px 0 0; }
#naviwrapper #navi li {float:left; display:inline-block;}
#naviwrapper #sub01 {position:absolute; top:86px; left:400px; visibility:hidden;}
#naviwrapper #sub02 {position:absolute; top:86px; left:450px; visibility:hidden;}
#naviwrapper #sub03 {position:absolute; top:86px; left:545px; visibility:hidden;}
#naviwrapper #sub04 {position:absolute; top:86px; left:570px; visibility:hidden;}
#naviwrapper #sub05 {position:absolute; top:86px; left:640px; visibility:hidden;}
#naviwrapper .sub {list-style-type:none; padding:0; margin:0; position:relative;}
/* #naviwrapper .sub li {float:left; display:inline-block; margin-right:30px;}
#naviwrapper .sub li:hover {background:url('/v4/img/gnb_sub_bg.jpg') bottom center no-repeat; padding-bottom:3px;}*/
#naviwrapper .sub li a {font-size:11px; color:#7d7d7d; text-decoration:none; }
#naviwrapper .sub li a:hover {color:#ffffff;} 

/* IE6 ÀÌ¿ÜÀÇ ºê¶ó¿ìÀú */
#naviwrapper .sub li {float:left; display:inline-block; margin-right:30px;}
#naviwrapper .sub li:hover,
.menuOver {background:url('/v4/img/gnb_sub_bg.jpg') bottom center no-repeat; padding-bottom:3px;}

/* IE6°ú ±× ÀÌÇÏÀÇ ºê¶ó¿ìÀú */
#naviwrapper .sub li  {
 behavior: expression(
  this.onmouseover = new Function("this.className += ' menuOver';"),
  this.onmouseout = new Function("this.className = this.className.replace(' menuOver', '');"),
  this.style.behavior = null
 ); 
}



.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
#bottom {clear:both; background:url('/v4/img/bg_bottom.jpg') repeat-x;}

#index_image {background-color:#000000;}

#contwrapper {width:900px; margin:0 auto; text-align:left; background:url('/v4/img/bg_submenu.jpg') repeat-y;}
#contwrapper #submenu {width:180px; float:left;}
#contwrapper #submenu li img {vertical-align:middle;}
#contwrapper #cont {width:720px; float:right; background-color:#000000; /* background:url('img/bg_body.jpg') repeat; */}
.product {padding:10px; margin-left:20px;}
.product li {display:inline-block; font-size:10px; font-family:Arial; line-height:1.5em; margin:0 0 5px 0;}
.product li a {color:#707070; text-decoration:none; font-size:11px; font-family:Arial;}
.product li a:hover {color:#ffffff;}
.smallfont {font-size:9px; font-family:Arial;}
#contwrapper #cont .margin30 {margin:0 30px 0 30px; line-height:1.6em;}
#contwrapper #cont .margin30 .spec {font:14px arial bold; color:#ffffff; margin:10px 0 5px 0;}
#contwrapper #cont .margin30 .spectable th{padding:7px 10px 4px 10px; border:1px solid #2d2d2d; font:12px dotum; font-weight:bold; color:#636363; text-align:center;}
#contwrapper #cont .margin30 .spectable td{padding:7px 10px 4px 10px; border:1px solid #2d2d2d; color:#636363;}

.newpost {line-height:1.5em;}