@charset "utf-8";
/* layout */
#header { width:100%; height:60px; background:url(../images/header/bg.gif); position:absolute; left:0; top:50px; overflow:visible !important; 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 { position:absolute; left:0; top:-50px; z-index:1000; }

	/* gnb */
ul.gnb { position:absolute; right:0; top:0; }
ul.gnb li { float:left; }
ul.gnb li.on { background:url(../images/header/arrow.png) no-repeat 55px 0; }

	/* 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 #4fbfe4; }


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



/* sub */
#sub_container { padding:110px 0 20px 0; }

#sub_top { height:300px; background:url(../images/sub/common/top_bg.jpg) no-repeat 50% 0; border-bottom:2px solid #68b5e1; }
#sub_con { width:1160px; margin:0 auto; }

#sub_con_left { width:180px; height:100px; padding-top:10px; float:left; }
#sub_con_right { width:940px; padding:0 20px; float:left; position:relative; }

	/* sub_con_left */
#sub_con_left h2 { margin-bottom:10px; }
#sub_con_left .lnb {  }
#sub_con_left .lnb ul li { background:#b0b0b8; margin-bottom:1px; }
#sub_con_left .lnb ul li a { display:block; padding:7px 0; padding-left:20px; }

	/* sub_con_right */
#sub_con_right img.last_img { padding-top:40px; }
#sub_con_right div.slnb  { margin:20px 0 40px 0; }
#sub_con_right div.slnb li { width:100px; height:60px; overflow:hidden; float:left; margin-right:3px; }
#sub_con_right div.slnb li:hover img,#sub_con_right div.slnb li.on img { margin-left:-100px; }


/* footer */