@charset "UTF-8";
/* 구 igo파일에서 popup 부분을 뺀것 */

.imgCenter{font:0/0 Arial;text-align:center}
.imgLeft{font:0/0 Arial;text-align:left}
.imgCenter strong{text-align:left}

.tabMessage li a{width:105px;background:url(../img/product/tab_message.gif) no-repeat}
.tabMessage li.tab01 a{background-position:0 0}
.tabMessage li.tab02 a{background-position:-106px 0}
.tabMessage li.tab03 a{background-position:-212px 0}
.tabMessage li.tab04 a{background-position:-318px 0}
.tabMessage li.tab01 a.on, .tabMessage li.tab01 a:hover{background-position:0 -35px}
.tabMessage li.tab02 a.on, .tabMessage li.tab02 a:hover{background-position:-106px -35px}
.tabMessage li.tab03 a.on, .tabMessage li.tab03 a:hover{background-position:-212px -35px}
.tabMessage li.tab04 a.on, .tabMessage li.tab04 a:hover{background-position:-318px -35px}

.tabProduct li a{width:105px;background:url(../img/product/tab_product.gif) no-repeat}
.tabProduct li.tab01 a{background-position:0 0}
.tabProduct li.tab02 a{background-position:-106px 0}
.tabProduct li.tab03 a{background-position:-212px 0}
.tabProduct li.tab04 a{background-position:-318px 0}
.tabProduct li.tab01 a.on, .tabMessage li.tab01 a:hover{background-position:0 -35px}
.tabProduct li.tab02 a.on, .tabMessage li.tab02 a:hover{background-position:-106px -35px}
.tabProduct li.tab03 a.on, .tabMessage li.tab03 a:hover{background-position:-212px -35px}
.tabProduct li.tab04 a.on, .tabMessage li.tab04 a:hover{background-position:-318px -35px}

.tabCont{overflow:hidden;margin:0 0 0 15px}

.list_testcase{overflow:hidden;margin-top:10px}
.list_testcase li{margin-bottom:15px}
.list_testcase li .listCont{padding:0 0 0 18px;letter-spacing:-0.05em}

.moveCont{text-align:center}
.moveCont .movieArea{margin:8px auto 0 auto}

/* 프로젝트 */
.projectList{border-top:2px solid #aab421}
.projectList li{position:relative;padding:15px 0 15px 233px;border-bottom:1px solid #e5e5e5}
.projectList li .img{position:absolute;top:15px;left:0;font:0/0 Arial}
.projectCont dt{display:block;height:23px;color:#333;font-size:14px;font-weight:bold;line-height:1.2}
.projectCont dt .btnDetail{margin-left:5px;font:0/0 Arial}
.projectCont *{vertical-align:top;}
.projectCont dd .cont{margin-top:1px}
.projectCont .icon{overflow:hidden;display:block;float:left;text-indent:-9999px;width:45px;height:16px;margin-right:4px;background:url(../img/project/bg_icon.gif) no-repeat}
.projectCont .si{background-position:-47px 0}
.projectCont .sm{background-position:-143px 0}
.projectCont .test{background-position:-95px 0}
.projectCont .testsi{background-position:-95px 0}
.projectCont .organ{background-position:0 -24px}
.projectCont .term{background-position:-47px -24px}
.projectCont .brief{background-position:-95px -24px}
.projectCont .solution{background-position:-143px -24px}


.titArea01{position:relative;padding-bottom:7px}
.titArea01 .txt_customer{display:inline-block;*display:inline;*zoom:1;position:absolute;bottom:1px;right:0;color:#ff7800;font-size:11px;text-align:right}

.tbl_type1 td .list_type1{margin-left:0}
.tbl_type1 td .list_type1 li{padding-bottom:2px}

.sitemapList{overflow:hidden;*zoom:1;margin-left:-28px}
.sitemapList li{float:left;width:170px;margin-left:28px}
.sitemapList li h2{padding:7px 0 8px 0;font:0/0 Arial;text-align:center;border-top:2px solid #aab421;background:#f7f7f7}
.sitemapList li .list{margin-left:0}
.sitemapList li .list li{margin:-1px 0 0 0;font:bold 12px/1.5 '돋움';border-top:1px solid #e5e5e5}
.sitemapList li .list li .linkList{display:block;padding:7px 0 5px 9px;border-bottom:1px solid #e5e5e5}
.sitemapList li .list li .listDep2{margin:4px 0 4px 10px}
.sitemapList li .list li .listDep2 a{display:block;padding:1px 0 2px 6px;font:normal 12px/1.5 '돋움';background:url(../img/common/bult_sitemap.gif) no-repeat 0 9px}

/* 연혁 */
.historyList{border-top:2px solid #aab421;background:url(../img/company/bg_line.gif) repeat-x 0 100%}
.historyList dt,.historyList dd{display:inline-block;*display:inline;*zoom:1;padding:20px 0 10px 0;vertical-align:top;background:url(../img/company/bg_line.gif) repeat-x}
.historyList dt.first,.historyList dd.first{background:none}
.historyList dt{width:118px;margin-left:20px;font:0/0 Arial}
.historyList dd{width:623px;}
.historyList dd .list li{position:relative;padding:0 0 9px 32px;;font-size:14px}
.historyList dd .list li span{position:absolute;top:0;left:0;color:#aab421;font-weight:bold;font-size:14px}

/* intranet */
.intraWrap{overflow:hidden;text-align:center;background:url(../img/intra/bg_body.gif) repeat-x}
.intraWrap .intraLogin{margin-top:255px;width:791px;height:231px;margin:255px auto 0 auto;background:url(../img/intra/bg_login.gif) no-repeat}
.intraWrap .intraLogin .loginWrap{width:357px;margin:0 auto}
.intraWrap .intraLogin .loginArea{position:relative;padding:21px 0 9px 0;text-align:left;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.intraWrap .intraLogin .loginArea .label{display:block;height:30px}
.intraWrap .intraLogin .loginArea .label *{vertical-align:top}
.intraWrap .intraLogin .loginArea .label .input{width:212px;padding:4px 5px;border:1px solid #bababa}
.intraWrap .intraLogin .loginArea .btnLoginn{position:absolute;top:21px;right:0}
.memory{padding:0 0 0 55px;font-size:11px}
.intraWrap .intraLogin .loginWrap .intraBtn{margin-top:10px;text-align:right}
.intraWrap .intraLogin .loginWrap .intraBtn a{margin-left:3px}