@charset "euc-kr";

/* basic
------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}

/* remember to define focus styles! */
:focus{outline:0}
body{background:#FFF;font:12px 나눔고딕;color:#000}
ol,ul{list-style:none}
a{text-decoration:none}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0}
caption,th,td{font-weight:normal;text-align:left}

blockquote:before,blockquote:after,q:before,q:after{content:''}
blockquote,q{quotes:' '}

/* main
-------------------------------------------------------------*/
.main_visual{float:left;padding-bottom:16px;width:1000px;height:350px}
.main_contents{padding:0 40px}
.h3_title{padding:26px 0 14px 18px;background:url(../images/eng/icon/icon01.jpg)no-repeat 0 28px;font:bold 14px arial}
.more{position:absolute;top:26px;right:0}
#container{position:relative;width:1000px;margin:0 auto}
.con1,.con2,.con3{clear:both;position:relative}
.con1 .info{float:left;width:540px}
.con1 .info p{font:12px/15px arial;color:#666}
.info p a{color:#666}
.con1 .news{float:right}
.con1 .news li{padding-left:10px;background:url(../images/eng/icon/icon03.jpg)no-repeat 0 5px;font:12px/18px arial;color:#666}
.con2 .best{float:left;width:579px}
.con2 .best ul{float:left;position:relative;width:579px;height:174px;background:url(../images/eng/main/best_bg.jpg)no-repeat}
.con2 .best li{float:left;padding:4px 12px 0;width: 120px}
.con2 .best h4{padding-left:4px;border-bottom:1px solid #e9e0e5;background:url(../images/eng/icon/icon02.jpg)no-repeat 106px 5px;font:12px arial;color:#666}
.con2 .best p{width:130px;font-size:11px;color:#666;margin:5px 0 0 0;letter-spacing:-1px}
.con2 .ce{float:right;width:325px}
.con2 .ce_bg{width:320px;height:170px;padding-top:4px;padding-left:5px;background:url(../images/eng/main/ce_bg.jpg) no-repeat}
.sample_bn{width:325px;height:167px}
.sample_bn p{float:left;height:186px;margin:0;padding:0}
.sample_bn div{overflow:hidden;float:left;position:relative;width:247px;height:167px}
.sample_bn div ul{position:absolute;top:0;width:2000px;height:159px}
.sample_bn div ul li{float:left;height:159px;margin:0;padding:0}
.sample_bn img{margin:0;padding:4px}
.con3 .mlist li{display:inline;padding-left:15px}
.con3 .mlist{clear:both;position:relative;padding:22px 0 24px}

h1, h6 { 
margin:0; 
padding:0; 
position:absolute;
left:-10000px;
height:0;
font-size:0;
} 

a.main_prod02:link, a.main_prod02:visited, a.main_prod02:active { text-decoration:none; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#565656; }
a.main_prod02:hover { text-decoration:none; color:##DE7312; }

.main_comp_title { padding:0px 2px; font-weight:bold; font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#333333; }
.main_comp { padding:3px 5px; }

a.main_comp01:link, a.main_comp01:visited, a.main_comp01:active { text-decoration:none;font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#666666; }
a.main_comp01:hover { text-decoration:none; font-size:11px; font-family: Arial, Helvetica, sans-serif; color:##DE7312; }

.footer01 {
     padding:3px; 
	 border:solid 0px #d8d8d8;
}

.footer01 span {color:#cccccc; font: 6px Arial, Helvetica, sans-serif;}



a.key_link02:link, a.key_link02:visited, a.key_link02:active, a.key_link:hover { text-decoration:none; color:#cccccc; font: 9px Arial, Helvetica, sans-serif;}
a.key_link02:hover { text-decoration:none; color:#cccccc; font: 9px Arial, Helvetica, sans-serif;}

.keyword-contents {
	position:absolute;
	left:-10000px;
	height:0;
	font-size:0;
}
.footer {
	color: #CCCCCC;
	padding-left: 1px;
	padding-top: 5px;
}