@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--navy:#091a31;--navy2:#102b48;--cyan:#45d4ec;--ink:#142338;--muted:#68788c;--line:#e2eaf1;--bg:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.75 'DM Sans','Noto Sans KR',sans-serif;background:white}button,input,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}.wrap{max-width:1210px;margin:auto;padding:0 30px}.site-header{height:78px;position:sticky;top:0;z-index:20;background:rgba(7,24,44,.98);color:white;border-bottom:1px solid #ffffff1c}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:22px;letter-spacing:.05em;font-weight:800;line-height:1.05}.brand small{display:block;font-size:8px;letter-spacing:.22em;color:#9fb7c9;margin-top:7px}.menu{display:flex;height:100%;align-items:center;gap:2px}.navitem{position:relative;height:100%;display:flex;align-items:center}.navitem>a{padding:25px 15px;font-size:14px;font-weight:600}.navitem>a:hover,.navitem>a.active{color:var(--cyan)}.dropdown{display:none;position:absolute;top:70px;left:0;min-width:205px;padding:10px;background:white;color:#19334d;box-shadow:0 20px 50px #00162a2a;border:1px solid var(--line);border-radius:7px}.navitem:hover .dropdown,.navitem:focus-within .dropdown{display:block}.dropdown a{display:block;padding:9px 12px;white-space:nowrap;border-radius:4px;font-size:13px}.dropdown a:hover{background:#ebf6fb;color:#007b9b}.mobile-toggle{display:none;border:0;color:white;background:none;font-size:27px}.hero{color:white;min-height:610px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 70%,#19688c77,transparent 45%),linear-gradient(112deg,#07172b 10%,#0b2844 65%,#143f5b)}.hero:after{content:'';position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(90deg,transparent 0 119px,#7edbf0 120px),repeating-linear-gradient(0deg,transparent 0 119px,#7edbf0 120px);mask-image:linear-gradient(90deg,transparent 25%,black)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:610px;gap:30px}.eyebrow{color:var(--cyan);font-weight:700;font-size:12px;letter-spacing:.25em}.hero h1{font-size:clamp(34px,4.3vw,58px);line-height:1.26;letter-spacing:-.065em;margin:25px 0 26px;word-break:keep-all}.hero p{font-size:17px;line-height:1.9;color:#c8d9e5;max-width:490px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;border:1px solid #c8d5df;background:white;color:#142d45;font-size:13px;font-weight:700;border-radius:3px;gap:18px}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#062238}.btn.ghost{border-color:#628399;background:transparent;color:white}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.hero-art{position:relative;height:430px}.art-city{position:absolute;bottom:80px;right:0;width:100%;height:255px;display:flex;align-items:flex-end;gap:10px;opacity:.85;filter:drop-shadow(0 0 28px #23b6f044)}.tower{flex:1;background:linear-gradient(0deg,#195c7b99,#0c304caa);border:1px solid #75e2ff88;box-shadow:inset 0 0 35px #21bff122;position:relative}.tower:after{content:'';position:absolute;inset:13px 10px;background:repeating-linear-gradient(to bottom,transparent 0 17px,#6ee8f04b 18px 19px,transparent 20px 28px)}.art-ring{position:absolute;top:40px;right:12%;width:290px;height:290px;border-radius:50%;border:1px solid #49e0ef8c;box-shadow:0 0 0 40px #50cee80b,0 0 0 85px #50cee807}.art-ring:before,.art-ring:after{content:'';position:absolute;border-radius:50%;border:1px dashed #65d5ef88;inset:32px}.art-ring:after{inset:72px;border-style:solid}.art-tag{position:absolute;bottom:40px;right:30px;border:1px solid #69def377;background:#092744dc;padding:14px 20px;font-size:11px;letter-spacing:.16em}.section{padding:100px 0}.section.alt{background:var(--bg)}.section-head{max-width:680px;margin-bottom:43px}.section-head h2,.page-head h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.35;margin:12px 0}.section-head p,.lead{font-size:16px;color:var(--muted);line-height:1.9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:32px;background:white;border:1px solid var(--line);min-height:235px}.card .num{font-weight:800;color:#099dbc;font-size:13px;letter-spacing:.14em}.card h3{font-size:20px;margin:32px 0 9px;letter-spacing:-.04em}.card p{color:var(--muted);margin:0;font-size:14px}.card a{display:inline-block;margin-top:20px;font-weight:700;font-size:12px;color:#168ca8}.product-feature{display:grid;grid-template-columns:1fr 1fr;background:#0b2740;color:white;min-height:350px}.product-feature .details{padding:58px}.product-feature h2{font-size:37px;margin:10px 0}.product-feature p{color:#c1d5e4}.diagram{background:radial-gradient(circle,#1c718f 0%,#123b56 37%,#0a2037 70%);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.diagram::before{content:'';position:absolute;width:250px;height:250px;border:1px solid #a0eeff4f;border-radius:50%;box-shadow:0 0 0 55px #74dbf30d,0 0 0 105px #74dbf309}.grating{width:245px;height:205px;border:12px solid #9eb5c5;transform:rotate(-20deg) skew(12deg,4deg);background:repeating-linear-gradient(90deg,#8aaabd 0 12px,#082a40 13px 28px);box-shadow:15px 22px 1px #06192d66;z-index:1}.page-head{background:linear-gradient(110deg,#081a30,#143b5a);color:white;padding:68px 0 63px}.page-head p{color:#b9d1e1}.breadcrumb{font-size:12px;opacity:.65}.inner{padding:70px 0 110px}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 35px}.tabs a{padding:13px 20px;font-size:14px;color:#607187;border-bottom:3px solid transparent}.tabs a.active{border-color:#0d9cbb;color:#0b2f4b;font-weight:700}.content-panel{max-width:900px;min-height:280px}.content-panel h2{font-size:32px;letter-spacing:-.04em}.content-panel p{color:#64758a;line-height:2}.bullets{padding:0;list-style:none;margin-top:25px}.bullets li{padding:12px 0;border-bottom:1px solid var(--line)}.bullets li:before{content:'✓';color:#00a4bd;font-weight:800;margin-right:14px}.timeline{border-left:2px solid #22abc4;margin-left:9px;padding-left:28px}.event{position:relative;margin-bottom:28px}.event:before{content:'';position:absolute;left:-37px;top:8px;border:3px solid white;background:#00a7c6;width:12px;height:12px;border-radius:50%}.event b{font-size:20px}.placeholder{border:1px dashed #aac5d6;background:#eef5f9;padding:75px 18px;text-align:center;color:#537187}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.item{border:1px solid var(--line);background:white;overflow:hidden}.item-visual{height:260px;background:linear-gradient(140deg,#12304c,#185673);display:flex;align-items:center;justify-content:center;color:#b6d6e5;position:relative;overflow:hidden}.item-body{padding:27px}.item-body h3{font-size:25px;margin:2px 0}.item-body p{color:#68788b}.specs{border-top:1px solid var(--line);margin-top:25px}.spec{display:flex;border-bottom:1px solid var(--line);padding:10px 0;gap:15px}.spec b{width:110px;flex-shrink:0}.video-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0e2740,#14526c);display:flex;align-items:center;justify-content:center;color:white}.video-thumb img{width:100%;height:100%;object-fit:cover}.play{position:absolute;background:#18bdd9e8;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:25px;color:white}.video-player{width:100%;aspect-ratio:16/9;background:#061726;border:0}.resource{padding:22px 4px;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;justify-content:space-between}.resource small{color:#8390a0}.notice{background:#edf8fb;border-left:3px solid #10a3bd;padding:18px 21px;color:#3f7184;font-size:13px}.form{max-width:720px;display:grid;gap:18px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:13px 15px;border:1px solid #cad6e0;background:white;border-radius:2px}.field textarea{min-height:160px;resize:vertical}.faq{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#68788c}.footer{background:#07192c;color:#d2e0eb;padding:55px 0 35px}.footer-top{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff25;padding-bottom:35px}.footer h3{color:white;letter-spacing:.06em}.footer p{color:#94adbf;font-size:12px}.footer-bottom{padding-top:22px;font-size:11px;color:#7e98a9}.empty{padding:65px 25px;background:var(--bg);text-align:center;color:#6e8296}.muted{color:#8196a6}.image-fit{width:100%;height:100%;object-fit:cover}.back{display:inline-block;margin:20px 0;color:#148aa9;font-size:13px;font-weight:700}@media(max-width:900px){.mobile-toggle{display:block}.menu{display:none;position:absolute;top:78px;left:0;right:0;height:auto;max-height:calc(100vh - 78px);overflow:auto;background:#0a2037;padding:15px 28px 28px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.navitem{height:auto;display:block}.navitem>a{display:block;padding:12px 0}.dropdown{display:block;position:static;min-width:0;background:#102c48;color:#cee3f0;box-shadow:none;border:0;padding:6px 10px;margin-bottom:8px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:90px;padding-bottom:60px}.hero-art{height:260px}.art-city{height:180px;bottom:20px}.art-ring{width:200px;height:200px;top:0}.cards{grid-template-columns:1fr}.product-feature{grid-template-columns:1fr}.product-feature .diagram{min-height:270px}.item-grid{grid-template-columns:1fr}}@media(max-width:600px){.wrap{padding:0 20px}.section{padding:68px 0}.hero h1{font-size:35px}.hero p{font-size:15px}.page-head{padding:49px 0}.tabs a{padding:10px}.footer-top{display:block}.product-feature .details{padding:35px}}

