@charset "utf-8";
ul,ol,li{list-style:none}
img {border:0;}
form {margin:0}
.hand {cursor:pointer}


#wrap{position:relative;}

/**** 상단 ****/
#header{position:relative; width:100%; background: url(../images/top_bg.gif) repeat-x center top; }
#header .top{position:relative; width:1000px; height:140px;  margin:0 auto;  }
.logo{ position:absolute; left:410px; top:0px;}
.top .top_btn {overflow:hidden; position:absolute; height:20px; right:25px; top:30px; margin:0;}
.top .top_btn ul li{float:left; height:40px; margin:0px; }
.top .top_navl{ position:absolute; left:0px; top:100px; width:1000px; height:40px; z-index:100000; background:url(../images/navi_bg.gif) no-repeat center top;}


/**** 카피라이트 ****/
#footer{ clear:both;position:relative; width:100%; height:120px;  background-color:#fff; border-top:1px #ddd solid;}
.copy{position:relative; width:1000px; margin:0 auto;  height:100px;}
.copy_text01{position:absolute; left:0px; top:30px; line-height:20px; font-size:12px; color:#555;}
.copy_img{position:absolute; right:10px; top:25px; }


/**** 메인비주얼 ****/
#main_visu{position:relative; width:100%;height:380px; background:url(../images/main_bg.gif)  repeat-x center top;}
#main_visu #visu{position:relative;width:1000px; height:380px; margin:0 auto; }


/**** 컨텐츠 ****/

#main_content{ clear:both; position:relative; width:100%; margin:0px auto; height:105px;padding:40px 0;}
#main_content #main_cont{position:relative; width:1000px; height:105px; margin:0 auto; padding:0;}

.cont_noti{float:left; width:220px; height:75px;}
.cont_noti h2{ height:30px;}
.cont_noti_box{ padding-top:5px; padding-left:2px;}

.cont_quick{float:left; width:220px; height:82px;}
.cont_quick h2{ height:23px;}
.cont_quick_box ul li{ float:left; height:37px;}


#main_banner{ clear:both; position:relative; width:100%; margin:0px auto; height:100px;padding:30px 0; background:url(../images/ban_bg.gif) repeat-x center top; }
#main_banner #main_ban{position:relative; width:1000px; height:100px; margin:0 auto; padding:0;}

.ban_box {  float:left; }
.ban_box ul li{ float:left; }

.cont_prod{float:left; }
.cont_prod h2{ height:30px;}
.cont_prod_box{ margin:0; padding:0;}






/**** 서브비주얼 ****/
#sub_visu{position:relative; width:100%;height:200px;background:url(../images/main_bg.gif)  repeat-x center top;}
#sub_visu #s_visu{position:relative;width:1000px; height:200px; margin:0 auto;}





/* 서브 레이아웃 */
#sub_container{ clear:both;position:relative;  width:100%; margin:0 auto; padding:30px 0; }
#sub_content{ width:960px;position:relative; margin:0 auto; padding:0 20px; background:url(../images/sub_cont_bg.gif) no-repeat center top;}


/* 서브 aside 레이아웃 */
#aside {float:left;width:185px; border:none; margin-top:0px;  }
#aside h2 {font-size:20px;font-weight:bold;letter-spacing:-0.5px;color:#333; text-align:left; padding:0px 0px 0px 5px;}
#aside h3 {font-size:11px;color:#555;text-align:left; padding:5px 0px 26px 5px; border-bottom:4px #ddd solid;}
#aside span {font-size:14px;font-weight:bold;color:#555;}
#aside dl {margin:0;padding:0;}
#aside dl dd {margin:0;padding:0;width:183px;height:35px; border:1px #dadada solid; margin-bottom:4px; }
#aside a {display:block;padding:10px 0 10px 20px;}
#aside a span {font-size:13px;font-weight:bold;}
#aside a:hover span {color:#fb4f59;text-decoration:none;}
#aside a:active, #aside a:visited, #aside a:link {text-decoration:none;}
#aside img {margin:0;padding-top:10px;}
.aside_tit{ height:75px;}



/* 서브 contents 레이아웃 */
#contents {position:relative;float:right; width:740px;min-height:450px;height:auto !important; }
#contents:after {display:block;visibility:hidden;clear:both;content:"";}

#contents-title {height:25px; padding-left:15px; margin-bottom:20px; background:url(../images/title_icon.png) no-repeat left top;}
#contents-title h1 {float:left;font-size:18px;font-weight:bold;padding-left:10px; padding-top:2px;}
#contents-title .breadcrumb {float:right;color:#999;padding-top:5px;padding-right:0px;}

.sub_box{ float:right; width:765px;margin-left:20px; }


.tbl{border-collapse:collapse; background-color:#f7f7f7; font-size:12px;}
.tbl td{ border:1px #dddddd solid;}
.text01 { background-color:#f5f5f5; color:#333; font-size:13px; border-top:2px #333 solid; border-bottom:1px #ddd solid;font-family:"NanumGothic";}
.text02 { border-bottom:1px #ddd solid; color:#444; font-size:12px;font-family:"NanumGothic";}
.line_r{border-right:1px #ddd solid;}

.menu_link,
a.menu_link:link, a.menu_link:visited, a.menu_link:active { font-size: 12px; color: #fff; text-decoration: none; }
a.menu_link:hover { font-size:12px; color: #fff; text-decoration: none; font-weight:bold; }