/* 지속가능경영(esg) 페이지 전용 스타일 — 공통 d3.css 위에 덧붙임 */

/* 머리 사진: 본사 전경을 아래쪽(건물)에 맞춤 */
.phero-img img{object-position:50% 60%}

/* 원칙 한 묶음: 왼쪽 제목(4칸) + 오른쪽 번호 목록(8칸). 묶음 사이는 1px 선 */
.page-esg .sec + .sec{padding-top:0}
.page-esg .sec + .sec .esg-row{padding-top:clamp(48px,calc(5vw / var(--z)),80px);border-top:1px solid var(--line)}
.esg-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,calc(4vw / var(--z)),80px);align-items:start}
.esg-head .h2{margin-top:14px;text-wrap:balance}
.esg-iso{padding:2px 8px;border:1px solid var(--line2);border-radius:999px;font-size:12px;letter-spacing:.04em;color:var(--mute)}

/* 번호 목록: 메인 .plist 처럼 위 1px 선 + 왼쪽 가는 숫자 */
.pledge{list-style:none;margin:0;padding:0;counter-reset:pl}
.pledge li{counter-increment:pl;position:relative;padding:20px 0 20px 56px;border-top:1px solid var(--line2);
  font-size:clamp(16px,calc(1.25vw / var(--z)),18px);line-height:1.7;text-wrap:pretty}
.pledge li:last-child{border-bottom:1px solid var(--line2)}
.pledge li::before{content:counter(pl,decimal-leading-zero);position:absolute;left:0;top:20px;
  font-size:14px;font-weight:300;letter-spacing:.02em;color:var(--mute);font-variant-numeric:tabular-nums}

@media (max-width:860px){
  .esg-row{grid-template-columns:minmax(0,1fr)}
  .pledge li{padding-left:44px}
}