/* ================================================
	common style
	source file: common.css
	target: CSS Level 2
================================================ */

@charset "utf-8";

/* common style */
* {margin: 0; padding: 0;}
body, input, select, textarea {font: 12px dotum, arial, sans-serif; color: #545454; background-color: #fff;}
input, select, textarea {vertical-align: middle; border:1px solid #e2e2e2; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2;}
input {height:14px; padding: 2px 0 1px 3px;}
input.borNone {border:0;}
input.hei19 {height:19px;} /* file field */
select {height:19px;}
img {vertical-align:middle; border: 0; display: block;}
img.disInline {display:inline;}
li, dt, dd {list-style: none;}

a:link { color: #545454; text-decoration: none; }
a:visited { color: #545454; text-decoration: none; }
a:active { color: #545454; text-decoration: none; }
a:hover { color: #1a1a1a; text-decoration: underline; }

a.line:link { color: #777; text-decoration: underline; }
a.line:visited { color: #777; text-decoration: underline; }
a.line:active { color: #777; text-decoration: underline; }
a.line:hover { color: #777; text-decoration: underline; }

table {border-collapse:collapse;}
table th, table td {padding:0;}




/* common style */
.u {text-decoration:underline;}
.clear {clear:both;}
.disBlock {display:block;}
.disNone {display:none;}
.disInline {display:inline-block;}
.floatLeft {float:left;}
.floatRight {float:right! important;}
.curHand {cursor:pointer;}
.txt11 {font-size:11px;}
.txtRight {text-align:right;}

/* page top */
#entireContainer {width:900px; margin:0 auto; position:relative; top:0; left:0;}
#divTop {width:38px; height:13px; position:absolute; left:895px; top:0;}


#entireWrap .imgBtn {border:0; width:55px; padding:0; height:23px;}
#entireWrap .imgBtn3 {border:0; width:131px; padding:0; height:26px;}
#entireWrap .imgBtn4 {border:0; width:83px; padding:0; height:22px;}

.layFix {overflow:hidden;}
.navi {clear: both; width: 100%; text-align:center; margin-bottom:20px; height:20px; padding-top:3px;}
.navi img {vertical-align:middle; display: inline-block;}
.navi span {color:#087eb6; font-weight:bold;}
.navi span.txtGreen {color:#557606; font-weight:bold;}
.navi p.btnRight {float:right; margin-top:-19px;}

.brdFooter {width:100%; text-align:center; margin:20px auto;}
.brdFooter p {margin-bottom:20px;}
.brdFooter p.btnRight {float:right; margin-top:-22px;}

.btnRight2 {width:100%; text-align:right; margin-top:10px}
.btnRight2 img {vertical-align:top;}

.resultBox {width:100%; overflow:hidden; background:url(/images/image/result_box_back.gif) repeat-y left top;}
.info {background:url(/images/image/result_box_top.gif) no-repeat left top;}
.info li.alignCenter {text-align:center; padding:40px 0 35px 0;}
.infoTbl {width:570px; margin:0 auto; overflow:hidden; padding-bottom:30px;} 
.infoTbl dt {width:115px; float:left; clear:both; padding:10px 0 5px 70px;}
.infoTbl dd {width:365px; float:left; padding:10px 0 6px 20px;}
.infoTbl dd.empName {color:#134f95;}
.infoTbl dd.priName {color:#364f6c;}

.msgWrap {width:100%; background: url(/images/image/result_box_bottom.gif) no-repeat left bottom; padding-bottom:40px;}
.admnMsg {width:568px; border:1px solid #b8dff2; margin:0 auto; padding:15px 14px; background-color:#fff;}
.admnMsg td {vertical-align:top; line-height:19px; padding:13px 14px; min-height:120px;}


#introSwf {width:100%; height:100%;}

#entireWrap {width:875px; margin: 0 auto; overflow: hidden;}
.infoTop {height:200px; background: url(/images/image/info_top.gif) no-repeat 50px bottom;}
.infoTop h2 {margin-top:50px; float: left;}
.infoTop .infoLoc {margin-top:30px;}

.private {margin-top:35px;}
.private li {margin-bottom:10px; line-height:19px; letter-spacing:-1px; clear:both;overflow:hidden;}
.private strong.letterLarge {margin-left:50px;}

#entireWrap h1 {float: left; margin: 28px 60px 0 2px; display: inline;}
#entireWrap h1.reDefine {float: left; margin:28px 0 0 2px; display: inline;}
#entireWrap h1 span {width:153px; height:45px; display: block;} /* cursor: pointer; background: url(/images/common/logo.gif) no-repeat left; text-indent: -500px; */

#gnb { float: left; }

#snbWrap {width:156px; overflow: hidden; float: left; margin-right: 59px;}
.snb {clear: both; padding-top:40px; margin-bottom: 45px;}

#visual {clear: left;}


#contWrap {float:left; width:660px;}
#contWrap p.noticeAd {float:right; margin:-15px 5px 0 0; display:inline;}
#contWrap div.floatRight {float: right; margin-top:-15px;}

/* tabmenu initial */
#tab2, #tab3, #tab4, #tab5 {display:none;}
h3 span {display:none;}
h3.txt {font-size:12px; color:#124d93;}

/* line menu */
.loc {overflow:hidden; float:right;}
.loc li {float:left; background:url(/images/icon/blue_arrow.gif) no-repeat 5px 3px; padding-left:10px; color: #518dbd; margin-right: 3px; font-size: 11px;}
.loc li.home {background:none;}
.loc li img.home {margin-top: 1px;}
.loc li a:link { color: #545454; text-decoration: none;}
.loc li a:visited { color: #545454; text-decoration: none;}
.loc li a:active { color: #545454; text-decoration: none;}
.loc li a:hover { color: #518dbd; text-decoration: none;}

h2.title {margin: 25px 0 30px 0;}


/* cont. in page */
.wiaIs {height:250px; background:url(/images/image/about_intro.jpg) no-repeat right top; margin:-10px 0 60px 0;}
.wiaIs dt { margin: 10px 0 25px 0;}


.banner {width: 330px; float: left; margin-bottom: 15px; height:130px; overflow:hidden;}
.banner dl {overflow: hidden; margin-top:9px; width: 330px;}
.banner dl dt {float: left; }
.banner dl dd.title {margin:10px 0 8px 0;}


#choiceTab {height:25px; background:url(/images/image/vision_tab_back.gif) repeat-x left top; margin-bottom:2px;}
#choiceTab li {float:left;}
#choiceTab li.first {margin-left:10px; display:inline;}

.tabCont {background:url(/images/image/tab_gradient.gif) no-repeat left top;}
.tabCont h3 span {display:none;}
.tabCont dd {width: 660px;}
.tabCont dd.layout {overflow:hidden; width:660px;}
.tabCont dd.scriptBack {height:257px; background:url(/images/image/vision_txt_back.gif) repeat-x left top;}
.tabCont p.script {margin-top:5px;}
.tabCont div.noticeTxt {float: right; margin-top: -18px; font-size:11px; color: #3495c1;}
.tabCont div.noticeTxt .loc {position:relative; top:12px; left:-5px;}
.tabCont dd.qualityBack {background:url(/images/image/quality_image_back.gif) no-repeat left top; width:660px; height:492px;}



.bizBack {background:url(/images/image/image_biz_idea02.gif) no-repeat 0 10px;}
.bizIdea {width:660px; overflow:hidden;}
.bizIdea li.subject {margin:35px 0 13px 0;}
.bizIdea img.right {margin-left:337px;}

#tabWrap .visionScript {padding-top: 25px; margin:0 0 0 45px; overflow:hidden;}
#tabWrap .visionScript li {width:315px; float: left; margin-bottom:25px; overflow:hidden;}
#tabWrap .visionScript li.left {width:275px; clear:both;}

#tabWrap .addFinancial {padding-top:45px;}
#tabWrap .prodCont {padding-top:30px;}

.tabCont p.stockGrape {padding-top: 30px; width:340px; float: left;}
.tabCont div.stockTable {width: 320px; float:left}


#contWrap table.numTable td {text-align:right;}
#contWrap table.numTable td.txtCenter {text-align:center; border:1px solid #c0d4dd;}
#contWrap table.numTable td span {color:#3495c1;}
#contWrap table.numTable td span.blue {color:#296bb7;}
#contWrap table.numTable td span.gray {color:#6a6a6a;}
#contWrap table.numTable td span.orange {font-weight:normal; color:#ee9736;}
#contWrap table.numTable td.tableSpace20 {border-left:1px solid #fff; border-right:1px solid #fff; padding:0; height:20px;}



/* press table */
.pressTable {width:660px; background:url(/images/image/press_table_back.gif) no-repeat left top; color:#4c9cc1; margin:10px 0;}
.pressTable th {border:1px solid #b4dae9; border-left:0; padding:6px 10px 6px 0; text-align:right; font-weight:normal; background:#f5f9fa;}
.pressTable td.txtRight {text-align:right; padding-right:10px;}
.pressTable td {border:1px solid #b4dae9; padding:6px 0 6px 10px;}
.pressTable td.last {border-right:0;}
.pressTable td.han {border:1px solid #b4dae9; padding-top:5px; padding-bottom:5px;}



/* entire border */
.horizon {margin-bottom: 30px;}
.horizon td {border: 1px solid #c0d4dd;}
.horizon td.borderNone {border: 0px; height:3px;} 

table.default {width:100%; margin:5px 0 15px 0;background:url(/images/image/table_title_a.gif) no-repeat left top; border-bottom:2px solid #82c3e0;}
table.default th {padding:9px 0; text-align:center; background:url(/images/image/table_sepe.gif) no-repeat right top;}
table.default td {padding:8px 5px 7px 5px; border-bottom:1px solid #c0d4dd;text-align:center;}
table.default td span {color:#087eb6; font-weight:bold;}
table.default td.subject {text-align:left; }
table.default td.tableSpace {border:0; padding:0; height:2px;}
table.default img {display:inline-block;}
table.default tr.faqColor {background-color:#eff6f8;}
table.default td.faqView {text-align:left; line-height:17px;}
table.default td.notResult {height:25px;}
table.default th.lastBack {background:url(/images/image/table_sepe.gif) repeat-y right top;}
table.default tr.notice {background:#e4f8ff;}
table.default tr.notice td span {color:#087eb6;}
table.default tr.firstLine td {border-top:1px solid #82c3e0}
table.default tr.backGray {background:#fafafa;}
table.default tr.jobTitle th {font-weight:normal; color:#124d93; text-align:center;}
table.default tr.jobTitle2 td {border-right:1px solid #c0d4dd; padding-left:20px; text-align:left;}
table.default tr.jobTitle2 td.jobCenter {text-align:center; padding-left:5px;}
table.default tr.jobTitle2 td.leftPad {padding-left:30px;}
table.default tr.jobTitle2 td.rightNone {border-right:0;}

table.colGray {background:url(/images/image/table_title_f.gif) no-repeat left top;} 
table.sideTrim {width:100%; margin:5px 0 15px 0; border-top:2px solid #82c3e0; border-bottom:2px solid #82c3e0;}
table.sideTrim th {border-bottom:1px solid #c0d4dd; background-color:#effbff;}
table.sideTrim th.backNone {background: #effbff url(/images/image/table_sepe.gif) no-repeat -1px top! important;}
table.sideTrim2 th {padding:4px 0;}
table.sideTrim2 td.colspan {text-align:left;}
table.sideTrim td {border-right:1px solid #c0d4dd;}
table.sideTrim td.borNone {border-right:0;}

table.default a.blueColor:link, table.default a.blueColor:visited, table.default a.blueColor:active {color:#087eb6}
table.default a.blueColor:hover {color:#087eb6; text-decoration:underline;}


/* another back */
table.thTall {width:660px; margin:10px 0 15px 0;background:url(/images/image/table_title_c.gif) no-repeat left top; border-bottom:2px solid #82c3e0;}

table.small {width:100%; margin:10px 0 15px 0;background:url(/images/image/table_title_b.gif) no-repeat left top; border-bottom:2px solid #82c3e0;}
table.small th {padding:8px 0; text-align:center; border: 1px solid #82c3e0;}
table.small th.bottomLine {border-bottom: 2px solid #82c3e0;}
table.small td {padding:8px 5px 7px 5px; border-bottom:1px solid #c0d4dd;text-align:center;}
table.small td span {color:#087eb6; font-weight:bold;}
table.small td.subject {text-align:left; }
table.small td.tableSpace {border:0; padding:0; height:2px;}
table.small img {display:inline-block;}
table.small td.txtRight {text-align:right; padding-right:10px;}
table.small td.tot {color:#3495c1; font-weight:bold; background-color:#d5eef7;}
/* another back */
table.smallTall {width:400px; margin:10px 0 15px 0;background:url(/images/image/table_title_d.gif) no-repeat left top; border-bottom:2px solid #82c3e0;}
table.smallTall img {display:inline-block; margin-left:20px;}
table.smallTall th {padding:8px 0; text-align:center; border: 1px solid #82c3e0;}
table.smallTall th.sepeBack {background:url(/images/image/table_sepe.gif) no-repeat right top;}
table.smallTall th.borRightNone {border-right:0;}
table.smallTall th.borLeftNone {border-left:0;}
table.smallTall th.bottomLine {border-bottom:0;}



/* fair trade */
.fairContainer {width:574px; overflow:hidden; border-bottom:2px solid #839ea9; margin-bottom:10px;}
.fairWrap {width:574px; overflow:hidden; border-bottom:1px solid #c0d4dd;}
table.fair {width:100%; margin:10px 0 0 0; background:url(/images/image/table_title_e.gif) no-repeat left top;}
table.fair th {padding:7px 0 9px 0; text-align:center; background:url(/images/image/table_fair_sepe.gif) no-repeat right top;}
table.fair td {padding:4px 5px; border-bottom:1px solid #c0d4dd;text-align:center;}
table.fair td span {color:#087eb6; font-weight:bold;}
table.fair td.subject {text-align:left; border-left:1px solid #d8e6e9; border-right:1px solid #d8e6e9;}
table.fair td.lastRow {padding-bottom:5px;}
table.fair td.btn {background-color:#f0f4f5;}
table.fair img {display:inline;}
table.fair td.txtArea {padding: 15px 0 15px 30px; text-align:left; line-height:130%;}
table.fair div {width:510px; height:210px; overflow:auto;}
table.fair td.alignLeft {text-align:left; padding:8px 0;}
table.fair span.down {margin-left:20px; padding-left:15px; text-align:left; background:url(/images/icon/icon_down.gif) no-repeat left top; font-weight:normal; color:#637780;}


#fairNotice {width:255px; position:absolute; top:450px; left:480px;}
#fairNotice dt {float:left; width:65px;}
#fairNotice dd {float:left; width:190px;}
#fairNotice img.moreLoc {margin:6px 0 0 13px; display:inline;}
#fairNotice img {float:left;}
.noticeList {width:100%; overflow:hidden;}
.noticeList li {clear:both; background:url(/images/icon/fair_circle.gif) no-repeat 3px 6px; border-bottom:1px solid #91aabd; padding:3px 0 1px 0; padding-left:10px;}
.noticeList li.lstLine {border:0;}
.noticeList a:link, .noticeList a:visited, .noticeList a:active {color:#2d526f; text-decoration:none;}
.noticeList a:hover {color:#2d526f; text-decoration:underline;}






/* board view */
table.brdView {width:100%; margin:10px 0 15px 0; border-top:2px solid #82c3e0;}
table.brdView th {padding:9px 0; text-align:center; background-color:#e5f8ff; border-bottom:1px solid #c0d4dd;}
table.brdView th.colGray {background:#eef2f4;}
table.brdView td {padding:8px 5px 7px 15px; border-bottom:1px solid #c0d4dd;}
table.brdView td.txtLetter {letter-spacing:-1px;}
table.brdView td.txtLetter input {border:0;}
table.brdView td.content {line-height:17px; height:230px; vertical-align:top;}
table.brdView th.backNone {background:none;}
table.brdView td span {color:#087eb6;}
table.brdView img {display:inline;}

table.brdView img.entireBtn {padding:10px 0;}
table.bottomBlue {border-bottom:2px solid #82c3e0;}

/* board write */
table.writeTable {border-bottom:2px solid #82c3e0;}
table.writeTable th {text-align:left;}
table.writeTable td {padding:3px 5px 3px 10px;}
table.writeTable th img {margin-left: 20px;}
table.writeTable span.orange {color:#ee9736;}
table.writeTable span.txtLoc {margin-left:160px;}
table.writeTable span.txtBlock {padding-top:3px; display:inline-block;}
table.writeTable input.leftTerm {margin-left:60px;}
table.writeTable img.del {vertical-align:middle; margin-left:5px;}
table.writeTable span.sepeVisit {color:#666; margin-left:10px;}
table.writeTable .txtNavy {color:#11457b;}


/* about */
.ceo {background:url(/images/image/ceo_aa.gif) no-repeat left 70px; margin-bottom: 0px;}
.ceo li { margin-top:15px;}
.ceo li.thanku {margin: 20px 0 45px 0;} 

.finReport {margin-bottom: 60px;}
.finReport li.sub {margin:35px 0 15px 0;}
.finReport li.txt {margin-top: 10px;}
.finReport li.sign {margin-top: 60px; text-align:right;}
.finReport li.pdfView {margin-top:-35px;}
.finReport li.pdfView img {margin-left:5px;}

.moralDiv {}
.moralDiv li {float:left;}
.moralDiv li.imgArea {padding:0;} /* padding:0 32px 0 28px; */
.moralDiv .floatBlock {margin:20px  0 20px 20px;}
.moralDiv .floatBlock li {clear:both; margin-bottom:20px;}

.moralOutline {margin-top:20px; clear:both; overflow:hidden;}
.moralOutline li {margin-bottom:7px;}
.moralOutline li.subj {margin:30px 0 20px 0;}
.moralOutline li.txt {margin-bottom:5px; background:url(/images/icon/blue_cross.gif) no-repeat 23px 5px; padding-left:32px;}


.anchorBack {background:url(/images/image/moral_anchor_back.gif) repeat-x top left; height:33px; margin:25px 0 35px 0; overflow:hidden;}
.anchorBack li {width:220px; text-align:center; float:left; padding-top:9px;}
.anchorBack li img {display:inline;}

.goAnchor p.nameTitle {background:url(/images/icon/gray_line_arrow.gif) no-repeat 10px 3px; margin:20px 0 10px 0; padding-left:18px;}
.goAnchor p.nameBack {background:url(/images/image/moral_subj_back.gif) no-repeat left top; margin:20px 0 5px 0; height:24px; padding:9px 0 0 18px;}

.goAnchor .moralBox {width:660px; background:url(/images/image/moral_box_back.gif) repeat-y top left;}
.goAnchor .moralBottom {background:url(/images/image/moral_box_bottom.gif) no-repeat bottom left;}
.goAnchor .moralTop {background:url(/images/image/moral_box_top.gif) no-repeat top left; padding:13px 25px 10px 25px;}
.goAnchor .moralTop li {line-height:16px; padding: 0 0 5px 19px; }
.goAnchor .moralTop li.moralSubject {padding:0 0 7px 0;}
.goAnchor .listCircle li {padding: 0 0 5px 15px;}
.goAnchor .listCircle li.moralEnd {padding: 0 0 15px 15px;}

.purpose {margin-top:-2px;}
.purpose img {display:inline;}
.purpose img.firstP {margin-right:30px;}
.purposeTitle {margin:40px 0 20px 0;}
.purposeWrap {overflow:hidden; border:5px solid #6ca6c3; width: 620px; padding:0 0 30px 30px}
.purposeWrap li img {margin-top:25px;}
.purposeWrap li.left {width:330px; float:left; clear:both;}
.purposeWrap li.right {width:270px; float:left;}


.qualityPicto {margin-top:20px;}
.picto {float:left;}
.enviState {margin:0 0 30px 22px; float:left;}
.enviState li {margin:3px 0 10px 0;}

.enviSafe {margin-bottom:33px;}
.enviSafe li {margin:0 0 10px 0;}

.formation li {padding:20px 0;}
.formation li img.pdca {padding:20px 0 30px 0;}

.exam li.script {padding-left:157px; background:url(/images/image/exam_back.gif) no-repeat left 20px;}
.exam li img {margin-bottom:22px;}


.organi {width:660px; margin-top:30px; overflow:hidden}
.organi li.picTable {float:left; clear:both; padding:18px 0 0 20px; width:240px;}
.organi li.table {float:left;}
.organi li.txt {margin:12px 0 25px 0;}



li.num01 {background:url(/images/icon/ol_num01.gif) no-repeat 5px 1px;}
li.num02 {background:url(/images/icon/ol_num02.gif) no-repeat 5px 1px;}
li.num03 {background:url(/images/icon/ol_num03.gif) no-repeat 5px 1px;}
li.num04 {background:url(/images/icon/ol_num04.gif) no-repeat 5px 1px;}
li.num05 {background:url(/images/icon/ol_num05.gif) no-repeat 5px 1px;}
li.num06 {background:url(/images/icon/ol_num06.gif) no-repeat 5px 1px;}
li.num07 {background:url(/images/icon/ol_num07.gif) no-repeat 5px 1px;}
li.num08 {background:url(/images/icon/ol_num08.gif) no-repeat 5px 1px;}
li.num09 {background:url(/images/icon/ol_num09.gif) no-repeat 5px 1px;}
li.num10 {background:url(/images/icon/ol_num10.gif) no-repeat left 1px;}
li.grayCircle {background:url(/images/icon/gray_circle.gif) no-repeat 4px 6px;}

#certiWrap {position:relative; top:0; left:0; display:none;}
#certiWrap .certi {position:absolute; left:123px; top:23px;}


.manaQualty {float:left; margin:10px 0 0 0; width:389px;}
.manaQualty li {margin-left:25px;}
.manaQualty li.slogun {margin:30px 0 15px 47px;}
.manaQualty li.script {margin-left:47px;}
.manaQualty img {vertical-align:top;}

.ddtz {float:left; width:250px; margin-top:35px;}
.ddtzTxt {margin:15px 0 25px 0; background:url(/images/image/ddtz_dot_line.gif) repeat-x left bottom;}
.ddtzTxtBackNone {background:none; margin:0;}
.ddtzTxt li {padding-bottom:12px;}
.ddtzTxt li.lineSpace {padding-bottom:25px;}
.ddtzTxt li img {display:inline;}
.ddtzTxt li img.left5 {margin-left:5px;}


.ciWrap {width:100%; overflow:hidden; margin-bottom:30px;}
.ciWrap img.title {margin-bottom:13px; display:inline;}
.ciWrap img.subTitle {margin-bottom:8px;}
.ciWrap img.image {margin-top:15px; display:inline;}
.symbol {width:100%; overflow:hidden;}
.symbol li {float:left;}
.symbol li.txt {width:400px;}
.symbol li.txt img {margin-bottom:15px;}

.ciCont {width:100%; overflow:hidden;}
.ciCont li img.txtAlign {margin:0 auto;}
.ciCont li.tMar10 {margin-top:10px;}
.ciCont li.bMar15 {margin-bottom:15px;}
.ciCont li.tMar20 {margin-top:20px;}
.ciCont li.tMar30 {margin-top:30px;}
.ciCont li.tMar40 {margin-top:40px;}




.public {width:100%; overflow:hidden; margin:10px 0 40px 0;}
.public dt {width:373px; float:left; margin-right:15px;}
.public dd {float:left; padding-top:20px;}
.public dd img {margin-bottom:15px;}
.public dd img.spaceRe {margin:20px 0;}

.brocherWrap {width:100%; overflow:hidden; margin-top:10px; background:url(/images/image/brocher_gradient.gif) repeat-x left top;}
.brocherWrap dt {float:left; background:url(/images/image/brocher_back.gif) no-repeat left bottom; width:230px; height:270px;} 
.brocherWrap dd {float:left; margin-top:45px;}
.brocherWrap dd img {margin-bottom:25px;}
.brocherWrap dd img.head {margin-bottom:13px;}
.brocherWrap dd img.btn {margin-bottom:30px;}
.brocherWrap dd img.locRight {margin-left:10px;}

#playerFrame {margin:28px 0 0 30px;}
.playerBtn {clear:both; margin:10px 0 0 30px;}
.playerBtn li {float:left; margin-right:15px;}


.adver {width:100%; overflow:hidden; margin-top:20px;}
.adver dt {float:left; width:373px; height:287px; margin-right:17px; background:url(/images/image/player_back.gif) repeat-x left top;}
.adver dd {float:left; width:270px; border-top:4px solid #b0c3c9;}
.adScript {width:220px; margin:0 25px;}
.adScript li {line-height:19px;}
.adScript li.title {font-size:16px; color:#124d93; margin: 18px 0; padding-bottom:16px; background:url(/images/image/ad_dotline.gif) repeat-x left bottom;}

.tvadWrap {width:100%; background:url(/images/image/tvad_top.gif) repeat-x left top; padding-top:4px; margin-top:25px;}
.tvadTbl {}
.tvadTbl td {border-bottom:1px solid #c5d1d7; background:#f6f6f6; padding:8px 0 6px 20px;}
.tvadTbl td a:link, .tvadTbl td a:visited, .tvadTbl td a:active {color:#215696;}
.tvadTbl td a:hover {color:#215696; text-decoration:underline;}
.adStyleAdd {width:100%; overflow:hidden; margin-top:10px; background:url(/images/image/tvad_bottom.gif) repeat-x left bottom; margin-bottom:40px;}

.printAdWrap {width:100%; overflow:hidden; margin-top:20px;}
.printAd {padding-left:8px; width:170px; float:left; margin-right:62px;}
.printAdLast {margin-right:0;}
.printAd li {float:left;}
.printAd li.adImg {width:134px; margin-right:13px;}
.printAd li.viewDown {width:21px;}
.printAd li img {float:left}
.printAd li img.adView {margin-bottom:7px;}
.printAd li.adTxt {width:135px; padding-left:11px; background:url(/images/image/print_ad_back.gif) no-repeat left top; margin-top:12px; line-height:130%;}
.adStyle2Add {padding:15px; border-top:1px solid #c5d1d7; margin-top:15px;}


/* research & develoer */
.toolStyle img.topImg {margin-bottom:30px;}
.toolStyle img.topImg2 {margin-bottom:10px;}

.caeTitle {margin:20px 0;}
.cae {width:100%; overflow:hidden; margin-bottom:30px;}
.cae dt {float:left; width:255px;}
.cae dd {float:left; overflow:hidden;}
.cae dd img {margin-bottom:3px; float:left; clear:both;}
.cae dd img.style1 {margin:20px 0 9px 0;}

.caePic dt {display:none;}
.caePic dd {overflow:hidden; width:100%;}
.caePic dd img {float:left;}


/* webzinbe */
.recentWzine {width:622px; overflow:hidden; padding: 35px 0 0 38px; background:url(/images/image/recent_webzine_gradient.gif) repeat-x left top;}
.recentWzine dt {float:left; width:156px; margin-right:30px;}
.recentWzine dd {float:left;}
.scriptWz {width:390px;}
.scriptWz span.year {display:inline-block; background:#124d93; color:#fff; padding:4px 5px 1px 5px;}
.scriptWz .title {font-size:16px; color:#124d93; margin: 18px 0;}
.scriptWz .script {line-height:17px; margin-bottom:20px;}
.scriptWz .btn {font-size:0;}

.lastWebzine {border-top:2px solid #82c3e0; border-bottom:2px solid #82c3e0; padding: 1px 0; margin-top:40px; overflow:hidden;}
.wzineWrapBor {width:100%; border-top:1px solid #c0d4dd; overflow:hidden;}
.wzineWrap {width:100%; border-bottom:1px solid #c0d4dd; overflow:hidden;}
.webzines {width:165px; float:left; padding:15px 0 25px 0;}
.webzinesAno {width:165px; float:left; padding:15px 0 25px 0; border-top:1px solid #c0d4dd;}
.webzines li {float:left;}
.webzines li span {width:124px; text-align:center; display:inline-block; padding-bottom:15px; color:#124d93;}
.webzines li.monPic {width:124px;}
.webzines img.viewLoc {margin:29px 0 0 4px;}
.adobe {margin-top:15px;}
.adobe img {vertical-align:top;}




/* cyber */
.contribute {width:100%;}
.contribute img.script {margin-top:10px;}

.wiaBack {background:url(/images/image/contribute_01.gif) no-repeat 10px top; margin:35px 0 15px 0;}
.wiaWrap {width:475px; overflow:hidden; padding:13px 0; border-top:2px solid #5d9030; border-bottom:2px solid #5d9030; margin-left:185px;}
.wia {float:left; padding:0 0 0 30px;}
.wia li.title {margin-bottom:8px;}
.picBack {background:url(/images/image/contribute_02.gif) no-repeat right top; padding:30px 0 20px 0;}
.picBack li {margin-bottom:12px}
.picBack li.script {margin-bottom:20px}


.picLarge {width:660px; height:231px; background:url(/images/image/contibute_pic_back.gif) no-repeat left top; margin-bottom:25px;}
.picLarge img.picLoc {margin:31px 25px 0 31px; float:left; display:inline;}
.infoTxt {float:left; margin-top:35px;}
.infoTxt li {line-height:17px; width:320px;}
.infoTxt .title:link, .infoTxt .title:visited, .infoTxt .title:active, .infoTxt .title:hover {color:#115094; font-size:14px; font-weight:bold;}
.infoTxt li span {color:#087eb6;}
.infoTxt li strong {color:#949494;}
.infoTxt li.txtScript {margin:17px 0;}

.picNum {overflow:hidden; width:100%; margin-bottom:10px;}
.picNum img {display:inline;}

.picEntire {width:100%; background:url(/images/image/contibute_back_top.gif) repeat-x left top; border-bottom:2px solid #82c3e0; margin-bottom:17px;}
.picWrap {width:658px; overflow:hidden; margin:1px; border-bottom:1px solid #c0d4dd;}
.picSmall {width:128px; height:87px; clear:both; float:left; background:url(/images/image/contibute_pic2_back.gif) no-repeat left top; margin:10px 15px 0 23px; padding-bottom:10px; display:inline;}
.picSmall img.picLoc {margin:7px 0 0 7px; float:left; display:inline;}
.infoScript {line-height:17px; width:483px; margin-top:15px;}
.infoScript .title2:link, .infoScript .title2:visited, .infoScript .title2:active, .infoScript .title2:hover {color:#087eb6; font-size:12px; font-weight:bold;}
.infoScript li strong {color:#949494;}
.infoScript li {margin:3px 0 5px 0;}


.contributeView {width:100%; overflow:hidden; background:#e5f8ff; border-top:2px solid #82c3e0; border-bottom:1px solid #c0d4dd;}
.contributeView li {float:left; line-height:22px; padding-top:5px;}
.contributeView li.title {color:#087eb6; padding:5px 0 3px 35px;}
.contributeView li.date {width:120px; text-align:center; font-weight:bold; float:right; background:url(/images/image/table_sepe.gif) no-repeat left top;}
.contributeView li strong {color:#115094; display:block;}

.contributeCont {padding:15px 25px; line-height:130%;}
.contributeCont img.img {margin-bottom:10px;}

.prevNext {border-bottom:2px solid #82c3e0; width:100%;}
.prevNext td, .prevNext th {border-top:1px solid #c0d4dd; padding:8px 0;}
.prevNext .title3:link, .prevNext .title3:visited, .prevNext .title3:active, .prevNext .title3:hover {color:#087eb6;}
.prevNext .title3:hover {text-decoration:underline;}
.prevNext th img {display:inline;}
.prevNext td {padding-left:20px;}



.bizBack11 {background:url(/images/image/business_back_1_1.jpg) no-repeat left top; height:415px;}
.bizBack11Fore {background:url(/images/image/business_back_1_1_1fore.jpg) no-repeat left top; height:500px;}
.bizBack12 {background:url(/images/image/business_back_1_2.jpg) no-repeat left top; height:700px;}
.bizBack13 {background:url(/images/image/business_back_1_3.jpg) no-repeat left top; height:400px;}

.bizBack21 {background:url(/images/image/business_back_2_1.jpg) no-repeat left top; height:445px;}
.bizBack21Fore {background:url(/images/image/business_back_2_1fore.jpg) no-repeat left top; height:500px;}
.bizBack22 {background:url(/images/image/business_back_2_2.jpg) no-repeat left top; height:500px;}
.bizBack23 {background:url(/images/image/business_back_2_3.jpg) no-repeat left top; height:480px;}
.bizBack23Fore {background:url(/images/image/business_back_2_3fore.jpg) no-repeat left top; height:500px;}

.bizBack31 {background:url(/images/image/business_back_3_1.jpg) no-repeat left top; height:500px;}
.bizBack32 {background:url(/images/image/business_back_3_2.jpg) no-repeat left top; height:500px;}

.bizBack41 {background:url(/images/image/business_back_4_1.jpg) no-repeat left top; height:500px;}
.bizBack42 {background:url(/images/image/business_back_4_2.jpg) no-repeat left top; height:500px;}

.bizBack51 {background:url(/images/image/business_back_5_1.jpg) no-repeat left top; height:500px;}

.bizBack61 {background:url(/images/image/business_back_6_1.jpg) no-repeat left top; height:480px;}
.bizBack62 {background:url(/images/image/business_back_6_2.jpg) no-repeat left top; height:480px;}

.bizWrap {padding:45px 0 0 310px;}
.bizWrapFore {padding:40px 0 0 310px;}
.bizWrap h4 {margin-bottom:30px;}

.bizWrap .scriptTxt {width:330px; overflow:hidden;}
.bizWrap .scriptTxt h5 {margin-bottom:25px;}
.bizWrap .scriptTxt li {margin-bottom:15px; line-height:0; font-size:0;}
.bizWrap .scriptTxt li.bMar35 {margin-bottom:35px;}
.bizWrap .scriptTxt li.bMar10 {margin-bottom:10px;}
.bizWrap .scriptTxt li.btn {margin:30px 0 50px 0;}
.bizWrap .scriptTxt li.bottomLoc {margin-top:100px;}
.bizWrap .scriptTxt li.bottomLoc2 {margin-top:75px;}

#satellitePop {position:relative; top:0; left:0; background:red; width:660px;}
#satellitePop .geo {position:absolute; width:660px;}
#satellitePop .ortho {position:absolute; width:660px;}
#satellitePop img {margin:0 auto;}





/* faq */
#txtTab {width:650px; overflow:hidden; background:url(/images/btn/txt_tab_back.gif) left bottom; padding-left:10px;}
#txtTab li {float:left; margin-right:2px;}
#txtTab a {margin-right:2px; padding:0; overflow:visible; display:inline-block; vertical-align:top; cursor:pointer; position:relative; text-decoration:none! important;}

#txtTab .default {background:url(/images/btn/txt_tab_white.gif) top left; color:#7b7b7b;}
#txtTab .default span {background: url(/images/btn/txt_tab_white.gif) top right;}
#txtTab .over {background:url(/images/btn/txt_tab_blue.gif) top left; color:#fff;}
#txtTab .over span {background: url(/images/btn/txt_tab_blue.gif) top right;}
#txtTab li span {padding:8px 15px 3px 15px; left:2px; display:inline-block; vertical-align:top; position:relative; text-decoration:none! important; font-weight:bold; letter-spacing:-1px;}

.faqSearch {background:url(/images/image/faq_back.gif) top left; width:608px; height:60px; padding:17px 0 0 50px;}
.faqSearch input {width:320px; margin: 0 3px 0 20px;}
.faqSearch img {display:inline;}
.faqSearch li.accept {padding-top:8px;}
.faqSearch li strong {letter-spacing:-1px;}

.srchResult {width:100%; text-align:center; margin:30px 0;}
.srchResult span {color:#087eb6;}

.divDefault {display:none;}
.asCenter {width:100%; overflow:hidden;}
.asCenter li.centerSwf {width:183px; margin-right:30px; float:left;}
.asCenter li.centerTxt {width:447px; float:left;} 
.asCenter .upper {padding-bottom:15px; background:url(/images/image/center_back_top.gif) repeat-x left bottom; overflow:hidden;}
.asCenter .lower {background:url(/images/image/center_back_bottom.gif) repeat-x left bottom; margin-bottom:18px;}
.asCenter .centerInfo {width:100%; overflow:hidden; padding:5px 0; border-bottom:1px solid #c0d4dd;}
.asCenter .centerInfo dt {width:65px; float:left; clear:both; margin:3px 0;}
.asCenter .centerInfo dd {width:380px; float:left; padding:3px 0;}
.asCenter .centerInfo dd span {color:#087eb6;}

table.faq td {padding:8px 5px 7px 5px; border-top:1px solid #c0d4dd;}



/* inquity */
.inquiryTxt {width:658px; height:61px; overflow:hidden; background:url(/images/image/inquiry_txt_back.gif) left top; margin-bottom:15px;}
.inquiryTxt img {margin:15px 0 0 25px;}

.password {width:525px; height:250px; padding-left:135px; overflow:hidden; background:url(/images/image/inquiry_pw_back.gif) repeat-x left top;}
.password li {padding-left:17px; line-height:0; font-size:0;}
.password li.psTitle {float:right; padding:20px 28px 18px 0;}
.password li.icon {background:url(/images/icon/pw_notice.gif) no-repeat left 2px;}
.password li.space {margin:13px 0 20px 0;}
.password li.pwForm {background:url(/images/image/pw_form_back.gif) no-repeat 16px top; padding:5px 0 0 0; height:32px;}
.password img.title {margin:0 55px 0 40px;}
.password img.ok {margin:1px 0 0 5px;}
.password li.pwForm img {display:inline;}


/* learn by inspection */
p.footTxt {margin-bottom:20px;}
.importAgree {border:1px solid #c0d4dd; width:658px; margin:10px 0;}

.agreeOk {margin-bottom:20px;}

.visitScript {width:100%; height:200px; overflow:hidden; background:url(/images/image/visit_pic.gif) no-repeat right top;}
.visitScript img {margin-top:25px;}

.applyBox {width:600px; height:282px; overflow:hidden; background:url(/images/image/visit_application_box.gif) no-repeat left top; margin:25px 0 30px 0; padding:30px;}
.applyBox .appltCont {width:100%; overflow:hidden;}
.applyBox .boxLeft {float:left; width:280px; overflow:hidden;}
.applyBox dl {width:280px;}
.applyBox dt {margin-bottom:18px;}
.applyBox dd.accept img {margin-bottom:3px;}
.applyBox .acceptSpace {margin-top:15px;}
.applyBox p.btn {clear:both; text-align:center; overflow:hidden;}
.applyBox p img {margin-top:30px; display:inline;}

.applyBox .factoryDl {float:left; margin-left:30px;}
.applyBox .factory {border-bottom:1px solid #c0d4dd;}
.applyBox .factory li {margin-bottom:7px; background:url(/images/icon/blue_rect.gif) no-repeat left 5px; padding-left: 10px;}
.applyBox .factory li.title {padding:0; background:url(/images/image/visit_factory_line.gif) repeat-x left top;}
.applyBox .factory li.last {margin-bottom:12px;}

.visitNotice {clear:both;}
.visitNotice li {margin-bottom:7px; background:url(/images/icon/blue_rect.gif) no-repeat left 5px; padding-left: 10px;}
.visitNotice li.backNone {background:none; padding:0;}



/* fair trade */
#popFair {position:absolute; display:none; top:145px; left:55px; width:574px; height:375px;}



/* cyber inspection */
#inspect {width:800px; height:600px;}
#inspect h1 {height:68px; padding:27px 0 0 27px; background:url(/images/image/inspect_back.gif) no-repeat left top;}
.menuSwf {float:left;}
#inspect .copyright {clear:both; height:22px; background:#172e5a url(/images/image/inspect_copy_gradient.gif) repeat-y left top;}
#inspect .copyright img {float:right; margin:7px 22px 0 0; display:inline;}
#inspect .imgBtn {border:0; width:55px; padding:0; height:23px;}
#inspect .imgBtn2 {border:0; width:55px; padding:0; height:22px;}


.cyberBack {width:575px; float:left; background:url(/images/image/cyber_cont_back.gif) repeat-y left top; height:483px; overflow:hidden; padding-left:23px;}
.cyberTop {width:575px; background:url(/images/image/cyber_cont_top.gif) no-repeat right top; padding-top:25px;}

.cyberCont {width:530px; overflow:hidden; padding-top:15px;}
.cyberCont img.matching {margin:25px 0 15px 0;}
.cyberCont img.btnInform {margin:30px 0 20px 0; display:inline;}
.cyberCont img.useTitle {margin:30px 0 10px 0;}

.completeBack {width:523px; height:203px; padding:270px 0 0 32px; position:absolute; top:105px; left:212px; background:url(/images/image/complete_back.gif) no-repeat left top;}
.completeBack li.complScr {padding:15px 0 25px 8px;}
.completeBack li.complTiule {padding-left:8px;}
.completeBack f.btn {display:inline;}

.resultConfirm {width:530px; margin-top:100px; padding-top: 30px; height:95px; background:url(/images/image/result_confirm_back.gif) no-repeat left top;}
.resultConfirm img {margin:10px 0 0 115px;}
.conForm {width:530px; border-top:2px solid #82c3e0; border-bottom:2px solid #82c3e0;}
.conForm th {text-align:right; background:#effbff;}
.conForm img {display:inline; margin:0 8px;}
.conForm th, .conForm td {padding:5px 0;}
.conForm td input {margin:0 0 0 8px;}
.conForm img.btn {margin:0;}

.resultDiv {width:100%; height:60px; overflow:auto;}
.resultDiv2 {width:100%; height:90px; overflow:auto;}



/* product */
.toolTit {width:100%; overflow:hidden; margin-bottom:10px;}
.toolTit li.tit {float:left;}
.toolTit li.btn {float:right;}

.toolWrap {width:100%; overflow:hidden; margin-bottom:20px; color:#949494; font-size:11px;}
.toolWrap li {float:left;}
.toolFrame {width:217px; height:180px; padding:8px 0 0 8px; background:url(/images/image/product_frame.gif) no-repeat left top; margin-right:11px;}
.toolScript {width:424px; background:url(/images/image/product_txt_bottom.gif) no-repeat left bottom; min-height:183px;}
.scriptTitle {background:url(/images/image/product_txt_top.gif) no-repeat left top; height:29px; overflow:hidden}
.scriptTitle p.title {margin:7px 0 0 18px;}
.toolWrap .txt {overflow:hidden; margin:10px 0 0 20px; width:400px; padding-bottom:10px;}
.toolWrap .txt li {width:380px; clear:both; background:url(/images/icon/blue_circle.gif) no-repeat left 9px; line-height:19px; padding-left:8px;}

.smallWrap {width:100%; overflow:hidden; color:#949494; font-size:11px;}
.smallTool {float:left;}
.scriptTitleSmall {width:212px; background:url(/images/image/product_txt_top2.gif) no-repeat left top; height:29px; overflow:hidden}
.scriptTitleSmall p.titleSmall {margin:7px 0 0 18px;}
.toolWrapSmall {overflow:hidden; margin:8px 0 20px 0;} /* width:100%;  */
.toolFrameSmall {width:204px; height:179px; padding:8px 0 0 8px; background:url(/images/image/product_frame2.gif) no-repeat left top; margin-right:12px;}
.rightNone {margin-right:0;} 
.toolScriptSmall {width:100%; overflow:hidden;}
.toolScriptSmall .txtSmall {overflow:hidden; margin:10px 0 0 10px; width:200px; padding-bottom:10px;}
.toolScriptSmall .txtSmall li {width:192px; clear:both; background:url(/images/icon/blue_circle.gif) no-repeat left 9px; line-height:19px; padding-left:8px;}
.toolScriptSmall {width:208px; background:url(/images/image/product_txt_bottom2.gif) no-repeat left bottom; min-height:79px; margin-top:4px;}

.prodInquiry {margin:30px 0 10px 0;}

.toolWrap a:link, toolWrap a:visited, toolWrap a:active {color:#545454;}
.toolWrap a:hover {color:#5c89b3; font-weight:bold; letter-spacing:-1px;}

.smallWrap a:link, toolWrap a:visited, toolWrap a:active {color:#545454;}
.smallWrap a:hover {color:#5c89b3; font-weight:bold; letter-spacing:-1px;}


#prodList {overflow:hidden;}
#prodList li {float:left;}
#prodList li img {float:left;}
#prodList li.wid300 {width:300px; margin:0;} /* float:left;  */
#prodList li.wid250 {width:250px; margin:0;} /* float:left;  */ /* float:left;  */
#prodList li.wid230 {width:230px; margin:0;}
#prodList li.wid150 {width:150px; margin:0;} /* float:left;  */
#prodList li.wid400 {width:400px; margin:0;}
#prodList li.wid580 {width:580px; margin:0;}

#prodList li {float:left; height:18px; margin-right:20px;}

.robot {background:url(/images/image/prod_robot_back.gif) no-repeat left top; height:138px; padding:15px 0 0 35px;}
.freeOne {background:url(/images/image/prod_one_back.gif) no-repeat left top; height:28px; padding:15px 0 0 35px;}
.freeTwo {background:url(/images/image/prod_two_back.gif) no-repeat left top; height:45px; padding:15px 0 0 35px;}
.freeThree {background:url(/images/image/prod_three_back.gif) no-repeat left top; height:65px; padding:15px 0 0 35px;}
.freeFour {background:url(/images/image/prod_four_back.gif) no-repeat left top; height:84px; padding:15px 0 0 35px;}

.carGroup {margin:-20px 0 8px 0; overflow:hidden; width:100%;}
.carGroup p {float:right;}


.prodView {width:100%; overflow:hidden; margin-top:20px;}
.prodView li {float:left;}
.prodView li.smTtitle {clear:both; background:url(/images/icon/icon_prod_car.gif) no-repeat 9px 4px; padding-left:18px;}
.prodView li.scriptFloat {padding-left:20px; clear:both; width:100%;}
.prodView li .scriptLoc {width:250px; float:left;}
.prodView img.imgStyle1 {margin:15px 0;}

.simulation {width:100%; overflow:hidden; margin-top:10px;}
.simulation li {float:left; margin-right:16px;}
.simulation li.last {margin-right:0;}

.bendProcess {margin-top:9px; background:url(/images/image/prod_bending_img05.gif) no-repeat 11px 0; height:45px; width:200px;}
.bendProcess img {margin:4px 0 2px 24px;}




.prodFrame {background:url(/images/image/prod_frame.gif) no-repeat left top; width:216px; height:192px; padding:8px 0 0 9px; margin:0 10px 10px 0;}

.frameLWrap {width:100%; overflow:hidden; margin-top:10px;}
.frameLWrap li.smTtitle {clear:both; background:url(/images/icon/icon_prod_car.gif) no-repeat 9px 4px; padding-left:18px;}
.prodFrameLarge {float:left; background:url(/images/image/prod_frame_large.gif) no-repeat left top; width:307px; height:193px; padding:8px 0 0 9px; margin:10px 28px 0 0;}

.frameSWrap {width:100%; overflow:hidden; margin-top:10px;}
.frameSWrap li.smTtitle {clear:both; background:url(/images/icon/icon_prod_car.gif) no-repeat 9px 4px; padding-left:18px;}
.prodFrameSmall {float:left; background:url(/images/image/prod_frame_small.gif) no-repeat left top; width:207px; height:193px; padding:8px 0 0 9px; margin:10px 6px 0 0;}

.frameS2Wrap {width:100%; overflow:hidden; margin-top:10px;}
.frameS2Wrap li.smTtitle {clear:both; background:url(/images/icon/icon_prod_car.gif) no-repeat 9px 4px; padding-left:18px;}
.prodFrameSmall2 {float:left; background:url(/images/image/prod_frame_small2.gif) no-repeat left top; width:153px; height:130px; padding:8px 0 0 9px; margin:0 4px 0 0;}

.smallTwo {width:100%; overflow:hidden;}
.smallTwo li {float:left;}
.smallTwo li.firstSmall {width:330px; }
.smallTwo li.secondSmall {padding-left:2px;}

.popLayer {float:right; margin:1px 15px 0 0; display:inline;}



.prodSCript dt {overflow: hidden; background:url(/images/image/prod_title_back.gif) no-repeat left top; width:424px; height:29px;}
.prodSCript dt img {margin: 7px 0 0 18px;}
.prodSCript dd {background:url(/images/icon/marline_circle.gif) no-repeat 9px 4px; padding-left:18px; margin-top:12px;}


.titleBack {overflow: hidden; background:url(/images/image/prod_title_back.gif) no-repeat left top; width:424px; height:29px;}
.titleBack img {margin: 7px 0 0 18px;}

.titleBackExt {overflow: hidden; background:url(/images/image/prod_title_back2.gif) no-repeat left top; width:660px; height:29px;}
.titleBackExt img {margin: 7px 0 0 18px;}

.titleBackSmall {overflow: hidden; background:url(/images/image/prod_title_back3.gif) no-repeat left top; width:325px; height:29px;}
.titleBackSmall img {margin: 7px 0 0 18px;}

.titleLeft {padding:15px 0 0 10px;}

.bendingLine {width:100%; overflow:hidden;}
.bendingLine li.backLine {width:360px; margin-top:17px; background:url(/images/image/prod_bending_img01.gif) no-repeat 350px top;}
.bendingLine li.sizeRe {width:290px;}


.carInner {width:100%; overflow:hidden; margin-top:15px; float:left;}
.carInner dt {margin-bottom:5px; background:url(/images/icon/icon_prod_car.gif) no-repeat 9px 4px; padding-left:18px;}
.carInner dd {margin:0 0 20px 0; padding-left:18px; min-width:400px! important;}
.carInner dd.marRe {margin-bottom:5px;}
.carInner dd.padRe {padding:0 0 0 3px; background:none;}
.wid330 {width:330px! important; margin-left:20px;}


.backArrow {width:100%; overflow:hidden; background:url(/images/image/blanking_img_arrow.gif) repeat-x 116px 20px;}
.lineCons {width:108px; margin-right:27px; float:left;}
.lineCons li.txt {padding:13px 0 0 2px;}






/*recruit */
.people {}
.people .creative {background:url(/images/image/peolple_back1.gif) no-repeat left top; height:213px;}
.people .challenge {background:url(/images/image/peolple_back2.gif) no-repeat right top; height:226px;}
.people .world {background:url(/images/image/peolple_back3.gif) no-repeat left top; height:226px;}
.people img {display:inline;}
.people li.tMarM20 {margin-top:-20px;}
.people img.tMar10 {margin-top:10px;}
.people img.tMar40 {margin-top:40px;}
.people img.tMar55 {margin-top:55px;}

.employment {margin-bottom:35px;}
.employment dt {margin-bottom:15px;}
.employment dd {background:url(/images/icon/gray_circle.gif) no-repeat 3px 4px; margin-bottom:5px; padding-left:10px}
.employment dd.styleNone {background:none; padding:0;}
.employment dd.backNone {background:none;}

.employProcess {width: 100%; overflow:hidden; background:url(/images/image/process_arrow.gif) repeat-x left 40px;}
.employProcess li {float:left; margin-right:21px; width:76px;}
.employProcess li.lst {margin:0;}


.welfareSlogun {width:100%; height:240px; overflow:hidden; background:url(/images/image/welfare_back.gif) no-repeat right top; margin-top:-20px;}
.welfareSlogun .txt {margin:40px 0 20px 0;}

.welfareScript {padding-left:120px; margin-bottom:40px;}
.welfareScript dt {margin-bottom:15px; background:url(/images/image/gray_circle.gif) no-repeat left top;}
.welfareScript dd {margin-bottom:5px; padding-left:10px; background:url(/images/icon/gray_circle.gif) no-repeat 2px 4px;}

.iconLife {background:url(/images/image/welfare_01.gif) no-repeat left top;}
.iconLeisure {background:url(/images/image/welfare_02.gif) no-repeat left top;}
.iconMedical {background:url(/images/image/welfare_03.gif) no-repeat left top; height:100px;}

.sysSlogun {width:100%; overflow:hidden;}
.sysSlogun .txt {margin:0 0 20px 0;}

.peoSys {padding-left:82px; margin-bottom:35px;}
.peoSys dt {margin-bottom:15px;}
.peoSys dd {margin-bottom:5px; padding-left:10px; background:url(/images/icon/gray_circle.gif) no-repeat 2px 4px;}
.peoSys dd.styleNone {background:none; padding:0;}

.iconEmploy {background:url(/images/image/system_01.gif) no-repeat left top;}
.iconValue {background:url(/images/image/system_02.gif) no-repeat left top;}
.iconUpgrade {background:url(/images/image/system_03.gif) no-repeat left top;}

.processPic {width:100%; overflow:hidden; margin-bottom:50px;}


/* announce */
.announceView {width:630px; padding:0 0 5px 30px; border-bottom:2px solid #82c3e0; background:url(/images/image/announce_01.gif) no-repeat left top; font-size:14px; color:#124d93; margin-bottom:25px;}
.jobTxt {margin:20px 0; line-height:130%;}
.jobTxt span {margin-bottom:10px; color:#124e94; display:inline-block;}

.writeResume {background:url(/images/image/job_line3.gif) repeat-x left top; padding-top:15px; text-align:center;}



/* entry company */
.desireProcess {width:100%; overflow:hidden; margin-top:15px; background:url(/images/image/desire_process_back.gif) repeat-x left 20px;}
.desireProcess li {float:left; margin-right:15px;}
.desireProcess li.lstField {margin-right:0;}

.agreeWrap {margin-top:25px;}
.scrollBox {padding:10px 14px; overflow:auto; width:630px; height:80px; background-color:#f8f8f8; border:1px solid #b8dff2; color:#5f727f; line-height:19px;}
.scrollBox strong {display:block;}
.scrollBox135 {height:135px;}
.agreeCheck {padding:5px 0 0 10px;}
.agreeCheck input {border:0;}

.introduce {margin-top:25px;}
.introduce li.title {margin-bottom:10px;}
.introduce li.notice {margin-top:8px;}
.introduce textarea {padding:10px 14px; overflow:auto; width:630px; height:80px; background-color:#f8f8f8; border:1px solid #b8dff2; color:#5f727f; line-height:19px;}

.submit {margin-top:30px; padding-left:5px;}
.bottomSepe {padding-bottom:20px; background:url(/images/image/submit_dot_line.gif) repeat-x left bottom;}

.footStep {width:100%; overflow:hidden; margin-top:10px;}
.footStep li {float:left;}
.resumePic {width:124px; margin-right:16px;}
.innerPic li {width:124px;}
.innerPic li.pic {height:165px; background-color:#e6e9ec; margin-bottom:9px;}
.innerPic li.btn {text-align:center;}
.innerPic li.script img {margin:5px 0 0 3px;}

.resumeInfo {width:520px;}

#submitPop {display:none; position:absolute; width:510px; height:190px; padding-top:100px; top:357px; left:310px; background:url(/images/image/submit_back.gif) no-repeat left top;}
#submitPop li {padding-top:15px; text-align:center;}
#submitPop li strong {color:#134f95;}
#submitPop li img.submitBtn {margin-top:40px;}



/* sitemap */
.sitemapTop {background:url(/images/image/sitemap_top.gif) no-repeat left top; padding:40px 0 0 35px;}
.sitemapBottom {background:url(/images/image/sitemap_bottom.gif) no-repeat left bottom;}
.sitemapBack {background:url(/images/image/sitemap_back.gif) repeat-y left top;}

.sitemapWrap {width:100%; overflow:hidden;}
.sitemapWrap li {float:left; display:inline;}

.sitemapItem {overflow:hidden; background:url(/images/image/sitemap_line.gif) repeat-y left 20px; padding-left:30px; margin-bottom:30px;}
.sitemapItemBack {background:none;}
.sitemapItem dt {margin:15px 0 10px 0;}
.sitemapItem dd {margin-bottom:7px;}

.widSize1 {width:155px;}
.widSize2 {width:158px;}
.widSize3 {width:177px;}
.hei300 {height:300px;}
.hei330 {height:330px;}
.hei580 {height:580px;}

.sitemapBanner {padding-left:30px;}


/* innovation */
#innvtn {width:800px; overflow:hidden;}
#innvtn .imgBtn {border:0; width:54px; padding:0; height:23px; margin-top:2px;}
#innvtn .imgBtn2 {border:0; width:59px; padding:0; height:23px; margin-top:2px;}

.innoLstWrap {margin:25px auto; width:680px;}
.innoLstBor {width:100%; overflow:hidden; border-bottom:1px solid #f0f0f0}
.innoLstWrap p.totalNum {color:#7a7a7a; font-size:11px; margin-bottom:10px;}
.innoLst {width:100%; padding:8px 0; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.innoLst dt {float:left; width:120px;}
.innoLst img.thumBor {border:1px solid #f0f0f0;}
.innoLst dd {float:left; width:560px;}
.innoLst strong {color:#7f980c; display:block; margin:2px 0 3px 0;}
.innoLst span.txt {font-size:11px; line-height:120%;}
.innoLst span.date {color:#b4b4b4; display:block;}

.innoViewBor {width:100%; overflow:hidden; border-top:2px solid #a5d56d; border-bottom:2px solid #f0f0f0}
.innoView {width:100%;}
.innoView th {color:#7f980c; background:#e2ffc0; padding:7px 0 6px 20px; text-align:left;}
.innoView th.txtDate {font-size:11px; font-weight:normal; color:#565656;}
.innoView td {padding:20px;}
.innoView .contArea {width:100%; height:300px; overflow:auto; vertical-align:top;}
.innoView .imgInCont {margin:0 auto;}

.movePost {width:100%; overflow:hidden;;}
.movePost th {padding:6px 0 5px 0; border-top:1px solid #f0f0f0}
.movePost th img {display:inline;}
.movePost td {padding:7px 0 5px 20px; border-top:1px solid #f0f0f0}






/* footer */
#footer {width:875px; margin: 50px auto 0 auto; border-top:1px solid #c2c2c2; padding-top:10px; overflow: hidden; padding-bottom: 30px;}
#footer p {float:left; margin-right:20px;}
#footer p.fair {float: right; margin:0;}
#footer p.inno {float: right; margin:0;}
#footer .footInfo {float:left; list-style:none; margin:5px 0 0 0; width:560px; overflow: hidden;}
#footer .footInfo li {float:left; padding:3px 8px 0 0; margin-right:8px; background:url(/images/common/foot_sepe.gif) no-repeat right 3px;}
#footer .footInfo li.backNone {background:none;}
#footer .footInfo li.cyberBtn {margin-left: -10px; padding:0;}
#footer .footInfo li.copyright {clear:both; margin-top:2px;}


/* sepe style */
.verImg {vertical-align:middle;}
.marMT10 {margin-top:-20px !important;}
.backNone {background:none! important;}


.goTop {float:right; margin:-10px 2px 0 0;}

.wid20 {width:20px;}
.wid30 {width:30px;}
.wid35 {width:35px;}
.wid45 {width:45px;}
.wid50 {width:50px;}
.wid55 {width:55px;}
.wid60 {width:60px;}
.wid65 {width:65px;}
.wid70 {width:70px;}
.wid80 {width:80px;}
.wid90 {width:90px;}
.wid100 {width:100px;}
.wid110 {width:110px;}
.wid120 {width:120px;}
.wid130 {width:130px;}
.wid150 {width:150px;}
.wid170 {width:170px;}
.wid200 {width:200px;}
.wid250 {width:250px;}
.wid295 {width:295px;}
.wid365 {width:365px;}
.wid410 {width:410px;}

.height30 {height:30px;}
.height60 {height:60px;}
.height70 {height:70px;}

.height90 {height:90px;}

.marHei {margin:2px 0;}
.marWid {margin:0 5px;}

.tMar3 {margin-top:3px;}
.tMar10 {margin-top:10px! important;}
.tMar40 {margin-top:40px! important;}
.tMar30 {margin-top:30px! important;}
.tMarM5 {margin-top:-5px;}
.tMarM9 {margin-top:-9px;}
.tMarM10 {margin-top:-10px;}
.tMarM16 {margin-top:-16px;}
.tMarM20 {margin-top:-20px;}
.tMar20 {margin-top:20px;}
.bMar5 {margin-bottom:5px;}
.bMar8 {margin-bottom:8px;}
.bMar15 {margin-bottom:15px;}
.bMar20 {margin-bottom:20px;}



.rMar3 {margin-right:3px;}
.rMar10 {margin-right:10px;}

.bMar10 {margin-bottom:10px;}
.bMar30 {margin-bottom:30px! important;}
.rMArZero {margin-right:0;} 
.padZero {padding:0! important;} 

.lMar10 {margin-left:10px;}
.lMar80 {margin-left:80px;}

.picBor {border:1px solid #333! important;}



.wiaEntireLine {width:100%; background:url(/images/image/ad_line.gif) repeat-x left bottom;}
.wiaAdWrap {margin-bottom:5px;}
.wiaAd {width:100%; overflow:hidden; margin-top:5px;}
.wiaAd dt {float:left; width:175px;}
.wiaAd dd {float:left;}
.wiaAd .script {width:485px; height:190px; background:url(/images/image/ad_line.gif) repeat-x left bottom;}
.wiaAd .scriptBorderNone {background:none;}
.script li.subj {padding:10px 0 15px 0; background:url(/images/image/ad_dot_line.gif) repeat-x left bottom;}
.script li.scr {height:80px; padding-top:12px;}
.script li.btn {text-align:right;}
.script li.btn img {display:inline; margin-right:10px;}