@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#14283f;--orange:#ef6b36;--ink:#15283d;--muted:#68717c;--line:#e1e5e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:'Noto Sans KR',Arial,sans-serif;color:var(--ink);word-break:keep-all}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:92px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #f0f1f2}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}.brand-symbol{font-style:italic;font-size:32px;letter-spacing:-4px}.brand-symbol>span{color:var(--orange);font-size:33px;margin-left:3px}nav{display:flex;align-items:center;gap:42px;font-size:14px;font-weight:600}nav a:last-child{border:1px solid var(--line);padding:13px 22px}nav a:hover{color:var(--orange)}nav a span{margin-left:20px}.menu{display:none}.hero{position:relative;min-height:650px;color:white;background:#25374b url('assets/hero.jpg') center 43%/cover no-repeat;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,26,43,.91),rgba(12,26,43,.66) 44%,rgba(12,26,43,.08)),linear-gradient(0deg,rgba(12,26,43,.64),transparent 40%)}.hero-content{position:relative;width:100%;padding:65px 8% 115px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#c5ced8;margin:0 0 28px;display:flex;align-items:center;gap:12px}.eyebrow>span{width:22px;height:2px;background:var(--orange)}h1{font-size:clamp(38px,4.15vw,64px);line-height:1.32;letter-spacing:-2.8px;margin:0 0 25px;font-weight:800}.hero-description{font-size:16px;line-height:1.9;color:#dae0e7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;padding:18px 25px;font-size:14px;font-weight:600;border:0;cursor:pointer}.orange{background:var(--orange);color:white}.navy{background:var(--navy);color:white}.button:hover{filter:brightness(.94)}.text-link{font-size:13px}.text-link span{margin-left:18px}.hero-bottom{position:absolute;left:8%;right:8%;bottom:35px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d3dbe5}.hero-bottom a{font-size:9px;letter-spacing:2px}.hero-bottom a span{margin-left:16px;font-size:20px}.photo-label{position:absolute;right:8%;bottom:10px;font-size:9px;color:#c5ced8}.service-ribbon{display:flex;align-items:center;justify-content:space-between;padding:25px 8%;background:var(--navy);color:white;gap:18px}.service-ribbon>span{font-size:9px;color:#a2afbf;letter-spacing:1px}.service-ribbon p{font-size:15px;font-weight:500;margin:0}.service-ribbon i{height:4px;width:4px;border-radius:50%;background:#617286}.service-ribbon a{color:var(--orange);font-size:25px}.section{padding:100px 8%;scroll-margin-top:15px}h2{font-size:clamp(30px,3vw,43px);line-height:1.4;letter-spacing:-1.8px;font-weight:700;margin:0}h3{font-weight:700;letter-spacing:-1px}.dark{color:#667889}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.about-body{padding-top:33px}.lead{font-size:22px;line-height:1.6;margin:0 0 20px;font-weight:500}.about-body>p:not(.lead){color:var(--muted);font-size:14px;line-height:2;margin-bottom:30px}.under-link{font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid #c5ced8;padding-bottom:14px;max-width:280px}.services{background:#f5f6f7}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-top>p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:5px}.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.industry{min-height:315px;position:relative;overflow:hidden;color:white;background:#25374b url('assets/hero.jpg') center/cover}.industry:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,28,44,.92),rgba(13,28,44,.15))}.production{background-image:url('assets/production.jpg')}.industry-copy{position:relative;padding:34px;height:100%;display:flex;flex-direction:column}.industry-copy>span{font-size:10px;letter-spacing:2px}.industry h3{font-size:29px;margin:38px 0 10px}.industry p{font-size:13px;line-height:1.9;color:#d6dce4;margin:0 0 22px}.industry a{font-size:12px;display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:15px;margin-top:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}.service-grid article{background:white;padding:30px}.card-top{display:flex;justify-content:space-between;align-items:center;color:#8190a0;font-size:11px}.line-icon{font-size:30px;color:var(--orange)}.service-grid h3{font-size:23px;margin:18px 0 12px}.service-grid p{font-size:13px;line-height:1.9;color:var(--muted);min-height:74px}.service-grid a{font-size:12px;display:flex;justify-content:space-between;padding-top:20px}.principles{background:var(--navy);color:white}.principles h2{max-width:700px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}.principle-grid article{border-top:1px solid #647185;padding:27px 20px 0 0}.principle-grid article+article{padding-left:30px;border-left:1px solid #647185}.principle-grid span{font-size:11px;color:var(--orange)}.principle-grid h3{font-size:23px;margin:18px 0}.principle-grid p{font-size:14px;line-height:1.9;color:#b7c2cf}.process ol{padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:24px;margin-top:60px}.process li{border-top:2px solid #dbe0e6;position:relative;padding-top:24px}.process li:before{position:absolute;top:-6px;left:0;content:'';width:10px;height:10px;border-radius:50%;background:var(--orange)}.process li>span{font-size:10px;font-weight:700;color:var(--orange);letter-spacing:1px}.process h3{font-size:22px;margin:15px 0}.process li p{font-size:13px;line-height:1.9;color:var(--muted)}.contact{background:#eff2f5;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.contact>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:24px}.contact-note{border-top:1px solid #d1d9e1;margin-top:40px;padding-top:20px;display:flex;gap:20px;align-items:start;font-size:12px}.contact-note>span{color:var(--orange);padding-top:2px}.contact-note p{margin:0;line-height:1.8;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}input,select,textarea{width:100%;margin-top:9px;border:1px solid #d3dce4;border-radius:0;background:white;padding:13px 14px;font-size:13px;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--orange);outline-offset:1px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#929aa4}.form-hint{font-size:11px;color:var(--muted)}form>.button{width:100%;margin-top:10px}#result{padding-top:25px}#copy-status{font-size:12px;color:var(--muted)}footer{padding:45px 8% 25px;background:#102238;color:#d5dee8}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #344359;padding-bottom:35px}.footer-top p{font-size:12px;color:#b3bfcd}.footer-top>a:last-child{font-size:9px;letter-spacing:1px}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:#94a3b6;padding-top:24px;gap:15px}.skip{position:absolute;top:-100px;left:20px;z-index:30;background:white;padding:12px}.skip:focus{top:10px}
@media(min-width:1600px){header{padding-left:calc((100vw - 1380px)/2);padding-right:calc((100vw - 1380px)/2)}.section{padding-left:calc((100vw - 1280px)/2);padding-right:calc((100vw - 1280px)/2)}}
@media(max-width:900px){nav{gap:22px}.section{padding:75px 6%}.hero-content{padding-left:6%;padding-right:6%}header{padding:0 6%}.service-ribbon{padding:22px 6%;gap:12px}.service-ribbon>span{display:none}.about{gap:6%}.service-grid{gap:14px}.service-grid article{padding:23px}.contact{gap:5%}.industry-copy{padding:25px}.footer-top p{display:none}}
@media(max-width:640px){html{scroll-padding-top:72px}header{height:73px}.brand{font-size:16px}.brand-symbol{font-size:28px}.brand small{font-size:8px}.menu{display:block;border:0;background:none;color:var(--navy);font-size:25px;cursor:pointer;padding:8px}nav{display:none;position:absolute;left:0;right:0;top:73px;background:white;box-shadow:0 10px 18px #14283f18;padding:20px 6%;gap:0;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:15px 0;border-bottom:1px solid var(--line)}nav a:last-child{margin-top:12px;text-align:center}.hero{min-height:650px;background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(12,26,43,.83),rgba(12,26,43,.35)),linear-gradient(0deg,rgba(12,26,43,.8),transparent)}.hero-content{padding:60px 6% 130px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:39px;letter-spacing:-2px}.hero-description{font-size:13px;line-height:1.9}.hero-actions{align-items:start;flex-direction:column;gap:22px;margin-top:28px}.button{padding:16px 22px;font-size:13px}.hero-bottom{left:6%;right:6%;bottom:36px;font-size:10px;display:block}.hero-bottom a{display:none}.photo-label{right:6%;font-size:8px}.service-ribbon{gap:10px;padding:22px 6%;flex-wrap:wrap}.service-ribbon p{font-size:11px}.service-ribbon i{width:3px;height:3px}.service-ribbon a{display:none}.section{padding:64px 6%}h2{font-size:31px;letter-spacing:-1.4px}.about{grid-template-columns:1fr;gap:28px}.about-body{padding-top:0}.lead{font-size:20px}.about-body>p:not(.lead){font-size:13px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:24px;font-size:13px}.industry-grid,.service-grid{grid-template-columns:1fr;gap:16px}.industry{min-height:310px}.industry h3{margin-top:45px}.service-grid article{padding:25px}.service-grid p{min-height:0}.service-grid h3{margin-top:8px}.principle-grid{grid-template-columns:1fr;margin-top:35px}.principle-grid article,.principle-grid article+article{padding:23px 0 20px;border-left:none}.principle-grid h3{margin:12px 0}.principle-grid p{font-size:13px}.process ol{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:35px}.process h3{font-size:20px}.process li p{font-size:12px}.contact{grid-template-columns:1fr;gap:32px}.contact-note{margin-top:25px}.form-row{gap:12px}input,select,textarea{font-size:16px;padding:12px 10px}label{font-size:11px}.footer-top{align-items:start}.footer-top>a:last-child{font-size:8px;padding-top:14px}.footer-bottom{flex-direction:column;font-size:9px}footer{padding:35px 6% 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.contact-details{margin-top:32px}.contact-phone{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #d1d9e1}.contact-phone>span:first-child{font-size:12px;color:var(--muted);min-width:58px}.contact-phone strong{font-size:25px;letter-spacing:-.6px}.contact-phone>span:last-child{margin-left:auto;color:var(--orange);font-size:23px}.contact-phone:hover strong{color:var(--orange)}.contact-address{display:flex;gap:16px;padding-top:22px;align-items:baseline}.contact-address>span{font-size:12px;color:var(--muted);min-width:58px}.contact-address p{margin:0;font-size:14px;line-height:1.8}.company-details{display:flex;flex-wrap:wrap;gap:14px 32px;margin:28px 0 0;font-size:12px;line-height:1.9}.company-details>div{display:flex;gap:10px;align-items:baseline}.company-details dt{color:#94a3b6;flex-shrink:0}.company-details dd{margin:0;color:#d5dee8;overflow-wrap:anywhere}.company-details dd span{color:#94a3b6}.company-details a:hover{text-decoration:underline}.company-address{flex-basis:100%}.company-details+.footer-bottom{margin-top:24px;border-top:1px solid #344359}@media(max-width:640px){.contact-phone strong{font-size:23px}.contact-phone{gap:12px}.contact-address{gap:12px}.contact-address p{font-size:13px}.company-details{display:grid;grid-template-columns:1fr;gap:10px;font-size:11px}.company-details>div{gap:12px}.company-details dt{min-width:83px}.contact-note{gap:14px}}