@charset "utf-8";
/* 
    Document   : subCommon
    Created on : 2009. 8. 27, 오후 1:46:00
    Author     : yoojongwoo, kim hyun suk
    Description:
        Purpose of the stylesheet follows.
*/

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





/*========== 본문 내용에 필요한 다수의 사용에 필요한 정의 ==========*/
/* h4 타이틀 정의 blue/green/red */
div.titleH4{background:url(../images/bg_titleh4_underLine.gif) repeat-x bottom ; height:16px; margin-top:15px; margin-bottom:10px;   }
div.titleH4 h4{padding-left:17px; height:16px; overflow:hidden;  position:relative; top:-7px;  }
div.titleH4 h4.with_redBul {background:url(../images/bul_list_redCircle.jpg) no-repeat;}
div.titleH4 h4.with_blueBul {background:url(../images/bul_list_blueCircle.jpg) no-repeat;}
div.titleH4 h4.with_greenBul {background:url(../images/bul_list_greenCircle.jpg) no-repeat;}
/* 텝버튼 */
div.tab1{height:25px; background:url(../images/bg_tab1_center.gif) repeat-x bottom;}
div.tab1 div.bul{height:25px; width:9px; background:no-repeat bottom;}
div.tab1 div.left{background-image:url(../images/bg_tab1_left.gif);  float:left; margin-right:-9px; position:relative; left:-9px; top:0px;}
div.tab1 div.right{background-image:url(../images/bg_tab1_right.gif); float:right; margin-left:-9px; position:relative; left:9px; top:0px;}
div.tab1 span{float:left; margin-right:1px; cursor:pointer;}

div.tab1_content div.contentBoxOff{display:none; }
div.tab1_content div.contentBoxOn{display:block; }

