@charset "UTF-8";

/* CEO 인사말 */
.ceo-intro .heading-group-ceo { position: relative; min-height: 329px; padding-top: 54px; border-bottom: 1px solid #d80034; background: url(/images/en/sub/company/ceo-bg-busan.png) no-repeat right bottom; }
.ceo-intro .heading-group-ceo h2 { margin-bottom: 25px; color: #333; font-weight: bold; font-size: 38px; letter-spacing: -1px; }
.ceo-intro .heading-group-ceo p { padding-top: 20px; background: url(/images/en/sub/common/bar-heading-group.png) no-repeat; color: #333; font-weight: bold; font-size: 26px; line-height: 1.3; letter-spacing: -1px; }
.ceo-intro .heading-group-ceo p em { color: #e70128; font-style: normal; }
.ceo-intro .heading-group-ceo .corp-logo { position: absolute; bottom: 20px; left: 2px; }
.ceo-intro .greeting { padding-top: 30px; }
.ceo-intro .greeting .title { margin-bottom: 28px; color: #333; font-weight: bold; font-size: 16px; }
.ceo-intro .greeting .content-area { line-height: 1.5; }
.ceo-intro .greeting .content-area p { margin-top: 18px; }
.ceo-intro .greeting .content-area p:first-child { margin-top: 0; }
.ceo-intro .greeting .sign-wrap { margin-top: 5px; color: #363636; text-align: right; letter-spacing: -1px; }
.ceo-intro .greeting .sign-wrap em { font-weight: bold; font-style: normal; font-size: 17px; }
.ceo-intro.koone .heading-group-ceo { background: url(/images/en/sub/company/koone-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.gumi .heading-group-ceo { background: url(/images/en/sub/company/gumi-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.pohang .heading-group-ceo { background: url(/images/en/sub/company/pohang-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.choongchung .heading-group-ceo { background: url(/images/en/sub/company/choongchung-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.gangwon .heading-group-ceo { background: url(/images/en/sub/company/gangwon-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.jeonnam .heading-group-ceo { background: url(/images/en/sub/company/jeonnam-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.jeonbuk .heading-group-ceo { background: url(/images/en/sub/company/jeonbuk-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.wirye .heading-group-ceo { background: url(/images/en/sub/company/wirye-ceo-bg.png) no-repeat right bottom; }

.ceo-intro .heading-group-ceo-paju { position: relative; min-height: 329px; padding-top: 54px; border-bottom: 1px solid #d80034; background: url(/images/en/sub/company/paju-ceo-bg.png) no-repeat right bottom; }
.ceo-intro .heading-group-ceo-paju h2 { margin-bottom: 25px; color: #333; font-weight: bold; font-size: 38px; letter-spacing: -1px; }
.ceo-intro .heading-group-ceo-paju p { padding-top: 20px; background: url(/images/en/sub/common/bar-heading-group.png) no-repeat; color: #333; font-weight: bold; font-size: 26px; line-height: 1.3; letter-spacing: -1px; }
.ceo-intro .heading-group-ceo-paju p em { color: #e70128; font-style: normal; }
.ceo-intro .heading-group-ceo-paju .corp-logo { position: absolute; bottom: 20px; left: 2px; }

/* 비전 */
.vision .heading-group { margin-bottom: 70px; }
.vision .section-wrap { position: relative; height: 429px; background: url(/images/en/sub/company/vision-bg-busan.png) no-repeat center top; }
.vision .section-wrap div[class^="section"] { position: absolute; top: 67px; width: 192px; }
.vision .section-wrap .section1 { left: 47px; }
.vision .section-wrap .section2 { left: 602px; }
.vision .section-wrap div[class^="section"] h5 { padding: 10px; background-color: #6f6f6f; color: #fff; font-weight: bold; font-size: 18px; text-align: center; }
.vision .section-wrap div[class^="section"] p { min-height: 100px; padding-top: 27px; border: 1px solid #e5e5e5; border-top: 0; background-color: #fff; font-size: 16px; font-weight: bold; line-height: 1.8; text-align: center;}
.vision.choongchung .section-wrap { position: relative; height: 429px; background: url(/images/en/sub/company/choongchung-vision-bg.png) no-repeat center top; }
.vision.wirye .section-wrap { position: relative; height: 429px; background: url(/images/en/sub/company/wirye-vision-bg.png) no-repeat center top; }

/* 공급현황 */
.supply-status .section { margin-top: 40px; }
.supply-status .section:first-child { margin-top: 0; }
.supply-status .section h4 { margin-bottom: 24px; color: #333; font-weight: bold; font-size: 16px; }
.supply-status .section h5 { margin-bottom: 5px; color: #333; font-weight: bold; font-size: 14px; }
.supply-status .section .group2 { margin-top: 20px; }
.supply-status .section ul li { font-size: 14px; line-height: 1.5; }
.supply-status .section ul li em { color: #e70128; font-style: normal; }
.supply-status .section .img { padding-top: 55px; text-align: center; }
.supply-status .group { margin-top: 20px; }
.supply-status .group:first-child { margin-top: 0; }
.supply-status .group ul { margin-left: 10px; }

/* Ci 소개 */
.ci .section-wrap { width: 762px; margin: 0 auto; }
.ci .section { margin-top: 50px; padding-top: 50px; border-top: 1px dotted #e8e8e8; }
.ci .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.ci .section h4 { margin-bottom: 17px; color: #333; font-weight: bold; font-size: 20px; }
.ci .section p { margin-bottom: 25px; line-height: 1.5; }
.ci .section p span { display: block; margin-bottom: 10px; color: #444; font-weight: bold; font-size: 16px; letter-spacing: -1px; }
.ci .section p .type-red { color: #d80034; font-style: normal; }
.ci .section p .type-orange { color: #ff7a00; font-style: normal; }
.ci .section .ci-area .img { text-align: center; }
.ci .section .ci-area .download-wrap { margin-top: 20px; text-align: center; }
.ci .section .ci-area .download-wrap a { display: inline-block; width: 100px; margin-left: 10px; padding: 12px 45px 13px 25px; background: #525252 url(/images/en/sub/common/icon-download.png) no-repeat 134px 12px; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; }
.ci .section .ci-area .download-wrap a:first-child { margin-left: 0; background-color: #e70128; }
.ci .section .palette { overflow: hidden; }
.ci .section .palette li { float: left; margin-left: 20px; }
.ci .section .palette li:first-child { margin-left: 0; }
.ci .section .color { font-size: 0; }
.ci .section .mono { margin-top: 20px; font-size: 0; }

/* 연혁 */
.history .description { overflow: hidden; margin-bottom: 45px; padding-left: 27px; }
.history .description h4 { float: left; width: 174px; color: #333; font-weight: bold; font-size: 30px; letter-spacing: -1px; }
.history .description h4 em { color: #e70128; font-style: normal; }
.history .description p { float: left; margin-left: 20px; color: #333; font-size: 15px; line-height: 1.5; }
.history .description p em { color: #e70128; font-style: normal; }
.history .description2 { margin-bottom: 44px; }
.history .description2 p { padding: 22px 20px 0; color: #333; font-size: 15px; line-height: 1.5; }
.history .description2 p:first-child { padding-top: 0; }
.history .description2 p em { color: #e70128; font-style: normal; }
.history .tab-heading.item-1 h5 { padding: 7px 0; background-color: #e70128; color: #fff; font-weight: bold; font-size: 18px; text-align: center; }
.history .tab-content div[class^="tab-content"] { position: relative; padding-top: 50px; }
.history .tab-content div[class^="tab-content"] ul { position: relative; z-index: 10; padding-left: 218px; }
.history .tab-content div[class^="tab-content"] ul li { margin-top: 45px; padding-left: 40px; background: url(/images/en/sub/company/history-bullet.png) no-repeat 0 8px; }
.history .tab-content div[class^="tab-content"] ul li:first-child { margin-top: 0; }
.history .tab-content div[class^="tab-content"] ul li:first-child .value { color: #7f5f2e; font-weight: bold; }
.history .tab-content div[class^="tab-content"] ul li .date { display: inline-block; width: 155px; color: #444; font-weight: bold; font-size: 22px; vertical-align: top; }
.history .tab-content div[class^="tab-content"] ul li .value { display: inline-block; width: 400px; font-size: 16px; vertical-align: top; line-height: 30px; }
.history .tab-content div[class^="tab-content"] ul li .value em { color: #7f5f2e; font-weight: bold; font-style: normal; }
.history .tab-content div[class^="tab-content"] .timeline { position: absolute; top: 65px; bottom: 15px; left: 224px; width: 2px; background-color: #eaeaea; }

/* 윤리경영 */
.ethic .msg { margin-bottom: 50px; padding-bottom: 0; border-bottom: 0; }
.ethic .section { padding-top: 5px; background: url(/images/en/sub/common/hr.png) no-repeat; }
.ethic .section .ethic-list { overflow: hidden; }
.ethic .section .ethic-list li { float: left; width: 275px; padding: 135px 0 45px; text-align: center; }
.ethic .section .ethic-list li.item1 { background: url(/images/en/sub/company/ethic-item1.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item2 { background: url(/images/en/sub/company/ethic-item2.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item3 { background: url(/images/en/sub/company/ethic-item3.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item4 { background: url(/images/en/sub/company/ethic-item4.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item5 { background: url(/images/en/sub/company/ethic-item5.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item6 { background: url(/images/en/sub/company/ethic-item6.png) no-repeat center 50px; }
.ethic .section .ethic-list li .title { margin-bottom: 10px; color: #333; font-weight: bold; font-size: 16px; }
.ethic .section .ethic-list li .desc { color: #666; line-height: 1.5; }
.ethic .section .download-list { overflow: hidden; padding: 49px 40px 97px }
.ethic .section .download-list li.align-center { text-align: center; }
.ethic .section .download-list li .title { display: inline-block; margin-right: 10px; color: #333; font-weight: bold; font-size: 15px; line-height: 40px; letter-spacing: -1px; vertical-align: middle; }
.ethic .section .download-list li a { min-width: 0; padding: 11px 58px 12px 30px; background-image: url(/images/en/sub/common/icon-download.png); background-repeat: no-repeat; background-position: 127px 12px; vertical-align: middle; }
.ethic .section .group { overflow: hidden; padding-top: 50px; }
.ethic .section .group h4 { float: left; width: 185px; color: #333; font-weight: bold; font-size: 20px; }
.ethic .section .group .content { float: left; width: 640px; }
.ethic .section .group .content p { margin-top: 15px; line-height: 1.5;}
.ethic .section .group .content p:first-child { margin-top: 0; }
.ethic .section .group .content p span { display: block; margin-bottom: 7px; color: #444; font-weight: bold; font-size: 16px; }
.ethic .section .group .content p span em { color: #e70128; font-style: normal; }
.ethic .section .group .content .custom { margin-top: 27px; }
.ethic .section .group .content .custom table tr > * { text-align: left; }
.ethic .section .group .content .btn-wrap { margin-top: 30px; text-align: center; }

.ethic .section .download-list li.align-left { float: left; text-align: left; }
.ethic .section .download-list li.align-right { float: right; text-align: right; }
.ethic .section .ethic-list-paju { overflow: hidden; }
.ethic .section .ethic-list-paju li { float: left; width: 275px; padding: 135px 0 45px; text-align: center; }
.ethic .section .ethic-list-paju li.item1-paju { background: url(/images/sub/company/ethic-standard-img1.png) no-repeat center 25px; }
.ethic .section .ethic-list-paju li.item2-paju { background: url(/images/sub/company/ethic-standard-img2.png) no-repeat center 25px; }
.ethic .section .ethic-list-paju li.item3-paju { background: url(/images/sub/company/ethic-standard-img4.png) no-repeat center 25px; }
.ethic .section .ethic-list-paju li.item4-paju { background: url(/images/sub/company/ethic-standard-img5.png) no-repeat center 25px; }
.ethic .section .ethic-list-paju li.item5-paju { background: url(/images/sub/company/ethic-standard-img7.png) no-repeat center 25px; }
.ethic .section .ethic-list-paju li .title { margin-bottom: 10px; color: #333; font-weight: bold; font-size: 16px; }
.ethic .section .ethic-list-paju li .desc { color: #666; line-height: 1.5; }
.ethic .section-wrap .section h4 { margin-bottom: 17px; color: #7f5f2e; font-weight: bold; font-size: 21px; }


/* 동반성장 */
.growth .list .msg { margin-bottom: 0; }
.growth .list li {  padding: 30px 0 30px 115px; border-top: 1px dotted #e8e8e8; }
.growth .list li:first-child { border-top: 0; }
.growth .list li.item1 { background: url(/images/en/sub/company/growth-item1.png) no-repeat 18px 29px; }
.growth .list li.item2 { background: url(/images/en/sub/company/growth-item2.png) no-repeat 18px 38px; }
.growth .list li.item3 { background: url(/images/en/sub/company/growth-item3.png) no-repeat 18px 19px; }
.growth .list li .title { color: #333; font-weight: bold; font-size: 16px; }
.growth .list li .desc { margin-top: 12px; line-height: 1.5; }
.growth .section-wrap { margin-top: 40px; }
.growth .section { margin-top: 40px; }
.growth .section:first-child { margin-top: 0; }
.growth .group { margin-top: 20px; }
.growth .group:first-child { margin-top: 0; }
.growth h4 { margin-bottom: 12px; color: #333; font-weight: bold; font-size: 20px; }
.growth .group h5 { margin-bottom: 6px; color: #7f5f2e; font-weight: bold; font-size: 16px; }

.growth .list li.item1-paju { background: url(/images/sub/company/growth-info-img1.png) no-repeat 18px 29px; }
.growth .list li.item2-paju { background: url(/images/sub/company/growth-info-img2.png) no-repeat 18px 38px; }


/* SHE */
.she .description { height: 290px; margin-bottom: 53px; padding: 70px 0 50px 418px; background: url(/images/en/sub/company/she-img-description.png) no-repeat 6px 50px; }
.she .description h4 { margin-bottom: 12px; color: #333; font-weight: bold; font-size: 20px; }
.she .description p { line-height: 1.5; }
.she .description ul { margin-top: 26px; }
.she .description ul li { margin-top: 16px; padding-left: 20px; background: url(/images/en/sub/company/she-bullet-dash.png) no-repeat 0 7px; }
.she .description ul li:first-child { margin-top: 0; }
.she .description ul li em { display: block; margin-bottom: 6px; color: #7f5f2e; font-style: normal; font-weight: bold; font-size: 16px; }
.she .tab-body > div { display: none; }
.she .tab-body > div.active { display: block; }
.she .tab-body .tab { margin-top: 18px; }
.she .section-wrap { margin-top: 70px; }
.she .section-wrap .section { margin-top: 70px; padding-top: 50px; border-top: 1px dotted #e8e8e8; }
.she .section-wrap .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.she .section-wrap .section h4 { margin-bottom: 12px; color: #333; font-weight: bold; font-size: 20px; }
.she .content-wrap .section .air-control { height: 405px; margin-top: 70px; background: url(/images/en/sub/company/she-img4.png) no-repeat center 0; }
.she .section-wrap .section .operation { width: 860px; height: 820px; margin-top:20px; background: url(/images/en/sub/company/she-rule-img.png) no-repeat 0 45px; }
.she .content-wrap .section { margin-top: 70px; padding-top: 50px; border-top: 1px dotted #e8e8e8; }
.she .content-wrap .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.she .content-wrap .section h4 { margin-bottom: 12px; color: #333; font-weight: bold; font-size: 20px; }
.she .tab-content1 .tab-content1-1 .section .she-policy { position: relative; padding-top: 15px; padding-left: 96px; background: url(/images/en/sub/company/she-inner-img1.png) no-repeat; }
.she .tab-content1 .tab-content1-1 .section p { width: 566px; line-height: 1.6; }
.she .tab-content1 .tab-content1-1 .section ul { margin-top: 23px; }
.she .tab-content1 .tab-content1-1 .section ul li { margin-top: 10px; padding-left: 20px; background: url(/images/en/sub/company/she-bullet-dash.png) no-repeat 0 6px; color: #7f5f2e; line-height: 1.5; }
.she .tab-content1 .tab-content1-1 .section ul li:first-child { margin-top: 0; }
.she .tab-content1 .tab-content1-1 .section .detail-view { overflow: hidden; position: absolute; right: 0; bottom: 0; width: 300px; }
.she .tab-content1 .tab-content1-1 .section .detail-view .img { float: right; position: relative; width: 206px; margin-left: 13px; }
.she .tab-content1 .tab-content1-1 .section .detail-view .img a .mask { display: none; position: absolute; top: 0; left: 0; width: 206px; height: 171px; background: url(/images/en/sub/company/she-expand-shadow.png) no-repeat; }
.she .tab-content1 .tab-content1-1 .section .detail-view .img a:hover .mask { display: block; }
.she .tab-content1 .tab-content1-1 .section .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 736px; height: 531px; margin-top: -265px; margin-left: -368px; }
.she .tab-content1 .tab-content1-1 .section .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she .tab-content1 .tab-content1-1 .section .detail-view .bg-modal { margin: 0; }
.she .tab-content1 .tab-content1-2 .section p { line-height: 1.5; letter-spacing: -1px; }
.she .tab-content1 .tab-content1-2 .section p span { display: block; margin-top: 23px; color: #7f5f2e; font-weight: bold; font-size: 17px; }
.she .tab-content1 .tab-content1-2 .section.element { margin-top: 70px; text-align: center; }
.she .tab-content1 .tab-content1-2 .section.element h4 { color: #333; font-weight: bold; font-size: 24px; }
.she .tab-content1 .tab-content1-2 .section.element h4 span { display: block; color: #666; font-size: 14px; }
.she .tab-content1 .tab-content1-2 .section.element p { margin-top: 5px; color: #999; font-size: 16px; }
.she .tab-content1 .tab-content1-2 .section.element .img { margin-top: 30px; }
.she .tab-content1 .tab-content1-2 .section.element .she-global { height: 605px; background: url(/images/en/sub/company/she-global-img.png) no-repeat center 0; }

.she .tab-content1 .tab-content1-3 .she-practice { position: relative; padding-bottom: 116px; }
.she .tab-content1 .tab-content1-3 .section ul { margin-top: 23px; }
.she .tab-content1 .tab-content1-3 .section ul li { width: 557px; margin-top: 20px; padding-left: 20px; background: url(/images/en/sub/company/she-bullet-dash.png) no-repeat 0 7px; color: #7f5f2e; line-height: 1.5; }
.she .tab-content1 .tab-content1-3 .section ul li:first-child { margin-top: 0; }
.she .tab-content1 .tab-content1-3 .section ul.list { margin-top: 13px; }
.she .tab-content1 .tab-content1-3 .section ul.list li { width: auto; margin-top: 0; padding-left: 15px; background: url(/images/en/sub/company/bullet-dot-black.png) no-repeat 0 7px; color: #666; line-height: 1.7; }
.she .tab-content1 .tab-content1-3 .section p em { font-weight: bold; font-style: normal; }
.she .tab-content1 .tab-content1-3 .section .detail-view { overflow: hidden; position: absolute; right: 0; bottom: 0; width: 300px; }
.she .tab-content1 .tab-content1-3 .section .detail-view .img { float: right; position: relative; width: 165px; margin-left: 13px; }
.she .tab-content1 .tab-content1-3 .section .detail-view .img a { display: block; }
.she .tab-content1 .tab-content1-3 .section .detail-view .img a .mask { display: none; position: absolute; top: 0; left: 0; width: 165px; height: 231px; background: url(/images/en/sub/company/she-expand-shadow2.png) no-repeat; }
.she .tab-content1 .tab-content1-3 .section .detail-view .img a:hover .mask { display: block; }
.she .tab-content1 .tab-content1-3 .section .detail-view .desc { float: right; width: 300px; margin-top: 10px; padding-top: 15px; text-align: right; }
.she .tab-content1 .tab-content1-3 .section .detail-view .desc em { margin-bottom: 10px; padding-top: 15px; background: url(/images/en/sub/company/she-bg-bar.png) no-repeat right 0; color: #333; font-weight: bold; font-style: normal; }
.she .tab-content1 .tab-content1-3 .section .detail-view .desc p { display: block; margin-top: 4px; color: #777; font-size: 12px; }
.she .tab-content1 .tab-content1-3 .section .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 562px; height: 796px; margin-top: -398px; margin-left: -281px; }
.she .tab-content1 .tab-content1-3 .section .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she .tab-content1 .tab-content1-3 .section .detail-view .bg-modal { margin: 0; }

.she .tab-content2 .tab-content2-1 .section > p { line-height: 1.5; }
.she .tab-content2 .tab-content2-1 .section h5 { margin-bottom: 6px; padding-left: 20px; color: #7f5f2e; font-weight: bold; font-size: 13px; }
.she .tab-content2 .tab-content2-1 .section .list { margin-top: 25px; }
.she .tab-content2 .tab-content2-1 .section ul li { margin-top: 5px; padding-left: 20px; background: url(/images/en/sub/company/she-bullet-dash.png) no-repeat 0 7px; color: #7f5f2e; line-height: 1.5; }
.she .tab-content2 .tab-content2-1 .section ul li:first-child { margin-top: 0; }
.she .tab-content2 .tab-content2-1 .section .day p { padding-left: 20px; color: #7f5f2e; line-height: 1.5; }
.she .tab-content2 .tab-content2-1 .section .day p em { color: #ff0000; font-style: normal; }
.she .tab-content2 .tab-content2-1 .section .cs-activity > div { margin-top: 35px; }
.she .tab-content2 .tab-content2-1 .section .cs-activity > div:first-child { margin-top: 0; }
.she .tab-content2 .tab-content2-1 .section .cs-activity h5 { margin-bottom: 23px; padding-left: 0; color: #666; font-weight: normal; }
.she .tab-content2 .tab-content2-1 .section .monitor { margin-top: 23px; }
.she .tab-content2 .tab-content2-1 .section .monitor > div { margin-top: 35px; }
.she .tab-content2 .tab-content2-1 .section .monitor > div:first-child { margin-top: 0; }
.she .tab-content2 .tab-content2-1 .section .monitor em { color: #e70128; font-style: normal; }
.she .tab-content2 .tab-content2-1 .section .monitor p { margin-bottom: 5px; padding-left: 20px; }
.she .tab-content2 .tab-content2-1 .section .edu > div { margin-top: 25px; }
.she .tab-content2 .tab-content2-1 .section .edu > div:first-child { margin-top: 0; }
.she .tab-content2 .tab-content2-1 .section .edu h5 { margin-bottom: 5px; padding-left: 0; font-size: 15px; }
.she .tab-content2 .tab-content2-1 .section .edu p { padding-left: 18px; }
.she .tab-content2 .tab-content2-1 .msg { margin-top: 70px; }
.she .tab-content2 .tab-content2-1 .section .img { margin-top: 20px; font-size: 0; }
.she .tab-content2 .tab-content2-1 .section .img img { margin-left: 20px; }
.she .tab-content2 .tab-content2-1 .section .img img:first-child { margin-left: 0; }
.she .tab-content2 .tab-content2-1 .section .img2 { margin-top: 20px; font-size: 0; }
.she .tab-content2 .tab-content2-1 .section .img2 img { margin-left: 10px; }
.she .tab-content2 .tab-content2-1 .section .img2 img:first-child { margin-left: 0; }
.she .tab-content2 .tab-content2-1 .section .air-control { height: 405px; margin-top: 70px; background: url(/images/en/sub/company/she-img4.png) no-repeat center 0; }
.she .tab-content2 .tab-content2-1 .section .water-control { height: 395px; margin-top: 70px; background: url(/images/en/sub/company/she-img5.png) no-repeat center 0; }
.she .tab-content2 .tab-content2-2 .section > p { line-height: 1.5; }
.she .tab-content2 .tab-content2-2 .section ul li { margin-top: 5px; padding-left: 20px; background: url(/images/en/sub/company/she-bullet-dash.png) no-repeat 0 7px; color: #7f5f2e; line-height: 1.5; }
.she .tab-content2 .tab-content2-2 .section ul li:first-child { margin-top: 0; }
.she .tab-content2 .tab-content2-2 .section .img { display: block; margin-top: 20px; }
.she .tab-content2 .tab-content2-2 .section .img img { text-align: center; }
.she .tab-content2 .tab-content2-2 .section .group { overflow: hidden; margin-top: 48px; }
.she .tab-content2 .tab-content2-2 .section .group .area1 { float: left; width: 200px; }
.she .tab-content2 .tab-content2-2 .section .group .area1 h5 { margin-bottom: 5px; padding-left: 20px; color: #7f5f2e; font-weight: bold; font-size: 13px; }
.she .tab-content2 .tab-content2-2 .section .group .area1 ul li { margin-top: 8px; } 
.she .tab-content2 .tab-content2-2 .section .group .area2 { float: right; width: 536px; height: 319px; padding-right: 50px; background: url(/images/en/sub/company/she-img2.png) no-repeat; }

/* SKMS */
.culture .heading-group { margin-bottom: 0; border-bottom: 0; }
.culture .tab-content > div { display: none; }
.culture .tab-content > .active { display: block; }
.culture .tab-content1 .msg { padding-top: 50px; }
.culture .tab-content1 h4 { margin-bottom: 13px; color: #7f5f2e; font-size: 18px; }
.culture .tab-content1 p { line-height: 1.6; }
.culture .tab-content1 .section-wrap { margin-top: 27px; border-top: 1px dotted #e8e8e8; }
.culture .tab-content1 .section-wrap [class^="section"] { overflow: hidden; padding: 40px 0; border-top: 1px dotted #e8e8e8; }
.culture .tab-content1 .section-wrap [class^="section"]:first-child { border-top: 0; padding: 30px 0 40px; }
.culture .tab-content1 .section-wrap [class^="section"] h5 { float: left; width: 212px; color: #333; font-weight: bold; font-size: 18px; }
.culture .tab-content1 .section-wrap [class^="section"] .desc { float: left; width: 613px; }
.culture .tab-content1 .section2 h6 { width: 674px; margin-bottom: 25px; color: #333; font-weight: bold; font-size: 18px; text-align: center; }
.culture .tab-content1 .section2 h6 em { color: #e70128; font-style: normal; }
.culture .tab-content1 .section3 .desc { overflow: hidden; }
.culture .tab-content1 .section3 .desc [class^="group"] { float: left; width: 302px; margin-left: 7px; }
.culture .tab-content1 .section3 .desc [class^="group"]:first-child { margin-left: 0; }
.culture .tab-content1 .section3 .desc [class^="group"] h6 { padding: 20px 0; background-color: #6f6f6f; color: #eee; font-weight: normal; font-size: 13px; text-align: center; }
.culture .tab-content1 .section3 .desc [class^="group"] h6 em { display: block; margin-bottom: 6px; color: #fff; font-style: normal; font-weight: bold; font-size: 18px; }
.culture .tab-content1 .section3 .desc .group1 ul { overflow: hidden; height: 210px; padding: 23px 20px 23px 40px; border: 1px solid #e9eced; border-top: 0; }
.culture .tab-content1 .section3 .desc .group1 ul li { padding-left: 16px; background: url(/images/en/sub/company/bullet-bar.png) no-repeat 0 12px; font-weight: bold; font-size: 14px; line-height: 1.9; }
.culture .tab-content1 .section3 .desc .group1 ul li.fix { clear: both; width: 100%; }
.culture .tab-content1 .section3 .desc .group2 ul { overflow: hidden; height: 210px; padding: 23px 20px 23px 40px; border: 1px solid #e9eced; border-top: 0; }
.culture .tab-content1 .section3 .desc .group2 ul li { padding-left: 16px; background: url(/images/en/sub/company/bullet-bar.png) no-repeat 0 12px; font-weight: bold; font-size: 14px; line-height: 1.9; }
.culture .tab-content1 .section3 .desc .group2 ul li.fix { margin-top: 20px; color: #7f5f2e; }
.culture .tab-content1 .section3 .desc .group2 ul li.fix span { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; font-family: "Nanum Gothic"; }
.culture .tab-content2 .msg { padding-top: 50px; }
.culture .tab-content2 .section-wrap [class^="section"] { overflow: hidden; padding: 47px 0; border-top: 1px dotted #e8e8e8; }
.culture .tab-content2 .section-wrap [class^="section"] h4 { float: left; width: 212px; color: #7f5f2e; font-size: 18px; font-family: bold; }
.culture .tab-content2 .section-wrap [class^="section"] .desc { float: left; width: 613px; line-height: 1.5; }
.culture .tab-content2 .section-wrap [class^="section"] .desc p { margin-top: 28px; }
.culture .tab-content2 .section-wrap [class^="section"] .desc p:first-child { margin-top: 0; }
.culture .tab-content2 .section-wrap [class^="section"] .desc p em { display: block; margin-bottom: 6px; color: #333; font-style: normal; font-weight: bold; }
.culture .tab-content2 .section-wrap [class^="section"] .desc .table { margin-top: 28px; }
.culture .tab-content2 .section2 .custom tbody td { padding: 11px 10px 12px; }

/* 사회공헌 */
.contribute .msg { margin-bottom: 50px; border-bottom: 0; padding-bottom: 0; letter-spacing: -1px; }
.contribute .msg .desc {  margin-top: 50px; }
.contribute .description { overflow: hidden; }
.contribute .description p { float: left; width: 392px; margin-left: 41px; line-height: 1.7; letter-spacing: 0px; text-align: justify; }
.contribute .description p:first-child { margin-left: 0; }
.contribute .section-wrap { margin-top: 50px; border-top: 1px dotted #e8e8e8; }
.contribute .section-wrap .section { padding: 47px 0; }
.contribute .section-wrap .section h4 { margin-bottom: 48px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.contribute .section-wrap .section .list h5 { margin-bottom: 8px; color: #7f5f2e; font-weight: bold; font-size: 16px; }
.contribute .section-wrap .section .list > li { min-height: 70px; padding: 20px 0 20px 110px; }
.contribute .section-wrap .section .list li.item1 { background: url(/images/en/sub/company/contribute-list-img1.png) no-repeat 0 30%; }
.contribute .section-wrap .section .list li.item2 { background: url(/images/en/sub/company/contribute-list-img2.png) no-repeat 0 30%; }
.contribute .section-wrap .section .list li.item3 { background: url(/images/en/sub/company/contribute-list-img3.png) no-repeat 0 30%; }
.contribute .section-wrap .section .list li.item4 { background: url(/images/en/sub/company/contribute-list-img4.png) no-repeat 0 30%; }
.contribute .section-wrap .section .inner-list li span { display: inline-block; vertical-align: top; line-height: 1.5; }

.contribute .section-wrap.type-gumi .section .inner-list li.first-child { margin-top: 0; }
.contribute .section-wrap.type-gumi .section .inner-list li { margin-top: 5px; }
.contribute .section-wrap.type-gumi .section .item1 .inner-list li span.title { display: block; color: #333; font-weight: bold; }
.contribute .section-wrap.type-gumi .section .item2 .inner-list li span { display: block; }
.contribute .section-wrap.type-gumi .section .item2 .inner-list li span.title { display: block; color: #333; font-weight: bold; }
.contribute .section-wrap.type-gumi .section .item3 .inner-list li span { display: block; }
.contribute .section-wrap.type-gumi .section .item3 .inner-list li span.title { display: block; color: #333; font-weight: bold; }
.contribute .section-wrap.type-gumi .section .item4 .inner-list li span { display: block; }
.contribute .section-wrap.type-gumi .section .item4 .inner-list li span.title { display: block; color: #333; font-weight: bold; }

/* 찾아오시는 길 */
.map .section { margin-top: 66px; }
.map .section:first-child { margin-top: 0; }
.map .section .heading { overflow: hidden; margin-bottom: 25px; }
.map .section .heading h4 { float: left; color: #333; font-weight: bold; font-size: 24px; }
.map .section .heading p { float: left; margin-left: 20px; color: #333; font-size: 14px; line-height: 28px; }
.map .section .heading p span { font-weight: bold; }
.map .section .table { margin-top: 29px; }
.map .section .table table tr td { text-align: left; }
.map .section .table .traffic > div { overflow: hidden; margin-top: 24px; }
.map .section .table .traffic > div:first-child { margin-top: 0; }
.map .section .table .traffic > div em { font-style: normal; font-weight: bold; }
.map .section .table .traffic > div .title { float: left; width: 87px; }
.map .section .table .traffic > div .value > div { margin-top: 24px; }
.map .section .table .traffic > div .value > div:first-child { margin-top: 0; }

/* IR */
.ir .ir-wrap h4 { margin-bottom: 30px; color: #333; font-weight: bold; font-size: 25px; }
.ir .board-wrap .board-list { overflow: hidden; width: 795px; height: 783px; margin: 0 auto; }
.ir .board-wrap .board-list ul { overflow: hidden; width: 825px; }
.ir .board-wrap .board-list ul li { float: left; margin: 0 30px 30px 0; }
.ir .board-wrap .board-list ul li a { display: block; width: 143px; height: 139px; padding: 50px; border: 1px solid #e8e8e8; background: url(/images/en/sub/common/icon-download-gray.png) no-repeat 210px 209px; text-align: center; }
.ir .board-wrap .board-list ul li a:hover .download { color: #e50000; text-decoration: underline; }
.ir .board-wrap .board-list ul li em { display: block; margin-bottom: 20px; color: #333; font-style: normal; font-weight: bold; font-size: 16px; }
.ir .board-wrap .board-list ul li .date { display: block; font-size: 12px; }
.ir .board-wrap .board-list ul li .download { display: block; width: 130px; margin: 45px auto; padding: 14px; color: #333; font-weight: bold; font-size: 14px; background:#efefef; vertical-align: middle; }
.ir .board-wrap .board-list ul li .download img { margin-right: 10px; vertical-align: text-top; }
.ir .board-wrap .paging { margin-top: 40px; }

/* 인사제도 */
.right-people .section { margin-top: 60px; }
.right-people .section:first-child { margin-top: 0; }
.right-people h4 { margin-bottom: 25px; color: #333; font-weight: bold; font-size: 25px; }
.right-people .msg { padding-top: 88px; background: url(/images/en/sub/common/hr.png) no-repeat; }
.right-people .img { height: 485px; background: url(/images/en/sub/company/right-people-img1.png) no-repeat 50% 0; }
.right-people .system-list { padding-bottom: 50px; border-bottom: 1px dotted #e8e8e8; }
.right-people .system-list li { margin-top: 20px; }
.right-people .system-list li:first-child { margin-top: 0; }
.right-people .system-list li .title { display: inline-block; width: 72px; padding: 16px; border: 2px solid #d9d9d9; background-color: #fafafa; font-style: normal; font-weight: bold; font-size: 16px; text-align: center; }
.right-people .system-list li .text { display: inline-block; width: 697px; margin-left: 20px; }
.right-people .list { overflow: hidden; }
.right-people .list li { float: left; width: 274px; padding: 125px 0 40px; border-left: 1px dotted #e8e8e8; text-align: center; }
.right-people .list li:first-child { width: 275px; border-left: 0; }
.right-people .list li.item1 { background: url(/images/en/sub/company/right-people-item1.png) no-repeat 50% 40px; }
.right-people .list li.item2 { background: url(/images/en/sub/company/right-people-item2.png) no-repeat 50% 53px; }
.right-people .list li.item3 { background: url(/images/en/sub/company/right-people-item3.png) no-repeat 50% 40px; }
.right-people .list li .title { margin-bottom: 10px; color: #444; font-weight: bold; font-size: 21px; }
.right-people .list li .desc { line-height: 1.5; }
.right-people .description { overflow: hidden; margin-top: 60px; padding-top: 30px; background: url(/images/en/sub/common/hr.png) no-repeat; }
.right-people .description p { float: left; width: 392px; margin-left: 41px; line-height: 1.7; text-align: justify; }
.right-people .description p:first-child { margin-left: 0; }
.right-people .naraeimg { height: 510px; background: url(/images/en/sub/company/right-people-img1-narae.png) no-repeat 50% 0; }


/* 인재육성 */
.promote .msg { margin-bottom: 0; }
.promote .section .group { overflow: hidden; padding: 38px 0 38px 138px; border-bottom: 1px dotted #e8e8e8; }
.promote .section .group.item1 { background: url(/images/en/sub/company/promote-list-img1.png) no-repeat 0 center; }
.promote .section .group.item2 { background: url(/images/en/sub/company/promote-list-img2.png) no-repeat 0 center; }
.promote .section .group.item3 { background: url(/images/en/sub/company/promote-list-img3.png) no-repeat 0 center; }
.promote .section .group h4 { margin-bottom: 8px; color: #7f5f2e; font-size: 16px; }
.promote .section .group p { line-height: 1.5; }
.promote .section2 { margin-top: 56px; }
.promote .section2 .img { text-align: center; }
.promote .section2 .group { overflow: hidden; padding: 28px 0; border-top: 1px dotted #e8e8e8; }
.promote .section2 .group:first-child { border-top: 0; }
.promote .section2 .group h5 { float: left; width: 138px; color: #333; font-size: 16px; }
.promote .section2 .group p { float: left; width: 687px; line-height: 1.5; }

/* 채용절차 */
.employ-step .section { margin-top: 70px; }
.employ-step .section .group { overflow: hidden; padding: 28px 0; border-top: 1px dotted #e8e8e8; }
.employ-step .section .group h4 { float: left; width: 105px; color: #333; font-size: 16px; }
.employ-step .section .group > div { float: left; width: 720px; }
.employ-step .section .group > div p { line-height: 1.5; }
.employ-step .section .group > div p em { display: block; margin-top: 7px; color: #7f5f2e; font-style: normal; font-size: 12px; }
.employ-step .section .group .custom { margin-top: 28px; }
.employ-step .section .group .custom tbody td { text-align: left; }
.employ-step .section .group .tip { margin-top: 7px; color:#7f5f2e; text-align: right; }

/* 채용공고 */
.employ-notice .section { overflow: hidden; }
.employ-notice .section .group { float: left; width: 274px; min-height: 316px; padding: 38px 0; border-left: 1px dotted #e8e8e8; text-align: center; }
.employ-notice .section .group:first-child { width: 275px; border-left: 0; }
.employ-notice .section .group.item1 { background: url(/images/en/sub/company/employ-notice-img1.png) no-repeat center 80px; }
.employ-notice .section .group.item2 { background: url(/images/en/sub/company/employ-notice-img2.png) no-repeat center 80px; }
.employ-notice .section .group.item3 { background: url(/images/en/sub/company/employ-notice-img3.png) no-repeat center 80px; }
.employ-notice .section .group h4 { margin-bottom: 130px; color: #333; font-size: 21px; }
.employ-notice .section .group h5 { margin-bottom: 8px; color: #7f5f2e; font-size: 14px; }
.employ-notice .section .group .area p { margin-top: 13px; line-height: 1.5; }
.employ-notice .section .group .area p:first-child { margin-top: 0; }
.employ-notice .section .group .area a { border-bottom: 1px solid #ff7b00; color: #ff7b00; }
.employ-notice .section .group .area2 { margin-top: 24px; }
.employ-notice .section .group .btn-wrap { margin-top: 13px; }
.employ-notice .manager { margin-top: 60px; padding: 17px; border: 1px solid #e8e8e8; text-align: center; }
.employ-notice .manager span { padding-left: 16px; background: url(/images/en/sub/company/icon-clerk.png) no-repeat; }
.employ-notice .btn-wrap { margin-top: 60px; }
.employ-notice .btn-wrap a { display: block; width: 112px; margin: 0 auto; }

/* 기업지배구조 */
.structure .tab-head { margin-bottom: 50px; }
.structure .tab-body > div { display: none; }
.structure .tab-body > div.active { display: block; }
.structure .section { margin-top: 70px; }
.structure .section:first-child { margin-top: 0; }
.structure .heading { overflow: hidden; margin-bottom: 9px; }
.structure .heading .btn-wrap { margin-bottom: 30px; }
.structure .heading .btn-wrap a { padding-right: 40px; background: #e70128 url(/images/en/sub/common/icon-download.png) no-repeat 234px 9px; font-weight: normal; font-size: 13px; }
.structure .heading .btn-wrap.item2 a { background-position: 220px 9px; }
.structure .heading h4 { float: left; color: #333; font-weight: bold; font-size: 16px; }
.structure .heading p { float: right; font-size: 14px; }
.structure .table   table tbody th { background-color: #fff; }
.structure .custom1 table tbody .sum > * { background-color: #f5f5f5; color: #1a1a1a; font-weight: bold; }
.structure .custom1 table tbody .sum th { border-left: 0; }
.structure .custom1 table tbody .total > * { background-color: #cfc1ab; color: #1a1a1a; font-weight: bold; }
.structure .custom2 table tr > * { padding: 11px 5px 12px; }
.structure .custom3 table tr > * { padding: 11px 5px 12px; }
.structure .custom4 table tr > * { padding: 11px 5px 12px; }
.structure .custom5 table tbody .content-area { text-align: left }
.structure .custom5 table tr > * { padding: 11px 10px 12px; }
.structure .custom6 table tbody .content-area { text-align: left }
.structure .tab.default.item-3 li { float: left; width: 246px; margin-left: -1px; }
.structure .tab.default.item-3 li:first-child { width: 335px; margin-left: 0; }

/* 재무정보 */
.invest-info .tab-head { margin-bottom: 50px; }
.invest-info .tab-body > div { display: none; }
.invest-info .tab-body > div.active { display: block; }
.invest-info .section { margin-top: 70px; }
.invest-info .section:first-child { margin-top: 0; }
.invest-info .heading { overflow: hidden; margin-bottom: 9px; }
.invest-info .heading h4 { float: left; color: #333; font-weight: bold; font-size: 16px; }
.invest-info .heading p { float: right; font-size: 14px; }
.invest-info .table table tbody th { background-color: #fff; }
.invest-info .table table tbody .desc { text-align: left }
.invest-info .table table tbody .sum > * { background-color: #f5f5f5; color: #1a1a1a; font-weight: bold; }
.invest-info .table table tbody .total > * { background-color: #cfc1ab; color: #1a1a1a; font-weight: bold; }

/* 주가 및 공시 */
.stock .tab-body > div { display: none; }
.stock .tab-body > div.active { display: block; }

/* 20240722 상생경영 추가 */
.bcm .together li.itemRow {
    border-bottom: 1px dotted #e8e8e8;
	display: flex;
}
.bcm .together li.itemRow:last-child { border-bottom: none; }
.bcm .together li.itemRow .item { padding: 40px 5px 40px 130px; width: 50%; }
.bcm .together li.itemRow .item1 { background: url(../../images/sub/company/together-icon01.png) no-repeat 20px 40px; }
.bcm .together li.itemRow .item2 { background: url(../../images/sub/company/together-icon02.png) no-repeat 20px 40px; }
.bcm .together li.itemRow .item3 { background: url(../../images/sub/company/together-icon03.png) no-repeat 20px 40px; }
.bcm .together li.itemRow .item4 { background: url(../../images/sub/company/together-icon04.png) no-repeat 20px 40px; }
.bcm .together li.itemRow .item .title { font-size: 16px; color: #333;  font-weight: bold;  margin-bottom: 15px; }
.bcm .together li.itemRow .item .desc .bullet { padding-left: 10px; background: url("../../images/sub/company/together-icon-bullet.png") no-repeat 0px 6px; margin-bottom: 7px; display: inline-block; }
.bcm .together li.itemRow .item .desc .bullet:last-child { margin-bottom: 0px; }
.bcm .code-wrap { margin-top: 50px; }
.bcm .code-wrap h4 { color: #7f5f2e; font-size: 20px;}
.bcm .code-wrap .code li { display: table; margin-top: 60px; }
.bcm .code-wrap .code li:first-child { margin-top: 30px; }
.bcm .code-wrap .code li div{ display: table-cell; width: 50%; }
.bcm .code-wrap .code li .txt { vertical-align: middle; text-align: left; box-sizing: border-box; }
.bcm .code-wrap .code li:nth-child(odd) .img { text-align: left;  }
.bcm .code-wrap .code li:nth-child(odd) .txt { padding-left:43px;  }
.bcm .code-wrap .code li:nth-child(even) .img { text-align: right;  }
.bcm .code-wrap .code li:nth-child(even) .txt { padding:0px 43px 0px 30px; }
.bcm .code-wrap .code li .txt span { display: block; }
.bcm .code-wrap .code li .txt span.tit { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 15px;}
.bcm .code-wrap .code li .txt span.s-txt { font-size: 13px; color: #666; line-height: 1.5; word-break: keep-all; } 

.ethic .download-list { display: block; padding: 20px 0 30px; }
.ethic .download-list a {
    min-width: 0;
    padding: 9px 58px 10px 30px;
    background-image: url(https://www.skens.com//images/sub/common/icon-download.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}
.ethic .download-list a:first-child { background-position: 104px 11px; }
.ethic .download-list a:last-child { background-position: 168px 11px; }
.ethic .section-wrap .section h4 { margin-bottom: 17px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.ethic .section.way h4 { border-bottom: 1px solid #e2e2e2; padding-bottom: 17px; margin-bottom: 40px;}
.ethic .section.way ul { overflow: hidden; margin-bottom: 40px;}
.ethic .section.way ul > li.item { float: left; width: 50%; height: 150px; margin-bottom: 40px; } 
.ethic .section .table.new { margin-top: 25px; }
.ethic .section .table.new table tr > * { text-align: left; }
.ethic .section .btn-wrap { margin-top: 30px; text-align: center; } 
.ethic .way li.item .img-area { display: inline-block; width: 100px; height: 100px; float: left; }
.ethic .way li.item ul { width: 250px; float: left; margin-left: 30px }
.ethic .way li.item ul > li:first-child { color: #222222; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.ethic .way li.item ul > li:last-child { line-height: 1.4; letter-spacing: -0.5px; }

.ethic .way li.item01 .img-area { background: url("/images/sub/company/ethic-n-item1.png") no-repeat center top;}
.ethic .way li.item02 .img-area { background: url("/images/sub/company/ethic-n-item2.png") no-repeat center top;}
.ethic .way li.item03 .img-area { background: url("/images/sub/company/ethic-n-item3.png") no-repeat center top;}
.ethic .way li.item04 .img-area { background: url("/images/sub/company/ethic-n-item4.png") no-repeat center top;}
.ethic .way li.item05 .img-area { background: url("/images/sub/company/ethic-n-item5.png") no-repeat center top;}