/* 
    Document   : common
    Created on : 2010. 1. 20, 오전 10:58:05
    Author     : yoojongwoo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
h1 은 로고. 지정사용.
h2 은 footer 로고. 지정사용.
h3 는 각페이지에 타이틀 사용 예약입니다. 다른곳에 사용금지 . 

*/

/********** 공통요소 **********/
a{border:0px; text-decoration:none;}
a:hover{border:0px; text-decoration:underline;}

*{margin:0px; padding:0px; border:0px;  }
img{vertical-align:top; }
object{outline:none;}
.cl{clear:both;}
.cl2{clear:both; width:100%; height:50px;}
ul , ol {list-style:none;}
.specialFont{font-size:60%; font-family:tahoma; font-weight:normal; line-height:8px; position:relative; left:-1px; top:-6px;}
/********** //공통요소 **********/



body{background-color:#ecebe6;}
#wrap{width:960px; }
#header{width:100%;  position:relative; left:0px; top:0px;  }







/********** header헤더 **********/
/* 헤더의 기본 zindex 는 50 */

#header{width:100%; height:81px;  background:url(../images/bg_header.gif) repeat-x bottom; position:relative;  z-index:70;  }
/********** logo로고 **********/
h1{position:absolute; left:10px; top:28px; z-index:200; width:194px; height:35px; background:url(../images/logo.jpg) no-repeat left top; }
h1 a{width:100%; height:100%; display:block; color:#ecebe6; font-size:0px; }
h1 a span{ filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;}
/********** //logo로고 **********/


/********** 검색입력창 **********/
*#search{width:188px; height:18px;   position:absolute; left:678px; top:14px; z-index:66;}
*#search input{position:relative; left:0px; top:0px; z-index:69; }
*#search .input{width:145px; height:17px;  background:url(../images/bg_search.gif) no-repeat left top; border:0px; float:left;  }
*#search .submit{width:40px; height:17px;  float:left; position:absolute; left:144px; top:0px; }

/********** //검색입력창 **********/


/********** gnb 글로벌네비게이션바 **********/
#gnb{ text-align:right; float:right; width:110px; height:17px; position:relative; left:4px; top:14px;  z-index:60;  }
#gnb #nav { display: block; margin: 0; padding: 0; position: relative;  width:100%;  z-index:64; }
#gnb #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width:53px;  z-index:66;  }
#gnb #nav a { display: block; }
#gnb #nav a.G1 { display: block; height:17px; overflow:hidden; margin-right:3px;   }
#gnb #nav a.G2 { display: block; height:20px;  }
#gnb #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; float:left; width:53px; background:blue; }
#gnb * html #nav ul { line-height: 0; } /* IE6 "fix" */
#gnb #nav ul a { zoom: 1; } /* IE6/7 fix */
#gnb #nav ul li { float: none;  }

/********** //gnb 글로벌네비게이션바 **********/

/********** lnb 로컬네비게이션바 **********/
#lnb{ width:473px; height:32px; text-align:left; float:right;  position:absolute; left:489px; top:50px; z-index:59;   }
#lnb ul{width:100%; height:100%; list-style:none; }
#lnb ul li{list-style:none; display:inline; float:left;    }
#lnb ul li a{}
.d2{width:180px; display:none;   position:absolute; left:0px; top:22px; padding-top:10px; background:#ecebe6;   z-index:59;  }

.d2 dt{display:block; border:1px dotted #cccaca; border-top:0px;   padding-right:40px; background:#ffffff;}
.d2 dt a{display:block; position:relative; left:12px; top:0px; color:#0089d0;  font-family:tahoma; font-size:11px; font-weight:bold; line-height:15px; text-decoration:none; }
.d2 dd{display:block; border:1px dotted #cccaca; border-top:0px;  background:#ffffff;}
.d2 dd a{       display:block;  color:#555555; font-family:tahoma; font-size:11px; font-weight:normal; line-height:15px; text-decoration:none; padding-left:30px; padding-right:10px; padding-top:2px; padding-bottom:2px;   background:#ffffff url(../images/bul_lnb.gif) no-repeat 13px 6px ; }
.d2 dd a:hover{display:block;  color:#ffffff; font-family:tahoma; font-size:11px; font-weight:normal; line-height:15px; text-decoration:none; padding-left:30px; padding-right:10px; padding-top:2px; padding-bottom:2px;   background:#0089d0 url(../images/bul_lnb_on.gif) no-repeat 13px 6px ; }

.lnb_nav {    position: relative;    height: 29px;    margin: 0px 0;     z-index:67;}
.lnb_nav li {    float: left;    list-style: none;    position:relative; left:0px; top:0px;}
.lnb_nav li a{    cursor:pointer;}
.lnb_nav li.back {    background:#0089d0;    width: 0px; height: 3px;    z-index: 60;    position: absolute;    top:29px;    overflow:hidden; }
.lnb_nav li.back .left {}
.lnb_nav li a {}
    
/********** //lnb 로컬네비게이션바 **********/


/********** //header헤더 **********/


div#footer{ clear:both;  height:115px; position:relative; background: url(../images/bg_footer1px.jpg) repeat-x bottom ; left:0px; top:0px; z-index:1; overflow:hidden; } /*하단 footer 이며 배경색 깔고 이미지좌우 반복시킵니다.*/

div#footer div.footer{width:960px;  position:relative;  left:0px; top:27px;  }/* #e3e3e3 페이지에 꽉차게 배경을 깔았고 그 부분중 화면의 중앙에 990px 영역만큼을 할당합니다. */
/*========= footer 레이아웃 =========*/
div#footer div.footer h2.logo_footer{float:left; display:block; margin:11px 0px 0px 24px;   }
div#footer div.footer div.linkBox{float:left;  margin:11px 0px 0px 22px; border-left:1px solid #bebebe; text-align:left; padding:3px 0px 3px 20px;   }/*cccccc*/
div#footer div.footer div.linkBox .link{display:none;}
div#footer div.footer div.linkBox span{padding:0px 10px 0px 10px; }
div#footer div.footer div.linkBox .footer_VLine{float:left;}
div#footer div.footer div.linkBox span.middle{ float:left; height:17px; }
div#footer div.footer div.linkBox .address{ clear:both; display:block; margin-top:10px;    }
div#fms {position:absolute; left:630px; top:-435px; float:right;    }
*#swf_fms{position:absolute; left:0px; top:0px;}
/*========= //footer 레이아웃 =========*/

/**********  공통요소 **********/

/**********  박스 **********/
.box_type1{}
.box_type1 .boxT{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_T.gif) repeat-x top;}
.box_type1 .boxR{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_R.gif) repeat-y right;}
.box_type1 .boxB{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_B.gif) repeat-x bottom;}
.box_type1 .boxL{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_L.gif) repeat-y left;}
.box_type1 .boxLT{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_LT.gif) no-repeat left top;}
.box_type1 .boxRT{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_RT.gif) no-repeat right top;}
.box_type1 .boxRB{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_LB.gif) no-repeat left bottom;}
.box_type1 .boxLB{display:block; width:100%; height:100%; background:url(../images/bg_box_type1_RB.gif) no-repeat right bottom;}
/**********  //박스 **********/


/**********  타이틀 **********/
/*메인에 쓰임.*/
.title_type1{height:26px; width:100%;  background:url(../images/bg_title_type1.gif) repeat-x top;}
.title_type1 .bg{background:url(../images/bg_title_type1_R.gif) no-repeat right top;}

.title_type2{height:27px; width:100%;  display:block; background: url(../images/bg_title_type2_B.gif) repeat-x bottom; } /*#50a8d7;*/
.title_type2 span.underline{background:url(../images/bg_title_type2.gif) repeat-x bottom; height:27px; display:inline-block; /*border-bottom:2px solid  #50a8d7 ;  display:inline-block; height:25px;*/  }
/**********  //타이틀 **********/

/********** 블릿  **********/
.bul_type1{background:url(../images/bul_type1.gif) no-repeat 1px 50%; padding-left:8px;}
.bul_type2{background:url(../images/bul_type2.gif) no-repeat 1px 50%; padding-left:8px;}
.bul_type3{background:url(../images/bul_type3.gif) no-repeat 37px 3px; padding-left:54px; }
.bul_type4{background:url(../images/bul_type4.gif) no-repeat 1px 53%; padding-left:10px; }
.bul_type5{background:url(../images/bul_type5.gif) no-repeat 3px 8px; padding-left:17px; display:inline-block; }
.bul_type6{background:url(../images/bul_type6.gif) no-repeat 3px 5px; padding-left:8px; display:inline-block; }
.bul_type7{background:url(../images/bul_type7.gif) no-repeat 8px 7px; padding-left:22px; display:inline-block;    }
.bul_type8{background:url(../images/bul_type8.gif) no-repeat 8px 7px; padding-left:17px; display:inline-block;    }
.bul_type9{background:url(../images/bul_type9.gif) no-repeat 8px 6px; padding-left:17px; display:inline-block;    }

/********** //블릿  **********/

/********** 테이블  **********/
.tbl_type1{background:url(../images/bg_tbl_type1_t.gif) repeat-x top; border-collapse:collapse;}
.tbl_type1 thead td{height:28px;  background:url(../images/bg_tbl_type1_t.gif) repeat-x bottom; padding:4px 0px 6px 0px;  text-align:center;  }
.tbl_type1 thead td.no{font-family:tahoma; font-size:11px; font-weight:bold; color:#8a8a8a;}
.tbl_type1 thead td.title{font-family:tahoma; font-size:11px; font-weight:normal; color:#8a8a8a;}
.tbl_type1 thead td.date{font-family:tahoma; font-size:11px; font-weight:normal; color:#8a8a8a;}
.tbl_type1 thead td.name{font-family:tahoma; font-size:11px; font-weight:normal; color:#8a8a8a;}
.tbl_type1 thead td.hit{font-family:tahoma; font-size:11px; font-weight:normal; color:#8a8a8a;}
.tbl_type1 thead td.product{font-family:tahoma; font-size:11px; font-weight:normal; color:#8a8a8a;}
.tbl_type1 thead td.down{font-family:tahoma; font-size:11px; font-weight:normal; color:#8a8a8a;}
.tbl_type1 tbody td{height:25px;  padding:3px 3px 3px 4px; border-bottom:1px solid #d1d0cd;  }
.tbl_type1 tbody td.no{ text-align:center;  }
.tbl_type1 tbody td.no_faq{ text-align:center; vertical-align:top; padding-top:5px;   }
.tbl_type1 tbody td.no span{height:13px; min-width:17px; padding:0px 3px 0px 3px;   display:inline-block; border:1px solid #6094a7; background:#83b5c9;color:#ffffff; font-family:tahoma; font-size:10px; text-align:center; font-weight:normal; position:relative; left:-4px; top:0px;  }
.tbl_type1 tbody td.title{font-weight:normal; color:#5c5c5c;  text-align:left; font-family:dotum; font-size:12px;  }
.tbl_type1 tbody td.title a{font-family:dotum; font-size:12px; font-weight:normal; color:#5c5c5c;  text-align:left; text-decoration:none;  }
.tbl_type1 tbody td.title a:hover{text-decoration:underline;}
.tbl_type1 tbody td.date{font-family:tahoma; font-size:11px; font-weight:normal; color:#979797; text-align:center;  }
.tbl_type1 tbody td.name{font-family:tahoma; font-size:11px; font-weight:normal; color:#979797; text-align:center; }
.tbl_type1 tbody td.hit{font-family:tahoma; font-size:11px; font-weight:normal; color:#979797; text-align:center; }
.tbl_type1 tbody td.down{font-family:tahoma; font-size:11px; font-weight:normal; color:#979797; text-align:center; }
.tbl_type1 tfoot td{height:2px;  background:url(../images/bg_tbl_type1_b.gif) repeat-x bottom; }


.tbl_type1 .no{width:50px; }
.tbl_type1 .title{}
.tbl_type1 .date{width:80px;}
.tbl_type1 .name{width:60px; }
.tbl_type1 .hit{width:65px; }
.tbl_type1 .product{}
.tbl_type1 .down{width:100px; }

/********** //테이블  **********/

/**/
.paging{text-align:center;  margin-top:12px;   }
.paging a{ vertical-align:middle; text-decoration:none; color:#71706e; vertical-align:middle;    }
.paging img{ margin-top:3px; vertical-align:middle;  }
.paging  .paging_LL{display:inline-block; width:19px; height:10px; text-align:center; }
.paging  .paging_L{display:inline-block; width:19px; height:10px; text-align:center;  }
.paging  .paging_R{display:inline-block; width:19px; height:10px; text-align:center;  }
.paging  .paging_RR{display:inline-block; width:19px; height:10px; text-align:center;  }
.paging  .num{display:inline-block; width:19px; height:10px; overflow:hidden;  text-align:center; line-height:10px; font-family:tahoma ; font-size:10px; font-weight:normal; vertical-align:middle; }
.paging  .on{font-weight:bold;}

.semiPaging{border-top:1px solid #bcbcbc; border-bottom:1px solid #e4e4e4;}
.semiPaging .prev{border-top:1px solid #e4e4e4; border-bottom:1px solid #d1d0cd; position:relative; left:0px; top:0px; }
.semiPaging .prev .icon{background:url(../images/icon_semi_paging_prev.gif) no-repeat 7px 10px; }

.semiPaging .next{border-top:1px solid #f7f6f4; border-bottom:1px solid #bcbcbc; padding-bottom:4px; position:relative; left:0px; top:0px; }
.semiPaging .next .icon{background:url(../images/icon_semi_paging_next.gif) no-repeat 7px 10px;}

.semiPaging .title{width:37px; height:25px; margin-left:15px; line-height:25px;  vertical-align:middle;   color:#788fa5; font-family:dotum ; font-size:12px; font-weight:bold; display:inline-block; }
.semiPaging .icon{width:30px; height:25px;  vertical-align:middle;  display:inline-block;}
.semiPaging .txt{ display:inline-block;}
.semiPaging .date{display:inline-block; font-family:tahoma ; font-size:11px; font-weight:normal;  line-height:25px; color:#7c7676; width:69px; position:absolute; left:628px; top:0px;   }
.semiPaging .txt a{color:#8e8e8e; font-family:dotum ; font-size:12px; font-weight:normal; text-decoration:none;}
.semiPaging .txt a:hover{color:#8e8e8e; font-family:dotum ; font-size:12px; font-weight:normal; text-decoration:underline;}



/* 새소식 상세보기 , 전시회소식 상세보기에 사용되었음. */
.vew_box{width:100%; margin-top:29px; position:relative; left:0px; top:0px;   }
.vew_box .title{width:100%; color:#4a869c; font-family:tahoma ; font-size:14px; font-weight:bold; line-height:18px; border-top:1px solid #bcbcbc; border-bottom:1px solid #e4e4e4;}

.vew_box .intitle{width:100%; display:block; border-top:1px solid #e4e4e4;   border-bottom:1px solid #bcbcbc;  }
.vew_box .title .inintitle{width:600px;display:block; position:relative; left:18px; top:0px;line-height:20px;padding-bottom:6px; padding-top:6px;    }
.vew_box .date{color:#7c7676; width:100%;  display:block; position:absolute; left:-5px; top:10px;  font-family:tahoma ; font-size:11px; font-weight:normal; line-height:18px; text-align:right; }
.vew_box .subTitle{background:#e9e5dc url(../images/bg_news_subtitle.gif) repeat-x bottom ; color:#888888; margin-top:2px;   font-family:tahoma ; font-size:12px; font-weight:normal; line-height:18px; padding:10px 10px 17px 18px; }
.vew_box .content{padding:19px; color:#5c5c5c;   font-family:tahoma ; font-size:12px; font-weight:normal; line-height:18px;}
.vew_box .imgs{ position:relative; left:0px; top:0px; }
.vew_box .imgs .img{ height:92px; position:relative; left:0px; top:0px; float:left; position:relative; left:20px;  top:0px;    }
.vew_box .imgs .img .imgborder{ height:71px; border:1px solid #d8d5d5;  float:left; position:relative; left:0px;  top:10px;     }/*position:absolute; left:11px; top:9px;*/
.vew_box .imgs .img .imgborder img{ height:71px; }
.vew_box .imgs .img  a{cursor:pointer;}
.vew_box .imgs .img .btn{width:23px; height:15px; background:url(../images/btn_photo_view.gif) no-repeat 6px 5px;  position:relative; left:-6px; top:69px; display:inline-block; }
.vew_box .endViewimgs{clear:both;}
.vew_box .endView{height:30px; clear:both;}

/* 전시회소식에만 쓰인스타일 */
.vew_box .title_exhibition{width:100%; color:#4b689d; font-family:dotum ; font-size:14px; font-weight:bold; line-height:18px; border-top:1px solid #bcbcbc; border-bottom:1px solid #e4e4e4;}
.vew_box .subTitle_exhibition{background:url(../images/bg_view_exhibition.gif) repeat-x bottom ; color:#888888; margin-top:2px;   font-family:tahoma ; font-size:12px; font-weight:normal; line-height:18px; padding:10px 10px 17px 18px; }
.vew_box .date_exhibition{color:#787878; width:100%;  display:block; position:absolute; left:-5px; top:10px;  font-family:dotum ; font-size:11px; font-weight:normal; line-height:18px; text-align:right; }
.vew_box .title_exhibition .inintitle{width:445px; display:block; position:relative; left:18px; top:0px;line-height:20px;padding-bottom:6px; padding-top:6px;    }
/* //전시회소식에만 쓰인스타일 */

.view_goList{width:100%; text-align:right; height:35px;  }
.view_goList a{margin-top:16px; display:inline-block;   }

.pressBox{ color:#5c5c5c;   font-family:tahoma ; font-size:12px; font-weight:normal; line-height:18px; margin-top:8px; position:relative; left:20px; }
.pressBox .news_press{ }
.pressBox .news_press a{ color:#5c5c5c; text-decoration:none; }
.pressBox .news_press a:hover{ color:#5c5c5c; text-decoration:underline; }

/**/

/**********  //공통요소 **********/