#container {min-height:600px}

.sub .inner {max-width:1536px;width: auto;margin: 0 auto;}

.inner3 {max-width:1304px;margin: 0 auto;}



.subVisual {position: relative;display: flex;justify-content:center;align-items:center;height: 390px;overflow: hidden;text-align: center;font-family: 'Noto Sans SC', sans-serif;}

.subVisual:after {content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-background-size: cover;

background-size: cover;background-position: center center;transform:scale(1.2);transition:all 1.6s ease-in-out;z-index:-1;}

.subVisual.gogo:after {transform:scale(1);opacity: 1;}


/*
.subVisual.ABOUTUS:after {background-image: url(../../images/contents/sb01.jpg);} 

.subVisual.BUSINESS:after {background-image: url(../../images/contents/sb02.jpg);} 

.subVisual.BUSINESS.land:after {background-image: url(../../images/contents/sb02_2.jpg);} 

.subVisual.BUSINESS.shipbuilding:after {background-image: url(../../images/contents/sb02_1.jpg);} 

.subVisual.BUSINESS.maintenance:after {background-image: url(../../images/contents/sb02_3.jpg);} 

.subVisual.BUSINESS.hydrogen:after {background-image: url(../../images/contents/sb07.png);} 

.subVisual.SUSTAINABLE:after {background-image: url(../../images/contents/sb03.jpg);} 

.subVisual.RECRUIT:after {background-image: url(../../images/contents/sb04.jpg);}

.subVisual.PR:after {background-image: url(../../images/contents/sb05.jpg);}

.subVisual.ETC:after {background-image: url(../../images/contents/sb06.jpg);}
*/


.subVisual .txt_box {vertical-align: middle; position:relative; z-index:8; }

