@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--navy:#10293a;--deep:#0b2030;--gold:#bfa16b;--text:#183344;--gray:#61717c;--line:#dce3e7;--pale:#f3f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--text);font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:16px;line-height:1.8;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88b39;outline-offset:5px}.skip{position:fixed;top:-80px;left:16px;padding:12px 20px;background:white;z-index:100}.skip:focus{top:10px}.wrap{max-width:1240px;padding:0 40px;margin:0 auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:14px}.brand-mark{position:relative;font:italic 46px/1 Georgia,serif;color:var(--gold);letter-spacing:-10px;padding-right:10px}.brand-mark span{color:var(--navy)}.brand strong{font-family:Georgia,serif;display:block;font-size:21px;font-weight:500;line-height:1.25;letter-spacing:1.8px}.brand small{display:block;font-size:12px;letter-spacing:2px;margin-top:4px}.header nav{display:flex;gap:40px;font-size:14px;font-weight:500}.header nav a{padding:12px 0;position:relative}.header nav a:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:5px;left:0;width:0;transition:width .2s}.header nav a:hover:after{width:100%}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{min-height:680px;height:calc(100svh - 96px);max-height:900px;position:relative;overflow:hidden;background:var(--deep);color:white}.hero-image{position:absolute;right:0;top:0;width:78%;height:100%;object-fit:cover;object-position:center;opacity:.72}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2030 0%,rgba(11,32,48,.93) 20%,rgba(11,32,48,.46) 61%,rgba(11,32,48,.13) 100%),linear-gradient(0deg,rgba(11,32,48,.68),transparent 40%)}.hero-content{position:relative;max-width:1240px;margin:auto;padding:112px 40px 140px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.4px;margin:0 0 24px;color:#8a6939}.eyebrow.light{color:#d5bd95}.hero h1{font-size:clamp(42px,4.3vw,66px);font-weight:500;line-height:1.45;letter-spacing:-2px;margin:0 0 26px}.hero h1 em{font-style:normal;color:#e2c696}.hero-copy{font-weight:400;font-size:17px;line-height:1.9;color:#e0e5e9;margin:0 0 32px}.button{display:inline-block;background:#fff;color:var(--navy);padding:15px 27px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#eadbbf}.hero-bottom{position:absolute;bottom:34px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#c6d0d7}.hero-bottom a{display:flex;align-items:center;gap:14px;font-size:10px}.scroll-line{height:36px;width:1px;background:var(--gold);display:block}.hero-side{position:absolute;right:24px;top:50%;writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;color:#c1ccd3}.section{padding-top:104px;padding-bottom:104px}h2{font-size:34px;line-height:1.6;font-weight:500;letter-spacing:-1.3px;margin:0}.muted{color:#85939c}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy{padding-top:25px}.about-copy .lead{font-size:22px;font-weight:500;color:var(--text);margin-top:0;margin-bottom:25px}.about-copy p{font-size:16px;color:var(--gray);line-height:1.95;margin:0 0 16px}.business{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.section-head>p{color:var(--gray);font-size:15px;line-height:1.9;margin:0 0 9px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.business-card{background:#fff;border:1px solid #e2e8ec;min-width:0;transition:border-color .2s}.business-card:hover{border-color:#a4b3bf}.business-card summary{list-style:none;cursor:pointer;position:relative;padding:28px 26px 22px;display:block}.business-card summary::-webkit-details-marker,.purposes summary::-webkit-details-marker{display:none}.card-number{font:24px Georgia,serif;color:var(--gold);display:block;margin-bottom:20px}.card-title small{display:block;font-size:10px;letter-spacing:.8px;color:#647985;margin-bottom:7px}.card-title h3{font-size:21px;letter-spacing:-.7px;font-weight:600;margin:0;line-height:1.6}.plus{position:absolute;right:25px;top:35px;width:14px;height:14px}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;top:6px;left:0;width:14px;height:1px}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open]>summary .plus:after{transform:rotate(0)}.card-content{padding:0 26px 28px;min-height:244px}.card-content p{font-size:14px;line-height:1.85;color:var(--gray);margin:0 0 19px;min-height:52px}.card-content ul{padding:18px 0 0;margin:0;list-style:none;border-top:1px solid var(--line)}.card-content li{font-size:13px;padding-left:10px;position:relative;color:#465b69;line-height:1.85;margin:4px 0}.card-content li:before{content:'·';position:absolute;left:0}.featured{background:var(--navy);color:white;border-color:var(--navy)}.featured .card-title small{color:#c7b089}.featured .card-content p,.featured .card-content li{color:#d5e0e7}.featured .card-content ul{border-color:#38505f}.engineering{background:var(--deep);color:#fff;border-top:1px solid #253f51}.engineering-inner{padding-top:66px;padding-bottom:66px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.engineering h2{font-size:30px}.engineering h2 span{color:#d3bd96}.engineering-inner>div>p:not(.eyebrow){font-size:16px;color:#c4d0d9;line-height:2;margin:0 0 24px}.engineering-tags{display:flex;flex-wrap:wrap;gap:10px}.engineering-tags span{font-size:12px;border:1px solid #465968;padding:5px 12px;color:#dce4ea}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9c7d0;padding-top:30px;gap:30px}.steps article{position:relative}.steps article:before{content:'';position:absolute;top:-34px;left:0;width:7px;height:7px;background:var(--gold)}.steps article>span{font:36px Georgia,serif;color:#a6b3bc}.steps h3{font-size:21px;font-weight:500;margin:17px 0 12px}.steps p{font-size:14px;line-height:1.9;color:var(--gray);margin:0}.company{background:var(--pale)}.company-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.company h2{font-size:30px}.company-en{font-family:Georgia,serif;letter-spacing:1.6px;font-size:14px;color:#7d8b94;margin:5px 0 25px}.company-copy{font-size:15px;line-height:1.9;color:var(--gray)}dl{margin:10px 0 0}dl>div{display:grid;grid-template-columns:110px 1fr;padding:18px 0;border-bottom:1px solid #d8e0e5;font-size:14px}dt{color:#6c7d88}dd{margin:0;font-weight:500;overflow-wrap:anywhere}.purposes{margin-top:50px;border-top:1px solid #cbd6dd;border-bottom:1px solid #cbd6dd}.purposes summary{position:relative;padding:20px 0;cursor:pointer;font-size:14px;list-style:none}.purposes summary .plus{top:27px;right:3px}.purposes ol{columns:2;column-gap:60px;padding:0 22px 25px;margin:5px 0 0}.purposes li{font-size:14px;color:var(--gray);line-height:1.9;padding-left:5px;margin-bottom:10px;break-inside:avoid}footer{background:#fff;padding:37px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand strong{font-size:18px}.footer-brand small{font-size:10px}.footer-brand .brand-mark{font-size:38px}.footer-inner p{color:#8a98a1;font-size:11px;line-height:1.7}.top-link{font-size:12px;border-bottom:1px solid #a9b6be;padding-bottom:3px}
@media(min-width:1500px){.hero-content{padding-top:150px}}@media(max-width:1050px){.header nav{gap:25px}.business-grid{grid-template-columns:repeat(2,1fr)}.card-content{min-height:230px}.about,.engineering-inner,.company-inner{gap:40px}.hero h1{font-size:52px}.steps{gap:20px}.steps p br{display:none}}@media(max-width:700px){html{scroll-padding-top:76px}.wrap{padding-left:24px;padding-right:24px}.header{height:76px;padding:0 24px}.brand{gap:10px}.brand strong{font-size:17px;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:1px}.brand-mark{font-size:38px}.header nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:0;background:transparent;padding:10px;cursor:pointer}.menu-toggle span{height:1px;background:var(--navy);width:24px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;top:76px;left:0;right:0;background:white;z-index:19;padding:14px 24px 24px;box-shadow:0 12px 20px #0001}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #edf0f2;font-size:15px}.hero{height:calc(100svh - 76px);min-height:620px;max-height:780px}.hero-image{width:100%;object-position:60% center;opacity:.55}.hero-shade{background:linear-gradient(90deg,rgba(11,32,48,.95),rgba(11,32,48,.5)),linear-gradient(0deg,#0b2030,transparent 65%)}.hero-content{padding:80px 24px 120px}.hero h1{font-size:38px;letter-spacing:-1.6px;line-height:1.5}.hero-copy{font-size:15px;line-height:2}.eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:20px}.hero-bottom{left:24px;right:24px;bottom:28px}.hero-bottom>span{font-size:9px;letter-spacing:.7px;max-width:220px}.hero-bottom a{font-size:0}.hero-side{display:none}.section{padding-top:70px;padding-bottom:70px}h2{font-size:27px;line-height:1.55;letter-spacing:-1px}.about{grid-template-columns:1fr;gap:22px}.about-copy{padding:0}.about-copy .lead{font-size:20px;margin-bottom:20px}.about-copy p{font-size:15px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px;font-size:14px}.section-head>p br{display:none}.business-grid{grid-template-columns:1fr;gap:14px}.business-card summary{padding:24px}.card-number{margin-bottom:14px}.card-title small{font-size:11px}.card-title h3{font-size:22px}.card-content{min-height:0;padding:0 24px 26px}.card-content p{min-height:0;font-size:15px;margin-bottom:18px}.card-content li{font-size:14px;margin:6px 0}.engineering-inner{grid-template-columns:1fr;gap:26px;padding-top:50px;padding-bottom:50px}.engineering h2{font-size:27px}.engineering-inner>div>p:not(.eyebrow){font-size:15px}.steps{grid-template-columns:1fr 1fr;gap:38px 24px}.steps article:nth-child(n+3):before{display:none}.steps h3{font-size:19px;margin-top:10px}.steps p{font-size:14px}.company-inner{grid-template-columns:1fr;gap:20px}.company h2{font-size:26px}dl>div{grid-template-columns:100px 1fr;font-size:14px}.purposes{margin-top:35px}.purposes ol{columns:1;padding-left:24px}.footer-inner{flex-wrap:wrap;gap:18px}.footer-inner p{order:3;width:100%;margin:0}.footer-brand strong{font-size:17px}.top-link{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Korean-first header identity and announcement section */
.header .brand strong{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.8px;line-height:1.4}
.header .brand small{font-family:Georgia,serif;font-size:12px;letter-spacing:1.2px;color:var(--gray);line-height:1.5}
.notice-list{border-top:1px solid #9cabb5}.notice-item{border-bottom:1px solid #d0d9df}
.notice-item summary{list-style:none;display:flex;align-items:center;gap:24px;position:relative;cursor:pointer;padding:28px 42px 28px 0}
.notice-item summary::-webkit-details-marker{display:none}.notice-category{border:1px solid #bfae8e;color:#8a6939;font-size:12px;padding:2px 12px;flex-shrink:0}
.notice-title{font-size:16px}.notice-meta{margin-left:auto;font-size:13px;color:var(--gray);white-space:nowrap}
.notice-item summary .plus{right:5px;top:50%;transform:translateY(-50%)}
.notice-body{border-top:1px solid #e3e8eb;padding:24px 26px;background:var(--pale);font-size:16px;line-height:1.95;color:#465b69}
.notice-body p{margin:0 0 10px}.notice-body p:last-child{margin-bottom:0}
@media(max-width:1050px) and (min-width:701px){.header{padding-left:24px;padding-right:24px}.header nav{gap:20px}.header .brand strong{font-size:21px}.header .brand small{font-size:11px}}
@media(max-width:700px){.header .brand strong{font-size:20px;letter-spacing:-.8px}.header .brand small{font-size:10px;letter-spacing:.5px}.header .brand-mark{font-size:34px}.header .brand{gap:8px}.notice-item summary{gap:12px;flex-wrap:wrap;padding:24px 30px 24px 0}.notice-category{padding:2px 9px}.notice-title{font-size:15px;flex:1;min-width:150px}.notice-meta{margin-left:0;width:100%;padding-left:61px;font-size:12px}.notice-body{padding:20px;font-size:15px}}
@media(max-width:360px){.header{padding-left:16px;padding-right:16px}.header .brand strong{font-size:18px}.header .brand small{font-size:9px}}
