@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Default Skin - Start */
.selectLang{margin:0;padding:0}
/* Site Layout - Body Wrap */
body{padding:0; margin:0; font-family:돋움; font-size:12px; color:#000;}
body{ overflow-Y:scroll; *overflow-Y:; } 
html{border:none;}

ul, li {list-style:none; margin:0; padding:0;}
dd, dl, dt{padding:0; margin:0;}

img{border:none;}

a{text-decoration:none; color:#8a8a8a}
a:hover{text-decoration:none;}

#skipmenu, .hdd{font-size:0;width:0;height:0;line-height:0; position:absolute;left:-9999px;}

#wrap {padding:0; margin:0; background:url('/img/main_back.gif') repeat-x center 0;}
#subwrap {padding:0; margin:0; background:url('/img/sub_back.gif') repeat-x center 0px;}


#marble{width:1000px; margin:0 auto 0 auto; padding:0;}
/* Site Layout - Header */

#header{position:relative;width:1000px; height:93px;  z-index:9999;  }
 
 
 
#topmenu {position:absolute; top:0px; right:0;  width:100%}
 
#topmenu h1{margin:0; position:absolute; top:13px; left:20px}

	#topmenu #utill ul {list-style:none; height:10px; padding:0; margin:11px 0 0 0; float:right;   }
	#topmenu #utill ul li {float:left; display:inline; vertical-align:top; text-align:left; color:#8A8A8A; font-size:11px;padding-left:20px}
 	#topmenu #utill ul li img{vertical-align:top; padding:0; margin:0; float:left; }
	
	
	#topmenu #menu ul {list-style:none; height:16px; padding:0; margin:50px 0 0 0; clear:both;  width:548px; float:right;}
 	#topmenu #menu ul li {float:left; display:inline; vertical-align:top; text-align:left; padding-left:83px }
	#topmenu #menu ul li img{vertical-align:top; padding:0; margin:0; float:left; }


 
  



 


 

 /* Site Layout - Content Body */
.body{position:relative;z-index:1;padding-bottom:30px; zoom:1; }
.body:after{content:"";display:block;clear:both}
/* Site Layout - Column Left */

.mainL{position:relative;width:694px;float:left; }
.mainR{width:306px;float:right; background:#DAD1C6;}

.mainR ul li img{vertical-align:top; padding:0; margin:0; float:left; }

.lnb{position:relative;width:217px;float:left; background:url('/img/left.gif') repeat-y right top; min-height:500px}
.lnb h2{margin:0}
 
.locNav{padding:17px 0px;width:217px;margin:0 0 0 0;list-style:none}

.locNav li{padding:0 0 4px 0;vertical-align:top}
.locNav li a{padding:7px 5px 7px 17px;display:block; position:relative;z-index:99;text-decoration:none; color:#000; font-weight:bold;}
.locNav li a.on{padding:7px 5px 7px 17px;display:block;  background:#A7ABB0 ;color:#fff;position:relative;z-index:99;text-decoration:none font-weight:bold;}

 /* Site Layout - Column Right */
.content{width:723px;float:right; padding:10px 0 80px 0}

.content h3.title{padding:25px 0 8px 0; color:#000; border-bottom:2px #8A8A8A solid; margin:0 0 10px 0;font-family:돋움; font-size:16px;  font-weight:bold;}
 
.breadcrumbs { margin:0; padding:0;  position: absolute; right: 0px; z-index: 100; height: 18px; font-family:돋움; }
.breadcrumbs ol { *zoom: 1; margin:0; padding:0;  float: right; padding-top: 0px; }
.breadcrumbs ol:after { display: table; clear: both; line-height: 0; content: ""; }
.breadcrumbs li, .breadcrumbs a, .breadcrumbs strong { float: left; height: 13px; font-size: 11px; line-height: 13px; vertical-align: text-top; }
.breadcrumbs li img{ vertical-align: text-top; margin:0px 3px 0 3px;}

.breadcrumbs a { padding: 0px 15px 0px 10px; background: url(/img/bu_arrow_right.gif) no-repeat 100% 50%; }

.breadcrumbs strong { padding-left: 10px; color: #3D86E0; font-weight: normal; }

 

/* Site Layout - Footer */

#footer{ padding:0px 0 15px 0;clear:both;  width:1000px;margin:0 auto;}
#footer p{text-align:center;margin:0;font-size:11px;}
#footer p.copy{font-size:11px; color:#535353; padding:7px 0 0 0px;}
#footer a{color:#4E4E4E;font-size:11px;text-decoration:none}




#main_contents {position:relative;float:left;width:1000px;margin:0 auto;display:inline;}
#main_contents:after {content:""; display:block; clear:both;}

#main_left {position:relative;float:left; width:730px;  }
  #main_left  h2 {margin:0; margin:0; padding-bottom:7px;   font-size:0;}
  #main_left h2 img {margin:0; margin:0;vertical-align:top; }

  #main_left ul{height:156px; }
  #main_left ul li{float:left; padding-right:32px}


  #main_left  div.notice{background:#fff; height:120px; margin-bottom:27px}
   #main_left  div.qna{background:#fff; height:140px;}



 #main_right {position:relative;float:right;width:198px}

 
 #main_banner{}
 #main_banner ul{height:39px; }
 #main_banner li{ float:left; line-height:0; padding-right:16px}
  #main_banner li.last{padding-right:0px}
 #main_banner li img{vertical-align:top; display:block; float:left;}





/* products */
.products_tit{font-size:16px; line-height:160%;font-weight:normal;}

.products_wrap{width:700px;margin:30px 0 0 12px; font-family:돋움;}
.products_wrap h4{background:#3D86E0;  font-size:14px; color:#fff;padding:5px 10px; vertical-align:middle; width:160px; margin:0}
 .products_wrap h4.spec{background:#3D86E0; font-size:14px; color:#fff;padding:5px 10px; vertical-align:middle; width:100px; margin:10px 0 0 0}

.products_wrap h5{font-weight:Bold;font-size:11px; color:#3D86E0; margin:10px 0 0 0;}

  
.products_wrap ul{margin:5px 0 13px 0}
.products_wrap li{font-size:11px; background:url('/img/product_icon.gif') no-repeat 3px 7px; padding:0 0 0 10px;line-height:160%}
.products_wrap li ul li{background:none; padding:0 0 0 3px}

.products_wrap dl{margin-bottom:17px}
.products_wrap dt{font-size:11px;  font-weight:Bold;color:#000; line-height:160%}
.products_wrap dd{font-size:11px; background:url('/img/product_icon.gif') no-repeat 3px 50%; padding:0 0 0 10px;line-height:160%}


.products01{background:url('/img/product01.jpg') no-repeat top right;}
.products02{background:url('/img/product02.jpg') no-repeat top right;}
.products03{background:url('/img/product03.jpg') no-repeat top right;}






/* history */
.history {width:685px; margin:0 auto;}
 
	.history dl {padding:0 0 10px 0}
	.history dt {width:50px;float:left;font-weight:bold;color:#3D86E0;text-align:right;padding:0 9px 0 0;font-size:11px; font-family:Arial; line-height:25px}
	.history dd {width:580px;line-height:25px;margin:0 0 0 80px; font-size:11px; color:#000}

    .history .year{border-bottom:1px #3D86E0 solid; margin:20px 0 10px 0; height:21px}
	    .history .year span{width:150px; background:#3D86E0;font-weight:Bold; color:#fff; padding:3px 10px;height:22px; line-height:22px}



.about{width:100%; text-align:center; padding:60px 0 0 0;}

.map{width:522px; margin:0 auto;  padding:60px  0 0 0}
  
.map ul{margin:0 0 0 0}
.map li{height:24px;line-height:24px}

.company{width:615px; margin:40px auto 0 auto; text-align:center;color:#383838; font-size:11px;}
.company img{margin-top:30px}



.contact {width:570px; margin:40px auto 0 auto; background:url('/img/contact_us_back.jpg') no-repeat; height:170px; color:#383838; padding:140px 0 0 0}

.contact ul{margin:0 0 0 280px}
.contact li{height:24px;line-height:24px}


.tech {width:666px; margin:0 auto;  padding:50px  0 0 0}
.tech ul{width:666px; height:600px}
.tech li{width:222px; text-align:center; float:left; padding-bottom:30px}



 

#mainroll{position:relative; width:694px; height:647px;}


#smTable div.smTrendWrap { left:0; top:0; width:694px; height:647px; overflow:hidden;}


 #smtItem { position:absolute; top:0px;}
 
#smtItem div.smtItem { display:none; width:694px; height:647px; }
#smtItem div.smtItem_0 { display:block; }
#smtItem div.smtItem img { width:694px; height:647px; border:0px; }