/* ESG practical hub */
.esg-page{--esg:#17643d;--esg-dark:#254b35;--esg-soft:#eef8f1;font-size:16px;padding-top:44px}
.esg-page .section-head h2{font-size:34px}.esg-page .section-head span{font-size:13px}.esg-page .section-head p{font-size:16px;line-height:1.75}
.esg-update-badge{background:#e4f5e9;border:1px solid #b8dec3;color:#17643d;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:900}
.esg-source-note{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px;margin-bottom:12px;background:linear-gradient(135deg,#f2faf5,#fbfdfb)}
.esg-source-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#17643d;color:#fff;font-size:18px;font-weight:900}
.esg-source-note b{font-size:18px;color:#28543a}.esg-source-note p{font-size:14px;line-height:1.7;color:#5f7468;margin:5px 0}
.esg-source-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.esg-source-links a{border:1px solid #cfe2d4;background:#fff;color:#2b6946;text-decoration:none;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800}
.esg-perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.esg-perspectives>div{background:#fff;border:1px solid #dbe7de;border-radius:14px;padding:13px}.esg-perspectives span{font-size:12px;color:#2e714c;font-weight:900}.esg-perspectives b{display:block;font-size:16px;color:#365546;margin:4px 0}.esg-perspectives p{font-size:13px;line-height:1.6;color:#6c7b73;margin:0}
.esg-tabs{display:flex;gap:7px;overflow:auto;padding:4px 0 14px;scrollbar-width:none}.esg-tabs::-webkit-scrollbar{display:none}.esg-tabs button{flex:0 0 auto;border:1px solid #d4e3d8;background:#fff;color:#536c5c;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:900;cursor:pointer}.esg-tabs button.active{background:#17643d;color:#fff;border-color:#17643d}.esg-pane{display:none}.esg-pane.active{display:block}
.esg-page .card{border-radius:15px}.esg-three-grid,.esg-use-grid,.esg-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.esg-pillar{padding:16px}.esg-pillar>span{font-size:12px;font-weight:900}.esg-pillar h3{font-size:23px;margin:4px 0}.esg-pillar p,.esg-pillar li{font-size:14px;line-height:1.7}.esg-pillar ul{padding-left:20px}.esg-pillar.e>span{color:#277347}.esg-pillar.s>span{color:#3c6691}.esg-pillar.g>span{color:#775d28}
.esg-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:11px}.esg-card-head b{font-size:19px;color:#2e533c}.esg-card-head small{display:block;font-size:12px;color:#79887f;margin-top:3px}.esg-card-head>span{font-size:13px;background:#edf5ef;color:#306649;border-radius:999px;padding:5px 9px;font-weight:900}
.esg-manufacturing,.esg-pane>.card{padding:16px;margin-bottom:11px}.esg-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.esg-flow>div,.esg-process-grid>div,.esg-report-grid>div{background:#f7faf8;border:1px solid #e0e8e2;border-radius:11px;padding:10px}.esg-flow span{display:grid;place-items:center;width:27px;height:27px;background:#17643d;color:#fff;border-radius:50%;font-size:11px}.esg-flow b,.esg-process-grid b,.esg-report-grid b{display:block;font-size:14px;color:#365846;margin:5px 0}.esg-flow p,.esg-process-grid p,.esg-report-grid p{font-size:12px;line-height:1.6;color:#6d7d74;margin:0}
.esg-use-grid{margin:10px 0}.esg-use-grid .card{padding:14px}.esg-use-grid span{font-size:12px;font-weight:900;color:#2b6c48}.esg-use-grid h3{font-size:17px;margin:4px 0}.esg-use-grid p{font-size:13px;line-height:1.7;color:#64766c;margin:0}
.esg-lead{font-size:14px;line-height:1.8;color:#546d60}.esg-process-grid,.esg-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.esg-check-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.esg-check-list label{display:flex;gap:8px;align-items:flex-start;background:#f8faf9;border:1px solid #e0e7e2;border-radius:10px;padding:10px;font-size:13px;line-height:1.55;color:#50675a}.esg-check-list input{margin-top:3px;transform:scale(1.2)}
.esg-standard-table{display:grid;gap:5px}.esg-standard-table>div{display:grid;grid-template-columns:180px 1.1fr 1.5fr;gap:9px;padding:10px;border-bottom:1px solid #e4e9e5;align-items:center}.esg-standard-table .head{background:#edf5ef;border-radius:9px;font-size:12px;color:#476252}.esg-standard-table strong{font-size:14px;color:#28523b}.esg-standard-table span,.esg-standard-table p{font-size:12px;line-height:1.55;margin:0;color:#60736a}
.esg-gri-map{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.esg-gri-map>div{border-radius:13px;padding:13px;background:#f6faf7;border:1px solid #dce8df}.esg-gri-map span{font-size:11px;color:#2d704a}.esg-gri-map b{display:block;font-size:17px;margin:4px 0;color:#315640}.esg-gri-map p{font-size:12px;line-height:1.6;margin:0;color:#6a7b72}.esg-latest-grid{margin:10px 0}.esg-latest-grid .card{padding:14px}.esg-latest-grid span{font-size:11px;color:#2f754e;font-weight:900}.esg-latest-grid h3{font-size:17px}.esg-latest-grid p{font-size:13px;line-height:1.65}
.esg-steps{list-style:none;padding:0;margin:0;display:grid;gap:7px}.esg-steps li{display:grid;grid-template-columns:180px 1fr;gap:10px;border-bottom:1px solid #e4e9e5;padding:9px}.esg-steps b{font-size:14px;color:#2b583e}.esg-steps span{font-size:13px;line-height:1.6;color:#61746a}
.esg-cbam-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.esg-cbam-status>div{padding:12px;background:#f7faf8;border-radius:11px}.esg-cbam-status span{font-size:12px;color:#29724b;font-weight:900}.esg-cbam-status b{display:block;font-size:18px;color:#315743;margin:4px 0}.esg-cbam-status p{font-size:13px;line-height:1.6;color:#66786f;margin:0}.esg-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.esg-price-grid>div{background:#f6faf7;border:1px solid #dfe8e1;border-radius:11px;padding:11px}.esg-price-grid span,.esg-price-grid b,.esg-price-grid small{display:block}.esg-price-grid span{font-size:11px;color:#708077}.esg-price-grid b{font-size:20px;color:#2d6042;margin:3px 0}.esg-price-grid small{font-size:10px;color:#849087}.esg-warning{font-size:12px;line-height:1.65;color:#725b2b;background:#fff8e8;border:1px solid #efdfb5;border-radius:9px;padding:9px 11px;margin-top:10px}
.esg-it-flow{display:flex;align-items:stretch;gap:6px;overflow:auto}.esg-it-flow>div{min-width:135px;flex:1;background:#f5faf7;border:1px solid #dce7df;border-radius:11px;padding:10px}.esg-it-flow span{font-size:13px;font-weight:900;color:#305a41}.esg-it-flow p{font-size:11px;line-height:1.5;color:#6b7c72}.esg-it-flow i{display:grid;place-items:center;font-style:normal;color:#77a486;font-size:20px}.esg-it-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px}.esg-it-grid .card{padding:13px}.esg-it-grid h3{font-size:15px;color:#315741}.esg-it-grid p{font-size:12px;line-height:1.65;color:#65776c}.esg-data-model{display:flex;flex-wrap:wrap;gap:6px}.esg-data-model span{background:#edf5ef;border:1px solid #d5e4d9;border-radius:999px;padding:7px 10px;font-size:12px;color:#3e634c;font-weight:800}
.esg-calc-intro{display:flex;justify-content:space-between;gap:12px;align-items:center}.esg-calc-intro b{font-size:19px;color:#2f573f}.esg-calc-intro p{font-size:13px;line-height:1.7;color:#62756a}.esg-calc-actions{display:flex;gap:6px}.esg-calc-actions button,.esg-formula-note button{border:1px solid #d4e2d8;background:#fff;color:#366049;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:800;cursor:pointer}
.esg-calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.esg-calculator{padding:15px}.esg-calculator>span{font-size:11px;color:#267347;font-weight:900}.esg-calculator h3{font-size:18px;color:#315642;margin:4px 0}.formula{background:#edf6f0;border-radius:9px;padding:8px 10px;font-size:12px;line-height:1.6;color:#486556}.esg-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.esg-input-grid label{font-size:12px;color:#536b5e;font-weight:800}.esg-input-grid input,.esg-input-grid select{width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #d7e2da;border-radius:9px;padding:9px 10px;font-size:14px;background:#fff}.esg-result-box{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px;background:#f7faf8;border:1px solid #dee8e1;border-radius:11px;padding:10px;font-size:12px;color:#5a6f63}.esg-result-box>div{background:#fff;border-radius:8px;padding:8px}.esg-result-box span,.esg-result-box b{display:block}.esg-result-box span{font-size:10px;color:#74857b}.esg-result-box b{font-size:16px;color:#285d3d;margin-top:2px}.esg-result-box .total{background:#eaf5ed;grid-column:1/-1}.esg-result-box p{grid-column:1/-1;margin:2px 0;font-size:11px;line-height:1.6}.cbam-threshold{grid-column:1/-1;padding:7px 9px;border-radius:8px!important}.cbam-threshold.ok{background:#eaf5ed!important;color:#2b6947}.cbam-threshold.warn{background:#fff4df!important;color:#755724}.esg-cbam-calc{grid-column:1/-1}.esg-formula-note{margin-top:11px;padding:15px}.esg-formula-note b{font-size:17px;color:#315943}.esg-formula-note p{font-size:13px;line-height:1.7;color:#61746a}
@media(max-width:950px){.esg-flow{grid-template-columns:1fr 1fr 1fr}.esg-three-grid,.esg-use-grid,.esg-latest-grid,.esg-process-grid,.esg-report-grid,.esg-it-grid{grid-template-columns:1fr 1fr}.esg-price-grid{grid-template-columns:1fr 1fr}.esg-standard-table>div{grid-template-columns:130px 1fr}.esg-standard-table>div p{grid-column:2}.esg-calculator-grid{grid-template-columns:1fr}.esg-cbam-calc{grid-column:auto}}
@media(max-width:650px){.esg-page{font-size:16px;padding-top:28px}.esg-page .section-head h2{font-size:29px}.esg-page .section-head p{font-size:15px}.esg-source-note{grid-template-columns:1fr}.esg-perspectives,.esg-three-grid,.esg-use-grid,.esg-latest-grid,.esg-process-grid,.esg-report-grid,.esg-gri-map,.esg-it-grid,.esg-cbam-status{grid-template-columns:1fr}.esg-flow{grid-template-columns:1fr 1fr}.esg-check-list{grid-template-columns:1fr}.esg-standard-table>div{grid-template-columns:1fr}.esg-standard-table>div p{grid-column:auto}.esg-steps li{grid-template-columns:1fr}.esg-calc-intro{align-items:flex-start;flex-direction:column}.esg-input-grid{grid-template-columns:1fr}.esg-result-box{grid-template-columns:1fr}.esg-price-grid{grid-template-columns:1fr 1fr}.esg-tabs button{font-size:13px}}


/* =========================================================
   ESG 상세설명 / 규제·표준 / 주요 사이트
   ========================================================= */
.esg-detail-guide{border-left:5px solid #2f7b50!important;background:linear-gradient(135deg,#f7fbf8,#fff)}
.esg-detail-title span{display:block;font-size:12px;color:#267049;font-weight:900;letter-spacing:.04em}
.esg-detail-title b{display:block;font-size:20px;line-height:1.55;color:#294d38;margin:4px 0 12px}
.esg-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.esg-detail-grid>div{background:#fff;border:1px solid #dfe9e2;border-radius:11px;padding:11px}
.esg-detail-grid strong{display:block;font-size:14px;color:#2c5b40;margin-bottom:4px}
.esg-detail-grid p{font-size:13px;line-height:1.72;color:#607369;margin:0}
.esg-detail-bottom{margin-top:10px;background:#eaf5ed;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.7;color:#486455}
.esg-detail-bottom b{color:#245f3d}

.esg-standard-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px}
.esg-standard-cards>.card{padding:15px}
.esg-standard-cards>article>span{font-size:11px;color:#29754d;font-weight:900}
.esg-standard-cards h3{font-size:19px;color:#315943;margin:4px 0}
.esg-standard-cards>article>b{display:block;font-size:13px;color:#4f685b;margin-bottom:6px}
.esg-standard-cards p{font-size:13px;line-height:1.7;color:#65776d}
.esg-standard-use{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;background:#f3f7f4;border-radius:9px;padding:8px;margin:9px 0}
.esg-standard-use strong{font-size:11px;color:#476452}.esg-standard-use em{font-style:normal;font-size:11px;color:#718077}
.esg-standard-cards a{display:inline-block;text-decoration:none;border:1px solid #cfe0d4;border-radius:9px;padding:8px 10px;color:#286846;background:#fff;font-size:12px;font-weight:900}
.esg-regulation-rule{padding:15px!important;background:#f6faf7}.esg-regulation-rule b{font-size:17px;color:#315941}.esg-regulation-rule p{font-size:13px;line-height:1.75;color:#61746a}

.esg-sites-intro{display:grid;grid-template-columns:1fr minmax(260px,380px);gap:15px;align-items:center;padding:16px!important}
.esg-sites-intro span{font-size:11px;color:#2e744d;font-weight:900}
.esg-sites-intro h3{font-size:20px;color:#315942;margin:4px 0}
.esg-sites-intro p{font-size:13px;line-height:1.7;color:#64776c;margin:0}
.esg-sites-intro input{width:100%;box-sizing:border-box;border:1px solid #d2e1d6;border-radius:11px;padding:11px 12px;font-size:14px}
.esg-sites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.esg-site-card{padding:15px!important;position:relative;display:flex;flex-direction:column}
.esg-site-card.featured{border:2px solid #2c7950!important;background:linear-gradient(135deg,#f2faf5,#fff);box-shadow:0 8px 25px rgba(43,113,75,.10)}
.esg-site-no{position:absolute;right:12px;top:10px;font-size:25px;color:#e1ebe4;font-weight:900}
.esg-site-card>span{font-size:11px;color:#2d754e;font-weight:900;padding-right:42px}
.esg-site-card h3{font-size:18px;color:#315843;margin:5px 0}
.esg-site-card p{font-size:13px;line-height:1.7;color:#64776d;flex:1}
.esg-site-tags{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0 10px}
.esg-site-tags em{font-style:normal;font-size:10px;background:#eef5f0;color:#506b5a;border-radius:999px;padding:4px 7px}
.esg-site-card a{display:block;text-align:center;text-decoration:none;background:#17643d;color:#fff;border-radius:9px;padding:9px 10px;font-size:12px;font-weight:900}
.esg-site-card.featured a{background:#114d31}
.esg-site-empty{text-align:center;padding:30px!important;color:#75857c;font-size:14px}
.esg-site-card[hidden]{display:none!important}

@media(max-width:950px){
  .esg-sites-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .esg-detail-grid,.esg-standard-cards,.esg-sites-grid{grid-template-columns:1fr}
  .esg-detail-title b{font-size:18px}
  .esg-detail-grid p,.esg-detail-bottom,.esg-standard-cards p,.esg-site-card p{font-size:14px}
  .esg-sites-intro{grid-template-columns:1fr}
  .esg-sites-intro input{font-size:15px}
  .esg-site-card h3{font-size:19px}
}