@charset "utf-8";
/* layout */
html,body { width:100%; height:100%; background:url(../images/main/bg.jpg) no-repeat 50% 0; }
#header { width:100%; height:70px; background:url(../images/header/bg.jpg); position:absolute; left:0; top:40px; overflow:visible !important; z-index:1000; }
#h_wrap { width:1160px; margin:0 auto; position:relative; }
#container {  }
#footer { background:url(../images/footer/bg.jpg) no-repeat 50% 0; clear:both; }
#f_wrap { width:1160px; margin:0 auto; height:380px; }
 
/* common */
.fl { float:left; }

/* header */
h1.logo { position:absolute; left:0; top:-40px; z-index:1000; }

	/* gnb */
ul.gnb { position:absolute; right:0; top:0; }
ul.gnb li { float:left; background:url(../images/header/gnb_bar.gif) no-repeat right center; }
ul.gnb li.on { }
ul.gnb li a { display:block; }

	/* sm */
div.sm_box { width:1160px; height:0px; position:absolute; left:0; top:70px; overflow:hidden; }

div.sm_box > div.sm {  position:absolute; left:0; top:-190px; }

div.sm_box > div.sm h2 { }

div.sm_box ul.sm_list { width:360px; height:150px; padding:20px 0;}
div.sm_box ul.sm_list li a { display:block; width:165px; height:30px; float:left; padding-left:15px; }
div.sm_box ul.sm_list li:hover a { background:url(../images/header/list_style.gif) no-repeat 15px 0; }
div.sm_box ul.sm_list li:hover a img { margin-left:0; }

div.sm_box div.sm > a { position:relative; }
div.sm_box div.sm > a span { position:absolute; left:0; top:0; width:220px; height:170px; border:10px solid #303038; }


/* container */
.main_common { width:1160px; margin:0 auto; padding:40px 0; }

/* footer */