@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#1549df;--ink:#141b2b;--muted:#68707c;--line:#dde0e5;--paper:#f4f5f7;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;letter-spacing:-.035em;word-break:keep-all;background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible{outline:3px solid #35a3ff;outline-offset:6px}::selection{background:var(--blue);color:white}.container{max-width:calc(var(--max) + 112px);margin:auto;padding-left:56px;padding-right:56px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;position:sticky;top:0;background:rgba(255,255,255,.98);z-index:20;border-bottom:1px solid #e9ebf0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family:Arial,sans-serif;position:relative;color:var(--blue);font-size:55px;line-height:.9;font-weight:900;font-style:italic;letter-spacing:-8px;width:47px}.brand-mark span{font-size:25px;position:absolute;top:0;right:1px;background:white;line-height:1;font-style:normal;letter-spacing:-3px}.brand b{display:block;font-size:23px;letter-spacing:-.055em;font-family:Arial,sans-serif;font-weight:900}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.13em;margin-top:6px}.header nav{display:flex;align-items:center;gap:36px}.header nav a{font-size:14px;font-weight:600;transition:color .2s}.header nav a:hover{color:var(--blue)}.header nav .nav-contact{display:flex;gap:34px;align-items:center;margin-left:8px;padding:12px 0 12px 24px;border-left:1px solid var(--line);color:var(--blue)}.nav-contact span{font-size:24px}.menu-toggle{display:none}.hero{position:relative;min-height:680px;overflow:hidden;background:#0d244d;color:white}.hero-image{position:absolute;inset:0 0 0 28%;background:url('assets/bexco.jpg') center center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,23,53,.99) 0%,rgba(7,23,53,.91) 27%,rgba(7,23,53,.26) 62%,rgba(7,23,53,.08) 100%)}.hero-content{position:relative;z-index:1;padding:112px 56px 142px;max-width:1440px;margin:auto}.eyebrow{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 31px}.eyebrow.light{color:#c0d3f7}.hero h1{font-size:clamp(44px,4.35vw,69px);font-weight:700;line-height:1.28;letter-spacing:-.065em;margin:0 0 26px}.hero h1 em{font-style:normal;color:#8abaff}.hero-description{font-size:16px;line-height:1.9;color:#d5dce8;margin:0 0 34px;font-weight:400}.button{display:inline-flex;align-items:center;gap:42px;padding:17px 23px;font-size:13px;font-weight:600}.button.white{background:white;color:var(--ink)}.button span{font-size:23px;line-height:1}.button:hover{background:#dbe6ff}.hero-caption{position:absolute;z-index:1;bottom:37px;right:56px;display:flex;gap:20px;align-items:center;font-size:11px}.hero-caption>span:first-child{font-family:Arial;font-size:9px;letter-spacing:.14em;color:#cfdbed}.hero-caption b{font-size:12px;font-weight:500}.hero-caption>span:last-child{font-family:Arial;font-size:9px;letter-spacing:.12em}.caption-line{width:58px;height:1px;background:#ffffff70}.scroll-label{position:absolute;z-index:1;bottom:34px;left:56px;font-size:9px;letter-spacing:.12em;font-family:Arial;display:flex;align-items:center;gap:25px;color:#c7d7ef}.scroll-label span{font-size:22px}.intro-strip{padding:30px 56px;display:flex;gap:66px;align-items:center;border-bottom:1px solid var(--line)}.intro-strip>span{font-size:10px;color:var(--blue);letter-spacing:.1em;font-weight:700;font-family:Arial}.intro-strip p{margin:0;font-size:18px;font-weight:500;flex:1}.intro-strip a{color:var(--blue);font-size:32px}.mobile{display:none}.section{padding-top:112px;padding-bottom:112px}.section-label{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.09em;display:flex;align-items:center;gap:9px;font-weight:700;color:var(--blue);margin-bottom:47px}.dot{background:var(--blue);width:6px;height:6px;border-radius:50%}.section-index{margin-left:auto;font-size:11px;color:#9a9fa8;letter-spacing:0}h2{font-size:43px;font-weight:600;line-height:1.45;letter-spacing:-.065em;margin:0}p{line-height:1.8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.about .lead{font-size:20px;line-height:1.7;margin:27px 0 19px;font-weight:500}.body-copy{font-size:14px;color:var(--muted);line-height:1.95;max-width:445px}.about-facts{display:flex;gap:68px;border-top:1px solid var(--line);padding-top:25px;margin-top:34px}.about-facts b{display:block;font-size:34px;letter-spacing:-.05em;font-weight:500}.about-facts b span{font-size:15px}.about-facts small{color:var(--muted);font-size:11px;display:block;margin-top:7px}.factory{margin:8px 0 0}.factory img{aspect-ratio:1.15;object-position:45% center}.factory figcaption{font-size:11px;margin-top:18px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.factory figcaption span{font-family:Arial;font-size:9px;letter-spacing:.1em;color:var(--ink)}.business{background:var(--paper)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 5px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbd0da;border-bottom:1px solid #cbd0da}.business-grid article{padding:28px 25px 32px;border-right:1px solid #d8dce3}.business-grid article:first-child{padding-left:0}.business-grid article:last-child{border:0;padding-right:0}.business-num{font-family:Arial;font-size:9px;letter-spacing:.06em;color:var(--muted)}.line-icon{font-size:53px;font-family:Arial;font-weight:400;letter-spacing:-.06em;color:var(--blue);height:105px;display:flex;align-items:center;gap:10px}.line-icon span{font-size:24px}.geometric{font-size:76px}.business-grid h3{font-size:18px;font-weight:600;margin:12px 0 15px}.business-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 27px;min-height:74px}.business-tags{font-size:10px;color:#7e8593}.process{display:flex;gap:40px;align-items:center;padding-top:32px}.process>span{font-family:Arial;font-size:10px;color:var(--muted);margin-right:24px;letter-spacing:.08em}.process b{font-size:15px;font-weight:500}.process i{font-style:normal;color:#929aaa}.process p{font-size:12px;margin:0 0 0 auto;color:var(--muted)}.filters{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:23px;flex-wrap:wrap}.filters button{background:white;border:1px solid #e3e5e9;color:#5f6775;border-radius:30px;padding:9px 20px;font-size:12px;transition:background .2s,color .2s}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters button:hover{border-color:var(--ink)}.filters button span{font-family:Arial;font-size:10px;margin-left:8px;color:#bfcaf3}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 27px}.project-card{border:0;padding:0;background:none;text-align:left;min-width:0;color:var(--ink)}.project-card[hidden]{display:none}.project-card.featured{grid-column:span 2}.project-image{display:block;position:relative;overflow:hidden;background:#e9edf3}.project-image img{height:300px;transition:transform .5s}.project-card.featured .project-image img{object-position:center 58%}.project-card:hover img{transform:scale(1.035)}.project-open{position:absolute;bottom:17px;right:17px;background:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:21px;color:var(--ink);transition:background .2s,color .2s}.project-card:hover .project-open{background:var(--blue);color:white}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:17px;gap:14px}.project-info small{font-family:Arial,'Noto Sans KR',sans-serif;display:block;color:var(--muted);font-size:9px;letter-spacing:.03em;margin-bottom:7px}.project-info b{display:block;font-size:17px;font-weight:500}.project-info>span:last-child{font-family:Arial;font-size:10px;color:#9299a4}.performance{border-top:1px solid var(--line);margin-top:54px;padding-top:28px;display:grid;grid-template-columns:210px 1fr;gap:40px}.performance h3{font-size:13px;font-weight:600;margin:5px 0}.performance p{font-size:12px;color:var(--muted);margin:0;line-height:2}.history{background:#f6f7f9}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.history-grid>div>p{font-size:14px;color:var(--muted);margin-top:24px}.since{display:block;font-family:Arial;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:44px}.since strong{display:block;font-size:104px;letter-spacing:-.07em;line-height:1.3;color:#d8dde6;font-weight:400}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:82px 1fr;gap:23px;padding:0 0 28px 22px;position:relative;border-left:1px solid #d2d8e3}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:'';position:absolute;left:-4px;top:9px;width:7px;height:7px;background:var(--blue);border-radius:50%}.timeline time{font-family:Arial;font-size:23px;font-weight:500;color:var(--blue)}.timeline b{font-size:15px;font-weight:500;line-height:1.8}.timeline p{font-size:12px;line-height:1.9;color:var(--muted);margin:7px 0 0}.source-note{font-size:10px;color:#858c98;border-top:1px solid var(--line);padding-top:25px;margin:43px 0 0}.contact{background:var(--blue);color:white;padding:63px 0 68px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top .eyebrow{margin:0}.contact-top>span{font-family:Arial;font-size:10px;color:#adc4ff;letter-spacing:.08em}.contact h2{font-size:47px;font-weight:500;margin:38px 0 51px}.contact-bottom{border-top:1px solid #ffffff45;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-phone{font-family:Arial;font-size:47px;letter-spacing:-.055em;display:flex;align-items:center;gap:65px}.contact-phone span{font-size:40px}.contact-bottom>div{font-size:12px;line-height:1.8}.contact-bottom>div>span{font-size:10px;color:#b8ceff}.contact-bottom p{margin:4px 0 7px}.map-link{font-size:11px;border-bottom:1px solid #8eafff;padding-bottom:4px}.footer{padding-top:39px;padding-bottom:39px;display:flex;gap:55px;align-items:center}.footer-brand{font-family:Arial;font-weight:900;font-size:19px;letter-spacing:-.05em;white-space:nowrap}.footer-brand span{display:block;font-family:'Noto Sans KR',sans-serif;font-size:10px;font-weight:400;letter-spacing:0;margin-top:6px}.footer p{font-size:10px;color:#777e8c;margin:0 0 9px}.footer p span{margin:0 9px;color:#b6becb}.footer small{font-family:Arial;font-size:9px;letter-spacing:.02em;color:#9b9fac}.back-top{margin-left:auto;border:1px solid var(--line);width:42px;height:42px;display:grid;place-items:center;font-size:24px}.skip{position:fixed;top:-60px;left:10px;background:white;color:var(--blue);padding:10px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}.modal-open{overflow:hidden}dialog{padding:0;border:0;width:min(1000px,92vw);max-height:90dvh;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#071022cc;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line)}.dialog-top p{font-size:12px;margin:0;color:var(--muted)}.dialog-close{background:none;border:0;padding:8px;font-size:20px;line-height:1}#dialog-image{max-height:62dvh;object-fit:contain;background:#f1f3f5}.dialog-bottom{padding:23px}.dialog-bottom h2{font-size:25px}.dialog-bottom p{font-size:11px;color:var(--muted);margin:8px 0 0}
@media(min-width:1600px){.hero-content{padding-left:56px}.hero{min-height:740px}.hero-content{padding-top:135px}.hero-image{background-position:center 56%}.project-image img{height:330px}}
@media(max-width:1100px){.header{padding:0 30px;height:84px}.header nav{gap:22px}.header nav .nav-contact{padding-left:18px;gap:16px}.brand b{font-size:21px}.container{padding-left:35px;padding-right:35px}.hero-content{padding-left:35px}.hero h1{font-size:53px}.hero{min-height:640px}.hero-caption{right:35px}.hero-caption>span:first-child{display:none}.scroll-label{left:35px}.intro-strip{padding-left:35px;padding-right:35px;gap:35px}.about-grid,.history-grid{gap:50px}.section{padding-top:85px;padding-bottom:85px}h2{font-size:36px}.business-grid article{padding:24px 18px}.business-grid h3{font-size:16px}.business-grid p{min-height:95px}.process{gap:25px}.process>span{margin-right:0}.project-image img{height:250px}.contact h2{font-size:42px}.contact-phone{font-size:40px;gap:35px}.footer{gap:35px}}
@media(max-width:780px){html{scroll-padding-top:76px}.header{height:76px;padding:0 22px}.brand-mark{font-size:47px;width:40px}.brand-mark span{font-size:22px}.brand b{font-size:20px}.brand small{font-size:8px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:12px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0a19331a;gap:0}.header nav.open{display:flex;flex-direction:column;align-items:stretch}.header nav a{padding:16px 0;font-size:15px}.header nav .nav-contact{margin:0;padding:17px 0 0;border:0;border-top:1px solid var(--line);justify-content:space-between}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px 2px;border:0;background:none;width:29px}.menu-toggle span{height:2px;background:var(--ink);width:25px;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)}.container{padding-left:24px;padding-right:24px}.hero{min-height:710px}.hero-image{inset:240px 0 0 0;background-position:48% center}.hero:after{background:linear-gradient(180deg,#0a1e42 0%,#0a1e42 30%,#0a1e42df 43%,#0a1e4210 80%,#0a1e4288 100%)}.hero-content{padding:58px 24px 190px}.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:24px}.hero h1{font-size:43px;margin-bottom:20px}.hero-description{font-size:13px;line-height:1.9;margin-bottom:25px}.button{padding:14px 20px;font-size:12px;gap:35px}.hero-caption{bottom:24px;right:24px;left:24px;justify-content:space-between;gap:10px}.hero-caption b{font-size:10px}.hero-caption>span:last-child{font-size:8px}.caption-line{flex:1;width:auto;max-width:70px}.scroll-label{display:none}.intro-strip{padding:24px;gap:20px}.intro-strip>span{font-size:8px;max-width:65px;line-height:1.6}.intro-strip p{font-size:14px;line-height:1.75}.intro-strip a{font-size:26px}.mobile{display:block}.section{padding-top:72px;padding-bottom:72px}.section-label{font-size:10px;margin-bottom:32px}h2{font-size:32px;line-height:1.45}.about-grid,.history-grid{grid-template-columns:1fr;gap:35px}.about .lead{font-size:18px;margin-top:23px}.body-copy{font-size:13px;max-width:none}.about-facts{gap:55px;padding-top:22px;margin-top:27px}.about-facts b{font-size:31px}.about-facts small{font-size:10px}.factory{margin-top:7px}.factory img{aspect-ratio:1.35}.factory figcaption{font-size:10px;margin-top:13px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:12px;margin-top:21px}.business-grid{grid-template-columns:repeat(2,1fr)}.business-grid article{padding:23px 18px 25px!important;border-right:1px solid #d8dce3;border-bottom:1px solid #d8dce3}.business-grid article:nth-child(odd){padding-left:0!important}.business-grid article:nth-child(even){padding-right:0!important;border-right:0}.business-grid article:nth-child(n+3){border-bottom:0}.business-grid h3{font-size:15px;letter-spacing:-.06em}.business-num{font-size:8px}.line-icon{height:90px;font-size:48px}.business-grid p{font-size:12px;min-height:85px;margin-bottom:20px}.business-tags{font-size:9px;line-height:1.7;display:block}.process{flex-wrap:wrap;gap:20px;padding-top:25px}.process>span{width:100%;font-size:9px}.process b{font-size:13px}.process p{width:100%;margin:0;font-size:11px}.filters{gap:7px;padding-bottom:20px}.filters button{font-size:11px;padding:8px 13px}.project-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}.project-card.featured{grid-column:span 2}.project-image img{height:180px}.project-card.featured img{height:260px}.project-info{padding-top:12px;gap:5px}.project-info small{font-size:8px;line-height:1.5;margin-bottom:5px}.project-info b{font-size:13px;line-height:1.6;letter-spacing:-.045em}.project-info>span:last-child{display:none}.project-open{width:28px;height:28px;font-size:18px;bottom:10px;right:10px}.performance{grid-template-columns:1fr;gap:14px;margin-top:35px;padding-top:20px}.performance h3{font-size:12px}.performance p{font-size:11px}.history-grid{gap:20px}.history-grid>div>p{font-size:12px;margin-top:18px}.since{margin-top:28px}.since strong{font-size:80px;line-height:1.15}.timeline{margin-top:18px;margin-left:4px}.timeline li{grid-template-columns:67px 1fr;gap:12px;padding-left:20px;padding-bottom:25px}.timeline time{font-size:21px}.timeline b{font-size:13px}.timeline p{font-size:11px}.source-note{font-size:9px;line-height:1.8;margin-top:30px;padding-top:20px}.contact{padding:45px 0}.contact-top .eyebrow{font-size:8px;letter-spacing:.08em}.contact-top>span{font-size:8px}.contact h2{font-size:32px;margin:30px 0 32px;letter-spacing:-.06em}.contact-bottom{display:block;padding-top:23px}.contact-phone{font-size:38px;justify-content:space-between;gap:20px}.contact-phone span{font-size:33px}.contact-bottom>div{font-size:12px;margin-top:28px}.footer{padding-top:30px;padding-bottom:30px;gap:20px;flex-wrap:wrap;position:relative}.footer-brand{font-size:18px}.footer>div{width:100%}.footer p{font-size:9px}.footer p span{margin:0 5px}.footer small{font-size:8px}.back-top{position:absolute;top:28px;right:24px;width:36px;height:36px}.dialog-top{padding:10px 17px}.dialog-bottom{padding:18px}.dialog-bottom h2{font-size:20px}}
@media(max-width:380px){.hero h1{font-size:37px}.hero{min-height:670px}.business-grid h3{font-size:14px}.project-image img{height:155px}.project-card.featured img{height:225px}.contact-phone{font-size:33px}.contact h2{font-size:29px}.about-facts{gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}