.subVisual .txt_box strong {position: relative;display: inline-block;padding: 0 33px;font-size: 36px;font-weight: 500;line-height:2;text-shadow: 0 0 5px #00000070;color: #fff;}

.subVisual .txt_box strong span {position: absolute;margin-top: -1px;top: 50%;left: -40px;display: block;width: 0;height: 2px;background-color: #fff; transition: width 0.8s ease-in-out;}

.subVisual .txt_box strong span.r {right: -40px;left: auto;}

.subVisual .txt_box strong.gogo span {width: 40px;}



/* contents */

.contents {padding: 140px 0 146px;}

.subContSec + .subContSec {padding-top: 140px;}



.subTitWrap {padding-bottom: 42px;}

.subTitWrap h2 {display: block;font-size: 28px;line-height: 1.48;color: #000;}

.subTitWrap p {font-size: 16px;line-height: 28px;margin-top: 15px;}



.contTitWrap {padding-bottom: 22px;}

.contTitWrap strong {display: block;font-size: 18px;font-weight:500;line-height:1.5;color: #000;}

.contTitWrap strong span.bd {display: inline-block;margin: 2px  12px 2px;width: 1px;height: 11px;background: #000;}



.btn_area {font-size:0;margin-left: -10px;}

.btn_area.ty_tbladd {margin-top: 12px;}

.btn_area .btn {display: inline-block;margin-left: 10px;border: solid 2px #000000;width: 203px;line-height:55px;color: #000;box-sizing:border-box;text-align: center;font-size:14px;font-weight:500; transition: background 0.25s ease-in-out;}

.btn_area .btn.ty_black {background-color: #000;color: #fff;}

.btn_area .btn:hover {background-color: rgba(0,0,0,0.05);}

.btn_area .btn.ty_black:hover {background-color: #000;}

.btn_area .btn.ty_small {width: 107px;line-height:36px}



/* overview */

.bnWrap {display: flex;align-items:flex-end;padding: 68px 63px;height: 645px;background: url(../../images/contents/ovv_bn.jpg) no-repeat 50%;-webkit-background-size: cover;background-size: cover;box-sizing:border-box;}

.bnWrap .txt_box {font-family: 'Roboto';font-size: 43px;font-weight: 300;font-style: italic;line-height: 1.4;letter-spacing: 0.86px;color: #e9e9e9;}



.txtBox.ty_intro {margin-top: 46px;max-width:1314px;}

.business .txtBox.ty_intro {margin-top: 52px;}

.txtBox  {font-size: 15px;line-height:1.5; }

.txtBox02  {font-size: 15px;line-height:1.5; margin-top:29px;}

.txtBox > strong {display: block;font-size: 18px;line-height: 1.5;color: #000;}

.txtBox > strong + p {margin-top: 20px;}

.txtBox.ty_intro p  {margin-top: 25px;line-height: 1.73;}

.txtBox.ty_intro > strong + p {margin-top: 28px;}



.col2List ul {font-size:0;}

.col2List li {display: inline-block;width: 50%;vertical-align: top;box-sizing:border-box;font-size:16px;}



.col3List ul {font-size:0;}

.col3List li {display: inline-block;width: 33.333%;vertical-align: top;box-sizing:border-box;font-size:16px;}



.col4List ul {font-size:0;}

.col4List li {display: inline-block;width: 25%;vertical-align: top;box-sizing:border-box;font-size:16px;}



.col5List ul {font-size:0}

.col5List li {display: inline-block;width: 20%;vertical-align: top;font-size:16px;box-sizing:border-box;}



.tabWrap {margin-bottom: 66px;border-right: 1px solid #000;}

.tabWrap a {display: flex;justify-content:center;align-items:center;padding: 0 5px;border: 1px solid #000;border-right: none;font-size: 16px;height:59px;text-align: center;font-weight:600;color: #000;box-sizing:border-box;}

.tabWrap a.on {background-color: #000;color: #fff;}



/* .visionList ul {margin-left: -47px;}

.visionList li {display: inline-block;padding-left: 47px;}

.visionList li .txtBox {margin-top: 32px;} */



.iconList ul {margin-left: -20px;margin-top: -62px;}

.iconList li {padding-left: 20px;padding-top: 62px;}

.iconList .list-item {display: flex;/* align-items:center; */}

.iconList .list-item .icon_box {min-width: 151px;height: 151px;border: 1px solid #000;border-radius: 50%;}

.iconList li .txtBox {padding-left: 43px;}

.iconList li .txtBox p.dash {position: relative;padding-left: 10px;line-height:1.8;}

.iconList li .txtBox strong + p.das {margin-top: 118px;}

.iconList li .txtBox p.dash:before {position: absolute;content: '-';left: 0;top: 0;}





.gridBox {position: relative;height: 355px;padding: 50px;display: flex;justify-content:center;align-items:center;background: url(../images/grid.png) repeat 0 0;border: 1px solid #e6e6e6;box-sizing:border-box;}

.gridBox.ty_emblem {height: 582px;}

.gridBox .img_box {max-width: 100%;}

.gridBox .img_box img {width: 100%;}

.ciWrap .txtBox {margin-top: 31px;}
.ciWrap .txtBox p{ white-space:pre-wrap; }

.ciWrap .btn_area {margin-top: 52px;}

.ciList {margin-top: 64px;}

.ciList ul {margin-left: -48px;margin-top: -20px;}

.ciList li {padding-left: 48px;margin-top: 20px;}

.ciList li .gridBox {height: 250px;}



.tabBox {display: none;}

.histoTitWrap {margin-top: 81px;padding-bottom: 90px;text-align: center;}

.historyWrap .history-item + .histoTitWrap {margin-top: 176px;}

.histoTitWrap span {display: inline-block;font-size: 30px;font-weight: 100;line-height: 1.13;color: #a8a8a8;}

.histoTitWrap strong {display: block;margin-top: 7px;font-size: 22px;font-weight: 600;line-height:1.5;color: #000;}

.historyWrap {font-size:0;margin-left: -148px;margin-top: -109px;}

.historyWrap .history-item {display: inline-block;width: 33.333%;padding-left: 148px;padding-top: 109px;box-sizing:border-box;vertical-align: top;font-size:16px;}

.historyWrap .history-item .tit {display: block;padding-bottom: 21px;font-family: 'Poppins';font-weight:400;font-size: 38px;line-height: 1.6;letter-spacing: 0.76px;color: #000;border-bottom: 1px solid #000;}

.historyWrap .history-item .txtBox {margin-top: 44px;line-height:2.27;}

.historyWrap .history-item .txtBox p {position: relative;padding-left: 30px;box-sizing:border-box;}

.historyWrap .history-item .txtBox p span {position: absolute;left: 0;top: 0;}



.subsWrap {display: flex;align-items:center;}

.subsWrap.subsidiary {align-items:flex-start;}

.subsWrap .off_Img {position: relative;width: 630px;min-width: 630px;}

.subsWrap .off_info {padding:0 181px 0 75px;box-sizing:border-box;}

.officeSlider .slick-arrow  {position: absolute;display: inline-block;left: 10px;top: 50%;transform: translateY(-50%);z-index:2;font-size:0;outline:none;width: 64px;height: 69px;background: url(../images/subs_arr_prev.png) no-repeat 50%;-webkit-background-size: 100% auto;background-size: 100% auto;}

.officeSlider .slick-arrow.slick-next {left: auto;right: 10px;background-image: url(../images/subs_arr_next.png);}

.subsWrap .off_info .txtBox strong + p {margin-top: 29px;}

.subsWrap .off_info .txtBox .tit{margin-bottom:10px;}

.subsWrap .off_info .txtBox strong{margin-right:8px;}

.subsWrap .off_info .btn_area {margin-top: 34px;}



.netwList  {margin-top: 100px;}

.netwList ul {margin-left: -39px;margin-top: -52px;}

.netwList li {padding-left: 39px;padding-top: 52px;}

.netwList li .list-item {}

.netwList li .list-item .img_box {display: flex;justify-content:center;align-items:center;padding: 10px;/* height: 139px; */border: 1px solid #e6e6e6;box-sizing:border-box;}

.netwList li .list-item .img_box span {max-width:100%;}

.netwList li .list-item .img_box span img {width: 100%;vertical-align: middle;}

.netwList li .list-item .txtBox {margin-top: 14px;text-align: center;}





.placeWrap {}

.placeWrap .placeSlider {position: relative;width: 100%;}

.placeWrap .placeSlider .place-item {height: 524px;-webkit-background-size: cover;background-size: cover;}

/*.placeWrap .placeSlider .place-item {background: url(../../images/contents/place_nok.jpg) no-repeat 50%;}

.placeWrap .placeSlider.hwajeon .place-item01 {background-image: url(../../images/contents/place_wha.jpg);}

.placeWrap .placeSlider.laboratory .place-item01 {background-image: url(../../images/contents/place_rnd.jpg);}



.placeWrap .placeSlider.noksan .place-item02 {background-image: url(../../images/contents/place_nok2.jpg);}

.placeWrap .placeSlider.hwajeon .place-item02 {background-image: url(../../images/contents/place_wha2.jpg);}

.placeWrap .placeSlider.laboratory .place-item02 {background-image: url(../../images/contents/place_rnd2.jpg);}



.placeWrap .placeSlider.noksan .place-item03 {background-image: url(../../images/contents/place_nok3.jpg);}

.placeWrap .placeSlider.hwajeon .place-item03 {background-image: url(../../images/contents/place_wha3.jpg);}

.placeWrap .placeSlider.laboratory .place-item03 {background-image: url(../../images/contents/place_rnd3.jpg);}*/



.placeWrap .vidBox .vid {width: 100%; padding-bottom: 30px; vertical-align: middle;} 



.placeSlider .slick-arrow  {position: absolute;display: inline-block;left: 10px;top: 50%;transform: translateY(-50%);z-index:2;font-size:0;outline:none;width: 64px;height: 69px;background: url(../images/subs_arr_prev.png) no-repeat 50%;-webkit-background-size: 100% auto;background-size: 100% auto;}

.placeSlider .slick-arrow.slick-next {left: auto;right: 10px;background-image: url(../images/subs_arr_next.png);}

.placeSlider + .txtBox {margin-top: 52px;max-width:1254px;}





.plecInfo {margin-top: 35px;}

.plecInfo ul {font-size:0;margin-left: -53px;margin-top: -20px;}

.plecInfo li {display: inline-block;padding-left: 53px;padding-top: 20px;}

.plecInfo li .icon_box {margin-right: 16px;display: inline-block;width: 65px;height: 65px;background: url(../images/icon_spot.png) no-repeat 50%;border-radius: 50%;border: solid 1px #e6e6e6;box-sizing:border-box;}

.plecInfo li span {display: inline-block;font-size: 15px;line-height: 1.73;color: #000;vertical-align: middle;}

.plecInfo li .icon_box.tel {background-image: url(../images/icon_tel.png);}

.plecInfo li .icon_box.fax {background-image: url(../images/icon_fax.png);}



.placeWrap .tblWrap {margin-top: 65px;}

.mapWrap {margin-top: 95px;position: relative;width: 100%;height: 426px;}

.mapWrap iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}





/* business */

.bnWrap.system {height: 590px;background-image: url(../images/sys_bn.jpg);}

.bnWrap.system-view {height: 461px;background-image: url(../images/sys_bn-view.jpg);}

.busiWrap {margin-top: 107px;}

.busiWrap .tabContWrap {margin-top: 54px;}

.tabContWrap .busiList ul {margin-left: -75px;margin-top: -30px;}

.tabContWrap .busiList li {padding-left: 75px;padding-top: 30px;}

.tabContWrap .busiList li .list-item {display: block;}

/* .tabContWrap .busiList li .img_box {padding-top: 75%;position: relative;}

.tabContWrap .busiList li .img_box span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content:center;align-items:center}

.tabContWrap .busiList li .img_box span img {max-width:100%;max-height:100%} */

.tabContWrap .busiList li .img_box span {padding-top: 75%;display: block;position: relative;border: 1px solid #dcdcdc; box-sizing:border-box;}

.tabContWrap .busiList li .img_box span img {position: absolute;top: 50%;left: 50%;max-height:100%;transform: translate(-50%, -50%);}

.tabContWrap .busiList li .txtBox {margin-top: 31px;text-align: center;}

.tabContWrap .busiList li .txtBox .ellipsis3 {line-height: 24px;max-height:72px} 

.subsubContWrap {margin-top: 54px;}



.coreValueList {margin-bottom: 40px;border-top: 1px solid #000;}

.coreValueList .coreValue-item {position: relative;display: table;width: 100%;min-height:100px;padding: 24px 166px 24px 0 ;border-bottom: 1px solid #e6e6e6;box-sizing:border-box;}

.coreValueList .coreValue-item > * {display: table-cell;vertical-align: middle;}

.coreValueList .coreValue-item strong {width: 194px;text-align: center;}

.coreValueList .coreValue-item .cvInfo span {position: relative;display: inline-block;padding: 0 10px 0 5px;font-size: 15px;line-height: 2;color: #000;}

.coreValueList .coreValue-item .cvInfo span:before {position: absolute;content: '/';right: 0;top: 0;}

.coreValueList .coreValue-item .cvInfo span:last-child:before {display: none;}

.coreValueList .coreValue-item .contacBox {position: absolute;right: 0;top: 24px;display: block;width: 166px;}

.contacBox a {display: inline-block;vertical-align: middle;width: 51px;height: 51px;border-radius: 50%;background: #000 url(../images/icon_tel_wh.png) no-repeat 50%;}

.contacBox a.email {background-image: url(../images/icon_email_wh.png);}

.coreValueList .coreValue-item .contacBox a + a {margin-left: 14px;}





/* sustainable_management */

.sust_top {margin-bottom: 105px;}



.esg .txt_box {margin-bottom: 40px !important;}

.esg .txt_box strong {display: inline;font-weight:400;line-height: 1.2;letter-spacing: 0.92px;color: #000;}

.esg .txt_box p {margin: 0 auto;font-weight: 300;line-height: 1.75;letter-spacing: 0.4px;color: #000;}



.social_top .txt_box * {font-family: 'Roboto';text-align: center;}

.social_top .txt_box strong {display: block;font-weight:400;line-height: 1.2;font-size: 46px;letter-spacing: 0.92px;color: #e1e1e1;}

.social_top .txt_box p {padding-top: 32px;max-width:852px;margin: 0 auto;font-size: 20px;font-weight: 300;line-height: 1.75;letter-spacing: 0.4px;color: #000;}

.social_top .btn_area {margin-top: 51px;}

.social_bot {padding-top: 73px;margin-top: 55px;border-top: 1px solid #e6e6e6;}

.social_bot dl {position: relative;margin-top: 9px;padding-left: 28px;box-sizing:border-box;}

.social_bot dl + dl {margin-top: 42px;}

.social_bot dt {margin-left: -28px;margin-bottom: 22px;font-size: 18px;font-weight: 500;line-height: 1.89;color: #000;}

.social_bot dl p {margin-top: 22px;line-height:1.73}

.social_bot dl p strong {font-weight:500;}

.social_bot dl p.dash {position: relative;padding-left: 10px;box-sizing:border-box;}

.social_bot dl p.dash:before {position: absolute;content: '-';left: 0;top: 0;}

.social_bot dl p span.num {display: block;position: relative;padding-left: 15px;box-sizing:border-box;}

.social_bot dl p span.num em {position: absolute;left: 0;top: 0;}

.social_bot dl .socialStep {margin-top: 16px;}

.social_bot dl .socialStep ul {display: flex;margin-left: -18px;margin-top: -10px;}

.social_bot dl .socialStep li {width: 100%;width: calc(100% / 6);-webkit-width: calc(100% / 6);padding-left: 18px;padding-top: 10px;box-sizing:border-box;}

.social_bot dl .socialStep li .social-item {height: 100%;padding: 14px 11px;border-top: 1px solid #000;border-bottom: 1px solid #dcdcdc;box-sizing:border-box;}

.social_bot dl .socialStep li .social-item p {position: relative;margin-top: 0;padding-left: 51px;box-sizing:border-box;font-size:14px;}

.social_bot dl .socialStep li .social-item p strong {position: absolute;left: 0;top: 0;}



.qMList {margin-top: 15px;}

.qMList ul {margin-left: -40px;margin-top: -20px;}

.qMList li {padding-left: 40px;margin-top: 20px;vertical-align: middle;}

.qMList li .list-item {position: relative;display: flex;align-items:center;min-height:58px;padding: 0 75px; background: url(../../images/contents/qM_icon01.png) no-repeat 1% 50%;}

.qMList li .list-item:before {position: absolute;content: '';right: 0;top: 0;height: 61px;width: 1px;background-color: #dcdcdc;}

.qMList li:last-child .list-item:before {display: none;}

.qMList li:nth-child(2) .list-item {background-image: url(../../images/contents/qM_icon02.png);}

.qMList li:nth-child(3) .list-item {background-image: url(../../images/contents/qM_icon03.png);}

.qMList li:nth-child(4) .list-item {background-image: url(../../images/contents/qM_icon04.png);}

.qMList li .list-item strong {display: block;white-space:nowrap;}



.qMDiagram {margin-top: 18px;text-align: center;}

.qMDiagram .img_box {position: relative;display: inline-block;}

.qMDiagram .img_box .mobile {display: none;}

.qMDiagram em.tit {position: absolute;left: 50%;top: 57%;font-size: 18px;font-weight: 500;line-height: 1.5;color: #000;transform: translateX(-50%);}

.qMDiagram .txtBox {position: absolute;padding-left: 64px;display: block;line-height:1.72;text-align: left;}

.qMDiagram .txtBox p {white-space:nowrap;}

.qMDiagram .txtBox.box01 {right: 0;top: 44px;}

.qMDiagram .txtBox.box02 {right: 100%;margin-right: 28px;bottom: 137px;}

.qMDiagram .txtBox.box03 {left: 100%;margin-left: 28px;bottom: 164px;}

.qMDiagram .txtBox strong {position: absolute;left: 0;top: 0;font-size:18px;line-height:1.2;color: #000;}

.qMDiagram .txtBox strong.st01{left:-42px;}

.qMDiagram .txtBox > strong + p {margin-top: 0;}



.qMStepList ul {margin-left: -145px;margin-top: -30px;}

.qMStepList li {position: relative;padding-left: 148px;padding-top: 30px;}

.qMStepList li:before {position: absolute;content: '';left: 0;top: 48%;height: 1px;width: 148px;border-top: 1px solid #a7a7a7;background-color: #dcdcdc;box-sizing:border-box;}

.qMStepList li:first-child:before {display: none;}

.qMStepList li .icon-box {margin: 0 auto;width: 100%;padding-top: 98.94%;border-radius: 50%; background-repeat: no-repeat; background-position: center; border: 1px solid #000;box-sizing:border-box;}

/*.qMStepList li .icon-box{ background: url(../../images/contents/qM_icon09.png) no-repeat 50%; }

.qMStepList li:nth-child(2) .icon-box {background-image: url(../../images/contents/qM_icon08.png);}

.qMStepList li:nth-child(3) .icon-box {background-image: url(../../images/contents/qM_icon07.png);}

.qMStepList li:nth-child(4) .icon-box {background-image: url(../../images/contents/qM_icon06.png);}

.qMStepList li:nth-child(5) .icon-box {background-image: url(../../images/contents/qM_icon05.png);}*/

.qMStepList li strong {display: block;text-align: center;margin: 0 -15px;margin-top: 21px;font-size: 22px;font-weight: 500;line-height: 1.5;color: #000;white-space:nowrap;}



.sust_top .txt_box p span {display: inline-block;padding: 0 10px;}





.warrList ul {display: flex;margin-left: -20px;margin-top: -30px;}

.warrList li {padding-left: 20px;padding-top: 30px;}

.warrList li .list-item {height: 100%;padding: 56px 35px 70px;border: solid 1px #e6e6e6;box-sizing:border-box;}

.warrList li .list-item .icon_box {margin:0 auto;width:118px;height:118px;border-radius:50%; background-repeat:no-repeat; background-position:center; background-color:#f8f8f8; }

/*.warrList li .list-item .icon_box{ background: #f8f8f8 url(../../images/contents/warr_icon01.png) no-repeat 50%; }

.warrList li:nth-child(2) .list-item .icon_box {background-image: url(../../images/contents/warr_icon02.png);}

.warrList li:nth-child(3) .list-item .icon_box {background-image: url(../../images/contents/warr_icon03.png);}

.warrList li:nth-child(4) .list-item .icon_box {background-image: url(../../images/contents/warr_icon04.png);}

.warrList li:nth-child(5) .list-item .icon_box {background-image: url(../../images/contents/warr_icon05.png);}*/

.warrList li .txtBox {margin-top: 35px;}

.warrList li .txtBox strong {margin-bottom: 21px;}

.warrList li .txtBox p.dash {position: relative;padding-left: 8px;line-height:2;}

.warrList li .txtBox p.dash:before {position: absolute;content: '-';left: 0;top: 0;}



.certifList {border-top: 2px solid #000;}

.certifList ul {flex-wrap:wrap;display: flex;}

.certifList ul li {border-bottom: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;box-sizing:border-box;}

.certifList ul li:nth-child(odd) {border-left: none;}

.certifList ul li .list-item {display: flex;padding: 42px 30px 42px 76px;height: 100%;box-sizing:border-box;}

.certifList ul li .list-item .img_box {min-width: 263px;}

.certifList ul li .list-item .txtBox {padding-left: 56px;padding-top: 20px;}

.certifList ul li .list-item .txtBox strong {display: block;line-height:1.72;}

.certifList ul li .list-item .txtBox p {line-height: 2;color: #000;}





.certifiWrap .txtBox strong {line-height: 1.89;color: #000;}

.certifiWrap .txtBox p.dash {position: relative;padding-left: 10px;line-height: 2;color: #000;}

.certifiWrap .txtBox p.dash:before {position: absolute;content: '-';left: 0;top: 0;}

.certifiWrap .txtBox p.dash + strong {margin-top: 42px;}



.careersTxt {margin: 0 auto 62px;max-width:612px;text-align: center;font-size: 24px;font-weight: 300;line-height: 1.83;}

.careersTxt strong {font-weight:400;}

.careerStep ul {font-size:0;margin-left: -40px;}

.careerStep li {position: relative;display: inline-block;padding-left: 40px;margin-top: 30px;width: 100%;width: calc(100% / 6);-webkit-width: calc(100% / 6);font-size:16px;vertical-align: top;box-sizing:border-box;}

.careerStep li:before {position: absolute;content: '';left: 0;top: 0;width: 40px;height: 100%;background: url(../../images/contents/hr_arr.png) no-repeat 50%;}

.careerStep li:first-child:before {display: none;}

.careerStep li .list-item .icon_box {position: relative;margin: 0 auto;max-width:115px;}

.careerStep li:nth-child(1) .list-item .icon_box, .careerStep li:nth-child(2) .icon_box {max-width:90px;}

.careerStep li:nth-child(6) .list-item .icon_box {max-width:100px;}

.careerStep li .list-item .icon_box .num {display: block;font-family: 'Poppins';font-size: 62px;line-height:1.4;font-weight: 500;color: #ebebeb;}

.careerStep li .list-item .icon_box .img_box {position: absolute;right: 0;bottom: 0;display: block;text-align: right;padding-left: 20px;box-sizing:border-box;}

.careerStep li .list-item strong {margin-top: 27px;line-height: 1.72;color: #000;text-align: center;}



.hrList ul {margin-left: -33px;margin-top: -30px;}

.hrList li {padding-left: 33px;padding-top: 30px;}

.hrList li .img_box {margin-top: -13px;}

.hrList li .img_box img {width: 100%;}

.hrList li .txtBox {margin-top: 43px;line-height: 2;}

.hrList li .txtBox p.dash {position: relative;padding-left: 10px;box-sizing:border-box;}

.hrList li .txtBox p.dash:before {position: absolute;content: '-';left: 0;top: 0;}



.hr_inquWrap {padding: 20px 48px;border-top: 1px solid #000;border-bottom: 1px solid #e6e6e6;box-sizing:border-box;}

.hr_inquWrap .hr_inqu_inner {font-size:0;margin-left: -148px;margin-top: -20px;}

.hr_inquWrap .hr_inqu_inner span {display: inline-block;padding-left: 148px;margin-top: 20px;font-size:15px;line-height:1.5;color: #000;vertical-align: middle;box-sizing:border-box;}

.hr_inquWrap .hr_inqu_inner span strong {position: relative;display: inline-block;padding-right: 22px;margin-right: 22px;font-size: 18px;font-weight: 500;line-height:1.4;}

.hr_inquWrap .hr_inqu_inner span strong:before {position: absolute;content: '';right: 0;top: 50%;width: 1px;height: 20px;background-color: #ebebeb;transform: translateY(-50%);}

.hr_inquWrap .hr_inqu_inner .contacBox {display: inline-block;}



/* career */

.tblAddWrap {margin-top: 34px;}

.tblAddWrap .tbl_ty1 th {background-color: #fbfbfb;}

.tblAddWrap .tbl_ty1 td {padding: 9px;}

.recruit_finish {max-width:1168px;padding: 128px 50px;margin: 0 auto;border: solid 4px #000000;box-sizing:border-box;}

.recruit_finish .recruit_finish_inner {text-align: center;}





/* 20200610 수정 yj */

.fc_gr {color: #22b14c !important;}



.bnWrap.ovv {height: auto;padding: 0;padding-top: 36%;}



.ovv_intro {position: relative;margin-top: 63px;padding-left: 582px;box-sizing:border-box;}

.ovv_intro strong {position: absolute;left: 0;top: 0;display: block;font-size: 30px;line-height: 1.87;color: #000;}

.ovv_intro p + p {margin-top: 25px;}



.txtBnWrap {position: relative;padding: 92px 0 90px;background-color: #00529c;text-align: center;}

.txtBnWrap:before {position: absolute;content: '';left: -100%;right: -100%;top: 0;bottom: 0;background-color: #00529c;z-index:-1;}

.txtBnWrap .txtBn_inner {position: relative;margin: 0 auto;max-width:966px;padding: 47px 50px;}

.txtBnWrap .txtBn_inner:before {position: absolute;content: '';left: 0;top: 0;width: 34px;height: 23px;background: url(../images/icon_trag_top.png) no-repeat 50%;}

.txtBnWrap .txtBn_inner:after {position: absolute;content: '';right: 0;bottom: 0;width: 34px;height: 23px;background: url(../images/icon_trag_bot.png) no-repeat 50%;}

.txtBnWrap .txtBn_inner p {font-size: 20px;line-height: 1.75;color: #fff; white-space:pre-wrap; }



.visionList li {display: block;}

.visionList .list-item {display: flex;justify-content:center;align-items:center;}

.visionList .list-item.ty_rvs {flex-direction:row-reverse;}

.visionList .list-item > div {width: 50%;}

.visionList .list-item .txtBox {padding: 0 10%;box-sizing:border-box;}

.visionList .list-item.ty_rvs .txtBox_inner {max-width:392px;}

.visionList .list-item .txtBox strong {display: block;font-size: 32px;line-height: 1.25;color: #000;}

.visionList .list-item .txtBox p {margin-top: 27px;}



.coreWrap {position: relative;padding: 131px 0 121px;}

.coreWrap:before {position: absolute;content: '';left: -100%;right: -100%;top: 0;bottom: 0;background-color: #f5f5f5;z-index:-1;}

.coreList {padding: 0 40px;box-sizing:border-box;}

.coreList ul {margin-left: -70px;margin-top: -20px;display: flex;flex-wrap:wrap;}

.coreList li {padding-left: 70px;padding-top: 20px;}

.coreList li .list-item {position: relative;padding: 276px 49px 69px;height: 100%;background-color: #fff;box-sizing:border-box;}

.coreList li .list-item .icon_box {position: absolute;left: 50%;top: 98px;width: 115px;height: 115px;border-radius: 100%;background-color: #00529c;background-repeat: no-repeat;background-position: 50%; transform: translateX(-50%);}
.coreList li .list-item .icon_box img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.coreList li .list-item p {position: relative;padding-left: 10px;line-height:2;box-sizing:border-box; white-space:pre-wrap; }

.coreList li .list-item p:before {position: absolute;content: '-';left: 0;top: 0;}



/* history */

.histoTitWrap {padding-bottom: 0;}

.hisCont {position: relative;width: 100%;margin-top: 70px;}

.hisCont:before {position: absolute;content: '';left: 50%;bottom: 0;width: 6px;height: 6px;border-radius: 50%;background-color: #22b14c;transform: translateX(-50%);z-index:2;}

.hisCont .historyBd {position: absolute;left: 50%;top: 20px;margin-left: -1px;bottom: 0;width:1px;background-color: #dcdcdc;overflow: hidden;}

.hisCont .historyBd:before {position: absolute;content: '';left: 50%;bottom: 0;width: 6px;height: 6px;border-radius: 50%;background-color: #22b14c;transform: translateX(-50%);}

.hisCont .historyBd span#scr_bar {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 200px;background:#22b14c;transition:all .02s linear} 

.hisCont dl {position: relative;margin-top: -30px;width: 50%;box-sizing:border-box;}

.hisCont dl.first {margin-top: 0;}

.hisCont dl.right {float: right;text-align: left;padding-left: 35px;}

.hisCont dl.left {float: left;text-align: right;padding-right: 35px;}

.hisCont dl em {position: absolute;left: 0;top: 3px;margin-left: -15px;width: 30px;height: 30px;background-color: #fff;border: solid 1px #e6e6e6;border-radius: 50%;box-sizing:border-box; transform: scale(0);transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);}

.hisCont dl em:before {position: absolute;content: '';left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;background-color: #22b14c;transform: translate(-50%, -50%);}

.hisCont dl em.active {transform: scale(1);}

.hisCont dl.left em  {left: auto;right: 0;margin-left: 0;margin-right: -15px;}

.hisCont dt {display: block;font-size: 30px;font-weight: 500;line-height:1.2;color: #000;}

.hisCont dd {margin-top: 16px;}

.hisCont dd p {position: relative;padding-left: 31px;font-weight:300;line-height:1.7;}

.hisCont dd p + p {margin-top: 13px;}

.hisCont dd p span {position: absolute;left: 0;top: 0;font-weight: 500;}

.hisCont dd p b {font-weight:300;}

.hisCont dd p strong {font-weight:300;}

.hisCont dl.left dd p {position: relative;padding-left: 0;padding-right: 31px;}

.hisCont dl.left dd p span {position: absolute;left: auto;right: 0;top: 0;}

.hisCont .imageBox {margin-top: 32px;}





/* business */

.tab_txt_box + .tab_txt_box {margin-top: 40px;border-top: 1px solid #ddd;}

.tab_txt_box strong {padding-top: 30px;margin-bottom: 10px;}

.tab_txt_box strong.first {padding-top: 0;}

.tab_txt_box strong + p {margin-top: 0;}

.tab_txt_box .bulList li {position: relative;padding-left: 10px;box-sizing:border-box;}

.tab_txt_box .bulList li:before {position: absolute;content: '';left: 0;top: 11px;width: 4px;height: 4px;background-color: #22b14c;}





/* 20200619 추가 yj */

.maintncWrap {display: flex;}

.maintncWrap .imgArea {width: 565px;padding-left: 35px;padding-top: 30px;box-sizing:border-box;}

.maintncWrap .infoArea {flex:1;padding-left: 113px;} 

.maintncWrap .infoArea .txt_box strong {display: block;margin-top:30px; margin-bottom: 38px;font-size: 28px;line-height: 1.57;}

.maintncWrap .infoArea .txt_box p {font-size: 18px;line-height: 1.89;}

.maintncWrap .infoArea .col3List {margin-top: 40px;}

.maintncWrap .infoArea .col3List ul {margin-left: -40px;margin-top: -20px;}

.maintncWrap .infoArea .col3List li {padding-left: 40px;padding-top: 20px;}



/* 20220228 유지관리 콘텐츠 수정 */

.repairWrap {display: flex;}

.repairWrap .imgArea {width: 300px;padding-left: 35px;padding-top: 30px;box-sizing:border-box;}

.repairWrap .infoArea {flex:1;padding: 25px 0 0 30px} 

.repairWrap .infoArea .txt_box strong {display: block;margin-top:30px; margin-bottom: 38px;font-size: 28px;line-height: 1.57;}

.repairWrap .infoArea .txt_box p {font-size: 18px;line-height: 1.89;}

/* 20220228 유지관리 콘텐츠 수정 */



.bnWrap.network {}

.tabContWrap .busiList li .txtBox  {text-align: left;}

.tabContWrap .busiList li .txtBox * {margin-top: 0;}

.tabContWrap .busiList li .txtBox strong {margin-bottom: 20px;text-align: center;}

.txtBox > strong + * {margin-top: 20px;}



.tabContWrap .busiList li .img_box span {overflow:hidden;}









.statusListWrap {display: flex;padding-bottom: 40px;}

.statusListWrap .col2-list {width: calc(50% - 20px);box-sizing:border-box;}

.statusListWrap .col2-list:nth-child(odd) {margin-right: 20px;}

.statusListWrap .col2-list:nth-child(even) {margin-left: 20px;}



.statusListWrap .col2-list .subTitWrap {padding-top: 40px;}



.statusList {padding-bottom: 30px;box-sizing:border-box;}

.statusList ul {margin-left: -30px;margin-top: -20px;}

.statusList  li {padding-left: 30px;padding-top: 20px;}

.statusList2 ul {margin-left: -30px;margin-top: -20px;}

.statusList2  li {padding-left: 30px;padding-top: 15px; text-transform: uppercase;}



@media screen and (max-width: 1640px){

	.sub .inner {padding: 0 50px;box-sizing:border-box;}

}



@media screen and (max-width: 1410px){

	.subsWrap .off_info {padding: 0;padding-left: 40px;}



	.social_bot dl .socialStep ul {flex-wrap:wrap;}

	.social_bot dl .socialStep li {width: calc(100% / 3);-webkit-width: calc(100% / 3);}



	.qMDiagram {}

	.qMDiagram .txtBox {padding-left: 0;}

	.qMDiagram .txtBox strong {position: static;margin-bottom: 10px;}

	.qMDiagram .txtBox.box01 {right: 85px;top: 48px;}

	.qMDiagram .txtBox.box02 {bottom: 105px;margin-right: 17px;}

	.qMDiagram .txtBox.box03 {margin-left: 17px;bottom: 133px;}

	

	.qMStepList li {width: 33.333%;}

	.qMStepList li:nth-child(4) {margin-left: 148px;}

	.qMStepList li strong {white-space:normal;}



	.warrList ul {flex-wrap:wrap;}

	.warrList li {width: 33.333%;}



	.certifList ul li {width: 100%;border-left: none;}



	/* 20200619 추가 yj */

	.maintncWrap .infoArea {padding-left: 50px;}

}



@media screen and (max-width: 1280px){

	.qMList ul {margin-left: -20px;}

	.qMList li {padding: 0 20px;}

	.qMList li .list-item {align-items: flex-start;padding:0;padding-top: 60px;-webkit-background-position: 50% top;background-position: 50% top;}

	.qMList li .list-item:before {right: -20px;}

	.qMList li .list-item strong {margin: 0 auto;white-space: normal;text-align: center;}



	.qMDiagram .img_box .pc {display: none;}

	.qMDiagram .img_box .mobile {display: block;}

	.qMDiagram .txtBox {position: static;}

	.qMDiagram .txtBox br {display: none;}

	.qMDiagram .txt_box_top .txtBox{padding-bottom: 20px;text-align: center;}

	.qMDiagram .txt_box_bot {font-size:0;margin-left: -110px;}

	.qMDiagram .txt_box_bot .txtBox {display: inline-block;padding-left:110px;padding-top: 20px;margin: 0;width: 50%;font-size:16px;vertical-align: top;text-align: center;box-sizing:border-box;}

	.qMDiagram .txtBox p {white-space:normal;}



	/* 20200610 수정 yj */

	.ovv_intro {padding-left: 482px;}



	.coreList {padding: 0;}

	.coreList ul {margin-left: -30px;}

	.coreList li {padding-left: 30px;}

}



@media screen and (max-width: 1210px){

	.subsWrap {flex-wrap:wrap;}

	.subsWrap .off_info {padding-left: 0;padding-top: 30px;}

	.subsWrap .off_Img {min-width:auto;width: 100%;max-width:630px}



	.careerStep ul {flex-wrap:wrap;}

	.careerStep li {width: calc(100% / 3);-webkit-width: calc(100% / 3);}

	.careerStep li:nth-child(4):before  {display: none;}



	/* 20200619 추가 yj */

	.maintncWrap {display: block;margin-top: 20px;}

	.maintncWrap .imgArea {width: 100%;padding: 0;}

	.maintncWrap .infoArea {padding-left: 0;padding-top: 50px;max-width:860px;}

	.maintncWrap .infoArea .txt_box strong {margin-bottom: 20px;}

}



@media screen and (max-width: 1100px){

	.iconList li {width: 100%;}

	.historyWrap {margin-left: -50px;}

	.historyWrap .history-item {padding-left: 50px;width: 50%;}



	/* 20200610 수정 yj */

	.ovv_intro {padding-left: 0;} 

	.ovv_intro strong  {position: static;margin-bottom: 30px;}

	.ovv_intro strong br {display: none;}



	.coreList li {width: 50%;}

}

@media screen and (max-width: 1024px){

	.statusList li {width: 50%;}

	.statusList2 li {width: 100%;}

}





@media screen and (max-width: 900px){

	.sub .inner {padding: 0 30px;}



	.col4List li {width: 50%;}



	.tabContWrap .busiList ul {margin-left: -20px;}

	.tabContWrap .busiList li {padding-left: 20px;}



	.qMList li:nth-child(2) .list-item:before {display: none;}



	.qMStepList ul {margin-left: -100px;}

	.qMStepList li {padding-left: 100px;}

	.qMStepList li:nth-child(4) {margin-left: 100px;}

	.qMStepList li:before {width: 100px;}



	.warrList li {width: 50%;} 



	/* 20200610 수정 yj */

	.visionList li + li {margin-top: 30px;}

	.visionList .list-item {display: block;}

	.visionList .list-item > div {width: 100%;}

	.visionList .list-item .txtBox {padding: 0;margin-top: 20px;}

	.visionList .list-item .txtBox p {margin-top: 20px;}



	.hisCont:before {left: 10px;}

	.hisCont .historyBd {left: 0;}

	.hisCont dl {width: 100%;}

	.hisCont dl.right {float: none;}

	.hisCont dl.left {flex-direction: row;-webkit-flex-direction: row;padding-left: 35px;padding-right: 0;float: none;text-align: left;}

	.hisCont dl.left:before {right: auto;left: 0;}

	.hisCont dl.left em {right: auto;left: 0px;margin-right: 0;margin-left: -12px;}

	.hisCont dl.left dd p {padding-right: 0;padding-left: 31px;}

	.hisCont dl.left dd p span {left: 0;right: auto;}

	.hisCont dl.left .imageBox {flex-direction:row;}

}



@media screen and (max-width: 767px){

	.sub .inner {padding: 0 15px;}

	.contents {padding: 70px 0 150px;}



	.subVisual {height: 275px;}


	.subVisual .txt_box strong {padding: 0 18px;font-size:21px;}

	.subVisual .txt_box strong span {left: -20px;}

	.subVisual .txt_box strong span.r {left: auto;right: -20px;}

	.subVisual .txt_box strong.gogo span {width: 20px;}

	.contTitWrap {padding-bottom: 12px;}

	.contTitWrap strong {font-size:16px;}

	.contTitWrap strong span.bd {margin: 2px 10px;}



	.subContSec + .subContSec {padding-top: 70px;}



	.subTitWrap {padding-bottom: 30px;}

	.subTitWrap h2 {font-size:18px}

	.subTitWrap p {font-size: 14px;line-height: 22px;}

	.bnWrap {height: 320px;padding: 34px 30px;}

	.bnWrap .txt_box {font-size:23px}



	.txtBox.ty_intro {margin-top: 25px;}



	.txtBox {font-size:13px;}

	.txtBox > strong {font-size:15px}

	.txtBox.ty_intro > strong + p {margin-top: 15px;}

	.txtBox.ty_intro p {margin-top: 12px;}





	.visionList ul {margin-left: -10px;margin-top: -30px;}

	.visionList li {width: 100%;padding-top: 30px;padding-left: 10px;}

	.visionList li .txtBox {margin-top: 15px;}

	.txtBox > strong + p {margin-top: 10px;}



	.iconList ul {margin-top: -30px;}

	.iconList li {padding-top: 30px;}

	.iconList .list-item {flex-wrap:wrap;}

	.iconList li .txtBox {width: 100%;padding-left: 0;padding-top: 20px;}

	.iconList .list-item .icon_box {margin: 0 auto;min-width: 120px;height: 120px;}



	.gridBox {height: 250px;}

	.ciWrap .txtBox {margin-top: 20px;}

	.ciWrap .btn_area {margin-top: 30px;}

	.ciList li {width: 100%;}

	.ciList li .gridBox {height: 210px;}



	.btn_area {margin-left: -5px;}

	.btn_area .btn {margin-left: 5px;width: 142px;line-height: 43px;font-size:12px;}



	.tabWrap {margin-bottom: 30px;}

	.tabWrap a {font-size:12px;height: 48px;}



	.histoTitWrap {margin-top: 40px;padding-bottom: 45px;}

	.histoTitWrap span {font-size:20px;line-height:1.4;}

	.histoTitWrap strong {margin-top: 5px;font-size:16px;}

	.historyWrap {margin-top: -40px;}

	.historyWrap .history-item {width: 100%;padding-top: 40px;}

	.historyWrap .history-item .tit {padding-bottom: 10px;font-size:25px;}

	.historyWrap .history-item .txtBox {margin-top: 20px;}

	.historyWrap .history-item .txtBox p {padding-left: 25px;}



	.placeWrap .placeSlider .place-item {height: 250px;}

	.placeSlider .slick-arrow {width: 47px;height: 52px;}

	.placeSlider + .txtBox {margin-top: 30px;}

	.plecInfo ul {margin: 0;}

	.plecInfo li {position: relative;display: flex;align-items:center;min-height:50px;padding-left: 65px;padding-top: 0;margin-top: 10px;}

	.plecInfo li .icon_box {position: absolute;top: 50%;left: 0;margin-top: -30px;width: 50px;height: 50px;margin-right: 0;}

	.plecInfo li span {font-size:13px;}



	.placeWrap .tblWrap {margin-top: 50px;}

	.mapWrap {margin-top: 50px;height: 220px;}

	.subsWrap .off_info .btn_area {margin-top: 30px;}

	.subsWrap .off_info .txtBox strong + p {margin-top: 20px;}

	.officeSlider .slick-arrow {width: 47px;height: 52px;}



	.netwList ul {margin-left: -20px;margin-top: -30px;}

	.netwList li {padding-left: 20px;padding-top: 30px;}



	.bnWrap.system {height: 280px;}

	.business .txtBox.ty_intro {margin-top: 40px;}

	.busiWrap {margin-top: 60px;}



	.col3List li {width: 50%;}

	.col3List.tabWrap li {width: 33.333%;}



	.tabContWrap .busiList ul {margin-left: -10px;}

	.tabContWrap .busiList li {padding-left: 10px;}

	.tabContWrap .busiList li .txtBox {margin-top: 20px;}



	.bnWrap.system-view {height: 210px;}



	.coreValueList .coreValue-item {display: block;padding-right: 0;}

	.coreValueList .coreValue-item > * {display: block;width: 100% !important;padding-top: 10px;}

	.coreValueList .coreValue-item strong {text-align: left;padding-top: 0;}

	.coreValueList .coreValue-item .cvInfo {margin-left: -5px;}

	.coreValueList .coreValue-item .contacBox {position: static;}

	.contacBox a {width: 43px;height: 43px;}

	.coreValueList .coreValue-item .contacBox a + a {margin-left: 10px;}



	.social_top .txt_box strong {font-size:24px;}

	.social_top .txt_box p {padding-top: 17px;font-size:14px;}

	.social_top .btn_area {margin-top: 30px;}

	.social_bot {padding-top: 40px;margin-bottom: 25px;}

	.social_bot dl {margin-top: 0;padding-left: 20px;}

	.social_bot dl + dl {margin-top: 22px;}

	.social_bot dt {margin-left: -20px;margin-bottom: 15px;font-size:16px;}

	.social_bot dl p {margin-top: 12px;}



	.social_bot dl .socialStep li {width: calc(100% / 1);-webkit-width: calc(100% / 1);}



	.sust_top  {margin-bottom: 60px;}

	.qMList {margin-top: 0;}



	.qMList li {padding: 0 10px;}

	.qMList li .list-item strong {font-size:13px;}



	.qMStepList li {width: 100%;padding-bottom: 40px;}

	.qMStepList li:first-child:before {display: block;}

	.qMStepList li:last-child:before {display: none;}

	.qMStepList li:nth-child(4) {margin-left: 0;}

	.qMStepList li .icon-box {width:180px;padding-top: 0;height: 180px;}

	.qMStepList li:before {top: auto;left: 50%;height: 40px;width: 1px;bottom: -13px;margin-left: 49px;}

	.qMStepList li strong {margin: 0;margin-top: 15px;font-size:16px;}



	.qMDiagram em.tit {top: 52%;font-size:16px;}

	.qMDiagram .txtBox strong {margin-bottom: 7px;font-size:16px;}

	.qMDiagram .txt_box_bot .txtBox {font-size:13px;}



	.warrList ul {margin-top: -20px;}

	.warrList li {padding-top: 20px;width: 100%;}

	.warrList li .list-item {position: relative;padding: 20px 10px 20px 120px;}

	.warrList li .list-item .icon_box {position: absolute;left: 10px;top: 50%;width: 95px;height: 95px;transform: translateY(-50%);}

	.warrList li .txtBox {margin-top: 0;} 

	.warrList li .txtBox strong {margin-bottom: 10px;}



	.certifList ul li .list-item {flex-wrap:wrap;padding: 30px 0;}

	.certifList ul li .list-item .txtBox {width: 100%;padding-left: 0;padding-top: 20px;box-sizing:border-box;}

	.certifList ul li .list-item .img_box {min-width: auto;}



	.careerStep ul {margin-left: -20px;margin-top: -30px;}

	.careerStep li {padding-left: 20px;}

	.careerStep li {width: calc(100% / 2);-webkit-width: calc(100% / 2);}

	.careerStep li:before {display: none;}



	.hrList li {width: 100%;}

	.hrList li .txtBox {margin-top: 20px;}



	.careersTxt {margin: 0 auto 30px;font-size:18px;}



	.hr_inquWrap {padding: 20px 0;}

	.hr_inquWrap .hr_inqu_inner {margin-left: 0;}

	.hr_inquWrap .hr_inqu_inner span {display: block;padding-left: 0;font-size:13px;}

	.hr_inquWrap .hr_inqu_inner span strong {display: block;padding-bottom: 5px;font-size:15px;}

	.hr_inquWrap .hr_inqu_inner span strong:before {display: none;}

	.hr_inquWrap .contacBox a {width: 40px;height: 40px;}



	/* career */

	.recruit_finish {padding: 50px 20px;border: solid 2px #000000;}

	.recruit_finish .btn_area .btn {width: 120px;}



	/* 20200610 수정 yj */

	.bnWrap.ovv {height: auto;padding: 0;padding-top: 36%;}

	.ovv_intro {margin-top: 30px;} 

	.ovv_intro strong  {margin-bottom: 20px;font-sizE:18px;}

	.ovv_intro p + p {margin-top: 10px;}



	.txtBnWrap {padding: 45px 0;}

	.txtBnWrap .txtBn_inner {padding: 27px 20px;}

	.txtBnWrap .txtBn_inner:before {width: 22px;-webkit-background-size: 100% auto;background-size: 100% auto;}

	.txtBnWrap .txtBn_inner:after {width: 22px;-webkit-background-size: 100% auto;background-size: 100% auto;}

	.txtBnWrap .txtBn_inner p {font-size:15px;}



	.visionList .list-item .txtBox strong {font-size:18px;}

	.visionList .list-item .txtBox p {margin-top: 5px;}



	.coreWrap {padding: 60px 0;}

	.coreList li {width: 100%;}

	.coreList li .list-item {padding: 130px 20px 30px;}

	.coreList li .list-item .icon_box {top: 20px;width: 80px;height: 80px;background-size: 45% auto;}



	.histoTitWrap {padding-bottom: 0;}

	.hisCont {margin-top: 50px;}

	.hisCont .historyBd {left: 10px;}

	.hisCont dl {margin-top: 40px;padding-right: 0;padding-top: 5px;}

	.hisCont dl.right, .hisCont dl.left {padding-left: 35px;}

	.hisCont dl:before {width: 40px;}

	.hisCont dl.right em, .hisCont dl.left em {width: 20px;height: 20px;left: 0px;margin-left: 0;}

	.hisCont dl em:before {width: 4px;height: 4px;}

	.hisCont dt {font-size:20px;}

	.hisCont dt .img_box {width: 50px;}

	.hisCont dd {margin-top: 20px;}

	.hisCont dd strong {font-size:18px;}

	.hisCont dd p {padding-left: 25px;font-size:13px;}

	.hisCont dl.left dd p {padding-left: 25px;}

	.hisCont dd p strong {font-size:13px;}

	.hisCont .imageBox {margin-top: 30px;}



	/* 20200619 추가 yj */

	.maintncWrap .imgArea {padding: 0 20px;} 

	.maintncWrap .infoArea .txt_box strong {font-size:16px;margin-bottom: 10px;}

	.maintncWrap .infoArea .txt_box p {font-size:14px;}

	.maintncWrap .infoArea .col3List {margin-top: 20px;}

	.maintncWrap .infoArea .col3List ul {margin-left: -10px;margin-top: -10px;}

	.maintncWrap .infoArea .col3List li {padding-left: 10px;padding-top: 10px;}

	.maintncWrap .infoArea .col3List li img {width: 100%;}



	/* 20220228 유지관리 콘텐츠 수정 */

	.repairWrap {display: inline;}

	.repairWrap .imgArea {display: inline;width: 300px;padding-left: 35px;padding-top: 30px;box-sizing:border-box;}

	.repairWrap .infoArea {display: inline;padding: 25px 0 0 30px} 

	.repairWrap .infoArea .txt_box strong {display: block;margin-top:30px; margin-bottom: 38px;font-size: 28px;line-height: 1.57;}

	.repairWrap .infoArea .txt_box p {font-size: 18px;line-height: 1.89;}

	/* 20220228 유지관리 콘텐츠 수정 */



	.gridBox.ty_emblem {height: auto;}



	.netwList {margin-top: 50px;}



	.tabContWrap .busiList li .txtBox strong {margin-bottom: 10px;}

	.txtBox > strong + * {margin-top: 10px;}





	/* 20220228 유지관리 콘텐츠 수정 */

	.repairWrap {display: inline;}

	.repairWrap .imgArea {display: inline;width: 300px;padding-left: 35px;padding-top: 30px;box-sizing:border-box;}

	.repairWrap .infoArea {display: inline;padding: 25px 0 0 30px} 

	.repairWrap .infoArea .txt_box strong {display: block;margin-top:30px; margin-bottom: 38px;font-size: 28px;line-height: 1.57;}

	.repairWrap .infoArea .txt_box p {font-size: 18px;line-height: 1.89;}

	/* 20220228 유지관리 콘텐츠 수정 */



	.statusListWrap {display: block;}

	.statusListWrap .col2-list {width: calc(100% - 0px);}

	.statusListWrap .col2-list:nth-child(odd) {margin-right: 0px;}

	.statusListWrap .col2-list:nth-child(even) {margin-left: 0px;}



	.statusListWrap .col2-list:first-child .subTitWrap {padding-top: 0;}

	.statusList ul {margin-left: -20px;}

	.statusList li {padding-left: 20px;}

}



@media screen and (max-width: 460px){

	.qMDiagram em.tit {top: 51%;font-size:14px;}

	.qMDiagram .txt_box_bot {margin-left: -20px;}

	.qMDiagram .txt_box_bot .txtBox {padding-left: 20px;}

}