.about-page{--navy:#0a1825;--ink:#111b24;--blue:#1769ff;--cream:#f1efe9;--line:#d8d8d2;--muted:#68727a;margin:0;background:#fafaf8;color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;word-break:keep-all}.about-page *{box-sizing:border-box}.about-page a{color:inherit;text-decoration:none}.about-main{display:block;padding:0}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.kicker{margin:0 0 24px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.2em}.kicker.light{color:#99bbff}.index{color:#9aa1a6;font:700 11px/1 Arial;letter-spacing:.13em}.about-page h2{margin:0;font-size:clamp(40px,4.6vw,66px);line-height:1.12;letter-spacing:-.06em}
.about-page #header{position:absolute;z-index:20;width:100%}.about-page #header header{height:96px;padding:0 48px;border-bottom:1px solid #ffffff38;background:transparent;color:#fff}.about-page #header .logo_img{display:block;width:130px;padding:0;filter:none}.about-page #header nav ul{align-items:center;gap:36px;margin:0;padding:0}.about-page #header nav a{color:#fff;font-size:15px;font-weight:700}.about-page #header nav a.active{text-decoration:none}.about-page #header nav li:last-child a{display:block;padding:12px 18px;border:1px solid #ffffff99}
.about-hero{position:relative;height:88vh;min-height:720px;max-height:950px;overflow:hidden;color:#fff}.about-hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.about-hero>img{object-fit:cover}.hero-shade{background:linear-gradient(90deg,#050e1785,#050e1705 72%),linear-gradient(0deg,#050e1760,transparent 55%)}.hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:90px}.about-hero h1{margin:0;font-size:clamp(52px,6.5vw,92px);font-weight:720;line-height:1.06;letter-spacing:-.065em}.about-hero h1 em{color:#8ab2ff;font-style:normal}.hero-inner>p:last-child{margin:32px 0 0;color:#ffffffb8;font-size:17px;line-height:1.85}.about-hero aside{position:absolute;z-index:3;right:48px;bottom:42px;display:flex;align-items:flex-end;gap:18px}.about-hero aside b{font-size:44px;font-weight:350;line-height:.8}.about-hero aside span{padding-left:18px;border-left:1px solid #ffffff70;color:#ffffffa6;font-size:9px;line-height:1.6;letter-spacing:.16em}
.statement{display:grid;grid-template-columns:120px 1fr;padding-top:165px;padding-bottom:170px}.statement-body{display:grid;grid-template-columns:1fr 1fr;gap:10%}.statement-body>.kicker{grid-column:1/-1}.copy{padding-top:12px}.copy p{margin:0 0 27px;color:var(--muted);font-size:16px;line-height:1.9}.copy .lead{color:var(--ink);font-size:21px;font-weight:650;line-height:1.65}
.editorial{padding:150px 0;background:var(--cream)}.editorial-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:11%;align-items:center}.editorial figure{margin:0}.editorial figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.editorial figcaption{margin-top:14px;color:#8a8d8c;font-size:9px;font-weight:800;letter-spacing:.18em}.editorial-copy .index{margin-bottom:85px}.editorial-copy>p:not(.kicker){margin:34px 0;color:var(--muted);font-size:16px;line-height:1.9}.editorial blockquote{margin:58px 0 0;padding-left:25px;border-left:2px solid var(--blue);font-size:20px;font-weight:650;line-height:1.65;letter-spacing:-.025em}
.principles{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;padding-top:165px;padding-bottom:175px}.principles header .index{margin-bottom:85px}.principle-list{border-top:1px solid var(--ink)}.principle-list article{display:grid;grid-template-columns:54px 1fr auto;gap:20px;padding:30px 4px;border-bottom:1px solid var(--line)}.principle-list article>b{color:var(--blue);font-size:11px}.principle-list h3{margin:0 0 9px;font-size:22px}.principle-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.principle-list article>span{padding-top:5px;color:#a1a6a9;font-size:9px;font-weight:800;letter-spacing:.13em}
.proof{position:relative;height:min(70vw,760px);min-height:580px;overflow:hidden}.proof>img{width:100%;height:100%;object-fit:cover}.proof-panel{position:absolute;left:max(48px,calc((100vw - 1240px)/2));bottom:0;width:min(600px,calc(100% - 40px));padding:64px 70px;background:var(--navy);color:#fff}.proof-panel h2{font-size:clamp(35px,3.5vw,52px)}.proof-panel>p:last-child{margin:30px 0 0;color:#9ba8b3;font-size:15px;line-height:1.85}
.process{padding-top:165px;padding-bottom:175px}.process-head{display:grid;grid-template-columns:120px 1fr}.process-head .index{grid-row:1/4}.process ol{display:grid;grid-template-columns:repeat(4,1fr);margin:90px 0 0;padding:0;border-top:1px solid var(--ink);list-style:none}.process li{padding:30px 30px 0 0}.process li+li{padding-left:30px;border-left:1px solid var(--line)}.process li>b{color:var(--blue);font-size:11px}.process li h3{margin:55px 0 14px;font-size:20px}.process li p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.contact-band{padding:120px 0;background:#e7e8e5}.contact-band .wrap{position:relative}.contact-band p{margin:0 0 26px;color:#8a9094;font-size:10px;font-weight:800;letter-spacing:.17em}.contact-band h2{font-size:clamp(38px,4vw,58px)}.contact-band a{position:absolute;right:0;bottom:0;display:flex;justify-content:space-between;width:220px;padding-bottom:15px;border-bottom:1px solid;font-size:14px;font-weight:800}.about-page .footer{margin-top:0;background:#091522}.about-page .footer-container{max-width:1240px}
@media(max-width:900px){.wrap{width:min(100% - 40px,720px)}.about-page #header header{height:auto;min-height:78px;padding:14px 20px;align-items:flex-start}.about-page #header .logo_img{width:110px;margin-top:10px}.about-page #header nav ul{justify-content:flex-end;gap:8px 16px;flex-wrap:wrap}.about-page #header nav a{font-size:12px}.about-hero{height:78vh;min-height:650px}.about-hero aside{display:none}.statement,.statement-body,.editorial-grid,.principles{grid-template-columns:1fr}.statement{gap:45px;padding:110px 0}.statement-body{gap:38px}.editorial{padding:100px 0}.editorial-grid{gap:70px}.editorial-copy .index,.principles header .index{margin-bottom:40px}.principles{gap:65px;padding:110px 0}.proof-panel{left:20px;padding:45px 38px}.process{padding:110px 0}.process-head{grid-template-columns:1fr;gap:35px}.process-head .index{grid-row:auto}.process ol{grid-template-columns:1fr 1fr;margin-top:65px}.process li{padding:27px}.process li:nth-child(3){border-left:0}.process li:nth-child(n+3){border-top:1px solid var(--line)}.process li h3{margin-top:30px}.contact-band a{position:static;margin-top:55px}}
@media(max-width:580px){.about-page h2{font-size:39px}.about-hero h1{font-size:47px}.copy .lead{font-size:19px}.principle-list article{grid-template-columns:36px 1fr}.principle-list article>span{display:none}.proof{min-height:650px}.process ol{grid-template-columns:1fr}.process li,.process li+li{padding:28px 4px;border-left:0;border-top:1px solid var(--line)}}


/* V12: 헤더는 styles.css의 공통 site-header 규격이 최종 우선합니다. */


/* 기업소개 > 우리가 지키는 제작 기준 : 공통 헤더/섹션 색상 규칙과 충돌 방지 */
.about-page .principles > header{
  color:var(--ink) !important;
}
.about-page .principles > header h2{
  color:var(--ink) !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}
.about-page .principles > header .kicker{
  color:var(--blue) !important;
  opacity:1 !important;
}
.about-page .principles > header .index{
  color:#9aa1a6 !important;
  opacity:1 !important;
}