@charset 'utf-8';
 
h4 { font-size:18px; font-weight:600; font-family:'Source Sans Pro'; }

select { min-width:100px; padding:2px 2px 2px 0; /*margin:0px 2px;*/ border:1px solid #c7c9cf; color:#4E545A; }
input[type=text] { padding:2px; border:1px solid #c7c9cf; }

figure > img {max-width:100%}
figcaption {position:absolute;left:-99999px;}

 .hidden {font-size:0px; line-height:0px; width:0px; height:0px;}
 
/* table */
.tableList { width:100%; }
.tableList th { padding:8px 0; border-top:2px solid #677681; border-bottom:1px solid #677681; font-size:14px; text-align:center; color:#4e545a;}
.tableList td { padding:10px 0; border-bottom:1px solid #e0e6ed; font-size:13px; text-align:center; color:#4e545a;}
.tableList .gray,
.tableList td a { color:#4e545a; }
.tableList .blue { color:#458acf; }
.tableList .alignL { text-align:left;}
.tableList td.c8c9094 {color:#8c9094;}

.tableView { width:100%;}
.tableView th { padding:10px 0; border-top:2px solid #677681; border-bottom:1px solid #677681; color:#4e545a; font-size:15px; text-align:left; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.tableView td { padding:45px 20px; border-bottom:1px solid #e2e2e2; color:#4e545a; font-size:14px; text-align:left; line-height:2em; }
.tableView td.viewContents {padding:45px 200px 45px 20px; border-bottom:0 none;  line-height:1.5em; }
.tableView td.viewContents table td {padding:10px 20px !important;}
.tableView td.file { padding:5px 0; padding-left: 20px; font-size:12px; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; background-color:#f7f7f7;}
.tableView td.file strong { padding-right:13px; margin-right:10px; background:url(/static/images/mediaCenter/attachedLine.gif) no-repeat 100% 50%;}
.tableView td.file span { margin-right:10px; padding-left:20px; background:url(/static/images/mediaCenter/icoFile.gif) no-repeat;}
.tableView .gray { color:#8c9094; font-weight:normal; }
.tableView .title { padding-left:20px; }
.tableView .title span {margin-right:14px; font-size:13px; color:#59a9da;}
.tableView .title span i {padding-right:8px; margin-right:8px; background:url(/static/images/mediaCenter/attachedLine.gif) no-repeat 100% 50%;}

.tableNav {/*margin-top:40px;*/ border-top:1px solid #e2e2e2; /*border-bottom:1px solid #e2e2e2;*/ }
.tableNav li { padding:10px 15px 10px 0px; border-bottom:1px solid #e2e2e2; font-size:14px; overflow:hidden;  }
.tableNav span { display:inline-block; color:#8c9094; }
.tableNav span.order { padding-left:2%; width:4%;}
.tableNav span.orderPrev {padding-left:2%; width:4%; background:url(/static/images/common/bul/arrPrev.gif) no-repeat 13% 50%;} 
.tableNav span.orderNext {padding-left:2%; width:4%; background:url(/static/images/common/bul/arrNext.gif) no-repeat 13% 50%;}
.tableNav span.title { width:84%; }
.tableNav span.title a { display:inline-block; width:100%; color:#4e545a; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; line-height:1.5em; vertical-align:middle; }
.tableNav span.date { padding-left:2%; width:5%; }
.tableNav span.title span {margin-right:14px; font-size:13px; color:#59a9da;}
.tableNav span.title span i {padding-right:8px; margin-right:8px; background:url(/static/images/mediaCenter/attachedLine.gif) no-repeat 100% 50%;}

.btn { margin-top:10px; text-align:right; }

/*paging*/
.paging { margin-top:38px; text-align:center; }
.paging a, .paging strong { display:inline-block; margin:0 2px; padding:0 8px; height:23px; border:1px solid #e9e9e9; color:#919191; line-height:23px; text-align:center; vertical-align:top}
.paging a span{display:inline-block;text-indent: -999em;}
.paging a.first, .paging a.last{padding:0; width:29px; height:25px; border:0; }
.paging a.first {background:url(../images/careers/btnFirst.gif) 0 0 no-repeat; }
.paging a.last {background:url(../images/careers/btnLast.gif) 0 0 no-repeat; }
.paging a.prev, .paging a.next{ padding:0; width:25px; height:25px; border:0; } 
.paging a.prev {margin-right:12px; background:url(../images/careers/btnPrev.gif) 0 0 no-repeat; }
.paging a.next {margin-left:12px; background:url(../images/careers/btnNext.gif) 0 0 no-repeat; }

/* history / 전체 tab */
.historyTab > ul {border-bottom:2px solid #4173bd;}
.historyTab>ul li {float: left; width: 20%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.historyTab>ul li a {display:block; padding-top:6px; height:29px; font-weight:600; font-family:'Source Sans Pro'; font-size:17px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;}
.historyTab>ul li a.first {border-left:1px solid #c9d5e4;}
.historyTab>ul li.on a {margin-left:-1px; color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.historyTab>ul li.on a.first {border-left:1px solid #4173bd;}

.tabPolicy {margin-bottom:15px; padding-bottom:2px; background:url('/static/images/common/bg/bgTabul.gif') repeat-x left bottom;}
.tabPolicy .tab {border-bottom:2px solid #4173bd;}
.tabPolicy .tab li {float: left; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} 
.tabPolicy .tab li a {display:block; padding-top:6px; height:29px; font-weight:600; font-family:'Source Sans Pro'; font-size:16px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;}
.tabPolicy .tab li a.first {border-left:1px solid #c9d5e4;}
.tabPolicy .tab li.on a {margin-left:-1px; color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.tabPolicy .tab li.on a.first {border-left:1px solid #4173bd;}
.tabPolicy .tab li span a {padding-top:3px; height:32px; line-height:0.9;}

.tabPolicy .tab.devide20 li {width:20%;}
.tabPolicy .tab.devide24_3 li {width:24.3%;}
.tabPolicy .tab.devide25 li {width:25%;}
/*
.tabPolicy .tab.devide14_28 li {width:14.28%;}
.tabPolicy .tab.devide12_5 li {width:12.5%;}
*/
/* width 크기변경 - 2016.10.07 */
.tabPolicy .tab.devide14_28 li {width:16.66%;}
.tabPolicy .tab.devide12_5 li {width:14.25%;}

/* table Search */
.searchPolicy {margin-bottom:10px; width:100%;}
.searchPolicy:after {content:""; display:block; clear:both;}
.searchPolicy .alignL {float:left;}
.searchPolicy .alignL .marR10 {margin-right:10px; float:left;}
.searchPolicy .alignR {float:right;}

.searchPolicy label {margin:2px 5px 0 0; float:left; font-family:'Source Sans Pro'; font-weight:600;}
.searchPolicy select {padding:0; margin:0 5px 0 0; float:left; height:23px;}
.searchPolicy input {float:left; padding:0;}
.searchPolicy button {float:left;}
.searchPolicy .inp_text {padding:0 2px; margin-right:5px; width:91px; height:21px; line-height:22px;}

/*company*/
.comBox01{position:relative;/*margin-top:-104px;*/}
.comBox01>img{width:100%;}
.comBox01 .comBoxInner { position:absolute; bottom:0px; left:0px; width:100%; background: #000; background:url(../images/company/bg.png);}
.comBox01 h4 {font-size:25px; padding-top:15px; padding-left:30px; margin-bottom:10px; color:#fff; font-family:'source sans pro'; }
.comBox01 p { padding:0 30px 20px; line-height:1.5; color:#ddd; font-size:15px;}
.comBox01 .devideMid {margin-bottom:-27px; padding:9px 20px 0; width:auto; line-height:1.5; font-size:15px; color:#c1c7ca;}
.comBox01 .ptSpace {/*padding-top:60px;*/}
.comBox01 .devideMid .sustainabilityLeft,
.comBox01 .devideMid .sustainabilityRight {width:48%;}
.comBox01 .btnBrochureDown{ /*position:absolute; top:17px; right:14px;*/ padding:0 0 10px; margin-right:27px; text-align:right;}
/*.comBox01 .btnBrochureDown a{display:inline-block;width:127px;height:20px;padding:4px 0 7px 45px; text-align:left; background:url(../images/company/btnBrochureDownload.png) no-repeat left top;color:#ffffff; font-size:12px; line-height:2;}*/
.keyNumbers { margin-top:-28px; margin-bottom:-15px;} 
.keyNumbers li{float:left;min-width:150px;width:16%;margin-right:5%;font-weight:bold;}
.keyNumbers li span{position:relative; margin-left:4px; font-size:14px; line-height:1em; text-align:left; color:#677681; font-weight:500;}
.keyNumbers li strong{display:block;margin-top:15px;font-size:4em;line-height:1.2em;border-bottom:3px solid #30c3d5;text-indent:-3px;color:#677681; font-weight:bold;}
.keyNumbers li.keyUsd strong {position:relative;}
.keyNumbers li.last {margin-right:-1px;}
.keyNumbers li span+strong{margin-top:0;}
.keyNumbers li strong i{position:absolute; top:20px; margin-left:7px; font-size:14px; line-height:1em; vertical-align:top; color:#4e545a; font-weight:500; margin-top:3%;}
.keyNumbers li em{display:block;padding:5px 0;color:#777; font-size:15px; font-family:'source sans pro'; font-weight:400; }

.businessUnit {margin-right:-1.5%;}
/* .businessUnit li{float:left; margin-right:1.6%; width:12.7%;height:94px;line-height:94px;text-align:center;font-weight:400;color:#fff; font-family:'source sans pro';} */
/* width 크기변경 - 2016.10.07 */
.businessUnit li{float:left; margin-right:1.6%; width:18.6%;height:94px;line-height:94px;text-align:center;font-weight:400;color:#fff; font-family:'source sans pro';}
.businessUnit li.pattern1 {background:#4173bd;}
.businessUnit li.pattern2 {background:#0081a1;}
.businessUnit li.last {margin-right:0;}
/*.businessUnit li + li {margin-left:1.142%}*/
.businessUnit li span{display: inline-block;line-height:18px;vertical-align: middle; font-size:17px; font-weight:400; }

/*imgBox*/
.imgBox .unit { text-align:right; font-size:12px; color:#696969; }
.imgBox{/*width:97.3%;*/padding:10px 10px 10px;border:1px solid #ededed;background:#fafafa;text-align:center;overflow:hidden;}
.imgBox .col2{display:inline-block;width:49%;/*min-width:375px;*/margin:0px auto 10px}
.imgBox .paddeff {padding:14px 15px 18px;}

/*historyTab
.historyTab>ul{border-left:1px solid #c9d5e4;}
.historyTab>ul li{float: left;width: 20%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.historyTab>ul li a{display:block;height:52px;line-height:52px;border:1px solid #c9d5e4; border-left:0 none;text-align:center;font-weight:bold; font-size: 16px;}
.historyTab>ul li.on a{background:#4173bd;color:#ffffff;}

.historyTab>ul {border-bottom:2px solid #4173bd;}
.historyTab>ul li{float: left; width: 20%; font-weight:600; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.historyTab>ul li a.first {border-left:1px solid #c9d5e4;}
.historyTab>ul li a{display:block; padding:7px 0; font-family:'Source Sans Pro'; font-size:16px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.historyTab>ul li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd; margin-left:-1px;}
.historyTab>ul li.on a.first {border-left:1px solid #4173bd;}
*/

/* history */
.historyWrap{width:100%;overflow:hidden;position:relative; padding-bottom:2px; /*background:url('/static/images/common/bg/bgTabul.gif') repeat-x left bottom;*/}
.historyInner{width:500%;position:relative;}
.historyInner>div{position:relative;float:left;width:20%;border-top:1px solid #e9edf1;background:#f7f7f7;color:#4e545a; }
.historyInner>div>div{padding:30px 40px 40px;}
.historyInner>div p { margin:0px 40px !important; font-size:16px; line-height:150%;}
.historyInner h4{margin-top:50px; margin-bottom:15px; font-size:4em;color:#30c3d5; font-weight: bold; line-height: 1;  font-family: 'Arial'}
.historyInner h4 span{display:inline-block;font-size:18px;color:#677681;  font-family:'Source Sans Pro'; letter-spacing:-0.01px; font-weight:bold;}

.galleryList01{position:relative; margin-top:30px; }
.galleryList01 .prev{position:absolute;top:33%;left:0px;}
.galleryList01 .next{position:absolute;top:33%;right:0px;}
.galleryList01>div{margin:0 40px;overflow:hidden;}
.galleryList01 ul{width:1410px;position:relative;left:0;}
.galleryList01 ul li{position:relative;float:left;width:120px;height:63px;margin-right:10px}
.galleryList01 ul li a img{width:120px;height:63px;}
.galleryList01 ul li a span{display:block;position:absolute;top:0;left:0px;width:120px;height:63px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.galleryList01 ul li.on a span{border:5px solid #458acf}

.galleryList02{position:relative; margin:0px 40px;}
.galleryList02 .prev{position:absolute;top:50%;left:30px;z-index:5;margin-top: 17px;}
.galleryList02 .next{position:absolute;top:50%;right:30px;z-index:5;margin-top: 17px;}
.galleryList02>div{position:relative;overflow:hidden;}
.galleryList02 ul{position:relative;/*width:1500%*/}
.galleryList02 ul li{/*float:left;width:6.6666%*/display:none;}
.galleryList02 ul li.on{display:block;}
.galleryList02 ul li img{width:100%;}
.galleryList02 div h4 { margin-top:33px; }

/* Philosophy */
.philosophy ul { margin-top:20px; border-top:2px solid #677681; }
.philosophy ul li { padding:40px 0 50px 0;/* text-align:center; padding:60px 0px;*/}
.philosophy ul li + li { border-top:1px solid #e6e6e6;}
.philosophy ul li img { width:100%; }
.philosophy ul li.web { display:block;}
.philosophy ul li.mobile { display:none;}
.philosophy ul li.web1 img{ max-width:769px; max-height:143px; }
/*.philosophy ul li.web2 img { max-width:878px; max-height:453px;}*/
.philosophy ul li.web2 img {max-width:878px; max-height:453px;}

.philosophy strong {float:left; /*width:23%;*/ width:15%;margin-right:7%; font-family:'source sans pro'; font-size:30px; color:#30c3d5;}
.philosophy strong.deff {width:15%; margin-right:7%;}
.philosophy ul li.web span {overflow:hidden; font-size:22px; color:#4e545a;}
.philosophy ul li.web2 div {overflow:hidden;}
.philosophy ul li.web2 div dl {clear:both; margin-bottom:28px;}
.philosophy ul li.web2 div dt {float:left; margin-right:5%;}
.philosophy ul li.web2 div dd {padding-top:15px; overflow:hidden; font-size:22px; color:#4e545a;}
.philosophy ul li.mobile strong {width:100%; margin-bottom:10px;}
.philosophy ul li.mobile div {overflow:visible;}

.philosophy .step03_inner ul {margin-top:0; border-top:0 none; }
.philosophy .step03_inner li {padding:0 0 0 5px; background:url("/static/images/sustainability/squareBullet.gif") no-repeat 0 9px;}
.philosophy .step03_inner ul li + li {border:0 none;}

/* vision */
.vision .img:first-child { margin-bottom:90px; }
.vision .visionFirst {padding:16px 0 35px;}
.vision .imgDefault {display:block;}
.vision .img768 {display:none;}
.vision .img480 {display:none;}

/* Leadership 
.Leadership .tab { margin-bottom:30px; border-bottom:2px solid #4173bd; }
.Leadership .tab li { float:left; width:23.7%; background:#fbfbfb; border-top:1px solid #c9d5e4; }
.Leadership .tab li.on { background:#4173bd; border-top:1px solid #4173bd; }
.Leadership .tab li.on a { color:#fff; border-left:1px solid #4173bd; }
.Leadership .tab li a { display:block; padding:7px 0 5px 0; text-align:center; font-size:15px; font-weight:bold; border-left:1px solid #c9d5e4; border-right:1px solid #c9d5e4;  }
.Leadership .tab li + li a{ border-left:0; }

.Leadership .tab {border-bottom:2px solid #4173bd;}
.Leadership .tab li{float: left; width:24.3%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.Leadership .tab li a.first {border-left:1px solid #c9d5e4;}
.Leadership .tab li a{display:block; padding:7px 0; font-family:'Source Sans Pro'; font-size:16px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.Leadership .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.Leadership .tab li.on a.first {border-left:1px solid #4173bd;}
*/
.Leadership .info { position:relative; min-height:400px; margin-bottom:50px; }
.Leadership .info .imgLeft { float:left; margin-right:20px;}
.Leadership .info h4 { position:absolute; left:60px; top:360px; font-size:25px; font-weight:bold; color:#222; }
.Leadership .info .title { position:absolute; left:60px; top:395px; font-size:13px; font-weight:bold; color:#677681; }
.Leadership .info .text { margin-left:397px; font-size:14px; line-height:1.6em; }
.Leadership .info .text strong { color:#30c3d5; font-size:22px; }

.Leadership .info2 { width:100%; margin-bottom:16px;}
.Leadership .info2:after {content:""; display:block; clear:both;}
.Leadership .info2 .imgLeft { float:left; margin-right:20px;}
.Leadership .info2 h4 {display:inline-block; margin-top:-7px; font-size:25px; font-weight:600; color:#444; font-family:arial; overflow:hidden;}
.Leadership .info2 .title { margin-bottom:21px; font-size:16px; font-weight:bold; color:#677681; }
.Leadership .info2 .text { font-size:14px; overflow:hidden; line-height:1.7em;}

/* Accolades */
.Accolades { font-size:14px;}
.Accolades .title { font-size:18px; color:#1a559b;}
.Accolades h4 { margin-top:65px;margin-bottom:15px;font-size:1.8em; color: #0054a6}
.Accolades h4:first-child{margin-top:0;}
.Accolades ul { border-top:2px solid #677681; border-bottom:2px solid #677681; }
.Accolades ul li.img1 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg1.gif) no-repeat center center;}
.Accolades ul li.img2 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg2.gif) no-repeat center center;}
.Accolades ul li.img3 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg3.gif) no-repeat center center;}
.Accolades ul li.img4 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg4.gif) no-repeat center center;}
.Accolades ul li.img5 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg5.gif) no-repeat center center;}
.Accolades ul li.img6 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg6.gif) no-repeat center center;}
.Accolades ul li.img7 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg7.gif) no-repeat center center;}
.Accolades ul li.img8 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg8.png) no-repeat center center;}
.Accolades ul li.img9 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg9.gif) no-repeat center center;}
.Accolades ul li.img10 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg10.gif) no-repeat center center;}
.Accolades ul li.img11 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg11.gif) no-repeat center center;}
.Accolades ul li.img12 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg12.gif) no-repeat center center;}
.Accolades ul li.img13 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg13.gif) no-repeat center center;}

.Accolades ul li { min-height:80px;}
.Accolades ul li.img14 h5 span{ min-height:70px;background:#f5f6f6 url(../images/company/AccoladesImg14.gif) no-repeat center center;}
.Accolades ul li.img15 h5 span{ background:#f5f6f6 url(../images/company/AccoladesImg15.gif) no-repeat center center;}

/* visual title 영역까지 */
.contents_tit.awardVisual {width:100%; min-height:221px; background:url(/static/images/company/bg_award.gif) no-repeat 100% 39px;}
.contents_tit.awardVisual .AccoladesExplan {margin-top:-13px; font-size:23px; color:#566e8d;}

/*.Accolades ul li { position:relative;margin:5px 0px; padding:5px 0px;}*/
.Accolades ul li + li { border-top:1px solid #dce1e5;}
.Accolades ul li div{ position:relative;margin:10px 0px;}
.Accolades ul li h5 { /*font-size:0px;*/display: block;position: absolute;height: 100%;left: 0;top: 0;width:130px; }
.Accolades ul li h5 span{display:block;border: 1px solid #e2e3e3;text-indent: -999em;height: 100%;}
.Accolades ul li .awardCon {margin-left:132px;padding:12px 0px; padding-left:30px; }
.Accolades ul li .awardCon.pad20 {padding:20px 0 20px 30px;}
.Accolades ul li p {padding-left:6px; line-height:23px; background:url('/static/images/sustainability/squareBullet.gif') no-repeat 0 10px;}
.Accolades ul li p .more { margin-left:15px; background: url("../images/company/bulMore.gif") no-repeat scroll 0 center transparent; padding-left:10px; color:#59a9da;}
.Accolades ul li p.strong {padding-left:0; font-weight:600; font-size:15px; background:none;}

/* GlobalOffice */
.GlobalOffice { font-size:14px;}
.GlobalOffice h4{ margin-top:30px; color:#0054a6;}
.GlobalOffice>.map { position:relative; width:100%; margin:0 auto;}
.GlobalOffice>.map>.map { width:100%;}
.GlobalOffice>.map li { font-size:0px; line-height:0px;}
.GlobalOffice>.map li a { position:absolute; display:inline-block;width:10%; height:12%; text-indent:-5555px; /*opacity:0.5;*/ background:url(/static/images/company/map.png) no-repeat 50% 0; }
.GlobalOffice>.map .headquater a {top:29.5%; left:37%; width:11%; height:10%; background:url('/'); /* background:transparent; background:#fff; opacity: 0; filter: alpha(opacity=0);*/ }
/*
.GlobalOffice>.map .asia a {top:30%; left:29%;}
.GlobalOffice>.map .oceania a {top:72%; left:40%;}
.GlobalOffice>.map .europe a {top:25%; left:18.5%; }
.GlobalOffice>.map .middleEast a { top:40%; left:19.5%;}
.GlobalOffice>.map .africa a { top:54%; left:15%;}
.GlobalOffice>.map .northAmerica a { top:32%; left:68%;}
.GlobalOffice>.map .southAmerica a { top:62.5%; left:75.5%;}
*/
.GlobalOffice>.map .asia a {top:30%; left:29%;}
.GlobalOffice>.map .oceania a {top:72.5%; left:40%;}
.GlobalOffice>.map .europe a {top:25%; left:18.5%; }
.GlobalOffice>.map .middleEast a { top:40%; left:19.5%;}
.GlobalOffice>.map .africa a { top:54%; left:15%;}
.GlobalOffice>.map .northAmerica a { top:32.5%; left:68%;}
.GlobalOffice>.map .southAmerica a { top:63%; left:75.5%;}

.GlobalOffice .map .link { font-size:0; line-height:0; }
.GlobalOffice .map .link li.on a { /*background:none !important;*/ background-position:50% -104px}
/*
.GlobalOffice>.map .asia.on a {top:25%; left:29.3%;}
.GlobalOffice>.map .oceania.on a {top:68%; left:40.5%;}
.GlobalOffice>.map .europe.on a {top:21%; left:19%; }
.GlobalOffice>.map .middleEast.on a { top:36%; left:20%;}
.GlobalOffice>.map .africa.on a { top:50%; left:15.5%;}
.GlobalOffice>.map .northAmerica.on a { top:28%; left:68.5%;}
.GlobalOffice>.map .southAmerica.on a { top:58.5%; left:75.5%;}
*/
.GlobalOffice>.map .asia.on a {top:27%; left:29.3%;}
.GlobalOffice>.map .oceania.on a {top:69%; left:40.3%;}
.GlobalOffice>.map .europe.on a {top:21.5%; left:19%; }
.GlobalOffice>.map .middleEast.on a { top:36.5%; left:20%;}
.GlobalOffice>.map .africa.on a { top:50.5%; left:15.3%;}
.GlobalOffice>.map .northAmerica.on a { top:29.3%; left:68.5%;}
.GlobalOffice>.map .southAmerica.on a { top:59.5%; left:75.7%;}

.GlobalOffice .subMenu { padding:5px 10px; margin-top:20px; border-top:2px solid #677681; border-bottom:1px solid #e2e2e2;}
.GlobalOffice .subMenu li { float:left;}
.GlobalOffice .subMenu li + li { padding-left:10px; margin-left:10px; background:url(../images/company/menuLine.gif) no-repeat 0px center;}
.GlobalOffice .subMenu li.on a { font-weight:bold; color:#4173bd;}

.GlobalOffice .box { overflow:hidden; margin-top:30px; padding-bottom:20px; border-bottom:1px solid #e2e2e2;}
.GlobalOffice .box .img { float:left; margin-right:30px; width:287px;}
.GlobalOffice .box .img img { max-width:287px;}
.GlobalOffice .headquarter .box .img img { max-width:556px; width:100%;}
.GlobalOffice .headquarter .box .kind {font-size:15px;}
.GlobalOffice .box p {color:#4e545a; margin-bottom:5px;}
.GlobalOffice .box p.btn a { display:inline-block; overflow:hidden; height:17px;}
.GlobalOffice .box p.btn.on a img { margin-top:-17px; vertical-align: top;}
.GlobalOffice .box .text { position:relative; margin-bottom:10px; margin-left:320px; margin-right: 85px; /*border-right: 1px solid #e9e9e9;*/}
/*.GlobalOffice .box .kind span { display:inline-block; margin-right:5px; padding:1px 8px; border:1px solid #539cc9; color:#fff; text-align:center; font-weight:bold; background:#4173bd; }*/
.GlobalOffice .box .kind span { display:inline-block; margin-right:5px; padding:1px 8px; border:1px solid #539cc9; font-size:12px; color:#fff; text-align:center; font-weight:bold; background:#59a9da; }
/*.GlobalOffice .box h5 { font-size:15px; color:#2b2b2b; margin-bottom:5px;}*/
.GlobalOffice .box .title { margin-bottom:5px; margin-top:7px;}
.GlobalOffice .box .title h5 {display:inline; font-size:16px; color:#2b2b2b;}
.GlobalOffice .box ul { margin-bottom:5px; margin-top:20px;}
.GlobalOffice .box ul li { float:left; width:210px; margin-right:10px; background:none; padding-left:0; }
.GlobalOffice .box ul li strong { display:inline-block; margin-right:10px; color:#59a9da; font-weight:normal;}
.GlobalOffice .box .mail{padding-left:20px;background: url(../images/company/iconMail.gif) no-repeat 0 5px; color:#1a559b; text-decoration: underline;}
.GlobalOffice .box .mail a {color:#1a559b;}
/*.GlobalOffice .box .map{position:absolute; right:-57px; top:50%; margin-top:-17px;}*/
.GlobalOffice .box .map{display:inline; margin-left:5px;}
.GlobalOffice .box .site strong { margin-right:10px; color:#137cbc; }
.GlobalOffice .detail { display:none; margin-top:20px;margin-left:320px;}
.GlobalOffice .detail p { margin-top:10px;}
.GlobalOffice .Vernacular { display:none;}
.GlobalOffice .btn{text-align:left;}

.GlobalOffice .googleMapText { display:none;}

.GlobalOffice .box.Korea .text { float:left; position:relative; margin:0px; margin-bottom:10px; margin-right: 85px;border-right: 1px solid #e9e9e9;}
.GlobalOffice .box.Korea .kind { padding:10px; width:200px; font-size:25px; font-weight:bold; color:#fff; background:#30c3d5;}
.GlobalOffice .box.Korea .kind span { display:block; padding:0px; margin-right:5px; border:0px; color:#fff; font-weight:normal;}
.GlobalOffice .box.Korea .text h5 { font-size:35px; color:#2b2b2b; margin-bottom:5px;}

/* Meet Our People */
.MOP { font-size:14px;}
.MOP .searchBox { text-align:right;}
.MOP .searchBox label { margin-left:20px;}
.MOP .searchBox li {display:inline;}
.MOP .list { position:relative; margin-top:10px; /*padding-bottom:24px;*/ border-top:2px solid #677681;}
.MOP .list .box { overflow:hidden; padding-bottom:17px; border-bottom:1px solid #e2e2e2;}
.MOP .list ul { overflow:hidden; margin-top:17px; }
/* 2015-01-09 사용자 정보가 두줄로 표시되는 경우 정렬 틀어짐 min-height 170 > 190 으로 변경 */
.MOP .list ul li { float:left;  margin-bottom:30px; width:20%; min-height:190px; height:auto !important;}
.MOP .list ul li p.img img { width:100%;  /*max-width:184px; max-height:114px;*/ max-width:210px; max-height:130px;}
.MOP .list ul li p.title { margin-top:5px; font-size:14px; color:#4e545a;}
.MOP .list ul li p.titleB {font-size:13px; color:#7b8085; width:90%;}
.MOP .list .btn { position:absolute; bottom:0px; left:50%; height:24px; margin-left:-49px;}
.MOP .list .btn a { overflow:hidden; display:inline-block; height:24px;}
.MOP .view { overflow:hidden; background:#f5f5f5; }
.MOP .view .movie{ float:left;width:65%; height:400px; position:relative; z-index:1;}
.MOP .view .movie *{width:100%}
.MOP .view .movie iframe { width:100% !important; height:100% !important;}
.MOP .view .info { float:right;width:35%;text-align:left; margin-top:20px;}
.MOP .view .info div{width:80%;margin:10px auto}
.MOP .view .info .img { width:214px; height:269px;}
.MOP .view .info .img img{width:100%}
.MOP .view .info .title { margin-top:12px; font-size:19px; color:#0054a6;}
.MOP .view .info .title span { display:block; color:#707070; font-size:14px;}
.MOP .view .info .text{font-size:15px;color:#4e545a; }
.MOP .interveiw { margin-top:30px;}
.MOP .interveiw li { position:relative; overflow:hidden; padding:10px 14% 0 0; padding-left:40px;/* border-bottom:1px solid #e2e2e2;*/}
.MOP .interveiw p.q { position:absolute; top:10px; left:0px; width:38px; height:38px; line-height:38px; text-align:center; color:#fff; font-weight:bold; background:url(../images/careers/circle.gif) no-repeat;}
.MOP .interveiw h4 { margin-top:9px; margin-left:20px; color:#4173bd;}
.MOP .interveiw p.text { margin:10px 0px; margin-left:20px;}
.MOP .list .box .paging {margin-top:0 !important;}
.MOP .viewContents {margin-top:50px; }
.MOP .viewContents .viewComment {margin-top:9px; font-size:13px; color:#92989c;}

/* BalanceSheet */
.BalanceSheet { font-size:14px;}
.BalanceSheet h4 { margin:0 0px; color:#1a559b;}
.BalanceSheet p.img, .BalanceSheet p.img2 { float:left; width:43%; margin-top:10px; text-align:center;}
.BalanceSheet .box { overflow:hidden; margin-bottom:45px;}
.BalanceSheet .table { float:right; width:57%;}
.BalanceSheet .table .info { margin-bottom:10px; text-align:right; font-size:12px;}
.BalanceSheet .table table { width:100%; text-align:center;}
.BalanceSheet .table table th { padding:8px; border-top:2px solid #4173bd; border-bottom:1px solid #4173bd; background:#fff; /* color:#59a9da; */ color:#4173bd;}
.BalanceSheet .table table td { padding:8px; font-size:12px; border-bottom:1px solid #e0e6ed;}
.BalanceSheet .table .strong td { font-weight:bold; color:#333;}

.BalanceSheet .contentFooter { margin-top:40px; padding-top:20px; border-top:1px solid #e2e2e2;}
.BalanceSheet .contentFooter .left { float:left;}
.BalanceSheet .contentFooter .right { float:right; font-size:12px;}
.BalanceSheet .contentFooter .right span { text-decoration: underline; font-weight:bold; color:#46555f;}

/* IR Archive */
.IRArchive { font-size:14px;}
.IRArchive .box { /*overflow:hidden;*/ margin-bottom:50px;}
.IRArchive h4 { float:left; margin-right:20px; margin-top:-16px; font-size:43px;}
.IRArchive ul { border-top:2px solid #677681;}
.IRArchive ul li { overflow:hidden; padding:10px; border-bottom:1px solid #e0e6ed;}
.IRArchive ul li strong { display:inline-block; width:180px;} 
.IRArchive .more { overflow:hidden;  border:1px solid #dde0e7; background:#f8f9fa;}
.IRArchive .more p { float:left; width:90%; text-align:center;}
.IRArchive .more p a { display:inline-block; padding:10px 0px; width:100%; }
.IRArchive .more p + p{ float:left; width:10%; background:url(../images/InvestorRelations/lineBg.gif) repeat-y;}
.IRArchive .more p img { margin:0px 10px;}
.IRArchive .boxButton { display:inline-block; padding:0 3px 0 0; height:27px; vertical-align:middle; background:url(../images/InvestorRelations/downRight.gif) right 0 no-repeat;}
.IRArchive .boxButton span { overflow:hidden; display:inline-block; width:127px; padding:0 5px 0 42px; height:27px; background:url(../images/InvestorRelations/downLeft.gif) 0 0 no-repeat; color:#59a9da; font-size:13px; line-height:27px; }
.IRArchive .btnMore span { padding-right:17px; background:url(../images/InvestorRelations/btnArrow.gif) right -10px no-repeat; color:#707070; }

/* Publications */
/* //2018-05-31 '더보기' 기능 추가 */
.pubBoxType2 .more { width:90%; display:block; overflow:hidden; border:1px solid #dde0e7; background:#f8f9fa;}
.pubBoxType2 .more p { float:left; width:90%; text-align:center;}
.pubBoxType2 .more p a { display:inline-block; padding:10px 0px; width:100%; }
.pubBoxType2 .more p + p{ float:left; width:10%; background:url(../images/InvestorRelations/lineBg.gif) repeat-y;}
.pubBoxType2 .more p img { margin:0px 10px;}
.pubBoxType2 .boxButton span { width:92px; }
.pubBoxType2 .btnMore span { padding-right:17px; background:url(../images/InvestorRelations/btnArrow.gif) right -10px no-repeat; color:#707070; }
/* 2018-05-31 '더보기' 기능 추가// */

/* Job Opening */
/*
.jobOpening .tab {border-bottom:2px solid #4173bd;}
.jobOpening .tab li {float: left; width:25%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.jobOpening .tab.tab5 li{width:20%;}
.jobOpening .tab li a.first {border-left:1px solid #c9d5e4;}
.jobOpening .tab li a{display:block; padding:7px 0; font-family:'Source Sans Pro'; font-size:16px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.jobOpening .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.jobOpening .tab li.on a.first {border-left:1px solid #4173bd;}
*/

.jobOpening .type { margin-bottom:20px; padding:7px 15px 5px 15px; background:#f7f7f7; border:1px solid #dcdcdc; border-right:1px solid #c9d5e4; }
.jobOpening .type span { margin-right:15px; font-size:12px;text-transform:uppercase; }
.jobOpening .type span input[type="checkbox"] { margin-right:5px; }
.jobOpening .type br { display:none; }

/*
.jobOpening .tableSearch { overflow:hidden; margin-bottom:10px; font-size:13px; font-weight:bold;  }
.jobOpening .tableSearch p.alignL { float:left; }
.jobOpening .tableSearch p.alignL span + span { margin-left:15px; }
.jobOpening .tableSearch p.alignR { float:right; }
.jobOpening .tableSearch p.alignR input[type=text] { width:90px; padding:3px 2px;}
.jobOpening .tableSearch p.alignL button {/*margin-left:2px;}
*/
.jobOpening .table-no1 { width:5%;}
.jobOpening td.table-no1 {color:#8c9094;}
.jobOpening .table-no3 { width:15% } 
.jobOpening .table-no4 { width:40%; } 
.jobOpening .table-no5 { width:12%;}
.jobOpening td.table-no5 { color:#8c9094;}
.jobOpening .table-no5.c4e545a {color:#4e545a;}

.jobOpening h5.videoTitle {margin:17px 0 8px 0; font-size:15px; color:#0054a6;}

/*faq*/
.faq>dl{border-top:2px solid #677681}

.faq>dl>dt{border-bottom:1px solid #e2e2e2;background: url(../images/careers/bgFaq_on.gif) no-repeat 97% 50%; font-size:15px; }
.faq>dl>dt.on{background: url(../images/careers/bgFaq_off.gif) no-repeat 97% 50%;}
.faq>dl>dt>a{display:block;padding:23px 60px 23px 55px;background: url(../images/careers/iconFAQ_Q.gif) no-repeat 27px 23px;}
.faq>dl>dt>a:hover, .faq>dl>dt>a:focus, .faq>dl>dt.on>a{color:#4173bd; }
.faq>dl>dd{display:none;padding:20px 60px 20px 85px;background:#f7f8f9 url(../images/careers/iconFAQ_A.gif) no-repeat 57px 23px;border-bottom:1px solid #e2e2e2;line-height: 1.8; font-size:14px; color:#727272; }
.faq>dl>dt>a .faqIr,
.faq>dl>dd .faqIr {display:block;position:absolute;left:-9999px;top:0;overflow:hidden;}
.faqInfo{margin-top:55px;}
.faqInfo>p{color:#a5abaf}
.faqInfo>p:first-child{padding-bottom:3px;font-size: 1.1em;color:#8c9094;}

.manager{margin-top:25px}
.manager span,.manager a{display: inline-block;margin-left:10px;}
.manager p + p{margin-top:5px;}
.manager .name{color:#4e545a;margin-left:0px;padding-right:5px;font-size: 1.1em;}
.manager .mail{color:#4e545a;padding-left:10px;text-decoration: underline;border-left:1px solid #c5c7c9;}
.manager .tel{}

/*paging*/
.paging{margin-top:37px;text-align:center;  line-height:17px;}
.paging a, .paging strong{display:inline-block; margin:0 2px;padding:0 8px;height:23px;border:1px solid #e9e9e9;color:#919191;line-height:23px;text-align:center;vertical-align: top}
.paging a span{display:inline-block;text-indent: -999em;}
.paging a.first, .paging a.last{padding:0; width:29px; height:25px; border:0;}
.paging a.first{background:url(../images/careers/btnFirst.gif) 0 0 no-repeat;}
.paging a.last{background:url(../images/careers/btnLast.gif) 0 0 no-repeat;}
.paging a.prev, .paging a.next{ padding:0; width:25px; height:25px; border:0;} 
.paging a.prev{margin-right:12px;background:url(../images/careers/btnPrev.gif) 0 0 no-repeat; }
.paging a.next{margin-left:12px;background:url(../images/careers/btnNext.gif) 0 0 no-repeat; }

/*====mediacenter====*/
/*publication*/
.publication>ul{padding-bottom:9px; margin-bottom:10px;overflow:hidden; border-bottom:1px solid #b1b1b1;}
.publication>ul>li{float:left;padding:0 10px;background:url(../images/mediaCenter/bgLi.gif) no-repeat left 50%; font-size:1.1em}
.publication>ul>li:first-child{padding-left:0;background:none}
.publication>ul>li a{color:#677681;font-weight:bold}
.publication>ul>li.on a{color:#59a9da;}

.publication h4{color:#0054a6;margin-top:36px;margin-bottom:16px;font-size:18px;}
.publication .img img{width:100%; max-width:169px; max-height:200px;}
.publication .btn { position:absolute; bottom:0px; right:0px;}
.pubBox{ position:relative; padding-bottom:50px; overflow:hidden;}

.pubBoxType1{position:relative;width:50%;float:left;}
.pubBoxType1 .img{float:left; width:50%;}
.pubBoxType1 .img img { max-width:inherit; max-height:inherit;}
.pubBoxType1 .susYear {float:left; margin-right:2.5%;}
.pubBoxType1 .susYear .img { float:left;}
.pubBoxType1 .susYear h4 {margin-top:2px; font-size:28px; color:#a6a9ac; line-height:100%; font-weight:bold;}
.pubBoxType1 .susYear h4 span.year { display:block; margin-bottom:10px; font-size:50px; font-weight:normal; color:#4e545a;}
.pubBoxType1 .susYear .btn {position:static; text-align:left;}

.pubBoxType1 .down{position:absolute;bottom:0;left:55%;}
.pubBoxType1 strong,.pubBoxType1 a{display:block;}
.pubBoxType1 strong{margin-bottom:5px;font-weight:bold;font-size:2.5em}

#pubBox4 {margin-top:27px;} 
/* //2018-05-31 출판물 리스트 사이 공간 조절 */
/* .pubBoxType2{ position:relative; margin-top:-7px; width:100%;overflow:hidden;} */
.pubBoxType2{ position:relative; margin-top:-7px; margin-bottom:50px; width:100%;overflow:hidden;}
/* 2018-05-31 출판물 리스트 사이 공간 조절// */

.pubBoxType2 .susYear {float:left; margin-right:2.5%;}
.pubBoxType2 .susYear .img { float:left;}
.pubBoxType2 .susYear h4 {margin-top:2px; font-size:28px; color:#a6a9ac; line-height:100%; font-weight:bold;}
.pubBoxType2 .susYear h4 span.year { display:block; margin-bottom:10px; font-size:50px; font-weight:normal; color:#4e545a;}
.pubBoxType2 .susYear .btn {position:static; text-align:left;}

/*
.pubBoxType2 li{float:left;width:25%; margin-bottom:20px;}
.pubBoxType2 .img{width:63%;}
.pubBoxType2 .down{margin-top:11px;}
.pubBoxType2 a{display:block;}
.pubBoxType2 strong{margin-bottom:5px; font-size:16px; color:##4e545a;}
.pubBoxType2 + .pubBoxType2{margin-top:26px;}
*/
.pubBoxType2 h4 {margin-top:2px;}

#pubBox3 {/* padding-bottom:50px;*/}

.publication .report {float:left; width:25%; margin-bottom:20px;}
.publication .report .img {margin-bottom:10px;}
.publication .report span.year {display:block; font-size:16px; color:#4e545a; font-family:'Source Sans Pro'; font-weight:600;}
.publication .report p {font-size:25px; margin-bottom:-5px;}
.publication .report p a {display:inline-block;position:relative; left:5%;}
.publication .report p span.sustain {font-size:20px; }
.publication .report .btn {text-align:left;}

/*Video*/
.video>ul{overflow:hidden; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #B1B1B1;}
.video>ul>li{float:left;padding:0 10px;background:url(../images/mediaCenter/bgLi.gif) no-repeat left 50%; font-size:1.1em}
.video>ul>li:first-child{padding-left:0;background:none}
.video>ul>li a{color:#677681;font-weight:bold}
.video>ul>li.on a{color:#59a9da;}

.videoBox h4{color:#0054a6;margin-top:23px;margin-bottom:16px;}
.videoBox>ul>li{float:left;width:20%; margin-bottom:15px;}
.videoBox>ul>li>a{display:block; /*margin-right:10%;*/}
.videoBox>ul>li>a>span{display:block;position:relative; overflow:hidden; max-width:210px; }
.videoBox>ul>li>a>span>img{width:100%; max-width:210px; max-height:130px;}
/* 2013.06.13 임시화면숨김 - 장영석 */
.videoBox>ul>li>a>span>em{ /*display:none;*/ position: absolute;right:5px;bottom:5px;}

.videoBox>ul>li>a>strong{display:block;font-size:1.2em;margin-top:2px;font-weight: normal;overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}

/* layer Popup */
.popBg{position: fixed; left: 0; top: 0; z-index: 90; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70);}
.layerPopup {display: none;position: fixed;left: 50%;top:0%;z-index:91;padding:15px 25px;border: 1px solid #cccccc;background: #ffffff;}
.layerPopup .popClose{position:absolute;top:15px; right:30px;}
.videoPop{margin-left: -270px; /*width: 478px;*/ width:808px;}
.videoPop h5{color:#0054a6;margin-bottom:16px;font-size:1.2em;text-align:left;}
.videoPop iframe{width:800px;height:468px;}
.videoHeight.layerPopup { top:15%;}
.videoCaption {width: 778px;height:150px;padding: 10px;margin-top: -4px;border: 1px solid #d2d2d2;overflow-y: auto;overflow-x: hidden;line-height: 160%;font-size: 1.2em;}
.videoCaption .videoCaptionInner {/*white-space: pre-wrap;word-wrap: break-word;*/ font-size: 13px; text-align: left; line-height: 1.5em;}
.videoCaption .videoCaptionInner dt {font-weight:bold;}
.videoCaption .videoCaptionInner dd {margin-bottom:10px;}
.videoCaption .videoCaptionInner dd.last {margin-bottom:0;}
.tableView td.viewContents .comment {margin-top:5px; font-size:13px; color:#92989c; text-align:left;}
.videoPop .comment {margin-top:5px; font-size:13px; color:#92989c; text-align:right;}

.mapPop{margin-left: -394px;width: 726px;}
.googleMap { width:100%; height:300px; overflow:hidden;}
.googleMap iframe { width:100% !important; height:100% !important;}
.googleMap>img { width:100%;}

/* ci */
/*
.ci > div { margin-bottom:45px; }
.ci ul li > span{border:1px solid #f0f0f0;display:block}
.ci h4 { float:left; clear:both; color:#0054a6; font-size:16px; }
.ci .con { width:auto; margin:0 0 0 257px; position:relative; color:#4e545a;}
.ci .con ul { margin:0 0 20px 0; width:100%; }
.ci .con ul li { float:left; margin:0 2% 15px 0; }
.ci .con ul li img { width:100%; }
.ci .con p.txt { margin:0 0 15px 0; }
.ci .con .logo { float:left; margin-right:3%;} 
.ci .con .logo img { width:100%; max-width:461px; }
.ci .con .right {overflow:hidden; width:175px;}
.ci .con .right .pantone {display:block; margin-bottom:25px; }
.ci .con .right .pantone > h5{font-size: 18px;color:#0c4da2;}
.ci .con .right .pantone > p{font-size: 18px;color:#4e545a}
.ci .con .right .pantone > div{overflow:hidden;margin-top:12px;}
.ci .con .right .pantone .colorBox{display:inline-block;float:left;width:57px;height:57px;margin-right:5px;background:#0c4da2;}
.ci .con .right .pantone dl{display:inline-block;float:left;margin-left:15px;font-size:11px;color:#4e545a;}
.ci .con .right .pantone dt{color:#777;clear:both;float:left;margin-right:8px;}
.ci .con .right .pantone dd{float:left;}

.ci .conInner {position:relative; margin-bottom:15px; }
.ci .logoType .con img {max-width:389px;}
.ci .minimumArea h4 {float:none; margin-bottom:12px;} 
.ci .minimumArea .con {margin:0; width:100%;}
.ci .minimumArea .con:after {content:""; display:block; clear:both;}
.ci .minimumArea .con p.txt {margin-right:3.6%; width:19%; float:left;}
.ci .minimumArea .con div img:first-child {margin-right:7px;}
.ci .minimumArea .con ul {margin:0; width:65%;}
.ci .minimumArea .con ul li {max-width:386px;}
.ci .minimumArea .con ul li+li {margin:0 0 15px 0;}
.ci .minimumArea .con img {max-width:389px;}
.ci .con.imgS369 {margin-bottom:30px;}
.ci .con.imgS369 img {max-width:369px; max-height:169px;}
*/

.ci h4 {margin-top:-6px; float:left; width:257px; color:#0054a6;}  
.ci h4.titlediffer {margin-bottom:15px; float:none;}  
 
.ci .ciContents {width:100%; margin-bottom:50px;}
.ci .ciContents:after {content:""; display:block; clear:both;}

.ci .ciContents .ciImg1 {float:left; margin-right:29px;}
.ci .ciContents .pantone {float:left; width:175px;}
.ci .ciContents .pantone h5 {margin-top:-5px; font:normal 18px/1.33 'Arial',sans-serif, Helvetica,Verdana; color:#0c4da2;}
.ci .ciContents .pantone .pantone {margin:-2px 0 11px; font:normal 18px/1.33 'Arial',sans-serif, Helvetica,Verdana;  color:#4e545a;}
.ci .ciContents .pantone .colorBox {margin-bottom:21px; height:63px; width:100%; overflow:hidden;}
.ci .ciContents .pantone .colorBox .blueBox {float:left; width:75px;}
.ci .ciContents .pantone .colorBox .blueBox span {display:block; width:57px; height:57px; background-color:#0c4da2;}
.ci .ciContents .pantone .colorBox dl {float:left; width:49px; font:normal 12px/1.33 'Arial',sans-serif, Helvetica,Verdana; }
.ci .ciContents .pantone .colorBox dt {float:left; width:18px; color:#a5abaf;}
.ci .ciContents .pantone .colorBox dd {float:left; width:30px;}
.ci .ciContents .pantone .colorBox dl.rgb {padding-top:16px;}

.ci .ciContents .ciImg2Con {float:left;}
.ci .ciContents .ciImg2Con p {margin-bottom:15px; width:835px; overflow:hidden;}   
.ci .ciContents .ciImg2Con p span {float:left; width:417px;}
.ci .ciContents .ciImg2Con p.last {margin-bottom:0;}

.ci .ciContents .ciImg3Con {float:left;}
.ci .ciContents .ciImg3Con dl {margin-bottom:15px; float:left;}
.ci .ciContents .ciImg3Con dl.last {margin-bottom:0;}
.ci .ciContents .ciImg3Con dt {margin-top:-5px; padding-right:40px; float:left; width:217px; line-height:20px;}
.ci .ciContents .ciImg3Con dd {float:left;  width:835px;}
.ci .ciContents .ciImg3Con dd span {float:left; width:417px;}

/* Major Shareholders */
.Shareholders .img { float:left; width:42%; }
.Shareholders .img img { max-width:449px; width:100%; }
.Shareholders .table { float:left; margin-left:3%; width:55%; }
.Shareholders .table p { margin-bottom:10px; text-align:right; font-size:12px;}
.Shareholders .table table { width:100%; text-align:center;}
.Shareholders .table table th { padding:8px; border-top:2px solid #4173bd; border-bottom:1px solid #4173bd; background:#fff;  color:#4173bd;}
.Shareholders .table table td { padding:8px; font-size:12px; border-bottom:1px solid #e0e6ed;  color:#4e545a;}
.Shareholders .table table .alignL {text-align:left; }

/* service */
.service .summary { margin-bottom:30px; line-height:1.6em; font-size:20px; color:#566e8d;}
.service .summary strong { display:block; margin-bottom:5px; font-size:18px;  }
.service h4 { margin-bottom:15px; color:#0054a6; }
.service .epc li { margin-bottom:30px; padding-left:320px; min-height:156px; }
.service .epc li h5 {margin-bottom:10px; font-size:18px; color:#0054a6; font-family:'Source Sans Pro';}
.service .epc li p { line-height:1.7em; } 
.service .epc li.epc1 { background:url(../images/business/imgStudy.jpg) 0 0 no-repeat; } 
.service .epc li.epc2 { background:url(../images/business/imgFinancing.jpg) 0 0 no-repeat; } 
.service .epc li.epc3 { background:url(../images/business/imgEngineering.jpg) 0 0 no-repeat; } 
.service .epc li.epc4 { background:url(../images/business/imgProcurement.jpg) 0 0 no-repeat; } 
.service .epc li.epc5 { background:url(../images/business/imgConstruction.jpg) 0 0 no-repeat; } 
.service .epc li.epc6 { background:url(../images/business/imgCommissioning.jpg) 0 0 no-repeat; } 
.service .epc li.epc7 { background:url(../images/business/imgOperation.jpg) 0 0 no-repeat; } 
.service .epc li.epc8 { background:url(../images/business/imgManagement.jpg) 0 0 no-repeat; } 

/* business unit  */
.unit h4 { margin-bottom:15px; color:#0054a6; }
/*
.unit .tab {border-bottom:2px solid #4173bd;}
.unit .tab li {float: left; width:14.28%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.unit .tab li a.first {border-left:1px solid #c9d5e4;}
.unit .tab li a{display:block; padding:4px 0 5px; font-family:'Source Sans Pro'; font-size:14px; color:#677681; text-align:center; line-height:1; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.unit .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.unit .tab li.on a.first {border-left:1px solid #4173bd;}
.unit .tab li a.padMid {padding:7px 0; height:23px; line-height:1.6;} 
*/
.unit .unitTop {margin-top:-17px; padding:30px 60px 25px; background-color:#f7f7f8; font-size:17px; color:#4e545a; line-height:1.5;}
.unit .img { text-align:center;}
.unit .img img {width:100%;}
.unit ul li p.img img { width:100%; max-width:430px; }
.unit>.img img { width:80%; }
.unit .text { margin-top:15px; color:#4e545a;line-height: 1.7em;}
/*.unit .txt { margin-top:20px; line-height:1.7em; }*/
.unit .story { position:relative; margin:45px 0 0 0; }
.unit .story .storyBox { overflow:hidden; position:relative; padding:20px 0 20px 20px; background:#f7f7f8;}
.unit .story .img {margin-left:42px; float:left; width:430px;}
.unit .story .info { margin-left:500px; padding-right:60px; /* padding:0px 0 0 25px;  min-height:247px;*/}
.unit .story .info h5 { padding-right:1%; margin-bottom:11px; font-size:20px; color:#4e545a;}
.unit .story .info dl { margin-bottom:2px; overflow:hidden;}
.unit .story .info dl dt { float:left; width:25%; font-weight:bold; color:#4e545a;}
.unit .story .info dl dd { color:#707070;}
.unit .story .info p {padding-top:10px;}
.unit .story .rolling { position:absolute; right:0; top:10px; }
.unit .story .rolling li { float:left; margin-left:5px; width:13px; height:14px; background:url(../images/business/rollingOff.gif) 0 0 no-repeat; text-indent:-999px;  }
.unit .story .rolling li.on,
.unit .story .rolling li:hover { background:url(../images/business/rollingOn.gif) 0 0 no-repeat; }
.storyBox>div{width:100%;overflow:hidden;}
.storyBox div ul{position:relative;}
.storyBox div ul li{float:left}

.unit .prev.Img{ position:absolute; top:48%; left:74px; margin-top:-16px;z-index:5}
.unit .next.Img{ position:absolute; top:48%; left:460px; margin-top:-16px;z-index:5}
.unit .projects { position:relative; margin-top:60px; }
.unit .projects h5 { margin:0 0 10px 0; font-size:14px; }
.unit .projects h5.completed { margin-top:25px; }
.unit .projects .btnMore { position:absolute; left:155px; top:3px; padding-left:10px; background:url(../images/business/bulMore.gif) 0 center no-repeat; }

.unit .projects .tableList td {word-break:break-all;}
.unit .projects .plist-no1 {width:50%;}
.unit .projects .plist-no2 {width:20%;}
.unit .projects .plist-no3 {width:15%;}
.unit .projects .plist-no4 {width:15%;}

/* stockQuotes */
.stockQuotes iframe { width:100%; height:1200px;}

/* Major Projects */
.majorProject h4 {color:#0054a6; margin-bottom:15px;}
.majorProject h4.h4btm { margin-bottom:13px; }

.portfolioProject h4 {color:#0054a6; margin-bottom:15px;}
.portfolioProject h4.h4btm { margin-bottom:13px; }

/* .majorProject .overview { overflow:hidden; margin-bottom:30px; padding:30px 0px; text-align:center; background:#fafafa;} */
/*
.majorProject .overview { overflow:hidden; margin-bottom:15px; text-align:center; background:#31013f;}
.majorProject .overview img { width:100%;}
.majorProject .overview>div { position:relative; display:inline-block; width:229px; margin:0px 30px; text-align:center;}
.majorProject .overview>div h5 { margin:10px 0px; font-size:14px; color:#4e545a;}
.majorProject .overview>div div.img1 { width:229px; height:229px; background:url(../images/business/majorProjectImg1.gif) 0 0 repeat;}
.majorProject .overview>div div.img2 { width:229px; height:229px; background:url(../images/business/majorProjectImg2.gif) 0 0 repeat;}
.majorProject .overview>div p.text { position:absolute; top:50%; left:50%; margin-left:-35px; margin-top:-5px; font-size:40px;}
.majorProject .overview>div + div p.text { margin-left:-20px;}
*/
.majorProject .btnPerformance {text-align:right; margin-bottom:45px;}
.majorProject .selectBox { float:right; margin-top:-30px;}
.majorProject .unit { clear:both; margin-bottom:30px;}
.majorProject .unit h5 { font-size:14px; color:#4e545a; margin-bottom:12px;}

.portfolioProject .unit { clear:both; margin-bottom:30px;}
.portfolioProject .unit h5 { font-size:14px; color:#4e545a; margin-bottom:12px;}
/*
.majorProject .layerPopup { width:369px; margin-left:-210px; border-top:3px solid #1a559b;}
.majorProject .layerPopup h4 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; font-weight:600; color:#0054a6; /*background:url(../images/common/bul/popTitle.gif) 0px 3px no-repeat;}
.majorProject .layerPopup h5 { color:#0054a6;}
.majorProject .layerPopup h6{ margin:15px 0 10px 0; font-size:13px; color:#000; }
.majorProject .layerPopup .majorPopImg { margin-bottom:10px; text-align:center;}
*/

.majorProject .layerPopup {display:none; position: fixed;left: 50%;top:0%; padding:15px 20px; width:327px; margin-left:-210px; border-top:3px solid #1a559b; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background: #ffffff; z-index:91; }
.majorProject .layerPopup h4 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; font-weight:600; color:#0054a6;}
.majorProject .layerPopup h5 { color:#0054a6;}
.majorProject .layerPopup h6{ margin:15px 0 10px 0; font-size:13px; color:#000; }
.majorProject .layerPopup .majorPopImg { margin-bottom:10px; text-align:center;}
.majorProject .layerPopup .popClose{position:absolute;top:15px; right:20px;}

.majorProject .layerPopup .infoWrap { padding:10px; border:1px solid #DBDBDB; }
.majorProject .layerPopup ul.info li { clear:both; margin-bottom:5px; background:none;}
.majorProject .layerPopup ul.info li strong { display:inline-block; width:42%; color:#4e545a; vertical-align: top;}
.majorProject .layerPopup ul.info li span{ display:inline-block; width:58%;}


.portfolioProject .layerPopup {display:none; position: fixed;left: 50%;top:0%; padding:15px 20px; width:327px; margin-left:-210px; border-top:3px solid #1a559b; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background: #ffffff; z-index:91; }
.portfolioProject .layerPopup h4 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; font-weight:600; color:#0054a6;}
.portfolioProject .layerPopup h5 { color:#0054a6;}
.portfolioProject .layerPopup h6{ margin:15px 0 10px 0; font-size:13px; color:#000; }
.portfolioProject .layerPopup .majorPopImg { margin-bottom:10px; text-align:center;}
.portfolioProject .layerPopup .popClose{position:absolute;top:15px; right:20px;}

.portfolioProject .layerPopup .infoWrap { padding:10px; border:1px solid #DBDBDB; }
.portfolioProject .layerPopup ul.info li { clear:both; margin-bottom:5px; background:none;}
.portfolioProject .layerPopup ul.info li strong { display:inline-block; width:42%; color:#4e545a; vertical-align: top;}
.portfolioProject .layerPopup ul.info li span{ display:inline-block; width:58%;}

/* 
.majorProject .layerPopup ul.info li strong { display:inline-block; width:50%; color:#4e545a; vertical-align: top;}
.majorProject .layerPopup ul.info li span{ display:inline-block; width:50%;}
.majorProject .layerPopup .info { overflow:hidden; padding:10px; border:1px solid #DBDBDB;}
.majorProject .layerPopup .info dt { float:left; clear:both; margin-bottom:5px; width:50%; font-weight:bold; color:#4e545a; }
.majorProject .layerPopup .info dd { margin-bottom:5px; } */

.majorProject .layerPopup ul.pList li { float:left; width:115px; font-size:12px; background:none; }
.majorProject .layerPopup ul.pList li + li { margin-left:12px;}
.majorProject .layerPopup ul.pList li img { margin-bottom:5px; width:115px; }

.majorProject .layerPopup .img { position:relative; margin-bottom:20px; }
.majorProject .layerPopup .img a { position:absolute; top:34%; width:30px; height:82px; z-index:5;}
.majorProject .layerPopup .img div{max-width:369px;overflow:hidden;position:relative;}
.majorProject .layerPopup .img .prev { left:20px; background:url(../images/business/arrowLeft.png) 0 0 no-repeat; }
.majorProject .layerPopup .img .next { right:20px; background:url(../images/business/arrowRight.png) 0 0 no-repeat; }
.majorProject .layerPopup .img ul{position: relative;left:0;width:738px;overflow:hidden;}
.majorProject .layerPopup .img ul li { float:left;}
.majorProject .layerPopup .img ul li img { max-width:369px; }
.majorProject .layerPopup .img ul li span{display:inline-block}


.portfolioProject .layerPopup ul.pList li { float:left; width:115px; font-size:12px; background:none; }
.portfolioProject .layerPopup ul.pList li + li { margin-left:12px;}
.portfolioProject .layerPopup ul.pList li img { margin-bottom:5px; width:115px; }

.portfolioProject .layerPopup .img { position:relative; margin-bottom:20px; }
.portfolioProject .layerPopup .img a { position:absolute; top:34%; width:30px; height:82px; z-index:5;}
.portfolioProject .layerPopup .img div{max-width:369px;overflow:hidden;position:relative;}
.portfolioProject .layerPopup .img .prev { left:20px; background:url(../images/business/arrowLeft.png) 0 0 no-repeat; }
.portfolioProject .layerPopup .img .next { right:20px; background:url(../images/business/arrowRight.png) 0 0 no-repeat; }
.portfolioProject .layerPopup .img ul{position: relative;left:0;width:738px;overflow:hidden;}
.portfolioProject .layerPopup .img ul li { float:left;}
.portfolioProject .layerPopup .img ul li img { max-width:369px; }
.portfolioProject .layerPopup .img ul li span{display:inline-block}


/* ProjectStory */
.ProjectStory .slideBanner { position:relative;  background:#012640;}
.ProjectStory .slideBanner ul { overflow:hidden;}
.ProjectStory .slideBanner ul li { float:left; width:100%; text-align:center;}
.ProjectStory .slideBanner ul li img { width:100%;}
.ProjectStory .slideBanner .btn { margin:0; text-align:left;}
.ProjectStory .slideBanner .btn a { position:absolute; right:6%; top:5%;}
.ProjectStory .slideBanner .btn a + a { left:inherit; right:3%;}
.ProjectStory .slideBanner .title { font-size:46px; color:#4e545a;}
.ProjectStory .slideBanner .text { font-size:15px; color:#4e545a;}

.ProjectStory h4 { margin-top:30px; color:#1a559b; margin-bottom:10px; }
.ProjectStory .listMenu { float:right; margin-top:25px; margin-bottom:10px; }
.ProjectStory .listMenu a { overflow:hidden; display:inline-block; height:25px; vertical-align: middle;}
.ProjectStory .listMenu a.on img { margin-top:-25px;}
/* 이전소스 - 삭제예정
.ProjectStory .type { clear:both; margin-bottom:20px; padding:7px 15px 5px 15px; background:#f7f7f7; border:1px solid #dcdcdc; border-right:1px solid #c9d5e4; color:#707070; }
.ProjectStory .type span { margin-right:15px; padding-left:15px; font-size:12px;text-transform:uppercase; background:url("../images/mediaCenter/bgLi.gif") no-repeat 0 50%;}
.ProjectStory .type span.first {background:none; padding-left:0;}
.ProjectStory .type span a.c4173bd {color:#4173bd;}
.ProjectStory .type span input[type="checkbox"] { margin-right:2px; }
.ProjectStory .type br { display:none; }
*/
.ProjectStory .gallery ul li { float:left; width:23%; margin:1%; height:153px;}
.ProjectStory .gallery .img { margin-bottom:10px; text-align:center;}
.ProjectStory .gallery .img img { width:100%; max-height:122px;}
.ProjectStory .gallery .title { overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; }

/* ProjectStory - summary */
/*
.ProjectStory .tab {clear:both; border-bottom:2px solid #4173bd;}
.ProjectStory .tab li {float: left; width:14.28%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.ProjectStory .tab li a.first {border-left:1px solid #c9d5e4;}
.ProjectStory .tab li a{display:block; padding:4px 0 5px; font-family:'Source Sans Pro'; font-size:14px; color:#677681; text-align:center; line-height:1; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.ProjectStory .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.ProjectStory .tab li.on a.first {border-left:1px solid #4173bd;}
.ProjectStory .tab li a.padMid {padding:7px 0; height:23px; line-height:1.6;} 

.projKind .tab li a {line-height:1;}
.projKind .tab li {width:12.5%;}
.projKind .tab li:nth-child(1) a,
.projKind .tab li:nth-child(2) a,
.projKind .tab li:nth-child(3) a,
.projKind .tab li:nth-child(4) a,
.projKind .tab li:nth-child(6) a {line-height:2;}
*/

.projKind {clear:both;}

/* .ProjectStory .projectImg { margin-bottom:30px; padding:3%; background:#f7f7f7;}
.ProjectStory .projectImg h4 { margin-top:0px; font-size:25px; color:#4e545a;}
.ProjectStory .projectImg img { width:100%;} */
.ProjectStory .tabContents {position:relative;}
.ProjectStory .projectList .btnList {position:absolute;bottom:25px;left:76.5%;font-size:13px;}
.ProjectStory .projectList .btnList a {color:#222222;font-weight:bold;}
.ProjectStory .projectList .btnList a img {position:relative;top:-1px;}

.ProjectStory h4{ margin-top:0; color:#30c3d5; font-size:22px; }
.ProjectStory h4.projectName { margin-top:0; color:#4e545a; font-size:35px; font-weight:normal;}
.ProjectStory .projectList {position:relative; margin:0 0 40px 0; padding:30px; background:#f7f7f7; border:1px solid #ededed; }
.ProjectStory .projectList:after {content:""; display:block; clear:both;}
.ProjectStory .projectList .imgWrap { position:relative; float:left; width:75%; overflow:hidden;}
.ProjectStory .projectList .imgWrap .prev { position:absolute; top:43%; width:30px; height:82px; left:20px; z-index:3; background:url(../images/business/arrowLeft.png) 0 0 no-repeat; }
.ProjectStory .projectList .imgWrap .next { position:absolute; top:43%; width:30px; height:82px; right:20px; z-index:3; background:url(../images/business/arrowRight.png) 0 0 no-repeat; }
.ProjectStory .projectList .imgWrap .img { position:relative; }
.ProjectStory .projectList .imgWrap .img li { float:left; overflow:hidden;}
.ProjectStory .projectList .imgWrap .img li img { max-width:100%;}
.ProjectStory .projectList .info {position:relative; float:left; width:22%; padding-left:3%;}
.ProjectStory .projectList .info li {margin-bottom:8px; font-size:13px; }
.ProjectStory .projectList .info li strong { display:block; width:55%; color:#4e545a;}
.ProjectStory .projectList .info li strong img {vertical-align:top;}

.ProjectStory .projectList .infoTooltip {position:absolute; top:89%; left:12%; z-index:2; padding-top:1px; width:85%; background:#fff url(../images/business/bginfoTooltip_line.gif) 0 0 repeat-x;}
.ProjectStory .projectList .infoTooltip .infoTooltipInner {width:101%; background:url(../images/business/bginfoTooltip_line.gif) 0 0 repeat-y; font:normal 14px/1.33 'Arial',sans-serif, Helvetica,Verdana;}
.ProjectStory .projectList .infoTooltip div {background:url(../images/business/bginfoTooltip_right.png) 100% 0 repeat-y;}
.ProjectStory .projectList .infoTooltip dl {width:90%; padding:11px 0 16px 10%; background:url(../images/business/bginfoTooltip_btm.png) 0 100% repeat-x;} 
.ProjectStory .projectList .infoTooltip dt {margin-bottom:4%; font-size:16px; color:#59a9da; font-weight:bold;}
.ProjectStory .projectList .infoTooltip dd {font-size:13px; color:#4e545a; line-height:1.55;}
.ProjectStory .projectList .infoTooltip dd strong {display:inline; color:#4e545a;}
.ProjectStory .projectList .infoTooltip .close {position:absolute; top:8px; right:14px;}

.ProjectStory .leftCon { float:left; width:73%; margin-right:24px; padding-right:15px; border-right:1px solid #e9e9e9; }
.ProjectStory .leftCon h5 { margin-bottom:10px; color: #1A559B; font-size: 17px;}
.ProjectStory .leftCon .txt { margin-left:30px; margin-bottom:25px;}
/*
.ProjectStory .videoCon { position:relative; border:1px solid #ededed; }
.ProjectStory .videoCon .videoCaption { margin:0 0 0 250px; padding:0 15px 0 0; width:auto; height:185px; overflow-y:auto; border:0; font-size:12px; }
.ProjectStory .videoCon #video1{position:absolute; left:15px; top:30px; }
.ProjectStory .videoCon .videoCaption .title { margin:30px 0 15px 0; font-size:15px; font-weight:bold; }
*/

.ProjectStory .videoCon { padding:20px 0; /*border:1px solid #ededed;*/ }
.ProjectStory .videoCon ul li { float:left; width:33%;  text-align:center; }
.ProjectStory .videoCon ul li + li {  border-left:1px solid #ededed; }
.ProjectStory .videoCon ul li .cover { margin:auto; width:217px; }
.ProjectStory .videoCon ul li .cover strong {display:block; text-align:left;}
.ProjectStory .videoCon ul li .img { display:block; margin-bottom:5px;}
.ProjectStory .videoCon ul li .img img { max-width:217px; width:100%; }

.ProjectStory .rightCon { overflow:hidden; }
.ProjectStory .rightCon h5 { margin:0 0 10px 0; color:#222629; font-size:13px; }
.ProjectStory .rightCon ul { margin-bottom:15px; }
.ProjectStory .rightCon ul li { overflow:hidden; margin-bottom:10px; }
.ProjectStory .rightCon ul li img { float:left; margin-right:10px; width:77px; }
.ProjectStory .rightCon ul li .imgRtxt {float:left; margin:-39px 0 0 89px;}

/* .ProjectStory .rightCon .project_list dt {margin-bottom:3px; font-size:13px; color:#222629; font-weight:bold;} */
.ProjectStory .rightCon .project_list a {margin-bottom:3px; font-size:13px; color:#0054a6; font-weight:bold;}
.ProjectStory .rightCon .project_list a .projtxt {color:#222222;}
.ProjectStory .rightCon .project_list a img {position:relative;top:-1px;}

.ProjectStory .table-no1,
.majorProject .table-no1 { width:20%;} 
.ProjectStory .table-no2,
.majorProject .table-no2 { width:42%;} 
.ProjectStory .table-no3,
.majorProject .table-no3 { width:20%;}
.ProjectStory .table-no4,
.majorProject .table-no4 { width:18%;}

.portfolioProject .table-no1 { width:10%;}
.portfolioProject .table-no2 { width:40%;}
.portfolioProject .table-no3 { width:20%;}
.portfolioProject .table-no4 { width:15%;}
.portfolioProject .table-no5 { width:15%;}

.majorProject .searchPolicy2 {margin-bottom:7px; width:100%;} 
.majorProject .searchPolicy2:after {content:""; display:block; clear:both;}
.majorProject .searchPolicy2 h4 {margin:3px 0 0; float:left;}
.majorProject .searchPolicy2 .selectBox { float:right; margin-top:0;}

/* 관리자 폰트 */
.txt em {font-style:italic;}

/* career growth */
.growth h4 { margin-bottom:15px; color:#0054a6; }
.growth .objective {margin-bottom:40px; padding:40px 0 40px; text-align:center; background:#f5f5f5; border:1px solid #eee; }
.growth .objective img {max-width:100%;}
.growth .objective img.show-mobile {display:none}
.growth .objective figcaption {position:absolute; left:-99999px}

/*
.growth .objective { margin-bottom:40px; padding:25px 5% 30px 5% ;background:#f5f5f5; border:1px solid #eee; }
.growth .objective .tit { font-size:35px; color:#2d3135; font-weight:200; line-height:1em; font-family:'source sans pro'; }
.growth .objective .tit strong { font-weight:600;}
.growth .objective span { font-weight:200; font-size:17px; font-family:'source sans pro'; color:#707070; }
.growth .objective ul { margin-top:20px; }
.growth .objective ul li { float:left; width:24.8%; margin:0 0.1%; }
.growth .objective ul li img { max-width:210px; width:100%; }

.growth .tab {border-bottom:2px solid #4173bd;}
.growth .tab li {float: left; width:20%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.growth .tab li a.first {border-left:1px solid #c9d5e4;}
.growth .tab li a{display:block; padding:5px 0; font-family:'Source Sans Pro'; font-size:14px; color:#677681; text-align:center; line-height:1; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.growth .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.growth .tab li.on a.first {border-left:1px solid #4173bd;}
*/
.growth .con { overflow:hidden; display:none; }
.growth .con .visual { float:left; display:block;}
.growth .con .visual div { position:absolute; top:0; left:0; width:45%; }
.growth .con .visual div strong { display:block; margin-bottom:25px; font-size:55px; font-weight:600; line-height:1em; color:#494a4f; font-family:'source sans pro'; }
.growth .con .visual .img {margin-right:10px}
.growth .con .visual .img img { max-width:509px; width:100%; }
.growth .con .txt {margin-left:470px;}
.growth .con .txt h3 {font:normal 1.4em/1.5 Arial; color:#566e8d;}
.growth .con .txt strong { display:block; margin:30px 0 8px 0; color:#212121; font-size:16px; }
.growth .con .txt strong > span {color:#8f8f8f;font-weight:normal}
.growth .con .txt {color:#4e545a; }

/* professions */
.professions { clear:both; overflow:hidden; }
.professions h4 { margin:60px 0 10px 0; font-size:16px; color:#0054a6; }
.professions h4.first { margin:0 0 10px 0;}
.professions p { line-height:1.4em; }
.professions ul.list { margin-top:10px; }
.professions ul.list strong { padding-left:10px; background:url(/static/images/common/bul/grayList.gif) 0 center no-repeat; color:#222; font-weight:bold; }

.professionsBg { background:url(/static/images/careers/professionsBg.gif) right bottom no-repeat; }
.professions h4 span.year { display:block; font-size:45px; font-weight:bold; color:#222; }
.professions .textBox { width:200px; float:left; }
.professions .textBox p.num { height:105px; display:block; font-size:80px; font-weight:bold; color:#6e6e6e; text-align:center; }
.professions .textBox p.word { display:block; font-size:20px; font-weight:bold; color:#458acf; text-align:center; }

.professions .certificateBox { width:auto; padding:20px 15px; clear:both; overflow:hidden; background:#f6f6f6; }
.professions .certificateBoxBg { background:none; }
.professions .certificateBox p.img { float:left; margin-right:40px;  }
.professions .certificateBox .textCon { overflow:hidden; color:#727272; } 
.professions .certificateBox .textCon h5 { clear:both; padding-bottom:10px; font-size:18px; font-weight:bold; color:#4e545a  }

.text ul li { padding-left:6px; background:url('/static/images/sustainability/squareBullet.gif') no-repeat 0 8px; }
.textTop ul li { padding-left:6px; background:url('/static/images/sustainability/squareBullet.gif') no-repeat 0 8px; }
.textTop .font { color:#222; font-weight:bold; }

.professions .professionsTop {position:relative; margin-bottom:45px; height:606px; font-size:23px; color:#566e8d; background:url('/static/images/careers/imgProfessions.jpg') no-repeat 0 100%; }
.professions .professionsTop .text01 {position:absolute; top:0; right:2%; width:45%;}
.professions .professionsTop .text02 {position:absolute; bottom:6px; left:0; width:45%;}
.professions .professionsTop .imgT {position:absolute; top:0; left:36px; display:block;}
.professions .professionsTop .imgT.mobile {display:none;}

.professions .devideMid {margin-bottom:45px; color:#4e545a; line-height:23px; width:100%;}
.professions .devideMid:after {content:""; display:block; clear:both;}
.professions .devideMid .sustainabilityRight {margin-right:0.6%;}
.professions .professionsTitle {margin-bottom:15px; color:#0054a6; /*color:#458acf;*/ font-family:'source sans pro'; font-size:18px; font-weight:600;}
.professions .professionsInner {margin-top:20px;}
.professions .professionsInner dt {color:#222; font-weight:600;}
.professions .professionsInner dd {margin-bottom:13px;}
.professions .professionsInner li {padding-left:6px; background:url("/static/images/sustainability/squareBullet.gif") no-repeat scroll 0 9px;}

/* recruitment process */
.recruit * {color:#4e545a;}
.recruit h4 { padding-top:34px; margin:0 0 12px 0; font-size:18px; color:#0054a6; }
/*
.recruit .tab {border-bottom:2px solid #4173bd;}
.recruit .tab li {float: left; width:25%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.recruit .tab li a.first {border-left:1px solid #c9d5e4;}
.recruit .tab li a{display:block; padding:7px 0; font-family:'Source Sans Pro'; font-size:16px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.recruit .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.recruit .tab li.on a.first {border-left:1px solid #4173bd;}
*/
.recruit .list li { margin-bottom:5px; padding-left:10px; background:url(/static/images/common/bul/grayList.gif) 0 8px no-repeat;}
.recruit .list li .co458acf {color:#458acf; font-size:13px;}
.recruit .list li span,
.recruit .list li span a { color:#1a559b; font-size:12px; text-decoration:underline; }
.recruit .list li .noUnderLine { color:#4e545a; font-size:13px; text-decoration:none !important;}
.recruit table th {color:#222;}
.recruit table td {color:#4e545a;}
/*
.recruit table { margin:20px 0 5px 0; width:100%; }
.recruit table th { padding:10px 0 8px 0; background:#f7f8f9; border-top:2px solid #677681; border-bottom:1px solid #677681; font-size:13px; color:#677681; text-align:center; }
.recruit table th + th { border-left:1px solid #e0e6ed; }
.recruit table td { padding:10px 0 8px 0; border-bottom:1px solid #e0e6ed; font-size:13px; color:#4e545a; text-align:center;}
.recruit table td + td { border-left:1px solid #e0e6ed; }
*/
.recruit .tableInfo { padding-top:13px; color:#4173bd; font-size:13px; font-weight:400;}
.recruit .processImg { margin-top:10px; padding:10px; border:1px solid #e6e6e6; background:#f8f8f8;}
.recruit .processImg ul { overflow:hidden; width:100%;}
.recruit .processImg ul li { float:left; width:16.5%; text-align:center;}
.recruit .processImg ul li + li { background:url(/static/images/careers/processArrow.gif) no-repeat 0px 58px;}
.recruit .processImg img{ width:100%; max-width:121px;}
.recruit .recruitContents {padding-right:45%; background:url('/static/images/careers/imgRecruit.jpg') no-repeat 101% 100%;}
.recruit .recruitContents .list {margin-bottom:38px;}
.recruit .recruitContents2 {padding-right:50%; background:url('/static/images/careers/imgRecruit3.jpg') no-repeat 100% 35%;}

.recruitment_step {padding-left:15%; width:78%; overflow:hidden;}
.recruitment_step li {margin:0 5% 3.5% 0; float:left;}

.BalanceSheet .financialBtm {width:100%; margin-top:20px; }
.BalanceSheet .financialBtm:after {content:""; display:block; clear:both;}
.BalanceSheet .financialBtm .left {float:left; font-size:12px; color:#82898d;}
.BalanceSheet .financialBtm .right {float:right; font-family:'Arial',sans-serif; font-size:12px;color:#4e545a;}
.BalanceSheet .financialBtm .adobe { padding-left:15px; font-weight:600; color:#46555f; font-family:'Arial',sans-serif; text-decoration:underline; background:url('/static/images/sustainability/icoAdobe.gif') no-repeat 0px center;}

/* IR */
.IRArchive .financialBtm {width:100%; margin-top:20px; }
.IRArchive .financialBtm:after {content:""; display:block; clear:both;}
.IRArchive .financialBtm .right {float:right; font-size:12px; color:#82898d;}
.IRArchive .financialBtm .adobe { padding-left:15px; font-weight:600; color:#46555f; font-family:'Arial',sans-serif; text-decoration:underline; background:url('/static/images/sustainability/icoAdobe.gif') no-repeat 0px center;}

/* Overview */
.Overview { color:#4e545a;}
.Overview .text { line-height:150%; margin-bottom:65px;}
.Overview h4 { color:#0054a6; margin-bottom:15px;}
/*
.Overview .reportNew { position:relative; left:5%; height:265px; margin-bottom:100px;}
.Overview .reportNew .susYear {float:left;margin-right:2.5%;}
.Overview .reportNew .img { float:left;}
.Overview .reportNew h4 { font-size:28px; color:#a6a9ac; line-height:100%; font-weight:bold;}
.Overview .reportNew h4 span.year { display:block; margin-bottom:10px; font-size:50px; font-weight:normal; color:#4e545a;}
.Overview .reportNew .btn { text-align:left;}
*/
.Overview .reportNew { position:relative; left:22.8%; height:265px; margin-bottom:100px;}
.Overview .reportNew .img { float:left;}
.Overview .reportNew .down {float:left; margin:197px 0 0 2.4%;}
.Overview .reportNew strong{display:block; margin-bottom:5px;font-weight:bold;font-size:2.5em}
.Overview .reportNew .susYear {float:left;margin-right:2.5%;}
.Overview .reportNew h4 { font-size:28px; color:#a6a9ac; line-height:100%; font-weight:bold;}
.Overview .reportNew h4 span.year { display:block; margin-bottom:10px; font-size:50px; font-weight:normal; color:#4e545a;}
.Overview .reportNew .btn { text-align:left;}

.Overview .adobe { /*margin-top:20px;*/ clear:both; text-align:right; font-size:12px; color:#82898d;}
.Overview .adobe a {padding-left:15px; font-weight:600; color:#46555f; font-family:'Arial',sans-serif; text-decoration:underline; background:url('/static/images/sustainability/icoAdobe.gif') no-repeat 0px center;}
.Overview .report { float:left; width:25%;}
.Overview .report .img { margin-bottom:10px;}
.Overview .report h4 { font-size:25px; margin-bottom:-5px;}
.Overview .report h4 span.year { display:block; font-size:16px; color:#4e545a; font-weight:600;}
.Overview .report h4 span.sustain { font-size:20px; }
.Overview .report .btn { text-align:left;}
.Overview .report span.year {display:block; font-size:16px; color:#4e545a; font-family:'Source Sans Pro'; font-weight:600;}
.Overview .report .down {width:196px; text-align:center;}

.Overview .overviewSocial {position:relative; margin-bottom:-68px; font-size:20px; color:#566e8d;}
.Overview .overviewSocial .socialText01 {position:relative; padding-right:45%; font-size:23px; height:440px; background:url('/static/images/sustainability/imgOverview01.png') no-repeat 93% 0; z-index:5;}
.Overview .overviewSocial dl {margin:-250px 0 44px; padding-top:7%; height:490px; background:url('/static/images/sustainability/imgOverview02.png') no-repeat 0 0;}
.Overview .overviewSocial dt {position:relative; margin:0 0 40px 23%; width:535px;height:206px; text-indent:-9999px; background:url('/static/images/sustainability/textOverview.png') no-repeat 0 100%; z-index:10;}
.Overview .overviewSocial dd {margin-left:23%;font-size:23px;}
.Overview .overviewReport {overflow:hidden;}
.Overview .overviewReport .titSr {float:left;width:23%;}
.Overview .overviewReport .text {float:left;width:77%; color:#4e545a; line-height:23px;} 

.Overview .boxButton { display:inline-block; padding:0 3px 0 0; height:27px; vertical-align:middle; background:url(../images/InvestorRelations/downRight.gif) right 0 no-repeat;}
.Overview .boxButton span { overflow:hidden; display:inline-block; width:107px; padding:0 9px 0 40px; height:27px; background:url(../images/InvestorRelations/downLeft.gif) 0 0 no-repeat; color:#59a9da; font-size:12px; line-height:27px; }

/* 20141201 김현우 추가 start */
.Overview .roundGray{width:77%;  box-sizing:border-box; display:inline-block; background:#F5F5F5; border:1px #eee solid; border-radius:6px; vertical-align:middle; float:right}
.Overview .roundBlue{width:100%; height:46px; box-sizing:border-box; display:inline-block; background:#61A3E8; border-radius:6px; vertical-align:middle; margin-top:13px}
.Overview .roundSky{width:49%; height:66px; box-sizing:border-box; display:inline-block; background:#E4F1FF; border:1px #CBDFF5 solid; border-radius:6px; vertical-align:middle; line-height:66px; margin:0px 0 11px 0; float:left}
.Overview .area01{float:left; width:21%}
.Overview .area02{float:left; width:24%; margin-left:10px}
.Overview .area03{float:left; width:24%; margin-left:10px}
.Overview .area04{float:left; width:24%; margin-left:10px}
.Overview .area01 .textGuide .area01Arrow{margin:0 0 4px 24px}
.Overview .textBlue{font-size:16px; font-weight:bold; color:#0054A6; height:40px; margin:25px 0 0 30px;}
.Overview .textWhite{font-size:14px; font-weight:bold; color:#fff; height:46px; text-align:center; vertical-align:middle; padding:5px 7px 0 7px;}
.Overview .textBlue_s{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:24px 3px 0 3px}
.Overview .textBlue_s02{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:16px 3px 0 3px}
.Overview .arrowR{position:relative; text-align:center;}
.Overview .textGroup{text-align:center;}
.Overview .bottomGroup{position:relative; top:20px; width:77%;float:right; margin-bottom:80px;}
.Overview .roundLine{width:32%;height:335px; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 17px 11px 0; padding:5px 0 15px 0; float:left}
.Overview .roundLine_nomargin{width:32%;height:335px; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 0 11px 0; padding:5px 0 15px 0; float:left}
.Overview .roundDotline {border-top:1px #999999 dotted; border-left:0px; border-right:0px; border-bottom:0px; margin:15px 15px 0 15px}
.Overview .roundText{font-size:13px; line-height:18px; margin:15px 15px 0 15px}
.Overview .paddTop16 {padding-top:16px;}
.Overview .guideBox {display:none;}
/* 20141201 김현우 추가 end */

/* Governance - 20160928 김현우 추가 start */
.Governance { color:#4e545a;}
.Governance .text { line-height:150%; margin-bottom:65px;}
.Governance h4 { color:#0054a6; margin-bottom:15px;}
.Governance .reportNew { position:relative; left:0;}
.Governance .reportNew .img { float:none; margin-bottom:70px; padding-left:23%;}
.Governance .reportNew .down {float:left; margin:60px 0 20px 0;}
.Governance .reportNew .btn { text-align:left;}

.Governance .reportNew_e { position:relative; left:0;}
.Governance .reportNew_e .img { float:none; margin-bottom:70px; padding-left:23%;}
.Governance .reportNew_e .down {float:left; margin:60px 0 20px 0;}
.Governance .reportNew_e .btn { text-align:left;}

.Governance .adobe { /*margin-top:20px;*/ clear:both; text-align:left; font-size:12px; color:#82898d; margin-bottom:100px;}
.Governance .adobe a {padding-left:15px; font-weight:600; color:#46555f; font-family:'Arial',sans-serif; text-decoration:underline; background:url('../images/InvestorRelations/icoAdobe.gif') no-repeat 0px center;}

.Governance .overviewSocial {position:relative; margin-bottom:0; font-size:20px; color:#566e8d;}
.Governance .overviewSocial .socialText01 {position:relative; padding-right:0; font-size:23px; /*height:160px;*/}
/* .Governance .overviewSocial .socialText01 {position:relative; padding-right:37%; font-size:23px; height:250px; background:url('../../static/images/InvestorRelations/imgHammer.png') no-repeat 99% 0; z-index:5;} 이미지 삭제 전 */
.Governance .overviewReport {overflow:hidden;}
.Governance .overviewReport .titSr {float:left;width:23%;}
.Governance .overviewReport .text {float:left;width:77%; color:#4e545a; line-height:23px;} 

.Governance .boxButton { display:inline-block; padding:0 3px 0 0; height:27px; vertical-align:middle; background:url(../images/InvestorRelations/downRight.gif) right 0 no-repeat;}
.Governance .boxButton span { overflow:hidden; display:inline-block; width:117px; padding:0 9px 0 40px; height:27px; background:url(../images/InvestorRelations/downLeft.gif) 0 0 no-repeat; color:#59a9da; font-size:13px; line-height:27px; }

.Governance .boxButton_e { display:inline-block; padding:0 3px 0 0; height:27px; vertical-align:middle; background:url(../images/InvestorRelations/downRight.gif) right 0 no-repeat;}
.Governance .boxButton_e span { overflow:hidden; display:inline-block; width:196px; padding:1px 9px 0 40px; height:27px; background:url(../images/InvestorRelations/downLeft.gif) 0 0 no-repeat; color:#59a9da; font-size:11px; line-height:27px; }

.Governance .textBlue{font-size:16px; font-weight:bold; color:#0054A6; height:40px; margin:25px 0 0 30px;}
.Governance .bottomGroup{position:relative; top:0px; width:77%; float:right; margin-bottom:50px;}
.Governance .roundLine{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 17px 11px 0; padding:5px 0 15px 0; float:left}
.Governance .roundDotline {border-top:1px #999999 dotted; border-left:0px; border-right:0px; border-bottom:0px; margin:10px 15px 0 15px}
.Governance .roundText{font-size:13px; line-height:20px; margin:15px 15px 0 15px}
.Governance .roundTextHead{font-size:16px; font-weight:bold; color:#0054A6; margin:10px 0 0 15px;}

/* Governance table start */
.Governance .table {width:77%; float:right; margin-bottom:65px;}
.Governance .table p { margin-top:10px; text-align:right; font-size:12px;}
.Governance .table table { width:100%; text-align:center;}
.Governance .table table th { padding:8px; border-top:2px solid #4173bd; border-bottom:1px solid #4173bd; background:#fff;  color:#4173bd;}
.Governance .table table td { padding:8px; font-size:12px; border-bottom:1px solid #e0e6ed;  color:#4e545a;}
.Governance .table table .alignL {text-align:left; }
.Governance .table table .alignL_padding {text-align:left; padding-left:20px }
.Governance .table h2 { margin-bottom:15px; text-align:left; font-size:16px; font-weight:bold; color:#0054A6;}
/* Governance table end */

/* Governance - 20160928 김현우 추가 end */


/* contact us*/
.contactUs iframe { width:100%; height:800px; }

/* sustainability compliance */
.compliance > p { margin-bottom:60px; }
.compliance h4 { color:#0054a6; margin-bottom:15px; }
.compliance .contents { margin-bottom:50px; }
.compliance .contents a.read { padding-left:20px; font-size:12px; text-decoration:underline; background:url('/static/images/sustainability/icoRead.gif') no-repeat 0px center; }
.compliance .contents a:link, .compliance .contents a:hover, .compliance .contents a:visited  { color:#137cbc; }
.compliance .contents a.link {text-decoration:underline;}
.compliance .contents { margin-bottom:50px; }
/*
.compliance .tab {border-bottom:2px solid #4173bd;}
.compliance .tab li {float: left; width:25%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.compliance .tab li a.first {border-left:1px solid #c9d5e4;}
.compliance .tab li a{display:block; padding:7px 0; font-family:'Source Sans Pro'; font-size:16px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.compliance .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.compliance .tab li.on a.first {border-left:1px solid #4173bd;}
*/
.compliance .tabLayout {margin-top:-39px;}
.compliance .tabLayout .tab {margin-bottom:0; border-bottom:1px solid #646a76;}
.compliance .tabLayout .tab li { float:left; padding-left:10px; margin-left:-10px; width:30%; border-top:0 none; background:url('/static/images/common/bg/bgTabOff_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab li:first-child {margin-left:0;}
.compliance .tabLayout .tab li a { display:block; padding:0 35px 0 5%; height:31px; border:0 none; line-height:33px;  text-align:left; font-size:12px; color:#666; font-weight:bold; background:url('/static/images/common/bg/bgTabOff.png') no-repeat 100% 0;}
.compliance .tabLayout .tab li a {position:relative; z-index:5;}
.compliance .tabLayout .tab li+li a {position:relative; z-index:10;}
.compliance .tabLayout .tab li+li+li a {position:relative; z-index:15;}
.compliance .tabLayout .tab li.on {background:url('/static/images/common/bg/bgTabOn_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab li.on a { padding-right:40px; color:#fff; background:url('/static/images/common/bg/bgTabOn.png') no-repeat 100% 0; }

.compliance div[class*=tabBox] h4 { margin-bottom:10px; width:100%; font-size:15px; color:#222;}
.compliance div[class*=tabBox] h4.blackTitle {margin-bottom:2px;}
.compliance div[class*=tabBox] .close { margin:10px -21px -21px 0; text-align:right;}
.compliance div[class*=tabBox] .tabBoxInner {position:relative; padding:20px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.compliance div[class*=tabBox] .tabBoxInner .innerClose {position:absolute; top:10px; right:10px;}
.compliance div[class*=tabBox] h4.blackTitle.dot {padding-left:6px; background:url("/static/images/sustainability/squareBullet.gif") no-repeat 0 10px;}
.compliance div[class*=tabBox] h4.blackTitle.dot2 {padding:0 0 9px 6px; background:url("/static/images/sustainability/squareBullet.gif") no-repeat 0 10px;}
.compliance .dotCon {padding:0 0 10px 6px;}
.compliance .dotCon li {width:100%; overflow:hidden;}
.compliance .dotCon li span {margin-right:5px; float:left;}
.compliance .dotCon li span.one {width:2%;}
.compliance .dotCon li span.two {width:95%;}

div[class*=tabBox] .closeX { margin-top:0 !important; text-align:right;}
.compliance div[class*=tabBox] h4.tabBoxTitle {font-family:'airal'; font-size:15px; color:#222; font-weight:600;}

table.comp { width:100%; border-collapse:collapse;  }
/*
table.comp th { border:1px solid #efefef; height:35px; background:#f7f7f7; }
table.comp td { border:1px solid #efefef; padding:14px 0 14px 15px; color:#707070; }
*/
table.comp th { height:35px; border-right:1px solid #efefef; border-top:2px solid #677681; border-bottom:1px solid #677681; font-size:13px; color:#222; line-height:17px;}
table.comp td { border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:14px 15px 14px 15px; font-size:13px; line-height:17px; color:#4e545a;}
table.comp th.last,
table.comp td.last {border-right:0 none;}
table.comp td.center {text-align:center;}
table.comp td.bg { text-align:center; padding:0; background:#f7f7f7; }
table.comp ul li{ padding-left:6px; background:url('/static/images/sustainability/squareBullet.gif') no-repeat 0 9px; }

/* compliance visual */
.contents_tit.cVisual {margin-bottom:44px; height:239px; background:url(/static/images/sustainability/imgEthics.jpg) no-repeat 100% 100%;}
.contents_tit.cVisual p {width:59%;}
.contents_tit.qVisual {margin-bottom:44px; height:329px; background:url(/static/images/sustainability/imgQuality.jpg) no-repeat 100% 100%;}
.contents_tit.qVisual p {width:70%;}
.contents_tit.hVisual {background:url('/static/images/sustainability/imgHealth.jpg') no-repeat 100% 100%;}
.contents_tit.hVisual p {margin-bottom:38px;}
.contents_tit.eVisual {background:url('/static/images/sustainability/imgEnvironment.jpg') no-repeat 100% 100%;}
.contents_tit.eVisual p {margin-bottom:38px;}
.contents_tit.pVisual {margin-bottom:44px; height:359px; background:url('/static/images/sustainability/imgPartnership.jpg') no-repeat 100% 100%;}
.contents_tit.pVisual p {width:70%;}
.contents_tit.csrVisual {height:314px; background:url(/static/images/sustainability/imgCoporate.jpg) no-repeat 100% 100%;}
.contents_tit.csrVisual p {width:60%;}

.contents_tit .visualtitle {margin-top:-14px; font-size:23px; color:#566e8d;}

/* .compliance .HSEimg { margin-top:20px; padding:20px 0px; border:1px solid #e6e6e6; text-align:center; background:#f8f8f8;}*/
.compliance .HSEimg { margin-top:20px; /*padding:20px 0px;*/ text-align:center;}
.compliance .scar { margin-top:20px; padding:20px 0px; border:1px solid #e6e6e6; text-align:center; background:#f8f8f8;}
.compliance .scar li { float:left; width:20%;}
.compliance .scar li img { width:100%; max-width:165px;}
.compliance .scar li + li { background:url(/static/images/sustainability/icoArrow.gif) no-repeat 0px center;}
.compliance .scycle { margin-top:20px; padding:20px 0px; border:1px solid #e6e6e6; text-align:center; background:#f8f8f8;}
.compliance .campaign { overflow:hidden;/* margin-top:20px;*/ padding:20px 0px; border:1px solid #e6e6e6; text-align:center; background:#f8f8f8;}
.compliance .campaign h4 { text-align:center; font-size:28px !important; margin-bottom:20px;}
.compliance .campaign>div { float:left; width:50%;}

.compliance table { /*margin-top:20px;*/ margin-top:-5px;}
.compliance table td { text-align:left;}
.compliance table tr.bg th { background:#f9f9fa;}
.compliance table.tdAlignC td { text-align:center; }
.compliance table.pl9 td { padding-left:9% }
.compliance table .borderA { border-right:1px solid #666699; }
.compliance table .borderB { border-right:1px solid #e0e6ed; }
.compliance table td.tdAlignL  { text-align:left; padding-left:4%; }
.compliance table tr.tc td { text-align:center;}
.compliance table td.textLeft { text-align:left !important;}
.compliance table td.textRight { text-align:right !important; /*padding-right:2%;*/}

.compliance .campaign .do h5 { font-size:20px; color:#3a58ba; margin-bottom:5px;}
.compliance .campaign .do ul { margin-left:10%;}
.compliance .campaign .do li { height:53px; margin-bottom:4px; padding-left:61px; text-align:left; line-height:53px;}
.compliance .campaign .do li span { display:inline-block; line-height:100%; vertical-align: middle; color:#4e545a; font-size:12px;}
.compliance .campaign .do .one { background:url(/static/images/sustainability/doImg1.gif) no-repeat;}
.compliance .campaign .do .two { background:url(/static/images/sustainability/doImg2.gif) no-repeat;}
.compliance .campaign .do .three { background:url(/static/images/sustainability/doImg3.gif) no-repeat;}
.compliance .campaign .do .four { background:url(/static/images/sustainability/doImg4.gif) no-repeat;}
.compliance .campaign .do .five { background:url(/static/images/sustainability/doImg5.gif) no-repeat;}

.compliance .campaign .dont h5 { font-size:20px; color:#d1405c; margin-bottom:5px;}
.compliance .campaign .dont ul { margin-left:10%;}
.compliance .campaign .dont li { height:53px; margin-bottom:4px;  padding-left:61px; text-align:left; line-height:53px;}
.compliance .campaign .dont li span { display:inline-block; line-height:100%; vertical-align: middle; color:#4e545a; font-size:12px;}
.compliance .campaign .dont .one { background:url(/static/images/sustainability/dontImg1.gif) no-repeat;}
.compliance .campaign .dont .two { background:url(/static/images/sustainability/dontImg2.gif) no-repeat;}
.compliance .campaign .dont .three { background:url(/static/images/sustainability/dontImg3.gif) no-repeat;}
.compliance .campaign .dont .four { background:url(/static/images/sustainability/dontImg4.gif) no-repeat;}
.compliance .campaign .dont .five { background:url(/static/images/sustainability/dontImg5.gif) no-repeat;}

.compliance .imgList { overflow:hidden; /*margin-bottom:20px;*/}
.compliance .imgList p.img { float:left; margin-right:30px;}
.compliance .imgList p.img img { width:100%; max-width:176px;}
.compliance .imgList p.img2 { /*float:left;*/ margin:10px 30px 0 0; /* padding:10px 9px 11px 11px; border:1px solid #c9c9c9;*/ width:265px; }
.compliance .imgList p.img2 img { width:100%; max-width:128px; max-height:108px;}
.compliance .imgList p.img2 img+img { margin-left:9px; }
.compliance .imgList .text {  /*margin-left:206px*/}
.compliance .imgList h5 { margin:5px 0px 10px; font-size:15px; font-size:18px; color:#222;}
.compliance .imgList h5.img2Text { margin-bottom:10px; font-size:15px; color:#222;}
.compliance .imgList h5 sub {font-size:12px; vertical-align: bottom;}
.compliance .imgList .font13 {font-size:13px;}

.compliance .imgList p.img a.border {display:block; padding-top:8px; width:174px; height:220px; text-align:center; border:1px solid #c9c9c9;}
.compliance .imgList p.img a.border img {width:148px; height:214px;}
.compliance .imgList .text h5.bold {font-weight:600;}

.compliance .galleryList{position:relative; margin-bottom:20px;}
.compliance .galleryList .prev{position:absolute;top:32px;left:0;}
.compliance .galleryList .next{position:absolute;top:32px;right:10px;}
.compliance .galleryList>div{ margin:0 20px; min-height:120px; height:auto !important; height:120px; overflow:hidden;}
.compliance .galleryList ul{/*width:1410px;*/ position:relative;left:0;}
.compliance .galleryList ul li{position:relative;float:left; width:102px; margin-right:10px; font-size:12px; line-height:15px;}
.compliance .galleryList ul li img {margin-bottom:10px; width:102px; height:71px; /*width:auto; height:100px;*/}
.compliance .galleryList ul li a img{/*width:102px;height:71px*/}
.compliance .galleryList ul li a span {display:none;}
/*
.compliance .galleryList{position:relative; margin-top:25px; padding:15px; border:1px solid #e6e6e6; background:#f8f8f8;}
.compliance .galleryList .prev{position:absolute;top:15px;left:10px;}
.compliance .galleryList .next{position:absolute;top:15px;right:10px;}
.compliance .galleryList>div{ height:147px; margin:0 40px; overflow:hidden;}
.compliance .galleryList ul{width:1410px; position:relative;left:0;}
.compliance .galleryList ul li{position:relative;float:left;width:159px;height:147px;margin-right:10px}
.compliance .galleryList ul li a img{width:159px;height:107px}
.compliance .galleryList ul li a span{display:block;position:absolute;top:0;left:0px;width:159px;height:107px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.compliance .galleryList ul li.on a span{border:5px solid #458acf}
*/

/* sustainability corporate */
.corporate { line-height:1.7em; }
.corporate .pageTab { margin:30px 0 20px 0; border-bottom:2px solid #4173bd; }
.corporate .pageTab li { float:left; width:25%; background:#fbfbfb; border-top:1px solid #c9d5e4; }
.corporate .pageTab li.on { background:#4173bd; border-top:1px solid #4173bd; }
.corporate .pageTab li.on a { color:#fff; border-left:1px solid #4173bd; }
.corporate .pageTab li a { display:block; padding:7px 0 5px 0; text-align:center; font-size:16px; border-left:1px solid #c9d5e4; border-right:1px solid #c9d5e4; font-family:'source sans pro'; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.corporate .pageTab li + li a { border-left:0; }
.corporate .conList li { margin-top:30px; overflow:hidden; }
.corporate .conList li img { float:right; max-width:287px; }
.corporate .conList li p { float:left; width:70%;}
.corporate .conList li p strong { display:block; margin-bottom:10px; color:#0054a6; font-size:18px; font-family:'source sans pro'; font-weight:600; }
.corporate .conList li p span { color:#4e545a; }
.corporate .programTit { margin-bottom:5px; font-size:14px; font-weight:normal; color:#4e545a; font-family:'arial'; }
.corporate .tableList { margin-bottom:30px; }
.corporate .tableList th { /*background:#f9f9fa;*/ }
.corporate .tableList td { padding-left:25px; text-align:left; }
.corporate h4 { margin:30px 0 10px 0; color:#0054a6; }
.corporate h5 { margin: 17px 0 8px 0; color:#222; font-size:15px; }
.corporate h5.videoTitle {color:#0054a6;}
.corporate .btn { margin:10px 0 45px 0; text-align:left; }
.corporate .tabLayout .tab { /*margin-top:30px;*/ margin-top:10px; }
.corporate .tabLayout .tab.collaboration li { width:240px; }
.corporate .tableSearch { margin-bottom:10px; text-align:right; }
.corporate .tableSearch input[type="text"] { width:87px; height:18px; }
.corporate .activity { border-top:2px solid #677681; border-bottom:1px solid #e2e2e2; }
.corporate .activity li { position:relative; padding:14px 0; min-height:148px; overflow:hidden; }
.corporate .activity li img { position:absolute; left:57px; max-width:272px; max-height:148px; width:100%; }
.corporate .activity li div { margin-left:353px; }
.corporate .activity li div span { display:block; }
.corporate .activity li div * { font-family:'arial' !important; font-size:14px !important; color:#4E545A !important;}
.corporate .activity li span { font-size:13px; color:#8c9094; }
.corporate .activity li span.num { position:absolute; left:0; top:50%; width:57px; text-align:center; }
.corporate .activity li strong { margin-bottom:5px; color:#4e545a; font-size:18px; font-weight:600; font-family:'source sans pro'; }
.corporate .activity li span.con { margin-top:10px; color:#4e545a; }
.corporate .TableBtn { margin:15px 0 0 0; text-align:right; }
.corporate .player { font-size:14px; }
.corporate .player .video { float:left; width:471px; height:302px; }
.corporate .player .caption { margin-left:471px; padding:23px 35px; height:255px; border:1px solid #ededed; overflow-y:auto;}
.corporate .player .caption strong { display:block; margin:20px 0 10px 0; }
.corporate .player .caption dt {font-weight:600;}

.corporate .tableList td .hipen {overflow:hidden;}
.corporate .tableList td .hipen span {float:left; margin-right:5px;}
.corporate .tableList td .hipen span.two {width:95%;}

/* sustainability outreach */
.corporate .outreach {float:left; width:70%;}
.corporate .outreachImg {margin-top:33px; float:right; /*max-width:300px;*/ overflow:hidden;}
.corporate .outreachImg p {margin-bottom:10px;}
.corporate .outreach .programTit {margin:0; color:#0054a6; font-size:18px; font-family:'source sans pro'; font-weight:600;}
.corporate .outreach .tableList {margin:10px 0 35px;}
.corporate .outreach .tableList.bgNon th {background:none;}

/* sustainability quality */
.quality>p { margin-bottom:60px; }
.quality h4 { color:#0054a6; margin-bottom:15px; }
.quality .fontColor { color:#222; }
.quality .contents { margin-bottom:50px; }

.quality .tabLayout {margin-top:-39px;}
.quality .tab { border-bottom:1px solid #646a76; }
.quality .tab li  {float:left; padding-left:10px; margin-left:-10px; width:30%; background:url('/static/images/common/bg/bgTabOff_left.png') no-repeat 0 0;}
.quality .tab li:first-child {margin-left:0;}
.quality .tab li.on { background:url('/static/images/common/bg/bgTabOn_left.png') no-repeat 0 0;}
.quality .tab li.on a { padding-right:40px; color:#fff; background:url('/static/images/common/bg/bgTabOn.png') no-repeat 100% 0; }
.quality .tab li a {display:block; padding-right:35px; padding-left:5%; height:31px; line-height:33px;  text-align:left; font-size:12px; color:#666; font-weight:bold; /*outline:none;*/ background:url('/static/images/common/bg/bgTabOff.png') no-repeat 100% 0;}
.quality .tab li a {position:relative; z-index:5;}
.quality .tab li+li a {position:relative; z-index:10;}
.quality .tab li+li+li a {position:relative; z-index:15;}
.quality div[class*=tabBox] .tabBoxInner {position:relative; padding:20px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.quality div[class*=tabBox] .tabBoxInner h4 {font-family:arial, sans-serif; font-size:15px; color:#222;}
.quality div[class*=tabBox] .tabBoxInner .innerClose {position:absolute; top:10px; right:10px;}

.quality .popBg{ display:none; position: fixed; left:0; top:0; z-index:90; width:100%; height:100%; background:#000; opacity:0.5; filter: alpha(opacity=50);}
	.layerPop { display:none; position:fixed; left:50%; top:50%; width:530px; max-height:835px; margin-top:-300px; margin-left:-170px; z-index:91; padding:0 30px 30px; border:1px solid #ccc; border-top:3px solid #1a559b; background:#fff; text-align:left; }
	.layerPop h4 { margin-top:20px; padding-left:1.5%; width:300px; font-size:25px; color:#1a559b; font-weight:200; font-family:'source sans pro'; }
	.layerPop .largeImg {width:530px; height:auto; border:1px solid #eee; }
	.layerPop .close { position:absolute; right:30px; top:25px; margin:0 !important}
	.layerPop .padB30 {padding-bottom:30px;}

.quality > .tabLayout { margin-bottom:25px; overflow:hidden;  }
.quality .tabLayout .certificateBox { width:auto; padding-bottom:20px; clear:both; overflow:hidden;}
.quality .tabLayout .certificateBox p.img { float:left; margin-right:40px; }
	.tabLayout .certificateBox p.img img { width:164px; /*height:213px;*/ border:1px solid #c9c9c9; }
.quality .tabLayout .certificateBox .text { overflow:hidden; color:#222;} 
.quality .tabLayout .certificateBox .text h6 { clear:both; }
.quality div[class*=tabBox] .closeBtn { margin:10px -22px -21px 0; /*margin-bottom:40px;*/ text-align:right;}
.btm10 { margin-bottom:10px; }
.btm15 { margin-bottom:15px; }
.btm20 { margin-bottom:20px; }
.btm25 { margin-bottom:25px; }
.btm30 { margin-bottom:30px; }
.btm35 { margin-bottom:35px; }
.btm50 { margin-bottom:50px; }
.btm75 { margin-bottom:75px; }
.top40 { margin-top:40px; }
.closeBtn { text-align:right; margin-top:30px; }

.tabLayout .text ul li { padding-left:6px; background:url('/static/images/sustainability/squareBullet.gif') no-repeat 0 8px; }

.quality .tabLayout .paging {margin-top:0px !important;}

/* sustainability HSE Management */
.compliance .tabLayout .certificateBox { width:auto; padding-bottom:20px; /*margin-top:15px;*/ clear:both; overflow:hidden;}
.compliance .tabLayout .certificateBox p.img { float:left; margin-right:40px; }
	.tabLayout .certificateBox p.img img { border:1px solid #c9c9c9; }
.compliance .tabLayout .certificateBox .text { overflow:hidden; color:#222;}

.compliance .tabLayout .paging {margin-top:0px !important;}

.compliance .tabLayout .tab.differ li {background:url('/static/images/common/bg/bgTabOffdiffer_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab.differ li a {padding-top:9px; height:33px; line-height:27px; background:url('/static/images/common/bg/bgTabOffdiffer.png') no-repeat 100% 0;}
.compliance .tabLayout .tab.differ li.line13 a {line-height:13px;}
.compliance .tabLayout .tab.differ li.on {background:url('/static/images/common/bg/bgTabOndiffer_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab.differ li.on a {color:#fff; background:url('/static/images/common/bg/bgTabOndiffer.png') no-repeat 100% 0; }
.compliance .tab.differ li {width:24.5%;}
.compliance div[class*=tabBox] .tabBoxInner.center {/*padding:30px 0;*/ text-align:center;}

.compliance .tabBoxInner .campaign {border:0 none; background:none;}
.compliance .tabBoxInner .campaign h4 {padding-top:10px; font-size:22px !important;}

.compliance .tab.devide40 li {width:40%;}
.compliance .tab.devide35 li {width:35%;}
.compliance .tab li.devide28 {width:28%;}
.compliance .tab li.devide30 {width:30%;}
.compliance .tab li.devide345 {width:34.5%;}
.compliance .tab li.devide32 {width:32%;}
.compliance .tab li.devide35 {width:35%;}
.compliance .tab li.devide37 {width:37%;}
.compliance .tab li.devide40 {width:40%;}
.compliance .tab li.devide42 {width:42%;}

table.comp.tablpad10 td {padding:5px 0 5px 15px; vertical-align:top; }
table.comp td.btmLIne {padding:5px 0;}
table.comp td.btmLIne ul {padding-bottom:3px; border-bottom:1px solid #efefef;}
table.comp td.btmLIne ul li {padding-left:15px; background:none;}
table.comp td.btmLIne ul.bordNone {padding-top:10px; border-bottom:0 none;}

.compliance table.tableDirect {margin-top:0 !important;}
.compliance table.tableDirect th {padding:5px 0;}
.compliance table.tableDirect td {padding:0 15px; height:35px; /*padding:5px 0 7px 15px; text-align:center;*/}
.compliance table.tableDirect tr.last td {border-bottom:0 none;}

.compliance .tabBoxInner .minus5 {margin-top:-5px;}
.compliance .tabBoxInner h5 {margin-bottom:7px; font-size:14px; font-weight:400; color:#4e545a;}

.compliance .imgList02 { overflow:hidden;}
.compliance .imgList02 h5 {/*margin-bottom:5px;*/ margin-bottom:-2px; font-size:13px; color:#222; font-weight:600;}
.compliance .imgList02 p.img {margin-top:8px; float:right; overflow:hidden;}
.compliance .imgList02 p.img img { width:100%; max-width:166px; min-height:116px;}
.compliance .imgList02 .text {float:left; width:50%; padding-left:50px;}
.compliance .imgList02 .text p {/*font-size:12px;*/}
.compliance .tabLayout .imgList02 .text ul li {background-position:0 10px;}

.compliance .imgList02 .imgList02Con {margin-bottom:10px;}
.compliance .imgList02 .imgList02Con li {overflow:hidden;}
.compliance .imgList02 .imgList02Con li span {float:left;}
.compliance .imgList02 .imgList02Con li span.one {margin-right:5px;}
.compliance .imgList02 .imgList02Con li span.two {width:70%;}

.compliance .tableLeft {float:left; width:48%;}
.compliance .tableRight {float:right; width:48%;}
.compliance .tableLeft h5,
.compliance .tableRight h5 {font-weight:600;}

/* sustainability Corporate Social Responsibility */
.compliance .activitiesGallery {width:100%; overflow:hidden;}
.compliance .activitiesGallery .galleryLeft {display:inline-block; padding-top:20px; float:left; width:65%; /*max-width:70%; width:100%; float:left;*/ text-align:center; }
.compliance .activitiesGallery .galleryLeft .picture img {max-width:749px; width:auto !important; max-height:450px;}
.compliance .activitiesGallery .galleryLeft dl {margin-top:17px;} 
.compliance .activitiesGallery .galleryLeft dt {display:inline; font-size:18px; color:#222;}
.compliance .activitiesGallery .galleryLeft dd {display:inline; color:#606060;}
.compliance .activitiesGallery .galleryRight {position:relative; padding-top:20px; float:right; width:30%; min-height:535px; background:url(/static/images/sustainability/bgActivities.gif) no-repeat 0 0;}
.compliance .activitiesGallery .galleryRight:after {content:""; display:block; clear:both;}
.compliance .activitiesGallery .galleryRight ul {margin-left:17px; overflow:hidden;}
.compliance .activitiesGallery .galleryRight li {margin:0 0 15px 15px; float:left; display:inline;}
.compliance .activitiesGallery .galleryRight li a {display:block; position:relative; float:left; filter: url(filters.svg#gray); /* Gecko and FF*/ filter: gray(); /* IE */ -moz-filter: grayscale(1); -ms-filter: grayscale(100%);  -o-filter: grayscale(100%); -webkit-filter: grayscale(1);}
.compliance .activitiesGallery .galleryRight li img {width:142px; height:78px;}
.compliance .activitiesGallery .galleryRight li a.active {border:3px solid #458acf; text-decoration:none; float:left; overflow:hidden; filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; -webkit-filter: none;}
.compliance .activitiesGallery .galleryRight li a.active img {float:left; overflow:hidden; margin:-3px;}
.compliance .activitiesGallery .galleryRight .devide300 {position:absolute; bottom:30px; left:15%; width:300px; float:right;}
.compliance .activitiesGallery .galleryRight .devide300 .paging {margin-top:15px;}

/*.compliance table.activitiesView {margin-top:30px;}*/
.compliance table.activitiesView {margin-top:-15px;}
.compliance table.activitiesView td {padding:45px 200px 45px 20px; border-bottom:0 none;}
.compliance .tableNav {border-top:1px solid #e0e6ed;}
.compliance .tableNav li {border-bottom:1px solid #e0e6ed;}
.compliance .tableNav .last {border-bottom:2px solid #e0e6ed;}

.compliance .ecoText {font-size:18px; margin-bottom:30px;}

.compliance .inlineCont {overflow:hidden; margin-bottom:40px;}
.compliance .inlineCont dt {font-size:15px; color:#222; font-weight:600;}
.compliance .inlineCont.imgLeft img {float:left; margin:0 30px 15px 0;}
.compliance .inlineCont.imgRight img {float:right; margin:0 0 15px 30px;}

.compliance .contents a.underLIne:link, .compliance .contents a.underLIne:hover, .compliance .contents a.underLIne:visited  { color:#0054a6; text-decoration:underline;}
.compliance .contents a.underLIne img {margin-left:3px;}

.compliance .tabLayout.marReset {margin-top:0 !important;}

.compliance .tab.devide31 li {width:31%;}
.compliance .tabLayout .tab li.empty, 
.compliance .tabLayout .tab.differ li.empty {margin-bottom:15px; width:100% !important; border-bottom:1px solid #646a76; font-size:0; line-height:0;}
.compliance .tabLayout .tab.programs {width:35%; background:url('/static/images/common/bg/bgTabOffdiffer_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab.programs a {padding-top:9px;  line-height:27px; background:url('/static/images/common/bg/bgTabOffdiffer.png') no-repeat 100% 0;}
.compliance .tabLayout .tab.programs.line13 a {line-height:13px;}
.compliance .tabLayout .tab.programs.on {background:url('/static/images/common/bg/bgTabOndiffer_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab.programs.on a {color:#fff; background:url('/static/images/common/bg/bgTabOndiffer.png') no-repeat 100% 0; }

.compliance .tabLayout .tab.differ li.sizeR {width:37%;}
.compliance .tabLayout .tab.differ li.lineSIze2 {width:29%;}
.compliance .tabLayout .tab.differ li.lineSIze3 {width:32%;}
.compliance .tabLayout .tab.differ li.lineSIze4, 
.compliance .tabLayout .tab.differ li.lineSIze5 {width:48%;}

/* 2014-12-01 lineSize4 탭 텍스트 한줄높이로 */
/* .compliance .tabLayout .tab.differ li.lineSIze2 a,
.compliance .tabLayout .tab.differ li.lineSIze3 a,
.compliance .tabLayout .tab.differ li.lineSIze4 a {line-height:13px;} */
.compliance .tabLayout .tab.differ li.lineSIze2 a,
.compliance .tabLayout .tab.differ li.lineSIze3 a {line-height:13px;}

/* sustainability Partnership */
.compliance h4.btm10 {margin-bottom:10px;}
.compliance .tab.devide45 li {width:45% !important;}
.compliance .tabLayout .tab li.devide55 {width:55%;}

/* sustainability common */
.sustainabilityTop {color:#566e8d; font-size:23px; padding-right:28%;}

.devideMid {width:100%; /*overflow:hidden;*/ color:#4e545a; line-height:23px;}
.devideMid:after {content:""; display:block; clear:both;}
.devideMid .pdfDown {overflow:hidden;}
.devideMid .pdfDown p {float:left; width:65%;}
.devideMid .pdfDown p+p {padding-left:2%; width:auto; overflow:hidden; text-align:center;}
.devideMid .pdfDown .pdfCover {margin-bottom:17px;}

.sustainabilityLeft {float:left; width:46.5%;}
.sustainabilityRight {float:right; width:46.5%;}

.sustainabilityRight .RightConInner {margin-bottom:2px; overflow:hidden;}
.sustainabilityRight .RightConInner span {margin-right:10px;}
.sustainabilityRight .RightConInner a {color:#0054a6; text-decoration:underline;}
.sustainabilityRight .marB30 {margin-bottom:30px;}

/* search */
.searchLayout {}
.searchLayout .searchBox { overflow:hidden; padding:20px 0px 35px; border-top:2px solid #b8b8b8; border-bottom:2px solid #b8b8b8;}
.searchLayout .searchBox .search {text-align:center;}
.searchLayout .searchBox .search select { padding:4px;}
.searchLayout .searchBox .search input[type=text] {padding:5px;}
.searchLayout .searchBox .search input[type=checkbox] { margin:0px 10px; margin-top:-3px; vertical-align: middle;}
.searchLayout .popularSearch { margin-top:10px; text-align:center;}
.searchLayout .popularSearch p { display:inline-block; margin-right:15px; vertical-align: middle;}
.searchLayout .popularSearch ul { display:inline-block; vertical-align: middle;}
.searchLayout .popularSearch ul li { display:inline-block; vertical-align: middle;}
.searchLayout .popularSearch ul li + li { margin-left:8px; padding-left:10px; background:url(/static/images/common/ico/icoList.gif) no-repeat 0px center;}

.searchLayout h4 { margin-top:32px; margin-bottom:30px; font-size:15px; font-family: 'arial';}
.searchLayout h4 span { font-size:18px; color:#2960a2;}
/*
.searchLayout .tab { margin-bottom:25px; border-bottom:2px solid #4173bd; }
.searchLayout .tab li { float:left; width:14.2%; background:#fbfbfb; border-top:1px solid #c9d5e4; }
.searchLayout .tab li.on { background:#4173bd; border-top:1px solid #4173bd; }
.searchLayout .tab li.on a { color:#fff; border-left:1px solid #4173bd; }
.searchLayout .tab li a { display:block; padding:7px 0 5px 0; text-align:center; font-size:14px; font-weight:bold; border-left:1px solid #c9d5e4; border-right:1px solid #c9d5e4;  }
.searchLayout .tab li + li a{ border-left:0; }
*/
.searchLayout .tab {border-bottom:2px solid #4173bd;}
.searchLayout .tab li {float: left; width:14.28%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.searchLayout .tab li a.first {border-left:1px solid #c9d5e4;}
.searchLayout .tab li a{display:block; padding:7px 0; font-family:'Source Sans Pro'; font-size:16px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;} 
.searchLayout .tab li.on a{color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.searchLayout .tab li.on a.first {border-left:1px solid #4173bd;}

.searchText { overflow:hidden; margin-bottom:80px;}
.searchText h4 { margin:0px; padding:5px; font-size:18px; color:#0054a6; background:#fbfbfb;}
.searchText>div { padding-top:20px; margin-top:10px; border-top:1px solid #afafaf;}
.searchText p.strong { font-size:15px; color:#222222; font-weight:bold;}
.searchText p.text { margin-top:3px; color:#4e545a; line-height:150%;}
.searchText p.slocation { margin-top:3px; font-size:13px; color:#9a9a9a;}
.searchText>div + div { margin-top:1.6%; border-top:1px dashed #c7c7c7;}

.searchText div.img { /*min-height:106px;*/ clear:both; overflow:hidden;}
.searchText div.img p {margin-left:140px;}
.searchText div p.img {float:left; margin:0; max-width:121px;}
.searchText p.img img { max-width:121px;}

/* error */
.errorBody {background:none;}
#errorContents {position:absolute; width:688px; height:298px;}
#errorContents .logo {margin-bottom:32px; text-align:center;}
#errorContents .errorInner {padding:62px 0 59px; text-align:center; border-top:11px solid #ebebeb; border-bottom:11px solid #ebebeb;}
#errorContents .errorInner .errorLink {margin-top:31px;}
#errorContents .errorInner .errorLink a {margin-left:7px;}

/* 임시 */ 
#ububien { width:100%; height:250px;}

.ProjectStory .videoPop .videoCaption { border:1px solid #D2D2D2; margin:10px 0px; padding:10px;}

/* youtube */
.youtube { display:none;}

.youtubeCaption { padding:20px; margin-top:10px; border:1px solid #c7c7c7;}

.youtubeCaption2 {width: 458px;height: 80px;padding: 10px;margin-top: 10px;border: 1px solid #d2d2d2;overflow-y: auto;overflow-x: hidden;line-height: 160%}
.youtubeCaption2 p {white-space: pre-wrap;word-wrap: break-word;font-size: 13px; text-align: left;}

/* IMG carousel */
.imgCarousel {overflow:hidden; position:relative; margin:0 0 20px;}
.imgCarouselArea {margin:0 auto; max-width:100%;}
.imgCarousel a { position:absolute; top:40%; width:30px; height:82px; z-index:5;}
.imgCarousel div{overflow:hidden;position:relative; float:left; /*width:174px;*/}

.imgCarousel .prev { top:39.5%; left:2%; background:url(../images/business/arrowLeft.png) 0 0 no-repeat; }
.imgCarousel .next { top:39.5%; right:0; background:url(../images/business/arrowRight.png) 0 0 no-repeat; }
.imgCarousel ul{position: relative; left:0; width:100%; overflow:hidden;}
.imgCarousel ul li {float:left; width:369px; height:204px; text-align:left;}
.imgCarousel ul li img {width:369px; height:204px;}
/*
.imgCarousel ul{position: relative;left:0; width:100%; overflow:hidden;}
.imgCarousel ul li {width:174px; height:111px; float:left; text-align:left;}
.imgCarousel ul li img {max-width:100%; width:174px; height:111px; }
*/
.imgCarousel ul li span{display:inline-block}
.compliance .imgList .text.textR {margin-right:9%; width:54%; float:right;}
.compliance .imgList .text.textR h5 {font-weight:600;}

.imgCarousel.Carousel174 div{width:100%;}
.imgCarousel.Carousel174 ul{width:100%;}
.imgCarousel.Carousel174 ul li {margin-right:2%; width:174px; height:111px !important;}
.imgCarousel.Carousel174 ul li img { max-width:100%; width:174px; height:111px !important;}

.compliance .listIdiffer {margin-bottom:20px;}
.compliance .listIdiffer .text.textR {margin-right:0; float:none; width:100%;}

/* 리스트 없을 경우 문구 */
.exclamationmark {padding-top:84px; width:100%; min-height:129px; text-align:center; color:#595959; font-size:1.6em; border-bottom:1px solid #e2e2e2;}
.exclamationmark img {display:inline-block;}
.exclamationmark span {display:inline-block; position:relative; top:2px;}

/* 모션 Project Lists */
.majorProject .overview {position:relative; margin-bottom:15px; width:100%; height:345px; overflow:hidden; background:url(../images/business/bgOverview.gif) repeat-x 0 0;}
.majorProject .overview .overviewInner {display:block; height:345px; background:url(../images/business/overviewTypography1.gif) no-repeat 0 100%;}
.majorProject .overview .overviewInner .ongoing {position:absolute; top:0; left:18%; width:45%; height:80%;}
.majorProject .overview .overviewInner .ongoing .ongoingText {position:absolute; top:15%; left:50%; /*left:0;*/ opacity: 0; filter:alpha(opacity=0);}
.majorProject .overview .overviewInner .ongoing .num-green {position:absolute; top:-6.5%; left:25%;}
.majorProject .overview .overviewInner .ongoing .num-blue {position:absolute; top:18%; left:40%; z-index:10;}
.majorProject .overview .overviewInner .ongoing .num-purple {position:absolute; top:-3%; left:60%;}

.majorProject .overview .overviewInner .country {position:absolute; bottom:0; left:55%; width:40%; height:80%;}
.majorProject .overview .overviewInner .country .countryText {position:absolute; top:63%; left:-50%; /*left:0;*/ opacity: 0; filter:alpha(opacity=0);}
.majorProject .overview .overviewInner .country .num-purple {position:absolute; bottom:-11.5%; left:40%; z-index:10;}
.majorProject .overview .overviewInner .country .num-blue {position:absolute; top:-3%; left:63%;}

.majorProject .overview .overviewInner .counters {overflow:hidden;display:inline-block; width:172px; height:265px; text-indent:-9999px;}
.majorProject .overview .overviewInner .digit {position:relative; height:2863px;}
.majorProject .overview .overviewInner .num-green .digit {background:url(../images/business/numbers_green.png) no-repeat}
.majorProject .overview .overviewInner .num-blue .digit {background:url(../images/business/numbers_blue.png) no-repeat}
.majorProject .overview .overviewInner .num-purple .digit {background:url(../images/business/numbers_purple.png) no-repeat}
	
/* 모션 Major Projects */
.ProjectStory .major .majorInner {display:block; position:relative; width:100%; height:309px; background:url(../images/business/bg_marjor.gif) repeat-x 0 0;}
.ProjectStory .major .majorStitle {position:absolute; top:18px; left:24px; color:#9caacb; font-size:17px; font-weight:600; font-family:'Arial',sans-serif, Helvetica,Verdana;}
.ProjectStory .major .majorQ {position:absolute; top:80px; left:15px; opacity: 0; /*filter:alpha(opacity=0);*/}
.ProjectStory .major .majorText {position:relative; padding-top:67px; width:100%; text-align:center; /*position:absolute; top:67px; left:8%;*/ opacity: 0; filter:alpha(opacity=0); z-index:10;}
.ProjectStory .major .majorMore {position:absolute; top:260px; left:45%; opacity: 0; filter:alpha(opacity=0); z-index:11;}
.ProjectStory .major .majorMore a {padding:10px 0;}
.ProjectStory .major .major_mobile {display:none;}

/* layout pop scroll */
.popScroll {/*overflow-y:scroll;*/ padding:0 30px 0 30px;}
	
/* Media full width 100% */
.full-width {width:100%; max-width:100%;}

/* 첨자 */
.fontAiral {font:normal 14px/1.33 'Arial',sans-serif, Helvetica,Verdana;}
sub.subscript {display:inline-block; margin-bottom:-2px; font-size:0.8em;}
sub.subscript11 {font-size:11px;}
sub.subscript10 {font-size:10px;}

/* news */
.tableList .news_no1 {width:7%}
.tableList .news_no2 {width:20%}
.tableList .news_no3 {width:55%}
.tableList .news_no4 {width:18%}


@media screen and (max-width: 1350px) {
	.compliance .tabLayout .tab.differ li.programs:first {width:36%;}
	.compliance .tab.devide31 li {width:32%;}
}

@media screen and (max-width: 1280px) { /* 1025 ~ 1280 */
	.unit .story .info dl dt { width:30%; }
	.AccoladesExplan {font-size:18px;}
	/* 
	.ProjectStory .videoCon { padding:3% 0; }
	.ProjectStory .videoCon ul li { width:31%; margin:0 2%; }
	.ProjectStory .videoCon ul li + li{ margin:0 2%; }
	.ProjectStory .videoCon ul li img { width:100%; } */
	
	.compliance .tabLayout .tab.differ li.lineSIze3 a {line-height:27px;}
	/*.compliance .tabLayout .tab.differ li.lineSIze3.on a {line-height:13px;}*/
	
	.ProjectStory .projectList .imgWrap .next {right:50px;}
}

@media screen and (max-width: 1270px) {
	.compliance .tabLayout .tab.differ li.lineSIze3 a, 
	.compliance .tabLayout .tab.differ li.lineSIze3.on a {line-height:27px;}
}

@media screen and (max-width: 1024px) { /* 721 ~ 1024 */

	.businessUnit li {margin:5px 2.2% 5px 0; width:23%; /*margin:0 1% 5px;*/}
	.businessUnit li.last1024 {margin-right:0;  width:22.8%;}  
	
	.Leadership .tab li.last { /*width:50%;*/ }
	
	.BalanceSheet p.img { width:40%; padding:0;}
	.BalanceSheet p.img2 { width:40%; }
	.BalanceSheet p.img img, .BalanceSheet p.img2 img  { width:100%; max-width:369px; }
	
	.IRArchive h4 { float:none;}
	.IRArchive ul li strong { display:block; float:left; margin-bottom:10px; width:25%; } 
	.IRArchive ul li>span { display:block; float:left; width:75%; } 
	.IRArchive ul li a { display:inline-block; margin-bottom:10px;}
	.IRArchive .more p { width:80%;}
	.IRArchive .more p + p { width:20%;}
	.IRArchive .more p img { margin:0px 5px;}
	
	.unit .story .info {margin-left: 450px;}
	.unit .story .info dl dt {width: 50%;}
	
	.vision .img img { max-width:968px; width:100%; }
	
	.ProjectStory .slideBanner .title { font-size:40px;}
	.ProjectStory .projectList { padding:2%; }
	
	.GlobalOffice .box.Korea .img { float:none; }
	.GlobalOffice .box.Korea .text { float:none; width:90%; margin-right:9%;}
	.GlobalOffice .box.Korea .text h5 br { display:none;}
	
	.ci .con .logo { float:none; display:block; margin:0 200px 30px 0;}
	.ci .con .right {right:12px;} 
	.ci .con .right .pantone{margin-bottom:5px}
	.ci .con .right .pantone > h5,.ci .con .right .pantone > p{font-size: 14px}
	.ci .con .right .pantone > div{margin-top:0px}
	
	.MOP .list ul li { width:25%; }
	
	.ProjectStory .videoCon ul li .cover { margin:auto; width:150px; }
		
	.growth .tab li a { font-size:14px; }
	.growth .con .visual div strong { font-size:35px; }
	
	/* recruitment process */
	.recruit .processImg ul li { float:left; width:33%; text-align:center;}
	.recruit .processImg ul li + li { background:none;}
	
	/* Overview */
	.Overview .reportNew .img { position:static; float:left; width:47%; margin-right:20px;}
	.Overview .reportNew .img img { width:100%;}
	.Overview .reportNew .adobe { float:left;}
	.Overview .report .img { padding-right:5%;}
	.Overview .report .img img { width:100%;}
	.Overview .reportNew .btn a, 
	.Overview .report .btn a { display:inline-block; height:100%; margin-bottom:5px;}
	
	.compliance .tab li { width:32%; }
	
	/* search */
	.searchLayout .tab li { width:25%;}
	
	.tableList .hidden-mobile { display:none; width:0; }
	.tableView .hidden-mobile { display:none; width:0; }
	.jobOpening .table-no1 { width:5%;} 
	.jobOpening .table-no3 { width:23% } 
	.jobOpening .table-no4 { width:48%; } 
	.jobOpening .table-no5 { width:15%;} 
	/*
	.jobOpening .tab li a {border-left:1px solid #c9d5e4;}
	.jobOpening .tab li.on a {border-left:1px solid #4173bd;}
	*/
	.tableView .title span {display:block;}
	.tableNav span.title {display:block; width:100%;}
	.tableNav span.title span {display:block;}
	
	.AccoladesExplan {font-size:16px;}
	.ProjectStory .projectList .infoTooltip dl {width:86%; background:url(../images/business/bginfoTooltip_btm.png) 0 100% repeat-x;} 
	
	/* sustainability */
	.Overview .overviewSocial {font-size:100%; margin-bottom:-17px;}
	.Overview .overviewSocial dt {margin-left:23%; background-size:55%;}
	.Overview .overviewSocial dd {margin-left:23%;}
	
	.compliance .complianceVisual {padding-top:0; height:auto;}	
	.compliance .partnership {padding:2% 28% 6% 0; font-size:100%;}

	/* Governance - 20160928 김현우 추가 start */
	.Governance .overviewSocial {font-size:100%; margin-bottom:-17px;}
	.Governance .overviewSocial dt {margin-left:23%; background-size:55%;}
	.Governance .overviewSocial dd {margin-left:23%;}
	
	.Governance .reportNew .img { position:static; float:right; width:73%; margin-right:20px;}
	.Governance .reportNew .img img { width:100%;}
	.Governance .reportNew .adobe { float:left;}
	.Governance .report .img { padding-right:5%;}
	.Governance .report .img img { width:100%;}
	.Governance .reportNew .btn a, 
	.Governance .report .btn a { display:inline-block; height:100%; margin-bottom:5px;}
	/* Governance - 20160928 김현우 추가 end */
	
	/* Global  */
	.GlobalOffice>.map li a { height:15%; background-size:40%;}
	.GlobalOffice .map .link li.on a {background-position:50% 100%;}	
	
	/*
	.GlobalOffice>.map .asia.on a {top:21%;}
	.GlobalOffice>.map .oceania.on a {top:64%;}
	.GlobalOffice>.map .europe.on a {top:17%;}
	.GlobalOffice>.map .middleEast.on a { top:32%;}
	.GlobalOffice>.map .africa.on a { top:46%;}
	.GlobalOffice>.map .northAmerica.on a { top:24%;}
	.GlobalOffice>.map .southAmerica.on a { top:54%;}
	*/
	.GlobalOffice>.map .asia.on a {top:22%;}
	.GlobalOffice>.map .oceania.on a {top:64.5%;}
	.GlobalOffice>.map .europe.on a {top:17%;}
	.GlobalOffice>.map .middleEast.on a { top:32%;}
	.GlobalOffice>.map .africa.on a { top:46%;}
	.GlobalOffice>.map .northAmerica.on a { top:24.3%;}
	.GlobalOffice>.map .southAmerica.on a { top:54.5%;}	
	
	.compliance .activitiesGallery .galleryRight {max-width:33%;}
	.compliance .tabLayout .tab.differ li.devide23 a {line-height:13px;}
	.compliance .tabLayout .tab.differ li.lineSIze2 a {line-height:13px;}
	/*
	.compliance .tabLayout .tab.differ li.devide42line {width:42%;}
	.compliance .tabLayout .tab.differ li.devide42line a {line-height:13px;}
	*/
	.compliance .imgList02 p.img {margin-bottom:20px; float:left;}
	
	.compliance .tab li {width:25%;}
	
	.corporate .conList li p,
	.corporate .outreach {width:60%;}
	
	.ProjectStory .projectList .imgWrap .next {right:25px;}
	
	/* CI */
	.ci h4 {float:none; width:100%; margin-bottom:20px;}
	.ci .ciContents .ciImg3Con dt {width:100%; margin-bottom:10px;}
	
	/* compliance visual */
	.contents_tit.cVisual {height:269px;}
	.contents_tit.qVisual {height:359px;}
	.contents_tit.pVisual {height:419px;}
	.contents_tit.csrVisual {height:372px;}
		
	.contents_tit.hVisual p {width:75%;}
	.contents_tit.eVisual p {width:70%;}
	.contents_tit.pVisual p {width:65%;} 
	.contents_tit.csrVisual p {width:50%;}
}

@media screen and (max-width: 950px) { 
	.compliance .tabLayout .tab.differ li.devide23 a {line-height:13px;}
	.compliance .tab li.devide22 {width:20%;}
	.compliance .tabLayout .tab.differ li.lineSIze a,
	.compliance .tabLayout .tab.differ li.lineSIze5 a {line-height:13px;}
	.compliance .tabLayout .tab.differ li.lineSIze2, .compliance .tabLayout .tab.differ li.lineSIze3	 {width:30%;}

	/* 2014-12-02 오규환 추가 */
	.Overview .roundGray{width:77%;  box-sizing:border-box; display:inline-block; background:#F5F5F5; border:1px #eee solid; border-radius:6px; vertical-align:middle; float:right}
	.Overview .roundBlue{width:100%; height:46px; box-sizing:border-box; display:inline-block; background:#61A3E8; border-radius:6px; vertical-align:middle; margin-top:13px}
	.Overview .roundSky{width:49%; height:66px; box-sizing:border-box; display:inline-block; background:#E4F1FF; border:1px #CBDFF5 solid; border-radius:6px; vertical-align:middle; line-height:66px; margin:0px 0 11px 0; float:left}
	.Overview .area01{float:left; width:95%;}
	.Overview .area02{float:left; width:95%; margin-left:10px}
	.Overview .area03{float:left; width:95%; margin-left:10px}
	.Overview .area04{float:left; width:95%; margin-left:10px}
	.Overview .area01 .area01Arrow{display:none;}
	.Overview .area01 ul {float:left; vertical-align: top; text-align:center;padding-right:30px;}
	.Overview .area01 ul .textGuide {width:50%; min-width:50%; text-align:center;}
	.Overview .textBlue{font-size:16px; font-weight:bold; color:#0054A6; height:40px; margin:25px 0 0 30px;}
	.Overview .textWhite{font-size:14px; font-weight:bold; color:#fff; height:46px; text-align:center; vertical-align:middle; padding:5px 7px 0 7px;}
	.Overview .textBlue_s{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:24px 3px 0 3px}
	.Overview .textBlue_s02{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:16px 3px 0 3px}
	.Overview .arrowR{position:relative; text-align:center;}
	.Overview .textGroup{text-align:center;}
	.Overview .bottomGroup{position:relative; top:20px; width:77%; float:right; margin-bottom:80px;}
	.Overview .roundLine{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 17px 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundLine_nomargin{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 0 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundDotline {border-top:1px #999999 dotted; border-left:0px; border-right:0px; border-bottom:0px; margin:15px 15px 0 15px}
	.Overview .roundText{font-size:13px; line-height:18px; margin:15px 15px 0 15px}
	.Overview .paddTop16 {padding-top:0;}
	.Overview .guideBox {width:25%;min-width:50px;width:40px;height:20px;margin-left:10px; vertical-align:middle; margin-top:28px}
	.Overview .guideBox .right{margin-left:0px;}
	/* 2014-12-02 오규환 추가 */
}

@media screen and (max-width: 767px) { /* 320 ~ 767  */
	
	select { min-width:60px;}

	/* paging */
	.paging a { margin:0;}
	.paging a.prev { margin-right:1%; }
	.paging a.next { margin-left:1%; }	
	
	.contents_tit p{width:100%}
	.comBox01 .comBoxInner { position:static;} 
	.comBox01 .btnBrochureDown{ position:static; margin-top:0px}
	
	.imgBox .col2{width:auto}
		
	.businessUnit li{width:48%;margin:0 1% 5px; }
	.businessUnit li.last1024 {width:48%;}
	
	.unit .tab li,
	.projKind .tab li,
	.ProjectStory .tab li { width:50% !important;}
	/*.ProjectStory .tab li:last-child {width:100% !important; border-left:1px solid #c9d5e4;}
	.unit .tab li a.lineBtm768 {border-bottom:1px solid #c9d5e4;}*/

	.unit .story .info dl dt {width: 30%;}
	.unit .story .img {margin-left:0; float:none; width:auto; }
	.unit .story .info { margin-left:0px; padding:15px 0; /* min-height:247px; */ background:#f9f9fa; }
	.unit .story .storyBox { padding:20px;}
	.unit .prev.Img {top:45px;}
	.unit .next.Img {top:45px; left:inherit; right:30px;}
	
	.historyInner>div>div{padding:20px;}
	.historyTab h4{font-size:2em;}
	.historyTab h4 span{font-size:0.5em;}
	.historyTab>ul li span{display:none;}
	.galleryList01>div{margin: 0 25px}
	.galleryList02 .prev{width:20px;left:5px;}
	.galleryList02 .next{width:20px;right:5px;}
	.galleryList02 .prev img,.galleryList02 .next img{width:100%}

	.Leadership .tabPolicy .tab li { width:50% !important; }
	.Leadership .tabPolicy .tab li.last { width:100% !important; } 

	.Leadership .info .text { margin-left:0; }
	.Leadership .info { padding:0;}
	.Leadership .info h4 { position: static; display:block; }
	.Leadership .info .title {  position: static; display:block; margin-bottom:10px; }
	.Leadership .info2 { padding:0;}
	.Leadership .info .imgLeft { float:none; margin:0px; }
	.Leadership .info2 .imgLeft { float:none; margin:0px; text-align:center;}
	.Leadership .info .imgLeft img,
	.Leadership .info2 .imgLeft img { width:100%;}
	.Leadership .info2 h4 {margin-top:20px;}
	
	.GlobalOffice .box .img { float:none; margin-right:0px; margin-bottom:10px; text-align:center;}
	.GlobalOffice .box ul li { float:none;}
	
	.MOP .list .box { height:auto;}
	.MOP .list ul li { float:left; width:50%; margin:0px;  margin-bottom:10px;}
	.MOP .list ul li p.img { width:95%; padding-right:5%;}
	.MOP .list ul li p.img img { max-width:100%; width:100%;}
	.MOP .list ul li p.title { font-size:12px;}
	.MOP .list ul li p.titleB { font-size:11px;}
	.MOP .list .btn { display:none;}
	
	.BalanceSheet p.img, .BalanceSheet p.img2 { width:100%; padding:0px;}
	.BalanceSheet p.img img { /* max-width:425px; */ }
	.BalanceSheet p.img2 img {/*  max-width:298px; */ }
	.BalanceSheet .table { width:100%; margin-top:30px;}

	.jobOpening .tab li {width:50% !important;}
	
	.jobOpening .type br { display:block; }	
	.jobOpening .tableSearch p.alignL { float:none; margin-bottom:20px; }
	.jobOpening .tableSearch p.alignL span + span { margin:5px 0 20px 0; display:block; }
	.jobOpening .tableSearch p.alignR { float:none; }

	.publication .img img { max-width:191px; width:100%; }
	
	.faq>dl>dt>a{padding:23px 25px 23px 34px;background-position:10px 23px;}
	.faq>dl>dd{padding:20px 25px 20px 58px;background-position:34px 23px;}
	
	.pubBoxType1 .img {width: 63%;}
	.pubBoxType1 .down{position:relative;left:0;margin-top: 11px;}
	.pubBoxType1 strong{font-size:1.5em;}
	.pubBoxType2 li{width:50%;margin-bottom:30px;}
		
	.IRArchive ul li strong,
	.IRArchive ul li>span { float:none; width:100%;} 
	
	/* CI */
	/*
	.ci h4 { float:none; clear:both; color:#0054a6; font-size:16px; margin-bottom:15px; }
	.ci .con { width:100%; margin:0px 0 0 0px;max-width: inherit; }
	
	.ci .con .logo { float:none; display:block; margin:0 0 30px 0;} 
	.ci .con .right { position:relative; left:0; top:0;width:100% }
	.ci .con .right .pantone { margin-bottom:20px; } 
	.ci .con .right .pantone > div{margin-top:15px;}
	.ci .con .right .pantone + .btn{}
	*/
	.ci .ciContents .ciImg2Con img,
	.ci .ciContents .ciImg3Con img {width:80%;}
	.ci .ciContents .ciImg2Con p span,
	.ci .ciContents .ciImg3Con dd span {display:block; margin-bottom:15px; float:none; width:100%;}

	.Shareholders .img { width:100%; text-align:center; }
	.Shareholders .img img { max-width:448px; width:100%; }
	.Shareholders .table { clear:both; margin:40px 0 0 0; width:100%; }
	
	.videoBox>ul>li { width:50%; }
	
	.GlobalOffice .box .text, .GlobalOffice .overview{margin-left:0;margin-right:0;border-right:0 none;}
	.GlobalOffice .box .map{top:inherit;right:10px; margin-top:0;}
	.GlobalOffice .box.Korea .text { width:100%; border:0px; margin:0px;}
	.GlobalOffice .box.Korea .map{margin-top:0px; position: absolute; right: 20px; top:30px;}
	
	.layerPopup{top:0px;left:0px !important;margin-left:2% !important;padding: 4% !important;max-height: 88%;overflow-y: auto;}
	.layerPopup .popClose{top:20px;right:20px;}
	
	.videoPop{width:88% !important; padding:4%;}
	.videoPop iframe{display: block;margin: 0 auto;width:100%;height:250px;}
	.videoCaption{width:auto;}
	
	.mapPop{width:88% !important;padding:4% !important; left:0px !important; margin-left:0px !important;}

	.service .epc li { margin-bottom:50px; padding:170px 0 0 0; }

	.majorProject .layerPopup { left:50%; padding:20px; /* max-width:421px; */ /* width:88%; */ /* padding:4%; */ /* margin:1.5%; */ }
	.majorProject .layerPopup .majorPopImg img { width:100%;}
	.majorProject .layerPopup ul.info li strong { float:none; width:100%; }
	
	
	.portfolioProject .layerPopup { left:50%; padding:20px; /* max-width:421px; */ /* width:88%; */ /* padding:4%; */ /* margin:1.5%; */ }
	.portfolioProject .layerPopup .majorPopImg img { width:100%;}
	.portfolioProject .layerPopup ul.info li strong { float:none; width:100%; }
	
	
	.ProjectStory h4.projectName { font-size:25px; }
	.ProjectStory .slideBanner .title { font-size:20px;}
	.ProjectStory .slideBanner .btn { overflow:hidden; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
	.ProjectStory .slideBanner .btn a { position:static; float:left; display:inline-block; width:50%; margin:0px; padding:3% 0px; text-align:center;}
	.ProjectStory .slideBanner .btn a img { height:15px;}
	.ProjectStory .type br { display:block; }	
	.ProjectStory .gallery ul li {margin:1% 1% 5% 1%; width:48%; height:130px;}
	.ProjectStory .table-no1 { width:30%; } 
	
	.GlobalOffice>.map img { display:none;}
	.GlobalOffice > .map ul { padding-top:10px; border-bottom: 1px solid #E2E2E2; border-top: 2px solid #677681;}
	.GlobalOffice > .map li { float:left; width:45%; padding-left:5%; margin-bottom:10px;}
	.GlobalOffice > .map li a { position:static; text-indent:0px; opacity:1; filter:alpha(opacity=100); background:red; }
	.GlobalOffice > .map li a:hover { text-decoration:underline;}
	.GlobalOffice .box .img img { max-width:505px; width:100%; }
	.GlobalOffice .map .link li {  font-size:14px; line-height:100%;}
	.GlobalOffice .map .link li a {margin:0px !important; background:none;}
	.GlobalOffice > .map .headquater a { opacity:1; filter: alpha(opacity=100);}
	
	.unit .arrowBtn .left {top:15%;}
	.unit .arrowBtn .right {top:15%; left:inherit; right:30px;}
	
	.ProjectStory .gallery .title br { display:none; }
	/*
	.ProjectStory .tab li{ width:33.2%; }
	.ProjectStory .tab li a{font-size:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
	*/
	.ProjectStory .projectList { padding:3%; }	
	.ProjectStory .projectList .imgWrap { position:relative; float:none; width:100%;}
	.ProjectStory .projectList .info { float:none; width:100%; margin-top:15px; padding-left:0%;}
	.ProjectStory h4 {clear:both;width:100%}
	.ProjectStory .leftCon {float:none;width:99%;border:0;}
	/*.ProjectStory .videoCon { margin:20px 0 0 0;}
	.ProjectStory .videoCon #video1 .img { display: block; margin:10px 0 0 10px; }
	.ProjectStory .videoCon .videoCaption { margin:0px 0 0 10px; max-height:185px; height:auto; }
	.ProjectStory .videoCon .videoCaption .title { margin:15px 0 5px 0; }
	.ProjectStory .videoCon #video1{position:relative; left:0; top:0; }
	.ProjectStory .videoCon #video1 iframe{margin:0 auto;display:block;}*/
	.ProjectStory .videoCon ul li { float:none; width:100%; }
	.ProjectStory .videoCon ul li + li { margin-top:20px; border:0; }
	.ProjectStory .videoCon ul li .cover { margin:auto; width:217px; }

	.ProjectStory .rightCon{ margin-top:30px; padding: 0 10px;border-left: 0px none;}
	.ProjectStory .rightCon ul li{width:50%;float:left;}

	.vision h3 { font-size:35px; }
	.vision .img:first-child { margin-bottom:40px; }
	
	.MOP .view{padding:30px}
	.MOP .view .movie{float:none;width:auto; height:200px; }
	.MOP .view .info{float:none;width:auto}
	.MOP .view .info div{width:auto}
	.MOP .view .info .img{width:30%;float:left;margin-right:5%;height:auto;}
	
	.philosophy ul li { padding:30px 0px; }
	.philosophy ul li.web { display:none;}
	.philosophy ul li.mobile { display:block;}
	.philosophy ul li.mobile.value { margin:0 20px;}
	
	.growth .objective img.show-desktop {display:none}
	.growth .objective img.show-mobile {display:inline}
	
	.growth .tab li {width:50% !important;}
	.growth .tab li span a {line-height:1;} 
	
	.growth .con .visual {float:none; text-align:center;}
	.growth .con .txt {margin-left:0;}

	.growth .objective ul li { margin:0 0.1% 20px 0.1%; width:49.8%;  }
	.growth .objective ul li img { max-width:210px; width:100%; }

	/* recruitment process */
	.recruit .tab li { width:50% !important;}
	.recruit .processImg ul li { float:left; width:50%; text-align:center;}
	.recruit .processImg ul li + li { background:none;}
	
	/* Overview */
	.Overview .reportNew {left:0; height:auto;}
	.Overview .reportNew .img { float:none; width:100%; margin-right:0px;}
	.Overview .reportNew .adobe { float:none;}
	.Overview .report { float:none; width:100%; margin-bottom:20px;}
	.Overview .report .img { padding-right:5%;}
	.Overview .report .img img { width:100%;}
	.Overview .reportNew .btn a, 
	.Overview .report .btn a { display:inline-block; width:49%;}
	.Overview .reportNew .btn a img, 
	.Overview .report .btn a img { display:inline-block; max-width:145px; width:100%;}
	
	.compliance .tab li {width:50% !important; margin-left:0;}
	.compliance .tabLayout .tab li {margin-left:0;}  
	.compliance .envir {width:100%; height:auto; background:none;}

	.corporate .pageTab li {width:100%;}
	.corporate .conList li img { float:none; max-width:287px; width:100%; }
	.corporate .conList li p { margin:15px 0 0 0; }
	.corporate .tableList td { padding-left:10px; }
	
	.quality .tabLayout .certificateBox p.img { float:none; margin-right:0; }
	.quality .tabLayout .certificateBox .text { margin-top:20px;  }
	.quality .tab li { width:100%;}
	.quality .tab li a {margin-right:10px;}
	
		.imgPop { overflow:scroll; left:0; top:0; width:90%; height:100%; margin-top:0; margin-left:0px; z-index:91; padding:0 18px 18px 18px; }
		.imgPop h4 { margin-top:20px; padding-left:18px; font-size:20px;  }
		.imgPop .largeImg { width:100%; height:auto; }

	.professions .certificateBox p.img { float:none; text-align:center; margin-right:0; }
	.professions .certificateBox p img { max-width:165px; }
	.professions .certificateBox .textCon { margin-top:20px;  }
	
	.compliance .tabLayout .tab li { width:100% !important;}
	.compliance .scar li { width:45%; padding:0px 2.5%; margin:5px 0px;}
	.compliance .campaign h4 { font-size:25px !important; letter-spacing:-0.5px;}
	.compliance .campaign .do { float:none; width:100%;}
	.compliance .campaign .dont { float:none; width:100%; margin-top:15px;}
	
	.compliance .imgList { padding-bottom:10px; border-bottom:1px solid #ccc;}
	.compliance .imgList p.img { float:none; margin-bottom:15px; text-align:center;}
	.compliance .imgList p.img2 { float:none; }
	.compliance .imgList .text { margin:0px;}

	.corporate .activity { border-top:2px solid #677681; border-bottom:1px solid #e2e2e2; }
	.corporate .activity li { position:relative; padding:25px 0; min-height:148px; }
	.corporate .activity li img { position:relative; left:0; max-width:272px; width:100%; }
	.corporate .activity li p { margin:15px 0 0 0; }
	.corporate .activity li p span { display:block; }
	.corporate .activity li span { font-size:13px; color:#8c9094; }
	.corporate .activity li span.num { display:none; position:relative; left:0; top:50%; width:57px; text-align:center; }
	.corporate .activity li strong { margin-bottom:5px; color:#4e545a; font-size:18px; font-weight:600; font-family:'source sans pro'; }
	.corporate .activity li span.con { margin-top:5px; color:#4e545a; }
	.corporate .activity li div { margin:10px 0 0 0; }
	.corporate .player .video { float:none; width:100%; height:auto; }
	.corporate .player .video img { width:100%; }
	.corporate .player .caption { margin-left:0; padding:0 5% 15px 5%; height:auto; max-height:300px; border:1px solid #ededed; overflow-y:auto; }

	.tabLayout .imgList p.img { margin-left:35px; }
	
	.imgBox .col2 img{width:100%;}
	.imgBox .col2 .imgCol1 { max-width:379px;}
	.imgBox .col2 .imgCol2 { max-width:321px;}
	.comBox01 .ptSpace {padding-top:15px;}
	
	/* search */
	.searchLayout .tab li { width:100%;}
	.searchLayout .tab li a {border-left:1px solid #c9d5e4;}
	.searchText div p.img { float:none; margin-bottom:10px;}
	.searchText div.img p { margin-left:0px;}

	.professionsBg { background:none; }
	.professions .textBox { margin-left:40px; }
	
	.pubBox { margin-left:45px; }
	.pubBoxType2 { margin-left:45px; }
	
	.majorProject .h4btm { margin-bottom:30px; }	
	.majorProject .layerPopup { max-width:422px; width:90% !important; top:0px !important; left:0px !important; margin-top:0px !important; margin-left:0px !important;}
	
	.portfolioProject .h4btm { margin-bottom:30px; }	
	.portfolioProject .layerPopup { max-width:422px; width:90% !important; top:0px !important; left:0px !important; margin-top:0px !important; margin-left:0px !important;}
	
	.historyInner>div p { margin:0px 10px !important;}
	.AccoladesExplan {background:none;}
	
	.ProjectStory .projectList .infoTooltip {left:0;}
	.ProjectStory .projectList .infoTooltip .infoTooltipInner {width:100.5%;}
	.ProjectStory .projectList .infoTooltip dl {width:95%; background:url(../images/business/bginfoTooltip_btm.png) 0 101% repeat-x;} 
	
	/* sustainability  */
	.compliance .tab.differ li,
	.compliance .tab.devide40 li,
	.compliance .tab.devide35 li,
	.compliance .tab.devide45 li,
	.compliance .tab.devide31 li,
	.compliance .tabLayout .tab.programs li,
	.compliance .tabLayout .tab li.devide55  {width:100%;}

	.sustainabilityTop {font-size:100%;}
	.compliance .complianceVisual {padding-top:28px; height:134px; font-size:100%;}	 
	.quality .qualityVisual {padding-bottom:10%; font-size:100%;}
	.compliance .health {padding:6% 28% 7% 0;}
	.compliance .activitiesGallery .galleryRight {max-width:25%;}
	
	.Overview .overviewSocial .socialText01 {margin:0; width:100%; height:309px; /*background:none;*/ padding-right:0; font-size:100%; background-size:40%; background-position:93% 100%;}
	.Overview .overviewSocial dl  {margin:-215px 0 0; width:100%; height:auto; background:none;}
	.Overview .overviewSocial dt,
	.Overview .overviewSocial dd {margin-left:0; background-size:75%; height:136px; font-size:100%;}	

	/* Governance - 20160928 김현우 추가 start */
	.Governance .overviewSocial .socialText01 {margin:0; width:100%; /*height:269px;*/ /*background:none;*/ padding-right:0; font-size:100%; background-size:45%; background-position:93% 100%;}
	.Governance .overviewSocial dl  {margin:-215px 0 0; width:100%; height:auto; background:none;}
	.Governance .overviewSocial dt,
	.Governance .overviewSocial dd {margin-left:0; background-size:75%; height:136px; font-size:100%;}
	/* Governance - 20160928 김현우 추가 end */
	.Governance .reportNew .down a {display:inline-block; margin-bottom:10px;}
	
	/* CI 
	.ci .minimumArea .con ul,
	.ci .minimumArea .con p.txt,
	.ci .con.imgS369 img  {width:100%; max-width:100%; max-height:100%;}
	*/
	.compliance .tab.devide31 li.sizeR,
	.compliance .tab.devide31 li+li+li+li+li {width:100%;}
	
	.compliance .tabLayout .tab.differ li.line13 li+li+li+li+li a,
	.compliance .tab.devide31 li+li+li+li+li a  {line-height:27px;}
	.compliance .tabLayout .tab.differ.devide31 li.line13 a {line-height:27px;}
	
	.compliance .tabLayout .tab.differ li.sizeR, 
	.compliance .tabLayout .tab.differ li.lineSIze2, 
	.compliance .tabLayout .tab.differ li.lineSIze3,
	.corporate .tabLayout .tab.collaboration li,
	.compliance .tabLayout .tab.differ li.lineSIze4,
	.compliance .tabLayout .tab.differ li.lineSIze5 {width:100%;}
	
	.corporate .outreach {width:100%;}
	.corporate .outreachImg {float:left;}
	
	/*
	.recruit .tab li a {border-left:1px solid #c9d5e4;}
	.recruit .tab li.on a {border-left:1px solid #4173bd;}
	*/
	
	.recruit .recruitContents,
	.recruit .recruitContents2 {width:100%; background:none;}

	.publication .report { float:none; width:100%; margin-bottom:20px;}
	.publication .report .img { padding-right:5%;}
	.publication .report .img img { width:100%;}
	.publication .report .btn a { display:inline-block; width:49%;}
	.publication .report .btn a img { display:inline-block; max-width:145px; width:100%;}	
	
	.MOP .searchBox li {display:block;}
	.MOP .searchBox li+li {margin-top:10px;}
	
	.ProjectStory .type span {display:block; margin-bottom:10px; padding-left:0; background:none;}
	
	/* tab */
	.tabPolicy .tab {border-left:1px solid #c9d5e4;}
	.tabPolicy .tab li a.first {border-left:0;}
	.tabPolicy .tab li a.lineBtm768 {border-bottom:1px solid #c9d5e4;}
	

	/* professions */
	.professions .professionsTop {margin-bottom:45px; height:auto; background:url('/static/images/careers/imgProfessions_m.jpg') no-repeat center center;}
	.professions .professionsTop .text01,
	.professions .professionsTop .text02 {position:static; width:100%; font-size:15px;}
	.professions .professionsTop .imgT {display:none;}
	.professions .professionsTop .imgT.mobile {position:static; display:block; margin:30px 0 50px; width:100%; text-align:center;}	
	
	.Overview .overviewSocial {margin-bottom:68px;}
	
	/* Governance - 20160928 김현우 추가 */
/* 	.Governance .overviewSocial {margin-bottom:58px;} */
	
	
	.compliance .tabLayout .tab.differ li.devide42line {width:100%;} 
	.compliance .tabLayout .tab.differ li.devide28 a,
	.compliance .tabLayout .tab.differ li.devide42line a,
	.compliance .tabLayout .tab.differ li.lineSIze2 a,
	.compliance .tabLayout .tab.differ li.lineSIze3 a,
	.compliance .tabLayout .tab.differ li.lineSIze4 a,
	.compliance .tabLayout .tab.differ li.lineSIze5 a { line-height:27px;}
	
	.vision .imgDefault {display:none;}
	.vision .img768 {display:block;}
	
	.compliance .HSEimg img {width:100%;}
	
	.contents_tit.awardVisual p.AccoladesExplan {width:65%;}
	
	.contents_tit .tab li {width:50% !important;}
	
	/* compliance visual */
	.contents_tit.cVisual {height:334px; background-position:110% 100%;}	
	.contents_tit.qVisual {height:454px;}	
	.contents_tit.hVisual {background-position:100% 56px;}
	.contents_tit.eVisual {background-position:100% 53px;}	
	.contents_tit.pVisual {height:604px;}
	.contents_tit.csrVisual {height:527px;}
		
	.contents_tit.cVisual p {width:50% !important;}
	.contents_tit.hVisual p {width:65% !important;}
	.contents_tit.eVisual p {width:60% !important;}
	.contents_tit.pVisual p {width:55% !important;}  
	.contents_tit.csrVisual p {width:40% !important;}

	/* 2014-12-02 오규환 추가 */
	.Overview .roundGray{width:77%;  box-sizing:border-box; display:inline-block; background:#F5F5F5; border:1px #eee solid; border-radius:6px; vertical-align:middle; float:right}
	.Overview .roundBlue{width:100%; height:46px; box-sizing:border-box; display:inline-block; background:#61A3E8; border-radius:6px; vertical-align:middle; margin-top:13px}
	.Overview .roundSky{width:49%; height:66px; box-sizing:border-box; display:inline-block; background:#E4F1FF; border:1px #CBDFF5 solid; border-radius:6px; vertical-align:middle; line-height:66px; margin:0px 0 11px 0; float:left}
	.Overview .area01{float:left; width:95%}
	.Overview .area02{float:left; width:95%; margin-left:10px}
	.Overview .area03{float:left; width:95%; margin-left:10px}
	.Overview .area04{float:left; width:95%; margin-left:10px}
	.Overview .area01 .area01Arrow{display:none;}
	.Overview .area01 ul {float:left; vertical-align: top; text-align:center;padding-right:30px;}
	.Overview .area01 ul .textGuide {width:50%; min-width:50%; text-align:center;}
	.Overview .textBlue{font-size:16px; font-weight:bold; color:#0054A6; height:40px; margin:25px 0 0 30px;}
	.Overview .textWhite{font-size:14px; font-weight:bold; color:#fff; height:46px; text-align:center; vertical-align:middle; padding:5px 7px 0 7px;}
	.Overview .textBlue_s{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:24px 3px 0 3px}
	.Overview .textBlue_s02{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:16px 3px 0 3px}
	.Overview .arrowR{position:relative; text-align:center;}
	.Overview .textGroup{text-align:center;}
	.Overview .bottomGroup{position:relative; top:20px; width:77%; float:right; margin-bottom:80px;}
	.Overview .roundLine{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 17px 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundLine_nomargin{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 0 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundDotline {border-top:1px #999999 dotted; border-left:0px; border-right:0px; border-bottom:0px; margin:15px 15px 0 15px}
	.Overview .roundText{font-size:13px; line-height:18px; margin:15px 15px 0 15px}
	.Overview .paddTop16 {padding-top:0;}
	.Overview .guideBox {width:25%;min-width:50px;width:40px;height:20px;margin-left:10px; vertical-align:middle; margin-top:28px}
	.Overview .guideBox .right{margin-left:0px;}
	/* 2014-12-02 오규환 추가 */
}

@media screen and (max-width: 480px) { 
	
	.jobOpening .tableList th, 
	.jobOpening .tableList td { font-size:12px; }	
	
	.pubBoxType1 .img ,.pubBoxType2 .img {width: 80%;}
	.pubBoxType1{width:100%}
	.pubBoxType2 li{width:100%}
	
	.videoBox>ul>li{width:50%;margin-bottom:20px}
	.videoBox>ul>li>a>span{right:0px;bottom:0px;}
	
	.majorProject .layerPopup ul.pList li { float:none; width:100%; margin-bottom:15px; overflow:hidden; }
	.majorProject .layerPopup ul.pList li a { display:block; }
	.majorProject .layerPopup ul.pList li + li {margin-left:0; }
	.majorProject .layerPopup ul.pList li img { float:left; margin:0 10px 0px 0; }	
	
	
	.portfolioProject .layerPopup ul.pList li { float:none; width:100%; margin-bottom:15px; overflow:hidden; }
	.portfolioProject .layerPopup ul.pList li a { display:block; }
	.portfolioProject .layerPopup ul.pList li + li {margin-left:0; }
	.portfolioProject .layerPopup ul.pList li img { float:left; margin:0 10px 0px 0; }	
	
	
	.ProjectStory .rightCon ul li{width:100%;float:none;}
		
	.unit .story .info dl dt { float:none; margin-bottom:0; }
	.unit .prev, .unit .next {top:18%;}
	
	.manager span,.manager a{display: block;margin-left:0px;margin-bottom:5px;}
	.manager .mail{border:0 none;padding:0;}
	
	/* CI */
	/*
	.ci > div { margin-bottom:30px; }
	.ci .con ul li { float:none; width:100%; margin:0 0 15px 0; }
	*/	
	
	.Accolades ul li h5{position: relative;height: 50px;width: 100%}
	.MOP .view{padding:15px}

	.comBox01 .devideMid {margin-bottom:15px;}
	.sustainabilityLeft {margin-bottom:20px; width:100%; float:none;}
	.sustainabilityRight  {width:100%; float:none;}
	.comBox01 .btnBrochureDown {padding:0 0 15px;}
	
	.compliance .complianceVisual,
	.quality .qualityVisual {margin:0; width:100%; background:none;}
	.compliance .health,
	.compliance .partnership,
	.compliance .activities {padding:0; width:100%; background:none;}
	.compliance .ecoText {font-size:100%;}
	
	.Overview .overviewSocial .socialText01 {margin:0; width:100%; height:280px; /*background:none;*/ padding-right:0; background-size:50%; background-position:93% 100%;}
	.Overview .overviewSocial dl  {margin:-166px 0 0; width:100%; height:auto; background:none;}
	.Overview .overviewSocial dt,
	.Overview .overviewSocial dd {margin-left:0; background-size:50%; height:136px;}	
	
	.corporate .conList li p {width:100%;}	
	.comBox01 .devideMid .sustainabilityLeft, .comBox01 .devideMid .sustainabilityRight {width:100%;}
	
	.historyTab>ul li {width:100%;}
	.historyTab>ul li a {border-left:1px solid #c9d5e4;}
	.historyTab>ul li.on a {border-left:1px solid #4173bd;}
	
	.Accolades ul li p.pad20 {padding:20px 0;}
	/*.unit .tab {border-left:1px solid #c9d5e4;}
	.unit .tab li a.first {border-left:0;}*/
	.unit .tab li span.unitMtab a {border-bottom:1px solid #c9d5e4;} 
	.MOP .searchBox label { margin-left:0px;}
	.MOP .searchBox li {display:block; margin-top:10px;}	
	.majorProject .selectBox {float:none; margin-top:0;}
	
	.vision .imgDefault, 
	.vision .img768 {display:none;}
	.vision .img480 {display:block;}	
	
	/*
	.unit .tab li,
	.ProjectStory .tab li,
	.growth .tab li {width:100% !important;}	
	.ProjectStory .tab li  a,
	.growth .tab li a {border-left:1px solid #c9d5e4;}*/
	
	.compliance .tabLayout .tab.differ li.lineSIze3.on a {line-height:27px !important;}
	
	/* //2018-05-31 모바일 화면에서 숫자이미지 사이즈 조절 */
	/* .majorProject .overview .overviewInner {display:none;} */
	/* 2018-05-31 모바일 화면에서 숫자이미지 사이즈 조절// */
	
	/*	
	.compliance .tab li, 
	.jobOpening .tab li,
	.recruit .tab li {width:100% !important;}
	*/
	
	.ProjectStory .major .majorInner {display:none;}
	.ProjectStory .major .major_mobile {display:block; width:100%;}	
	.ProjectStory .table-no3, 
	.ProjectStory .table-no4,
	.ProjectStory .gallery ul li {height:118px;}
	.majorProject .table-no3,
	.majorProject .table-no4 { display:none; width:0; }	
	
	.Overview .overviewReport .titSr,
	.Overview .overviewReport .text {float:none; width:100%;}
	
	.contents_tit.awardVisual {background:none;}
	.contents_tit.awardVisual p.AccoladesExplan {width:100%;}
	 
	/* tab */
	.tabPolicy .tab li { width:100% !important; }
	.tabPolicy .tab li a.lineBtm768 {border-bottom:0 none;}
	
	/* compliance visual */
	.contents_tit.cVisual, 
	.contents_tit.qVisual,
	.contents_tit.hVisual,
	.contents_tit.eVisual,
	.contents_tit.pVisual {height:auto !important; background:none;}	
	.contents_tit.csrVisual {margin-bottom:38px; height:auto !important; background:none;}	
	
	.contents_tit p.visualtitle {width:100% !important;}	
	
	/* history */
	.galleryList02 .prev,
	.galleryList02 .next {top:59%;}
	
	/* awards */
	.Accolades ul li .awardCon {margin-left:0; padding-left:0;}
	.Accolades ul li .awardCon.pad20 {padding:12px 0;}
	
	/* global offices */
	.GlobalOffice .detail {margin-left:0;}
	
	/* Business Portfolio */
	.unit .unitTop {padding:30px 20px 25px;}
	.unit .prev.Img {top:96px; left:29px;}
	.unit .next.Img {top:96px;}
	
	.unit .projects .tableList td {padding:10px 3% !important;}
	.unit .projects .plist-no2 {width:25%;}
	.unit .projects .plist-no3 {width:25%;}
	.unit .projects .plist-no4 {display:none;}	
	
	/* Major Projects */
	.ProjectStory .projectList .btnList {position:static;}
	.ProjectStory .projectList .imgWrap .prev,
	.ProjectStory .projectList .imgWrap .next {top:35%;}
	.ProjectStory .leftCon .txt {margin-left:0;}
		
	/* Project Lists */
	/* //2018-05-31 모바일 화면에서 숫자이미지 사이즈 조절 */
	/* .majorProject .overview {height:auto;} */
	/* 2018-05-31 모바일 화면에서 숫자이미지 사이즈 조절// */
	.majorProject .overview img {width:100%;}
	.majorProject .searchPolicy2 h4 {float:none;}
	.majorProject .searchPolicy2 .selectBox {float:none;}
	.majorProject .searchPolicy2 .selectBox select {width:54%;}
	.majorProject .searchPolicy2 h4 {float:none;}
	.majorProject .searchPolicy2 .selectBox {float:none; width:100%;}
	.imgCarousel ul li img {width:300px; height:auto;}
	
	/* IR */
	.IRArchive .more p {width:100%;}
	
	/* sustainability */
	.Overview .reportNew {margin-bottom:0;}
	.Overview .reportNew .down {margin:0 0 0 2.4%;}
	.Overview .reportNew .down strong {margin-right:10px; float:left;}
	.Overview .reportNew .down a {margin-top:13px; float:left;}
	
	.Overview .adobe {margin:0 0 10px 10px; text-align:left;}
	.Overview .report .down {width:100%;}
	
	.devideMid .pdfDown p {width:100%;}
	
	table.comp th {word-break:break-all;}
	table.comp td {padding:14px 2%; word-break:break-all;}
	
	.compliance .tabLayout .certificateBox p.img {margin:0 0 15px 0; float:none;}
	.compliance .imgList02 .text {width:82%;}
	.compliance .imgList02 p.img {float:none; width:100%; text-align:right;}
	
	.corporate .outreachImg {margin-top:0;}
	
	.compliance .activitiesGallery .galleryLeft {display:block; float:none; width:100%;}
	.compliance .activitiesGallery .galleryRight {width:100%; max-width:100%; min-height:320px; text-align:center; background:none;}
	.compliance .activitiesGallery .galleryRight ul {margin-left:5px;}
	.compliance .activitiesGallery .galleryRight .devide300 {position:static; float:none; width:100%;}
	.compliance .activitiesGallery .galleryLeft .picture img {width:100% !important; height:auto;}
	
	.compliance .galleryList ul li {width:120px;}
	.compliance .galleryList .prev,
	.compliance .galleryList .next {top:24px;}
	
	.compliance table.activitiesView td {padding:45px 20px;}
	.compliance table.activitiesView td img {width:100% !important; height:auto !important;} 
	.tableNav span.order,
	.tableNav span.date {width:100%;}
	.tableNav span.title {padding-left:2%;}
	
	.compliance div[class*=tabBox] .tabBoxInner.center img {width:100%;}
	.compliance div[class*=tabBox] .tabBoxInner .close img {width:auto;}
	
	.compliance .dotCon li span.one {width:5%;}
	.compliance .dotCon li span.two,
	.corporate .tableList td .hipen span.two {width:90%;}
	
	.imgCarousel.Carousel174 ul li {margin-top:5px; float:none;}

	/* Professions */
	.professions .professionsTop {background-size:100%;}
	.professions .professionsTop .imgT.mobile img {width:100%;}
	
	/* meet out people */
	.searchPolicy #job {width:79%;}
	.MOP .interveiw li {padding:10px 0 0 10%;}
	
	/* Career Growth */
	.growth .con .visual img {width:100%; height:auto;}
	.growth .con .txt strong > span {display:block;}
	
	/* Job Openings */
	.searchPolicy .alignL {margin-bottom:10px; float:none; overflow:hidden;}
	.searchPolicy .alignR {float:none; overflow:hidden;}
	.searchPolicy .alignL .marR10 {margin-bottom:10px; float:none; width:100%; overflow:hidden;}
	.searchPolicy .alignL .marR10 select {width:70.7%;}	
	.searchPolicy .alignL span {display:block;}
	.searchPolicy .alignL span select {width:76.3%;}

	.searchPolicy .alignR #FilterCode {width:76.3%;}
	.searchPolicy .alignR .inp_text {margin-top:0px; width:49.5%;}	
	
	.tableNav span.orderPrev {padding-left:5.5%; width:100%; background-position:2% 50%;}
	.tableNav span.orderNext {padding-left:5.5%; width:100%; background-position:2% 50%;}
	.tableView td.viewContents .btnLeft img {width:auto; height:auto;}	

	/* news */
	.tableView td.viewContents {padding:45px 20px;}
	.tableView td.viewContents img {width:100% !important; height:auto !important;} 
	.tableList .news_no1 {display:none; width:0%}
	.tableList .news_no2 {width:27%}
	.searchPolicy .alignL #year {width:76.3%;}
	.searchPolicy .alignR .inp_text.mobile_news {margin-top:0px; width:46.2%;}	
	
	/* CI */
	.ci .ciContents .ciImg1 {margin-bottom:15px; width:100%;}
	.ci .ciContents .ciImg1 img {width:100%;}
	.ci .ciContents .ciImg2Con img,
	.ci .ciContents .ciImg3Con img {width:100%;}	
	.ci .ciContents .ciImg3Con dl,
	.ci .ciContents .ciImg3Con dd, 
	.ci .ciContents .ciImg2Con p {width:100%;}
	
	/* Publications */
	.pubBoxType1 .img, 
	.pubBoxType2 .img {float:none; width:100%;}
	.pubBoxType1 .down {position:static;}
	.publication .report p {width:191px; text-align:center;}
	.publication .report p a {left:0;}
	
	/* Videos */
	.videoBox>ul>li>a {margin-right:10%;}
	
	/* paging */
	.paging a.prev {margin-right:0; width:20px; background-position:50% 0;}
	.paging a.next {margin-left:0; width:20px; background-position:50% 0;}
	.paging a.first,
	.paging a.last {width:24px; background-position:50% 0;}
	.paging a, 
	.paging strong {padding:0 5px;}

	/* 2014-12-02 오규환 추가 */
	.Overview .roundGray{width:100%;  box-sizing:border-box; display:inline-block; background:#F5F5F5; border:1px #eee solid; border-radius:6px; vertical-align:middle; float:right}
	.Overview .roundBlue{width:100%; height:46px; box-sizing:border-box; display:inline-block; background:#61A3E8; border-radius:6px; vertical-align:middle; margin-top:13px}
	.Overview .roundSky{width:49%; height:66px; box-sizing:border-box; display:inline-block; background:#E4F1FF; border:1px #CBDFF5 solid; border-radius:6px; vertical-align:middle; line-height:66px; margin:0px 0 11px 0; float:left}
	.Overview .area01{float:left; width:95%}
	.Overview .area02{float:left; width:95%; margin-left:10px}
	.Overview .area03{float:left; width:95%; margin-left:10px}
	.Overview .area04{float:left; width:95%; margin-left:10px}
	.Overview .area01 .area01Arrow{display:none;}
	.Overview .area01 ul {float:left; vertical-align: top; text-align:center; width:50%; min-width:25%;padding-right:0px;}
	.Overview .area01 ul .textGuide {width:50%; min-width:40%; text-align:center; margin-right:40px;}
	.Overview .textBlue{font-size:16px; font-weight:bold; color:#0054A6; height:40px; margin:25px 0 0 30px;}
	.Overview .textWhite{font-size:14px; font-weight:bold; color:#fff; height:46px; text-align:center; vertical-align:middle; padding:5px 7px 0 7px;}
	.Overview .textBlue_s{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:24px 3px 0 3px}
	.Overview .textBlue_s02{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:16px 3px 0 3px}
	.Overview .arrowR{position:relative; text-align:center;}
	.Overview .textGroup{text-align:center;}
	.Overview .bottomGroup{position:relative; top:20px; width:100%; float:right; margin-bottom:80px;}
	.Overview .roundLine{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 17px 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundLine_nomargin{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 0 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundDotline {border-top:1px #999999 dotted; border-left:0px; border-right:0px; border-bottom:0px; margin:15px 15px 0 15px}
	.Overview .roundText{font-size:13px; line-height:18px; margin:15px 15px 0 15px}
	.Overview .paddTop16 {padding-top:0;}
	.Overview .guideBox {width:50%;min-width:50px;width:40px;height:20px;margin-left:30px; vertical-align:middle; margin-top:28px;}
	.Overview .guideBox .right{margin-left:0px;}
	/* 2014-12-02 오규환 추가 */
	
	/* //2018-05-31 모바일 화면에서 숫자이미지 사이즈 조절 */
	.majorProject .overview .overviewInner .num-green .digit {background-size:50% 100%}
	.majorProject .overview .overviewInner .num-blue .digit {background-size:50% 100%}
	.majorProject .overview .overviewInner .num-purple .digit {background-size:50% 100%}
	
    .pubBoxType2 .more{width:80%}
    
	/* 2018-05-31 모바일 화면에서 숫자이미지 사이즈 조절// */

}

@media screen and (max-width: 320px) {
	/* Major Projects */
	.ProjectStory .projectList .imgWrap .prev, 
	.ProjectStory .projectList .imgWrap .next {top:28%;}
	
	/* Project Lists */
	.imgCarousel ul li,
	.imgCarousel ul li img {width:255px; height:auto;}	
	.majorProject .searchPolicy2 .selectBox select {width:48%;}
	
	/* sustainability */
	.compliance .activitiesGallery .galleryLeft .picture img {max-width:255px; height:auto;}
	.compliance .activitiesGallery .galleryRight ul {margin:0 0 0 21.2%;}
	
	/* professions */
	.professions .professionsTop .imgT.mobile img {width:255px; height:auto;}

	/* Meet Our People */
	.searchPolicy #job {width:76%;}
	
	/* Job Openings */
	.searchPolicy .alignL .marR10 {margin-bottom:10px; float:none; width:100%; overflow:hidden;}
	.searchPolicy .alignL .marR10 select {width:66.7%;}	
	.searchPolicy .alignL span {display:block;}
	.searchPolicy .alignL span select {width:73.3%;}

	.searchPolicy .alignR #FilterCode {width:73.3%;}
	.searchPolicy .alignR .inp_text {width:43%;}		
	
	/* News */
	.searchPolicy .alignL #year {width:74%;}
	.searchPolicy .alignR .inp_text.mobile_news {width:40%;}

	/* 2014-12-02 오규환 추가 */
	.Overview .roundGray{width:100%;  box-sizing:border-box; display:inline-block; background:#F5F5F5; border:1px #eee solid; border-radius:6px; vertical-align:middle; float:right}
	.Overview .roundBlue{width:100%; height:46px; box-sizing:border-box; display:inline-block; background:#61A3E8; border-radius:6px; vertical-align:middle; margin-top:13px}
	.Overview .roundSky{width:49%; height:66px; box-sizing:border-box; display:inline-block; background:#E4F1FF; border:1px #CBDFF5 solid; border-radius:6px; vertical-align:middle; line-height:66px; margin:0px 0 11px 0; float:left}
	.Overview .area01{float:left; width:95%}
	.Overview .area02{float:left; width:95%; margin-left:10px}
	.Overview .area03{float:left; width:95%; margin-left:10px}
	.Overview .area04{float:left; width:95%; margin-left:10px}
	.Overview .area01 .area01Arrow{display:none;}
	.Overview .area01 ul {float:left; vertical-align: top; text-align:center; width:50%;padding-right:0px;}
	.Overview .area01 ul .textGuide {width:50%; min-width:50%; text-align:center; margin-left:20px; margin-right:40px;}
	.Overview .area01 ul .textGuide .right{margin-left:50px;}
	.Overview .textBlue{font-size:16px; font-weight:bold; color:#0054A6; height:40px; margin:25px 0 0 30px;}
	.Overview .textWhite{font-size:14px; font-weight:bold; color:#fff; height:46px; text-align:center; vertical-align:middle; padding:5px 7px 0 7px;}
	.Overview .textBlue_s{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:24px 3px 0 3px}
	.Overview .textBlue_s02{font-size:12px; line-height:16px; vertical-align:middle; font-weight:bold; color:#0054A6; padding:16px 3px 0 3px}
	.Overview .arrowR{position:relative; text-align:center;}
	.Overview .textGroup{text-align:center;}
	.Overview .bottomGroup{position:relative; top:20px; width:100%; float:right; margin-bottom:80px;}
	.Overview .roundLine{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 17px 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundLine_nomargin{width:100%; box-sizing:border-box; display:inline-block; background:#fff; border:1px #C9D5E4 solid; border-radius:6px; vertical-align:middle; margin:0px 0 11px 0; padding:5px 0 15px 0; float:left}
	.Overview .roundDotline {border-top:1px #999999 dotted; border-left:0px; border-right:0px; border-bottom:0px; margin:15px 15px 0 15px}
	.Overview .roundText{font-size:13px; line-height:18px; margin:15px 15px 0 15px}
	.Overview .paddTop16 {padding-top:0;}
	.Overview .guideBox {width:50%;min-width:50px;width:40px;height:20px;margin-left:10px; vertical-align:middle; margin-top:28px}
	/* 2014-12-02 오규환 추가 */
	
	.ProjectStory .gallery ul li {height:98px;}
}