@charset "utf-8";
/* layout */
body { /*background:url(../images/common/bg.gif);*/ }
#header { width:100%; height:130px; background:url(../images/header/bg.gif); overflow:visible !important; position:relative; z-index:1000; }
#h_wrap { width:1160px; margin:0 auto; position:relative; }
#container {  }
#footer { background:url(../images/footer/bg.gif); clear:both; }
#f_wrap { width:1160px; margin:0 auto; height:200px; }

/* common */
.fl { float:left; }


/* header */
h1.logo { float:left; }

	/* gnb */
ul.gnb { position:absolute; right:0; top:0; }
ul.gnb li { float:left; width:120px; height:130px; overflow:hidden; }

	/* sm */
div.sm_box { width:1160px; height:0px; position:absolute; left:0; top:130px; 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 #8ed4d7; }



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