@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
	공통 컨텐츠 [PC FIRST]
--------------------------------------------------------------------------------------------------*/
/* 레이아웃 */
.content-wrap {padding-top:114px;}
.jumbotron {display:table; position:relative; width:100%; height:300px; background:#ddd; text-align:center;}
.jumbotron .box {display:table-cell; vertical-align:middle;}
.content-section {position:relative;}
.content-section .has-lnb {padding-top:50px;} /* 2023-09-19 수정*/
.content-header {padding:30px 0; text-align:right;}
.breadcrumb {margin:0; padding:0;}
.breadcrumb>li {display:inline-block; font-size:14px; line-height:1;}
.breadcrumb>li+li:before {padding:0 5px; color:#ccc; content:'>';}
.breadcrumb li.home {width:16px; margin-top:-2px; background:url('/resources/images/sub/icon_home.png') 0 0 no-repeat; vertical-align:middle; text-indent:9999px; overflow:hidden;}
.breadcrumb li.active {color:#0a69c8;}
.content-body {padding-bottom:100px;}
.content-body .section {margin-bottom:30px; text-align:center;}
.content-body .section + .section {margin-top:100px;}
.section .bg-line {width:100%; height:40px; margin:20px 0; background:url('/resources/images/sub/bg_vline.png') 50% 0 no-repeat;}

/* lnb */
.lnb-wrap {position:absolute; top:0; width:100%;background:#fff;border-bottom:1px solid #ccc; z-index:9;}
.lnb-wrap.fixed {position:fixed;top:114px;bottom:auto;z-index:998;}
.lnb-list {max-width:1310px;margin:0 auto;font-size:0;}
.lnb-list li {display:inline-block;width:262px;width:20%;text-align:center;}
.lnb-list a {display:block;position:relative;line-height:50px;font-size:18px;}
.lnb-list a:hover,
.lnb-list .on a {color:#0a69c8;}
.lnb-list a:hover:after,
.lnb-list .on a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#0a69c8;}

/* 타이포그래픽 */
.sub-tit {font-size:40px;font-family:"s7"; letter-spacing:-2px;}
.sub-tit .small {display:block; margin-top:-10px; font-size:24px;}
.pointColor {color:#0a69c8;}
.jumbotron h1 {font-family:'s7'; font-size:40px; color:#fff;}
.tit-type1 {font-size:24px;color:#00578a;}
.tit-type2 {font-size:20px;color:#333;}
.tit-type3 {font-size:30px;font-family:"s7";line-height:40px;}
.tit-type3:after {content:"";display:block;width:24px;height:2px;margin:30px auto 0;background:#ccc;}
p, span, li, em {word-break:keep-all;}

/* 버튼타입 */


/* 버튼영역 */
.btn-group.center {text-align:center;}
.btn-group.right {text-align:right;}

.btn-default {min-width:130px;height:50px;line-height:54px;text-align:center;color:#fff;}
.btn-default.c-blue {background:#0a69c8;}
.btn-default.c-skyblue {background:#00a8e0;}
.btn-default.c-gray {background:#666;}

/* 리스트 */


/* 테이블 */
.tbl-s1 tbody,
.tbl-s2 thead {border-top:2px solid #333;}
.tbl-s1 tbody th,
.tbl-s1 tbody td {border-bottom:1px solid #ccc;}
.tbl-s1 tbody th {height:50px;padding-left:10px;background:#eee;text-align:left;vertical-align:middle;border-right:1px solid #333;font-size:16px;}
.tbl-s1 tbody td {padding:8px 10px;font-size:0;}
.tbl-s1 .vt-t {padding-top:18px;}
.tbl-s1 .star {position:relative;top:2px;}
.tbl-s1 .ml5 {margin-left:5px;}

.tbl-s2 {text-align:center;}
.tbl-s2 thead th {padding:20px 5px; line-height:1.5; background:#eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc; word-break:keep-all;}
.tbl-s2 thead th:first-child {border-left:0;}
.tbl-s2 thead th.row {padding:10px 5px;}
.tbl-s2 tbody td {padding:22px 5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc; word-break:keep-all;}
.tbl-s2 tbody td:first-child {border-left:0;}
.tbl-s2 thead th.break, .tbl-s2 tbody td.break {word-break:break-all;}
.tbl-s2 tbody th.w50, .tbl-s2 tbody td.w50 {width:50%;}
.tbl-s2 tbody td.pl40 {padding-left:40px; text-align:left;}
.tbl-s2 td li {margin:5px 0;}

/* 페이징 */
.pagination {display:block; margin:10px auto; text-align:center;}
.pagination>li {display:inline-block; margin:0 2px;}

/* 탭메뉴 */
.tab-wrap .tab-btn:after {content:"";display:block;clear:both;}
.tab-wrap .tab-btn > a {float:left;display:block;width:33.33%;line-height:55px;border:1px solid #ccc;}
.tab-wrap .tab-btn.size5 > a {width:20%;}
.tab-wrap .tab-btn > a + a {border-left:0;}
.tab-wrap .tab-btn .on {background:url(/resources/images/sub/bg_tab.png) repeat-y 0 0; background-size:100%; color:#fff;}
.tab-wrap .tab-content > div {display:none;}

/* 박스 */
.fluid-box-type1 {padding:0 20px;}
.fluid-box-type1:after {content:"";display:block;clear:both;}
.fluid-box-type1 .col {float:left;width:50%;}
.fluid-box-type1 .col + .col {padding-left:20px;}

.lr-box:after {content:"";display:block;clear:both;}
.lr-box .left {float:left;}
.lr-box .right {float:right;}

.group-box {text-align:left;}
.group-box a, .group-box span, .group-box em, .group-box div, .group-box p, .group-box li, .group-box th, .group-box td {font-size:16px;}
.group-box .tit {margin-top:40px; padding-bottom:16px;font-size:20px;color:#0a69c8;font-family: "s7"; word-break:keep-all;}
.group-box .lead {margin-bottom:20px; font-size:18px;color:#00a8e0;}
.group-box .c-gray {color:#666;}
.group-box > dd > ol, .group-box > dd > ol > li {margin-bottom:15px;}
.group-box .lead-write > li {margin-bottom:5px;}
.group-box > dd ol.sub-depth {margin-left:15px;}
.group-box > dd ol.sub-depth li {margin:5px;}
.group-box > dd .inner-tbl {margin-top:10px;}
.btn-group > a {font-size:18px;}
.btn-group .btn-default {margin-top:40px; padding:0 20px;}

/* 따옴표 박스 */
.quote-box {display:table; width:100%; height:254px; margin-bottom:30px; text-align:center;background-position:50% 0 !important;}
.quote-box .quote {display:table-cell; width:100%; height:254px; color:#fff; vertical-align:middle;}
.quote-box .quote:before {display:block; height:16px; margin-bottom:10px; background:url('/resources/images/sub/icon_quote.png') 50% 0 no-repeat; content:'';}
.quote-box .quote:after {display:block; height:16px; margin-top:10px; background:url('/resources/images/sub/icon_quote.png') 50% -16px no-repeat; content:'';}
.quote-box .quote h4,
.quote-box .quote .tit {margin-bottom:10px; font-family:'s7'; font-size:24px;}
.quote-box .quote.type2:before {margin-bottom:30px;}
.quote-box .quote.type2:after {margin-top:30px;}
.quote-box .quote.type2 .tit {margin-bottom:0;font-size:30px;}

/* 리스트 스타일 */
.list-style {margin:20px 0; width:100%; border-top:2px solid #333;}
.list-style>li {padding:28px; border-bottom:1px solid #ccc; text-align:left;}
.list-style h6 {font-size:18px;}

/* 폼 스타일 */
.select {width:120px;}
.textarea {height:80px;overflow:auto;}
.radio {width:18px;height:18px;margin-right:3px;}

.star {padding-left:10px;font-size:16px;color:#00a8e0;vertical-align:middle;}
.dash {padding:0 5px;vertical-align:middle;font-size:14px;}
.star-tip {padding-top:10px;font-size:14px;color:#666;}
.star-tip .star {padding-right:5px;}

/* top 버튼 */
.btn-go-top {display:none; position:fixed; bottom:40px; width:90px; height:90px; z-index:997;}

/* 레이어팝업 */
.dimd-lay {display:none;opacity:.7;filter:alpha(opacity=70);width:100%;height:100%;z-index:1004;position:fixed;top:0;left:0;background:#000;}
.layer-wrap {width:650px;margin:0 auto;margin-left:-325px !important;left:50%;box-sizing:border-box;position:fixed;z-index:1005;opacity:0;filter:Alpha(opacity=0); outline:none; display:none;}
.layer-wrap.show {opacity:1;filter:Alpha(opacity=100);display:block;}
.layer-top {position:relative; background:#ddd;}
.layer-cont {padding:40px; max-height:650px;box-sizing:border-box;overflow-y:auto;background:#fff;}
.lay-close {position:absolute;right:0;top:0;}
.lay-close-btn {display:block; width:130px; margin:40px auto 0; padding:10px; font-size:14px; color:#fff; text-align:center; background:#666;}
.lay-close-btn:visited, .lay-close-btn:link {color:#fff;}
/* 2023 KR VOC s */
/* 새창 팝업버전 */
.window_popup .layer-wrap{display: block; position: relative; left: 0; width: 100%; margin-left: 0 !important; opacity: 1;}
.window_popup .layer-s1 .layer-cont {overflow: visible; max-height:none;}
/* //2023 KR VOC e */

/* 레이어팝업 디자인 */
.layer-s1 {padding:30px 0; background:#fff;box-sizing:border-box;}
/*.layer-s1 .layer-top {padding-left:40px;line-height:60px;background:#0a69c8;font-size:24px;color:#fff;}*/
.layer-s1 .layer-top {padding:0 30px; background:#fff;}
.layer-s1 .layer-cont {padding:0 30px; max-height:690px; overflow-y:auto;}
.layer-s1 .layer-top h3 {display:inline-block; font-family:'s7'; font-size:24px; color:#0a69c8;}
/*.layer-s1 .lay-close {width:20px;height:20px;top:20px;right:30px;background:url(/resources/common/btn_pop_close.png) no-repeat 0 0;}*/
.layer-s1 .lay-close {right:30px;}
/*.layer-s1 .layer-cont .top-txt {font-size:16px;}*/
.layer-s1 .layer-cont .top-txt {margin-top:20px; padding:15px 20px; font-size:14px; border-top:1px solid #ccc; background:#eee;}
.layer-s1 .layer-cont .lr-box {padding-top:10px;font-size:16px;}
.layer-s1 .layer-cont .lr-box .radio-wrap + .radio-wrap {padding-left:22px;}
.layer-s1 .layer-cont .btn-group {margin-top:40px;}
.layer-s1 .tbl {margin:10px 0;}
.layer-s1 .tbl th {width:133px; padding:18px 18px 18px 8px; border-bottom:1px solid #ccc; text-align:left;}
.layer-s1 .tbl td {padding:18px 18px 18px 0; border-bottom:1px solid #ccc;}
.layer-s1 .tbl th .icon-inquiry {display:inline-block; width:18px; height:18px; margin:-4px 5px; background:url('/resources/images/sub/icon_inqu_layer.png') no-repeat;}
.layer-s1 .tbl th .icon-inquiry1 {background-position:0 50%;}
.layer-s1 .tbl th .icon-inquiry1-1 {background-position:-126px 50%;width:19px;}
.layer-s1 .tbl th .icon-inquiry2 {background-position:-18px 50%;}
.layer-s1 .tbl th .icon-inquiry3 {background-position:-36px 50%;}
.layer-s1 .tbl th .icon-inquiry4 {background-position:-54px 50%;}
.layer-s1 .tbl th .icon-inquiry5 {background-position:-72px 50%;}
.layer-s1 .tbl th .icon-inquiry6 {background-position:-90px 50%;}
.layer-s1 .tbl th .icon-inquiry7 {background-position:-108px 50%;}
.layer-s1 .tbl td input[type=text], .layer-s1 .tbl td textarea {border:none;}
.layer-s1 .tbl td input.num, .layer-s1 .tbl td input.email, .layer-s1 .tbl td select {border:1px solid #ccc;}
.layer-s1 .tbl td input:focus, .layer-s1 .tbl td select:focus, .layer-s1 .tbl td textarea:focus {outline:none;}
.layer-s1 .tbl td .option {margin-top:8px;font-size:14px;color:#666;}

/* 파일첨부 */
.input-file-wrap {position:relative;}
.input-file-wrap input[type="file"] {position:absolute; top:0; left:0; width:91%; height:30px; border:0; font-size:14px; z-index:1; cursor:pointer; -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; opacity:0; color:#333;}
.input-file-wrap input[type="text"] {width:70%; max-width: calc(100% - 90px); height:30px; line-height:30px; padding:0 10px; background:#fafafa; font-size:14px; box-sizing:border-box;}/* 2022-04-28 수정 */
.layer-s1 .tbl td .input-file-wrap input[type=text] {border:1px solid #bbb;}
.input-file-wrap .btn-ty3 {width:80px; height:30px; font-size:14px; line-height:28px; border:1px solid #bbb; text-align:center; box-sizing:border-box;}

/* -----------------------------------------------------------------------------------------------
	서브
--------------------------------------------------------------------------------------------------*/
/* 기업개요 */
#sub1 {background:url('/resources/images/sub/bg_sub1.jpg') 50% 0 no-repeat; background-size:auto 100%;}
.summary-wrap .tit-type3 {margin:0 0 30px;}
.summary-wrap .lr-box {display:table;width:100%;}
.summary-wrap .lr-box > div {display:table-cell;float:none;width:50%;max-width:540px;height:100%;background:#f8f8f8;vertical-align:middle;}
.summary-wrap .colum1 .right {padding:0 40px;}
.summary-wrap .colum1 .right .inner {text-align:left;}
.summary-wrap .colum1 .right .inner p:first-child {padding-bottom:30px;}
.summary-wrap .colum2 {text-align:left;}
.summary-wrap .colum2 .right.mobile {display:none;}
.summary-wrap .colum2 .left {padding:0 40px;}
.summary-wrap .colum2 .left p + p {padding-top:20px;}

/* 2023-09-19 추가 2023 영문사이트 개편 s */
/* 연혁 */
.time-line .quote-box {margin-top:40px;}
.tl-list {position:relative;text-align:left;}
.tl-list:after {content:"";position:absolute;left:50%;top:19px;bottom:110px;width:1px;background:#7fd3ef;}
.tl-list > ul {position:relative;z-index:10;}
.tl-list li {min-height:110px;padding-bottom:30px;padding-left:50%;}
.tl-list li img.mobile {display:none;}
.tl-list .inner {padding-left:110px;margin-left:-9px;background:url(/resources/images/sub/bg_years_r.png) no-repeat 0 18px;}
.tl-list .year .inner {padding-left:105px;background:url(/resources/images/sub/bg_years_r2.png) no-repeat 0 0;}
.tl-list .left {padding-left:0;padding-right:50%;text-align:right;}
.tl-list .left .inner {padding-left:0;padding-right:110px;margin-left:0;margin-right:-10px;background:url(/resources/images/sub/bg_years_l.png) no-repeat 100% 18px;}
.tl-list .left.year .inner {padding-right:105px;background:url(/resources/images/sub/bg_years_l2.png) no-repeat 100% 0;}
.tl-list .tl-txt {display:block;}
.tl-tit {padding-bottom:15px;font-size:40px;color:#0a69c8;font-family:"SECGCM";}
/*.tl1 .quote-box {background:url(/resources/images/sub/bg_timeline1.jpg) no-repeat;}
.tl2 .quote-box {background:url(/resources/images/sub/bg_timeline2.jpg) no-repeat;}
.tl3 .quote-box {background:url(/resources/images/sub/bg_timeline3.jpg) no-repeat;}*/

/* 경영이념 및 핵심가치 */
.fluid-box {width:100%; vertical-align:top; background:#eee;}
.fluid-box:after {display:block; clear:both; content:'';}
.fluid-box .col {display:table; width:50%;}
.fluid-box .left {float:left;}
.fluid-box .right {float:right;}
.fluid-box .text-wrap {display:table-cell; vertical-align:middle;}
.fluid-box .text-wrap h3 {margin-bottom:40px;font-size:30px;font-family:"SECGCM";}
.fluid-box .text-wrap .bg-line {height:2px; margin:30px 0 40px; background:url('/resources/images/sub/bg_line.png') 50% 0 no-repeat;}

.idee-list {width: 94%; max-width: 1230px; margin: 0 auto;}
.idee-list li {display: flex; justify-content: space-between; align-items: center; padding: 25px 0;}
.icon-idee {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 175px;}
.icon-idee .icon-box {width: 74px; height: 54px; background: url('/resources/images/sub/icon_idee.png') no-repeat;}
.icon-idee1 .icon-box {background-position: 0 0;}
.icon-idee2 .icon-box {background-position: -74px 0;}
.icon-idee3 .icon-box {background-position: -148px 0;}
.icon-idee4 .icon-box {background-position: -222px 0;}
.icon-idee5 .icon-box {background-position: -296px 0;}
.icon-idee h6 {margin-top: 7px; font-size: 18px; line-height: 1.2; text-align: center;}
.icon-idee1 h6 {color: #9552a0;}
.icon-idee2 h6 {color: #005aa9;}
.icon-idee3 h6 {color: #e61065;}
.icon-idee4 h6 {color: #37a231;}
.icon-idee5 h6 {color: #f68b0c;}
.idee-list .text-wrap {width: calc(100% - 205px); margin-left: 30px; padding-right: 25px;}
.idee-list .text-wrap p {display:table-cell; height:100%; vertical-align:middle;}
.norm-list {margin-top:20px; font-size:0; text-align:center; background:url('/resources/images/sub/bg_line.png') 0 70px repeat-x;}
.norm-list li {display:inline-block; max-width: 165px; margin: 0 20px; vertical-align: top;}
.norm-list li:first-child {max-width:130px;}
.norm-list li h6 {font-family:"SECGCM"; font-size:50px;}
.norm-list li h6:after {display:block; height:25px; margin:-8px 0 10px; background:url('/resources/images/sub/norm_list_point.png') 50% 0 no-repeat; content:'';}
.norm-list li span {font-size:16px; line-height:1.5; word-break:keep-all;}
.operate img.mobile {display:none;}
/* // 2023-09-19 추가 2023 영문사이트 개편 e */

/* 오시는길 */
.map-section {margin:80px 0 20px; text-align:left;}
.map-section:first-child {margin:0;}
.map-section h2.tit {font-family:'s7'; font-size:32px; text-align:center;}
.map-wrap {margin:15px 0 0 0;}
.address_wrap {padding:28px; border:1px solid #ccc;}
.address_wrap .tit-type2 {margin-bottom:10px; font-family:'s7';}
.address_wrap p, .address_wrap li {display:inline-block; color:#666;}
.address_wrap ul {float:right;}
.address_wrap li + li:before {display:inline-block; margin:0 10px 0 5px; content:'\0007C';}
/*.addressBox {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}*/
.routeBox p {display:block;}
.metro-2:before {display:inline-block; margin:4px 10px 0 0; padding:0 5px; background:#53b00f; font-size:12px; color:#fff; vertical-align:top; content:'2';}
.icon-arrow {display:inline-block; width:6px; height:10px;margin:0 5px; background:url('/resources/images/sub/icon_arrow.png') 0 50% no-repeat;}

/* 문의하기 */
/*** 문의하기 메인 ***/
.inqu-pg .quote-box {background:url(/resources/images/sub/bg_irqu.jpg) no-repeat 0 0;}
/* 2023 en VOC s */
.inqu-box {margin-top:100px;}
.inqu-box:after {content:"";display:block;clear:both;}
.inqu-box a {float:left;position:relative;display:block;width:20%;height:280px;padding: 0 10px;}
.inqu-box a + a:after {content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#ccc;}
/* .inqu-box .col3:after {display:none;} */
.inqu-box a:before {content:"";display:block;width:84px;margin:45px auto 43px;background:url(/resources/images/sub/icon_inqu.png) no-repeat 0 0;}
.inqu-box .col1:before {width:73px;height:60px;}
.inqu-box .col2:before {width:73px;height:75px;margin-top:30px;background-position:0 -74px;}
.inqu-box .col3:before {height:72px;margin-top:34px;background-position:0 -166px;}
.inqu-box .col4:before {width:69px;height:74px; margin-bottom: 29px; background-position:  0 -256px;}
.inqu-box .col5:before {width:61px;height:77px; margin-bottom: 26px; background-position: 0 -347px;}
.inqu-box .tit {display:block;padding-bottom:16px;font-family:'SECGCM'; font-size:30px;}
.inqu-box em{font-size: 18px;}
.inqu-box + .sentence{margin-top: 50px; text-align: center;}
/* //2023 en VOC e */

/* 2022-10-11 환경경영 s */
.company_esg{word-break: keep-all;}
.company_esg img{max-width: 100%;}
.company_esg .intro-bgbox{padding: 80px 20px 90px; background: url(/resources/images/sub/esg_introbg.jpg) no-repeat center; background-size: cover; text-align: center;}
.company_esg .intro-bgbox p{line-height: 1.1; color: #fff;}
.company_esg .intro-bgbox p.eng{font-family:'SECGCM'; font-size: 36px;}
.company_esg .intro-bgbox p.kor{margin-top: 20px; font-family:'SECGCL'; font-size: 24px;}
.company_esg .rowgroup{position: relative; margin-top: 150px;}
.company_esg .rowgroup .title-wrap .section-title{font-family:'SECGCM'; font-size: 30px; color: #333;}
.company_esg .rowgroup .title-wrap .section-text{font-family:'SECGCL'; font-size: 22px; line-height: 1.6;}
.company_esg .rowgroup .title-wrap .section-title + .section-text{margin-top: 30px;}

.company_esg .rowgroup .contents-title{position: relative; padding-top: 28px; font-size: 24px; font-family:'SECGCM';}
.company_esg .rowgroup .contents-title:before{content:''; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 2px; background-color: #fff;}
.company_esg .rowgroup .contents-title + .contents-text,
.company_esg .rowgroup .contents-title + .contents-indent{margin-top: 20px;}
.company_esg .rowgroup .contents-text + .contents-title{margin-top: 40px;}
.company_esg .rowgroup p.contents-text,
.company_esg .rowgroup ul.contents-text li{position: relative; padding-left: 13px; font-size: 18px;}
.company_esg .rowgroup .contents-indent{font-size: 18px;}
.company_esg .rowgroup ul.contents-text li + li{margin-top: 10px;}
.company_esg .rowgroup p.contents-text:before,
.company_esg .rowgroup ul.contents-text > li:before{content:''; display: block; position: absolute; top: 11px; left: 0; width: 5px; height: 2px; background-color: #fff;}
.company_esg .rowgroup ul.contents-text ul {margin-top: 5px;}
.company_esg .rowgroup ul.contents-text ul > li{font-size: 16px;}
.company_esg .rowgroup ul.contents-text ul > li:before{content:''; display: block; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; background-color: #fff;}

.company_esg .rowgroup.expand .section-content{display: flex; align-items: center; margin-top: 70px;} 
.company_esg .rowgroup.expand .flex-box{position: relative; width: 50%; box-sizing: border-box;}
.company_esg .rowgroup.expand .eco-area{padding-top: 50px; padding-bottom: 50px;}
.company_esg .rowgroup.expand .eco-area:before{content:''; display: block; position: absolute; top: 0; right: 0; z-index: -1; width: 50vw; height: 100%; background-color: #a7a29f;}
.company_esg .rowgroup.expand .eco-area .text-wrap{position: absolute; left: 0; top: 50%; color: #fff; text-align: left; transform: translateY(-50%);}
.company_esg .rowgroup.expand .eco-area .text-wrap:before,
.company_esg .rowgroup.expand .eco-area .text-wrap:after{content:''; display: block; position: absolute; top: -50px; background-color: #fff;}
.company_esg .rowgroup.expand .eco-area .text-wrap:before{ left:calc(100% - 100px); width:88%; height: 6px; background: url(/resources/images/sub/esg-expand-line.png) no-repeat right center; margin-top: -3px;}
.company_esg .rowgroup.expand .eco-area .text-wrap:after{left:calc(100% - 180px); width: 80px; height: 1px; transform: rotate(-45deg); transform-origin:right center;}

.company_esg .rowgroup.expand .eco-area .img-wrap{position: relative; padding-right: 50px; text-align: right;}
.company_esg .rowgroup.expand .eco-area .box-title{position: relative; padding-bottom: 20px;}
.company_esg .rowgroup.expand .eco-area .box-title:before{content:''; display: block; position: absolute; bottom: 0; width: 50px; height: 2px; background-color: #fff;}
.company_esg .rowgroup.expand .eco-area .box-text{margin-top: 25px;}
.company_esg .rowgroup.expand .bgbox-area{padding: 70px 60px; background: url(/resources/images/sub/esg-expand-bg-pc.jpg) no-repeat; background-size: cover; text-align: left; color: #fff;}

.company_esg .rowgroup.reduction .section-content{display: flex; justify-content: space-between; margin-top: 70px;}
.company_esg .rowgroup.reduction .section-content .flex-box{position: relative; width: calc(50% - 2px); min-height: 600px; padding: 70px 60px; box-sizing: border-box; background: no-repeat center; background-size: cover; text-align: left; color: #fff;}
.company_esg .rowgroup.reduction .section-content .flex-box.saving{background-image: url(/resources/images/sub/esg-reduction-bg1-pc.jpg);}
.company_esg .rowgroup.reduction .section-content .flex-box.development{background-image: url(/resources/images/sub/esg-reduction-bg2-pc.jpg);}
.company_esg .rowgroup.realizing .section-content{display: flex; justify-content: center; margin-top: 70px; padding: 150px 20px; background: url(/resources/images/sub/esg-realizing-bg-pc.jpg) no-repeat center; background-size: cover;}
.company_esg .rowgroup.realizing .section-content .flex-box{ text-align: left; color: #fff;}
.company_esg .rowgroup.realizing .section-content .flex-box + .flex-box{margin-left: 140px;}
/* //2022-10-11 환경경영 e */

/*** 개인정보, 이용 동의 ***/
.terms-box {margin-top:30px;}
.terms-box .tit {padding-bottom:6px;font-size:16px;}
.terms-box .tit span {color:#0a69c8;}
.terms-con {height:167px;overflow:auto;padding:20px;border:1px solid #999;font-size:14px;color:#666;}
.terms-con p + p {margin-top:20px;}
.terms-con ul {margin:20px 0;}
.aid-txt {display:block;font-size:14px;color:#333 !important;}

/* careers */
#sub2 {background:url('/resources/images/sub/bg_sub1.jpg') 50% 0 no-repeat; background-size:auto 100%;}
#quote-box2 {background:url('/resources/images/sub/bg_quote2.jpg') 0 0 no-repeat;}
.content-body .section + .section-apply {margin-top:40px;}
.section-apply .tab-wrap .tab-btn > a {padding:15px; line-height:1.3; word-break:keep-all;}


/* 푸터 링크페이지 공통 */
.common-utils {padding-top:100px;}
.common-utils .sub-tit {padding:100px 0 40px;}
.common-utils .tab-wrap .tab-btn > a {padding:15px; line-height:1.5; text-align:center; word-break:keep-all;}
/*.common-utils .tab-wrap .tab-btn > a br {display:none;}*/
.group-box dd > p {margin:10px 0 20px; word-break:keep-all;}
.group-box dd > p.lead {margin-top:0; margin-bottom:10px;}

/* privacy */
.group-box .tit-end {margin-top:40px; padding-bottom:16px; font-size:18px; color:#333;}
.tbl-tab {margin-top:30px;}
.tbl-tab tbody td {width:50%;padding:10px 10px 10px 40px; border-left:1px solid #ccc;}
.tbl-tab tbody td:first-child {border-left:0;}
.tbl-tab tbody td a {font-size:22px; color:#0a69c8;font-family: "s7";}
.m-pi,
.m-manager {display:none;}

/* business ethics */
.group-box .lead-write .lead {margin:0;}
.tbl .top-border {border-top:2px solid #333;}

/* business guideline */
.common-utils.biz dt.tit {padding-bottom:0}

/* -----------------------------------------------------------------------------------------------
	서브 컨텐츠 미디어 쿼리
--------------------------------------------------------------------------------------------------*/
@media (max-width:1340px){
	.container {padding:0 28px;} 

	/* careers */
	.section-apply .tab-wrap .tab-btn > a {padding:27px 15px 26px;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(3), .section-apply .tab-wrap .tab-btn > a:nth-child(5) {padding:15px;}
	
	/* 2022-10-11 환경경영 s */
	.company_esg .rowgroup.expand .eco-area .img-wrap{padding-right: 20px;}
	.company_esg .rowgroup.expand .eco-area .img-wrap img{max-width: calc(100% - 200px);}
	.company_esg .rowgroup.expand .bgbox-area{padding: 50px 30px;}
	/* //2022-10-11 환경경영 e */
}
/* 2022-10-11 환경경영 s */
@media (max-width:1313px){
	.company_esg .rowgroup.expand .eco-area .text-wrap{margin-top: 3vw;}
	.company_esg .rowgroup.expand .eco-area .text-wrap:before{width: 16vw}
}
/* //2022-10-11 환경경영 e */
@media (max-width:1140px){
	/* careers */
	.section-apply .tab-wrap .tab-btn > a:nth-child(2) {padding:27px 5px 26px;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(3) {padding:15px 5px;}
}
@media (max-width:1070px){
	/* careers */
	.section-apply .tab-wrap .tab-btn > a:nth-child(1), .section-apply .tab-wrap .tab-btn > a:nth-child(2), .section-apply .tab-wrap .tab-btn > a:nth-child(3) {width:33.33%; padding:15px;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(4), .section-apply .tab-wrap .tab-btn > a:nth-child(5) {width:50%; padding:15px; border-top:none; border-left:1px solid #ccc;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(5) {border-left:none;}
}
/* Tablet – 768px~1024px 해상도에서 해석하는 코드 */
@media (min-width:768px) and (max-width:1024px){
	/* 박스 */
	.fluid-box-type1 {padding:0 20px;}

	/* 2023 EN VOC s */
	/* 문의 */
	.inqu-box .tit{font-size: 20px;}
	.inqu-box em{font-size: 14px;}
	.inqu-box em br{display: none;}
	/* //2023 EN VOC e */
}

/* Tablet – 1023px 해상도에서 해석하는 코드 */
@media (max-width:1024px){
	/* 서브공통 */
	.content-wrap {padding-top:70px;}
	.content-header {display:none;}
	.content-body {padding-top:60px;padding-left:30px;padding-right:30px;}
	.content-section .has-lnb {padding-top:62px;}
	.lnb-wrap.fixed {top:70px;}
	.content-body .section + .section {margin-top:60px;}
	.idee-list {width:100%;}
	.idee-list .text-wrap {width:calc(100% - 134px);}
	.sub-tit br {display:none;}
	.quote-box {height:auto;}
	.quote-box .quote {height:auto;padding:20px;}
	/*.quote-box .quote br {display:none;}*/

	/* 기업개요 */
	.summary-wrap .lr-box {display:block;}
	.summary-wrap .lr-box > div {display:block;width:100%;max-width:none;}
	.summary-wrap .lr-box > div img {width:100%;max-width:none;}
	.summary-wrap .tit-type3 {padding-top:38px;}
	.summary-wrap .colum1 .right {padding:0 20px 40px;}
	.summary-wrap .colum2 .right {display:none;}
	.summary-wrap .colum2 .right.mobile {display:block;}
	.summary-wrap .colum2 .left {padding:40px 20px 35px;}

	/* 2023-09-19 추가 2023 영문사이트 개편 s*/
	/* 연혁 */
	.tl-list li img {display:none;}
	.tl-list li img.mobile {display:inline-block;}
	.tl-list .year {padding-right:0;padding-left:0;min-height:auto;overflow:hidden;}
	.tl-list .left.year .inner,
	.tl-list .year .inner {padding-right:0;padding-left:0;padding-bottom:30px;text-align:center;background:none;}

	/* 경영이념 및 핵심가치 */
	.fluid-box .col {width:100%;height:auto !important;display:block;}
	.fluid-box .col:nth-child(odd) {padding:40px 0;}
	.fluid-box .text-wrap {display:block;}
	.fluid-box .text-wrap h3 {margin-bottom:25px}
	.fluid-box .text-wrap .bg-line {margin:25px 0;}
	.fluid-box img {max-width:none;width:100%;}
	.operate {text-align:center;}
	.operate img {display:none;}
	.operate img.mobile {display:inline-block;}
	/* // 2023-09-19 추가 2023 영문사이트 개편 e */

	/* 오시는길 */
	.map-section h2.tit {font-size:25px;}
	.address_wrap ul {float:none;}
	.address_wrap ul li:first-child:before,
	.address_wrap ul li:nth-child(3):before {content:"-";display:inline-block;padding-right:5px;margin:0;}
	.address_wrap ul li:nth-child(3) {display:block;}

	/* 문의하기 */
	.inqu-pg .sub-tit br {display:block;}
	.inqu-box a {padding:0 20px;}

	/* 2022-10-11 환경경영 s */
	.company_esg .rowgroup.expand .section-content{display: block;}
	.company_esg .rowgroup.expand .flex-box{width: 100%;}
	.company_esg .rowgroup.expand .eco-area{padding: 50px 10vw;}
	.company_esg .rowgroup.expand .eco-area .text-wrap{left: 10%; margin-top: 0;}
	.company_esg .rowgroup.expand .eco-area .text-wrap:before{width:35vw;}
	.company_esg .rowgroup.expand .eco-area .img-wrap{padding-right: 0;}
	.company_esg .rowgroup.expand .eco-area .img-wrap img{max-width: 100%;}
	.company_esg .rowgroup.expand .eco-area:before{width: 100vw; right:50%; transform: translateX(+50%);}
	.company_esg .rowgroup.expand .bgbox-area{background: none;}
	.company_esg .rowgroup.expand .bgbox-area:before{content:''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); background: url(/resources/images/sub/esg-expand-bg-mo.jpg) no-repeat right center; background-size: cover;}
	.company_esg .rowgroup.realizing .section-content .flex-box + .flex-box{margin-left: 5vw;}
	/* //2022-10-11 환경경영 e */

	/* careers */
	.section-apply .tab-wrap .tab-btn > a:nth-child(1), .section-apply .tab-wrap .tab-btn > a:nth-child(2), .section-apply .tab-wrap .tab-btn > a:nth-child(3), .section-apply .tab-wrap .tab-btn > a:nth-child(4), .section-apply .tab-wrap .tab-btn > a:nth-child(5) {width:50%; padding:15px;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(3) {border-top:none; border-left:1px solid #ccc;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(4) {border-left:none;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(5) {border-left:1px solid #ccc;}

	/* 개인정보처리,취급방침 */
	.ethics .tbl-tab {display:none;}
	.m-pi {display:block;margin-top:20px;border-top:2px solid #333;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	.m-pi a {display:block;width:100%;padding:16px 20px;font-size:22px;color:#0a69c8;font-family: "s7";border-bottom:1px solid #ccc;}
	.pc-manager {display:none;}
	.m-manager {display:block;}

	/* 푸터 링크페이지 공통 */
	.common-utils {padding-top:0;}
	.common-utils .tab-wrap .tab-btn > a {font-size:16px;}
	.common-utils .tab-wrap .tab-btn > a br {display:block;}
	.common-utils .sub-tit {padding:60px 0 40px;}
}

/* 모바일 – 0px ~ 767px 해상도에서 해석하는 코드 */
@media (max-width:767px){
	/* top 버튼 */
	.btn-go-top {width:60px; height:60px;}

	.sub-tit {font-size:30px;}
	
	/* 2023-09-19 추가 2023 영문사이트 개편 s */
	/* lnb */
	.lnb-list {display: flex;}
	.lnb-list li {display:flex; align-items: center; justify-content: center; position: relative; padding: 5px;}
	.lnb-list a {display:block;position:relative;line-height:1.2;font-size:18px;}
	.lnb-list .on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#0a69c8;}
	.lnb-list a:hover:after,
	.lnb-list .on a:after {display: none;}
	/* .lnb-list li:nth-child(3) a {position:relative;top:9px;line-height:24px;}
	.lnb-list li:nth-child(3) a:hover:after,
	.lnb-list .on:nth-child(3) a:after {bottom:-4px;} */
	/* 2023-09-19 추가 2023 영문사이트 개편 e */

	/* 박스 */
	.fluid-box-type1 .col {float:none;width:100%;}

	/* 레이어팝업 */
	.layer-wrap {width:100%;padding:15px;left:0;margin-left:0 !important;}
	.layer-cont {padding:20px 20px 40px;max-height:inherit;}
	
	.layer-s1 {padding:0 15px 15px;background:none;}
	.layer-s1 .layer-top {padding-top:30px;}
	.layer-s1 .lay-close {top:30px;}
	.layer-s1 .layer-cont .btn-group {padding-bottom:30px;}

	/* 문의 레이어 팝업 */
	/* 2022-05-04 asis input tobe select 수정 s */
	.layer-s1 select,
	.layer-s1 .select,
	.layer-s1 .text {font-size:14px;}
	/* 2022-05-04 asis input tobe select 수정 e */
	.layer-s1 .select,
	.layer-s1 .text.num,
	.layer-s1 .text.email {width:27% !important;}
	.layer-s1 .dash {padding:0 3px;}
	/* 2023 EN VOC s */
	.inqu-box a{width: 100%; padding-bottom: 20px;}
	.inqu-box a + a:after {position:absolute;top:0;bottom:auto;right:0;width: 100%; height: 1px;}
	.inqu-box .tit {font-size:18px;padding-bottom:8px;}
	.inqu-box + .sentence{margin-top: 30px;}/* 2023-09-07 수정 */
	/* //2023 EN VOC e */

	/* 2022-10-11 환경경영 s */
	.company_esg .intro-bgbox{padding: 40px 20px;}
	
	.company_esg .intro-bgbox p.eng{font-size: 20px;}
	.company_esg .intro-bgbox p.kor{font-size: 16px; line-height: 1.5;}
	.company_esg .rowgroup{margin-top: 80px;}
	.company_esg .rowgroup .title-wrap .section-title{font-size: 20px;}
	.company_esg .rowgroup .title-wrap .section-text{font-size: 16px;}
	.company_esg .rowgroup .title-wrap .section-title + .section-text{margin-top: 15px;}
	.company_esg .rowgroup.expand .section-content{margin-top: 30px;}
	.company_esg .rowgroup.expand .eco-area{padding: 70px 0 60px;}
	.company_esg .rowgroup.expand .eco-area .img-wrap{text-align: center;}
	.company_esg .rowgroup.expand .eco-area .text-wrap{position: static; margin-top: 20px; transform: translateY(0);}
	.company_esg .rowgroup.expand .eco-area .text-wrap:before,
	.company_esg .rowgroup.expand .eco-area .text-wrap:after{display: none;}
	.company_esg .rowgroup.expand .eco-area .box-title{width: 100px; margin: 0 auto; text-align: center;}
	.company_esg .rowgroup.expand .eco-area .box-title:before{width: 16px; left: calc(50% - 8px);}
	.company_esg .rowgroup.expand .eco-area .box-text{margin-top: 20px; font-size: 16px;}
	.company_esg .rowgroup.expand .bgbox-area{padding: 60px 0;}
	.company_esg .rowgroup .contents-title{padding-top: 13px; font-size: 17px;}
	.company_esg .rowgroup .contents-title:before{width: 16px; }
	.company_esg .rowgroup .contents-title + .contents-text, .company_esg .rowgroup .contents-title + .contents-indent{margin-top: 13px;}
	.company_esg .rowgroup .contents-indent{font-size: 15px;}
	.company_esg .rowgroup p.contents-text, .company_esg .rowgroup ul.contents-text li{padding-left: 10px; font-size: 15px;}
	.company_esg .rowgroup p.contents-text:before, .company_esg .rowgroup ul.contents-text > li:before{top: 8px; width: 5px;}
	.company_esg .rowgroup .contents-text + .contents-title{margin-top: 35px;}
	.company_esg .rowgroup.reduction .section-content{display: block;}
	.company_esg .rowgroup.reduction .section-content .flex-box{width: 100%; min-height: 300px; padding: 35px 20px;}
	.company_esg .rowgroup.reduction .section-content .flex-box + .flex-box{margin-top: 15px;}
	.company_esg .rowgroup.reduction .section-content .flex-box.development:before{display: none;}
	.company_esg .rowgroup.realizing .section-content{display: block; position: relative; margin-top: 40px; padding: 50px 0; background: none;}
	.company_esg .rowgroup.realizing .section-content::before{content:''; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background: url(/resources/images/sub/esg-realizing-bg-mo.jpg) no-repeat center; background-size: cover; transform: translateX(-50%);}
	.company_esg .rowgroup.realizing .section-content .flex-box + .flex-box{margin: 25px 0 0;}
	.wrap__company_esg .content-body{padding-bottom: 0;}
	.wrap__company_esg .content-body .section{margin-bottom: 0;}
	/* //2022-10-11 환경경영 e */

	/* careers */
	.section-apply .tab-wrap .tab-btn > a {font-size:16px;}

	/* 푸터 링크페이지 공통 */
	.group-box .lead {font-size:16px;}
	.group-box .tit {font-size:18px;}
	.group-box dd > p {font-size:14px;}
}
@media (max-width:662px){
	.common-utils .tab-wrap .tab-btn > a:nth-child(1) {padding:27px 15px;}
}

@media (max-width:640px){
	/* careers */
	.section-apply .tab-wrap .tab-btn > a {font-size:14px;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(1), .section-apply .tab-wrap .tab-btn > a:nth-child(2), .section-apply .tab-wrap .tab-btn > a:nth-child(3), .section-apply .tab-wrap .tab-btn > a:nth-child(4), .section-apply .tab-wrap .tab-btn > a:nth-child(5) {padding:15px 5px;}
}

/* 모바일2 – 533px 이하 해상도에서 해석하는 코드(갤럭시 기준) */
@media (max-width:533px){
	/* lnb */
	.lnb-wrap.fixed {top:50px;} /* 2023-09-19 추가 2023 영문사이트 개편 */
	.lnb-list a {font-size:15px;}
	.lnb-list li:nth-child(3) a {letter-spacing:-2px;}
	
	/* 서브공통 */
	.content-wrap {padding-top:50px;}
	.container {padding:0;}
	.jumbotron {height:150px;background-size:960px 150px;}
	.jumbotron h1 {font-size:30px;}
	.content-body {padding:30px 15px 50px 15px;}
	.content-body .section + .section {margin-top:30px;}
	.sub-tit {font-size:25px;}
	.sub-tit .small {font-size:16px;}
	.section .bg-line {height:30px;margin:10px 0;}
	.quote-box .quote {padding:10px;font-size:14px;}
	.quote-box .quote h4,
	.quote-box .quote .tit {margin-bottom:5px;font-size:16px;}
	.reward-wrap {font-size:14px;}
	.reward-wrap .pointColor {font-size:15px;}
	.star {padding-left:5px;font-size:14px;}
	.textarea {height:50px;padding:5px;font-size:11px;}
	.star-tip {padding-top:5px;font-size:12px;}
	.radio {width:auto;height:auto;}
	.btn-group .btn-default {margin:20px 0 0;padding:0 10px;}
	.btn-group > a {font-size:13px;}
	.btn-default {min-width:65px;height:30px;line-height:32px;}
	.pagination>li {margin:0;}

	.tbl-s2 thead th,
	.tbl-s2 tbody td {padding:10px 3px;}
	.tbl-s2 tbody td.pl40 {padding:5px 0 5px 20px;}
	.tbl-s2 th .pdl40,
	.tbl-s2 tbody td .pdl40 {padding-left:20px !important;}

	/* 기업개요 */
	.summary-wrap .tit-type3 {padding-top:20px;margin-bottom:15px;font-size:20px;line-height:1.5;}
	.summary-wrap .tit-type3:after {margin-top:15px;}
	.summary-wrap .colum1 .right {padding:0 10px 20px;}
	.summary-wrap .colum1 .right .inner {font-size:14px;}
	.summary-wrap .colum1 .right .inner p:first-child {padding-bottom:15px;}
	.summary-wrap .colum2 .left {padding:20px 10px 17px;font-size:14px;}
	
	/* 2023-09-19 추가 2023 영문사이트 개편 s */
	/* 연혁 */
	.tl-list .left.year .inner,
	.tl-list .year .inner {padding-bottom:15px;}
	.tl-tit {padding-bottom:7px;font-size:25px;}
	.tl-list .inner {padding-left:55px;margin-left:-4px;background-size:48px 9px;background-position-y:10px;}
	.tl-list .left .inner {padding-right:55px;margin-right:-5px;background-size:48px 9px;background-position-y:10px;}
	.tl-list .tl-txt {font-size:14px;}
	.tl-list:after {bottom:105px;}

	/* 경영이념 및 핵심가치 */
	.fluid-box .text-wrap h3 {margin-bottom:13px;font-size:20px;}
	.fluid-box .text-wrap {padding:0 20px;font-size:14px;}
	.fluid-box .text-wrap br {display:none;}
	.fluid-box .text-wrap .bg-line {margin:13px 0;}
	.fluid-box .col:nth-child(odd) {padding:20px 0;}
	.idee-list li {padding: 14px 12px;}
	.icon-idee {width: 80px;}
	.icon-idee .icon-box {width: 37px; height: 30px; background-size: 185px 27px;}
	.icon-idee2 .icon-box {background-position: -38px 0;}
	.icon-idee3 .icon-box {background-position: -72px 0;}
	.icon-idee4 .icon-box {background-position: -111px 0;}
	.icon-idee5 .icon-box {background-position: -148px 0;}
	.icon-idee h6 {margin-top: 0; font-size: 12px; letter-spacing: -1px;}
	.idee-list .text-wrap {width: calc(100% - 100px); margin-left: 20px; padding-right: 0; font-size: 13px;}
	.operate img.mobile {width:80%;}
	/* // 2023-09-19 추가 2023 영문사이트 개편 e */

	/* 오시는길 */
	.map-section h2.tit {font-size:20px;}
	.address_wrap {padding:14px;}
	.address_wrap .tit-type2 {font-size:16px;}
	.address_wrap p,
	.address_wrap li {font-size:13px;}
	.addressBox {margin-bottom:10px;padding-bottom:10px;}
	.map-section {margin:40px 0 10px;}
	.metro-2:before {margin:0 5px 0 0;}

	/* 문의하기 */
	.inqu-box {margin-top:50px;}
	.inqu-box a {height:auto;min-height:200px; padding:5px;}
	.inqu-box a:before {margin:22px auto 21px;background-size:42px 119px;}
	.inqu-box a > em {font-size:14px;}
	/* .inqu-box a > em br {display:none;} 2023 EN VOC */
	.inqu-box .col1:before {width:36px;height:30px;}
	.inqu-box .col2:before {width:36px;height:37px;margin-top:15px;background-position:0 -37px;}
	.inqu-box .col3:before {width:42px;height:36px;margin-top:17px;background-position:0 -83px;}
	.inqu-box .tit {font-size:18px;padding-bottom:8px;}

	/* 문의 레이어 팝업 */
	.layer-s1 {padding:0;}
	.layer-s1 .layer-top {padding:15px 15px 0;}
	.layer-s1 .layer-top h3 {font-size:18px;}
	.layer-s1 .lay-close {width:15px;top:20px;right:15px;}
	.layer-s1 .layer-cont {padding:0 15px;}
	.layer-s1 .layer-cont .top-txt {margin-top:10px;padding:8px 10px;}
	.layer-s1 .tbl colgroup col:first-child {width:auto !important;}
	.layer-s1 .tbl th {width:92px;padding:9px 9px 9px 4px;font-size:14px;}
	.layer-s1 .tbl th .icon-inquiry {width:9px;height:9px;margin:0 5px;background-size:72px 9px;}
	.layer-s1 .tbl th .icon-inquiry1-1 {background-position: -63px 50%;}
	.layer-s1 .tbl th .icon-inquiry5 {background-position:-36px 50%;}
	.layer-s1 .tbl th .icon-inquiry6 {background-position:-45px 50%;}
	.layer-s1 .tbl th .icon-inquiry7 {background-position:-54px 50%;}
	.layer-s1 .tbl td {padding:9px 9px 9px 0;}
	.layer-s1 .tbl td .option{font-size:11px;}
	/* 2022-05-04 asis input tobe select 수정 s */
	.layer-s1 select,
	.layer-s1 .select,
	.layer-s1 .text {height:28px;font-size:11px;}
	/* //2022-05-04 asis input tobe select 수정 e */
	.layer-s1 .select,
	.layer-s1 .text.num,
	.layer-s1 .text.email {width:25% !important;}
	.layer-s1 .dash {padding:0 1px;font-size:12px;}
	.layer-s1 .text {padding:0 5px;}
	.terms-box {margin-top:15px;}
	.terms-box .tit {font-size:13px;}
	.terms-con {height:100px;padding:10px;font-size:12px;}
	.terms-con p + p {padding-top:10px;}
	.layer-s1 .layer-cont .lr-box {font-size:13px;}
	.layer-s1 .layer-cont .btn-group {margin-top:20px;padding-bottom:15px;}

	/* 개인정보처리,취급방침 */
	.m-pi {margin-top:10px;}
	.m-pi a {padding:8px 10px;font-size:16px;}
	.group-box li,
	.group-box span {font-size:14px;}
	.group-box > dd > ol,
	.group-box > dd > ol > li {margin-bottom:8px;}
	.group-box .tit {margin-top:20px;padding-bottom:8px;font-size:16px;}
	.group-box .tit-end {margin-top:20px;padding-bottom:0;font-size:14px;}
	.group-box > dd ol.sub-depth {margin-left:8px;}
	.group-box .lead {font-size:14px;}

	/* 푸터 링크페이지 공통 */
	.common-utils .tab-wrap .tab-btn > a {padding:5px; font-size:13px;}
	.common-utils .tab-wrap .tab-btn > a:nth-child(1) {padding:15px 15px 14px;}
	.common-utils .tab-wrap .tab-btn > a:nth-child(4) {line-height:2.95;}
	.common-utils .sub-tit {padding:40px 0 20px;font-size:20px;}
	.group-box th, .group-box td {font-size:14px;}
	.group-box dd > p {margin:5px 0 10px;}
}
@media (max-width:417px){
	/* careers */
	.section-apply .tab-wrap .tab-btn > a:nth-child(4) {padding:24px 5px;}
}
@media (max-width:360px){
	/* careers */
	.section-apply .tab-wrap .tab-btn > a:nth-child(1) {padding:24px 15px;}
	.section-apply .tab-wrap .tab-btn > a:nth-child(2) {padding:15px 10px;}
}


/* 2023-09-19 추가 2023 영문사이트 개편 s */
#sub1_2_1{background: url(/resources/images/sub/bg_sub1_2_1.jpg) 50% 0 no-repeat; background-size: auto 100%;}
#sub1_2_2{background: url(/resources/images/sub/bg_sub1_2_2.jpg) 50% 0 no-repeat; background-size: auto 100%;}
#sub1_2_3{background: url(/resources/images/sub/bg_sub1_2_3.jpg) 50% 0 no-repeat; background-size: auto 100%;}
#sub1_2_4{background: url(/resources/images/sub/bg_sub1_2_4.jpg) 50% 0 no-repeat; background-size: auto 100%;}

/* 준법경영 */
.company_law .law_list li{overflow: hidden; min-height: 350px; padding: 45px 55px 100px; border-radius: 30px; background:no-repeat center; background-size: cover; font-size: 22px; color: #fff; line-height: 1.5; word-break: keep-all;}/* 2023-05-11 수정 */
.company_law .law_list li:nth-child(1){background-image:url(/resources/images/sub/law_bg_01.png);}
.company_law .law_list li:nth-child(2){background-image:url(/resources/images/sub/law_bg_02.png);}
.company_law .law_list li:nth-child(3){background-image:url(/resources/images/sub/law_bg_03.png);}
.company_law .law_list li + li{margin-top: 18px;}
.company_law .law_list li:before{content:''; display: block; width: 50px; height: 2px; margin-bottom: 30px; background-color: #fff;}
@media (max-width:767px){
	.company_law .law_list li{min-height: 250px; padding: 25px 15px 100px; border-radius: 15px; font-size: 17px; font-weight: normal;}
	.company_law .law_list li:before{width: 25px; margin-bottom: 15px;}
}

/* 상생나눔경영 */
.company_env_wrap .content-header{display: none;}
.company_env_wrap .content-body{padding: 0;}
.company_env .section1{position: relative; z-index: 1; padding: 180px 0;}
.company_env .section1:before{content: ''; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background:url(/resources/images/sub/company_env_section1_bg.jpg) no-repeat center; background-size: cover; transform: translateX(-50%);}
.company_env .section1 .intro_title_area{text-align: center;}
.company_env .section1 .intro_title_area .intro_title{font-size: 40px; font-weight: 600; color: #fff; word-break: break-word;}
.company_env .section1 .intro_title_area .intro_sentence{margin-top: 50px; font-size: 18px; color: #fff; line-height: 1.5;}
.company_env .section1 .practice_list{margin-top: 100px; border-top: 2px solid #fff; color: #fff; }
.company_env .section1 .practice_list li{display: flex; padding: 60px 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
.company_env .section1 .practice_list li .icon_area{text-align: center;}
.company_env .section1 .practice_list li .num{font-family: 's7'; font-size: 30px; line-height: 1;}
.company_env .section1 .practice_list li .text{font-size: 18px; line-height: 1.5;}
@media (min-width:768px){
	.company_env .section1 .practice_list li .icon_area{width: 20%; }
	.company_env .section1 .practice_list li .num{width: 45px; }
	.company_env .section1 .practice_list li .text{width: calc(80% - 45px);}
}
@media (max-width:767px){
	.company_env .section1{padding: 60px 15px;}
	.company_env .section1 .intro_title_area .intro_title{font-size: 17px;}
	.company_env .section1 .intro_title_area .intro_sentence{margin-top: 20px; font-size: 15px;}
	.company_env .section1 .practice_list{margin-top: 50px;}
	.company_env .section1 .practice_list li{display: block; padding: 42px 0;}
	.company_env .section1 .practice_list li:nth-child(1) .icon_area img{width: 47px;}
	.company_env .section1 .practice_list li:nth-child(2) .icon_area img{width: 40px;}
	.company_env .section1 .practice_list li:nth-child(3) .icon_area img{width: 46px;}
	.company_env .section1 .practice_list li .num{margin-top: 23px; font-size: 16px; font-weight: normal; text-align: center;}
	.company_env .section1 .practice_list li .text{margin-top: 23px; font-size: 14px; text-align: center;}

}

.company_env .section2{position: relative; z-index: 1; padding: 180px 0;}
.company_env .section2:before{content: ''; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background:url(/resources/images/sub/company_env_section2_bg.jpg) no-repeat right bottom; background-size: cover; transform: translateX(-50%);}
.company_env .section2 .intro_title_area{text-align: center;}
.company_env .section2 .intro_title_area .intro_title{font-size: 40px; font-weight: 600; color: #333;}
.company_env .section2 .intro_title_area .intro_sentence{margin-top: 50px; font-size: 18px; color: #333; line-height: 1.5;}
.company_env .section2 .sharing_list{margin-top: 100px; border-top: 2px solid #333;}
.company_env .section2 .sharing_list li{padding: 60px 0; border-bottom: 1px solid rgba(0,0,0,0.2);}
.company_env .section2 .sharing_list .img_area .mobile{display: none;}
.company_env .section2 .sharing_list .flex_wrap{display: flex;  align-items: center;}
.company_env .section2 .sharing_list .flex_wrap + .flex_wrap{margin-top: 15px;}
.company_env .section2 .sharing_list .flex_wrap .img_area{ margin-left: 5%; width: 320px;}
.company_env .section2 .sharing_list .flex_wrap .text_area{display: flex; flex-direction: column; margin-left: 3%; width: calc(92% - 320px);}
.company_env .section2 .sharing_list .flex_wrap .text_area .title{ font-weight: 600; color: #333; font-size: 24px; line-height: 1.2;}
.company_env .section2 .sharing_list .flex_wrap .text_area .title .num{display: inline-block; margin-right: 10px; font-family: 's7'; font-weight: 600; font-size: 30px; color: #9e9d9d; vertical-align: middle;}
.company_env .section2 .sharing_list .flex_wrap .text_area .sub_title{ font-size: 20px; color: #1b6ede;}
.company_env .section2 .sharing_list .flex_wrap .text_area .text{font-size: 18px; color: #333;}
.company_env .section2 .sharing_list .flex_wrap .text_area .title + .text{margin-top:25px;}
.company_env .section2 .sharing_list .flex_wrap .text_area .sub_title + .text{margin-top: 10px;}
.company_env .section2 .sharing_list .flex_wrap .text_area .title + .sub_title{margin-top: 20px;}

@media (max-width:1023px){
	.company_env .section2 .sharing_list .flex_wrap .img_area{ margin-left: 0; width: 30%;}
	.company_env .section2 .sharing_list .flex_wrap .text_area{ width: 70%;}
}
@media (max-width:767px){
	.company_env .section2{padding: 60px 15px;}
	.company_env .section2:before{background:#d9e3e9 url(/resources/images/sub/company_env_section2_bg_m.jpg) no-repeat center bottom; background-size: contain;}
	.company_env .section2 .intro_title_area .intro_title{font-size: 17px;}
	.company_env .section2 .intro_title_area .intro_sentence{margin-top: 20px; font-size: 14px;}
	.company_env .section2 .sharing_list{margin-top: 50px; border-width: 1px;}
	.company_env .section2 .sharing_list li{padding: 30px 0; }
	.company_env .section2 .sharing_list .img_area .web{display: none;}
	.company_env .section2 .sharing_list .img_area .mobile{display: block; margin: 0 auto;}
	.company_env .section2 .sharing_list .flex_wrap{display: block;}
	.company_env .section2 .sharing_list .flex_wrap + .flex_wrap{margin-top: 12px;}
	.company_env .section2 .sharing_list .flex_wrap .img_area{ width: 100%; text-align: center;}
	.company_env .section2 .sharing_list .flex_wrap .img_area img + img{margin-top: 10px;}
	.company_env .section2 .sharing_list .flex_wrap .text_area{display: block; margin: 25px 0 0 0; width: 100%;}
	.company_env .section2 .sharing_list .flex_wrap .text_area .title{font-size: 16px;}
	.company_env .section2 .sharing_list .flex_wrap .text_area .title .num{font-size: 16px;}
	.company_env .section2 .sharing_list .flex_wrap .text_area .sub_title{ font-size: 14px; }
	.company_env .section2 .sharing_list .flex_wrap .text_area .text{font-size: 14px;}
	.company_env .section2 .sharing_list .flex_wrap .text_area .title + .text{margin-top:20px;}
	.company_env .section2 .sharing_list .flex_wrap .text_area .sub_title + .text{margin-top: 5px;}
	.company_env .section2 .sharing_list .flex_wrap .text_area .title + .sub_title{margin-top: 20px;}
	
}

/* 회사개요 */
.company_inf{word-break: keep-all;}
.company_inf section{padding-top: 114px;}
.company_inf .section_inner{ position: relative; width: 100%; max-width: 1290px; margin: 0 auto; }
@media (max-width:1300px){
	.company_inf .section_inner{padding: 0 20px;}
}

@media (max-width:1023px){
	.company_inf section{padding-top: 70px;}
}
@media (max-width:767px){
}
@media (max-width:533px){
	.company_inf section{padding-top: 50px;}
}


.company_inf_body #fp-nav.right{right: 150px;}
.company_inf_body #fp-nav ul li .fp-tooltip.right{left:30px; right: auto;}
.company_inf_body #fp-nav ul{position: relative; z-index: 1;}
.company_inf_body #fp-nav ul:before{content:''; display: block; position: absolute; top: 5px; right: 12px; z-index: -1; width: 1px; height: calc(100% - 8px); background-color: #7c7c7c;}
.company_inf_body #fp-nav ul li a span, 
.company_inf_body .fp-slidesNav ul li a span,
.company_inf_body #fp-nav ul li a.active span,
.company_inf_body .fp-slidesNav ul li a.active span,
.company_inf_body #fp-nav ul li:hover a.active span,
.company_inf_body .fp-slidesNav ul li:hover a.active span{width: 7px !important; height: 7px !important; margin: -2px 0 0 -2px !important;}
.company_inf_body #fp-nav ul li a span, 
.company_inf_body .fp-slidesNav ul li a span{background-color: #7c7c7c;}

.company_inf_body #fp-nav ul li a.active span, 
.company_inf_body .fp-slidesNav ul li a.active span, 
.company_inf_body #fp-nav ul li:hover a.active span, 
.company_inf_body .fp-slidesNav ul li:hover a.active span{background-color: #000;}
.company_inf_body #fp-nav ul li + li, 
.company_inf_body .fp-slidesNav ul li + li{margin-top: 20px;}
.company_inf_body #fp-nav ul li a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }
.company_inf_body.fp-viewing-2 #fp-nav ul li a.active + .fp-tooltip,
.company_inf_body.fp-viewing-6 #fp-nav ul li a.active + .fp-tooltip{color: #000;}

/* 회사개요 > 비쥬얼영역 */
.company_inf #section1 .section_inner{height: 100%;}
/* 2023-05-09 개발 적용후 수정 s */
.company_inf #section1 .visual_bg{overflow: hidden; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #000;}
.company_inf #section1 .visual_bg video{position: absolute; top: 0; left:50%; z-index: 1; height: 120%; transform: translateX(-50%);}
.company_inf #section1 .visual_bg:before{content:''; display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
.company_inf #section1 .visual_title{position: absolute; bottom: 100px; left: 0; z-index: 1; width: 100%; font-family:'SECGCM'; font-size: 55px; text-shadow: 0 0 10px rgba(50,50,50,0.8); color: #fff; text-align: center; line-height: 1.2;}
.company_inf #section1 .visual_title span{color: #0a99f3;}
.company_inf #section1 .btn_video{position: absolute; top: 55px; right: 0; z-index: 1; width: 224px; height: 60px; padding-left: 40px; border: 2px solid #fff; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 600; line-height: 60px; transition: all 0.3s ease-in-out;}
.company_inf #section1 .btn_video .play_icon{display: block; position: absolute; top: 4px; right: 4px; width: 48px; height: 48px; border: 2px solid transparent;  border-radius: 50%; box-sizing: border-box; background: #fff url(/resources/images/sub/company_inf_video_btn_arrow.png) no-repeat calc(50% + 2px) center; transition: all 0.3s ease-in-out;} 
.company_inf #section1 .btn_video:hover{background-color: #fff; color: #000;}
.company_inf #section1 .btn_video:hover .play_icon{border-color: #000;}
/* // 2023-05-09 개발 적용후 수정 e */
.company_inf #section1 .scroll_mark {position: absolute; bottom: 0; left: 50%; z-index: 1; font-size: 14px; color: #fff; transform: translateX(-50%);}
.company_inf #section1 .scroll_mark .stick{position: relative; width: 2px; height: 70px; margin: 0 auto; background-color: rgba(255,255,255,0.2);}
.company_inf #section1 .scroll_mark .stick .move_stick{position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: #fff; transition: height 0.3s linear; animation: animate-height 1.5s; animation-iteration-count: infinite; }
@keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@media (max-width:1023px){
	.company_inf #section1{position: relative;}
	.company_inf #section1 .visual_bg{position: relative;}
	.company_inf #section1 .visual_bg video{position: relative; width: 100%;}
	.company_inf #section1 .section_inner{position: absolute; top: 0; left: 0; width: 100%; height:100%;}
	.company_inf #section1 .visual_title{ bottom: 60px; font-size: 30px;}
	.company_inf #section1 .btn_video{top: 100px; right: 20px;}
}
@media (max-width:767px){
	.company_inf #section1 .section_inner{}
	.company_inf #section1 .visual_bg{}
	.company_inf #section1 .visual_bg video{}
	.company_inf #section1 .visual_title{bottom: 70px; font-size: 25px;}
	.company_inf #section1 .scroll_mark {font-size: 10px;}
	.company_inf #section1 .scroll_mark .stick{height: 35px;}
	.company_inf #section1 .btn_video{width: 130px; height: 40px;  padding-left: 10px; font-size: 15px; line-height: 40px;}
	.company_inf #section1 .btn_video .play_icon{width: 26px; height: 26px; background-size: 10px;} 
}
@media (max-width:533px){
	.company_inf #section1 .visual_title{bottom: 40px; font-size: 20px;}
	.company_inf #section1 .scroll_mark {font-size: 10px;}
	.company_inf #section1 .scroll_mark .stick{height: 25px;}

}


/* 회사개요 > 회사소개 */
.company_inf #section2{display: flex; align-items: center; background:url(/resources/images/sub/company_inf_section2_bg.png) no-repeat center; background-size: cover;}
.company_inf #section2 .section_inner{display: flex; }
.company_inf #section2 .section_inner > div{ align-self: flex-start;}
.company_inf #section2 .title_area{width: 35%;}
.company_inf #section2 .title_area .eng_title{font-family: 's4'; font-size: 20px; color: #939393;}
.company_inf #section2 .title_area .section_title{margin-top: 20px; font-size: 42px; font-family: 'SECGCM'; color: #fff; line-height: 1.2;}
.company_inf #section2 .contents_area {width: 65%;}
.company_inf #section2 .contents_area .content_text{font-size: 18px; color: #fff; line-height: 1.5;}
/* 2023-10-13 수정 s */
.company_inf #section2 .contents_area .btn_wrap{display: flex; flex-wrap: wrap; margin-top: 2vw;}
.company_inf #section2 .contents_area .btn_wrap a{display: block; height: 40px; margin: 4px 8px 4px 0; padding: 0 30px; border-radius: 10px; border: 1px solid #fff; color: #fff; font-family: 's4'; font-size: 16px; line-height:40px; transition: all 0.3s ease-in-out;}
/* //2023-10-13 수정 e */
.company_inf #section2 .contents_area .btn_wrap a:hover{background-color: #fff; color: #333;}
.company_inf #section2 .contents_area .btn_wrap a.border_type{}


@media (max-width:1300px){
	.company_inf #section2 .title_area{padding-left: 0;}
}
@media (max-width:1023px){
	.company_inf #section2 {padding: 60px 0;}
	.company_inf #section2 .section_inner{display: block;}
	.company_inf #section2 .section_inner > div{width: 100%; }
	.company_inf #section2 .contents_area .content_text{margin-top: 30px;}
}
@media (max-width:767px){
	.company_inf #section2{display: block; position: relative; padding-bottom: 200px; background:url(/resources/images/sub/company_inf_section2_bg_pattern_mo.png) repeat-y; background-size: 100% auto;}
	.company_inf #section2:before{content:''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background:url(/resources/images/sub/company_inf_section2_bg_mo.png) no-repeat center bottom; background-size: 100% auto;}
	.company_inf #section2 .title_area .eng_title{font-size: 15px;}
	.company_inf #section2 .title_area .section_title{margin-top: 20px; font-size: 25px;}
	.company_inf #section2 .contents_area .content_text{font-size: 14px;}
	.company_inf #section2 .contents_area .btn_wrap{ margin-top:20px;}
	.company_inf #section2 .contents_area .btn_wrap a{height: 30px; padding:0 20px;  border-radius: 5px; font-size: 14px; line-height: 30px;}


}
@media (max-width:533px){
}


/* 회사개요 > 연혁 */
/* 2023-05-16 운영반영후 수정 s */
.company_inf #section3 .section_inner{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.company_inf #section3 .title_area{display: flex; flex-direction: column; justify-content: center; height: 34vh; padding-left: 110px;}
.company_inf #section3 .title_area .eng_title{font-family: 's4'; font-size: 20px; color: #939393;}
.company_inf #section3 .title_area .section_title{margin-top: 20px; font-size: 42px; font-family: 'SECGCM'; color: #333; line-height: 1.2;}
.company_inf #section3 .title_area .sub_title{display: block; font-size: 24px;}
.company_inf #section3 .history_area{position: relative; z-index: 1; height: 66vh;}
.company_inf #section3 .history_area:before{content:''; display: block; position: absolute; top: 70px; left: 50%; z-index: -1; width: 100vw; height: calc(70vh - 150px); background-color: #f9f9f9; transform: translateX(-50%);}
.company_inf #section3 .history_area .tab_menu{height: 51px;}
.company_inf #section3 .history_area .tab_menu .menu_wrap{display: flex; justify-content: space-around;  padding: 0 300px ;}
.company_inf #section3 .history_area .tab_menu .menu_wrap a{display: inline-block; padding-bottom: 5px; box-sizing: border-box; font-size: 30px; font-family: 'SECGCM'; font-weight: 600; color: #000;}
.company_inf #section3 .history_area .tab_menu .menu_wrap a.on{border-bottom: 2px solid #000;}
.company_inf #section3 .history_area .tab_con{position: relative; }
.company_inf #section3 .history_wrap{ max-width:1262px; height: calc(66vh - 100px) !important; padding-top: 80px;}
.company_inf #section3 .history_list{position: relative; }
/* 2023-10-12 수정 s */
.company_inf #section3 .history_list:before{content:''; display: block; position: absolute; top: 7px; left: 250px; width: calc(100% - 500px); height: 1px; background-color: #ccc;}
.company_inf #section3 .history_list > li {display: flex; flex-direction: column; align-items: center; float: left; width: 500px;}
.company_inf #section3 .history_list .year_title{position: relative; padding-top: 40px; font-size: 30px; font-family: 'SECGCM'; color: #222; text-align: center;}
.company_inf #section3 .history_list .year_title:before{content:''; display: block; position: absolute; top: 0; left: calc(50% - 7px); width: 14px; height: 14px; border-radius: 10px; background: #3763db;}
.company_inf #section3 .history_list .inner_list{position: relative; left: -10px; margin-top: 30px; padding: 0 20px;}
.company_inf #section3 .history_list .inner_list li{position: relative; padding-left: 10px; font-size: 16px; color: #333;}
.company_inf #section3 .history_list .inner_list li:before{content:'·'; display: block; position: absolute; top: 0; left: 0;}
/* //2023-05-16 운영반영후 수정 e */
.company_inf #section3 .history_wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal{position: absolute; bottom: 20px; left: 50%; width: 80%; transform: translateX(-50%);}
/* //2023-10-12 수정 e */
.company_inf #section3 .history_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.company_inf #section3 .history_wrap .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.company_inf #section3 .history_wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.company_inf #section3 .history_wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar
{background-color: #222222;}

@media (min-width:768px){
}
@media (min-width:768px) and (max-width:1024px){
	.company_inf #section3 .history_area:before{top: 96px; height: calc(70vh - 130px);}
	
}
@media (max-width:1300px){
	.company_inf #section3 .title_area{padding: 0;}
	.company_inf #section3 .history_area .tab_menu .menu_wrap{padding: 0;}
	.company_inf #section3 .history_wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: 0px;}
}
@media (max-width:767px){
	.company_inf #section3 .section_inner{display: block; height: auto;}
	.company_inf #section3 .title_area{display: block; height: auto; }
	.company_inf #section3 .title_area .eng_title{font-size: 15px;}
	.company_inf #section3 .title_area .section_title{margin-top: 10px; font-size: 25px;}
	.company_inf #section3 .history_area{ height: auto; margin-top: 30px;}
	.company_inf #section3 .history_area:before{display: none;}
	.company_inf #section3 .history_area .tab_menu{height: auto; margin-bottom: 20px;}
	.company_inf #section3 .history_area .tab_menu .menu_wrap{padding: 0 ;}
	.company_inf #section3 .history_area .tab_menu .menu_wrap a{font-size: 15px;}
	.company_inf #section3 .history_area .tab_con{ z-index: 1;}
	.company_inf #section3 .history_area .tab_con:before{content:''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background:#f7f7f7; transform: translateX(-50%);}
	.company_inf #section3 .history_wrap{ height: 100% !important; padding-top: 40px;}
	.company_inf #section3 .history_list:before{ left: 150px; width: calc(100% - 300px);}
	.company_inf #section3 .history_list:after{content:''; display: table; clear: both;}
	.company_inf #section3 .history_list > li{width: 300px;}
	.company_inf #section3 .history_list .year_title{position: relative; padding-top: 30px; font-size: 24px;}
	.company_inf #section3 .history_list .year_title:before{left: calc(50% - 5px); width: 10px; height: 10px; }
	.company_inf #section3 .history_list .inner_list{margin-top: 25px;}
	.company_inf #section3 .history_list .inner_list li{font-size: 12px;}
	.company_inf #section3 .history_list .inner_list li + li{margin-top: 5px;}
	.company_inf #section3 .mCustomScrollBox{padding-bottom: 100px;}
}
@media (max-width:533px){
}


/* 회사개요 > 경영철학과 목표 */
.company_inf #section4{display: flex; align-items: center; background:url(/resources/images/sub/company_inf_section4_bg.jpg) no-repeat center; background-size: cover;}
.company_inf #section4 .section_inner{padding-left: 0;}
.company_inf #section4 .title_area .eng_title{font-family: 's4'; font-size: 20px; color: #fff;}
.company_inf #section4 .title_area .section_title{margin-top: 10px; font-size: 42px; font-family: 'SECGCM'; color: #fff; line-height: 1.2;}
.company_inf #section4 .title_area .sentence{margin-top: 10px; font-size: 20px; color: #fff; line-height: 1.5;}
.company_inf #section4 .vision_list{margin-top: 40px;}
.company_inf #section4 .vision_list > li{display: flex; align-items: center;}
.company_inf #section4 .vision_list > li + li{margin-top: 10px;}
.company_inf #section4 .vision_list .num_circle{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 170px; height: 170px; padding: 10px; border: 1px solid #fff; border-radius: 50%; background-color: rgba(255,255,255,0.2); text-align: center;}
.company_inf #section4 .vision_list .num_circle .num{font-size: 20px; font-family: 's4'; color: #fff;}
.company_inf #section4 .vision_list .num_circle .text{margin-top: 10px; font-size: 22px; font-family: 'SECGCM'; color: #fff; line-height: 1.2;}
.company_inf #section4 .vision_list .text_list{width: calc(100% - 195px); margin-left: 25px;}
.company_inf #section4 .vision_list .text_list li{position: relative; padding-left: 10px; color: #fff; font-size: 18px;}
.company_inf #section4 .vision_list .text_list li::before{content:'-'; display: block; position: absolute; top: 0; left: 0;}
@media (min-width:768px){
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:1300px){
	.company_inf #section4 .section_inner{padding-left: 24px;}
}
@media (max-width:1023px){
	.company_inf #section4{padding: 70px 0;}
}
@media (max-width:767px){
	.company_inf #section4{display:block; background-image:url(/resources/images/sub/company_inf_section4_bg_mo.jpg); }
	.company_inf #section4 .title_area .eng_title{ font-size: 15px;}
	.company_inf #section4 .title_area .section_title{font-size: 25px; }
	.company_inf #section4 .title_area .sentence{ font-size: 14px;}
	.company_inf #section4 .vision_list{margin-top: 40px;}
	.company_inf #section4 .vision_list > li{display: block;}
	.company_inf #section4 .vision_list > li + li{margin-top: 30px;}
	.company_inf #section4 .vision_list .num_circle{width: 30vw; height: 30vw; margin: 0 auto; }
	.company_inf #section4 .vision_list .num_circle .num{font-size: 14px;}
	.company_inf #section4 .vision_list .num_circle .text{ font-size: 15px;}
	.company_inf #section4 .vision_list .text_list{width: 100%; margin: 20px 0 0 0;}
	.company_inf #section4 .vision_list .text_list li{ padding-left: 0; font-size: 12px; text-align: center;}
	.company_inf #section4 .vision_list .text_list li::before{display: inline-block; margin-right: 5px; position: relative;}
}
@media (max-width:533px){
}


/* 회사개요 > 핵심가치 */
.company_inf #section5{display: flex; align-items: center; background:url(/resources/images/sub/company_inf_section5_bg.jpg) no-repeat center; background-size: cover;}
.company_inf #section5 .section_inner{}
.company_inf #section5 .title_area .eng_title{font-family: 's4'; font-size: 20px; color: #fff;}
.company_inf #section5 .title_area .section_title{margin-top: 10px; font-size: 42px; font-family: 'SECGCM'; color: #fff; line-height: 1.2;}
.company_inf #section5 .title_area .sentence{margin-top: 10px; font-size: 20px; color: #fff; line-height: 1.5;}
.company_inf #section5 .value_list {margin-top: 50px; border-top: 1px solid rgba(255,255,255,1);}
.company_inf #section5 .value_list > li{display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.company_inf #section5 .value_list .icon_area{width: 250px; text-align: center;}
.company_inf #section5 .value_list .icon_area .value_title{margin-top: 10px; font-size: 22px; font-family: 'SECGCM'; color: #fff;}
.company_inf #section5 .value_list .desc{width: calc(100% - 300px); margin-left: 50px; font-size: 18px; color: #fff; line-height: 1.4;}
@media (min-width:768px){
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:1300px){
	.company_inf #section5 .section_inner{padding-left: 24px;}
}
@media (max-width:1023px){
	.company_inf #section5{padding: 60px 0;}
}
@media (max-width:767px){
	.company_inf #section5{display: block; background-image:url(/resources/images/sub/company_inf_section5_bg_mo.jpg); }
	.company_inf #section5 .title_area .eng_title{font-size: 15px;}
	.company_inf #section5 .title_area .section_title{font-size: 25px;}
	.company_inf #section5 .title_area .sentence{font-size: 14px; }
	.company_inf #section5 .value_list {margin-top: 50px; border-top: 1px solid rgba(255,255,255,1);}
	.company_inf #section5 .value_list > li{padding: 20px 0;}
	.company_inf #section5 .value_list .icon_area{width: 70px;}
	.company_inf #section5 .value_list .icon_area img{transform: scale(0.8);}
	.company_inf #section5 .value_list .icon_area .value_title{font-size: 13px;}
	.company_inf #section5 .value_list .desc{margin-top: 0; width: calc(100% - 90px); font-size: 12px;}
}
@media (max-width:533px){
}

/* 회사개요 > 경영원칙 */
.company_inf #section6{display: flex; align-items: center; background:url(/resources/images/sub/company_inf_section6_bg.jpg) no-repeat center; background-size: cover;}
.company_inf #section6 .section_inner{padding-left: 110px; padding-right: 110px;}
.company_inf #section6 .title_area .eng_title{font-family: 's4'; font-size: 20px; color: #fff;}
.company_inf #section6 .title_area .section_title{margin-top: 10px; font-size: 42px; font-family: 'SECGCM'; color: #fff;}
.company_inf #section6 .title_area .sentence{margin-top: 10px; font-size: 20px; color: #fff; line-height: 1.5;}
.company_inf #section6 .principles_list{display: flex; justify-content: space-between; margin-top: 100px;}
.company_inf #section6 .principles_list li{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 199px; height: 199px; padding: 10px; border: 1px solid #fff; border-radius: 50%; background-color: rgba(255,255,255,0.2); text-align: center;}
.company_inf #section6 .principles_list li .num{font-size: 36px; font-family: 's7'; color: #fff;}
.company_inf #section6 .principles_list li .text{margin-top: 10px; font-size: 18px; color: #fff; line-height: 1.2;}
@media (min-width:768px){
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:1300px){
	.company_inf #section6 .section_inner{padding-left: 24px; padding-right: 24px;}
	.company_inf #section6 .principles_list {align-content: center; justify-content:center; flex-wrap: wrap; width: 800px;}
	.company_inf #section6 .principles_list li + li{margin-left: 20px;}
	.company_inf #section6 .principles_list li:nth-child(4){margin-left: 0;}
}
@media (max-width:1023px){
	.company_inf #section6{padding: 60px 0;}
}
@media (max-width:767px){
	.company_inf #section6{display: block; background-image:url(/resources/images/sub/company_inf_section6_bg_mo.jpg);}
	.company_inf #section6 .title_area .eng_title{font-size: 15px;}
	.company_inf #section6 .title_area .section_title{font-size: 25px;}
	.company_inf #section6 .title_area .sentence{font-size: 14px;}
	.company_inf #section6 .principles_list{display: flex; justify-content: space-between; width: 100%; max-width: 400px; margin: 50px auto 0;}
	.company_inf #section6 .principles_list li{width: calc(200px - 20px); height: calc(200px - 20px); padding: 10px;}
	.company_inf #section6 .principles_list li + li{margin: 0;}
	.company_inf #section6 .principles_list li:nth-child(n + 3){margin-top: 20px; }

	.company_inf #section6 .principles_list li .num{font-size: 25px;}
	.company_inf #section6 .principles_list li .text{font-size: 12px;}
}
@media (max-width:533px){
	.company_inf #section6 .principles_list{max-width: 300px;}
	.company_inf #section6 .principles_list li{width: calc(150px - 20px); height: calc(150px - 20px);}
}

/* 회사개요 > 주요링크 */ 
.company_inf #section7 {padding: 100px 0;}
.company_inf #section7 .link_list{display: flex; justify-content:space-between;}
.company_inf #section7 .link_list li{width: calc(33% - 8px); background:no-repeat center; background-size: cover;}
.company_inf #section7 .link_list li + li{margin-left: 12px;}
.company_inf #section7 .link_list li:nth-child(1){background-image: url(/resources/images/sub/company_inf_linkbg1.jpg);}
.company_inf #section7 .link_list li:nth-child(2){background-image: url(/resources/images/sub/company_inf_linkbg2.jpg);}
.company_inf #section7 .link_list li:nth-child(3){background-image: url(/resources/images/sub/company_inf_linkbg3.jpg);}
.company_inf #section7 .link_list li a{display: flex; justify-content: center; align-items: center; height: 210px; color: #fff;}
.company_inf #section7 .link_list li .text{display: block; position: relative; text-align: center; }
.company_inf #section7 .link_list li .text:after{content:''; display: block; position: absolute; top: calc(100% + 20px); left: 50%; width: 43px; height: 8px; background:url(/resources/images/sub/company_inf_arrow.png) no-repeat; transform: translateX(-50%);}
.company_inf #section7 .link_list li a:hover .text:after{ animation: animate-move 0.5s infinite alternate; }
@keyframes animate-move {
  0% {
    left: 50%;
  }
  100% {
    left: calc(50% + 20px);
  }
}
@media (min-width:768px){
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:1023px){
}
@media (max-width:767px){
	.company_inf #section7 {padding: 50px 0;}
	.company_inf #section7 .link_list{display: block;}
	.company_inf #section7 .link_list li{width:100%; }
	.company_inf #section7 .link_list li + li{margin:5px 0 0 0;}
	.company_inf #section7 .link_list li a{height: 150px;}
	.company_inf #section7 .link_list li .text{font-size: 20px;}
	.company_inf #section7 .link_list li .text:after{top: calc(100% + 10px);}
}
@media (max-width:533px){
}

/* 지속가능경영 > 개요 */
.environment_inf_wrap .content-header {display: none;}
.environment_inf_wrap .content-body{padding: 0;}
.environment_inf{position: relative; z-index: 1; height: 1123px; padding-top: 80px;}
.environment_inf .section_title{font-size: 40px; color: #fff; font-weight: 600; text-align: center; line-height: 1.2;}
.environment_inf .sentence{margin-top: 20px; font-size: 18px; color: #fff; line-height: 1.6; text-align: center;}
@media (min-width:768px){
	.environment_inf .img_wrap{overflow: hidden; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%;background: linear-gradient(135deg, #21315c 0%,#8faabd 100%);  text-align: center; transform: translateX(-50%);}
	.environment_inf .img_wrap img{position: absolute; top: 0; left: 50%; max-width: none; width: auto; height: 100%;transform: translateX(-50%);}
}
@media (min-width:768px) and (max-width:1040px){
	.environment_inf{ padding-top: 40px;}
	.environment_inf .sentence{margin-top: 20px;}
	.environment_inf .img_wrap img{}
}

@media (max-width:767px){
	.environment_inf_wrap.container{padding-right: 0; padding-left: 0;}
	.environment_inf_wrap .environment_inf{height: auto; padding-left: 24px; padding-right: 24px;}
	.environment_inf{padding-top: 60px; background: linear-gradient(135deg, #21315c 0%,#8faabd 100%);}
	.environment_inf .section_title{font-size: 23px;}
	.environment_inf .sentence{margin-top: 30px; font-size: 15px;}
	.environment_inf .img_wrap{position: relative; z-index: -1; margin-top: calc(-40% - (3vw * 0.85));}
	.environment_inf .img_wrap img{position: relative; left: -24px; width: 100vw; max-width: none;}
}


/* 지속가능경영 > 환경 안전 경영 */
.company_esg_wrap .content-body{padding-bottom: 0;}
.company_esg .section1 .header_intro{padding: 100px 0 150px; text-align: center;} 
.company_esg .section1 .header_intro .section_title{font-family: 'SECGCM'; font-size: 48px; font-weight: 700; color: #333;}
.company_esg .section1 .header_intro .sentence{ margin-top: 30px; font-size: 22px; color: #333;}
.company_esg .section1 .sustainability_contents{position: relative; z-index: 1; padding: 280px 0 274px;}
.company_esg .section1 .sustainability_contents:before{content:''; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background: url(/resources/images/sub/sustainability_bg_pc.jpg) no-repeat; background-size: cover; transform: translateX(-50%);}
.company_esg .section1 .sustainability_contents .title_wrap{text-align: center;}
.company_esg .section1 .sustainability_contents .title_wrap .section_sub_title{font-size: 40px; font-family: 'SECGCM'; font-weight: 700; color: #fff;}/* 2023-09-18 폰트크기 수정 */
.company_esg .section1 .sustainability_contents .title_wrap .slogan{font-size: 51px; font-family: 'SECGCM'; color: #fff;}
.company_esg .section1 .sustainability_contents .title_wrap .slogan:before{content:''; display: block; width: 1px; height: 48px; margin: 25px auto 15px; background-color: #f2f2f2;}
.company_esg .section1 .sustainability_contents .title_wrap .slogan img{vertical-align: middle;}
.company_esg .section1 .sustainability_contents .title_wrap .sentence{margin-top: 35px; font-size: 24px; color: #fff; line-height: 1.5;}

.company_esg .section1 .sustainability_contents .img_area img{margin: 0 auto;}
.company_esg .section1 .sustainability_contents .text_area {color: #fff;}
.company_esg .section1 .sustainability_contents .text_area .num{ font-family: 's7'; font-size: 30px;}
.company_esg .section1 .sustainability_contents .text_area .cont_title{margin-top: 25px; font-family: 'SECGCM'; font-weight: 600; font-size: 30px;}
.company_esg .section1 .sustainability_contents .text_area .desc{margin-top: 25px; font-size: 18px; line-height: 1.6;}
.company_esg .section1 .sustainability_contents .text_area .desc + .cont_title{margin-top: 45px !important;}
.company_esg .section1 .sustainability_contents .text_area .btn_wrap{margin-top: 40px; text-align: center;}
.company_esg .section1 .sustainability_contents .ref_list {margin-top: 30px;}
.company_esg .section1 .sustainability_contents .ref_list li{font-size: 15px; color: #fff;}
.company_esg .section1 .sustainability_contents .ref_list li + li{margin-top: 5px;}
.company_esg .section1 .sustainability_contents .img_wrap{text-align: center;}
.company_esg .section1 .sustainability_contents .img_wrap img{margin: 0 auto;}
.company_esg .section1 .sustainability_contents .video_area {position: relative; }
.company_esg .section1 .sustainability_contents .video_area .video_wrap{overflow: hidden; position: relative; height: 0; padding-bottom: 56.25%;}
/* 2023-05-09 개발 적용후 수정 s */
.company_esg .section1 .sustainability_contents .video_area button{display: none; }
.company_esg .section1 .sustainability_contents .video_area button:before{content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(/resources/images/sub/company_esg_play.png) no-repeat center; }
.company_esg .section1 .sustainability_contents .video_area .img_wrap{display: block; position: absolute; top: 0; left:0; width: 100%; height: 100%; padding: 0; border: none;}
.company_esg .section1 .sustainability_contents .video_area video{display: block; width: 100%;}
.company_esg .section1 .sustainability_contents .video_area.play .img_wrap{z-index: -1;}
.company_esg .section1 .sustainability_contents .video_area.play video{display: block;}
/* //2023-05-09 개발 적용후 수정 e */
.company_esg .section1 .sustainability_contents .video_area .video_caption{margin-top: 15px; text-align: right; font-size: 14px; color: #666; line-height: 1.4;}
.company_esg .section1 .sustainability_contents .last_cont{display: flex; margin-top: 250px;}
.company_esg .section1 .sustainability_contents .last_cont .text_area .cont_title{margin-top: 0;}
.company_esg .section1 .sustainability_contents .last_cont .img_wrap{display: flex; align-items: center; width: calc(60% - 50px);}
.company_esg .section1 .sustainability_contents .last_cont .img_wrap img{width: 50%; min-width: 342px;}
.company_esg .section1 .sustainability_contents .last_cont .text_area{width: 40%; margin-left: 50px;}

.company_esg .section1 .pop_open{display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #fff; color: #fff; font-size: 18px;}
.company_esg .section1 .pop_open:after{content:'>'; display: inline-block; margin-left: 10px; vertical-align: middle; font-family: dotum;}
.company_esg .section1 .simple_pop_wrap .pop_container .pop_inner_tit {font-size: 18px;}
.company_esg .section1 .simple_pop_wrap .pop_container .pop_inner_tit + .dash_list{margin-top: 20px;}
.company_esg .section1 .simple_pop_wrap .pop_container .dash_list + .pop_inner_tit{margin-top: 60px;}
.company_esg .section1 .simple_pop_wrap .pop_container .dash_list li{position: relative; padding-left: 10px; font-size: 18px;}
.company_esg .section1 .simple_pop_wrap .pop_container .dash_list li::before{content:'-'; display: block; position: absolute; top: 0; left: 0;}
.company_esg .section1 .simple_pop_wrap .pop_container .dash_list li + li{margin-top: 3px;}

@media (min-width:768px){
	.company_esg .section1 .sustainability_contents .cont_list{margin-top: 190px;}
	.company_esg .section1 .sustainability_contents .cont_list > li{display: flex; align-items: center;}
	.company_esg .section1 .sustainability_contents .cont_list > li + li{margin-top: 200px;}
	.company_esg .section1 .sustainability_contents .cont_list > li:nth-child(odd) .text_area{order: 2;}
	.company_esg .section1 .sustainability_contents .cont_list > li:nth-child(odd) .img_wrap{order: 1;}
	.company_esg .section1 .sustainability_contents .cont_list > li > div{width: 50%; text-align: center;}
}
@media (max-width:767px){
	.company_esg .section1 .header_intro{padding: 60px 0 90px;} 
	.company_esg .section1 .header_intro .section_title{font-size: 24px; }
	.company_esg .section1 .header_intro .sentence{ margin-top: 20px; font-size: 14px;}
	.company_esg .section1 .sustainability_contents{ padding: 45px 0;}
	.company_esg .section1 .sustainability_contents .title_wrap .section_sub_title{font-size: 17px;}
	.company_esg .section1 .sustainability_contents .title_wrap .slogan{font-size: 22px;}
	.company_esg .section1 .sustainability_contents .title_wrap .slogan:before{height: 24px; margin: 13px auto;}
	.company_esg .section1 .sustainability_contents .title_wrap .slogan img{height: 18px; margin: 0 3px;}
	.company_esg .section1 .sustainability_contents .title_wrap .sentence{margin-top: 22px; font-size: 15px;}
	.company_esg .section1 .sustainability_contents .cont_list{margin-top: 45px;border-top: 1px solid rgba(250,250,250,0.5);}
	.company_esg .section1 .sustainability_contents .cont_list > li{display: block; padding: 80px 0; border-bottom: 1px solid rgba(250,250,250,0.5);}
	.company_esg .section1 .sustainability_contents .cont_list > li + li{margin-top: 0;}
	.company_esg .section1 .sustainability_contents .cont_list > li > div{width: 100%;}
	.company_esg .section1 .sustainability_contents .text_area {margin-bottom: 50px; text-align: center;}
	.company_esg .section1 .sustainability_contents .text_area .num{ font-family: 's4'; font-size: 16px;}
	.company_esg .section1 .sustainability_contents .text_area .cont_title{margin-top: 17px; font-size: 15px;}
	.company_esg .section1 .sustainability_contents .text_area .desc{margin-top: 20px; font-size: 14px;}
	.company_esg .section1 .sustainability_contents .text_area .btn_wrap{margin-top: 20px;}
	.company_esg .section1 .sustainability_contents .ref_list {text-align: left;;}
	.company_esg .section1 .sustainability_contents .ref_list li{padding-left: 10px; font-size: 11px; text-indent: -10px;}
	.company_esg .section1 .sustainability_contents .ref_list li + li{margin-top: 3px;}
	.company_esg .section1 .sustainability_contents .ref_tit{font-size: 14px; color: #fff;}
	.company_esg .section1 .sustainability_contents .view-xsm.ref_contents{margin-top: 45px;}
	.company_esg .section1 .sustainability_contents .view-xsm .dash_list li{position: relative; padding-left: 10px; color: #fff; font-size: 14px;}
	.company_esg .section1 .sustainability_contents .view-xsm .dash_list li:before{content: '-'; display: block; position: absolute; top: 0; left: 0;}
	.company_esg .section1 .sustainability_contents .view-xsm .ref_tit + .dash_list{margin-top: 10px;}	
	.company_esg .section1 .sustainability_contents .view-xsm .dash_list + .ref_tit{margin-top: 20px;}
	.company_esg .section1 .sustainability_contents .video_area button:before{background-size: 62px;}
	.company_esg .section1 .sustainability_contents .last_cont{display: flex; flex-direction: column; margin-top: 80px; }
	.company_esg .section1 .sustainability_contents .last_cont .img_wrap{display: block; order: 2; width: 100%;}
	.company_esg .section1 .sustainability_contents .last_cont .img_wrap img{display: block; width: auto; max-width: 343px; margin: 0 auto;}
	.company_esg .section1 .sustainability_contents .last_cont .img_wrap img + img{margin-top: 20px;}
	.company_esg .section1 .sustainability_contents .last_cont .text_area{order: 1; width: 100%; margin-left: 0; text-align: left;}

	.company_esg .section1 .simple_pop_wrap .pop_container .pop_inner_tit {font-size: 14px;}
	.company_esg .section1 .simple_pop_wrap .pop_container .pop_inner_tit + .dash_list{margin-top: 10px;}
	.company_esg .section1 .simple_pop_wrap .pop_container .dash_list + .pop_inner_tit{margin-top: 30px;}
	.company_esg .section1 .simple_pop_wrap .pop_container .dash_list li{font-size: 14px;}
	.company_esg .section1 .company_esg .pop_open{font-size: 14px;}
}

/* 지속가능경영 > 환경안전 경영 > 안전보건 경영 */
.company_esg .section2 .safety_contents {position: relative; z-index: 1; padding: 260px 0; }
.company_esg .section2 .safety_contents::before{content: ''; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background:url(/resources/images/sub/safety_bg_pc.jpg) no-repeat center; background-size: cover; transform: translateX(-50%);}
.company_esg .section2 .safety_contents .title_wrap{text-align: center;}
.company_esg .section2 .safety_contents .title_wrap .section_sub_title{font-size: 40px; font-family: 'SECGCM'; font-weight: 700; color: #333;}
.company_esg .section2 .safety_contents .title_wrap .sentence{margin-top:45px; font-size: 24px; color: #333; line-height: 1.5;}
.company_esg .section2 .safety_contents .cont_list {margin-top: 190px;}
.company_esg .section2 .safety_contents .cont_list .img_area img{margin: 0 auto;}
.company_esg .section2 .safety_contents .text_area {color: #333;}
.company_esg .section2 .safety_contents .text_area .num{ font-family: 's7'; font-size: 30px;}
.company_esg .section2 .safety_contents .text_area .cont_title{margin-top: 25px; font-family: 'SECGCM'; font-weight: 600; font-size: 30px;}
.company_esg .section2 .safety_contents .text_area .desc{margin-top: 25px; font-size: 18px; line-height: 1.6;}
.company_esg .section2 .safety_contents  .last_cont{display: flex; align-items: center; margin-top: 250px;}
.company_esg .section2 .safety_contents  .last_cont > div{width: 50%; text-align: center;}
.company_esg .section2 .safety_contents  .last_cont .text_area{margin-top: 40px; text-align: left;}
.company_esg .section2 .safety_contents  .last_cont .img_wrap img{width: 100%; max-width: 343px;}
.company_esg .section2 .safety_contents  .last_cont .desc{margin-top: 0;}

@media (min-width:768px){
	.company_esg .section2 .safety_contents .cont_list  > li{display: flex; align-items: center;}
	.company_esg .section2 .safety_contents .cont_list  > li:nth-child(odd) .text_area{order: 2;}
	.company_esg .section2 .safety_contents .cont_list  > li:nth-child(odd) .img_wrap{order: 1;}
	.company_esg .section2 .safety_contents .cont_list  > li > div{width: 50%; text-align: center;}
	.company_esg .section2 .safety_contents .cont_list  > li .text_area{padding: 0 15px; }
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:1023px){
}
@media (max-width:767px){
	.company_esg .section2 .safety_contents { padding: 100px 0; }
	.company_esg .section2 .safety_contents::before{ background-image:url(/resources/images/sub/safety_bg_mo.jpg);}
	.company_esg .section2 .safety_contents .title_wrap .section_sub_title{font-size: 17px;}
	.company_esg .section2 .safety_contents .title_wrap .sentence{margin-top:20px; font-size: 15px;}
	.company_esg .section2 .safety_contents .cont_list { margin-top: 45px;}
	.company_esg .section2 .safety_contents .cont_list li{display: flex; flex-direction: column;}
	.company_esg .section2 .safety_contents .cont_list li + li{margin-top: 60px;}
	.company_esg .section2 .safety_contents .cont_list .img_area { order: 1;}
	.company_esg .section2 .safety_contents .cont_list .text_area {order: 2; margin-top: 30px; text-align: center;}
	.company_esg .section2 .safety_contents .text_area .num{ font-family: 's4'; font-size: 16px;}
	.company_esg .section2 .safety_contents .text_area .cont_title{margin-top: 10px; font-size: 16px;}
	.company_esg .section2 .safety_contents .text_area .desc{margin-top: 10px; font-size: 14px;}
	.company_esg .section2 .safety_contents  .last_cont{display: block; margin-top: 40px;}
	.company_esg .section2 .safety_contents  .last_cont > div{width: 100%;}
}

/* 인재상 */
#sub3 {background:url('/resources/images/sub/bg_sub3_4.jpg') 50% 0 no-repeat; background-size:auto 100%;}
#quote-box3_1 {background:url('/resources/images/sub/bg_quote3_1.jpg') 0 0 no-repeat;}
.creator-tit {position:relative;width: 94%;max-width: 1230px;margin: 0 auto;padding-bottom:94px}
.creator-tit:before {position:absolute;bottom:86px;left:27px;width:177px;height:136px;background:url('/resources/images/sub/bg_creator1.png') 0 0/100% 100% no-repeat;content:''}
.creator-tit:after {position:absolute;right:33px;bottom:0;width:213px;height:206px;background:url('/resources/images/sub/bg_creator2.png') 0 0/100% 100% no-repeat;content:''}
.creator-tit .pointColor {font-family:'SECGCM';text-align:center}
.creator-tit .pointColor h3 {font-size:40px}
.creator-tit .pointColor p {display:inline-block;margin-top:10px;padding-top:14px;border-top:2px solid #0a69c8;font-size:24px;vertical-align:top}
.creator-tit > p {margin-top:22px;font-size:18px;color:#666;}
.creator-wrap {width:94%; max-width:1230px; margin:0 auto;}
.creator-wrap li {display:table;width:100%;padding:23px 28px}
.creator-wrap h6 {display:table-cell;width:245px;font-family:'SECGCM';font-size:25px;color:#666;line-height:1.4;text-align:center;vertical-align:middle}
.creator-wrap h6 .pointColor {display:block;font-size:40px;}
.creator-wrap .text-wrap {display:table-cell;padding-left:35px;vertical-align:middle;}
.creator-wrap p {font-size:18px}
.creator-wrap p + p {margin-top:3px; word-break:keep-all;}

@media (max-width:1024px){
	.creator-tit:before {bottom:59px;left:18px;width:88.5px;height:68px;}
	.creator-tit:after {right:16px;bottom:0;width:106.5px;height:103px;}
	.creator-wrap h6 {width:180px;}
	.creator-wrap .text-wrap {width:calc(100% - 140px);margin-left:20px;}
}

@media (max-width:533px){
	.creator-tit {padding-bottom:30px}
	.creator-tit:before {left:0; bottom: auto; top:15px; width:48px;height:47px;background-image:url('/resources/images/sub/m_bg_creator1.png')}
	.creator-tit:after {display: none; right:0;width:54px;height:90px;background-image:url('/resources/images/sub/m_bg_creator2.png')}
	.creator-tit .pointColor h3 {font-size:20px}
	.creator-tit .pointColor p {margin-top:5px;padding-top:5px;border-top-width:1px;font-size:15px}
	.creator-tit > p {margin-top:9px;font-size:13px}
	.creator-wrap > li {display:block;padding:14px 10px;}
	.creator-wrap h6 {display:block;width:100%;font-size:13px;}
	.creator-wrap h6 .pointColor {font-size:20px}
	.creator-wrap .text-wrap {display:block;width:100%;margin:7px 0 0;padding:0;text-align:center}
	.creator-wrap .text-wrap p {font-size:13px;}
	.creator-wrap p + p {margin-top:2px;}
}

/* 인사정책 */
#quote-box3_2 {background:url('/resources/images/sub/bg_quote3_2.jpg') 0 0 no-repeat;}
@media (max-width:768px){
	#quote-box3_2 {background-size: auto 100%;}
}

/* 인재육성 */
#quote-box3_3 {background:url('/resources/images/sub/bg_quote3_3.jpg') 0 0 no-repeat;}
.dev-goals .tit-type1 {margin-bottom:20px; font-family:'SECGCM'; color:#333;}
.dev-goals .img-wrap {margin-top:30px;}
.dev-goals img.mobile {display:none;}

@media (max-width:1024px){
	.dev-goals .img-wrap img {display:none;}
	.dev-goals .img-wrap img.mobile {display:inline-block;}
}
@media (max-width:768px){
	#quote-box3_3 {background-size: auto 100%;}
}
@media (max-width:533px){
	.dev-goals .tit-type1 {margin-bottom:10px;font-size:20px;}
	.dev-goals > p {font-size:14px;}
	.dev-goals .img-wrap {margin-top:15px;}
}

/* 복리후생 */
#quote-box3_4 {background:url('/resources/images/sub/bg_quote3_4.jpg') 0 0 no-repeat;}
.reward-wrap {width:94%; max-width:1230px; margin:0 auto;}
.reward-wrap li {font-size:0;}
.icon-reward {display:inline-block; width:20%; max-width:90px; height:78px; background:url('/resources/images/sub/icon_reward.png') no-repeat; background-size:200%;}
.icon-reward1 {padding:0 20px; background-position:0 50%;}
.icon-reward2 {padding:0 20px; background-position:100% 50%;}
.reward-wrap .text-wrap {display:inline-block; width:calc(100% - 90px); min-width:80%; padding-left:60px; font-size:18px; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.reward-wrap h6 {margin-bottom:15px; font-family:'SECGCM'; font-size:20px;}
.benefit-wrap .tit-type1 {font-family:'SECGCM'; color:#333;}
.benefit-wrap ul {font-size:0; text-align:center;}
.benefit-wrap ul > li {display:inline-block; width:25%; max-width:258px; margin-bottom:15px; padding:0 10px; text-align:center; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.icon-benefit {display:block; width:100%; margin:0 auto; background:url('/resources/images/sub/icon_benefit.png') no-repeat; background-size:400%;}
.icon-benefit1 {background-position:0 0;}
.icon-benefit2 {background-position:33.33% 0;}
.icon-benefit3 {background-position:66.66% 0;}
.icon-benefit4 {background-position:100% 0;}
.benefit-wrap p {margin-top:30px; margin-right:-5px; margin-left:-5px; font-size:16px; word-break:keep-all;}
.benefit-wrap p br {display:none;}
.benefit-wrap > span {display:inline-block; margin-top:40px; font-size:16px; color:666;}

@media (max-width:1024px) {
	.benefit-pg .sub-tit br {display:block;}
}

@media (max-width:767px){
	.benefit-wrap p {font-size:18px;}
	.benefit-wrap p br {display:inline-block;}
	.benefit-wrap ul > li {width:50%; }
	.benefit-wrap ul > li p{font-size: 14px; }
}
@media (max-width:533px){
	.reward-wrap li {padding:15px;}
	.reward-wrap .text-wrap {padding-left:20px; font-size:14px;}
}
/* // 2023-09-19 추가 2023 영문사이트 개편 e */