@charset "utf-8";

/********************************************************************************************************************** ************/
/**********************************************************************************************************************************/
/****************************************************    MAIN    **********************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/*-------------------- Header ------------------*/
/*EN logo*/
.logoWrap h1.logo a {background:url(../../../images/group/en/en_logo.png) no-repeat 0 0;}
.on .logoWrap h1.logo a {background:url(../../../images/group/en/en_logo.png) no-repeat 0 0;}
.scroll_ON .logoWrap h1.logo a {background:url(../../../images/group/en/en_logo_bk.png) no-repeat 0 0;}
/*localization*/
.header .utils .localization {display:block;}
.header .utils .localization ul li:not(.on) a {display:none;}
.header .utils .localization ul:hover li:not(.on) a {display:block;}
/*gnb popup*/
.header .gnb ul.fix{width:1380px;}
.header .gnb ul li a.dep1 {line-height:40px;}
.header .gnb ul li.depth1{margin-left:100px;}
.header .gnb ul li.depth1:first-child{margin-left:0;}
.header .gnb ul li.depth1 a {margin-bottom:30px;}
.header .gnb ul li.depth1:first-child a {height:82px;}
.header .gnb ul li ul.sub_menu li {height:auto;}
.header .gnb ul li ul.sub_menu li:first-child {margin-top:0;}
.header .gnb ul li a.dep2{line-height:46px;font-size:20px;letter-spacing:0;font-weight:300;}
.load section.headerTitle p{letter-spacing:0;font-weight:300;}

/*-------------------- Main Content ------------------*/
/*main Txt*/
.groupLinkIco li a span{text-transform: uppercase;}
.businessAreasControl li .parallaxBgWrap .txt span.kr{margin-top:21px;letter-spacing: normal;}
.mainVisualWrap .mainVisualList li .parallaxTxtWrap .parallaxTxt.en + .parallaxTxt.line2 {font-size:50px;}
.parallaxImg .txt span.kr {line-height:1.7; letter-spacing: normal; font-size:40px; margin-top:10px;}
.esgKeywordWrap .keywordTit dt{margin-top:-42px;line-height:70px;font-size:60px;}
.esgKeywordWrap .keywordTit dd .parallaxTxtWrap .parallaxTxt{line-height:55px;font-size:30px;}
.esgKeywordWrap .esgKeywordList .esgKeywordBtn li .esgKeywordImg .parallaxTxtWrap .parallaxTxt{font-size:42px;}
.parallaxImg.normalImg02 .noticeCont li dl dt{font-size:25px;}
.parallaxImg.normalImg02 .noticeCont li dl dd{letter-spacing: normal;}

