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

/* base */
body,input,textarea,select,button,table{font-family: 'Nanum Gothic', serif; font-size:12px; color:#333;letter-spacing: -0.05em}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol{list-style:none}
fieldset,img{border:0; vertical-align:top;}
address{font-style:normal; clear:both}
p,td,th,li,dd{ line-height:1.5em;}

/* a-style */
a{color:#333;text-decoration:none}
a:hover,a:active,a:focus{color:#fbcd09;text-decoration:none}

.hidden{ position:absolute; left:-9999px; top:0; width:1px; height:1px; overflow:hidden}
hr{ display:none}

/*wrap*/
#wrap{ position:relative; width:100%; margin:0 auto; z-index:1; }

/*header*/
#header{ position:relative; width:100%; margin:0 auto; height:200px;}
#header .subMenu{ width:100%; height:86px; z-index:500; margin:0 auto; background:#fff; border-bottom:1px solid #ddd; padding-bottom:10px}
#header .subMenu .inner{ width:650px; height:73px; float:left; margin-left:218px}
#header .subMenu .inner .subHs1{ background:url(/common/images/nav01.jpg); width:150px; height:73px; display:block;}
#header .subMenu .inner .subHs2{ background:url(/common/images/nav02.jpg); width:178px; height:73px; display:block;}
#header .subMenu .inner .subHs3{ background:url(/common/images/nav03.jpg); width:166px; height:73px; display:block;}
#header .subMenu .inner .subHs4{ background:url(/common/images/nav04.jpg); width:156px; height:73px; display:block;}
#header .subMenu .inner .subHs1:hover{ background:url(/common/images/nav01on.jpg);}
#header .subMenu .inner .subHs2:hover{ background:url(/common/images/nav02on.jpg);}
#header .subMenu .inner .subHs3:hover{ background:url(/common/images/nav03on.jpg);}
#header .subMenu .inner .subHs4:hover{ background:url(/common/images/nav04on.jpg);}
.headerCenter{ position:relative; width:100%; margin:0 auto; background:#fff; clear:both}
.headerTop{ position:relative; width:100%; height:50px; border-bottom:1px solid #e7e7e7; background:#f7f7f7}
.headerTop ul{ width:970px; margin:0 auto; padding-top:12px; padding-right:30px}
.headerTop ul li{ float:right; margin-right:5px;}
.headerNav{ position:relative; width:1000px; height:150px; margin:0 auto;}
.headerNav h2{ text-indent:-9999px; overflow:hidden; float:left}
.headerNav .logo{ float:left; margin-left:34px; width:98px; height:73px}
.headerNav .logo a{ display:block; width:98px; height:73px;}


/*footer*/
#footer{ position:relative; width:100%; margin:0 auto; background:#f7f7f7; clear:both}
.backtotop{ width:100%; height:20px; background:#555;}
.backtotop .topBtn{ width:1000px; text-align:center; margin:0 auto;}
.footCenter{ position:relative; width:1000px; height:240px; margin:0 auto;}
.footCenter .footLogo{ width:98px; height:73px; margin-left:34px; position:absolute; top:75px;}
#footer .add{ width:800px; margin-left:200px; text-align:center; position:absolute; top:73px;}
#footer .add .add01{ font-size:14px; color:#777;}
#footer .add .add02{ font-size:12px; color:#999; padding-top:15px;}