@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tr, th, td { margin: 0; padding: 0; line-height: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: "Poppins", sans-serif; font-weight:400; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea {  font-family: "Poppins", sans-serif; }
html, html a { -webkit-font-smoothing: antialiased !important; }
.saver { clear: both !important; height: 0px !important; line-height: 0px !important; float: none !important; display: block !important; }
.hiddenText { font-size: 0px !important; text-indent: -9999px !important; }
.hide { display: none; }
a img { border: 0; }
a { outline: 0; cursor: pointer; text-decoration: none; transition:0.8s; }
a:hover { transition:0.6s; text-decoration:none;}
p { padding: 0; margin: 0; }
img { border: none; max-width:100%; }
.noScroll { overflow:hidden !important;}
.wrapperOuter { width:1600px; margin: 0 auto !important; position: relative !important;}
.wrapper { width:1300px; margin: 0 auto !important; position: relative !important; display:block; }
.wrapperInner { width:1300px; margin: 0 auto !important; position: relative !important; display:block; }
.wrapperInnerIn { width:1015px; margin: 0 auto !important; position: relative !important; display:block; }
.leftContainer { float: left; }
.rightContainer { float: right; }
.leftThumb { float:left; margin:0 20px 20px 0;}
.rightThumb { float:right; margin:0 0 20px 20px;}
.centerContainer { display: table; margin-left: auto !important; margin-right: auto !important; text-align:center; }
.noMargin { margin: 0 !important; }
.noMarginRight { margin-right: 0 !important; }
.noMarginLeft { margin-left: 0 !important; }
.mobile { display:none;}
.title { line-height:100%; display:block;}
.borderBottom { border-bottom:1px solid #96968E;}

.btnContainer { display:flex; gap:15px; align-items:flex-start; flex-wrap:wrap; margin:30px 0 0 0;}
.btnBottomBorder { display:none; background:none; color:#000; margin:0; padding:0; font-size:18px; line-height:100%; font-weight:500;}
.btnBottomBorder:after { content:""; background:#000; width:40px; height:4px; margin:10px 0 0 0; display:block; transition:0.3s;}
.btnBottomBorder:hover:after { width:100%; transition:0.5s;}

.btnReadMore {display:flex;
width:max-content;
      padding: 14px 32px;
      border-radius: 999px;
      font-size: 16px;
      font-weight: 500;
      color: white;
      position: relative;
      z-index: 1; transition: color 0.4s ease;}
.btnReadMore:before {content: '';
      position: absolute;
      top: -2px;
      left: -2px;
      right: -2px;
      bottom: -2px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(0, 240, 255, 0.4), rgba(0, 0, 255, 0.4));
      background-size: 200% 200%;
      background-position: 0% 0%;
      z-index: -1;
      padding: 2px;
      mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
      mask-composite: exclude;
      -webkit-mask-composite: destination-out;
      transition: background-position 0.5s ease;}

.btnReadMore:hover:before {background-position: 100% 0%;}

.btnDownload {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #00c6ff 10%, #0072ff 30%, #00c6ff 100%);
  background-size: 200% 100%;
  background-position: left center;
  color: #fff;
  padding: 14px 32px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: background-position 0.5s ease;
}

.btnDownload:hover {
  background-position: right center;
}
.btnDownload img { margin:0 12px 0 0;}
.btnAll { text-decoration:underline; color:#414042;}
.right { text-align:right; display:block;}
.left { text-align:left; display:block;}
.greenText { color:#0626A9;}
.greenText a { color:#0626A9; text-decoration:underline;}
.greenText a:hover { text-decoration:none;}
.blueText { color:#00E4FE;}
.purpleText { color:#6A52B9;}
.notes { font-size:12px; line-height:100%;}

body { font-family: "Poppins", sans-serif; font-weight:400; font-size:18px; color: #000; background:#fff; width: 100%; margin: 0; padding: 0; }
#homePage { background:#010211;}
#main {}
#headerContainer {}
#detailPage .headerContainer { border-bottom:1px solid #000; padding:0 0 30px 0;}
header { position:absolute; z-index:99999; top:60px; width:100%;}
header .headerContainer { display:flex; align-items:center; justify-content:space-between; }
header .headerContainer .logo { color:#000; font-size:16px;}
header .headerContainer .logo a { display:flex; align-items:center; gap:30px; color:#fff;}
header .headerContainer .logo i { font-style:normal;}
header .headerContainer .btnMenu { cursor:pointer;}
.topMenuBorder { margin:0 0 0 -120px;}
.topMenuContainer { display:none; background:#010211; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding: 0; margin: 0;}
.topMenuContainer nav { display:flex; align-items:center; height:100%;}
.topMenu { list-style: none; display:flex; flex-direction:column; width:100%;}
.menu-item {display:flex; flex:1;width: 365px; font-size:16px;}
.topMenu > .menu-item > a { background:url(/2024/images/icon/menu-icon.svg) left center no-repeat; display: block; padding: 10px 40px 10px 32px; text-decoration: none; color:#fff; width:100%; line-height:120%;}
.topMenu > .menu-item > a:hover { background:url(/2024/images/icon/menu-icon-hover.svg) left center no-repeat; color:#00E4FE;}
.submenu { list-style: none; padding: 0; margin: 0; display: none;position: absolute;top: 58px;left: 360px;transition: left 2s;padding-left: 50px;width: 360px;height: 100%;}
.submenu > li > a { background:url(/2024/images/icon/menu-icon.svg) left center no-repeat; display: block; padding: 10px 5px 10px 32px; text-decoration: none; color: #fff;line-height:120%;}
.submenu > li > a:hover { background:url(/2024/images/icon/menu-icon-hover.svg) left center no-repeat; color: #00E4FE;}
.menu-item.active>a {color: #00E4FE;}
.menu-item a:hover {color: #00E4FE !important;}
.menu-item a:hover:after {right: -20px;}


.homeSlider {}
.homeSlider .item img.homeGorsel { width:100%;}
.homeSlider .item { position:relative;}
.homeSlider .homeSliderCaption { position:absolute; z-index:9999; width:100%; height:100%; color:#fff; display:flex; align-items:center;}
.homeSlider .homeSliderCaption .title { font-size:80px; line-height:110%; font-weight:200; letter-spacing:10px; display:block; letter-spacing:-1px;}
.homeSlider .homeSliderCaption .title i { padding:0 0 0 80px; display:block;}
.homeSlider .homeSliderCaption .titleBig { font-size:65px; line-height:100%;}
.homeSlider .homeSliderCaption .summary { font-size:16px; font-weight:400; width:720px; display:block; line-height:140%; padding:40px 0 0 80px;}
.homeSlider .homeSliderCaption .summary p { line-height:140%;}
.homeSlider .homeSliderCaption .summary strong { font-weight:700;}
.homeAnmContainer { position:absolute; z-index:99; top:0; right:0; left:0; display:flex; align-items:center; justify-content:center;}
.homeAnmContainer .homeAnmTas { position:absolute; z-index:999; text-align:center;}
.homeAnm {}
.homeAnm video { width:100%;}
.homeAnm lottie-player { width:800px; height:800px;}

.navigation-card {
width: 870px;
  border-radius: 0px 150px 150px 0px;
  background: linear-gradient( 96deg, #00e4fe 12.24%, #001e7b 56.59%, #216eff 105.6% );
  padding-bottom: 19px;
  font-size: 16px;
  color: rgba(0, 30, 123, 1);
  position: relative;
  z-index: 9999;
  margin: -150px 0 0 0;
}

.navigation-card-inner {
 border-radius: 0px 130px 150px 0px;
  background-color: rgba(217, 217, 217, 1);
  display: flex;
  padding:60px 120px 60px 80px;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  width: 660px;
  margin: 0px 0 0 0;
  z-index: 99;
  position: relative;
}
.navigation-card-inner .sectionBtnContainer { margin:0;}
.navigation-card-inner .sectionBtnContainer a { background:url(/2024/images/icon/icon-link-blue.svg) left center no-repeat; color:#001E7B;}

#homeIconMenuContainer { background:#fff; padding:60px 0;}
.homeIconMenuContainer { display:flex; align-items:center; justify-content:space-between;}
.homeIconMenuContainer a { display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; gap:20px; color:#000; transition:0.5s;}
.homeIconMenuContainer a:hover img { margin:-10px 0 0 0; transition:0.2s; }
.homeIconMenuContainer a:hover span { margin:10px 0 0 0; transition:0.2s; }

.sectionBtnContainer { display:flex; align-items:flex-start; gap:40px; margin:50px 0 0 0;}
.sectionBtnContainer span { display:flex;  flex-direction:column; gap:20px;}
.sectionBtnContainer span a { background:url(/2024/images/icon/icon-link-white.svg) left center no-repeat; color:#fff; padding:0 0 0 30px; transition:0.4s; width:max-content;}
.sectionBtnContainer span a:hover { background:url(/2024/images/icon/icon-link-white.svg) right center no-repeat; color:#fff; padding:0 30px 0 0; transition:0.4s;}

#homeValueCreationContainer { background:url(../images/common/home-value-creation.png) right top no-repeat; background-size:contain; height:840px; display:flex; align-items:center;}
.homeValueCreationContainer { display:flex; flex-direction:column; align-items:flex-start; color:#fff; position:relative; z-index:9999;}
.homeValueCreationContainer .sectionTitle { font-size:50px; font-weight:200; color:#00E4FE; display:table; line-height:120%;}
/*.homeValueCreationContainer .sectionTitle:after { content:""; width:100px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}*/
.homeValueCreationContainer .sectionSubTitle { font-size:30px; font-weight:200;}
.homeValueCreationContainer .sectionSummary { line-height:140%; font-size:18px; font-weight:300;}
.homeValueCreationContainer .sectionSummayInner { width:630px; display:block; padding:0 0 30px 0;}
.homeValueCreationContainer .border { width:83px; height:2px; background:#D9D9D9; margin:30px 0;}

#homeIntegratedSus{ background:url(../images/common/home-sustainability.png) right top no-repeat; background-size:contain; height:740px; display:flex; align-items:center;}

.homeValueCreationContainer, .homeSustainabilityContainer, .homeNatureAgenda, .homeSocialAgenda, .homeSocialAgendaContainer, .homeBoxBusinessAreasContainer, .homeOurPortfolioContainer { position:relative; z-index:9999;}

#homeSustainabilityContainer { padding:60px 0;}
.homeSustainabilityContainer { display:flex; flex-direction:column; align-items:flex-start; gap:80px; color:#fff;}
.homeSustainabilityContainer .sectionTitle { font-size: 30px; font-weight: 200; line-height: 120%; color: #00E4FE; display: flex; width: 100%; align-items: end;}
.homeSustainabilityContainer .sectionTitle:after { content: ""; width: 100%; flex:2; height: 1px; background: #00E4FE; display: flex; margin: 0 0 10px 20px;}
.homeSustainabilityContainer .sectionTitle i { font-style:normal; flex:1;}
.homeSustainabilityContainer .sectionSummary { display:flex; justify-content:space-between; gap:40px; width:100%;}
.homeSustainabilityContainer .sectionSummary .item { font-size:16px; flex:1; display:flex; flex-direction:column; }
.homeSustainabilityContainer .sectionSummary .item i { font-style:normal; font-size:20px; line-height:100%; font-weight:400; }
.homeSustainabilityContainer .sectionSummary .item span {font-size:50px; font-weight:400; display:block; line-height:100%; padding:10px 0;}
.homeSustainabilityContainer .sectionSummary .item a {color:#00E4FE;}
.homeSustainabilityContainer .sectionSummary .item p { line-height:140%;}
.homeSustainabilityContainer .sectionSummary .item p strong { font-size:26px; font-weight:400; line-height:100%; }
.homeSustainabilityContainer .sectionSummary .item .itemBottom { display:block; margin:60px 0 0 0;}
.homeSustainabilityContainer .btnBottomBorder { position:absolute; bottom:0; left:0;}

#homeESGContainer { background:#D2D2CD; padding:60px 0;}
.homeESGContainer { display:flex; flex-direction:column; align-items:center;}
.homeESGContainer .sectionTitle { font-size:26px; font-weight:500; line-height:140%;}
.homeESGContainer .sectionSummary {}
#homeESGContainer .esgPerfContainer { display:flex; flex-direction:column;}
#homeESGContainer .esgPerfContainer .title { text-align:center;}
#homeESGContainer .esgPerfContent { justify-content:center;}
#homeESGContainer .esgPerfContent span { line-height:0;}
#homeESGContainer .esgPerfContent span img { background:#fff; border-radius:12px; line-height:0;}

#homeNatureAgenda { background:url(../images/common/home-nature-agenda-bg.svg) right -100px no-repeat; background-size:contain; height:840px; display:flex; align-items:center;}
.homeNatureAgenda { display:flex; align-items:flex-start; gap:285px;}
.homeNatureAgenda .sectionTitle { font-size:30px; font-weight:500; display:table; line-height:140%;}
.homeNatureAgenda .sectionTitle:after { content:""; width:90px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}
.homeNatureAgenda .sectionSummary { line-height:140%;}
.homeNatureAgenda .sectionSummayInner { width:760px; display:block;}

#homeSocialAgenda { background:url(../images/common/home-social-agenda.png) left -180px no-repeat; background-size:cover; height:800px; display:flex; align-items:center;}
.homeSocialAgendaContainer { display:flex; flex-direction:column; margin: 0 0 0 auto; width: max-content; color:#fff;}
.homeSocialAgendaContainer .sectionTitle { font-size:50px; font-weight:200; color:#00E4FE; display:table; line-height:120%;}
/*.homeSocialAgendaContainer .sectionTitle:after { content:""; width:100px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}*/
.homeSocialAgendaContainer .sectionSubTitle { font-size:30px; font-weight:200;}
.homeSocialAgendaContainer .sectionSummary { line-height:140%; font-size:18px; font-weight:300;}
.homeSocialAgendaContainer .sectionSummayInner { width:630px; display:block; padding:0 0 30px 0;}
.homeSocialAgendaContainer .border { width:83px; height:2px; background:#D9D9D9; margin:30px 0;}

#homeSectionBoxContainer { color:#fff; display:flex; gap:80px;}
#homeSectionBoxContainer .sectionTitle { font-size:50px; font-weight:200; color:#00E4FE; display:table; line-height:120%;}
/*#homeSectionBoxContainer .sectionTitle:after { content:""; width:90px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}*/
#homeSectionBoxContainer .sectionSummary { line-height:140%; font-size:18px; font-weight:300; padding:0 0 30px 0;}
#homeSectionBoxContainer .sectionSubTitle { font-size:30px; font-weight:200;}
#homeSectionBoxContainer .border { width:83px; height:2px; background:#D9D9D9; margin:30px 0;}

#homeBoxSustainabilityContainer { background:#BAC6B8; padding:70px 0px 130px 0px; width:50%;}
.homeBoxSustainabilityContainer { display:flex; flex-direction:column; width:700px; margin:auto;}

#homeOurGovernance{ background:url(../images/common/home-our-governance.png) left -180px no-repeat; background-size:cover; height:800px; display:flex; align-items:center;}
#homeOurHumanCapital { background:url(../images/common/home-human-capital.png) right 0 no-repeat; background-size:contain; height:740px; display:flex; align-items:center;}

#homeGovernanceContainer { background:#E8E8E2; padding:70px 0px 110px 0px; width:50%;}
.homeGovernanceContainer { display:flex; flex-direction:column; width:700px; margin:auto;}


#homeOurPortfolioContainer { padding:40px 0; flex:1;}
.homeOurPortfolioContainer { display:flex; flex-direction:column; margin:auto;}

#homeBoxBusinessAreasContainer { padding:40px 0; flex:1}
.homeBoxBusinessAreasContainer { display:flex; flex-direction:column; margin:auto;}


.detailHeaderGorselContainer { position:relative; background-position:right top !important; background-size:cover !important;}
.detailHeaderGorsel {}
.detailHeaderGorsel img, .detailHeaderGorsel video { width:100%;}
.detailHeaderContentContainer { position:absolute; width:100%; top:280px; padding:0;}
.detailHeaderContentContainer .title { font-size:70px; font-weight:200; line-height:110%; display:table; color:#fff; width:80%;}
/*.detailHeaderContentContainer .title:after { content:""; width:200px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}*/
.detailHeaderContentContainer .summary { font-size:18px; line-height:140%; font-weight:300; display:block; width:70%; padding:40px 0 0 0; color:#fff;}
.detailHeaderContentContainer .summary h1 { font-size:50px; color:#00E4FE; padding:0 0 20px 0; font-weight:300; line-height:120%;}
.detailHeaderContentContainer .summary strong { font-weight:500;}
.detailHeaderContentContainer .hashTag { font-style:normal; font-weight:400; font-size:14px; display:flex; align-items:center; padding:30px 0 0 0; line-height:120%;flex-wrap: wrap; gap:10px; width:70%; }
.detailHeaderContentContainer .hashTag a { color: rgba(255, 255, 255, 0.4); }
.detailHeaderContentContainer .hashTag a img { margin:0 10px 0 0; }
.downloadSection { margin:30px 0 0 0;  }

#detailContentContainer { padding:0;}
.detailContent { font-weight:300;}
.detailContent p { line-height:140%; padding:0 0 40px 0;}
.detailContent p strong { color:#0626A9; font-weight:600;}
.detailContent p img { max-width:100%;}
.detailContent p a { color:#000; text-decoration:underline; transition:0.4s;}
.detailContent p a:hover { text-decoration:none; transition:0.4s;}
.detailContent h2 { font-size:30px; font-weight:500; line-height:140%; padding:0 0 40px 0;}
.detailContent h1 { font-size:30px; font-weight:700; line-height:140%; padding:0 0 40px 0;}
/*.detailContent h1:after { content:""; width:80px; height:4px; background:#000; display:inline-block; margin:0 0 0 20px;}*/
.detailContent h3 { font-size:18px; line-height:140%; padding:0;}
.detailContent h3 i { font-style:normal; font-size:20px; font-weight:400; display:block;}
.detailContent h5 { font-size:22px; font-weight:700; line-height:140%; padding:0;}
.fullThumbContainer img { width:100%;}
.detailContent ul {}
.detailContent ul li { list-style-position:inside; list-style-type:circle; padding:0 0 5px 0; line-height:140%;}

.listDecarbonizationLeversContainer { background:#0626A9; border-radius:25px; padding:40px 20px; margin:0 0 40px 0;}
.listDecarbonizationLeversContainer .title { font-size:30px; font-weight:500; color:#00E4FE; line-height:100%; text-align:center; padding:0 0 40px 0;}
.listDecarbonizationLeversContainer .listDecarbonizationLeversItems { display:flex; gap:30px; flex-wrap:wrap;}
.listDecarbonizationLeversContainer .listDecarbonizationLeversItems .item { display:flex; align-items:flex-start; color:#fff; gap:10px; width:calc(100% / 8 - 30px); font-size:12px;}
.listDecarbonizationLeversContainer .listDecarbonizationLeversItems .item img { width:32px;}

.boxContainer { display:flex; justify-content:space-between; align-items:flex-start;}
.boxContainer .item { display:flex; flex-direction:column; align-items:flex-start;}
.boxContainer .item .title {font-size:18px; font-weight:600; color:#171796; padding:0 0 30px 0;}
.boxContainer .item .thumb { display:flex; align-items:center; height:360px;}

.summaryInLeftBigBoxContainer { display:flex; align-items:center; gap:100px;}
.summaryInLeftBigBoxContainer .summary { font-size:24px; font-weight:500; line-height:140%; width:560px;}
.summaryInLeftBigBoxContainer .thumb {}
.summaryInLeftBigBoxContainer .thumb img { border-radius:12px;}

.summaryInLeftBoxContainer { display:flex; align-items:flex-start; gap:50px;}
.summaryInLeftBoxContainer .summary { font-size:18px; line-height:140%; width:760px;}
.summaryInLeftBoxContainer .summary.greenText { color:#0626A9; font-weight:500;}
.summaryInLeftBoxContainer .thumb {}
.summaryInLeftBoxContainer .thumb img { border-radius:12px;}

.centerImageContainer { display:flex; justify-content:center;}

.summaryInLeftBoxContainer .summary.globalPresenceList { display:flex; flex-direction:column; gap:40px; width:480px;}
.summaryInLeftBoxContainer .summary.globalPresenceList .item { display:flex; align-items:center; gap:20px; }
.summaryInLeftBoxContainer .summary.globalPresenceList .item img { }
.summaryInLeftBoxContainer .summary.globalPresenceList .item i { font-style:normal; color:#00E4FE; font-size:50px; line-height:100%; font-weight:500; padding:0 0 5px 0; display:block;}
.summaryInLeftBoxContainer .summary.globalPresenceList .item i em { font-style:normal; color:#171796; font-size:30px; font-weight:500; line-height:100%; display:block;}

.greenBannerBoxContainer { display:flex; align-items:center; gap:60px; text-align:center; padding:60px 0 0 0;}
.greenBannerBoxContainer .title { font-size:30px; font-weight:500; padding:0 0 20px 0;}
.greenBannerBoxContainer .leftTitle { font-size:18px; font-weight:500;}
.greenBannerBoxContent { background:#dbf1f1; border-radius:22px; padding:50px 70px; font-size:18px; line-height:140%;}
.greenBannerBoxContent .subTitle { font-size:18px; font-weight:700; display:block;}

.transSlogan { font-size:24px; font-weight:500; width:840px; margin:40px auto; text-align:center; line-height:140%;}
.transSlogan strong { font-weight:700;}

.circularContainer { display:flex; flex-direction:column; padding:60px 0; align-items:center;}
.circularTopContainer { display:flex; gap:25px; align-items:center;}
.circularTopContainer .title { font-size:18px; font-weight:500; width:80px;}
.circularTopContainer .item { display:flex; align-items:center; justify-content:space-between; line-height:120%; background:#CCF0FB; color:#25408F; font-size:16px; padding:20px 40px; border-radius:20px; width:300px;}
.circularTopContainer .item:nth-child(3) { background:#C8C7DF;}
.circularTopContainer .item:nth-child(4) { background:#D1D3D4;}
.circularTopContainer .item i {}
.circularMiddleContainer { display:flex; gap:25px;}
.circularMiddleContainer .title { font-size:18px; font-weight:500; width:80px;}
.circularMiddleContainer .item { padding:30px 0 50px 0; width:380px; text-align:center;}
.circularMiddleContainer .item i {}
.circularBottomContainer { display:flex; gap:25px; align-items:center;}
.circularBottomContainer .title { font-size:18px; font-weight:500; width:80px;}
.circularBottomContainer .item { text-align:center; width:340px; line-height:140%; padding:0 20px;}
.circularBottomContainer .item i {}

.jointVenturesContainer { color:#25408F; width:1390px; margin:40px auto 80px auto;}
.jointVenturesContainer .titleContainer { border:1px solid #00E4FE; border-radius:20px; padding:15px; display:flex; flex-direction:column; align-items:center; gap:10px; margin:0 0 30px 0;}
.jointVenturesContainer .titleContainer i { font-style:normal;}
.jointVenturesContainer .titleContainer i span { color:#000; font-weight:300; padding:0 20px 0 0;}
.jointVenturesContainer .itemBoxContainer { display:flex; gap:20px;}
.jointVenturesContainer .itemContainer { border:1px solid #00E4FE; border-radius:20px; padding:20px 30px 60px 30px; flex:1;}
.jointVenturesContainer .itemContainer .item { margin:0 0 40px 0; display:block; line-height:140%;}
.jointVenturesContainer .itemContainer .title { text-align: center; display: flex; padding: 0 0 40px 0; font-weight: 500; min-height: 60px; align-items: center; justify-content: center; line-height: 120%;}
.jointVenturesContainer .itemContainer .item img { margin:0 0 20px 0;}
.jointVenturesContainer .itemContainer .item ul {}
.jointVenturesContainer .itemContainer .item ul li { list-style:none; list-style-position:inside; padding:0 0 5px 0;}
.jointVenturesContainer .itemContainer .item ul li strong { color:#000; font-weight:500;}

.valuesContainer { display:flex; flex-wrap:wrap; gap:80px; padding:40px 0;}
.valuesContainer .item { font-size:18px; display:flex; flex-direction:column; align-items:flex-start; width:calc(100% / 3 - 160px); line-height:140%;}
.valuesContainer .item img {}
.valuesContainer .item i { font-size:22px; font-weight:700; color:#00E4FE; font-style:normal; padding:10px 0 20px 0;}

.managementThumbContainer { color:#25408F; display:flex; font-size:14px; gap:30px;}
.managementThumbContainer .column { flex:1;}
.managementThumbContainer .item { display:flex; gap:10px; margin:0 0 15px 0;}
.managementThumbContainer .item i { font-style:normal; font-weight:700; font-size:16px; }
.managementThumbContainer .item span { font-weight:300; }
.managementThumbContainer .item span strong { font-weight:500; display:block; padding:0 0 5px 0; font-size:16px;}

.committeesSemaContainer { display:flex; align-items:flex-start; justify-content:space-between; font-size:14px;}
.committeesSemaContainer .column { width:300px;}
.committeesSemaContainer .column .item { margin:0 0 33px 0;}
.committeesSemaContainer .column .item.strip { margin:0; display:table;}
.committeesSemaContainer .column .item.strip:after { content:""; background:#25408F; width:1px; height:40px; display:table; margin:0 auto; }
.committeesSemaContainer .column .item .title { border:1px solid #25408F; border-radius:12px; padding:15px 20px; color:#25408F; font-size:18px; display:table; min-width:200px; }
.committeesSemaContainer .column .item ul { padding:20px 0 0 0;}
.committeesSemaContainer .column .item ul li {}
.committeesSemaContainer .columnBig { width:910px;}
.committeesSemaContainer .columnBig .title { border:1px solid #25408F; border-radius:12px; padding:15px; color:#25408F; font-size:18px; display:table;}
.committeesSemaContainer .columnBig .listGroup { border:1px solid #25408F; border-radius:12px; padding:25px 15px; display:flex; gap:30px; flex-wrap:wrap;}
.committeesSemaContainer .columnBig .strip { display:table;}
.committeesSemaContainer .columnBig .strip:after { content:""; background:#25408F; width:1px; height:40px; display:table; margin:0 auto; }
.committeesSemaContainer .columnBig ul { width:calc(33% - 20px);}
.committeesSemaContainer .columnBig ul li { padding:0 0 30px 0; }
.committeesSemaContainer .columnBig ul li:nth-last-child(1) { padding:0;}
.committeesSemaContainer .columnBig ul li a { color:#000;}


.valueLayerContainer { display:none; position:fixed; z-index:999; width:100%; height:100%; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5);}
.valueLayerContentContainer { color:#fff; margin:80px auto 0 auto; padding:40px;}
.closeLayer { position:absolute; right:40px; top:40px; cursor:pointer; z-index:99;}
.layerTitle { display:flex; justify-content:space-between; align-items:center; text-align:center; font-size:30px; margin:60px 0 0 0; }
.layerTitle i { font-style:normal; width:60%;}
.layerTitle i:nth-child(1) { text-align:left; width:40%;}


.layerContent { display:flex; align-items:flex-start; gap:20px; font-size:14px; padding:60px 0 0 0;}
.layerContent .column .columnSchema {align-items: center; display: flex; flex-direction: column; justify-content: center; height: 100%; color: #fff; padding: 40px 0; font-size: 14px; font-weight: 500; margin: 10px 0 0 0; border: 1px solid #fff; text-align: center; line-height: 25px;}
.layerContent .column .columnSchema img { margin:0 0 20px 0;}
.layerContent .column { margin:60px 0 0 0; flex:1;}
.layerContent .column .icon { text-align:center; display:block;}
.layerContent .column .title { text-align:center; font-size:20px; border:1px solid #fff; padding:25px 5px; margin:10px 0 20px 0;}
.layerContent .column .summary {}
.layerContent .column .summary.icon { display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center; gap:10px;}
.layerContent .column .summary img { max-width:95px;}
.layerContent .column .icon.mobile { display:none;}

.layerContent .column:nth-last-child(1) { margin:98px 0 0 0;}

#layerFinancial .valueLayerContentContainer { background:#2033D9;}
#layerManufactured .valueLayerContentContainer { background:#00B5EB;} 
#layerHuman .valueLayerContentContainer { background:#A95FC2;}
#layerIntellectual .valueLayerContentContainer { background:#1AACAC;} 
#layerNatural .valueLayerContentContainer { background:#41AD49;} 
#layerSocial .valueLayerContentContainer { background:#E38700;} 


.valueAddContainer { display:flex; gap:18px;}
.valueAddContainer p { padding:0; line-height:0;}
.columnBigBoxesTitle { background:#0C1674; writing-mode:vertical-rl; transform: rotate(180deg); color:#fff; text-align:center; height:1242px; padding:20px; font-size:26px }
.columnBigBoxesArrow {display: flex; align-items: center; justify-content: center; height: 1260px;}
.columnBigBoxes { width:260px; display:flex; flex-direction:column; gap:20px;}
.columnBigBoxes .item { padding:70px 15px; color:#fff; font-size:22px; font-weight:500; position:relative; text-align:center; line-height:120%; cursor:pointer;}
.columnBigBoxes .item:nth-child(1) { background:#2133D9;}
.columnBigBoxes .item:nth-child(2) { background:#00B5EB;}
.columnBigBoxes .item:nth-child(3) { background:#A95FC2;}
.columnBigBoxes .item:nth-child(4) { background:#1AACAC;}
.columnBigBoxes .item:nth-child(5) { background:#41AD49;}
.columnBigBoxes .item:nth-child(6) { background:#E38700;}

.columnBigBoxes .item i { position:absolute; top:18px; right:18px;}

.columnContentContainer {}
.mainTitle {}
.mainTitle span { background:#25408F; border-radius:40px; color:#fff; padding:20px 0; text-align:center; font-size:24px; font-weight:400; display:block; line-height:100%;}
.mainTitle:after { content:""; background:#25408F; width:1px; height:40px; display:table; margin:0 auto;}
.columnContent { width:980px;border: 1px solid #25408F; padding:40px 5px 0 5px; border-radius:40px;}
.columnContent .title { color:#171796; font-size:20px; font-weight:400; text-align:center;}
.columnContent .subTitle { background:#C7EAFB; color:#171796; border-radius:40px; margin:-70px auto 0 auto; display:table; max-width:80%; font-size:22px; line-height:120%; font-weight:500; text-align:center; display:block; padding:20px;}
.columnContent .arrowDown { text-align:center; display:block; margin:20px 0;}
.strategicDirectionsContainer { display:flex; align-items:center; justify-content:center; gap:10px;}
.strategicDirectionsContainer .column { width:190px; display:flex; align-items:center;}
.strategicDirectionsContainer .column .item { display:flex; align-items:center; text-align:center; color:#171796; font-size:22px; line-height:120%;}
.strategicDirectionsContainer .column .item i {}
.strategicDirectionsContainer .column:nth-of-type(3) .item { flex-direction:row-reverse;}
.strategicDirectionsContainer .content { border:1px solid #A4A49B; padding:30px 20px;}

.strategicBusinessUnitContainer { position:relative; border:1px solid #C7EAFB; border-radius:40px; padding:30px 10px; margin:40px;}
.twoBasicBox { display:flex; gap:40px; justify-content:center; margin:40px 0 20px 0; color:#00AEEF; font-weight:400;}
.twoBasicBox span { display:flex; flex-direction:column; gap:20px;}
.twoBasicBox span i { font-style:normal;}

.approachToSustContainer { margin:55px 0 0 0;}
.approachToSustContainer .content { display:flex; gap:30px; border:1px solid #A4A49B; padding:30px 20px; margin:0 15px;}
.approachToSustContainer .title { writing-mode:vertical-rl; transform: rotate(180deg); padding:0; font-size:20px; font-weight:500;}
.approachToSustContainer .content .summary { display:flex; flex-direction:column;}
.approachToSustContainer .content .summary .schemaTitleContainer { display:flex; justify-content:space-between; margin:0 0 15px 0;}
.approachToSustContainer .content .summary .schemaTitle {}
.approachToSustContainer .content .summary .schemaContainer {}
.approachToSustContainer .content .summary .schemaContainer .schema { display:flex;}
.approachToSustContainer .content .summary .schemaContainer .schema span { width:43px; height:43px; border-radius:100%; display:flex; align-items:center; position:relative;}
.approachToSustContainer .content .summary .schemaContainer .schema span:after { content:""; height:4px; background:#979794; display:inline-block; margin:0; position:absolute; left:43px;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(1) { background:#B6BAB5; margin:0 147px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(1):after { width:147px;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(2) { background:#CCE0C5; margin:0 97px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(2):after { width:97px;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(3) { background:#A4CE9A; margin:0 136px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(3):after { width:136px;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(4) { background:#82C078; margin:0 191px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(4):after { width:191px;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(5) { background:#5BB355; margin:0 75px 0 0;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(5):after { width:75px;}
.approachToSustContainer .content .summary .schemaContainer .schema span:nth-child(5):before { content:""; width:29px; height:22px; position:absolute;transform: rotate(90deg); left:115px; background:url(../images/icon/icon-gray-triangle.svg) no-repeat; }

.triangleAyrac { padding:25px 0; text-align:center;}

.approachToSustContainer .content .summary .schemaContainer .schemaItems { display:flex; gap:30px; margin:25px 0 0 0; line-height:120%;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(1) { width:160px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(2) { width:110px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(3) { width:150px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(4) { width:205px;}
.approachToSustContainer .content .summary .schemaContainer .schemaItems span:nth-child(5) { width:95px;}

.howExecuteContainer { position:relative; border:1px solid #C7EAFB; border-radius:40px; padding:30px 10px; margin:40px;}
.howExecuteContainer .title { writing-mode:vertical-rl; transform: rotate(180deg); padding:0; font-size:20px; font-weight:500;}
.howExecuteContainer .summary { display:flex; gap:20px; flex-wrap:wrap; align-items:center; padding:40px 0 0 0;}
.howExecuteContainer .summary .item { display:flex; flex-direction:column-reverse; gap:20px; align-items:center; width:calc(100% / 6 - 20px); line-height:120%; font-size:14px; text-align:center;}
.howExecuteContainer .summary .item i { font-style:normal;}


.ourStakeholdersContainer { position:relative; border:1px solid #C7EAFB; border-radius:40px; padding:30px 10px; margin:40px;}
.ourStakeholdersContainer .title {}
.ourStakeholdersContainer .summary { display:flex; gap:40px; justify-content:center; flex-wrap:wrap; padding:40px 0 0 0; font-size:14px;}
.ourStakeholdersContainer .summary .item { display:flex; gap:20px; align-items:center; width:calc(25% - 40px); line-height:120%;}
.ourStakeholdersContainer .summary .item i { font-style:normal;}
.ourStakeholdersContainer .summary.threeColumn .item { width:calc(33% - 60px);}

.arrowDownIconContainer { display:flex; align-items:end; gap:40px; justify-content:center; margin:40px auto 0 auto;}

.columnBoxes { width:260px; display:flex; flex-direction:column; gap:20px;}
.columnBoxes .itemContainer { display:flex;}
.columnBoxes .itemContainer .item { writing-mode:vertical-rl; transform: rotate(180deg); padding:38px 0px 39px 10px; width:35px; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center; position:relative; line-height:120%; font-size:16px; cursor:pointer; }
.columnBoxes .itemContainer:nth-child(1) .item { background:#2133D9;}
.columnBoxes .itemContainer:nth-child(1) .item:nth-child(1) { padding:0 25px 0 0;}
.columnBoxes .itemContainer:nth-child(2) .item { background:#00B5EB;}
.columnBoxes .itemContainer:nth-child(2) .item:nth-child(1) { padding:0 25px 0 0;}
.columnBoxes .itemContainer:nth-child(3) .item { background:#A95FC2;}
.columnBoxes .itemContainer:nth-child(3) .item:nth-child(1) { padding:0 25px 0 0;}
.columnBoxes .itemContainer:nth-child(4) .item { background:#1AACAC;}
.columnBoxes .itemContainer:nth-child(4) .item:nth-child(1) { padding:0 25px 0 0;}
.columnBoxes .itemContainer:nth-child(5) .item { background:#41AD49;}
.columnBoxes .itemContainer:nth-child(5) .item:nth-child(1) { padding:0 25px 0 0;}
.columnBoxes .itemContainer:nth-child(6) .item { background:#E38700;}
.columnBoxes .itemContainer:nth-child(6) .item:nth-child(1) { padding:0 25px 0 0;}
.columnBoxes .itemContainer .item i { position:absolute; height:100%; right:5px;}

.atGlance { display:flex; gap:25px;}
.atGlance .column { flex:1;}
.atGlance .column .icon { display:flex; align-items:center; justify-content:center; text-align:center; border-radius:40px; padding:10px; margin:0 0 30px 0; height:60px; position:relative;}
.atGlance .column .icon:after { content:""; width:1px; height:30px; bottom:-30px; position:absolute; }
.atGlance .column .item { border-radius:40px; padding:25px 10px; display:flex; justify-content:center; flex-direction:column; font-size:12px; text-align:center; line-height:140%; height:80px; transition:0.4s;}
.atGlance .column .listItem:after { content:""; width:1px; height:40px; display:table; margin:0 auto; }
.atGlance .column .item i { font-size:20px; font-style:normal; font-weight:500; display:block; text-align:center; margin:0 0 5px 0; line-height:120%; transition:0.4s;}
.atGlance .column .item i img { margin:0 0 0 10px;}
.atGlance .column .item sup { font-size:11px; line-height:0;}

.atGlance .column:nth-child(1) .icon, .atGlance .column:nth-child(1) .icon:after, .atGlance .column:nth-child(1) .listItem:after { background:#FFECCC; color:#FF9E00;}
.atGlance .column:nth-child(2) .icon, .atGlance .column:nth-child(2) .icon:after, .atGlance .column:nth-child(2) .listItem:after { background:#CCF0FB; color:#00B6EA;}
.atGlance .column:nth-child(3) .icon, .atGlance .column:nth-child(3) .icon:after, .atGlance .column:nth-child(3) .listItem:after { background:#DDE5D0; color:#557D14;}
.atGlance .column:nth-child(4) .icon, .atGlance .column:nth-child(4) .icon:after, .atGlance .column:nth-child(4) .listItem:after { background:#CBC5E2; color:#462F91;}
.atGlance .column:nth-child(5) .icon, .atGlance .column:nth-child(5) .icon:after, .atGlance .column:nth-child(5) .listItem:after { background:#FDDBD5; color:#F44A2C;}
.atGlance .column:nth-child(6) .icon, .atGlance .column:nth-child(6) .icon:after, .atGlance .column:nth-child(6) .listItem:after { background:#CDD7E3; color:#26306A;}

.atGlance .column .listItem:nth-last-child(1):after { display:none;}
.atGlance .column .item:hover { transition:0.4s;}
.atGlance .column .item:hover i  { color:#fff !important;}

.atGlance .column:nth-child(1) .item i  { color:#FF9E00;}
.atGlance .column:nth-child(2) .item i  { color:#00B6EA;}
.atGlance .column:nth-child(3) .item i  { color:#557D14;}
.atGlance .column:nth-child(4) .item i  { color:#462F91;}
.atGlance .column:nth-child(5) .item i  { color:#F44A2C;}
.atGlance .column:nth-child(6) .item i  { color:#26306A;}

.atGlance .column:nth-child(1) .item  { border:1px solid #FF9E00;}
.atGlance .column:nth-child(2) .item  { border:1px solid #00B6EA;}
.atGlance .column:nth-child(3) .item  { border:1px solid #557D14;}
.atGlance .column:nth-child(4) .item  { border:1px solid #462F91;}
.atGlance .column:nth-child(5) .item  { border:1px solid #F44A2C;}
.atGlance .column:nth-child(6) .item  { border:1px solid #26306A;}

.atGlance .column:nth-child(1) .item:hover  { background:#FF9E00; color:#fff;}
.atGlance .column:nth-child(2) .item:hover  { background:#00B6EA; color:#fff;}
.atGlance .column:nth-child(3) .item:hover  { background:#557D14; color:#fff;}
.atGlance .column:nth-child(4) .item:hover  { background:#462F91; color:#fff;}
.atGlance .column:nth-child(5) .item:hover  { background:#F44A2C; color:#fff;}
.atGlance .column:nth-child(6) .item:hover  { background:#26306A; color:#fff;}

.natureAgendaSchemaContainer { padding:60px 0 0 0;}
.natureAgendaSchemaContainer .title { font-size:22px; font-weight:500; line-height:120%; padding:0 0 30px 0;}
.natureAgendaSchema { display:table;}
.natureAgendaSchema .row { display:flex;}
.natureAgendaSchema .spaceRow { padding:20px 0 10px 0;}
.natureAgendaSchema .row .column { font-size:14px; text-align:center; margin:auto; padding:0 0 10px 0; position:relative; line-height:120%;}
.natureAgendaSchema .row .column.greenText { color:#58bdbd; font-weight:bold;}
.natureAgendaSchema .row .column strong { font-weight:500;}
.natureAgendaSchema .row .column.itemTitle { width:480px;margin:0 40px 0 0; text-align:left;}
.natureAgendaSchema .row .column.itemYear { width:90px; margin:0 20px 0 0;}
.natureAgendaSchema .row .column.itemTargetYear { width:220px; margin:0 0 0 20px; color:#58bdbd; font-weight:bold;}
.natureAgendaSchema .row .column .itemBorderTitle { display:block; border:1px solid #58bdbd; border-radius:12px; padding:10px 20px; }
.natureAgendaSchema .row .column .itemBorder { display:block; border:1px solid #99998F; border-radius:12px; color:#3B4D96; text-align:center; padding:10px 5px;}
.natureAgendaSchema .row .column .itemBorder img {height: 15px; margin: 0px 0 -2px 5px; }
.natureAgendaSchema .row .column .itemBlueBg { font-weight:bold; display:block; background:#e7f6f6; border:1px solid #58bdbd; border-radius:12px; color:#58bdbd; text-align:center; padding:10px 5px;}
.natureAgendaSchema .row .column.itemBigBox { }
.natureAgendaSchema .row .column.itemBigBox .itemBlueBg { position:absolute; height:65px; display:flex; align-items:center;}

.esgPerfContainer {}
.esgPerfContainer .title { font-size:26px; font-weight:500; line-height:120%; padding:0 0 30px 0;}
.esgPerfContent { display:flex; gap:35px;}
.esgPerfContent span { line-height:0;}
.esgPerfContent span img {  border-radius:12px; line-height:0;}

.humanChartContainer {}
.humanChartContainer .summary { width:420px; font-size:26px;}
.humanChartContainer .chartContainer { display:flex; flex-wrap:wrap; width:990px;}
.humanChartContainer .chartContainer .chartItem { margin:0 0 80px 0; position:relative; justify-content:space-between; width:330px;}
.humanChartContainer .chartContainer .chartItem .title { font-size:18px; color:#25408F; font-weight:500; display:block; margin:0 auto 30px auto; width:80%; padding:0 !important;line-height: 120%;}
.humanChartContainer .chartContainer .chartItem .item { display:flex;}
.humanChartContainer .chartContainer .chartItem .item .column {display: flex; flex-direction: column; color:#25408F;}
.humanChartContainer .chartContainer .chartItem .item .column:nth-child(1) {justify-content: flex-start;}
.humanChartContainer .chartContainer .chartItem .item .column:nth-child(2) {justify-content: center;}
.humanChartContainer .chartContainer .chartItem .item .column:nth-child(3) {justify-content: flex-end;}
.humanChartContainer .chartContainer .chartItem .item .column i { font-style:normal; font-weight:700;}
.humanChartContainer .chartContainer .chartItem .item .column strong { display:block; font-size:14px; font-weight:500;}
.humanChartContainer .chartContainer .chartItem .item column.thumbChart {}

.humanChartContainer .chartContainer .chartTwoItemContainer {}
.humanChartContainer .chartContainer .chartTwoItemContainer .title { font-size:18px; color:#25408F; font-weight:500; display:block; padding:0 0 30px 0;}
.humanChartContainer .chartContainer .chartTwoItem { display:flex;}

.humanCapitalStrategyContainer { display:flex; justify-content:center; gap:28px;}
.humanCapitalStrategyContainer .item { display:flex; flex-direction:column; text-align:center; align-items:center; justify-content:flex-start; flex:1; height:250px; padding:60px 30px; gap:20px; transition:0.4s;}
.humanCapitalStrategyContainer .item:hover { background:#fff; transition:0.4s;}
.humanCapitalStrategyContainer .icon {}
.humanCapitalStrategyContainer .icon img { height:60px} 
.humanCapitalStrategyContainer .number { border:1px solid #58bdbd; display:block; width:100%; padding:20px; border-radius:40px; font-size:30px; font-weight:500; color:#25408f;}
.humanCapitalStrategyContainer .summary { font-size:18px; line-height:140%; width:165px;}

.totalTrainingContainer {}
.totalTrainingContainer .summary { flex:1; font-size:24px;}
.totalTrainingContainer .chartContainer { flex:3; display:flex; flex-wrap:wrap; gap:40px;}
.totalTrainingContainer .chartContainer .chartItem { display:flex; flex-direction:column; justify-content:flex-start; margin:0 0 40px 0; position:relative; width:270px;}
/*.totalTrainingContainer .chartContainer .chartItem:nth-child(2) { justify-content:flex-end;}*/
.totalTrainingContainer .chartContainer .chartItem:nth-child(3) { justify-content:flex-end;}
.totalTrainingContainer .chartContainer .chartItem .title { font-size:18px; color:#000; font-weight:500; display:block; margin:0 auto 30px auto; padding:0 !important;}
.totalTrainingContainer .chartContainer .chartItem .item { display:flex; flex-direction: column; line-height:120%;}
.totalTrainingContainer .chartContainer .chartItem .item i { font-style:normal; display:block;}
.totalTrainingContainer .chartContainer .chartItem .item strong { display:block; font-size:40px; font-weight:500; color:#00E4FE; line-height:120%;}
.totalTrainingContainer .chartContainer .chartItem .item strong span { font-size:30px;}
.totalTrainingContainer .chartContainer .chartItem.borderBottom { padding:0 0 40px 0; margin:0;}
.totalTrainingContainer .chartContainer .chartItem .item strong img { margin:0 0 0 10px;}

.tableContainer { width:960px;}
.tableHeader { background:#58bdbd; display:flex; padding:15px; align-items:center; border-radius:20px;}
.tableHeader .column { color:#25408f; font-size:16px; font-weight:700; }
.tableHeader .column:nth-child(1) { width:160px; }
.tableHeader .column:nth-child(2) { width:510px; border-left:1px solid #25408f; padding:0 0 0 25px; }
.tableHeader .column:nth-child(3) { width:110px; border-left:1px solid #25408f; padding:0 0 0 15px; }
.tableHeader .column:nth-child(4) { width:110px; border-left:1px solid #25408f; padding:0 0 0 15px; }
.tableRow { display:flex; align-items:center; margin:30px 0 0 0; gap:30px;}
.tableRow .column { position:relative; display:flex; align-items:center; font-size:16px; line-height:140%; border-radius:20px;}
.tableRow .column:before {}
.tableRow .column:nth-child(1) { width:170px; color:#25408F; font-weight:700; }
.tableRow .column:nth-child(2) { width:540px; min-height:75px; border:1px solid #A5A59D; padding:20px; }
.tableRow .column:nth-child(2):before { content:""; background:#A5A59D; width:30px; height:1px; display:table; position:absolute; left:-30px; }
.tableRow .column:nth-child(3) { width:110px; border:1px solid #A5A59D; padding:0 5px; height:115px; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:700; color:#25408F; }
.tableRow .column:nth-child(3):before { content:""; background:#A5A59D; width:30px; height:1px; display:table; position:absolute; left:-30px; }
.tableRow .column:nth-child(4) { width:70px; height:70px; padding:20px 25px; display:flex; align-items:center; justify-content:center; border:1px solid #A5A59D; border-radius:100%; text-align:center; font-weight:700; color:#25408F; }
.tableRow .column:nth-child(4):before { content:""; background:#A5A59D; width:30px; height:1px; display:table; position:absolute; left:-30px; }


.humanRightsContainer { display:flex; gap:15px;}
.humanRightsContainer .column { flex:1; width:333px; font-size:16px;}
.humanRightsContainer .column .title { border:1px solid #A5A59D; padding:15px; color:#25408F; font-weight:600; margin:0 0 20px 0; height:70px; line-height:140%;}
.humanRightsContainer .column ul { padding:0 15px 0 25px;}

.safetyManagement {}

.energyClimateContainer { margin:100px 0 0 0;}
.energyClimateContainer .title { color:#25408F; font-size:24px; font-weight:500; padding:0 0 60px 0; text-align:center; display:block;}
.energyClimateContainer .energyClimateContent { display:flex; align-items:flex-start; justify-content:space-between;}
.energyClimateContainer .energyClimateContent .item { color:#25408F; text-align:center; font-weight:500; width:190px;}
.energyClimateContainer .energyClimateContent .item img {}
.energyClimateContainer .energyClimateContent .item i { font-style:normal; display:block; padding:10px 0 0 0; line-height:120%;}


.growthPlatformsContainer { gap:50px; justify-content:flex-start;}
.growthPlatformsContainer .column.growthBoxContainer { width:450px;}
.growthPlatformsContainer .growthBoxContainer {}
.growthPlatformsContainer .growthBoxContainer .item { border:1px solid #25408F; padding:30px; margin:0 0 20px 0; display:flex; flex-direction:row; align-items:center; gap:30px; color:#25408F; font-weight:600;} 
.growthPlatformsContainer .growthBoxContainer .item:nth-child(2) { flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.growthPlatformsContainer .growthBoxContainer .item:nth-child(2) span { display:flex; flex-direction:row; align-items:center; gap:30px;}
.growthPlatformsContainer .growthBoxContainer .item:nth-child(2) span:nth-child(2) { text-align:center; }
.growthPlatformsContainer .growthBoxContainer .item span {} 
.growthPlatformsContainer .growthBoxContainer .item img {} 
.growthPlatformsContainer .growthBoxContainer .item i { font-style:normal;} 
.growthNumberContainer { width:620px;}
.growthNumberContainer .item { display:flex; gap:30px; flex-direction:row; align-items:flex-start; margin:0 0 40px 0; color:#25408F; line-height:140%;}
.growthNumberContainer .item i { background:#25408F; width:84px; height:84px; color:#fff; font-size:30px; font-weight:600; display:flex; font-style:normal; align-items:center; justify-content:center; border-radius:100%;}
.growthNumberContainer .item span { display:block; width:500px;}
.growthNumberContainer .item span strong { font-weight:600; display:block; padding:0 0 10px 0;}

.verticalinvestedContainer {}
.verticalinvestedContent { display:flex; align-items:flex-start; gap:60px;}
.verticalinvestedContent .column {}
.verticalinvestedContent .column:nth-child(2) { padding:30px 0; border:1px solid #25408F;}
.verticalinvestedContent .column .title { text-align:center; font-weight:600; color:#25408F; padding:0 0 30px 0;}
.verticalinvestedContent .column .columnFlex { display:flex; width:340px; padding:0 30px; margin:auto; justify-content:center; flex-wrap:wrap; gap:60px; color:#25408F;}
.verticalinvestedContent .column .columnFlex span { text-align:center; display:block; width:140px;}
.verticalinvestedContent .column .columnFlex span img {}
.verticalinvestedContent .column .columnFlex span i { display:block; font-style:normal; margin:10px 0 0 0;}

.downloadCenterContainer { display:flex; flex-wrap:wrap; gap:25px; padding:40px 0 0 0;}
.downloadCenterContainer a { display:flex; align-items:center; height:120px; background:#72b0a4; border:1px solid #72b0a4; border-radius:20px; padding: 0 70px 0 25px; width: calc(50% - 110px); position:relative; font-size:20px; font-weight:600; color:#fff;gap:25px; transition:0.4s;}
.downloadCenterContainer a:hover { opacity:0.8;}
.downloadCenterContainer a:after {content: ''; background: url(/2024/images/icon/icon-download-white.svg);width: 40px;height: 40px;right: 25px;position: absolute;}
.downloadCenterContainer a img { height:40px;}
.downloadPol a:after { background:none;}
.downloadCenterContainer.downloadPol a { background:#7d50b2; border:1px solid #7d50b2; }
.downloadCenterContainer.downloadPol a:hover { opacity:0.8;}

.relatedTopicsPageContainer { display:flex; flex-wrap:wrap; gap:10px; text-align:center; justify-content:center;}
.relatedTopicsPageContainer a { color:#000;}
.relatedTopicsPageContainer a:hover { color:#fff;}

.materialityMatrixContainer { display:flex; align-items:flex-start; gap:40px;}
.materialityMatrixContainer .thumb { }
.materialityMatrixContainer .thumb img { border-radius:40px; }
.materialityMatrixContainer .summary { line-height:200%; font-size:16px; }
.materialityMatrixContainer .summary strong { font-weight:700;}

#homePage footer { background:#010211 url(/2024/images/icon/menu-border.svg) center 40px no-repeat;}
footer { background:#010211 url(/2024/images/common/footer.png) right 0 no-repeat; padding:80px 0 0 0;}

#footerMenuContainer { background:#CFCFC4; padding:60px 0; display:none;}
.footerMenuBtnContainer { font-size:30px; font-weight:500; display:flex; align-items:flex-end;}
.footerMenuBtnContainer span { line-height:100%; display:flex; align-items:flex-end; gap:40px;}
.footerMenuBtnContainer span:after { content:""; width:1200px; height:4px; background:#000; display:block; margin:0 0 5px 0;}
.footerMenuBtnContainer i { font-style:normal; margin:0 0 -8px 20px; cursor:pointer;}
.footerMenuBtnContainer i:after {content: '+';}
.footerMenuBtnContainer i.mobileMenuClose:after {content: '-';}
.footerMenu { display:none; flex-wrap:wrap; gap:40px; align-items:flex-start; padding:60px 0 0 0;}
.footerMenu .item { width:calc(33% - 40px); display:flex; flex-direction:column; font-size:14px;}
.footerMenu .item a { color:#000;}
.footerMenu .item strong { display:block; font-size:20px; font-weight:700; margin:0 0 20px 0; line-height:100%;}
.footerMenu .item ul {}
.footerMenu .item ul li { padding:0 0 10px 0; list-style-position:inside; display:flex;}
.footerMenu .item ul li:before {content: '•'; margin:0 10px 0 0;}
.footerMenu .item ul li a { color:#000;}

#footerCopyContainer { text-align:center;}
.footerCopyContainer { display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:60px 0;}
.footerCopyContainer .footerCopyLogo { color:#000; font-size:16px;}
.footerCopyContainer .footerCopyLogo a { display:flex; align-items:center; gap:20px; color:#fff; flex-direction:column;}
.footerCopyContainer .footerCopyLogo i { font-style:normal;}
.footerCopyContainer .footerCopyMenu { font-size:14px; padding:40px 0 0 0; display:flex; gap:20px;}
.footerCopyContainer .footerCopyMenu a { color: rgba(255, 255, 255, 0.4); }

.footerCopyContainer .goTopBtn { position:absolute; right:0; top:60px; z-index:99; cursor:pointer;}


/*tksn*/
#toggle-button {
    display: none;
}
.menu-wrapper {
    margin-top: 160px !important;
}

.border-bottom {
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
}
.header-menu-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin:40px 0;
}

.header-menu-top .item-left {
    width: 70%;
}

.header-menu-top .item-right {
    width: 30%;
    display: flex;
	align-items:end;
	gap:40px;
	flex-direction:column;
}

.download-pdf {
    background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: white;
  padding: 14px 32px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 114, 255, 0.4);
}

.download-pdf a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #fff;
}
.download-pdf:hover {transform: scale(1.05);
  box-shadow: 0 6px 14px rgba(0, 114, 255, 0.6);}

.header-menu-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.subMenuContainer {
    display: none;
    gap: 20px;
	position:absolute;
	top:20px;
	right:80px;
}

.subMenuContainer .item a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}
.subMenuContainerOpen { display:flex;}

.header-menu-bottom .item-right .img {
    width: 75%;
}

.header-menu-bottom .item-right {
    display: flex;
    justify-content: flex-end;
}

.hover {
    position: relative;
}

.hover:after {
    padding-left: 20px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    content: '';
    width: 0;
    height: 3px;
    background: #000;
    margin-top: 5px;
    transition: all 1s ease;
    opacity: 0;
}

.hover:hover:after {
    width: 100%;
    opacity: 1;
}

.menu-item.active .hover:after {
    width: 100%;
    opacity: 1;
}

.btn-close {
    display: none;
}

.mobileMenuClose .btn-close {
    display: block;
}

.mobileMenuClose .btn-menu {
    display: none;
}


.accordion { cursor: pointer; border: none; outline: none; transition: 0.4s; margin:0 0 20px 0; font-weight:500; padding:30px; border-radius:20px;  }
.accordion:before { content: '\002B'; margin:0 10px 0 0;}
.accordion.open:before { content: "\2212";}
.panel { padding:10px 20px; display: none; overflow: hidden;}
.panel .accordion { margin:0 0 10px 0; padding:20px 30px;}
.panel .accordion .panel { padding:20px;}
.panel.green .accordion { background:#b9e5fa;}
.panel.purple .accordion { background:#BBA2C7;}
.panel.blue .accordion { background:#d4effc;}
.panel .accordion:after { content: '\002B'; float:right;}
.panel .accordion.open:after { content: "\2212";}
.panel .accordion:before { content:"";}
.panel .accordion.open:before { content:"";}

.tagSearchListContainer {}
.related-topics-tag {background: #caeeed;text-align: center;color: #01a3a1;width: 800px;margin: 40px auto 0;padding: 50px;border-bottom: 8px solid #01a3a1; border-radius:40px;}
.related-topics-tag .tagTitle {font-size: 30px;line-height: 100%;margin-block-start: 0; margin:0 0 30px 0;}
.related-topics-tag a {color: #01a3a1;margin:0 0 15px 0; display:block;text-decoration: none;font-size: 18px;transition: 0.5s;}
.related-topics-tag .grid {display: flex; flex-direction: column; height:auto !important;}
.related-topics-tag .grid>div {width: 100%;}
.related-topics-tag .grid .element-item {font-size: 20px;position: relative !important;top: auto !important;left: auto !important;}
.related-topics-text .button {padding:5px;display: inline-flex;cursor: pointer;transition: 0.5s;}
.related-topics-text .button:hover {color: #f0f0f0;}
.related-topics-tag a:hover {color: #ccc;}
.related-topics-text {}

.directorsListContainer {}
.directorsListContainer .summary {}
.directorsListContainer .summary ul { display:flex; gap:80px; flex-wrap:wrap; align-items:start; width:790px; margin:0 auto; padding:0 0 80px 0; justify-content:center;}
.directorsListContainer .summary ul li { display:flex; flex-direction:column; gap:10px; text-align:center; justify-content:center; width:210px; text-align:center;}
.directorsListContainer .summary ul li a { color:#000; text-decoration:none;}
.directorsListContainer .summary ul li img {}
.directorsListContainer .summary ul li span { font-size:16px;}
.directorsListContainer .summary ul li span i { display:block; font-style:normal; font-size:18px; font-weight:500; color:#001E7B;}

.w-300 {width: 300px;}
.borderBottom {border-bottom: 3px solid #00E4FE;}