@charset "utf-8";
/* 
    Document   : main
    Created on : 2010. 1. 20, 오전 10:57:00
    Author     : yoojongwoo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root { 
    display: block;
}
#container{width:961px; height:594px; margin-top:50px; text-align:left; position:relative; left:0px; top:0px; z-index:20 ; background-color:#ecebe6;  }

#container_img{width:585px; height:278px; float:left;  background:url(../images/main_img_box.jpg) no-repeat left top;  }
#container_news{width:359px; height:285px; float:right;}
#container_product{width:585px; height:311px; margin-top:5px; float:left; }
#container_ex{ width:359px; height:117px; float:right; overflow:hidden; position:relative; left:0px; top:-1px; }
#container_patent{width:359px;  height:196px; float:right; overflow:hidden; position:relative; left:0px; top:-3px; }

#container_img .btn{width:585px;  position:absolute; left:-12px; top:-20px; z-index:20; text-align:right; }
#container_img .btn a{margin-left:6px; cursor:pointer; }
#container_img .img{position:absolute; left:5px; top:5px; width:575px; height:268px; overflow:hidden;  text-align:left; }

#container_img .img a img{width:575px; }
#container_img .img .img1{  position:absolute; left:0px; top:0px; width:3000px;    }


#container_news .main_news{width:100%; height:100%;  }
#container_news .title{width:358px; position:relative; left:1px; top:1px;   }
#container_news .main_news .newsBox{width:327px; height:221px;  position:relative; left:15px; top:13px; }
#container_news .main_news .newsBox .recent{list-style:none; }
#container_news .main_news .newsBox .recent li{width:327px; overflow:hidden;  background:url(../images/bg_main_news_recent.gif) repeat-x bottom; padding-bottom:10px; }
#container_news .main_news .newsBox .recent .title{height:14px; margin-top:4px;  }
#container_news .main_news .newsBox .recent .title a{color:#0089d0;  font-family:tahoma; font-size:12px; line-height:14px;  font-weight:bold; text-decoration:none; padding-left:2px; }
#container_news .main_news .newsBox .recent .title a:hover{color:#0089d0;  font-family:tahoma; font-size:12px; line-height:14px;  font-weight:bold; text-decoration:underline; padding-left:2px; }
#container_news .main_news .newsBox .recent .date{height:13px; margin-top:2px;  overflow:hidden;  color:#666666; text-align:right;  font-family:tahoma; font-size:11px; line-height:13px;  font-weight:normal; text-decoration:none;  }
#container_news .main_news .newsBox .recent .content{padding-left:10px; }
#container_news .main_news .newsBox .recent .content a{ color:#666666; text-align:right;  font-family:tahoma; font-size:11px; line-height:15px;  font-weight:normal; text-decoration:none;  }
#container_news .main_news .newsBox .recent .content a:hover{ color:#666666; text-align:right;  font-family:tahoma; font-size:11px; line-height:15px;  font-weight:normal; text-decoration:underline;   }

#container_news .main_news .newsBox .norecent{list-style:none;}
#container_news .main_news .newsBox .norecent li{width:327px; overflow:hidden;  background:url(../images/bg_main_news_norecent.gif) repeat-x bottom; padding-bottom:10px; }
#container_news .main_news .newsBox .norecent .title{height:13px;  margin-top:2px;  }
#container_news .main_news .newsBox .norecent .title a{color:#4385a7;  font-family:tahoma; font-size:11px; line-height:13px;  font-weight:bold; text-decoration:none; padding-left:2px; }
#container_news .main_news .newsBox .norecent .title a:hover{color:#4385a7;  font-family:tahoma; font-size:11px; line-height:13px;  font-weight:bold; text-decoration:underline; padding-left:2px; }

#container_product .main_product{width:100%; height:100%; background:url(../images/bg_main_product_line.gif) no-repeat 50% 48px;    }
#container_product .title{width:584px; position:relative; left:1px; top:1px;   }
#container_product #leftBlock{float:left;  position:relative; left:10px;  }
#container_product #rightBlock{float:right;   position:relative; left:-10px;   }
#container_product .block  {width:268px; height:275px;  margin-top:6px; overflow:hidden;}
#container_product .block  ul{list-style:none; margin-top:2px;  display:block; width:1000px; position:absolute; left:0px;top:14px;   }
#container_product .block  li{float:left;}
#container_product .block .item{width:139px; height:130px; }
#container_product .block .item .img{width:127px; height:97px; background:#ffffff; border:1px solid #d8d5d5; overflow:hidden; text-align:center; }
#container_product .block .item .img img{width:100px; height:76px;  position:relative; top:10px;   }/*width:127px; height:97px;*/
#container_product .block .item p{width:127px;  text-align:center;}
#container_product .block .item p a{ color:#4385a7;  font-family:tahoma; font-size:11px; line-height:13px;  font-weight:bold; text-decoration:none;}
#container_product .block .btns{position:absolute; left:242px; top:0px; }
#container_product .block .btns a{}

