@charset "UTF-8";
:root{--ink:#102c40;--soft:#5b7080;--navy:#071a2d;--cyan:#00a6a6;--cyanlight:#15d6d1;--line:#dfe9ef;--paper:#f3f8fb;--max:1250px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;line-height:1.65}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #0bbfbb;outline-offset:3px}img{max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 26px}.prototype{text-align:center;background:#e5f7f5;color:#13716d;font-size:11px;font-weight:750;letter-spacing:.09em;padding:5px 12px}.header{background:#fff;border-bottom:1px solid #e3ebf0;position:sticky;top:0;z-index:20}.header-row{min-height:85px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.logo-chip{height:42px;width:75px;display:grid;place-items:center;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;flex:none}.logo-chip img{display:block;max-height:36px;max-width:68px;width:auto;height:auto;object-fit:contain}.logo-chip.unavailable:after{content:'OF';font-size:13px;font-weight:900;color:#087f86;letter-spacing:-.02em}.brandname{font-size:17px;font-weight:900;letter-spacing:.085em;white-space:nowrap}.brandsub{display:block;font-size:9px;color:#5e7890;letter-spacing:.16em;font-weight:650}.nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:750}.nav a:hover{color:var(--cyan)}.menutoggle{display:none;background:#eef6fa;border:0;padding:7px 11px;border-radius:6px}.hero{background:linear-gradient(110deg,#051527 0%,#0a2b43 85%);color:white;padding:84px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:0.88fr 1.12fr;align-items:center;gap:56px}.eyebrow,.section-eyebrow{color:#058b8b;font-weight:900;letter-spacing:.16em;font-size:11px}.eyebrow{color:#55ebe0}.livebar{color:#48d4dd;margin:0 5px}.hero h1{font-size:clamp(39px,4.6vw,64px);letter-spacing:-.06em;line-height:1.24;margin:24px 0}.hero h1 em{color:#61ebe4;font-style:normal}.hero p{font-size:16px;color:#c4d7e4;line-height:1.95;max-width:500px;word-break:keep-all}.hero-actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}.primary-btn,.outline-btn{display:inline-flex;align-items:center;gap:20px;padding:13px 19px;border-radius:10px;font-weight:800;font-size:13px}.primary-btn{background:#56e2dc;color:#072d39}.outline-btn{border:1px solid #6a8296;color:#e7f5ff}.hero-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:39px}.hero-keywords span{font-size:10px;letter-spacing:.07em;color:#bad9e0;border:1px solid #35556a;padding:6px 9px;border-radius:6px}.hero-media{background:#eaf4f9;box-shadow:0 20px 70px #00172488;border-radius:17px;overflow:hidden;position:relative;padding:7px}.hero-media img{width:100%;height:auto;display:block;object-fit:contain;border-radius:10px}.media-footnote{background:#eaf4f9;color:#45677b;padding:9px 11px;font-size:10px;letter-spacing:.17em}.section{padding:102px 0}.section.soft{background:#f2f7fa}.section-top{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.section-top h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.055em;line-height:1.38;margin:12px 0 0}.section-top h2 span{color:#0a9a95}.section-top p{font-size:14px;color:var(--soft);max-width:520px;line-height:2;margin:0;word-break:keep-all}.about-intro{align-items:center}.short-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.short-features span{padding:6px 10px;border-radius:40px;color:#287578;background:#e9f7f4;font-size:11px;font-weight:800}.gallery-panel{border:1px solid #dce8ee;border-radius:20px;padding:26px;background:#f8fcfe;box-shadow:0 18px 40px #2347630d}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.gallery-head h3{font-size:24px;margin:3px 0;letter-spacing:-.035em}.mini-kicker{color:#088d8b;font-weight:900;letter-spacing:.15em;font-size:10px}.gallery-head p{font-size:12px;color:#718797;margin:0;max-width:350px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid #d8e7eb;border-radius:9px;padding:10px 15px;background:white;color:#33546a;font-size:12px;font-weight:800;text-align:left}.tab.active{background:#0d354e;color:white;border-color:#0d354e}.gallery-content{border:1px solid #e1e9ee;border-radius:13px;overflow:hidden;background:#fff}.full-image{width:100%;background:#f1f8fa;text-align:center}.full-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.image-caption{padding:16px 22px;display:flex;justify-content:space-between;gap:22px;background:#fff;align-items:center}.image-caption strong{font-size:15px}.image-caption span{font-size:12px;color:#708293;text-align:right}.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tech-btn{border:1px solid #dce7ee;border-radius:14px;background:white;color:var(--ink);padding:22px;text-align:left;min-height:193px;display:flex;flex-direction:column;align-items:start;position:relative}.tech-btn:hover{border-color:#5bcac5}.tech-btn.is-active{border:2px solid #00a9a9;padding:21px;box-shadow:0 10px 22px #007e8a14}.tech-index{font-size:11px;letter-spacing:.16em;color:#0ba3a0;font-weight:800}.tech-title{font-weight:900;letter-spacing:-.03em;font-size:19px;margin-top:18px}.tech-desc{font-size:12px;color:#5b6f7e;margin-top:8px;line-height:1.8}.tech-arrow{position:absolute;top:15px;right:19px;color:#149f9b}.tech-display{margin-top:18px;background:white;border:1px solid #dfeaf0;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.8fr);align-items:center}.tech-image{background:#edf7fa}.tech-image img{display:block;width:100%;height:auto;object-fit:contain}.tech-detail{padding:32px}.tech-detail h3{font-size:26px;letter-spacing:-.035em;margin:12px 0}.tech-detail p{font-size:13px;color:var(--soft);line-height:1.95}.tech-note{color:#168e87;font-size:11px;margin-top:26px;font-weight:750}.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.solution-card{border:1px solid #dce7ec;border-radius:16px;background:white;display:flex;flex-direction:column;overflow:hidden;text-align:left;padding:0;box-shadow:0 12px 24px #17293b0a;transition:transform .2s,border-color .2s}.solution-card:hover{transform:translateY(-3px);border-color:#35b9b5}.solution-cover{width:100%;display:grid;position:relative;background:#f4fafb}.solution-cover img{display:block;width:100%;height:auto;object-fit:contain}.play-symbol{position:absolute;left:23px;bottom:22px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#05263ddb;color:white;border:1px solid #b6f4ef9e;font-size:20px;padding-left:3px}.solution-body{display:flex;flex-direction:column;flex:1;padding:22px 25px 24px}.solution-meta{font-size:11px;color:#0a918d;font-weight:850;letter-spacing:.11em}.solution-body strong{font-size:22px;margin:4px 0 8px;letter-spacing:-.025em}.solution-text{font-size:13px;line-height:1.75;color:#5b7182;min-height:46px;display:block}.video-link{margin-top:auto;padding-top:22px;color:#007f7e;font-size:12px;font-weight:900}.representation-notice{font-size:11px;color:#728698;margin:23px 0 0}.contact{background:linear-gradient(110deg,#09233b,#0a4352);color:white;padding:64px 0}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact h2{margin:8px 0 6px;font-size:31px;letter-spacing:-.05em}.contact p{color:#a9c7d2;font-size:13px;margin:0}.contact .section-eyebrow{color:#61e0d9}.footer{background:#051525;color:#a9c4d1;padding:40px 0 19px}.footer-flex{display:flex;justify-content:space-between;gap:35px}.footer-brand{font-size:18px;font-weight:850;letter-spacing:.055em;color:#fff}.footer-brand p{font-size:11px;color:#88aabd;margin:6px 0}.footer-details{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:26px;font-size:12px}.footer-details p{margin:0;line-height:1.95}.footer a:hover{color:#64f2e6}.privacy-link{text-decoration:underline;text-underline-offset:4px}.copyright{font-size:10px;color:#7194a8;border-top:1px solid #27415a;margin-top:30px;padding-top:16px}.modal{display:none;position:fixed;inset:0;z-index:99;background:#00101cce;align-items:center;justify-content:center;padding:22px}.modal.open{display:flex}.modal-window{width:min(970px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 80px #00112188}.modal-top{padding:19px 23px;display:flex;justify-content:space-between;gap:20px;align-items:center}.modal-top h3{font-size:24px;letter-spacing:-.035em;margin:3px 0}.modal-top p{font-size:12px;color:#617a8b;margin:0}.close{border:1px solid #e1ebf0;background:white;color:#113748;font-size:18px;border-radius:8px;padding:7px 12px}.modal video{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background:#eaf5f8}.modal-foot{padding:13px 23px;font-size:11px;color:#6c8698}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-media{max-width:850px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-details{grid-template-columns:1fr 1fr}.tech-display{grid-template-columns:1fr}.tech-detail{padding:25px}.nav{gap:20px}}
@media(max-width:720px){.wrap{padding:0 17px}.header-row{min-height:68px}.brandname{font-size:13px}.brandsub{font-size:7px}.logo-chip{width:48px;height:38px}.logo-chip img{max-width:43px;max-height:29px}.menutoggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid #dce6ed;padding:19px;flex-direction:column;align-items:flex-start;box-shadow:0 16px 23px #00152215}.nav.open{display:flex}.hero{padding:60px 0}.hero h1{font-size:42px}.hero p{font-size:14px}.section{padding:66px 0}.section-top,.gallery-head{display:block}.section-top p,.gallery-head p{margin-top:18px}.image-caption{display:block}.image-caption span{display:block;text-align:left;margin-top:5px}.gallery-panel{padding:14px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab{font-size:11px;padding:10px}.tech-grid{grid-template-columns:1fr 1fr;gap:9px}.tech-btn{padding:14px;min-height:181px}.tech-btn.is-active{padding:13px}.tech-title{font-size:16px}.tech-desc{font-size:11px}.solution-grid{grid-template-columns:1fr}.solution-text{min-height:46px}.footer-flex,.contact-grid{flex-direction:column;align-items:flex-start}.footer-details{grid-template-columns:1fr;gap:17px}.contact h2{font-size:25px}}
@media(max-width:420px){.tech-grid{grid-template-columns:1fr}.tech-btn{min-height:unset}.tech-display{margin-top:11px}.tabs{grid-template-columns:1fr}.hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.solution-card{transition:none}}

/* V4.3 — ABOUT section only: smaller uncropped picture + structured technical profile */
#about .about-stage{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:0;background:#fff;overflow:hidden;border:1px solid #dbe9ef;border-radius:16px;box-shadow:0 12px 28px rgba(15,59,80,.045)}
#about .about-image-pane{margin:0;min-width:0;background:linear-gradient(145deg,#f4fbfe,#eaf5f9);border-right:1px solid #e0edf2;display:flex;flex-direction:column;justify-content:center;padding:19px}
#about .about-image-viewport{width:100%;background:#fff;border:1px solid #e4eef2;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px}
#about .about-image-viewport img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain;object-position:center;filter:none}
#about .about-image-caption{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:18px 3px 4px;text-align:left}
#about .about-image-kind{font-size:10px;letter-spacing:.13em;font-weight:850;color:#0a9894}
#about .about-image-caption strong{font-size:16px;letter-spacing:-.015em;color:#12364b}
#about .about-image-caption #aboutDesc{font-size:12px;line-height:1.75;color:#597484}
#about .about-information{min-width:0;padding:27px 28px 24px;display:flex;flex-direction:column;gap:18px}
#about .about-info-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;color:#0c9291}
#about .about-info-head h4{font-size:25px;letter-spacing:-.05em;line-height:1.4;margin:8px 0 7px;color:#0c2e42}
#about .about-info-head p{font-size:13px;line-height:1.9;color:#617a8c;margin:0;word-break:keep-all}
#about .about-flow-group{background:#f5fafc;border:1px solid #e1edf2;border-radius:13px;padding:15px}
#about .about-flow-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
#about .about-flow-heading strong{font-size:13px;color:#1c4255}
#about .about-flow-heading span{font-size:9px;letter-spacing:.12em;color:#0b9b98;font-weight:800}
#about .about-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
#about .about-flow-step{min-width:0;background:#fff;border:1px solid #dcebf0;border-radius:10px;padding:13px 11px 13px;position:relative}
#about .about-flow-step:not(:last-child):after{content:'›';position:absolute;z-index:1;right:-10px;top:49%;transform:translateY(-50%);font-size:19px;color:#059d99;font-weight:900;text-shadow:0 0 4px white}
#about .flow-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:6px}
#about .flow-step-number{font-weight:850;font-size:10px;color:#0d9a95;letter-spacing:.07em}
#about .flow-step-icon{display:grid;place-items:center;background:#e4f7f6;color:#037d7a;font-size:16px;width:31px;height:31px;border-radius:9px}
#about .about-flow-step strong{display:block;font-size:12px;color:#193b50;line-height:1.45;word-break:keep-all}
#about .about-flow-step p{font-size:11px;color:#687f8c;line-height:1.65;margin:6px 0 0;word-break:keep-all}
#about .about-small-heading{font-size:12px;font-weight:850;color:#23475a;margin-bottom:9px}
#about .about-capability-list{display:flex;flex-wrap:wrap;gap:7px}
#about .about-capability-list span{font-size:11px;font-weight:700;color:#226d77;background:#e9f8f7;border:1px solid #d6eeea;border-radius:999px;padding:6px 10px}
#about .about-outcome{display:flex;gap:13px;align-items:flex-start;border-left:3px solid #0cbab1;background:#f3fbf8;border-radius:0 10px 10px 0;padding:12px 15px}
#about .about-outcome-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:8px;background:#d5f5ec;color:#078d82;font-size:18px;font-weight:700}
#about .about-outcome strong{display:block;font-size:12px;color:#16645e;margin-bottom:2px}
#about .about-outcome p{margin:0;font-size:12px;line-height:1.75;color:#537577;word-break:keep-all}
@media(max-width:1100px){#about .about-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}#about .about-information{padding:20px;gap:14px}#about .about-flow-group{padding:12px}#about .about-flow-grid{gap:6px}#about .about-flow-step{padding:10px 8px}}
@media(max-width:850px){#about .about-stage{grid-template-columns:1fr}#about .about-image-pane{border-right:0;border-bottom:1px solid #e0edf2;padding:20px}#about .about-image-viewport{max-width:660px;margin:0 auto}#about .about-image-viewport img{max-height:none}#about .about-image-caption{width:100%}#about .about-information{padding:24px}}
@media(max-width:520px){#about .about-information{padding:17px;gap:14px}#about .about-info-head h4{font-size:22px}#about .about-flow-grid{grid-template-columns:1fr;gap:8px}#about .about-flow-step{display:grid;grid-template-columns:55px 1fr;gap:0 9px;align-items:center;padding:10px 12px}#about .flow-step-top{grid-row:span 2;margin:0;flex-direction:column;justify-content:center;gap:4px}#about .about-flow-step:not(:last-child):after{content:'⌄';top:auto;bottom:-14px;right:50%;transform:translateX(50%)}#about .about-flow-step p{margin:2px 0 0}#about .about-image-pane{padding:12px}#about .about-image-caption{padding:12px 4px 4px}}


/* V4.4 — ABOUT vision panel + five core technologies */
.future-panel{border:1px solid #dce8ee;border-radius:20px;padding:26px;background:#f8fcfe;box-shadow:0 18px 40px #2347630d}.future-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;border:1px solid #e1e9ee;border-radius:16px;overflow:hidden;background:#fff}.future-image-pane{margin:0;min-width:0;background:linear-gradient(145deg,#f4fbfe,#eaf5f9);border-right:1px solid #e0edf2;display:flex;flex-direction:column;justify-content:center;padding:18px}.future-image-viewport{width:100%;background:#fff;border:1px solid #e4eef2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px}.future-image-viewport img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}.future-image-caption{display:flex;flex-direction:column;gap:5px;padding:16px 4px 2px}.future-image-kind{font-size:10px;letter-spacing:.13em;font-weight:850;color:#0a9894}.future-image-caption strong{font-size:16px;letter-spacing:-.015em;color:#12364b}.future-image-caption span:last-child{font-size:12px;line-height:1.75;color:#597484}.future-information{min-width:0;padding:28px;display:flex;flex-direction:column;gap:18px}.future-info-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;color:#0c9291}.future-info-head h4{font-size:25px;letter-spacing:-.05em;line-height:1.45;margin:8px 0 7px;color:#0c2e42}.future-info-head p{font-size:13px;line-height:1.9;color:#617a8c;margin:0}.future-pillars{display:grid;grid-template-columns:1fr;gap:10px}.future-pillar{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:start;background:#f5fafc;border:1px solid #e1edf2;border-radius:12px;padding:14px}.pillar-no{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e5f7f6;color:#047d7c;font-size:12px;font-weight:900;letter-spacing:.08em}.future-pillar strong{display:block;font-size:13px;color:#1c4255;margin-bottom:4px}.future-pillar p{margin:0;font-size:12px;line-height:1.75;color:#687f8c}.future-map{background:#f7fbfd;border:1px solid #e1edf2;border-radius:13px;padding:15px}.future-map-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.future-map-head strong{font-size:13px;color:#1c4255}.future-map-head span{font-size:9px;letter-spacing:.12em;color:#0b9b98;font-weight:800;text-align:right}.future-map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.future-node{background:#fff;border:1px solid #dcebf0;border-radius:10px;padding:12px 10px;display:flex;flex-direction:column;gap:6px;min-height:108px}.future-node small{font-size:9px;letter-spacing:.12em;font-weight:850;color:#0d9a95}.future-node strong{font-size:12px;line-height:1.55;color:#193b50}.future-outcome{display:flex;gap:13px;align-items:flex-start;border-left:3px solid #0cbab1;background:#f3fbf8;border-radius:0 10px 10px 0;padding:12px 15px}.future-outcome-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:#d5f5ec;color:#078d82;font-size:18px;font-weight:700}.future-outcome strong{display:block;font-size:12px;color:#16645e;margin-bottom:2px}.future-outcome p{margin:0;font-size:12px;line-height:1.75;color:#537577}.tech-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.tech-grid-five .tech-title{font-size:17px;line-height:1.45}.tech-grid-five .tech-desc{font-size:11px;line-height:1.75}.tech-grid-five .tech-btn{min-height:210px}#about .gallery-panel,#about .tabs,#about .gallery-content{display:none!important}@media(max-width:1180px){.tech-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}.future-stage{grid-template-columns:1fr}.future-image-pane{border-right:0;border-bottom:1px solid #e0edf2}.future-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.future-panel{padding:16px}.future-information{padding:20px}.future-map-head{display:block}.future-map-head span{display:block;text-align:left;margin-top:6px}.tech-grid-five{grid-template-columns:1fr 1fr}.future-map-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.future-information{padding:16px}.future-info-head h4{font-size:22px}.future-pillar{grid-template-columns:48px 1fr;padding:12px}.pillar-no{width:38px;height:38px}.future-map-grid,.tech-grid-five{grid-template-columns:1fr}.future-node{min-height:auto}}

/* V4.5 — new industry vision image and structured integrated future. Other sections unchanged. */
#about .about-v45-intro{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:42px;margin-bottom:35px}
#about .about-intro-copy h2{font-size:clamp(31px,3.1vw,44px);line-height:1.4;margin-bottom:20px}
#about .vision-intro-text{font-size:14px;color:#5d7283;line-height:2;max-width:510px;margin:0 0 15px;word-break:keep-all}
#about .vision-art-intro{min-width:0;margin:0;border:1px solid #e0e9ef;border-radius:17px;overflow:hidden;background:#f3f8fa;box-shadow:0 18px 39px #12354d18}
#about .vision-art-intro img{display:block;width:100%;height:auto;object-fit:contain}
#about .vision-art-intro figcaption{padding:13px 17px;display:flex;flex-direction:column;gap:3px;background:white}
#about .vision-art-intro figcaption strong{font-size:13px;color:#17374b}
#about .vision-art-intro figcaption span{font-size:11px;color:#658090}
#about .future-panel{padding:26px;border:1px solid #dce8ee;border-radius:20px;background:#f8fcfe;box-shadow:0 18px 40px #2347630d}
#about .future-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;border:1px solid #e1e9ee;border-radius:16px;overflow:hidden;background:#fff}
#about .future-image-pane{margin:0;min-width:0;background:linear-gradient(145deg,#f4fbfe,#eaf5f9);border-right:1px solid #e0edf2;display:flex;flex-direction:column;justify-content:center;padding:18px}
#about .future-image-viewport{width:100%;background:#fff;border:1px solid #e4eef2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px}
#about .future-image-viewport img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}
#about .future-image-caption{display:flex;flex-direction:column;gap:5px;padding:16px 4px 2px}
#about .future-image-kind{font-size:10px;letter-spacing:.13em;font-weight:850;color:#0a9894}
#about .future-image-caption strong{font-size:16px;letter-spacing:-.015em;color:#12364b}
#about .future-image-caption span:last-child{font-size:12px;line-height:1.75;color:#597484}
#about .future-information{min-width:0;padding:26px;display:flex;flex-direction:column;gap:17px}
#about .future-info-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;color:#0c9291}
#about .future-info-head h4{font-size:25px;letter-spacing:-.05em;line-height:1.45;margin:8px 0 7px;color:#0c2e42}
#about .future-info-head p{font-size:13px;line-height:1.9;color:#617a8c;margin:0}
#about .future-pillars{display:grid;grid-template-columns:1fr;gap:9px}
#about .future-pillar{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:start;background:#f5fafc;border:1px solid #e1edf2;border-radius:12px;padding:12px}
#about .pillar-no{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e5f7f6;color:#047d7c;font-size:12px;font-weight:900;letter-spacing:.08em}
#about .future-pillar strong{display:block;font-size:13px;color:#1c4255;margin-bottom:4px}
#about .future-pillar p{margin:0;font-size:12px;line-height:1.65;color:#687f8c}
#about .future-outcome{display:flex;gap:12px;align-items:flex-start;border-left:3px solid #0cbab1;background:#f3fbf8;border-radius:0 10px 10px 0;padding:12px 15px}
#about .future-outcome-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:#d5f5ec;color:#078d82;font-size:18px;font-weight:700}
#about .future-outcome strong{display:block;font-size:12px;color:#16645e;margin-bottom:2px}
#about .future-outcome p{margin:0;font-size:12px;line-height:1.75;color:#537577}
#about .future-roadmap{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:10px;margin-top:16px}
#about .future-roadmap-step{min-height:90px;background:#fff;border:1px solid #dfeaf0;border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:7px}
#about .future-roadmap-step span{font-size:10px;color:#0a9894;letter-spacing:.08em;font-weight:900}
#about .future-roadmap-step strong{font-size:12px;color:#21465b;line-height:1.5}
#about .future-roadmap i{font-style:normal;color:#0a9a95;font-size:19px;text-align:center;font-weight:900}
@media(max-width:1060px){#about .about-v45-intro{grid-template-columns:1fr;gap:23px}#about .vision-art-intro{max-width:960px}#about .future-stage{grid-template-columns:1fr}#about .future-image-pane{border-right:0;border-bottom:1px solid #e0edf2}#about .future-roadmap{grid-template-columns:1fr 1fr}#about .future-roadmap>i{display:none}}
@media(max-width:600px){#about .future-panel{padding:14px}#about .future-information{padding:18px}#about .future-info-head h4{font-size:21px}#about .future-roadmap{grid-template-columns:1fr}#about .future-roadmap-step{min-height:unset}#about .vision-intro-text{font-size:13px}}


/* V4.7 — solutions redesigned as selectable image + structured explanation, and section treatment swapped */
.section-soft{background:linear-gradient(180deg,#f7fbfd 0%,#ffffff 100%)}
#solutions .section-top p,#technology .section-top p{max-width:620px}
.solution-selector-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:28px 0 20px}
.solution-nav-btn{min-height:166px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px;border-radius:18px;border:1px solid #d9e7ee;background:#fff;color:#143447;box-shadow:0 8px 20px #12354d0a;text-align:left;transition:.22s ease}
.solution-nav-btn:hover{transform:translateY(-3px);border-color:#9ad9d8;box-shadow:0 16px 30px #0e3e4a12}
.solution-nav-btn.is-active{border-color:#18a8a7;background:linear-gradient(180deg,#ffffff 0%,#f1fbfb 100%);box-shadow:0 18px 34px #0ea8a810}
.solution-nav-index{font-size:11px;font-weight:900;letter-spacing:.12em;color:#0f8b8a}
.solution-nav-title{font-size:17px;font-weight:850;letter-spacing:-.03em;line-height:1.45}
.solution-nav-desc{font-size:12px;line-height:1.8;color:#607989}
.solution-stage-panel{margin-top:18px;border:1px solid #dbe8ef;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 42px #12354d10;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.solution-visual-panel{margin:0;padding:22px;border-right:1px solid #e1edf2;background:linear-gradient(145deg,#f4fbfe,#edf6fa);display:flex;flex-direction:column;justify-content:center}
.solution-visual-frame{background:#fff;border:1px solid #dfeaf0;border-radius:18px;padding:10px;box-shadow:inset 0 0 0 1px #f2f6f9}
.solution-visual-frame img{display:block;width:100%;height:auto;border-radius:12px;object-fit:contain}
.solution-visual-caption{padding:16px 4px 4px;display:flex;flex-direction:column;gap:5px}
.solution-visual-caption span:first-child{font-size:10px;letter-spacing:.14em;font-weight:900;color:#0d9a95}
.solution-visual-caption strong{font-size:17px;line-height:1.45;color:#14374c}
.solution-visual-caption span:last-child{font-size:12px;line-height:1.75;color:#668091}
.solution-info-panel{padding:26px 28px;display:flex;flex-direction:column;gap:20px;min-width:0}
.solution-info-panel.is-animated{animation:solutionInfoIn .42s ease both}
@keyframes solutionInfoIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.solution-info-kicker{display:block;font-size:10px;letter-spacing:.14em;font-weight:900;color:#0d9a95}
.solution-info-panel h3{font-size:30px;line-height:1.4;letter-spacing:-.05em;margin:8px 0 10px;color:#102c40}
.solution-lead{margin:0;font-size:14px;line-height:1.95;color:#5f7787;word-break:keep-all}
.solution-block-title{font-size:12px;font-weight:900;letter-spacing:.1em;color:#1a4358;margin-bottom:10px}
.solution-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.solution-step{position:relative;border:1px solid #deebf1;border-radius:16px;background:#f7fbfd;padding:16px 16px 14px;min-height:148px}
.solution-step-no{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e5f8f7;color:#0e8f8d;font-size:13px;font-weight:900;letter-spacing:.06em;margin-bottom:14px}
.solution-step strong{display:block;font-size:15px;line-height:1.45;color:#17384d;margin-bottom:8px}
.solution-step p{margin:0;font-size:12px;line-height:1.78;color:#647c8c}
.solution-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.solution-meta-box{border:1px solid #dfeaf0;border-radius:16px;background:#fbfdfe;padding:16px}
.solution-capabilities{display:flex;flex-wrap:wrap;gap:8px}
.solution-capabilities span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#edf8f8;color:#0f7f82;border:1px solid #cdeceb;font-size:12px;font-weight:700}
.solution-list{margin:0;padding-left:18px;color:#5d7687;font-size:13px;line-height:1.9}
.solution-summary{display:flex;gap:13px;align-items:flex-start;border-left:4px solid #13b7b1;background:#f2fbf9;border-radius:0 14px 14px 0;padding:14px 16px}
.solution-summary strong{display:block;font-size:13px;color:#0f625f;margin-bottom:4px}
.solution-summary p{margin:0;font-size:13px;line-height:1.85;color:#4f7073}
#technology{padding-top:70px}
@media (max-width:1180px){.solution-selector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-stage-panel{grid-template-columns:1fr}.solution-visual-panel{border-right:0;border-bottom:1px solid #e1edf2}.solution-flow-grid{grid-template-columns:1fr 1fr}.solution-meta-grid{grid-template-columns:1fr}}
@media (max-width:820px){.solution-selector-grid{grid-template-columns:1fr 1fr}.solution-info-panel{padding:22px 20px}.solution-info-panel h3{font-size:26px}.solution-flow-grid{grid-template-columns:1fr}.solution-step{min-height:auto}}
@media (max-width:540px){.solution-selector-grid{grid-template-columns:1fr}.solution-nav-btn{min-height:auto}.solution-visual-panel{padding:14px}.solution-info-panel{padding:18px}.solution-info-panel h3{font-size:22px}.solution-meta-box{padding:14px}}

/* V4.8: 기술명 구분 및 섹션 순서 변경 시 카드 가독성 유지 */
.tech-grid-five .tech-title{font-size:16px;line-height:1.48;word-break:keep-all;overflow-wrap:anywhere}.tech-grid-five .tech-desc{line-height:1.7}.tech-grid-five .tech-btn{min-height:225px}
@media(max-width:520px){.tech-grid-five .tech-btn{min-height:auto}}

/* V4.8.1 text cleanup and expectation label fix */
.solution-summary{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:start}
.solution-summary strong{white-space:nowrap;word-break:keep-all;min-width:68px;line-height:1.35;margin:1px 0 0}
#solutions .section-top,#technology .section-top{display:block}
#solutions .section-top p,#technology .section-top p,.future-panel .gallery-head p,.tech-note{display:none!important}