/* Homepage photographic story — approved imagery */
.photo-hero{min-height:660px;background-position:center 57%;background-size:cover;display:flex;align-items:center;color:#fff}.hero-copy{width:100%;padding-top:95px;padding-bottom:95px}.photo-hero h1{font-size:clamp(35px,4.7vw,65px);line-height:1.23;letter-spacing:-.06em;margin:24px 0}.photo-hero p{font-size:18px;line-height:1.9;color:#e5eff6;max-width:530px}.photo-section{padding:100px 0;background:#071c2d;color:#fff}.photo-section.tone-light{background:#f5f8fb;color:#172c3d}.photo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.photo-grid.reverse{grid-template-columns:1.2fr .8fr}.photo-grid.reverse .photo-frame{order:-1}.photo-copy h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.045em;line-height:1.34;word-break:keep-all;margin:20px 0}.photo-copy p{color:#c0d3e0;font-size:16px;line-height:1.9}.tone-light .photo-copy p{color:#5e7180}.photo-frame{border-radius:7px;overflow:hidden;box-shadow:0 22px 55px #00111d33}.photo-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.text-link{display:inline-block;margin-top:20px;font-size:14px;font-weight:700;color:#56d8ed}.tone-light .text-link{color:#0783a5}.product-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;background:linear-gradient(135deg,#e5edf3,#f7fafc);color:#365a72}.product-photo-placeholder span{font-size:11px;letter-spacing:.22em;color:#69899b}.product-photo-placeholder strong{font-size:42px;letter-spacing:.1em}.product-photo-placeholder small{color:#8099a7}@media(max-width:900px){.photo-hero{min-height:560px;background-position:55% center}.photo-section{padding:70px 0}.photo-grid,.photo-grid.reverse{grid-template-columns:1fr;gap:32px}.photo-grid.reverse .photo-frame{order:0}.photo-hero p{font-size:15px}}@media(max-width:600px){.photo-hero{min-height:560px;background-position:59% center}.hero-copy{padding-top:70px;padding-bottom:70px}.photo-hero h1{font-size:37px}.photo-frame img{aspect-ratio:4/3}}

/* Homepage V3 — confirmed 1-5 section copy and full-height photography */
.photo-hero{min-height:clamp(630px,78vh,900px);background-position:center center}
.photo-hero .eyebrow{text-transform:none;font-size:clamp(15px,1.5vw,21px);letter-spacing:.055em}
.photo-hero h1{font-size:clamp(40px,5.7vw,83px)}
.photo-section{padding:0;min-height:560px;background:#071c2d;color:#fff}
.photo-section.tone-steel{background:#193b55;color:#fff}
.photo-grid,.photo-grid.reverse{max-width:none;width:100%;display:grid;grid-template-columns:42% 58%;gap:0;min-height:560px;align-items:stretch}
.photo-copy{padding:clamp(42px,6vw,115px) clamp(25px,5vw,105px);display:flex;flex-direction:column;justify-content:center}
.photo-copy h2{font-size:clamp(30px,3.1vw,49px);line-height:1.3;word-break:keep-all}
.photo-copy p,.tone-steel .photo-copy p{color:#d0e2ed;font-size:clamp(15px,1.25vw,18px);max-width:530px}
.photo-frame{height:100%;width:100%;min-height:560px;border-radius:0;box-shadow:none}
.photo-frame img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.products-more{margin-top:34px;text-align:center}
.product-dimensions{font-weight:700;font-size:17px;letter-spacing:.04em;color:#26485f!important}
@media(max-width:900px){.photo-grid,.photo-grid.reverse{display:flex;flex-direction:column;min-height:0}.photo-copy{padding:58px 30px 35px}.photo-frame{height:400px;min-height:0}.photo-frame img{height:100%;aspect-ratio:auto}.photo-section{min-height:0}}
@media(max-width:600px){.photo-hero{min-height:580px}.photo-frame{height:340px}.photo-copy{padding:50px 22px 30px}.photo-copy h2{font-size:30px}}

/* V4: provided corporate logo, no numeric markers, alternating story, unified blue sections */
.site-header{background:#ffffff;color:#152a40;border-bottom:1px solid #d9e5ed;box-shadow:0 2px 14px #07192c0d}
.brand-logo{display:flex;align-items:center;width:234px;max-width:38vw;flex-shrink:0}
.brand-logo img{display:block;width:100%;height:65px;object-fit:contain;object-position:left center}
.navitem>a{color:#233950}
.navitem>a:hover,.navitem>a.active{color:#096fbb}
.photo-grid.reverse{grid-template-columns:58% 42%}
.photo-grid.reverse .photo-frame{order:-1}
.photo-section .eyebrow{font-size:clamp(17px,1.65vw,23px);letter-spacing:.065em;line-height:1.35;color:#8ee3f3}
.photo-copy h2{font-size:clamp(35px,3.4vw,55px);margin:24px 0}
.photo-copy p,.tone-steel .photo-copy p{font-size:clamp(17px,1.43vw,21px);line-height:1.85}
.photo-section.tone-steel{background:#244a66}
.home-products{background:#e4eef4;color:#17364d}
.home-contact{background:#13354c;color:#fff}
.home-contact .section-head h2,.home-contact .section-head p{color:#f1f8fc}
.home-contact .eyebrow{color:#8fdaee}
.home-contact .btn{background:#e7f5fb;color:#0d4260;border-color:#d0ecf7}
.home-products .item{border-color:#c4dae6;box-shadow:0 12px 34px #14395410}
@media(max-width:900px){
 .site-header .menu{background:#f5f9fc;color:#1e344c;border-top:1px solid #dceaf2}
 .navitem>a{color:#1e344c}
 .dropdown{background:#e8f2f7;color:#204761}
 .photo-grid.reverse{display:flex;flex-direction:column}
 .photo-grid.reverse .photo-frame{order:0}
 .photo-section .eyebrow{font-size:18px}
 .photo-copy h2{font-size:clamp(30px,6vw,42px)}
 .photo-copy p,.tone-steel .photo-copy p{font-size:17px}
 .brand-logo{width:204px}
}


/* V5: alternating image directions and cohesive deep-blue product section */
@media(min-width:901px){
 .photo-grid:not(.reverse) .photo-copy{grid-column:1;grid-row:1}
 .photo-grid:not(.reverse) .photo-frame{grid-column:2;grid-row:1}
 .photo-grid.reverse .photo-frame{grid-column:1;grid-row:1;order:0}
 .photo-grid.reverse .photo-copy{grid-column:2;grid-row:1}
}
.section.alt.home-products{background:#1b4058;color:#f0f7fc}
.home-products .section-head h2{color:#ffffff}
.home-products .section-head p{color:#c5dce9}
.home-products .eyebrow{color:#87dcea}
.home-products .item{background:#234e68;border-color:#47718a;box-shadow:0 14px 40px #061c2c36}
.home-products .item-body h3{color:#ffffff}
.home-products .item-body .product-dimensions{color:#d2e8f2!important}
.home-products .item-visual{background:#142f45}
.home-products .product-photo-placeholder{background:linear-gradient(140deg,#1a3c56,#2e6177);color:#e1eff6}
.home-products .product-photo-placeholder span,.home-products .product-photo-placeholder small{color:#afcddb}
.home-products .products-more .btn.primary{background:#49cee7;color:#062a3c;border-color:#49cee7}

/* V6: About ACNESYSTEM, CEO greeting, timeline and location */
.about-page,.greeting-page{max-width:920px}
.about-headline{font-size:clamp(32px,3.4vw,49px)!important;line-height:1.42;letter-spacing:-.055em;color:#103b57;margin:18px 0!important;word-break:keep-all}
.about-english{color:#008bb2!important;font-size:17px!important;font-weight:700;letter-spacing:.02em}
.about-divider{height:1px;background:#d7e6ef;margin:42px 0}
.about-page h3{font-size:24px;color:#163d57;margin:0 0 24px;word-break:keep-all}
.about-page p,.greeting-page p{font-size:16px;line-height:2.15;color:#435c71}
.about-signoff{font-weight:700;color:#153d57!important;margin-top:28px}
.value-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.value-grid>div{background:#eaf3f8;border:1px solid #d7e7f0;padding:28px 22px;min-height:160px}
.value-grid span{display:block;font-size:12px;letter-spacing:.12em;color:#0b8dab;font-weight:800}
.value-grid strong{display:block;font-size:23px;color:#143c56;margin-top:9px}
.value-grid p{font-size:13px;line-height:1.7;margin-bottom:0}
.greeting-page h2{font-size:clamp(30px,3.3vw,45px);line-height:1.48;color:#153a52;word-break:keep-all}
.greeting-lead{font-weight:700;color:#154865!important;font-size:18px!important;margin-top:42px}
.greeting-signature{text-align:right;margin-top:45px;font-size:15px;color:#416276;line-height:2}
.greeting-signature strong{font-size:21px;color:#163b54}
.history-timeline{margin-top:45px;margin-left:12px;padding-left:38px}
.history-timeline .event{margin-bottom:37px;display:flex;gap:30px;align-items:baseline}
.history-timeline .event:before{left:-47px}
.history-timeline .event b{min-width:95px;color:#0b6f92;font-size:21px}
.history-timeline .event p{font-size:17px;color:#344f62}
.location-card{background:#eaf3f8;border:1px solid #d9e8f0;padding:38px;margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.location-label{font-size:12px;font-weight:800;letter-spacing:.16em;color:#0a8daf}
.location-card h3{font-size:24px;margin:12px 0;color:#143c56}
.location-card p{font-size:17px;color:#39566b;line-height:1.8;margin:0}
.location-card .btn{white-space:nowrap;background:#123e5b;color:white;border-color:#123e5b}
.location-note{font-size:13px!important;color:#738b9d!important}
@media(max-width:700px){.value-grid{grid-template-columns:1fr}.location-card{display:block;padding:25px}.location-card .btn{margin-top:22px}.history-timeline .event{display:block}.history-timeline .event p{margin-top:6px}}

/* V7 business pages */
.business-hero{min-height:clamp(540px,71vh,760px);display:flex;align-items:center;color:white;background-size:cover;background-position:center center}
.business-drainage{background-position:center center}
.business-grating{background-position:center 64%}
.business-hero-copy{padding-top:95px;padding-bottom:95px}
.business-hero .eyebrow{font-size:clamp(15px,1.4vw,20px);letter-spacing:.12em;color:#7fe0f5}
.business-hero h1{font-size:clamp(35px,4.4vw,68px);max-width:940px;line-height:1.3;letter-spacing:-.065em;margin:24px 0 20px;word-break:keep-all}
.business-hero p{max-width:670px;color:#eef6fb;font-size:clamp(16px,1.35vw,20px);line-height:1.9;word-break:keep-all;text-shadow:0 2px 12px #051521}
.business-highlights{margin-top:50px;display:flex;gap:12px;flex-wrap:wrap}
.business-highlights span{color:#edfaff;background:#0a3145a8;border:1px solid #a0daeb80;border-radius:50px;padding:11px 17px;font-size:13px;font-weight:650;backdrop-filter:blur(6px)}
.business-body{padding-top:45px;padding-bottom:100px}
.business-intro{max-width:1050px;margin-top:55px}
.business-intro h2{font-size:clamp(30px,3vw,44px);margin:18px 0;color:#103b55}
.business-intro>p{color:#466376;font-size:17px;line-height:2;max-width:850px}
.business-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}
.business-benefits>div{background:#e9f2f7;padding:28px;min-height:160px;border-top:3px solid #2a9fb9}
.business-benefits span{font-weight:800;font-size:13px;color:#138aaa}
.business-benefits p{color:#1c405a;font-weight:650;line-height:1.6;margin-top:20px}
.business-footnote{color:#8193a0;font-size:12px;margin-top:40px}
@media(max-width:700px){.business-hero{min-height:620px;background-position:56% center}.business-hero-copy{padding-top:70px;padding-bottom:70px}.business-hero h1{font-size:37px}.business-highlights{margin-top:32px}.business-highlights span{font-size:12px}.business-benefits{grid-template-columns:1fr}.business-benefits>div{min-height:auto}.business-body{padding-bottom:65px}}