@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/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/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-word-wrap { line-height: 1.5; display: block;  word-break:keep-all; word-wrap:break-word;}
.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/sub/company/koone-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.gumi .heading-group-ceo { background: url(/images/sub/company/gumi-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.pohang .heading-group-ceo { background: url(/images/sub/company/pohang-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.choongchung .heading-group-ceo { background: url(/images/sub/company/choongchung-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.gangwon .heading-group-ceo { background: url(/images/sub/company/gangwon-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.jeonnam .heading-group-ceo { background: url(/images/sub/company/jeonnam-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.jeonbuk .heading-group-ceo { background: url(/images/sub/company/jeonbuk-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.wirye .heading-group-ceo { background: url(/images/sub/company/wirye-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.paju .heading-group-ceo { background: url(/images/sub/company/paju-ceo-bg.png) no-repeat right bottom; }
.ceo-intro.yeoju .heading-group-ceo { background: url(/images/sub/company/yeoju-ceo-bg.png) no-repeat right bottom; }


/* 비전 */
.vision .heading-group { margin-bottom: 70px; }
.vision .section-wrap { position: relative; height: 429px; background: url(/images/sub/company/vision-bg-busan.png) no-repeat center top; }
.vision .section-wrap div[class^="section"] { position: absolute; top: 53px; width: 240px; }
.vision .section-wrap .section1 { left: 3px; }
.vision .section-wrap .section2 { left: 555px; }
.vision .section-wrap div[class^="section"] h5 { min-height: 40px; padding: 10px; background-color: #6f6f6f; color: #fff; font-weight: bold; font-size: 14px; vertical-align: middle; text-align: center; line-height: 40px;}
.vision .section-wrap div[class^="section"] p { min-height: 60px; padding: 20px 10px; border: 1px solid #e5e5e5; border-top: 0; background-color: #fff; color: #444; font-weight: bold; font-size: 15px; line-height: 1.8; text-align: center; }

.vision.choongchung .section-wrap { position: relative; /* 20230126 수정 */ height: 730px; background: no-repeat center top;} 
.vision.wirye .section-wrap { position: relative; height: 429px; background: url(/images/sub/company/wirye-vision-bg.png) no-repeat center top; }
.vision.narae .section-wrap { position: relative; height: 290px; background: url(/images/sub/company/narae-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/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; width: 604px; 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/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/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/sub/company/ethic-item1.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item2 { background: url(/images/sub/company/ethic-item2.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item3 { background: url(/images/sub/company/ethic-item3.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item4 { background: url(/images/sub/company/ethic-item4.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item5 { background: url(/images/sub/company/ethic-item5.png) no-repeat center 50px; }
.ethic .section .ethic-list li.item6 { background: url(/images/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 .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 .download-list { overflow: hidden; padding: 49px 40px 97px }
.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 .download-list li.line2 { margin-top: 30px; }
.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/sub/common/icon-download.png); background-repeat: no-repeat; background-position: 104px 12px; vertical-align: middle; }
.ethic .section .group { overflow: hidden; padding-top: 25px; }
.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 { line-height: 1.5; letter-spacing: -1px; }
.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; }

/* 동반성장 */
.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/sub/company/growth-item1.png) no-repeat 18px 29px; }
.growth .list li.item2 { background: url(/images/sub/company/growth-item2.png) no-repeat 18px 38px; }
.growth .list li.item3 { background: url(/images/sub/company/growth-item3.png) no-repeat 18px 19px; }
.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; }
.growth .list li .title { color: #333; font-weight: bold; font-size: 16px; }
.growth .list li .desc { margin-top: 12px; line-height: 1.5; letter-spacing: -1px; }
.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; }

/* 20231107 동반성장 컨텐츠 추가 */
.growth .code-wrap { margin-top: 50px; }
.growth .code-wrap h4 { color: #7f5f2e; }
.growth .code-wrap .code li { display: table; margin-top: 60px; }
.growth .code-wrap .code li:first-child { margin-top: 30px; }
.growth .code-wrap .code li div{ display: table-cell; width: 50%; }
.growth .code-wrap .code li .txt { vertical-align: middle; text-align: left; box-sizing: border-box; }
.growth .code-wrap .code li:nth-child(odd) .img { text-align: left;  }
.growth .code-wrap .code li:nth-child(odd) .txt { padding-left:43px;  }
.growth .code-wrap .code li:nth-child(even) .img { text-align: right;  }
.growth .code-wrap .code li:nth-child(even) .txt { padding:0px 43px 0px 30px; }
.growth .code-wrap .code li .txt span { display: block; }
.growth .code-wrap .code li .txt span.tit { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 15px;}
.growth .code-wrap .code li .txt span.s-txt { font-size: 13px; color: #666; line-height: 1.5; word-break: keep-all; }
/* 20231107 동반성장 컨텐츠 추가 끝 */

/* SHE */
.she .description { height: 290px; margin-bottom: 53px; padding: 70px 0 0 418px; background: url(/images/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/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 .section-wrap .section .operation { width: 860px; height: 820px; margin-top:20px; background: url(/images/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 .content-wrap .section .air-control { height: 405px; margin-top: 70px; background: url(/images/sub/company/she-img4.png) no-repeat center 0; }
.she .tab-content1 .tab-content1-1 .section .she-policy { position: relative; padding-top: 15px; padding-left: 96px; background: url(/images/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/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_v { float: right; position: relative; width: 147px; margin-left: 13px; }
.she .tab-content1 .tab-content1-1 .section .detail-view .img_v a .mask { display: none; position: absolute; top: 0; left: 0; width: 147px; height: 206px; background: url(/images/sub/company/she-expand-shadow2.png) no-repeat; }
.she .tab-content1 .tab-content1-1 .section .detail-view .img_v a:hover .mask { display: block; }

.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/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_v { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 500px; height: 684px; margin-top: -335px; margin-left: -258px; }
.she .tab-content1 .tab-content1-1 .section .detail-view .modal_v a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }

.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/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/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/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/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/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-content1 .tab-content1-3 .section .group-wrap { overflow: hidden; }
.she .tab-content1 .tab-content1-3 .section .group { float: left; width: 255px; margin-left: 30px; }
.she .tab-content1 .tab-content1-3 .section .group:first-child { margin-left: 0; }
.she .tab-content1 .tab-content1-3 .section .group h5 { height: 34px; padding: 15px 0; background-color: #997f58; color: #fff; font-weight: bold; font-size: 14px; text-align: center; }
.she .tab-content1 .tab-content1-3 .section .group .group-list { margin-top: 0; padding: 24px; border: 1px solid #ebebeb; border-top: 0; }
.she .tab-content1 .tab-content1-3 .section .group .group-list li { width: auto; margin-top: 0; padding-left: 15px; background: url(../images/company/bullet-dot-black.png) no-repeat 0 7px; color: #666; line-height: 1.7; }
.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/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/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/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/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/sub/company/she-img2.png) no-repeat; }
/*부산정관 SHE 이미지 변경*/
.she .section-wrap .section .operation1 { width: 860px; height: 820px; margin-top:20px; background: url(/images/sub/company/she-rule-img2.png) no-repeat 0 45px; }

/* 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: 130px; padding: 23px 20px 23px 40px; border: 1px solid #e9eced; border-top: 0; }
.culture .tab-content1 .section3 .desc .group1 ul li { float: left; width: 92px; padding-left: 16px; background: url(/images/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: 130px; 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/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 { 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-weight: 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; }
.culture .tab-content2 .section-wrap { margin-top: 27px; border-top: 1px dotted #e8e8e8; }
.culture .tab-content3 .section-wrap { margin-top: 27px; border-top: 1px dotted #e8e8e8; }


/* SKMS 부산 */
.new_sub_skms{background-color: #363636; background-position: 0 0; background-repeat: no-repeat; background-size: cover; margin-top: 40px; padding: 50px 0;}
.new_sub_skms .new_sub_busan:after {clear: both; display: block; content: ''}
.new_sub_skms .new_sub_busan > li{position: relative; float: left; width: 275px; text-align: center; border-right: 1px solid #afafaf; padding: 10px 0 15px 0; 
	-webkit-box-sizing:border-box; -moz-box-size:border-box; box-sizing:border-box;
}
.new_sub_skms .new_sub_busan > li:last-child{border-right: none;}
.new_sub_skms .new_sub_busan > li a{display: block;}
.new_sub_skms .new_sub_busan > li h3{font-size: 25px; color: #de071a; font-weight: 700;} 
.new_sub_skms .new_sub_busan > li p{font-size: 14px; line-height: 22px; color: #fff; margin-top: 25px; height: 200px; padding: 0 20px;} 

.skmsbtn{display: inline-block; font-size: 14px; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; border: 0;}
.skmsbtn.t_main{width: 100px; height: 30px; line-height: 30px;}
.skmsbtn.c_white{color: #fff; border: 1px solid #fff;}

.new_sub_skms .new_sub_busan .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 1000px; height: 531px; margin-top: -365px; margin-left: -500px; }
.new_sub_skms .new_sub_busan .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.new_sub_skms .new_sub_busan .detail-view .bg-modal { margin: 0; }

/* 사회공헌 */
.contribute .msg { margin-bottom: 50px; border-bottom: 0; padding-bottom: 0; letter-spacing: -1px; }
.contribute .msg .desc {  margin-top: 50px; }
.contribute .msg .desc2 {  margin-top: 20px; }
.contribute .description { overflow: hidden; }
.contribute .description p { line-height: 1.7; letter-spacing: 0px; text-align: justify; }
.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/sub/company/contribute-list-img1.png) no-repeat 0 30%; }
.contribute .section-wrap .section .list li.item2 { background: url(/images/sub/company/contribute-list-img2.png) no-repeat 0 30%; }
.contribute .section-wrap .section .list li.item3 { background: url(/images/sub/company/contribute-list-img3.png) no-repeat 0 30%; }
.contribute .section-wrap .section .list li.item4 { background: url(/images/sub/company/contribute-list-img4.png) no-repeat 0 30%; }
.contribute .section-wrap .section .inner-list li { margin-top: 5px; }
.contribute .section-wrap .section .inner-list li:first-child { margin-top: 0; }
.contribute .section-wrap .section .inner-list li span { display: inline-block; vertical-align: top; line-height: 1.5; }
.contribute .section-wrap .section .inner-list li span.title { margin-bottom: 7px; font-weight: bold; font-size: 14px; }
.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; }
.contribute .description-ige { overflow: hidden; }
.contribute .description-ige p { line-height: 1.7; letter-spacing: 0px; text-align: center; }


/* 찾아오시는 길 */
.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 table tr td em { font-style: normal; font-weight: bold; }
.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 { float: left; width: 520px; }
.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: 660px; height: 783px; margin: 0 auto; }
.ir .board-wrap .board-list ul { overflow: hidden; }
.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: 198px; height: 139px; padding: 50px; border: 1px solid #e8e8e8; background: url(/images/sub/common/icon-download-gray.png) no-repeat 265px 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 h5 { margin-bottom: 20px; color: #333; font-weight: bold; font-size: 16px; line-height: 1.5; }
.right-people h6 { margin-bottom: 0px; color: #333; font-weight: bold; font-size: 14px; line-height: 1.5; }
.right-people .msg { padding-top: 88px; background: url(/images/sub/common/hr.png) no-repeat; }
.right-people .img { height: 485px; background: url(/images/sub/company/right-people-img1.png) no-repeat 50% 0; }
.right-people .naraeimg { height: 485px; background: url(/images/sub/company/right-people-img1-narae.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/sub/company/right-people-item1.png) no-repeat 50% 40px; }
.right-people .list li.item2 { background: url(/images/sub/company/right-people-item2.png) no-repeat 50% 53px; }
.right-people .list li.item3 { background: url(/images/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/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 .ensolveimg { height: 485px; background: url(/images/sub/company/right-people-img1-ensolve.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/sub/company/promote-list-img1.png) no-repeat 0 center; }
.promote .section .group.item2 { background: url(/images/sub/company/promote-list-img2.png) no-repeat 0 center; }
.promote .section .group.item3 { background: url(/images/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/sub/company/employ-notice-img1.png) no-repeat center 80px; }
.employ-notice .section .group.item2 { background: url(/images/sub/company/employ-notice-img2.png) no-repeat center 80px; }
.employ-notice .section .group.item3 { background: url(/images/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/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/sub/common/icon-download.png) no-repeat 160px 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 .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 }

/* 재무정보 */
.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 }

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

/* 나래에너지서비스(O&M) 추가 시작 */
/* CEO 인사말 */
.ceo-intro.naraeonm .heading-group-ceo { background: url(/images/sub/company/naraeonm-ceo-bg.png) no-repeat right bottom; }

/* 비전 */
.vision.naraeonm .section-wrap { position: relative; height: 486px; background: url(/images/sub/company/naraeonm-vision-bg.png) no-repeat center top; }

/* 조직도 */
.org.naraeonm .section-wrap { position: relative; height: 1202px; background: url(/images/sub/company/naraeonm-org-bg.png) no-repeat center top; }
.org-new.naraeonm .section-wrap { position: relative; height: 1181px; background: url(/images/sub/company/naraeonm-org-new-bg.png) no-repeat center top; }

/* 인재상 */
.right-people.naraeonm .img { position: relative; height: 497px; background: url(/images/sub/company/naraeonm-personnel-bg.png) no-repeat center top; }
/* 나래에너지서비스(O&M) 추가 종료 */




/* visit */
.visit-wrap .table{
	border-top: 2px solid #6f6f6f;
    border-bottom: 2px solid #6f6f6f;
}

.visit .heading-group {  }
.visit .visit-wrap .title { text-align: center; }
.visit .visit-wrap .title h4 { color: #333; font-weight: bold; font-size: 26px; }
.visit .visit-wrap .title h4 em { color: #e70128; font-style: normal; }
.visit .visit-wrap .title p { display: block; margin-top: 10px; font-size: 18px; }
.visit .visit-wrap .input-wrap { margin-top: 50px; }
.visit .visit-wrap .input-wrap .table { position: inherit; }
.visit .visit-wrap .input-wrap .table .vital { position: absolute; top: 22px; right: 20px; padding-left: 20px; background: url(/images/sk/common/bu-mark-11.png) no-repeat 0 2px; color: #333; }
.visit .visit-wrap .input-wrap .table.none-border {border:0 !important;}
.visit .visit-wrap .input-wrap .table table tbody th { padding: 14px 20px 15px; background-color: #fff; border-top: 1px dotted #e8e8e8; text-align: left; }
.visit .visit-wrap .input-wrap .table table tbody th.content { padding-top: 20px; vertical-align: top; }
.visit .visit-wrap .input-wrap .table table tbody tr:first-child th { border-top: 1; }
.visit .visit-wrap .input-wrap .table table tbody th.mark { background: url(/images/sk/common/bu-mark-11.png) no-repeat 116px 23px; }
.visit .visit-wrap .input-wrap .table table tbody td { padding: 14px 20px 15px; border-top: 1px dotted #e8e8e8; border-left: 1px dotted #e8e8e8; text-align: left; }
.visit .visit-wrap .input-wrap .table table tbody .noline {border-left: 0;}
.visit .visit-wrap .input-wrap .table table tbody .noline2 {border-left: 0; border-top:0;}
.visit .visit-wrap .input-wrap .table td h5 { margin-top: 4px; margin-bottom: 20px; font-weight: normal; font-size: 14px;line-height: 1.4;  }
.visit .visit-wrap .input-wrap .table td.name input, .visit .visit-wrap .input-wrap .table td.email input { width: 258px; }
.visit .visit-wrap .input-wrap .table td.email span.sms { display: inline-block; padding-right: 6px; padding-left: 6px; }
.visit .visit-wrap .input-wrap .table td.email .select { width: 170px; margin-left: 10px; }
.visit .visit-wrap .input-wrap .table td.company input { width: 569px; }
.visit .visit-wrap .input-wrap .table td.category .select { width: 591px; }
.visit .visit-wrap .input-wrap .table td.subject input { width: 569px; }
.visit .visit-wrap .input-wrap .table td input[readonly] { background-color : #d9d9d9; }
.visit .visit-wrap .input-wrap .table td textarea { overflow-x: hidden; font-size:14px; color:#666; font-family: "Nanum Gothic"; overflow-y: scroll; width: 650px; height: 179px; padding: 6px 17px 6px 10px; border: 1px solid #e8e8e8; word-break: break-all; }
.visit .visit-wrap .input-wrap .table td .file { width: 777px; }
.visit .visit-wrap .input-wrap .table td .file input[type="text"] { width: 633px; }
.visit .visit-wrap .input-wrap .table td .file span { width: 77px; }
.visit .visit-wrap .input-wrap .table td .terms { overflow-x: hidden; overflow-y: scroll; width: 666px; height: 100px; border: 1px solid #e8e8e8; font-size: 12px; line-height: 1.4; }
.visit .visit-wrap .input-wrap .table td .terms .inner { width: 620px; padding: 20px 0 20px 25px; }
.visit .visit-wrap .input-wrap .table td .terms .terms-list { padding:  0; }
.visit .visit-wrap .input-wrap .table td .terms .terms-list > li { margin-top: 8px; }
.visit .visit-wrap .input-wrap .table td .terms h5 { font-weight: normal; font-size: 12px; }
.visit .visit-wrap .input-wrap .table td .terms div { margin-top: 4px; padding-left: 12px; }
.visit .visit-wrap .input-wrap .table td .terms div .inner-list { margin-top: 4px; }
.visit .visit-wrap .input-wrap .table td .terms-check { margin-top: 15px; text-align: center; font-size: 0; }
.visit .visit-wrap .input-wrap .table td .terms-check input { vertical-align: middle; }
.visit .visit-wrap .input-wrap .table td .terms-check label { margin-left: 10px; color: #333; font-size: 12px; vertical-align: middle; }
.visit .visit-wrap .btn-wrap { margin-top: 30px; text-align: center; }
.visit .visit-wrap .companion {font-weight:bold;padding:20px 0 15px 0;}
.visit .visit-wrap .companion label {margin-right:10px;}
.visit .visit-wrap .txt1 {display:inline-block; font-size:13px; font-weight:bold; color:#8a6e46; padding-top:5px;}
.visit .visit-wrap .txt2 {display:inline-block; font-size:15px; font-weight:bold; color:#8a6e46; padding-top:5px; margin: 10px 0px 10px 0px;}
.visit .visit-wrap .input-wrap .table.companion {border-top: 0; padding:5px 0 0 0; border-bottom:1px solid #d7d7d7; margin-bottom:15px;}
.visit .visit-wrap .input-wrap .table.companion table tbody {border-top: 1px dotted #e8e8e8;}
.visit .visit-wrap .input-wrap .quide {padding:0 0 13px 0}
.visit .visit-wrap .input-wrap .quide a {font-size:13px; color:#fe7b05; font-weight:600; padding:0 0 13px 20px}
.visit .visit-title {font-size:13px; color:#8a6e46; font-weight:600; padding:0 0 13px 20px}
.visit .visit-title-con {font-size:12px; color:#333; line-height:20px; padding:10px 0 0 20px;}
.visit .visit-wrap .visit-search-txt {text-align:center; padding:40px 0 30px 0; border-bottom:1px solid #b7b7b7;}
.visit .visit-loc-title {float:left; width:200px; height:auto; padding:0;}
.visit .visit-loc-title .name {font-size:20px; font-weight:600; color:#8a6e46; margin-bottom:15px;}
.visit .visit-loc-title .addr {font-size:12px; color:#333; line-height:20px;}
.visit .visit-loc-map {float:left; width:760px; height:auto;}
.visit .table.location { margin-top: 10px; border-bottom:1px solid #d7d7d7;}
.visit .table.location table td { text-align: left; }
.visit .table.location table td .subway { display: inline-block; margin-left: 40px; }
.visit .table.location table td .subway:first-child { margin-left: 0; }
.visit .location-con li {font-size:13px; color:#666; line-height:20px; background: url(/images/sk/common/footer-sitemap-title.png) no-repeat 0 7px; padding:0 0 0 14px;}
.visit .input-calendar {background:url('/images/sk/common/icon-calendar.gif') no-repeat 132px 3px;}
.visit-list .input-calendar {background:url('/images/sk/common/icon-calendar.gif') no-repeat 132px 3px;}

.visit .visit-approveList {font-size:18px; color:#8a6e46; font-weight:600; padding:0 0 13px 20px}
.visit .visit-approveList-con {font-size:13px; color:#333; line-height:20px; padding:10px 0 0 20px;}
.visit .visit-wrap .input-wrap .table table tbody th.markLow { background: url(/images/sk/common/bu-mark-11.png) no-repeat 116px 17px; }

.visit .visit-state {
	margin-bottom:25px; 
	display : flex;
}
.visit .visit-state div{
	border: 1px solid #e8e8e8;
	width: 48%;
	margin-right: 20px;
	padding : 20px; 
	font-weight: bold;
}   
.visit .visit-state div .orange{
	font-size : 18px; color :#FF6200;
} 
.visit .visit-state div .red{
	margin-left: 20px; margin-top : 15px; font-size : 40px;  color: #e70128;
} 

.visit .desc ul{margin:20px 0;}
.visit .desc li{color:#7f5f2e; line-height: 20px; background: url(/images/sk/company/she-list-dot.png) no-repeat 0 9px; padding:0 0 0 12px;}
.visit .visit-wrap .input-wrap .fl {float:left;}
.visit .visit-wrap .input-wrap .fr {float:right;}
.visit .visit-wrap .btn.brown {
    background-color: #987f57;
}
.visit .visit-approveList-con .btnArea a.btn {
    display: inline-block;
    min-width: 45px;
    padding: 5px 14px 5px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}
.visit .visit-wrap a.btn {
    display: inline-block;
    min-width: 45px;
    padding: 7px 14px 8px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.visit .visit-wrap .input-wrap a.btn {
    display: inline-block;
    min-width: 45px;
    padding: 5px 14px 5px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
}
.visit .visit-wrap .input-wrap a.btn.brown {
    background-color: #987f57;
}
.visit .visit-wrap a.btn-search {
    display: inline-block;
    min-width: 52px;
    padding: 7px 2px 8px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.visit .visit-wrap a.btn-type1 {
    display: inline-block;
    min-width: 52px;
    padding: 7px 2px 8px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.visit .visit-wrap a.btn-type2 {
    display: inline-block;
    min-width: 52px;
    padding: 7px 2px 8px;
    background-color: #868686;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
/* 탭메뉴 */
.visit .visit-wrap .tab-wrap .tab { overflow: hidden;}
.visit .visit-wrap .tab-wrap .tab.item-1 li { width: 959px; margin-left: 1px;}
.visit .visit-wrap .tab-wrap .tab.item-1 li:first-child {  width: 960px;    margin-left: 0;}
.visit .visit-wrap .tab-wrap .tab.item-2 li {  width: 479px;    margin-left: 1px;}
.visit .visit-wrap .tab-wrap .tab.item-2 li:first-child {  width: 480px;    margin-left: 0;}
.visit .visit-wrap .tab-wrap .tab.item-3 li {  width: 274px;  margin-left: 1px;}
.visit .visit-wrap .tab-wrap .tab.item-3 li:first-child {  width: 275px;  margin-left: 0;}
.visit .visit-wrap .tab-wrap .tab li {   float: left;}
.visit .visit-wrap .tab-wrap .tab li a {  display: block;  padding: 11px 0;  border-bottom: 3px solid #888;   font-weight: bold; font-size: 22px;}
.visit .visit-wrap .tab-wrap .tab li.active a {  border-bottom: 3px solid #e70128;  color: #e70128;}
.visit .visit-wrap .tab-wrap .tab li.active a .blind {     display: none;}

/* visit-list */
.visit-list .heading-group { margin-bottom: 0; border-bottom: 0; background: url(../images/common/heading-bg-company.png) no-repeat; }
.visit-list .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; }
.visit-list .board-wrap .srch-wrap .select label { text-align: left; }
.visit-list .board-wrap .srch-wrap .srch span:first-child { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; }
.visit-list .board-wrap .srch-wrap .srch input { width: 258px; padding: 5px 5px 6px; border: 1px solid #e8e8e8; }
.visit-list .board-list { overflow: hidden; margin-top: 30px; }
.visit-list .board-list table { width: 825px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.visit-list .board-list th { padding: 15px 0 15px 0; background-color: #f9f9f9; }
.visit-list .board-list th .select label { text-align: left; font-weight: normal; }
.visit-list .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.visit-list .board-list tbody tr:first-child { border-top: 0; }
.visit-list .board-list tr td {min-height:30px; padding: 9px 0 9px 0; text-align:center; vertical-align: middle;}
.visit-list .board-list tr td.num { padding-right: 0; padding-left: 0; text-align: center; }
.visit-list .board-list tr td.count { padding-right: 0; padding-left: 0; text-align: center; }
.visit-list .board-list tr td.subject { padding-top: 0; padding-bottom: 0; }
.visit-list .board-list tr td.subject .answer { display: none; overflow: hidden; position: relative; left: -316px; z-index: 200; width: 956px; }
.visit-list .board-list tr td.subject .answer .fence { overflow: hidden; }
.visit-list .board-list tr td.subject .answer .title { position: absolute; top: 1px; bottom: 1px; width: 288px; background-color: #fff; }
.visit-list .board-list tr td.subject .answer .title span { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -12px; color: #333; font-weight: bold; }
.visit-list .board-list tr td.subject .answer .text { float: left; width: 611px; padding: 30px 30px 30px 318px; border-top: 1px dotted #e8e8e8; background-color: #fff; vertical-align: middle; line-height: 1.6; }
.visit-list .board-list tr td.subject .answer .text p { display: inline-block; overflow: hidden; float: left; width: 585px; padding-left: 25px; color: #666; font-family: "Nanum Gothic"; word-break: break-all; background: url(../images/service/visit-list-answer.png) no-repeat 0 4px; letter-spacing: -0.5px; }
.visit-list .board-list tr.active td { border-top: 1px solid #ff7a00; border-bottom: 1px solid #ff7a00; background-color: #f9f9f9; color: #333; }
.visit-list .board-list tr.active td .answer { font-weight: normal; }
.visit-list .board-list tr.active td:first-child { border-left: 1px solid #ff7a00; }
.visit-list .board-list tr.active td.last { border-right: 1px solid #ff7a00; }
.visit-list .board-list tr.active td.subject a { background-position: right -165px; color: #333; }
.visit-list .board-list tr.active td.subject .answer { display: block; }
.visit-list .board-list tr td.empty { text-align: center; }
.visit-list .paging { margin-top: 30px; }
.visit-list .board-list .btn.brown {
    background-color: #987f57;
}
.visit-list .board-list a.btn {
    display: inline-block;
    min-width: 35px;
    padding: 7px 14px 8px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* 탭메뉴 */
.visit-list .board-wrap .tab-wrap .tab { overflow: hidden;}
.visit-list .board-wrap .tab-wrap .tab.item-3 li {  width: 274px;  margin-left: 1px;}
.visit-list .board-wrap .tab-wrap .tab.item-3 li:first-child {  width: 275px;  margin-left: 0;}
.visit-list .board-wrap .tab-wrap .tab li {   float: left;}
.visit-list .board-wrap .tab-wrap .tab li a {  display: block;  padding: 11px 0;  border-bottom: 3px solid #888;   font-weight: bold; font-size: 22px;}
.visit-list .board-wrap .tab-wrap .tab li.active a {  border-bottom: 3px solid #e70128;  color: #e70128;}

.visit-list .board-wrap .fileArea .input_s1 { 
	margin-top : 20px;
	width: 250px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;	
	outline-style:none;
	vertical-align: middle;
} 

.visit-list .board-wrap .fileArea span { 
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    margin-right : 10px;
} 
.visit-list .board-wrap .fileArea a { 
	margin-top : 20px;
	display: inline-block;
	width: 45px;
	height: 40px;
	background-color: #9ca5ab;
	background-image: url(../../../../images/sub/company/icon_add.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	} 

.visit-main .section { overflow: hidden; }
.visit-main .section .group img {clear:both;cursor:pointer;}
.visit-main .section .group {min-height: 0; float: left; width: 274px; padding: 20px 0; text-align: center; }
.visit-main .section .group h4 { color: #333; font-size: 21px; margin-bottom: 5px; height: auto; }
.visit-main .section .group:first-child { width: 275px; border-left: 0; }
.visit-main .section td a.btn{min-width:auto;font-size:13px;}
.msg.visit {padding-bottom:10px;border-bottom:0px;}

/* 로그인 홈 */
.visit-login .heading-group { height: 121px; margin-bottom: 0; border-bottom: 2px solid #323232; }
.visit-login .section-wrap { border: 1px solid #ebebeb; border-top: 0; }
.visit-login .login-wrap { overflow: hidden; }
.visit-login .login-wrap .section { float: left; width: 301px; min-height: 284px; padding: 55px; background-color: #fafafa; }
.visit-login .login-wrap .section:first-child { border-left: 0; }
.visit-login .login-wrap .section h4 { margin-bottom: 18px; color: #e70128; font-size: 20px; }
.visit-login .login-wrap .section .member-area { min-height: 152px; padding-bottom: 13px; }
.visit-login .login-wrap .member-area .input-area > div { margin-top: 11px; }
.visit-login .login-wrap .member-area .input-area label { display: inline-block; width: 89px; color: #444; font-weight: bold; }
.visit-login .login-wrap .member-area .input-area input { width: 190px; }
.visit-login .login-wrap .guest-area h4 { color: #535353; }
.visit-login .login-wrap .guest-area .tab.default li { width: 151px; }
.visit-login .login-wrap .guest-area .tab.default li label { display: inline-block; width: 89px; }
.visit-login .login-wrap .danger { display: none; margin-top: 13px; color: #e70128; }
.visit-login .login-wrap .btn-area { padding-top: 15px; border-top: 1px solid #ebebeb; }
.visit-login .login-wrap .btn-area .remember-id { position: relative; height: 11px; }
.visit-login .login-wrap .btn-area .remember-id input { vertical-align: middle; }
.visit-login .login-wrap .btn-area .remember-id label { vertical-align: middle; }
.visit-login .login-wrap .btn-area .remember-id img { width: 21px; height: 21px; margin-left: 7px; }
.visit-login .login-wrap .btn-area .remember-id .info-balloon { display: none; position: absolute; top: -112px; left: -31px; right: 0; z-index: 10; width: 354px; height: 77px; padding: 16px 15px; background: url(/images/sub/util/info-balloon.png)  no-repeat; line-height: 1.5; letter-spacing: -1px; }
.visit-login .login-wrap .btn-area .remember-id.active .info-balloon { display:block; }
.visit-login .login-wrap .btn-wrap a.btn { display: block; margin-top: 30px; padding: 15px 14px 16px; }
.visit-login .login-wrap .btn-wrap a.btn span { display: inline-block; height: 23px; vertical-align: middle; }
.visit-login .login-wrap .btn-wrap a.btn-login span { padding-left: 22px; background: url(/images/sub/util/icon-login.png) no-repeat; }
.visit-login .login-wrap .btn-wrap a.btn-srch span { padding-left: 25px; background: url(/images/sub/util/icon-srch.png) no-repeat; }
.visit-login .login-wrap .btn-area a.curious { display: inline-block; height: 20px; padding-top: 3px; padding-left: 27px; background: url(/images/sub/util/icon-question.png) no-repeat; color: #997f58; text-decoration: underline; vertical-align: middle; }

.visit-list .board-wrap .visit button.btn {
    display: inline-block;
    min-width: 52px;
    padding: 7px 14px 8px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* 나래O&M 조직도*/
.oranization_wrap { text-align: center; }
.oranization_wrap .depth03 { margin: 0 auto; padding-top: 505px; width: 550px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.oranization_wrap .depth03 div { width: 260px; }
.oranization_wrap .depth03 div h6 { color: #fff; font-size: 14px; height: 40px;}
.oranization_wrap .depth03 div ul li { text-align: left; padding-left: 20px; height: 20px;}
.oranization_wrap .depth03 div ul li span { display: block; padding: 5px 10px; line-height: 15px;}
.oranization_wrap .depth04 { padding-top: 180px; width: 705px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.oranization_wrap .depth04 .headquater { width: 415px; }
.headquater .department { display: flex; flex-flow: row nowrap; justify-content: space-between; }
.headquater .department ul { width: 120px;}
.headquater .department ul li { height: 40px; font-weight: bold; line-height: 40px; border-radius: 3px; margin-top: 3px;}
.headquater .department ul li.tit { background: #f38093; color: #fff; }
.headquater .department ul li.text { background: #eeeeee }
.headquater .department-ex { background: #fef2f4; border-radius: 3px; margin-top: 20px; text-align: left; padding: 20px 20px 20px 40px; }
.headquater .department-ex ul li { list-style: disc;  font-weight: bold; }
.headquater .department-ex ul li:first-child { padding-bottom: 20px; } 
.headquater .department-ex ul li span { display: block; margin-top: 10px; font-weight: normal; line-height: 20px; font-size: 11px;}
.oranization_wrap .depth04 .local-place { width: 375px; margin-left: 20px;}
.local-place .department { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 17px;}
.local-place .department ul { width: 120px;}
.local-place .department ul li { height: 40px; font-weight: bold; line-height: 40px; border-radius: 3px; margin-top: 3px;}
.local-place .department ul li.tit { background: #a0a58e; color: #fff; }
.local-place .department ul li.text { background: #eeeeee }
.local-place .department-ex { background: #f5f5f5; border-radius: 3px; margin-top: 20px; text-align: left; padding: 10px 20px 10px 40px; }
.local-place .department-ex ul li { list-style: disc;  font-weight: bold; }
.local-place .department-ex ul li:first-child { padding-bottom:12px;}
.local-place .department-ex ul li span { display: inline-block; font-weight: normal; letter-spacing: -1px; }
.local-place .department-new { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 17px;border:2px solid #ff0000 ; line-height: 0px; padding :5px 7px 5px 7px}
.local-place b{    background-color: white;border: 5px solid white;line-height: 0px;}
.local-place .department-new ul { width: 115px;}
.local-place .department-new ul li { height: 40px; font-weight: bold; line-height: 40px; border-radius: 3px; margin-top: 3px;}
.local-place .department-new ul li.tit { background: #a0a58e; color: #fff;     margin-bottom: 10px; margin-top: 10px;}
.local-place .department-new ul li.text { background: #eeeeee }
.local-place .department-new ul li.tit-dott { background: #a0a58e; color: #fff;     margin-bottom: 10px; margin-top: 10px; border-color : #238d23;border-style:dashed;border-width: 2px;}

/* 20230126 충정에너지 비전페이지 추가 css */
.vision.choongchung .section-wrap .vision01 { height: 390px; background:url('/images/sub/company/choongchung-vision-bg01.png') no-repeat center top; }
.vision.choongchung .section-wrap .vision02 { display: flex; }
.vision.choongchung .section-wrap .vision02 .con { width:250px; text-align: center; }
.vision.choongchung .section-wrap .vision02 .con p { height: 45px; line-height: 45px; font-size: 22px; color: #606060; font-weight: bold; border-bottom: 1px solid #e1e1e1; }
.vision.choongchung .section-wrap .vision02 .con .icon-box { height: 188px; }
.vision.choongchung .section-wrap .vision02 .con .icon-box span { display: block; font-size: 19px; font-weight: bold; padding-top: 120px; }
.vision.choongchung .section-wrap .vision02 .con01 .icon-box { background: url('/images/sub/company/choongchung-vision-icon01.png') no-repeat center top; }
.vision.choongchung .section-wrap .vision02 .con01 .icon-box span { color: #f19035; }
.vision.choongchung .section-wrap .vision02 .con02 .icon-box { background: url('/images/sub/company/choongchung-vision-icon03.png') no-repeat center top; }
.vision.choongchung .section-wrap .vision02 .con02 .icon-box span { color: #988261; }
.vision.choongchung .section-wrap .vision02 .con03 .icon-box { background: url('/images/sub/company/choongchung-vision-icon05.png') no-repeat center top; }
.vision.choongchung .section-wrap .vision02 .con03 .icon-box span { color: #6b7076; }

.vision.choongchung .section-wrap .vision02 .con .table-box { box-sizing: border-box; }
.vision.choongchung .section-wrap .vision02 .con .table-box div { height: 50px; line-height: 50px;  }
.vision.choongchung .section-wrap .vision02 .con .table-box .tit { font-size: 17px; color: #fff; font-weight: bold; }
.vision.choongchung .section-wrap .vision02 .con .table-box .txt { font-size: 15px; color:#606060; }
.vision.choongchung .section-wrap .vision02 .con01 .table-box { border: 1px solid #f19035; }
.vision.choongchung .section-wrap .vision02 .con01 .table-box .tit { background: #f19035; }
.vision.choongchung .section-wrap .vision02 .con01 .table-box .tit:before { 
	content: '';
	display: inline-block;
	background: url('/images/sub/company/choongchung-vision-icon02.png') no-repeat center;
	width: 30px; 
	height: 32px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.vision.choongchung .section-wrap .vision02 .con02 .table-box { border: 1px solid #988261; }
.vision.choongchung .section-wrap .vision02 .con02 .table-box .tit { background: #988261; }
.vision.choongchung .section-wrap .vision02 .con02 .table-box .tit:before { 
	content: '';
	display: inline-block;
	background: url('/images/sub/company/choongchung-vision-icon04.png') no-repeat center;
	width: 30px; 
	height: 32px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.vision.choongchung .section-wrap .vision02 .con03 .table-box { border: 1px solid #6b7076; }
.vision.choongchung .section-wrap .vision02 .con03 .table-box .tit { background: #6b7076; }
.vision.choongchung .section-wrap .vision02 .con03 .table-box .tit:before { 
	content: '';
	display: inline-block;
	background: url('/images/sub/company/choongchung-vision-icon06.png') no-repeat center;
	width: 45px; 
	height: 32px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.vision.choongchung .section-wrap .vision02 .pluse-icon { width: 38px; background: url("/images/sub/company/choongchung-vision-icon-pluse.png") no-repeat center top;}

/* 20230407 추가 */
.esg {}
.esg .con-wrap { display: flex; }
.esg .con-wrap div h3.tit { width: 250px; height: 60px; border-radius: 15px; box-shadow: 3px 3px 0px #e9eced; color: #fff; font-size: 20px; text-align: center; line-height: 60px; }
.esg .con-wrap div p.stxt { padding: 20px 0; text-align: center; }
.esg .con-wrap div ul li { width: 250px; background: #f9f9f9; padding: 20px; border-radius: 15px; margin-bottom: 10px; box-sizing: border-box; }
.esg .con-wrap div ul li:last-child { margin-bottom: 0px; }
.esg .con-wrap div ul li span { display: block; letter-spacing: -0.5px; }
.esg .con-wrap div ul li span.tit { font-weight: bold; color: #222222; font-size: 16px; margin-bottom: 10px; }
.esg .con-wrap .environment { border-right: 1px solid #eaeaea; padding-right:18px; box-sizing: border-box; }
.esg .con-wrap .social { border-right: 1px solid #eaeaea; padding-left: 18px; padding-right:18px; box-sizing: border-box; }
.esg .con-wrap .governance { padding-left: 18px; box-sizing: border-box; }
.esg .con-wrap .environment h3.tit { background: #e70128; }
.esg .con-wrap .social h3.tit { background: #ff7c00; }
.esg .con-wrap .governance h3.tit { background: #987f57; }

.msg { border-bottom: none;  }

.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: 100px; 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;}

.contribute .tab-body > div { display: none; }
.contribute .tab-body > div.active { display: block; }
.contribute .tab-body > p.txt { color: #7f5f2e; font-size: 18px; font-weight: bold; text-align: center; padding: 40px 0 0; }
.contribute .tab-body > div ul { }
.contribute .tab-body > div ul > .item { display: table; width: 100%; padding: 40px 0; border-bottom: 1px dotted #dadada; }
.contribute .tab-body > div ul > .item:last-child { border-bottom: none; }
.contribute .tab-body > div ul > .item > span:first-child {padding-right: 60px; }
.contribute .tab-body > div ul > .item > span:last-child {padding-left: 60px; }
.contribute .tab-body > div ul > .item > span.img-area { display: table-cell; width: 383px; }
.contribute .tab-body > div ul > .item > ul { display: table-cell; vertical-align: middle; }
.contribute .tab-body > div ul > .item > ul li:first-child { font-size: 20px; color: #333333; font-weight: bold; padding-bottom: 20px; }
.contribute .tab-body > div ul > .item > ul li:last-child { line-height: 1.5; }
.contribute .tab-body div.energy-character { border: 1px solid #dddddd; padding: 0 25px; }
.contribute .tab-body .energy-character .row-wrap { border-bottom: 1px solid #f3f3f3; display: flex; }
.contribute .tab-body .energy-character .row-wrap:last-child { border-bottom: none; }
.contribute .tab-body .energy-character .row-wrap div { width: 50%; padding: 30px 0; box-sizing: border-box; display: flex; }
.contribute .tab-body .energy-character .row-wrap > div:first-child { padding-right: 25px;}
.contribute .tab-body .energy-character .row-wrap > div:last-child { padding-left: 25px;}
.contribute .tab-body .energy-character .row-wrap div span { margin-right: 20px; }
.contribute .tab-body .energy-character .row-wrap div > ul > li { display: table; width: 257px; padding-bottom: 6px; }
.contribute .tab-body .energy-character .row-wrap div > ul > li:last-child { padding-bottom: 0px; }
.contribute .tab-body .energy-character .row-wrap div > ul > li span { display: table-cell; }
.contribute .tab-body .energy-character .row-wrap div > ul > li span:first-child { width: 40px; font-weight: bold; color: #333333; }
.contribute .tab-body .energy-character .row-wrap div > ul > li span:last-child { width: 217px; }
.contribute .tab-body .energy-character .row-wrap div > ul > li span li.dot { padding-bottom: 6px; position: relative; padding-left: 7px; box-sizing: border-box; }
.contribute .tab-body .energy-character .row-wrap div > ul > li span li.dot:last-child { padding-bottom: 0px;}
.contribute .tab-body .energy-character .row-wrap div > ul > li span li.dot:before { 
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: url("../../images/sub/company/energy-dot.png") no-repeat left top;
	position: absolute;
	top: 6px;
	left: 0px;
	}
	
/* 아이지이 비전 */ 
.vision.incheonge .section-wrap { position: relative; height: 486px; background: url(/images/sub/company/incheonge-vision-bg.png) no-repeat center top; } 

/* 부산도시가스 SHE 화면 개선 */
.she .busan-she-img01 { text-align: center;padding: 20px 0 50px; }
.she .busan-she-img02 { background: url(https://www.skens.com//images/sub/common/hr.png) no-repeat;padding: 50px 0 100px; text-align: center; }
.she .busan-she-img02 .tit { font-size: 23px; color: #222222; font-weight: bold; padding-bottom: 15px; }
.she .busan-she-img02 .txt { padding-bottom: 40px; }
.she .busan .section { margin-top: 30px; background: none; }
.she .busan .section h4 { font-size:  20px; color: #222222; margin-bottom: 15px;}
.she .busan .section p { width: 100%; margin-bottom: 20px; }

/* 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; }

/* 20240808 추가 */
.ethic .section.rule { margin-top: 50px; background : 0;}
.ethic .rule li.item01 .img-area { background: url(../../images/sub/company/rule01.png) no-repeat center top; }
.ethic .rule li.item02 .img-area { background: url(../../images/sub/company/rule02.png) no-repeat center top; }
.ethic .rule li.item03 .img-area { background: url(../../images/sub/company/rule03.png) no-repeat center top; }
.ethic .rule li.item04 .img-area { background: url(../../images/sub/company/rule04.png) no-repeat center top; }
.ethic .rule li.item05 .img-area { background: url(../../images/sub/company/rule05.png) no-repeat center top; }

/* 20240821 추가 */
.right-people.naraeonm .section-wrap .section h4 { margin-bottom: 17px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.right-people.naraeonm .section.way h4 { border-bottom: 1px solid #e2e2e2; padding-bottom: 17px; margin-bottom: 40px; font-size: 18px; }
.right-people.naraeonm .section.way ul { overflow: hidden; }
.right-people.naraeonm .section.way ul > li.item { float: left; width: 50%; height: 100px; margin-bottom: 40px; } 
.right-people.naraeonm .way li.item .img-area { display: inline-block; width: 100px; height: 100px; float: left; }
.right-people.naraeonm .way li.item ul { width: 250px; float: left; margin-left: 30px }
.right-people.naraeonm .way li.item ul > li:first-child { color: #222222; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.right-people.naraeonm .way li.item ul > li:last-child { line-height: 1.4; letter-spacing: -0.5px; }

.right-people.naraeonm .way li.item0101 .img-area { background: url("/images/sub/company/welfare01-01.png") no-repeat center top;}
.right-people.naraeonm .way li.item0102 .img-area { background: url("/images/sub/company/welfare01-02.png") no-repeat center top;}
.right-people.naraeonm .way li.item0103 .img-area { background: url("/images/sub/company/welfare01-03.png") no-repeat center top;}
.right-people.naraeonm .way li.item0104 .img-area { background: url("/images/sub/company/welfare01-04.png") no-repeat center top;}
.right-people.naraeonm .way li.item0105 .img-area { background: url("/images/sub/company/welfare01-05.png") no-repeat center top;}
.right-people.naraeonm .way li.item0201 .img-area { background: url("/images/sub/company/welfare02-01.png") no-repeat center top;}
.right-people.naraeonm .way li.item0202 .img-area { background: url("/images/sub/company/welfare02-02.png") no-repeat center top;}
.right-people.naraeonm .way li.item0301 .img-area { background: url("/images/sub/company/welfare03-01.png") no-repeat center top;}
.right-people.naraeonm .way li.item0302 .img-area { background: url("/images/sub/company/welfare03-02.png") no-repeat center top;}
.right-people.naraeonm .way li.item0303 .img-area { background: url("/images/sub/company/welfare03-03.png") no-repeat center top;}
.right-people.naraeonm .way li.item0401 .img-area { background: url("/images/sub/company/welfare04-01.png") no-repeat center top;}
.right-people.naraeonm .way li.item0402 .img-area { background: url("/images/sub/company/welfare04-02.png") no-repeat center top;}
.right-people.naraeonm .way li.item0403 .img-area { background: url("/images/sub/company/welfare04-03.png") no-repeat center top;}

.right-people.naraeonm .section.way { margin-top: 0px; }

/*IGE 방문신청 드롭다운*/
.visit .visit-wrap .input-wrap .ige-visit {
	width: 250px;
	height: 28px;
	text-align:center;
}