/* 강조폰트 */
span.blue{color:#027abc;} span.green{color:#3b7e38;} span.pink{color:#a0528c;} span.orange{color:#cd7a17;}

/*
탭을 감싸는 아이디로 넣는값은
 id="allianceTab"
a 태그의 onclick에 tab 이라는 함수의 첫번째 값으로 들어가야하며,
a 태그의 rel의 값은.
 rel="tab1_spssk" onclick="tab('allianceTab' , this );"
탭이 보여지는 각각의 내용div의  id 값으로 들어가면됩니다.
 id="tab1_spssk"
*/

/*==========  리스트 ==========*/
ul{list-style:none;}
ol{list-style:none;}

/* 스타일 1 */
ul.list_1{  font-size:13px;  list-style:none;   }
ul.list_1 li h5{ color:#1e76c7;/*타이틀색상*/ font-size:95%; margin-bottom:10px; padding-left:12px; background:url(../images/bul_list_blueSquare.gif) no-repeat  2px 30%;  }
ul.list_1 li h5 img{margin-left:8px;}
ul.list_1 li .txt{ font-size:90%; margin:5px 0px 5px 12px;}
ul.list_1 li {border-bottom:1px dashed #b2b2b2;/*점선색상*/ margin:10px 0px 0px 0px; padding-bottom:10px;  }
ul.list_1 li.last {border-bottom:0px }

ul.list_1 li .clear{clear:both;}
ul.list_1 table.img_tbl {float:left;  margin-right:12px; margin-bottom:12px;  vertical-align:middle; text-align:center; border:2px solid #cecece; width:100px; height:65px;  }
ul.list_1 table.img_tbl  td{overflow:hidden;}
ul.list_1 li .img{   }
ul.list_1 a{color:#666666;}
ul.list_1 a:hover{color:#666666; text-decoration:underline;}
ul.list_1 p.txt{height:75px; overflow:hidden;  line-height:18px; }
/* 스타일2 */
ul.list_2{ font-size:13px; list-style:none;  }
ul.list_2 li h5{ color:#5a7792;/*타이틀색상*/ font-size:95%; margin-top:20px; margin-bottom:10px; padding-left:12px; background:url(../images/bul_list_blueSquare.gif) no-repeat ;}
ul.list_2 li h5 img{margin-left:8px;}
ul.list_2 li .txt{color:#888888; font-size:90%; margin:5px 0px 5px 12px; }
ul.list_2 li .txt img{ float:left; margin:1px 10px 5px -5px;}
ul.list_2 li {border-bottom:1px dashed #b2b2b2;/*점선색상*/ margin:10px 0px 0px 0px; padding-bottom:10px; }
ul.list_2 li.last {border-bottom:0px }

/* 리스트 스타일3 blue/green/pink */
ul.list_3_blue{margin:10px 5px 10px 5px;}
ul.list_3_blue li{background:url(../images/bul_list_blueSquare.gif) no-repeat 5px 5px; padding-left:11px; margin-top:5px;}
ul.list_3_blue span{font-weight:bold; color:#5a7792;}

ul.list_3_green{margin:10px 5px 10px 5px;}
ul.list_3_green li{background:url(../images/bul_list_greenSquare.gif) no-repeat 5px 5px; padding-left:11px; margin-top:5px;}/*bul_list_greenSquare.gif*/
ul.list_3_green span{font-weight:bold; color:#419c65;}

ul.list_3_pink{margin:10px 5px 10px 5px;}
ul.list_3_pink li{background:url(../images/bul_list_pinkSquare.gif) no-repeat 5px 5px; padding-left:11px; margin-top:5px;} /*bul_list_pinkSquare.gif*/
ul.list_3_pink span.pinkBold{font-weight:bold; color:#b95896;}

span.pinkBold{font-weight:bold; color:#b95896;}

ul.list_3_Gray{margin-left:10px; list-style:none; }
ul.list_3_Gray li{background:url(../images/bul_list_grayCross.gif) no-repeat 5px 5px; padding-left:12px; }
ul.list_3_subGray{margin-left:10px; list-style:none; }
ul.list_3_subGray li{background:url(../images/bul_list_grayArrow.gif) no-repeat 5px 7px; padding-left:12px;}


/* 정의리스트1 blue/green/pink */
dl.blueBulList{list-style:none; }
dl.blueBulList dt{background:url(../images/bul_blue1.gif) no-repeat 5px 2px; padding-left:20px; margin-top:15px; }
dl.blueBulList dd{background:url(../images/bul_blue2.gif) no-repeat 8px 4px; padding-left:20px; margin-top:5px;}

dl.greenBulList{list-style:none; }
dl.greenBulList dt{background:url(../images/bul_green1.gif) no-repeat 5px 2px; padding-left:20px; margin-top:10px; }
dl.greenBulList dd{background:url(../images/bul_green2.gif) no-repeat 8px 4px; padding-left:20px; margin-top:5px;}

dl.pinkBulList{list-style:none; }
dl.pinkBulList dt{background:url(../images/bul_pink1.gif) no-repeat 5px 2px; padding-left:20px; margin-top:15px; }
dl.pinkBulList dd{background:url(../images/bul_pink2.gif) no-repeat 8px 4px; padding-left:20px; margin-top:5px;}



/*==========  페이징 ==========*/
div.paging1{text-align:center; height:11px;}
div.paging1 span{height:11px; font-size:11px;  }
div.paging1 img{ vertical-align:middle; }
div.paging1 span.num{padding:0px 5px 0px 5px; height:11px;   }/*background:url(../images/bul_paging_line.gif) no-repeat 0px 4px;*/

div.paging1 span.On{color:#fd8b57; font-weight:bold;}
div.paging1 span.Off{color:#818181;}
/*==========  //페이징 ==========*/

/*==========  문의 ==========*/
div.contact span{ height:12px; font-size:11px;}
div.contact span.title{ color:#3c8ac0;}
div.contact span.con{color:#666666;}
div.contact span.mail{width:16px; height:12px;  }


/*==========  /문의 ==========*/


/*========== 테이블 table_21 ==========*/
table.table_21{background:url(../images/bg_table21_bottom.gif) repeat-x bottom;  border-top:1px solid #ecebeb; font-size:13px;  width:100%; }
table.table_21 th{background:#e2eaf1;/* url(../images/bg_table21_th.gif) repeat-x top;*/ vertical-align:middle;  border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:10px 13px 10px 13px;} /**/
table.table_21 th h4{text-align:left; width:80%; line-height:17px;   color:#5a7792; font-size:13px; float:left; }
table.table_21 th .date{ color:#888888; float:right; font-size:70%; font-family:tahoma; font-weight:normal; line-height:17px;  }
table.table_21 td.h5{padding:8px 16px 2px 16px; border-bottom:1px dashed #b2b2b2;}
table.table_21 td.h5 ul{margin-left:-10px; list-style-image:url(../images/bul_list_grayCross.gif); list-style-position:inside ;   color:#888888; }
table.table_21 td.h5 ul li{margin-bottom:5px; font-size:11px; }
table.table_21 td.con{color:#888888; padding:5px 16px 8px 16px; font-size:12px; line-height:20px;}
table.table_21 td.con table.success_view_tbl{float:left; margin-right:12px; margin-bottom:12px; border:2px solid #cecece; width:100px; height:65px;}
table.table_21 td.con table.success_view_tbl td{vertical-align:middle; text-align:center;}
table.table_21 td.con .img{}
/*========== //테이블 table_21 ==========*/

/*========== 테이블 table_22 ==========*/
table.table_22 { font-size:13px; width:100%;}
table.table_22 tr.top{background:url(../images/bg_table_top.gif) repeat-x top;  }
table.table_22 tr.top td{height:27px; font-size:90%; border-bottom:1px solid #d6d6d6; padding:3px 10px 0px 17px;  }

table.table_22 tr.bottom{background:url(../images/bg_table21_bottom.gif) repeat-x bottom;  }
table.table_22 tr.bottom td{height:27px; font-size:90%; padding:0px 10px 3px 17px; }

table.table_22 a{color:#888888;}
table.table_22 strong{color:#5a7792;}
table.table_22 strong img{vertical-align:middle; margin-left:10px; margin-right:15px;}


table.tblType4{border-top:2px solid #ecebeb; border-bottom:2px solid #ecebeb; width:100%; }
table.tblType4 thead th {border-top:1px solid #6cbadb; border-bottom:1px solid #6cbadb; padding:8px; }
table.tblType4 thead th h4{text-align:left; width:80%; line-height:17px;   color:#5a7792; font-size:13px; float:left;  }
table.tblType4 .date{ color:#888888; float:right; font-size:10px; font-family:tahoma; font-weight:normal; line-height:17px;  }
table.tblType4 .expireDate{}
table.tblType4 .expireDate_p1{margin-top:23px; margin-bottom:13px;   background:url(../images/bul_speaker.gif) no-repeat 0px 70%; padding-left:15px; }
table.tblType4 .dataTd{padding:5px;}
.expireDate_spanTitle{color:#888888; font-size:11px; font-weight:bold;}
.expireDate_spanDate{color:#888888;font-size:11px; font-weight:normal;}
.expireDate_spanState{color:#ff6262;font-size:11px; font-weight:normal;}
.expireDate_btn_takeover{margin-bottom:-10px; margin-top:-2px;   }


div.tblType5{overflow:hidden; width:100%; border-top:1px dashed #b2b2b2; }
div.firstOne{border:none;}
div.tblType5 table.tblType5{width:100%; position:relative; left:-1px; border-top:1px solid #d6d6d6; margin:8px 0px 8px 0px;}
div.tblType5 table.tblType5 th{width:80px;  font-size:11px; line-height:25px;   border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; }
div.tblType5 table.tblType5 td{color:#888888; font-size:11px; font-weight:normal; text-align:left;padding:4px 10px 4px 10px;  border-bottom:1px solid #d6d6d6;  }
div.tblType5 table.tblType5 td.s{width:196px;}
div.tblType5 table.tblType5 td.l{width:466px;}



div.tblType5 table.tblType5 td.bg{background-color:#f7f7f7; }
div.tblType5 table.tblType5 th.nbg{background-color:#ffffff; }

div.color1 table.tblType5 th{background-color:#e2eaf1; color:#5a7792;}
div.color2 table.tblType5 th{background-color:#e9e9e9; color:#888888;}






.tblType1{overflow:hidden; font-family:Dotum; width:100%;  }
.tblType1 table{border-top:2px solid #ecebeb; border-bottom:2px solid #ecebeb; width:100%; font-size:11px; position:relative; left:-1px; top:0px; }

.tblType1 table th , .tblType1 table td{height:20px; padding:2px 2px 2px 2px; border-left:1px solid #d6d6d6; text-align:center; word-spacing}
.tblType1 table thead tr th , .tblType1 table thead tr td{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; line-height:22px; }
.tblType1 table tbody tr td ,  .tblType1 table tbody tr th{border-bottom:1px solid #d6d6d6; color:#888888;  line-height:18px;  }
.tblType1 table tbody tr th.leftAlign{text-align:left; }
.tblType1 table tbody tr td.leftAlign{text-align:left; font-weight:normal;}
.tblType1 table tbody tr.selected td ,  .tblType1 table tbody tr.selected th{background-color:#f7f7f7;}
.tblType1 table .text { border:1px solid #d6d6d6; height:18px; font-size:11px;  line-height:15px;  color:#888888; }
.tblType1 table textarea{width:97%; }
.tblType1 table input.radio { border:none; position:relative; top:3px;   }
.tblType1 table input.checkBox { border:none; position:relative; top:2px;  }

.tblType1_color1 table thead tr th { background-color:#e2eaf1; color:#5a7792;}
.tblType1_color2 table thead tr th { background-color:#e6efec; color:#5a9287;}
.tblType1_color3 table thead tr th { background-color:#f5e0e7; color:#b46b9b;}
.tblType1_color4 table thead tr th { background-color:#e7e8e8; color:#666666;}



table.tblType2{}
table.tblType2{border-top:2px solid #ecebeb; border-bottom:2px solid #ecebeb; width:100%; overflow:hidden; font-family:Dotum;  font-size:11px;}
table.tblType2 thead tr th img , table.tblType2 thead tr td img{margin-top:6px; margin-bottom:6px;}
table.tblType2 tbody tr td ,  table.tblType2 tbody tr th{height:24px; font-weight:normal; border-bottom:1px solid #d6d6d6; color:#888888;  line-height:15px;  }
table.tblType2 tbody tr td{padding:3px 20px 3px 26px;}
table.tblType2 tbody tr.selected td ,  table.tblType2 tbody tr.selected th{background-color:#f7f7f7; }
table.tblType2 .text { border:1px solid #d6d6d6; height:18px; font-size:11px;  line-height:15px;  color:#888888; }
table.tblType2 textarea{width:97%; }
table.tblType2 input.radio{ border:none; position:relative; top:3px;   }
table.tblType2 input.checkBox{ border:none; position:relative; top:2px;  }
table.tblType2 a{color:#888888;}

table.tblType2_color1 thead tr th { border-top:1px solid #6cbadb; border-bottom:1px solid #6cbadb;}
table.tblType2_color2 thead tr th { border-top:1px solid #5a9287; border-bottom:1px solid #5a9287;}
table.tblType2_color3 thead tr th { border-top:1px solid #b46b9b; border-bottom:1px solid #b46b9b;}
table.tblType2_color4 thead tr th { border-top:1px solid #666666; border-bottom:1px solid #666666;}



table.tblType3{}
table.tblType3{border-top:2px solid #ecebeb; border-bottom:2px solid #ecebeb; width:100%; overflow:hidden; font-family:Dotum;  font-size:11px;}

table.tblType3 thead tr td p.lineL ,  table.tblType3 thead tr th p.lineL {border-left:1px solid #6cbadb; height:11px; overflow:hidden; margin-top:6px; margin-bottom:6px;}
table.tblType3 thead tr td p.lineR ,  table.tblType3 thead tr th p.lineR {border-right:1px solid #6cbadb; height:11px; overflow:hidden; margin-top:6px; margin-bottom:6px;}

table.tblType3 tbody tr td ,  table.tblType3 tbody tr th{height:24px; font-weight:normal; border-bottom:1px solid #d6d6d6; color:#888888;  line-height:15px;  }
table.tblType3 tbody tr td{padding:3px 20px 3px 26px;}
table.tblType3 tbody tr td p.lineL ,  table.tblType3 tbody tr th p.lineL {border-left:1px solid #d6d6d6; height:11px; overflow:hidden; margin-top:6px; margin-bottom:6px;}
table.tblType3 tbody tr td p.lineR ,  table.tblType3 tbody tr th p.lineR {border-right:1px solid #d6d6d6; height:11px; overflow:hidden; margin-top:6px; margin-bottom:6px;}

table.tblType3 tbody tr.selected td ,  table.tblType3 tbody tr.selected th{background-color:#f7f7f7; }
table.tblType3 .text { border:1px solid #d6d6d6; height:18px; font-size:11px;  line-height:15px;  color:#888888; }
table.tblType3 textarea{width:97%; }
table.tblType3 input.radio{ border:none; position:relative; top:3px;   }
table.tblType3 input.checkBox{ border:none; position:relative; top:2px;  }

table.tblType3_color1 thead tr th { border-top:1px solid #6cbadb; border-bottom:1px solid #6cbadb;}
table.tblType3_color2 thead tr th { border-top:1px solid #5a9287; border-bottom:1px solid #5a9287;}
table.tblType3_color3 thead tr th { border-top:1px solid #b46b9b; border-bottom:1px solid #b46b9b;}
table.tblType3_color4 thead tr th { border-top:1px solid #666666; border-bottom:1px solid #666666;}



/*========== //테이블 table_22 ==========*/



/*========== 문자  ==========*/


/*========== /문자  ==========*/

/*========== 버튼관련 ==========*/


/*========== //본문 내용에 필요한 일시적또는 다수의 사용에 필요한정의 ==========*/

/*========== 본문 내용에 일시적으로 사용되는 정의 ==========*/

/* 회사소개 > 인사말 */
.greetingsImg_1{margin:15px 0px 0px 0px;}
.greetingsP_1{margin-top:29px; margin-bottom:30px;}

/* 회사소개 > 회사개요 */
.overviewh3_1{margin:10px 0px 0px 0px;}
.overviewh4_1{margin-top:36px;}
.overviewh4_2{margin-top:47px;}
.overviewh4_3{margin-top:26px;}
.overviewimg_1{margin:10px 0px 0px 6px;}
.overviewimg_2{margin:5px 0px 0px 0px;}
.overviewimg_3{margin:13px 0px 0px 18px;}
.overview_P1{margin-bottom:30px;}

/* 회사소개> 연혁  */

.historyDragBox1{ width:553px; background:url(../images/bg_historyDrag_center.gif) repeat-x;  }
.historyDragBox2{background:url(../images/bg_historyDrag_left.gif) no-repeat top left; }
.historyDragBox3{background:url(../images/bg_historyDrag_right.gif) no-repeat top right;}
.historyDragBox{ width:517px; height:46px; /*background:#fbd3d3;*/ position:relative; left:18px; top:0px;       }
.historyYearDev{position:absolute; top:11px;  height:10px; text-align:center;  }
.historyYearReplaceBarDev{position:absolute; top:23px; height:10px;  text-align:center; }
.YearImg{ }
.replaceYearImg{ }
.replaceYearImgBox{height:4px; text-align:center; position:absolute; top:13px;overflow:hidden;  display:inline; }

.historySlideBar1{background:url(../images/bg_history_bar_center.gif) repeat-x; position:absolute; top:30px;  z-index:4;}
.historySlideBar2{background:url(../images/bg_history_bar_left.gif) no-repeat top left;}
.historySlideBar3{background:url(../images/bg_history_bar_right.gif) no-repeat top right; }
.historySlideBar{height:5px;  }
.historySlideBar_on{height:5px; background:url(../images/bg_history_barOn.gif) repeat-x;  position:absolute; top:30px; z-index:18;}
.history_arrow{width:40px; height:60px;  position:absolute; top:16px; z-index:9; margin-left:-20px;  cursor:pointer; background:url(../images/bul_history_barArrow.gif) no-repeat center ;   }
.history_arrowImg{position:relative; left:-10px;}
.historyShowBox{margin-top:25px; }

ol.history_oneDepth{clear:both;margin-left:17px; margin-right:17px;   }
li.history_oneDepth_li{margin:0px 0px 0px 0px; border-bottom:1px dotted #adadad; }
li.history_oneDepth_li img.history_oneDepth_yearImg{position:relative; top:14px; left:3px;   }
ol.history_twoDepth{margin:0px 0px 15px 0px; padding:0px; }
li.history_twoDepth_li{margin-bottom:8px; position:relative; left:69px; top:0px;   width:452px; font-size:11px; color:#888888;   }
li.history_twoDepth_li img.history_twoDepth_monthImg{position:absolute; left:-20px; top:1px;   }


/* 회사소개 > 제휴.관계사 */
p.alliances_logosBox{text-align:center; margin:28px 20px  0px 24px;  }
p.alliances_logosBox img{ margin:0px 9px 11px 9px; }
div.tabTitleUnderline{width:395px; border-bottom:1px dotted #d9d9d9;}
div.tabTitleUnderline img{margin:5px 0px 5px 0px;}
.alliancesh3_1{margin:35px 0px 0px 24px;}
.alliancesh4_1{margin-top:6px; }
.allianceshP_1{margin-left:17px; margin-top:5px; }
.alliancesh4_2{margin-top:30px;}
.allianceshTab_1{margin-top:12px; }
.allianceshTab_1_con{margin:13px 9px 30px 9px;}
.alliancesImg_1{margin:0px 20px 15px 0px; float:left;}

/* 회사소개 > 주요고객 */
div.logoList img{margin:10px 2px 10px 2px;}
.customersh3_1{margin:35px 0px 0px 11px;}
.customersImg_1{float:right; position:relative; top:-10px;}
.customersP_1{margin:22px 0px 0px 14px; width:277px;}
.customersImgBox{margin: 52px 0px 30px 20px;  }

/* 회사소개 > 오시는길 */
pimg.map{ margin-top:20px; }



/* 홍보 > 새소식 */
div.newsBox{width:550px; border-top:1px dotted #b2b2b2; padding-top:16px; clear: both; } /* height:80px;*/
div.newsBox img.thumbNail{border:2px solid #cecece; float:left; width:90px; height:61px;   }
div.newsBox dl{width:432px; float:left;    }
div.newsBox dt{background:url(../../common/images/bul_list_blueSquare.gif) no-repeat 10px 4px; padding-left:17px; position:relative; top:3px;      font-weight:bold; color:#5a7792;}
div.newsBox dd{margin:12px 0px 10px 0px; padding-left:17px; color:#888888;}
div.newsBox dd a{color:#888888;}
.news_h3{margin:0px 0px -25px 5px; position:relative; top:-25px; }

/* 홍보 > 새소식 상세보기 */
.newsView_h3{margin:0px 0px 0px 5px;}
.newsView{width:553px;  border-top:2px solid #ecebeb;border-bottom:2px solid #ecebeb; }
.newsView h4{border-top:1px solid #6cbadb; border-bottom:1px solid #6cbadb;     padding-left:14px;  font-size:14px; position:relative;   }
.newsView .newsViewTitle{color:#5a7792; line-height:24px;   display:block;  width:80%; margin-top:3px; padding-top:3px; padding-bottom:3px;   }
.newsView .newsViewDate{font-size:10px;  color:#888888; font-weight:normal; font-family:tahoma; position:absolute; left:485px; top:1px;   margin-right:5px; margin-top:4px;   }
.newsViewSubT{background-color:#f0f4f8; color:#888888; font-size:12px;margin-top:1px; margin-bottom:1px; padding:15px;  }
.newsViewSubT div.newsViewSubTP{}
.newsViewCon{border-top:1px dashed #b2b2b2; padding:10px; border-bottom:1px solid #d6d6d6; padding:10px; }
#gallery2{ }
.news_view_imgbox{margin-top:20px; }
.gallery2_a{position:relative; left:0px; top:0px; display:block; margin-bottom:0px;  float:left; }
.gallery2_smallImg{border:2px solid #cecece;  height:80px; margin-top:10px;  margin-left:8px;  }
.gallery2_largeImg_btn{vertical-align:bottom; }
.gallery2_p{position:absolute; left:0px; top:100px; width:98%; color:#888888; padding:0px 20px 0px 10px; word-break:break-all; text-align:left;   }

.news_view_nonImgbox{margin-top:0px;    }
.news_view_nonImg{position:relative; left:0px; top:0px; margin-bottom:13px;  display:block; float:left; width:150px;  height:100px;  }
.news_view_nonImgbox .nonImgbox_img{border:2px solid #cecece; height:64px;  margin-top:10px;  margin-left:8px;}
.news_view_nonImgbox .nonImgbox_btn{vertical-align:bottom;   }
.news_view_nonImg_p{position:absolute; left:0px; top:80px; width:98%; color:#888888; padding:0px 20px 0px 10px; word-break:break-all;text-align:left;}

.newsViewLink{margin-top:20px; }
.newsViewLink dt{background:url(../../common/images/bul_blue1.gif) no-repeat 0px 2px; margin-left:3px; padding-left:15px; }
.newsViewLink  a {color:#4793c3; background:url(../../common/images/bul_blue2.gif) no-repeat 8px 2px; padding-left:20px;}
.newsViewLink  .media{color:#666666; font-size:11px; }
.newsViewLink_golist{float:right; margin-top:4px; }
.list_view_NP{border-top:2px solid #ecebeb; border-bottom:2px solid #ecebeb; clear:both; margin-top:35px; }
.list_view_NP .list_view_P{border-top:1px solid #d6d6d6; height:24px; background:url(../images/bul_arrow_up.gif) no-repeat 62px 10px; }
.list_view_NP .list_view_L{background-color:#d6d6d6; height:1px; overflow:hidden; width:100%; }
.list_view_NP .list_view_N{border-bottom:1px solid #d6d6d6; height:24px; background:url(../images/bul_arrow_down.gif) no-repeat 62px 10px; }
.list_view_NP dl , .list_view_NP dt , .list_view_NP dd {display:inline;}
.list_view_NP dt {color:#5a7792; font-weight:bold; font-size:12px; padding-left:17px; line-height:24px;   }
.list_view_NP dd {color:#888888; font-weight:normal; font-size:12px;line-height:24px; margin-left:30px;  }
.list_view_NP dd a{color:#888888;}


/* 홍보 > 포토갤러리*/
 div.photoNew{width:520px; position:relative; left:0px; top:0px; margin-left:25px;  }
.photo_h3{margin:0px 0px 0px 5px;}
.newLine{clear:both;}
.photoTitleH5{ background:url(../images/bul_blue1.gif) no-repeat 0px 1px; padding-left:16px; margin-left:30px;clear:both; margin-top:15px; }
span.fontS{font-size:11px; }

/* 홍보 > ci*/
.ci_h3{margin:35px 0px 0px 0px;}
.ci_h4_1{margin-top:30px;}
.ci_h4_2{margin-top:6px; }
.ci_h4_3{margin-top:30px;}
.ci_txt_1{margin-left:12px;}
.ci_txt_2{margin-left:12px;}
.ci_txt_3{margin-top:10px;}
.ci_txt_4{margin-left:12px; margin-bottom:30px;}


/* 홍보 > 광고 */
div.picture{margin:0px 0px 0px 5px; display:inline;   }
.ad_h5{margin-top:2px; margin-bottom:5px;  }
div.paper{width:260px; height:230px; float:left; display:inline; margin-left:10px;      }
div.paper img.imgandbtn{vertical-align:bottom; padding-left:5px;}
div.paper img.paper_title{margin-bottom:10px; margin-top:5px; }
div.brochure{margin:5px 0px 0px 5px; float:left; height:200px; width:175px; display:inline;  }
div.brochure dl{text-decoration:none;}
div.brochure dt{margin:0 0 10px 5px;}
div.brochure dd{margin:0 0 0 5px; text-align:right; margin-bottom:5px;}
.ad_h3_1{margin:0px 0px 20px 10px;}
.ad_h4_1{margin-top:6px;}
.ad_h4_2{margin-top:30px;}
.ad_img_1{margin-left:10px; margin-top:5px;}
.ad_h4_3{margin-top:30px;}
.ad_div_endDiv{clear:both;}



/* 홍보 > 채용공고*/
p.hrBox{margin:0px 0px 15px 5px; }
h5.hrSystem{margin:7px 0px 7px 5px;}
dl.hrlist{text-decoration:none;  margin:0px 10px 20px 5px; }
dl.hrlist dt{margin:10px 0px 10px 0px; background:url(../images/bul_blue1.gif) no-repeat 0px 2px; padding-left:15px; float:left; }
dl.hrlist dd{background:url(../images/bul_blue2.gif) no-repeat 3px 4px;  height:20px; padding-left:15px; clear:both;}
.recruit_h3_1{margin:0px 0px 0px 0px;}
.recruit_h4_1{margin-top:30px; }
.recruit_h4_2{margin-top:30px; }
.recruit_h4_3{margin-top:30px; }


/* 채용 > 인재상*/
div.person_Txt{margin:5px 0px 10px 0px; clear:both;}
p.person_txtLeft{text-align:left; float:left;}
p.person_txtRight{text-align:right; }
.person_h3_1{margin:0px 0px 0px 0px;}
.person_img_1{margin:0px 0px 20px 0px;}

/* 채용 > 인사제도*/
p.hrBox{margin:0px 0px 15px 5px; }
h5.hrSystem{margin:7px 0px 7px 5px;}
.hr_h3_1{margin:0px 0px 0px 0px;}
.hr_h4_1{margin-top:30px;}
dl.hr_dl_1{width:260px;  display:inline-block ; float:left;  vertical-align:top; }


/* 채용 > 채용공고*/
.job_tbl{margin:20px 0px 20px 0px;}
.job_view_tbl2{margin-top:44px; margin-bottom:40px;}
.job_view_span{font-size:12px; line-height:15px; }

/* 서비스부분 본문 */
p.titleTxt1{margin:20px 0px 20px 0px;}
p.titleTxt1 img{margin:3px 15px 15px 3px; float:left;   }

/* 고객지원에서 사용되는 세부 컨텐츠 박스 */
div.edu1{margin:5px 5px 5px 5px; }
div.edu1 img{margin:5px 0px 10px 0px;}
span.chapter{margin-left:12px; color:#d47ed6; border-bottom:1px dotted #d47ed6; width:230px;} /* xten교육 에서 사용 */


div.eduContact{margin-bottom:30px; clear:both;} /* 담당자 안내 리스트 에서 사용*/
div.eduContact ul.con1{list-style:none; border-top:1px dotted #d8dee4; border-bottom:1px dotted #d8dee4; background:#f4f4f4;}
div.eduContact li{list-style:none; background:url(../../common/images/bul_pink1.gif) no-repeat 17px 9px; padding:7px 10px 7px 35px;}
div.eduContact li.dotted{background:url(../../common/images/bul_pink1.gif) no-repeat 17px 12px; padding:10px 10px 10px 35px; border-bottom:1px dotted #d8dee4; }
div.eduContact li span{width:112px; display:inline-block; text-align:left; }
div.eduContact li span.eMail{width:35px; text-align:center; }
div.eduContact li span.eMail img{margin:0px; vertical-align:middle; padding:0px;   }


/* 채용 > 채용공고 */
.btn_job_view_goList{text-align:right; margin-top:4px;}



/* 산업분야 > 공통요소 */
.btn_industries_golist{display:block;  position:relative; left:0px; top:0px; width:100%; height:0px; }
.btn_industries_golist img{position:absolute; top:-35px;left:88%;  }
.industries_contact {text-align:right; margin-top:40px;  padding-bottom:20px;}
.industries_contact .img_mail{margin-left:3px;}
.noindustries_contact{height:40px; }
.setPageSet{position:absolute; top:-23px;left:100%;  }

/* 산업분야 > 공공 */
.public_txt1{margin:34px 0px 0px 25px;}
.public_p1{margin-top:20px;}
.public_p2{margin-top:20px;}
.public_p3{margin-top:20px;}
.public_h4{margin-top:40px;}

/* 산업분야 > 통신 */
.telco_txt1{margin:34px 0px 0px 25px;}
.telco_p1  {margin-top:20px;}
.telco_p2{margin-top:20px;}
.telco_p3 {margin-top:20px;}

/* 산업분야 > 금융 */
.finance_txt1{margin:34px 0px 0px 25px;}
.finance_p1 {margin-top:20px;}
.finance_p2 {margin-top:20px;}
 
/* 산업분야 > 일반기업 */
.enterprise_txt1 {margin:34px 0px 0px 25px;}
.enterprise_p1{margin-top:20px;}
.enterprise_p2{margin-bottom:20px;}

/* 산업분야 > 성공사례*/
.success_tabContent{margin:13px 0px 0px 0px;}
.success_tab{margin-top:44px;}

/* 솔루션 공통요소 */
.solution_contact{text-align:right; margin-top:10px;  padding-bottom:30px;}
.solution_tabContent{margin:30px 0px 40px 0px;}

/* 솔루션 > 검색 */
dl.xtenPackList{margin:0px 5px 30px 5px;}
dl.xtenPackList dd{margin:10px 0px 20px 0px;}
.search_p1{text-align:center; margin-top:20px;}
.search_tab1_p1{text-align:right; margin-top:10px;}
.search_h1{margin-top:20px;}
.xten_link{margin-bottom:10px;}

/* 솔루션 > 서비스 */
.siList{width:255px; margin:0px 0px 10px 5px;  float:left; overflow:hidden;}
ul.siList{margin:15px 0px 10px 0px; padding-left:15px;  }
ul.siList li{margin-top:3px; background:url(../images/bul_list_grayCross.gif) no-repeat 0px 4px; padding-left:7px; }
.service_endContent{height:30px; overflow:hidden;  clear:both;}

/* 솔루션 > 네트워크 */
ul.alteonList{width:260px; margin:15px 0px 10px 5px; float:left;}
ul.alteonList li{margin:6px 0px 0px 0px; background:url(../images/bul_list_grayCross.gif) no-repeat 0px 4px; padding-left:7px; }
ul.f5List{width:177px; margin:20px 0px 10px 0px; padding-left:10px; float:left;}
ul.f5List li{margin:6px 0px 0px 0px; background:url(../images/bul_list_grayCross.gif) no-repeat 0px 4px; padding-left:7px; }
h5.network{font-size:12px; color:#30987c; }
.network_1 {margin-top:12px;}
ul.pecketList{margin:10px 10px 10px 10px; }
ul.pecketList li{margin:6px 0px 0px 0px; background:url(../images/bul_green3.gif) no-repeat 0px 4px; padding-left:7px; }


/* 솔루션 >  biCrmDw */
.logo_preciso{margin-top:10px;}
.biCrmDw_tbl{margin:20px 0px 20px 0px;}
.biCrmDw_td{padding:5px;}

/* 솔루션 > 서버 */
.server_h4{margin-top:20px;}
.server_p1{margin:6px 0px 30px 5px;}
.server_span1{text-decoration:underline;}
.serverBox{padding-top:10px; border-bottom:1px dashed #888888; position:relative; left:0px; top:0px; }
.serverBoxBottom{padding-top:10px;  position:relative; left:0px; top:0px;  }
.serverList1{width:120px; position:absolute; left:0px; top:10px; }
.serverList2{width:400px; position:relative; left:120px; top:0px; margin-top:0px;  }

/* 솔루션 > 광학분석 */
.nano_link{margin-bottom:10px;}
.optical_h4{margin-top:20px;}
.optical_div1{margin-right:10px; float:left;}
.optical_dl1{float:right; }
div.xperayMerit{width:550px; margin:10px 0px 0px 0px; }
div.xperayMerit img{margin-left:5px;}
div.xperayMerit dl{width:460px;}
div.xperayMerit dt{margin:5px 0px 7px 0px;}
div.xperayMerit dd{background:url(../images/bul_list_grayCross.gif) no-repeat 2px 4px; padding-left:8px; }

/* 솔루션 > 이러닝*/
.learning_aboutLearning{display:block; width:100%;  background:url(../../images/bg_learning.gif) no-repeat 24px 0px; margin-top:10px; position:relative; left:0px; top:0px;    }
.learning_aboutLearning p.txt{width:383px; color:#666666; line-height:18px;  font-size:12px; font-weight:normal; padding-top:14px; position:relative; left:173px;   }
.milton_link{position:absolute; left:0px; top:100%; margin-top:-25px;  }
.learning_introduce{text-align:center; }
.learning_introduce .learning_introduce_span_1{display:block; width:100%; margin-left:17px;  text-align:left; color:#666666; line-height:18px;  font-size:12px; font-weight:normal;  }
.learning_introduce .learning_img_1{margin-top:10px; margin-bottom:20px; }

.learning_milton{}
.learning_milton .learning_milton_span_1{display:block; width:100%; margin-left:7px;   text-align:left; color:#666666; line-height:18px;  font-size:12px; font-weight:normal;  }
.learning_milton_depth1_ul{}
.learning_milton_depth1_li{float:left; width:270px; height:120px; margin-left:5px; letter-spacing:-1px;     }
.learning_milton_depth2_ul{position:relative; float:left; left:64px; top:-5px; color:#666666; line-height:14px;   font-size:11px; font-weight:normal; width:200px; }
.learning_milton_depth2_img{position:absolute; left:-64px; top:0px; }
.learning_endContent{height:30px; overflow:hidden;  clear:both;}
ul.learningList{margin-top:10px; }
ul.learningList li{margin-top:3px; background:url(../images/bul_list_grayCross.gif) no-repeat 0px 4px; padding-left:7px; }

/* 솔루션 > ecm */
 span.emcDTxt{text-decoration:underline; }
 .ecm_h4{margin-top:20px;}
 .ecm_p1{margin:6px 0px 30px 5px;}

 /* 고객지원 > 공통*/
.support_btn_sendmail{margin-top:7px; width:100%; text-align:center; margin-bottom:30px;}
.support_h4{margin-top:20px;}
.support_p1{margin-left:12px; margin-top:4px; }
.support_span1{margin-left:10px; font-weight:bold;}
.support_span2{margin-left:65px;}

 /* 고객지원 > atc교육 */

 /* 고객지원 > rstc교육 */

 /* 고객지원 > xten교육 */



                                    
 /* 고객지원 > 교육신청 */
.regist_box{margin-top:40px; clear:both; }
.regist_h4{margin-top:0px;}
.regist_p{width:400px; float:left;}

/* 고객지원 > 담당자안내*/
.contact_contactImg{position:relative; left:20px; top:0px; }