#container_product .block .btns img{cursor:pointer; }
#container_product .block .btns img.off{cursor:default; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
 }

 .VBlock{width:139px; height:275px; float:left;  }

#container_ex .main_ex{width:100%; height:100%; position:relative; left:0px; top:-1px;  }
#container_ex .title{width:358px; position:relative; left:1px; top:1px;   }
#container_ex  .exBox{width:331px; height:160px; position:relative; left:14px; top:10px;  }
#container_ex  .exBox .item{width:100%;  height:80px; }
#container_ex  .exBox .item .img{border:1px solid #d9d6d6; width:90px; height:62px; overflow:hidden;  float:left;}
#container_ex  .exBox .item .img img{width:90px; height:62px;  }/*width:100%; overflow:hidden;*/
#container_ex  .exBox .item dl{width:230px; height:64px; float:right; }
#container_ex  .exBox .item dl dt{height:20px; }
#container_ex  .exBox .item dl dt a{color:#4385a7;  font-family:tahoma; font-size:11px; line-height:13px;  vertical-align:middle; font-weight:bold; text-decoration:none;}
#container_ex  .exBox .item dl dt a:hover{color:#4b689d;  font-family:tahoma; font-size:11px; line-height:13px;  vertical-align:middle; font-weight:bold; text-decoration:underline;}
#container_ex  .exBox .item dl dd{position:relative; left:10px; margin-top:0px;  }
#container_ex  .exBox .item dl dd a{color:#666666;  font-family:tahoma; font-size:11px; line-height:15px;  vertical-align:top; font-weight:normal; text-decoration:none;}
#container_ex  .exBox .item dl dd a:hover{color:#666666;  font-family:tahoma; font-size:11px; line-height:15px;  vertical-align:top; font-weight:normal; text-decoration:underline;}
#container_ex  .exBox .item .more{position:relative; left:112px; top:-11px; }


#container_patent .main_patent{width:100%; height:100%;  position:relative; left:0px; top:-1px;  }
#container_patent .title{width:358px; position:relative; left:1px; top:1px;   }
.main_patent_scrollBox{width:299px; height:144px; overflow:hidden; position:absolute; left:13px; top:39px;   }
.main_patent_ul{ position:absolute; left:0px; top:0px;    }
.main_patent_li{display:block; }
.main_patent_li span.empa{font-family:tahoma; font-weight:bold; font-size:11px; line-height:13px;  color:#4b689d; vertical-align:top;  }
.main_patent_li span.normal{font-family:tahoma; font-weight:normal; font-size:11px; line-height:13px;  color:#4b689d;  vertical-align:top; }
.scrollBox{position:absolute; left:313px; top:39px;   width:30px;  height:144px; }
.scrollBox .bar{width:2px; height:100%; background:#8fa9b6; position:absolute; left:13px; top:0px; z-index:10;  }
.scrollBox #scrollBtn{width:18px; height:22px;  position:absolute; left:5px; top:0px; cursor:pointer;   z-index:15; background:url(../images/btn_main_patent.gif) no-repeat 5px 0px;  }