*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1a2738;background:#fff;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.05em}button,input,textarea{font:inherit}.container{width:min(1200px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid #e8edf3}.nav{display:flex;align-items:center;justify-content:space-between;min-height:79px;gap:20px}.brand{font-weight:900;font-size:24px;letter-spacing:-1.5px;display:flex;align-items:baseline;gap:4px;white-space:nowrap}.brand span{color:#1767d7}.brand small{font-size:8px;letter-spacing:1px;color:#8390a1;margin-left:9px}.nav nav{display:flex;gap:29px;font-size:12px;font-weight:700;letter-spacing:.04em}.nav nav a:hover{color:#1767d7}.navCta{font-size:12px;color:#1767d7;font-weight:800}.hero{min-height:600px;background:#0d1c31;color:white;position:relative;display:flex;overflow:hidden}.heroInner{position:relative;z-index:1;width:min(1200px,calc(100% - 48px));margin:auto;padding:130px 0 120px}.eyebrow,.sectionLabel{color:#1674e5;font-size:12px;font-weight:900;letter-spacing:.16em}.hero .eyebrow{color:#75b1ff;margin-bottom:18px}.hero h1{font-size:clamp(40px,5.6vw,75px);line-height:1.17;margin-bottom:24px}.hero h1 em{font-style:normal;color:#70b2ff}.hero p{font-size:17px;line-height:1.9;color:#d0dceb}.heroPhoto{position:absolute;inset:0 0 0 44%;background:linear-gradient(90deg,#0d1c31 0%,rgba(13,28,49,.45) 43%,rgba(13,28,49,.22) 100%),url('/images/automation-equipment.jpg') center/cover}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;font-weight:800;font-size:13px;border-radius:3px}.primary{background:#1973e8;color:#fff}.primary:hover{background:#135ab7}.outline{color:#fff;border:1px solid #9dacc0;background:transparent}.section{padding-top:110px;padding-bottom:110px}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:20px 0 44px}.sectionHead h2,.section h2,.darkBand h2,.contactBanner h2{font-size:clamp(30px,3.2vw,46px);line-height:1.3}.sectionHead p{max-width:370px;color:#66778c;line-height:1.8}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#f4f7fb;padding:38px 28px;min-height:215px}.feature span{color:#3977b8;font-size:11px;letter-spacing:.1em}.feature h3{font-size:25px;margin:28px 0 12px}.feature p{color:#66778c;line-height:1.7;font-size:14px}.darkBand{background:#102238;color:#fff}.bandInner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:90px 0}.darkBand .sectionLabel{color:#84b5fa}.darkBand h2{margin:20px 0}.darkBand p{color:#c4d1df;line-height:1.8}.darkBand .btn{margin-top:25px}.bandImage{height:360px;background:url('/images/automation-equipment.jpg') center/cover}.contactBanner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:100px;padding-bottom:100px}.contactBanner h2{margin:20px 0 0}.footer{background:#091524;color:white}.footerIn{padding:40px 0;display:flex;align-items:center;gap:24px;justify-content:space-between}.footerIn strong{font-size:24px}.footerIn p,.footerIn span{font-size:11px;color:#9cadbe}.pageHero{padding-top:100px;padding-bottom:70px;border-bottom:1px solid #e7edf3}.pageHero h1{font-size:clamp(38px,4.3vw,60px);margin:22px 0}.pageHero p{color:#6b7b8b;line-height:1.8}.bodyCopy{line-height:1.9;color:#66778c;max-width:770px}.infoPanel{display:grid;grid-template-columns:200px 1fr;border-top:2px solid #253b52;margin-top:45px}.infoPanel b,.infoPanel span{padding:22px;border-bottom:1px solid #e3eaf1}.infoPanel b{background:#f6f8fb}.projectCard{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.projectImage{position:relative;min-height:480px;background:#e7edf5}.projectText p,.projectText li{color:#66778c;line-height:1.9}.projectText ul{padding-left:18px;margin-bottom:30px}.contactForm{max-width:860px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contactForm label{display:flex;flex-direction:column;font-weight:700;gap:10px;margin-bottom:24px}.contactForm input:not([type=checkbox]),.contactForm textarea{border:1px solid #ced8e5;border-radius:3px;padding:16px;color:#1b2c42;width:100%;background:#fff}.contactForm input:focus,.contactForm textarea:focus{outline:2px solid #7fb6fd}.contactForm .consent{flex-direction:row;align-items:center;font-weight:400;font-size:13px;color:#63758a}.notice{font-size:13px;line-height:1.8;color:#7b8795;margin-top:22px}@media(max-width:900px){.nav{flex-wrap:wrap;padding:15px 0}.brand small{display:none}.nav nav{order:3;width:100%;overflow-x:auto;gap:20px;white-space:nowrap;padding:8px 0}.heroPhoto{inset:0;background:linear-gradient(90deg,rgba(13,28,49,.94),rgba(13,28,49,.7)),url('/images/automation-equipment.jpg') center/cover}.sectionHead,.contactBanner{align-items:start;flex-direction:column}.bandInner,.projectCard{grid-template-columns:1fr}.bandImage{height:270px}.footerIn{flex-wrap:wrap}}@media(max-width:600px){.container{width:calc(100% - 32px)}.heroInner{padding:95px 0}.hero{min-height:540px}.hero p{font-size:14px}.section{padding-top:70px;padding-bottom:70px}.featureGrid,.formGrid{grid-template-columns:1fr}.feature{min-height:0}.infoPanel{grid-template-columns:110px 1fr}.infoPanel b,.infoPanel span{padding:15px 10px;font-size:13px}.projectImage{min-height:290px}.pageHero{padding-top:60px;padding-bottom:45px}.footerIn{display:block}.navCta{margin-left:auto}}
/* Corporate brand: preserve the supplied three-circle symbol */
.brand{align-items:center;gap:10px;letter-spacing:normal}.brandLogo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.brandName{display:flex;flex-direction:column;gap:4px;line-height:1}.brandName b{font-size:22px;letter-spacing:-.04em;white-space:nowrap;color:#152941}.brandName i{font-style:normal;color:#1767d7}.brandName small{display:block;font-size:9px;letter-spacing:.06em;margin:0;color:#687a91;font-weight:700}.footerBrand{display:flex;align-items:center;gap:12px}.footerBrand strong{font-size:18px}.footerBrand strong span{font-size:13px;color:#b9c7d9}.header .brandName span{color:inherit}@media(max-width:600px){.brandLogo{width:40px;height:40px}.brandName b{font-size:19px}.brandName small{font-size:7px}.footerBrand{margin-bottom:14px}}

/* ML TECH corporate portfolio enhancements */
.hero{min-height:650px}.heroPhoto{background:linear-gradient(90deg,#0d1c31 0%,rgba(13,28,49,.48) 38%,rgba(13,28,49,.14) 100%),url('/images/hero-robot.jpg') center/cover}.heroIndex{position:absolute;right:30px;bottom:25px;color:#d8e7f5;font-size:10px;letter-spacing:.2em}.serviceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.serviceCard{border:1px solid #e4ebf2;overflow:hidden;transition:transform .2s,box-shadow .2s}.serviceCard:hover{transform:translateY(-4px);box-shadow:0 15px 28px #14263c14}.serviceImage,.galleryImage,.businessPhoto{position:relative;overflow:hidden;background:#e9eef4}.serviceImage{height:205px}.serviceImage img,.galleryImage img,.businessPhoto img{object-fit:cover}.serviceInfo{padding:26px}.serviceInfo span,.galleryInfo span{font-size:11px;color:#2776ce;font-weight:700;letter-spacing:.05em}.serviceInfo h3{margin:13px 0;font-size:21px}.serviceInfo p{font-size:13px;color:#6a7889;line-height:1.75;margin:0}.bandImage{background:url('/images/control-interior-new.jpg') center/cover}.projectGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.galleryCard{border:1px solid #e3eaf2;background:#fff}.galleryImage{height:200px}.galleryInfo{padding:17px}.galleryInfo h3{margin:9px 0 2px;font-size:16px}.moreLink{text-align:right;margin-top:25px;font-weight:800;color:#1767d7}.contactBanner p{margin:18px 0 0;color:#6a7889}.businessStack{display:flex;flex-direction:column;gap:38px}.businessRow{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-bottom:38px;border-bottom:1px solid #e3eaf2}.businessRow:nth-child(even) .businessPhoto{order:2}.businessPhoto{height:345px}.businessDesc p{color:#66778c;line-height:1.85}.businessDesc .notice{font-size:12px}.header .brandName small{font-size:9px}.footerIn p{font-size:12px}
@media(max-width:900px){.serviceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.businessRow{gap:22px}.businessPhoto{height:260px}.heroPhoto{background:linear-gradient(90deg,rgba(13,28,49,.92),rgba(13,28,49,.57)),url('/images/hero-robot.jpg') center/cover}}
@media(max-width:600px){.serviceGrid,.projectGrid,.businessRow{grid-template-columns:1fr}.businessRow:nth-child(even) .businessPhoto{order:initial}.businessPhoto{height:245px}.serviceImage{height:210px}.galleryImage{height:220px}.heroIndex{display:none}}

/* 2026-11: ML TECH supplied equipment photos / refined hero */
.hero{min-height:680px;background:#091626}
.heroPhoto{inset:0;background-image:linear-gradient(90deg,rgba(5,15,29,.96) 0%,rgba(5,15,29,.86) 27%,rgba(5,15,29,.48) 57%,rgba(5,15,29,.13) 100%),url('/images/hero-robot.jpg');background-position:center,center 53%;background-size:cover}
.heroInner{padding-top:150px;padding-bottom:145px}
.hero h1{text-shadow:0 3px 22px rgba(0,0,0,.25)}
.heroIndex{z-index:2;text-shadow:0 1px 8px #000}
.galleryImage:has(img[src*="control-"]) img,.businessPhoto:has(img[src*="control-"]) img,.serviceImage:has(img[src*="control-"]) img{object-fit:contain;background:#e9eef4}
.galleryImage:has(img[src*="control-"]),.businessPhoto:has(img[src*="control-"]),.serviceImage:has(img[src*="control-"]){background:#e9eef4}
@media(max-width:900px){.heroPhoto{inset:0;background-image:linear-gradient(90deg,rgba(5,15,29,.9),rgba(5,15,29,.55)),url('/images/hero-robot.jpg');background-position:center,center}}
@media(max-width:600px){.hero{min-height:600px}.heroInner{padding-top:120px;padding-bottom:110px}.heroPhoto{background-image:linear-gradient(90deg,rgba(5,15,29,.89),rgba(5,15,29,.64)),url('/images/hero-robot.jpg');background-position:center,center}}

/* Updated control-panel photography, visible throughout home and product pages */
.bandImage{background-image:url('/images/control-interior-new.jpg');background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#17283b;border:1px solid #304459;border-radius:8px}
.controlSpotlight{padding-top:85px;padding-bottom:95px}
.controlSpotlightHead{margin-bottom:30px}
.controlSpotlightHead h2{margin:14px 0 12px}
.controlSpotlightHead p{color:#66778c;line-height:1.8}
.controlPhotoGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.controlPhotoCard{background:#f6f8fb;border:1px solid #e3eaf2;border-radius:9px;overflow:hidden}
.controlPhotoFrame{position:relative;height:420px;background:#edf1f5}
.controlPhotoFrame img{object-fit:contain}
.controlPhotoCaption{padding:22px 25px}
.controlPhotoCaption h3{font-size:20px;margin:0 0 7px}
.controlPhotoCaption p{font-size:14px;color:#6a7889;line-height:1.6;margin:0}
@media(max-width:700px){.controlPhotoGrid{grid-template-columns:1fr}.controlPhotoFrame{height:370px}.controlSpotlight{padding-top:55px;padding-bottom:65px}}

/* Two user-supplied control-panel photos beside the "설계부터 제작, 설치와 시운전까지" headline */
.bandPanelGallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;height:385px}
.bandPanelPhoto{position:relative;overflow:hidden;border-radius:9px;border:1px solid #40566d;background:#17283b;box-shadow:0 16px 38px rgba(0,0,0,.2)}
.bandPanelPhoto img{object-fit:contain;padding:6px}
@media(max-width:900px){.bandPanelGallery{height:340px}}
@media(max-width:600px){.bandPanelGallery{gap:8px;height:285px}.bandPanelPhoto img{padding:2px}}

/* company/contact additions */
.mapSection{margin-top:80px}
.mapFrame{margin-top:22px;height:420px;border:1px solid #dbe4ee;border-radius:10px;overflow:hidden;background:#f5f7fa}
.mapFrame.small{height:320px}
.compactMap{margin-top:60px}
@media(max-width:700px){.mapFrame{height:320px}.mapFrame.small{height:260px}}

/* Static-hosting image compatibility for Next.js fill pictures */
.serviceImage img,.galleryImage img,.businessPhoto img,.bandPanelPhoto img,.controlPhotoFrame img{position:absolute;inset:0;width:100%;height:100%;} 
.galleryImage:has(img[src*="control-"]) img,.businessPhoto:has(img[src*="control-"]) img,.serviceImage:has(img[src*="control-"]) img{object-fit:contain} 
.businessPhoto:has(img[src*="mix2k-"]) img{object-fit:cover} 
.serviceImage img,.galleryImage img{transition:transform .35s ease} 
.serviceCard:hover .serviceImage img,.galleryCard:hover .galleryImage img{transform:scale(1.035)} 
.mapOpenLink{display:inline-flex;margin-top:14px;gap:9px;color:#1767d7;font-weight:700;font-size:13px} 
.mapFrame iframe{width:100%;height:100%;} 
.docNote{padding:14px 18px;background:#f7f9fc;border-left:3px solid #1674e5;font-size:13px;color:#4c627d;line-height:1.65;} 
@media(max-width:700px){.serviceImage img,.galleryImage img,.businessPhoto img{object-position:center}}