:root{--ilheung-blue:#132b88;--ilheung-blue-hover:#0f2270;--heading-color:#333;--body-text:#666;--strong-text:#000;--footer-bg:#222;--background:#fff;--light-bg:#f8f9fa;--border-color:#e0e0e0;--accent-line:#132b88}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--background);color:var(--body-text);line-height:1.7;overflow-x:hidden}.header{padding:1.5rem 5%;background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;flex-direction:column}.logo{font-size:2.2rem;font-weight:700;color:var(--ilheung-blue);letter-spacing:-.5px}.company-name{font-size:1.1rem;color:var(--body-text);margin-top:.2rem;font-weight:400}.header-nav{display:flex;gap:2rem;align-items:center}.nav-link{font-size:1.05rem;font-weight:500;color:var(--heading-color);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;white-space:nowrap}.nav-link:hover{color:var(--ilheung-blue);background:#f0f4ff}.header-title{font-size:1.8rem;font-weight:700;color:var(--ilheung-blue);letter-spacing:1px}.hero{position:relative;height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:url(/esg_hero.png) 50%/cover no-repeat;background-color:#1a3a66}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,25,60,.55);z-index:1}.hero .hero-subtitle,.hero h1{position:relative;z-index:2}.hero h1{font-size:4.5rem;font-weight:700;color:#fff;line-height:1.3;margin-bottom:.5rem}.hero-subtitle{font-size:1.6rem;color:hsla(0,0%,100%,.9);font-weight:400;letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem}.esg-statement{max-width:1400px;margin:0 auto;padding:110px 30px 160px;text-align:center}.esg-statement h2{font-size:46px;font-weight:700;color:var(--heading-color);margin-bottom:1.5rem;position:relative;display:inline-block}.esg-statement h2:before{content:"";position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:50px;height:4px;background:var(--accent-line)}.statement-subtitle{font-size:26px;color:var(--body-text);margin-bottom:70px;font-weight:400}.statement-intro{margin-bottom:80px;text-align:center}.statement-intro p{font-size:26px;line-height:2;color:var(--body-text);margin-bottom:1.5rem}.statement-intro .quote{font-size:32px;font-weight:700;color:var(--strong-text);margin:2.5rem 0;font-style:normal}.esg-pillars{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;margin-bottom:80px;text-align:left}.pillar{background:#fff;padding:40px 35px;border:1px solid #e8e8e8;transition:all .3s ease}.pillar:hover{box-shadow:0 5px 20px rgba(0,0,0,.08)}.pillar h3{font-size:28px;font-weight:700;color:var(--strong-text);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.pillar p{font-size:24px;line-height:1.9;color:var(--body-text);margin-bottom:0}.statement-outro{text-align:center;padding:60px 30px;background:#f9f9f9;margin-top:60px}.statement-outro p{font-size:26px;line-height:2;color:var(--body-text);margin-bottom:1.2rem}.statement-outro .signature{margin-top:40px;font-size:36px;font-weight:700;color:var(--heading-color)}.section-title{text-align:center;padding:80px 20px 60px;background:#fff}.section-title h2{font-size:46px;font-weight:700;color:var(--heading-color);position:relative;display:inline-block}.section-title h2:before{content:"";position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:50px;height:4px;background:var(--accent-line)}.section-title p{font-size:26px;color:var(--body-text);margin-top:1.5rem}.cards-container{max-width:1400px;margin:0 auto;padding:60px 30px 140px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;background:#fff}.card{background:#fff;border:1px solid var(--border-color);padding:50px 40px;transition:all .3s ease;cursor:pointer;text-decoration:none;display:block}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(19,43,136,.12);border-color:var(--ilheung-blue)}.card-icon{width:80px;height:80px;background:var(--ilheung-blue);display:flex;align-items:center;justify-content:center;margin-bottom:32px;font-size:2.2rem;transition:transform .3s ease}.card:hover .card-icon{transform:scale(1.05);background:var(--ilheung-blue-hover)}.card h2{font-size:30px;margin-bottom:20px;color:var(--heading-color);font-weight:700}.card p{color:var(--body-text);margin-bottom:25px;line-height:1.9;font-size:24px}.card-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--ilheung-blue);text-decoration:none;font-weight:600;font-size:24px;transition:gap .3s ease}.card:hover .card-link{gap:.8rem}.arrow{transition:transform .3s ease;font-size:1.4rem}.card:hover .arrow{transform:translateX(3px)}.footer{padding:60px 5%;background:var(--footer-bg);text-align:center}.footer-content{max-width:1400px;margin:0 auto;color:#999}.footer-content p{margin-bottom:.8rem;font-size:20px;line-height:1.7}.footer-content strong{color:#fff;font-weight:600;font-size:24px}@media (max-width:1024px){.esg-pillars{grid-template-columns:1fr;gap:25px}.cards-container{grid-template-columns:repeat(2,1fr)}.header-nav{gap:1rem}.nav-link{font-size:.95rem;padding:.4rem .8rem}.header-title{font-size:1.4rem}}@media (max-width:768px){.header-content{flex-direction:column;gap:10px;text-align:center}.header-nav{flex-direction:column;gap:.5rem;width:100%}.nav-link{font-size:.9rem;padding:.5rem;width:100%}.header-title{font-size:1.2rem}.hero{height:280px}.hero h1{font-size:3rem}.hero-subtitle{font-size:1.2rem}.esg-statement{padding:70px 20px 100px}.esg-statement h2{font-size:32px}.statement-intro p,.statement-outro p,.statement-subtitle{font-size:20px}.statement-intro .quote{font-size:24px}.pillar{padding:30px 25px}.pillar h3{font-size:22px}.pillar p{font-size:18px}.cards-container{grid-template-columns:1fr;gap:25px;padding:50px 20px 80px}.card{padding:40px 30px}.card h2{font-size:24px}.card p{font-size:18px}.section-title h2{font-size:32px}.section-title p{font-size:20px}.footer-content p{font-size:16px}.footer-content strong{font-size:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card,.esg-statement{animation:fadeInUp .5s ease forwards}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}