@charset "utf-8";
/* layout */
#header { width:100%; height:60px; background:url(../images/header/bg.gif) repeat-x; position:relative;margin-top:40px; overflow:visible !important; z-index:1000; }
#h_wrap { width:1160px; margin:0 auto; position:relative; }
#container {  }
#footer { width:100%; background:url(../images/footer/bg.jpg) 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; position:relative; }
ul.gnb li span { border:5px solid #fff; width:110px; height:50px; position:absolute; left:0; top:0;  }
ul.gnb li.on {  }

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

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

div.sm_box > div.sm h2 { }

div.sm_box ul.sm_list { width:360px; height:150px; padding:20px 0; background-color:#fff; }
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 #a2c95f; }


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




/* footer */