/* [4] Sustainability */
/* ******************************* */


/* 1. ESG */
.sub04-pg01-t2 .box-img .img, .sub04-pg01-t3 .box-img .img{width: 100%;}
.sub04-pg01-t2 .cont01, .sub04-pg01-t3 .cont01{padding-bottom: 8rem;}

.sub04-pg01-t1 .cont-imgBx2{margin-top: 16rem;}

.sub04-pg01-t2 .flex-wr .titBx{width: 40%;margin-right: 6rem;}
/* .sub04-pg01-t2 .flex-wr .titBx{width: 40%;height: 100%;max-width: 45%;position: sticky;top: 16rem;margin-right: 6rem;} */
.sub04-pg01-t2 .flex-wr .imgBx{width: 60%;}
.sub04-pg01-t2 .flex-wr .imgBx .i-bx:not(:last-child){padding-bottom: 2.1rem;}
.sub04-pg01-t2 .flex-wr .grid-2{grid-gap: 2.1rem 2rem;}

.sub04-pg01-t3 .titBx{width: 20%;}
.sub04-pg01-t3 .imgBx{width: 80%;}

@media all and (max-width: 768px) {
  .sub04-pg01-t1 .cont-imgBx2{margin-top: 4rem;}
}

.info-list{}
.info-list > li{display: flex;align-items: center; border-bottom: 1px solid #E0E0E0;padding: 2rem 0;}
.info-list > li:nth-child(1){padding-top: 0;}
.info-list .iconBx{margin-left: 3.4rem;}
.info-list .rgtBx{padding-left: 3.4rem;}
.info-list .num, .info-list strong, .info-list p{font-family: 'Pretendard', sans-serif;}
.info-list .num, .info-list strong{display: inline-block;font-size: 2rem;letter-spacing: -.1px;font-weight: 700;line-height: 30px;}
.info-list .num{color: var(--color-point);margin-right: .75rem;}
.info-list strong{color: var(--color-txt);}
.info-list p{font-size: 1.8rem;color: var(--color-txt);font-weight: 500;line-height: 27px;letter-spacing: -0.09px;margin-top: .5rem;}

table.info-tb{border-top: 1px solid var(--color-point);}
table.info-tb tr th,
table.info-tb tr td{font-size: 1.8rem;color: var(--color-txt);padding: 2.5rem 3rem;border-bottom: 1px solid #E0E0E0;text-align: left;}
table.info-tb tr th{background-color: #E3ECF8;font-weight: 700;vertical-align: top;}
table.info-tb tr td{background-color: #fff; font-weight: 500;}
table.info-tb tr:last-child th, table.info-tb tr:last-child td{border-bottom: 1px solid var(--color-point);}
table.info-tb .num-list{}
table.info-tb .num-list > li{list-style: decimal;margin-left: 2rem;}
table.info-tb .num-list > li:not(:last-child){padding-bottom: 1rem;}
table.info-tb .num-list2{padding: .5rem 0;}
table.info-tb .num-list2 > li{list-style: disc;margin-left: 2rem;}

@media all and (max-width: 768px) {
  .sub04-pg01-t2 .cont01, .sub04-pg01-t3 .cont01{padding-bottom: 6rem}
  .sub04-pg01-t2 .box-img, .sub04-pg01-t3 .box-img{height: 20rem;}
  .sub04-pg01-t2 .box-img .img, .sub04-pg01-t3 .box-img .img{width: 100%;height: 100%;object-position: center;object-fit: cover;}
  .sub04-pg01-t2 .flex-wr .titBx{margin-right: 0;width: 100%;}
  .sub04-pg01-t2 .flex-wr .imgBx{width: 100%;margin-top: 3rem;}
  .sub04-pg01-t2 .flex-wr .imgBx .i-bx:not(:last-child){padding-bottom: 1rem;}
  .sub04-pg01-t2 .flex-wr .grid-2{grid-gap: 1rem;}

  .sub04-pg01-t3 .titBx,
  .sub04-pg01-t3 .imgBx{width: 100%;}
  .sub04-pg01-t3 .titBx{margin-right: 0;padding-bottom: 2rem;}
  table.info-tb tr th, table.info-tb tr td{font-size: 1.6rem;}

  .info-list > li{flex-direction: column;}
  .info-list .rgtBx{padding-left: 0;}
  .info-list .rgtBx .flex{flex-direction: column;margin-top: 1rem;}
  .info-list .num, .info-list strong{font-size: 1.8rem;text-align: center;line-height: 24px;}
  .info-list .num{margin-right: 0;padding-bottom: 1rem;}
  .info-list p{font-size: 1.6rem;text-align: center;line-height: 24px;}
  .info-list .iconBx{margin-left: 0;}
}
@media all and (max-width: 480px) {
  table.info-tb tr th, table.info-tb tr td{font-size: 1.2rem;line-height: 22px;padding: 1.5rem 1rem;}
}


/* 2. Renewable energy */
.sub04-pg02{}