@charset "utf-8";
 *{margin:0;padding:0}
 html,body{width:100%;height:100%;}
 html{overflow-y:scroll}
 body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
 body,input,button{font-size:11px;line-height:1.5em;font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#626262}
 body table {font-size:11px; font-family:Arial, "돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#626262;}
 td {word-wrap:break-word;}
 h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left}
 img,fieldset,iframe{border:0 none}
 li{list-style:none}
 ol	{margin:5px 0 0 30px;}
 ol li { list-style:decimal;}
 ul, dl {margin:0; padding:0;}
 a{color:#626262;text-decoration:none}
 a:hover{color:#3058c2;text-decoration:underline}
 em,address{font-style:normal}
 button,label{cursor:pointer;_cursor /**/:hand}
 button *{position:relative}
 button img{left:-3px;*left:auto}
 textarea{overflow:auto}
 html:first-child select{height:20px;padding-right:6px}
 option{padding-right:6px}  
 .img_c 	{	text-align:center; width:100%;}
 .img_l 	{	text-align:left; width:100%;}
 .imgbase {}
 .imgover {filter:gray}
 .clear {clear:both;}
 .phide {text-indent:-9999px; height:0; line-height:0; overflow:hidden;}
 .imgr {border:none; float:right; margin-left:20px; }
 .zs_orange14 { font-size:14px; color:#FF6600; }
 .zs_11 { font-size:11px;}
 .co_black { color:#000000;}
 
 #clearb {	clear:both;  }
.clearb {	clear:both;  }
.phide {text-indent:-9999px; height:0; line-height:0; overflow:hidden;}

.h10 { height:10px; clear:both;}
.h20 { height:20px; clear:both;}
.h30 { height:30px; clear:both;}
.h40 { height:40px; clear:both;}


/* 메인 */
#topmenu	{width:100%; height:80px;}
#menu	{width:960px; height:80px; margin:0 auto;}

#maintheme	{width:100%; height:400px;}
#maintheme #theme {width:960px; height:400px; margin:0 auto;}

#main_conts	{width:960px; height:137px; margin:0 auto; padding-bottom:28px; background:url(img/back/main_bg.jpg) no-repeat left top;}
.news	{float:left; width:238px; margin:35px 0 0 40px;}
.news ul {width:238px; margin-top:10px;}
.news ul li {padding:0 0 5px 0;}
.news ul li.end {padding:0;}
.news ul li dl {width:238px;}
.news ul li dl dt {float:left; color:#505050;}
.news ul li dl dd {padding-left:15px; color:#666;}

.notice {width:238px; height:82px; padding:8px 0 0 0;}

.prod {float:left; width:343px; height:100px; margin:35px 0 0 27px;}
.prod .pro_img {width:343px; height:82px; padding-top:8px;}

.quick	{float:left; width:256px; height:100px; margin:35px 0 0 29px;}
.quick ul {width:256px; margin-top:8px;}
.quick ul li {float:left; padding-right:14px;}
.quick ul li.end {float:left; padding-right:0;}

/*sub */
#subtop {width:100%; height:315px;}
#submenu {width:960px; height:80px; margin:0 auto;}
#subtheme {width:960px; height:235px; margin:0 auto;}
#subcontents1 {  text-align:center; width:100%;}
#subcontents { margin:0 auto;  text-align:center; width:960px;  }
#left_menu {	float:left; text-align:left; width:190px;  border-right:1px solid #e4e4e4;}
#right_cont {	float:left; text-align:left; width:749px; padding-left:18px;}
#right_cont .Scontent {	float:left;  width:749px;   padding:20px 0 20px 0;   word-break:keep-all;}

/* tail */
#copy {width:100%;}
#copy .tail_top	{ width:960px; height:20px; margin:0 auto; padding:8px 0 5px 0; background-color:#f2f2f2; text-align:left;}
#copy .tail_top ul {width:500px; margin-left:10px;}
#copy .tail_top ul li {float:left; padding:0 20px 0 20px; background:url(img/icon/line.gif) no-repeat right 3px;}
#copy .tail_top ul li.end {float:left; padding:0 0 0 20px; background:none;}
#copy .tail {width:900px; height:90px; margin:0 auto; padding:20px 0 20px 60px;}
#copy .tail .logo {float:left; width:115px; height:43px;}
#copy .tail .txt {float:left; width:680px; height:43px; margin:0 0 0 28px; padding-top:10px; text-align:left; line-height:120%;}