@charset "euc-kr";
/* ESG pages (sub07_01 ~ sub07_06) - added 2026.10 */
.esg {font-family:"Malgun Gothic","Dotum",Arial; color:#555; font-size:14px; line-height:24px; letter-spacing:-0.3px;}
.esg p {margin:0 0 10px 0;}
.esg .esg_lead {font-size:20px; line-height:32px; color:#222; font-weight:bold; letter-spacing:-0.8px; margin-bottom:14px;}
.esg .esg_lead em {font-style:normal; color:#0463b3;}
.esg h4 {clear:both; font-size:18px; color:#222; font-weight:bold; letter-spacing:-0.6px; margin:46px 0 14px 0; padding-left:14px; line-height:20px; border-left:4px solid #0463b3;}
.esg h4.first {margin-top:30px;}
.esg h5 {font-size:15px; color:#0463b3; font-weight:bold; margin:0 0 6px 0;}

/* vision banner */
.esg_vision {background:#0463b3; color:#fff; padding:30px 34px; margin:24px 0 0 0;}
.esg_vision span.eng {display:block; font-size:12px; letter-spacing:2px; color:#b9d9f6;}
.esg_vision strong {display:block; font-size:24px; line-height:34px; letter-spacing:-0.8px; margin-top:4px;}

/* box grid */
.esg_box {overflow:hidden; margin:0 -14px 0 0;}
.esg_box li {float:left; width:230px; margin:0 14px 14px 0; border:1px solid #dfe3ea; border-top:3px solid #0463b3; padding:20px 18px 16px 18px; box-sizing:border-box; min-height:170px; background:#fff;}
.esg_box.col2 li {width:353px; min-height:0;}
.esg_box li ul {margin:0; padding:0;}
.esg_box li ul li {float:none; width:auto; border:0; padding:0 0 0 10px; margin:0; min-height:0; position:relative; font-size:13px;}
.esg_box li ul li:before {content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#0463b3;}
.esg_box li p {font-size:13px; line-height:22px; margin:0;}
.esg_box li.e {border-top-color:#2e8b57;}
.esg_box li.s {border-top-color:#0463b3;}
.esg_box li.g {border-top-color:#163e61;}
.esg_tag {display:inline-block; font-size:11px; font-weight:bold; color:#fff; padding:1px 8px; margin-bottom:8px; line-height:18px;}
.esg_tag.e {background:#2e8b57;} .esg_tag.s {background:#0463b3;} .esg_tag.g {background:#163e61;}

/* flow */
.esg_flow {overflow:hidden; background:#edeef3; padding:18px 10px;}
.esg_flow li {float:left; width:25%; text-align:center; position:relative; font-size:13px; line-height:20px; color:#666;}
.esg_flow li b {display:block; margin:0 10px 6px 10px; padding:10px 0; background:#163e61; color:#fff; font-size:14px;}
.esg_flow li.on b {background:#0463b3;}
.esg_flow.c5 li {width:20%;}
.esg_flow.c3 li {width:33.3%;}

/* table */
.esg_tbl {width:100%; border-collapse:collapse; border-top:2px solid #163e61; font-size:13px;}
.esg_tbl th {background:#edeef3; color:#333; font-weight:bold; padding:10px 8px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center;}
.esg_tbl td {padding:10px 8px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; text-align:center; color:#555;}
.esg_tbl th:last-child, .esg_tbl td:last-child {border-right:0;}
.esg_tbl td.al {text-align:left; padding-left:14px;}
.esg_tbl td.num {text-align:right; padding-right:14px;}
.esg_note {font-size:12px; color:#888; margin-top:8px;}

/* document list */
.esg_doc {border-top:2px solid #163e61;}
.esg_doc li {overflow:hidden; border-bottom:1px solid #e3e3e3; padding:14px 10px; font-size:14px; color:#333;}
.esg_doc li span.fr {font-size:12px; color:#0463b3; border:1px solid #0463b3; padding:0 12px; line-height:24px;}
.esg_doc li span.wait {color:#999; border-color:#ccc;}

/* contact cards */
.esg_contact {overflow:hidden; border:1px solid #dfe3ea; background:#f7f9fc;}
.esg_contact li {float:left; width:33.3%; padding:20px 0; text-align:center; border-right:1px solid #dfe3ea; box-sizing:border-box;}
.esg_contact li:last-child {border-right:0;}
.esg_contact li em {display:block; font-style:normal; font-size:12px; color:#888;}
.esg_contact li strong {display:block; font-size:16px; color:#163e61; margin-top:4px;}

/* placeholder - replace before publishing */
.esg_fill {background:#fff4c2; color:#8a6d00;}