.esg-page{margin:0;color:#262626;background:#fff;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif}.esg-page *{box-sizing:border-box}.esg-page a{text-decoration:none}.esg-page .all_wrap{position:relative;width:60%;margin:0 auto}.esg-page .logo_nav{position:relative;width:100%;margin-top:100px;font-family:Roboto,Arial,sans-serif}.esg-page .logo{font-size:16px;line-height:normal}.esg-page .logo img{max-width:calc(100% - 60px);height:auto}.esg-page .nav_wrap{position:absolute;width:60%;left:40%;top:10px}.esg-page .nav_wrap li{list-style:none}.esg-mobile-nav{display:none}.esg-content{margin-top:90px}
.esg-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;aspect-ratio:1.76;background:linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.46)),url('/images/esg-sustainability.jpg') center/cover no-repeat;color:#fff;text-align:center}.esg-hero-copy{position:relative;width:100%;padding:40px 24px}.esg-hero h1{margin:0 0 66px;font-size:clamp(28px,2.25vw,42px);font-weight:600;letter-spacing:-.04em}.esg-hero p{margin:0;font-size:clamp(15px,1.05vw,20px);line-height:1.95;font-weight:500;word-break:keep-all;text-shadow:0 1px 5px #0008}
.esg-strategy{padding-top:62px}.esg-strategy h2{margin:0;text-align:center;font-size:54px;line-height:1.2;font-weight:700;letter-spacing:-2px}.esg-section-label{margin:16px 0 32px;text-align:center;color:#777;font-size:16px}.esg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.esg-pillar{min-width:0;--accent:#00b84f;--tint:#edf3df}.esg-pillar.social{--accent:#efaa79;--tint:#ffebdc}.esg-pillar.governance{--accent:#558ede;--tint:#e0e9f5}.esg-direction{border:3px solid var(--accent);border-radius:30px;min-height:205px;text-align:center;padding:20px 10px}.esg-direction svg{width:64px;height:64px;fill:none;stroke:#868b86;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.esg-direction h3{font-size:15px;letter-spacing:.01em;font-weight:500;margin:16px 0 23px;color:var(--accent)}.esg-direction p{font-size:16px;line-height:1.5;margin:0;font-weight:500;word-break:keep-all}.esg-tasks{margin-top:28px;border-radius:28px;background:var(--tint);padding:7px 18px}.esg-stage{padding:20px 0;min-height:196px}.esg-stage+.esg-stage{border-top:1px solid #b3b5ad}.esg-stage h4{font-size:15px;line-height:1.55;margin:0;font-weight:700}.esg-stage h4 span{font-size:12px;font-weight:400;white-space:nowrap}.esg-stage-caption{margin:5px 0 13px;font-size:12px;color:#676767}.esg-stage ul{padding-left:15px;margin:0}.esg-stage li{font-size:13px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
.esg-page .bottom{padding:30px;margin-top:50px;color:#555;font-size:11px;font-family:Roboto,Arial,sans-serif}.esg-page #main-sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(310px,86vw);overflow-y:auto;background:rgba(0,0,0,.95)}.esg-page #main-sidebar.esg-open{display:block}.esg-page #main-sidebar ul{list-style:none;margin:0;padding:0}.esg-page #main-sidebar ul ul a{padding-left:32px;background:#f7f7f7;color:#555;font-size:12px}.esg-page #main-sidebar a{display:block;padding:14px 20px;color:#fff;font-size:14px;border-bottom:1px solid #444}.esg-page #main-sidebar a[aria-current]{color:#a7c7ff}.esg-page #main-sidebar .close-sb{background:#ccc;padding:22px 20px;color:#111;font-size:18px;cursor:pointer}.esg-page #main-sidebar .close-sb span{float:right}.esg-page #toggle-sidebar{position:absolute;right:5px;top:4px;cursor:pointer;color:#222;padding:8px}
.esg-mobile .all_wrap{width:94%}.esg-mobile .logo_nav{margin-top:20px}.esg-mobile .nav_wrap{display:none}.esg-mobile .esg-mobile-nav{display:block}.esg-mobile .esg-content{margin-top:50px}
@media(max-width:1100px) and (min-width:761px){.esg-grid{gap:10px}.esg-direction{padding:18px 8px}.esg-direction h3{font-size:12px}.esg-direction p{font-size:14px}.esg-tasks{padding:5px 12px}.esg-stage{min-height:240px}}
@media(max-width:760px){.esg-page .all_wrap{width:94%}.esg-page .logo_nav{margin-top:20px}.esg-page .nav_wrap{display:none}.esg-mobile-nav{display:block}.esg-content{margin-top:50px}.esg-hero{min-height:390px;aspect-ratio:auto}.esg-hero-copy{padding:40px 20px}.esg-hero h1{font-size:30px;margin-bottom:42px}.esg-hero p{font-size:16px;line-height:1.9}.esg-desktop-break{display:none}.esg-strategy{padding-top:44px}.esg-strategy h2{font-size:46px}.esg-grid{grid-template-columns:1fr;gap:30px}.esg-direction{min-height:190px;padding:20px}.esg-direction h3{font-size:16px;margin:12px 0 16px}.esg-tasks{margin-top:14px;padding:5px 22px}.esg-stage{min-height:0;padding:22px 0}.esg-stage h4{font-size:16px}.esg-stage-caption{font-size:13px}.esg-stage li{font-size:15px;line-height:1.9}.esg-page .bottom{padding:24px 3%;margin-top:25px}}