:root{--blue:#1269cf;--navy:#06182e;--ink:#121820;--muted:#68727d;--line:#dfe4e9;--soft:#f4f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;color:var(--ink);font-family:"Manrope","Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.company-header{height:88px;padding:0 4.6vw;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:50;top:0;width:100%;background:rgba(255,255,255,.96);border-bottom:1px solid #e6e9ec;backdrop-filter:blur(14px)}.company-brand img{width:300px}.company-header nav{display:flex;gap:clamp(24px,3.6vw,62px);font-size:15px;font-weight:600}.company-header nav a{position:relative}.company-header nav a.active{color:var(--blue)}.company-header nav a.active:after{content:"";position:absolute;left:0;bottom:-14px;width:100%;height:2px;background:var(--blue)}.company-menu{display:none;background:none;border:0}.company-menu i{display:block;width:25px;height:2px;background:#111;margin:6px}.company-hero{height:460px;padding:88px 7vw 0;color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(1,13,30,.93),rgba(6,40,75,.6)),url("assets/future-tunnel.jpg") center 54%/cover}.company-hero:after{content:"ABOUT";position:absolute;right:-1vw;bottom:-9vw;font-size:23vw;font-weight:700;color:rgba(255,255,255,.035)}.company-hero p{font-size:11px;letter-spacing:.3em;color:#74b4f7;font-weight:700}.company-hero h1{font-size:clamp(50px,6vw,88px);margin:12px 0;letter-spacing:-.06em}.company-hero span{color:#c4d0dc;line-height:1.7}.section-tabs{height:74px;position:sticky;z-index:30;top:88px;background:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--line)}.section-tabs a{padding:26px clamp(20px,4vw,70px);font-size:14px;font-weight:600;border-right:1px solid var(--line)}.section-tabs a:first-child{border-left:1px solid var(--line)}.section-tabs a.active{color:var(--blue);background:#f6f9fc}.about-section{padding:130px 7vw}.section-title{text-align:center;margin-bottom:90px}.section-title small,.cert-heading small{font-size:10px;letter-spacing:.24em;font-weight:700;color:var(--blue)}.section-title h2{font-size:44px;margin:12px 0 8px;letter-spacing:-.05em}.section-title p{color:#78818a;margin:0}.ceo-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:10vw;max-width:1400px;margin:auto}.ceo blockquote{margin:0;font-size:clamp(27px,3vw,48px);font-weight:600;line-height:1.45;letter-spacing:-.05em;border-left:4px solid var(--blue);padding-left:34px}.ceo blockquote strong{color:var(--blue)}.ceo-message{color:#5f6974;line-height:1.95;font-size:15px}.ceo-message p{margin:0 0 15px}.signature{text-align:right;color:#111;margin-top:40px}.signature span{font-size:12px;margin-right:16px}.signature strong{font-size:19px}.history{background:var(--soft)}.history-stage{max-width:900px;min-height:350px;margin:auto;text-align:center}.history-stage>strong{font-size:12px;letter-spacing:.2em;color:var(--blue)}.history-items{margin-top:38px}.history-items p{margin:14px 0;font-size:18px;color:#66717c}.history-items b{display:inline-block;width:95px;color:#111}.history-tabs{max-width:1400px;margin:35px auto 0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.history-tabs:before{content:"";position:absolute;left:10%;right:10%;top:15px;height:1px;background:#cbd2d8}.history-tabs button{position:relative;padding:46px 5px 0;border:0;background:none;color:#777;font-family:inherit;cursor:pointer}.history-tabs button:before{content:"";position:absolute;z-index:2;left:50%;top:8px;width:14px;height:14px;background:#c4cbd1;border:6px solid var(--soft);transform:translateX(-50%) rotate(45deg);transition:.25s}.history-tabs button.active{color:var(--blue);font-weight:700}.history-tabs button.active:before{background:var(--blue);box-shadow:0 0 0 1px #8cb6e7}.quality-management{background:#fff}.quality-principles{display:grid;grid-template-columns:repeat(3,1fr);max-width:1400px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle{position:relative;min-height:350px;padding:50px 38px;border-right:1px solid var(--line);overflow:hidden;transition:.35s}.principle:first-child{border-left:1px solid var(--line)}.principle>span{position:absolute;right:25px;top:20px;font-size:11px;color:#9ba4ad}.principle h3{font-size:29px;margin:105px 0 5px}.principle small{color:var(--blue);letter-spacing:.12em}.principle p{opacity:0;transform:translateY(20px);color:#d6e8fb;font-size:13px;line-height:1.8;transition:.35s}.principle:hover{background:var(--blue);color:white}.principle:hover small{color:white}.principle:hover p{opacity:1;transform:none}.cert-heading{text-align:center;margin:120px 0 45px}.cert-heading h3{font-size:38px;margin:12px 0}.cert-heading p{color:#78818a}.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:auto}.cert-grid a{position:relative;min-height:260px;padding:35px;border:1px solid var(--line);display:flex;flex-direction:column;transition:.3s}.cert-grid a:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(10,35,65,.1);border-color:#9abce2}.cert-grid b{font-size:52px;color:#dbe9f8}.cert-grid strong{font-size:19px;margin-top:auto}.cert-grid span{font-size:12px;color:#7a838d;margin-top:7px}.cert-grid i{font-style:normal;font-size:11px;color:var(--blue);margin-top:28px}.location{background:var(--soft)}.location-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.55fr .75fr;background:white;box-shadow:0 20px 50px rgba(12,37,61,.08)}.location iframe{width:100%;height:520px;border:0}.location-info{padding:55px}.address{font-size:18px;line-height:1.7;margin:0 0 45px}.address strong{font-size:28px}.location-info dl{margin:0}.location-info dl div{display:grid;grid-template-columns:85px 1fr;padding:15px 0;border-bottom:1px solid var(--line)}.location-info dt{font-size:10px;color:#89939d;letter-spacing:.15em}.location-info dd{margin:0;font-size:13px}.location-info>a{display:inline-block;margin-top:42px;padding:15px 22px;background:var(--blue);color:white;font-size:12px}footer{padding:50px 7vw;background:#080e16;color:#89939e;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:end;font-size:11px;line-height:1.8}footer img{width:245px;filter:grayscale(1) invert(1);opacity:.8}footer span{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:960px){.company-header{height:74px;padding:0 22px}.company-brand img{width:225px}.company-header nav{display:none;position:fixed;top:74px;left:0;width:100%;background:white;padding:30px;flex-direction:column}.company-header nav.open{display:flex}.company-menu{display:block}.company-hero{height:400px;padding:74px 24px 0}.section-tabs{top:74px;height:62px;overflow-x:auto;justify-content:flex-start}.section-tabs a{white-space:nowrap;padding:21px 27px}.about-section{padding:90px 24px}.section-title{margin-bottom:60px}.ceo-layout{grid-template-columns:1fr;gap:50px}.history-tabs{overflow-x:auto;grid-template-columns:repeat(5,180px)}.quality-principles,.cert-grid{grid-template-columns:1fr}.principle{min-height:270px;border-left:1px solid var(--line);border-bottom:0}.principle h3{margin-top:70px}.principle p{opacity:1;transform:none;color:#6e7882}.principle:hover p{color:#d6e8fb}.location-layout{grid-template-columns:1fr}.location iframe{height:400px}footer{grid-template-columns:1fr;gap:25px}footer span{text-align:left}}@media(max-width:560px){.company-brand img{width:200px}.company-hero h1{font-size:52px}.section-title h2{font-size:36px}.ceo blockquote{font-size:29px}.location-info{padding:35px 24px}.location iframe{height:320px}.address strong{font-size:23px}}

/* PC navigation labels: increase by 2px without changing mobile. */
@media (min-width: 961px) {
  .company-header nav { font-size: 17px; }
  .section-tabs a { font-size: 16px; }
}