/*-------------------- Content ------------------*/
/*그룹소개 Group Overview*/
.gi_intro .introTop em {letter-spacing: normal; line-height:1.4;}
.gi_intro .introTop div {line-height:35px;}
.gi_intro.visualBg_1 {background:#f6f6f6 url(../../../images/group/en/en_gi_01_img_1_1.png) no-repeat 50% 50%;}
.groupInfo_ment02 {letter-spacing: -0.5px;}
.groupInfo_ceo .ceoMent div {font-size:16px; font-weight:300;}
.ciInfo .stit {font-weight:400;}
.ciInfo .ciInfoTab li.citab .tabCont .ciMent {font-size:16px;}
/*그룹소개 History*/
.historyContent .visual .bg > p {line-height:1.3;}
/*그룹소개 Vision2030*/
.throphyBoxWrap .throphyBoxList > li > a {font-size:18px;}
.throphyBoxWrap .throphyBoxList > li.line5 > p {font-size:18px; padding-top: 11px;}
.throphyBoxDetail .dotList li:before {top:15px;}
.throphyBoxDetail em.en {font-size:17px;}
.throphyBoxDetail .dotList li {font-size:17px;}
.throphyBoxDetail .txt {margin-top:0; font-size:17px;}
.throphyBoxDetail .txt span {display:inline-block; margin-top:10px; font-size:17px;}
.visionTitWrap {letter-spacing: normal;}
.businessGoalList > li .listInner .goalTit dd {font-size:17px; letter-spacing: normal; line-height:1.3;}
.businessGoalList > li .listInner {padding-left:100px; width:450px; text-align:center;}
.businessGoalList > li:nth-child(odd) .listInner {padding-right:100px;}
.businessGoalList > li .listInner .goalTit {margin-top:50px;}
.businessGoalList > li .listInner .goalTxtList {display:flex; flex-direction: column; align-items: center;}
.businessGoalList > li .listInner .goalTxtList li {margin-bottom:0; letter-spacing: normal;}
.businessGoalList > li .listInner .goalTxtList li:before {top:14px;}
.visionTitWrap > h4 {letter-spacing: normal;}
.visionTitWrap > p {font-size:16px;}
.businessDirectWrap .businessDirectList > li {padding:125px 0;}
.businessDirectWrap .businessDirectList .directInnerList {width:250px;}
.businessDirectWrap .businessDirectList li:first-child .directInnerList li:nth-child(2) {margin-top:40px;}
.businessDirectWrap .businessDirectList .directInnerList li dl dd {font-size:16px;}
.valuePracticeList > li {height:540px;}
.valuePracticeList > li p.en {margin-bottom:50px;}
.valuePracticeList > li ul {border-top:1px solid #cccccc; padding-top:30px;}
.valuePracticeList > li ul li {font-size:15px; line-height:25px;}
.portfolioWrap .bgBox > ul > li > p {height:320px; font-size:24px; font-weight:600;padding-top:95px;}
.portfolioWrap .bgBox > ul > li.last > p {padding-top:95px; font-weight:500;}
.portfolioWrap .bgBox > ul > li ul li {font-size:15px;}
.portfolioWrap .bdBox .bdtSub p {width:auto;}
.portfolioWrap .bdBox .bdtSub > li {flex-direction: column; height:auto; width:340px; margin-top:20px;}
.portfolioWrap .bdBox .bdtSub > li:first-child {margin-top:0;}
.portfolioWrap .bdBox .bdtSub span {letter-spacing: normal; line-height:1.5; font-weight:400;}

/* 2021-12-06 추가 : S */
.valuePracticeList > li.type2 .left_tit {padding:20px 0; }
.valuePracticeList > li.list01 .left_tit:before{background: url(../../../images/group/ko/value_practice_ico01.png) no-repeat center center;}
.valuePracticeList > li.list02 .left_tit:before{background: url(../../../images/group/ko/value_practice_ico02.png) no-repeat center center;}
.valuePracticeList > li.list03 .left_tit:before{background: url(../../../images/group/ko/value_practice_ico03.png) no-repeat center center;}
.valuePracticeList > li.list04 .left_tit:before{background: url(../../../images/group/ko/value_practice_ico04.png) no-repeat center center;}
.valuePracticeList > li.type2 ul {border-top:0 none; padding-top:0; }
.valuePracticeList > li.type2.paddType {padding: 30px 10px;}
.valuePracticeList > li.type2 ul li {font-size:17px; }

/* 2021-12-06 추가 : E */

/*사업분야*/
.pageTopMent em {letter-spacing: normal; font-size:50px;}
.pageTopMent p {font-size:18px; letter-spacing: normal;}
.businessOverview dl dd.info .ptopTitle p {margin-bottom:18px;}
.businessOverview dl dd.info .ptopInfo p {letter-spacing: normal; }
.businessOverview .businessList > dl > dd.info > p{margin-bottom:54px;line-height:30px;font-size:18px;letter-spacing:0;}

#container .btnS {line-height:36px;}
.CompanyOverviewPop .ptopTitle > h4 {font-size:50px;}
.CompanyOverviewPop .ptopTitle > p {font-size:28px; letter-spacing: normal;}
.CompanyOverviewPop .ptopInfo > ul li {display:block;}
.CompanyOverviewPop .ptopInfo > ul p {width:auto; position:relative; display:inline-block; letter-spacing: normal;}
.CompanyOverviewPop .ptopInfo > ul p:after {content:"|"; padding:0 7px;}
.CompanyOverviewPop .ptopInfo > ul span {display:inline; letter-spacing: normal;}
.CompanyOverviewPop .popMid > p {font-size:16px; letter-spacing: normal;}
.CompanyOverviewPop .popMid > .coInfo dd > span {letter-spacing: normal;}
.CompanyOverviewPop .popTop > div {height:auto;}

/*ESG경영 Goals Directions */
#lnbWrap ul.left_nav li a.dep1 {padding:0; font-size:18px;}
#lnbWrap ul.left_nav > li {display:inline-flex; align-items: center; height:58px;}
#lnbWrap ul.left_nav li.active > a.dep1 {padding-bottom:0; border-bottom:0;}
#lnbWrap ul.left_nav > li.active {border-bottom:2px solid #3a6261;}
.esgTitle > p {font-size:18px; letter-spacing: normal; line-height:30px;}
.esgOperation .esgCycle .esgcTxt span {font-size:16px; font-weight:300;}
.esgOperation .esgCycle > .ecycleMid li > p {margin:100px 0 0; font-weight:400; letter-spacing: normal;}
.esgOperation .esgCycle > .ecycleMid .ecycleC {margin:155px auto;}
.esgOperation .esgCycle > .ecycleMid .ecycleC > p {font-weight:600;}
.esgOperation .esgGoal dl dd span {font-size:16px; line-height:25px; letter-spacing: normal;}
.esgTitles > h4 {letter-spacing: normal;}
.esgTitles > p {font-size:16px; letter-spacing: normal;}
.esgOperation .esgPropSystem ul > li {font-size:16px; font-size:normal;}
.esgOperation .esgCycle .esgcTxt p,
.esgOperation .esgCycle .esgcTxt span{letter-spacing: normal;}
.esgOperation .esgCycle > .ecycleMid li > span{color:#666;}
.esgOperation .esgCycle > .ecycleMid li:last-child > span{right:203px;}
.esgOperation .esgGoal dl{width:auto;margin:0 180px 0 200px}
.esgOperation .esgGoal dl:nth-child(2){margin:80px 180px 80px 200px}
.esgOperation .esgGoal dl strong{font-size:36px;letter-spacing: normal;}
.esgOperation .esgGoal dl p{margin:39px 0 13px;letter-spacing: normal;}
.esgOperation .esgGoal dl dd span{color:#666;}

/*ESG경영 Environment Management(E) */
.esgOperation .environList h4 {background:url(../../../images/group/en/en_esg_02_01_campain_txt.png) no-repeat center top 520px fixed;}
.esgOperation .environList > .enListcampain p {font-size:16px; letter-spacing: normal; max-width:420px; padding-top:50px;}
.esgOperation .environList > .enListeco > h4 {background-image:url(../../../images/group/en/en_esg_02_01_eco_txt.png);}
.esgOperation .environList > .enListeco p {max-width:420px; letter-spacing: normal; font-size:16px; padding-top:60px;}
.esgOperation .environList > .enListclimate > h4 {background-image:url(../../../images/group/en/en_esg_02_01_climate_txt.png);}
.esgOperation .environList > .enListclimate p {font-size:16px; letter-spacing: normal; max-width:550px;}
.esgOperation .environList > .enListworkplace > h4 {background-image:url(../../../images/group/en/en_esg_02_01_workplace_txt.png);}
.esgOperation .environList > .enListworkplace > p {max-width:535px; letter-spacing: normal; font-size:16px;}

/*ESG경영 Social Contribution(S) */
.governance .donate .visual div p {font-size:16px; letter-spacing: normal;}
.governance .ethContents .business dl {height:auto;}
.governance .business dl dt {font-size:27px; height:auto; line-height:1.3;}
.governance .business dl dd {margin-top:25px; font-size:16px; letter-spacing: normal;}
.governance .donationList ul li dl dd {font-weight:600;}
.governance .ethContents .esgTitles h4 .titIn {font-size:16px;}
.esgTitle > h3 {letter-spacing: normal; line-height:1.3;}
.awards .awardsList dl dd ul li {letter-spacing: normal;}
.awards .foundation .awardsList .awardsProgress .move {max-height:2967px;}
.awards .foundation .awardsList .awardsProgress .bg {height:2967px;}
.governance .squadTab ul li a {font-size:17px;}
.governance .squadTabCont .business .first dd {padding-top:0;}
.governance .squadTabCont .business dl {height:auto;}
.governance .squadTabCont .business dl:nth-child(-n+3) {height:auto;}
.governance .squad .memberList ul.mem_slide .member ul li {font-size:15px;}
.governance .squad .memberList ul.mem_slide .layer .bgCont {padding-top:30px;}
.governance .squad .memberList ul.mem_slide .layer ul li {font-size:14px; letter-spacing: normal; font-weight:300;}
.governance .squad .memberList ul.mem_slide .layer ul li:before {top:11px;}
.governance .squad .memberList ul.mem_slide .layer strong {font-weight:400;}
.awards .international .awardsList .awardsProgress .bg {height:1220px;}
.awards .international .awardsList .awardsProgress .move {max-height:1220px;}
.awards .domestic .awardsList .awardsProgress .bg {height:2120px;}
.awards .domestic .awardsList .awardsProgress .move {max-height:2120px;}
/*ESG경영 Corporate Governance(G) */
.governance h4 {letter-spacing: normal;}
.governance ol.goverList .dep_1 {letter-spacing: normal;}
.governance ol.goverList .dep_2 {font-size:16px; letter-spacing: normal;}
.governance ol.goverList > li > ol > li > ol > li {font-size:16px; letter-spacing: normal;}
/*ESG경영 Coexistence Management */
.esgOperation .esgCirculatio > p {letter-spacing: normal;}
.esgOperation .esgScale > ul li {font-size:20px; font-weight:600; line-height:25px;}
.esgOperation .esgScale > ul .scaleCenter {font-weight:400; line-height:30px;}
.esgOperation + .fairActivity .fairsList > li span {font-size:17px;}
.esgOperation + .fairActivity > div > ul {margin:50px 0 0 40px;}
.esgOperation .growActlist > li p {font-size:20px; line-height:30px;}
.esgOperation .growActlist > li span {font-size:15px; line-height:20px;}
.esgOperation .companyUplist > li {padding:96px 40px 40px 40px; width:340px;}
.esgOperation .companyUplist > li span {font-size:15px; letter-spacing: normal;}
.esgOperation .localEconomy > .localList > li span {font-size:17px; letter-spacing: normal;}
.esgOperation .localEconomy > .localList .localListsub li {margin-top:15px;}
.esgOperation .localEconomy > .localList .localListsub li:first-child {margin-top:0;}
.esgOperation .localEconomy > .localList .localListsub p {float:none; width:auto; line-height:30px;}
.esgOperation .localEconomy > .localList .localListsub span {line-height:30px;}
/*ESG경영 Consumer Protection */
.esgCustomerOpinion dl dd {font-size:17px; letter-spacing: normal;}
.esgTitles > h4 .titIn {letter-spacing: normal; font-size:22px;}
.esgCertifyList > li {height:810px;}
.esgCertifyList > li dl dd {font-size:16px; letter-spacing: normal;}
/*ESG경영 Data Security */
.esgCertifyList > li[class^="list"] {height:930px;}
/*ESG경영 Ethical Management */
.ethContents .esgTitle li {font-size:18px; }
.ethContents .ethicsInfo > ul p {font-size:20px;}
.ethContents .ethicsInfo > ul p::after {top:75px;}
.ethContents .ethicsInfo > ul span {font-size:15px; letter-spacing: normal; line-height:25px;}
.ethContents .ethicsInfo > ul {width:650px;}
.ethContents .ethicsInfo > ul li {width:322px;}
.ethContents .ethicsInfo > ul li:first-child::before {right:-580px;}
.ethContents .ethicsInfo > ul .ethicsImg {right:-580px;}
.ethContents .ethicsAct > .actList > li {height:480px; padding:50px 60px 60px 60px;}
.ethContents .ethicsAct .actListsub > .square {font-size:17px;}
.ethContents .square::before {top:15px; transform: translateX(0);}

.ethContents.ETH{margin-top:150px;}
/*보도자료 Press Releases*/
.headerVisual.GNV section.headerTitle p.name {letter-spacing: normal;}
.headerVisual.GNV section.headerTitle .tagList a span {letter-spacing: normal;}
.newsDetail .newsContents {font-size:17px; letter-spacing: normal;}
/*보도자료 Social Media*/
.groupSocial .smainRight > p {font-size:27px;}
.groupSocial .smainRight > span {font-size:18px; letter-spacing: normal;}
.groupSocial .smainList li a > span, .groupSocial .socialList li a > span {font-size:18px; font-weight:300; width:320px; padding:60px 40px;}
/*인재상 Talent Management*/
.esgOperation .esgHlist > dl {height:800px;}
.esgOperation .esgHlist > dl span {font-size:16px; letter-spacing: normal;}
.esgOperation .esgElist > dl dt {margin-bottom:30px;}
.esgOperation .esgEdu .esgElist > dl dd {height:175px; margin-bottom:0;}
.esgOperation .esgElist > dl dd > span {font-size:16px; letter-spacing: normal; line-height:25px;}
/*인재상 GWP*/
.esgOperation .gwpContents .gwpTxt > span {font-size:16px; letter-spacing: normal;}

#lnbWrap .left_menu.slider{position:relative;max-width:1360px;height:60px;margin:auto;overflow:hidden;}
#lnbWrap .left_menu.slider.first:before{position:absolute;top:0;right:0;z-index:1;width:80px;height:58px;background:linear-gradient(to left, #fff, #fff 50%, transparent);content:""}
#lnbWrap .left_menu.slider.last:after{position:absolute;top:0;left:0;z-index:1;width:80px;height:58px;background:linear-gradient(to right, #fff, #fff 50%, transparent);content:""}
#lnbWrap .left_menu.slider .prev{display:none;position:absolute;top:0;left:0;z-index:2;width:30px;height:60px;line-height:0;font-size:0;background-color:transparent;}
#lnbWrap .left_menu.slider .prev:after{position:absolute;top:50%;left:11px;width:10px;height:10px;margin-top:-5px;border-top:2px solid #666;border-right:2px solid #666;transform:rotate(225deg);content:"";}
#lnbWrap .left_menu.slider .next{position:absolute;top:0;right:0;z-index:2;width:30px;height:60px;line-height:0;font-size:0;background-color:transparent;}
#lnbWrap .left_menu.slider .next:after{position:absolute;top:50%;left:5px;width:10px;height:10px;margin-top:-5px;border-top:2px solid #666;border-right:2px solid #666;transform:rotate(45deg);content:"";}
#lnbWrap .left_menu.slider ul.left_nav{display:inline-block;white-space:nowrap;width:100%;justify-content:inherit;overflow-x: auto;overflow-y:hidden;height: 90px;}
#lnbWrap .left_menu.slider ul.left_nav li{padding:0;margin-left:60px;}
#lnbWrap .left_menu.slider ul.left_nav li:first-child{margin-left:0;}
#lnbWrap .left_menu.slider ul.left_nav li a{white-space:nowrap;}


/*-------------------- Footer ------------------*/
.footer .footLeft{width:100%;}
.footer .footList > li{margin-right:77px;}
.footer .footList > li > a {letter-spacing: normal;}
.footer .footList > li:last-child{margin-right:0;}
.footer .fListSub > li a{line-height:30px;letter-spacing:0;font-size:16px;font-weight:300;}
.footer .footCompany{border-top:1px solid #252525;display: flex;}
.footer .footCompany > ul{width: 100%;border-top:none;}
.footer .footCompany > div{padding:36px 15px 0 0;}
.footer .footCompany > div  > a{display: flex;}
.footer .footCompany > div > a > span{line-height:23px;margin-left:17px;font-size: 16px;font-weight: 500;}