*{box-sizing:border-box}body{margin:0;background:#0c1117;color:#f2f4f5;font:16px/1.6 "Noto Sans KR",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #d8b879;outline-offset:5px}.preview-note{padding:7px 4%;display:flex;justify-content:space-between;gap:12px;background:#d8b879;color:#171d25;font-size:12px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 4%;border-bottom:1px solid #2a343e}.brand img{width:190px;display:block}nav{display:flex;align-items:center;gap:36px;font-size:17px;font-weight:600}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:#d8b879;margin-left:8px}details{position:relative}.dropdown{position:absolute;top:45px;left:-65px;width:310px;background:#17212c;border:1px solid #3d4a57;padding:8px;box-shadow:0 20px 60px #0009;z-index:30}.dropdown a{display:flex;align-items:center;gap:12px;padding:10px;font-size:15px;border-bottom:1px solid #ffffff0f}.dropdown img{width:54px;height:40px;object-fit:cover;background:#0c1117}.dropdown b{margin-left:auto;color:#d8b879}.dropdown a:hover{background:#263443}main{max-width:1800px;margin:auto;padding:36px 4% 30px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px;gap:20px}.eyebrow{color:#d8b879;letter-spacing:2px;font-size:12px;margin:0 0 9px}h1{font-size:clamp(26px,3vw,44px);line-height:1.3;letter-spacing:-1.8px;margin:0;font-weight:650}.lead{font-size:14px;color:#a8b4bf;margin:0}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;background:#141c25;border:1px solid #2a343e;transition:transform .2s,border-color .2s;min-width:0}.card:hover{transform:translateY(-6px);border-color:#d8b879}.photo{height:clamp(180px,22vw,330px);background:#080e15;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.t300 .photo img{object-fit:contain}.cvdr .photo img{object-fit:cover;object-position:center}.railway .photo img{object-fit:contain;padding:12px;background:#dce0e2}.card-body{padding:20px 18px;flex:1;display:flex;flex-direction:column}.index{font-size:12px;color:#d8b879;letter-spacing:2px}h2{font-size:clamp(18px,1.7vw,27px);line-height:1.35;letter-spacing:-.7px;margin:8px 0 12px;white-space:nowrap}.card-body p{font-size:13px;color:#a8b4bf;margin:0 0 20px;min-height:42px}.go{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2a343e;padding-top:14px;margin-top:auto;font-size:14px}.go b{font-size:22px;color:#d8b879}.below{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid #2a343e}.below p{font-size:14px;color:#d4d9df;margin:0}.below p span{margin-left:12px;color:#a8b4bf}.below a{font-size:13px;color:#d8b879}footer{padding:16px 4%;display:flex;justify-content:space-between;font-size:12px;color:#82909c;border-top:1px solid #2a343e}@media(max-width:1000px){nav{gap:22px;font-size:15px}.grid{gap:10px}.card-body{padding:14px 10px}h2{font-size:18px}.card-body p{font-size:12px}.lead{display:none}}@media(max-width:700px){.preview-note{font-size:10px;padding:5px 4%}.preview-note span+span{display:none}header{padding:12px 4%;flex-wrap:wrap;gap:12px}.brand img{width:125px}nav{width:100%;justify-content:space-between;gap:10px;font-size:14px}.dropdown{left:-75px;top:32px;width:280px}main{padding-top:20px}.heading{margin-bottom:16px}h1{font-size:25px;letter-spacing:-1px}.eyebrow{font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo{height:105px}.card-body{padding:10px 12px}.index{display:none}h2{font-size:17px;margin:0 0 4px}.card-body p{font-size:11px;min-height:0;margin:0 0 7px;white-space:nowrap}.go{font-size:12px;padding-top:5px}.go b{font-size:17px}.zephy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.zephy .photo{height:125px}.zephy .card-body{justify-content:center}.below{margin-top:16px;gap:12px}.below p{font-size:12px}.below p span{display:block;margin:0}.below a{font-size:11px}footer{font-size:10px;gap:14px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
/* Six-product full-bleed home montage */
header{position:relative;z-index:20;background:#0c1117}main{max-width:none;padding:0;margin:0;overflow:hidden}.collage{position:relative;height:calc(100svh - 143px);min-height:560px;max-height:1100px;overflow:hidden;isolation:isolate;background:#14202b}
.collage:before{content:"";position:absolute;inset:-8%;z-index:-1;background: url('assets/railway-detail.png') left top/55% 60% no-repeat,url('assets/ctis-offroad-clean.svg') right top/55% 60% no-repeat,url('assets/cvdr-product-original.jpg') left bottom/55% 65% no-repeat,url('assets/zephy-portable-wind.png') center bottom/55% 65% no-repeat,url('assets/waterproof-monitor.png') right bottom/55% 65% no-repeat;filter:blur(30px);opacity:.75}
.tile{position:absolute;margin:0;display:block;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:none;transform:none;-webkit-mask-image:radial-gradient(ellipse 65% 65% at center,#000 47%,#000e 60%,transparent 88%);mask-image:radial-gradient(ellipse 65% 65% at center,#000 47%,#000e 60%,transparent 88%)}.tile img{position:absolute;display:block;max-width:none;width:100%;height:100%;object-fit:cover;left:0;top:0}
.tile.cvdr{left:-8%;top:-12%;width:53%;height:72%;z-index:2}.tile.cvdr img{width:225%;height:auto;left:-119%;top:-73%}
.tile.t300{left:27%;top:-12%;width:48%;height:67%;z-index:3}.tile.t300 img{object-fit:contain}
.tile.ctis{right:-8%;top:-9%;width:48%;height:72%;z-index:4}.tile.ctis img{object-fit:cover;object-position:center}
.tile.railway{left:-7%;bottom:-15%;width:48%;height:77%;z-index:1}.tile.railway img{object-position:center}
.tile.zephy{left:27%;bottom:-19%;width:46%;height:85%;z-index:5}.tile.zephy img{object-position:center}
.tile.monitor{right:-8%;bottom:-12%;width:49%;height:72%;z-index:4}.tile.monitor img{object-position:center}
footer{position:relative;z-index:10;background:#0c1117}
@media(max-width:700px){header{padding:10px 5%;gap:9px}.brand img{width:128px}nav{font-size:15px}.collage{height:calc(100svh - 132px);min-height:560px;max-height:1000px}.tile.cvdr{left:-14%;top:-8%;width:76%;height:47%;z-index:2}.tile.cvdr img{top:-73%}.tile.t300{left:39%;top:-8%;width:76%;height:45%}.tile.ctis{right:-14%;top:27%;width:77%;height:46%;z-index:4}.tile.railway{left:-15%;bottom:23%;width:77%;height:47%}.tile.zephy{left:-14%;bottom:-14%;width:78%;height:53%;z-index:5}.tile.monitor{right:-14%;bottom:-10%;width:78%;height:49%;z-index:4}.dropdown{left:-95px}footer{padding:13px 5%;font-size:9px}.collage:before{background-size:80% 60%}}
.tile{-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 52%,#000c 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at center,#000 52%,#000c 70%,transparent 100%)}
.tile.t300{top:-2%;height:53%}.tile.t300 img{object-fit:cover}.tile.ctis img{object-fit:contain}.tile.monitor{bottom:-6%;height:69%}.tile.zephy{bottom:-10%;height:77%}
@media(max-width:700px){.tile.t300{top:-6%;height:43%}.tile.monitor{bottom:-8%;height:47%}.tile.zephy{bottom:-10%;height:49%}}

/* Company overview adapted from page 2 of the supplied company profile. */
.company-section{max-width:1240px;margin:0 auto;padding:96px 6vw 110px;color:#edf6ff;border-top:1px solid rgba(216,184,121,.24)}
.section-heading{max-width:850px;margin-bottom:38px}.eyebrow{margin:0 0 12px;color:#d8b879;font-size:.75rem;font-weight:800;letter-spacing:.16em}.section-heading h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.04em}.company-lead{max-width:760px;color:#b7c9dc;font-size:1.05rem;line-height:1.8;margin:18px 0 0}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.capability{min-height:165px;padding:24px;border:1px solid rgba(216,184,121,.55);border-radius:18px;background:linear-gradient(145deg,rgba(39,44,49,.82),rgba(10,15,20,.92));box-shadow:0 12px 28px rgba(0,0,0,.14)}.capability>span{color:#d8b879;font-weight:800;letter-spacing:.08em}.capability h2{font-size:1.12rem;line-height:1.55;margin:22px 0 8px}.capability p{color:#8ea9c1;font-size:.85rem;margin:0}
.history-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.8fr);gap:44px;align-items:start;margin-top:76px}.history-layout h2{font-size:1.45rem;margin:0 0 24px}.timeline,.profile-history ul{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid rgba(145,181,215,.16);line-height:1.55}.timeline time{color:#d8b879;font-size:1.12rem;font-weight:800}.profile-history{padding:25px;border-radius:18px;background:rgba(5,28,52,.72);border:1px solid rgba(216,184,121,.34)}.profile-history li{position:relative;padding:0 0 14px 18px;color:#c3d3e2;line-height:1.65}.profile-history li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#d8b879}
@media(max-width:760px){.company-section{padding:72px 6vw}.capability-grid,.history-layout{grid-template-columns:1fr}.history-layout{gap:28px;margin-top:54px}.capability{min-height:auto}.timeline li{grid-template-columns:62px 1fr;gap:10px}}

/* Company content lives on its own page; waterproof monitor stays in front. */
.tile.monitor{z-index:6}.company-page .company-section{border-top:0}.company-page h2{white-space:normal}nav a[aria-current="page"]{color:#d8b879}

/* Swap railway and CVDR positions; blend the CTIS photo through its lower edge. */
.tile.railway{left:-8%;top:-12%;bottom:auto;width:53%;height:72%;z-index:2}
.tile.cvdr{left:-7%;top:auto;bottom:-15%;width:48%;height:77%;z-index:1}
.tile.ctis img{object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
@media(max-width:700px){.tile.railway{left:-14%;top:-8%;bottom:auto;width:76%;height:47%;z-index:2}.tile.cvdr{left:-15%;top:auto;bottom:23%;width:77%;height:47%;z-index:1}}
.tile.cvdr img{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}

/* Reduce the railway tile and show the complete CVDR product image. */
.tile.railway{left:-4%;top:-4%;width:42%;height:58%}
.tile.cvdr{left:-6%;bottom:-3%;width:49%;height:66%}
.tile.cvdr img{width:100%;height:100%;left:0;top:0;object-fit:contain;-webkit-mask-image:none;mask-image:none}
@media(max-width:700px){
  .tile.railway{left:-10%;top:-3%;width:63%;height:38%}
  .tile.cvdr{left:-10%;bottom:22%;width:75%;height:48%}
}
/* Fit the supplied CVDR monitor into its existing lower-left area. */
.tile.cvdr{left:0;width:40%;-webkit-mask-image:none;mask-image:none}
.tile.cvdr img{height:auto;top:50%;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:700px){.tile.cvdr{left:0;width:58%}}
/* Match the company page's reading rhythm to the existing product pages. */
.company-page{font-family:'Pretendard','Noto Sans KR',Arial,sans-serif;line-height:1.7}
.company-page .company-section{padding:64px 5vw 72px}
.company-page .section-heading{margin-bottom:24px}
.company-page .section-heading h1{line-height:1.35}
.company-page .company-lead{line-height:1.7;margin-top:14px}
.company-page .capability-grid{gap:18px}
.company-page .capability{min-height:0;padding:20px}
.company-page .capability h2{line-height:1.5;margin:12px 0 8px}
.company-page .capability p{line-height:1.7}
.company-page .history-layout{gap:32px;margin-top:40px}
.company-page .history-layout h2{line-height:1.4;margin-bottom:16px}
.company-page .timeline li{padding:8px 0;line-height:1.7}
.company-page .profile-history{padding:20px}
.company-page .profile-history li{padding-bottom:8px;line-height:1.7}
.company-page .profile-history li:last-child{padding-bottom:0}
@media(max-width:760px){.company-page .company-section{padding:48px 5vw 56px}.company-page .history-layout{gap:24px;margin-top:32px}.company-page .timeline li{padding:6px 0}}

/* Company overview: all sections visible together, like the home screen. */
.company-overview{min-height:100svh;display:grid;grid-template-rows:auto auto 1fr auto}
.company-overview .company-page{display:flex;align-items:center;overflow:visible}
.company-overview .company-section{box-sizing:border-box;width:100%;max-width:1440px;margin:auto;padding:22px 4vw 26px}
.company-overview .section-heading{max-width:none;margin-bottom:16px}
.company-overview .section-heading h1{font-size:clamp(26px,2.5vw,36px);line-height:1.25;letter-spacing:-1.1px}
.company-overview .company-lead{max-width:1100px;font-size:14px;line-height:1.55;margin-top:10px}
.company-overview .eyebrow{font-size:10px;margin-bottom:7px}
.company-overview .capability-grid{gap:14px}
.company-overview .capability{padding:12px 16px;border-radius:12px}
.company-overview .capability>span{font-size:12px}
.company-overview .capability h2{font-size:15px;line-height:1.4;margin:5px 0}
.company-overview .capability p{font-size:11px;line-height:1.4}
.company-overview .history-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:26px;margin-top:22px}
.company-overview .history-layout h2{font-size:20px;margin-bottom:10px}
.company-overview .timeline li{grid-template-columns:55px 1fr;gap:12px;font-size:13px;line-height:1.5;padding:5px 0}
.company-overview .timeline time{font-size:14px}
.company-overview .profile-history{padding:14px 16px;border-radius:12px}
.company-overview .profile-history li{font-size:13px;line-height:1.5;padding-bottom:8px}
.company-compact{display:none}
@media(min-width:761px) and (min-height:700px){.company-overview{height:100svh}.company-overview .company-page{min-height:0}}
@media(max-width:760px){
 .company-overview .company-section{padding:16px 5vw 18px}
 .company-overview .section-heading{margin-bottom:12px}
 .company-overview .section-heading h1{font-size:22px;line-height:1.3}
 .company-overview .company-lead{font-size:12px;line-height:1.5;margin-top:8px}
 .company-overview .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .company-overview .capability{padding:9px 8px;border-radius:9px}
 .company-overview .capability>span{font-size:10px}
 .company-overview .capability h2{font-size:12px;line-height:1.4;margin:4px 0 0}
 .company-overview .capability p{display:none}
 .company-overview .history-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-top:16px}
 .company-overview .history-layout h2{font-size:16px;line-height:1.3;margin-bottom:8px}
 .company-overview .timeline li{grid-template-columns:34px 1fr;gap:6px;font-size:11px;line-height:1.45;padding:4px 0}
 .company-overview .timeline time{font-size:11px}
 .company-overview .profile-history{padding:10px 9px;border-radius:9px}
 .company-overview .profile-history li{font-size:11px;line-height:1.5;padding-left:11px;padding-bottom:8px}
 .company-overview .eyebrow{font-size:8px;margin-bottom:6px}
 .company-overview .company-full{display:none}.company-overview .company-compact{display:inline}
 .company-overview footer{font-size:9px;padding:10px 5%}
}

/* Operating-site integration: retain language selection, footer and contact details. */
header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;min-height:94px;padding:14px 4%}header>nav{justify-content:center}.brand img{width:190px}
body[data-page="home"] #solutions{display:block;position:absolute;top:0;pointer-events:none}
body[data-page="home"] .collage{height:calc(100svh - 94px);max-height:none}
body[data-page="home"] .contact{padding:80px 5%;max-width:1400px;margin:auto}
body[data-page="home"] .contact h2{font-size:clamp(32px,3.5vw,52px);line-height:1.35;white-space:normal}
footer{flex-wrap:wrap;gap:18px;align-items:center}footer .translation-notice{width:100%;font-size:12px;padding:10px 0 0}
.company-overview{grid-template-rows:auto minmax(0,1fr) auto;height:auto;min-height:100svh}
.company-overview .company-page{min-height:0}.company-overview footer{padding:12px 4%;gap:10px;font-size:11px}.company-overview footer .brand img{width:120px}.company-overview footer .visit-stat-note{font-size:11px;line-height:1.4;margin:0}.company-overview footer .translation-notice{font-size:11px;line-height:1.4;padding-top:6px}
@media(min-width:761px) and (min-height:800px){.company-overview{height:100svh}}
@media(max-width:760px){header{grid-template-columns:1fr auto;padding:10px 5%;gap:10px;min-height:0}header>nav{grid-column:1/-1;grid-row:2;justify-content:space-between}.brand img{width:125px}header>.language-picker{grid-column:2;grid-row:1}body[data-page="home"] .collage{height:calc(100svh - 110px);min-height:560px}.company-overview footer .brand{display:none}}