/* SUHO GUARDIAN V11: prebuilt, source-order-preserving CSS. */

/* ---- site.css ---- */
/* V3: 외부 폰트는 head.sub.php에서 비차단 로딩 */
:root{--sg-bg:#030d1d;--sg-bg2:#081a33;--sg-text:#e9f5ff;--sg-muted:#a0afc9;--sg-line:rgba(100,181,247,.17);--sg-bright:#60dfff;--sg-blue:#249bf2;--sg-glow:0 0 28px rgba(54,182,255,.21)}
html{scroll-behavior:smooth}body{margin:0;background:var(--sg-bg);color:var(--sg-text)}.sg-site,.sg-site *{box-sizing:border-box}.sg-site{background:var(--sg-bg);color:var(--sg-text);font-family:'Noto Sans KR',sans-serif;min-height:100vh;line-height:1.72;overflow:clip;letter-spacing:-.035em}.sg-site a{color:inherit;text-decoration:none}.sg-site button{font:inherit;cursor:pointer}.sg-site img{max-width:100%;display:block}.sg-site h1,.sg-site h2,.sg-site h3,.sg-site p{margin:0}.sg-site button,.sg-site a{-webkit-tap-highlight-color:transparent}.sg-site button:focus-visible,.sg-site a:focus-visible{outline:2px solid #80eeff;outline-offset:5px}.sg-container{width:min(1432px,calc(100% - 110px));margin-inline:auto}.sg-skip{position:fixed;left:20px;top:-100px;background:#fff;color:#001426!important;padding:10px 18px;z-index:999}.sg-skip:focus{top:10px}.sg-scroll-track{position:fixed;left:0;top:0;right:0;height:2px;z-index:110;background:transparent}.sg-scroll-track>span{display:block;width:0;height:2px;background:linear-gradient(90deg,#0490fd,#a9eeff);box-shadow:0 0 12px #2be7ff}
/* Header */
.sg-header{position:fixed;z-index:100;width:100%;top:0;left:0;height:91px;border-bottom:1px solid rgba(88,164,220,.13);background:rgba(3,13,29,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:height .3s,background .3s,border .3s}.sg-header.is-scrolled{height:78px;background:rgba(3,12,27,.94);border-color:rgba(71,185,255,.26)}.sg-nav{height:100%;display:flex;align-items:center;gap:30px;justify-content:space-between}.sg-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.sg-brand img{width:57px;height:57px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(37,178,255,.26))}.sg-brand strong{display:block;font-weight:800;font-size:21px;letter-spacing:-.06em;line-height:1.2;white-space:nowrap}.sg-brand small{display:block;font-family:Manrope,sans-serif;letter-spacing:.18em;font-size:9px;color:#82bde1;margin-top:6px;white-space:nowrap}.sg-nav-links{display:flex;align-items:center;gap:clamp(17px,2.2vw,38px)}.sg-nav-links a{font-size:13px;letter-spacing:-.03em;color:#c4d1e6;font-weight:600;transition:color .2s;text-wrap:nowrap}.sg-nav-links a:hover{color:#72dfff}.sg-nav-cta{background:rgba(20,116,178,.17);border:1px solid rgba(88,206,255,.52);border-radius:3px;padding:12px 16px 12px 23px;font-size:13px;font-weight:700;display:flex;gap:38px;align-items:center;box-shadow:inset 0 0 17px rgba(22,112,204,.08)}.sg-nav-cta>span:last-child{font-size:21px;color:#8ce9ff;font-weight:300}.sg-nav-cta:hover{background:rgba(19,122,198,.34)}.sg-mobile-toggle{display:none;background:none;border:0;width:48px;height:48px;flex-direction:column;justify-content:center;gap:6px;align-items:center}.sg-mobile-toggle span{height:2px;width:24px;background:#d2efff;transition:transform .25s,opacity .25s}
/* shared */
.sg-section{position:relative;padding:125px 0;background:var(--sg-bg);scroll-margin-top:85px}.sg-section:nth-child(odd){background:#051326}.sg-space-layer{position:relative;isolation:isolate}.sg-heading-row{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:45px}.sg-kicker{display:flex;align-items:center;gap:10px;font-family:Manrope,'Noto Sans KR',sans-serif;color:#76caff;font-weight:800;letter-spacing:.16em;font-size:11px}.sg-num{display:inline-flex;color:#a9f0ff;align-items:center;justify-content:center;width:31px;height:27px;border:1px solid rgba(93,214,255,.38);font-size:11px;border-radius:3px;margin-right:4px}.sg-heading-row h2{font-weight:800;line-height:1.32;letter-spacing:-.07em;font-size:clamp(29px,3.5vw,54px);margin-top:23px}.sg-heading-row h2 em,.sg-hero-copy h1 em,.sg-promise h2 em,.sg-journey-aside h3 em,.sg-guide-card h3 em{font-style:normal;color:#6bcdff}.sg-heading-side{max-width:380px;color:#a0b3cd;font-size:14px;line-height:1.85}.sg-heading-side p{margin-bottom:22px}.sg-link-more{display:inline-block;color:#78daff!important;font-weight:700;font-size:13px;letter-spacing:-.02em;border-bottom:1px solid rgba(120,218,255,.43);padding-bottom:5px;transition:letter-spacing .2s}.sg-link-more:hover{letter-spacing:0}.sg-dot{height:7px;width:7px;box-shadow:0 0 0 4px rgba(50,199,253,.14),0 0 14px #3fd9ff;background:#64edff;border-radius:50%;display:inline-block;flex-shrink:0}.sg-button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:31px;padding:15px 21px;border-radius:3px;font-weight:800;font-size:13px;letter-spacing:-.03em;transition:transform .2s,background .2s,box-shadow .2s}.sg-button:hover{transform:translateY(-3px)}.sg-button>span{font-size:22px;font-weight:300}.sg-button-primary{background:linear-gradient(116deg,#1387e4,#48c2fa);color:#00142b!important;box-shadow:0 14px 40px rgba(18,119,243,.2),inset 0 1px rgba(255,255,255,.37)}.sg-button-primary:hover{box-shadow:0 18px 50px rgba(18,119,243,.35)}.sg-button-line{border:1px solid rgba(107,172,225,.31);background:rgba(20,54,87,.15);color:#eaf6ff!important}.sg-button-line:hover{background:rgba(59,144,218,.18)}.sg-glass{background:linear-gradient(145deg,rgba(13,44,81,.67),rgba(3,20,45,.86));border:1px solid rgba(78,161,227,.24);box-shadow:inset 0 1px rgba(175,232,255,.06),0 18px 60px rgba(1,9,27,.21)}
/* Hero */
.sg-hero{min-height:820px;min-height:max(790px,96vh);padding-top:105px;background:radial-gradient(ellipse 58% 70% at 72% 46%,rgba(12,74,144,.42) 0%,transparent 80%),linear-gradient(120deg,#020916 3%,#06172d 61%,#05132a);scroll-margin-top:85px}.sg-starfield,.sg-hero-grid,.sg-hero-floor{position:absolute;inset:0;pointer-events:none}.sg-starfield{z-index:-1;background-image:radial-gradient(1.4px 1.4px at 10% 18%,#a1d7fd 70%,transparent 75%),radial-gradient(1px 1px at 53% 17%,#a6deff 65%,transparent 74%),radial-gradient(2px 2px at 26% 62%,#55b5f9 70%,transparent 75%),radial-gradient(1.5px 1.5px at 83% 27%,#dbecff 70%,transparent 75%),radial-gradient(1px 1px at 79% 72%,#67bdf9 70%,transparent 75%),radial-gradient(2px 2px at 13% 86%,#c5f7ff 70%,transparent 76%);background-size:430px 300px,590px 470px,670px 450px,410px 430px,340px 310px,800px 720px;opacity:.65;animation:sg-stars 10s ease-in-out infinite alternate}.sg-hero-grid{z-index:-1;opacity:.3;background:linear-gradient(transparent 97%,rgba(70,155,232,.13) 100%),linear-gradient(90deg,transparent 97%,rgba(70,155,232,.1) 100%);background-size:62px 62px;transform:perspective(510px) rotateX(70deg) translateY(50%);transform-origin:center bottom;mask-image:linear-gradient(transparent 0%,black 60%)}.sg-hero-layout{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:675px;gap:14px;position:relative}.sg-hero-copy{position:relative;z-index:3;padding:72px 0 70px}.sg-hero-kicker{font-size:11px}.sg-tiny-line{width:45px;height:1px;background:#2c94ca;margin-left:10px}.sg-eyetag{font:700 11px Manrope,sans-serif;letter-spacing:.22em;color:#587eae;margin-top:57px;margin-bottom:20px}.sg-hero-copy h1{font-size:clamp(38px,4.35vw,72px);line-height:1.3;font-weight:850;letter-spacing:-.078em;white-space:nowrap;text-shadow:0 3px 35px rgba(0,0,0,.4)}.sg-hero-copy h1 strong{color:#fff}.sg-hero-copy h1 em{display:inline-block;background:linear-gradient(90deg,#d4eeff 0%,#50baff 60%,#69e9ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.sg-hero-lead{margin-top:31px;font-size:17px;color:#a8bad2;font-weight:400;line-height:2.1}.sg-hero-lead b{color:#d7f6ff;font-weight:700}.sg-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:39px}.sg-hero-actions .sg-button{min-width:205px}.sg-hero-caption{display:flex;align-items:center;gap:13px;color:#85aac6;border-top:1px solid rgba(78,157,207,.25);margin-top:59px;padding-top:17px;font-size:12px}.sg-hero-caption i{font-style:normal;color:#4bb1d3;padding:0 3px}.sg-pulse-dot{width:7px;height:7px;background:#5edcff;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(47,189,239,.13);animation:sg-pulse 2.4s ease-out infinite;flex-shrink:0}.sg-hero-art{position:relative;height:665px;min-width:0}.sg-earth-img{position:absolute;z-index:1;width:min(100%,740px);height:auto;aspect-ratio:1;top:45px;left:0;filter:drop-shadow(0 0 35px rgba(7,130,230,.2));animation:sg-float 9s ease-in-out infinite}.sg-earth-halo{position:absolute;left:4%;top:20%;width:90%;height:77%;background:radial-gradient(ellipse,rgba(31,137,248,.28),transparent 68%);filter:blur(10px)}.sg-hero-orbit{position:absolute;border:1px solid rgba(74,170,238,.23);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.sg-hero-orbit-a{width:102%;aspect-ratio:1;animation:sg-rotate 50s linear infinite}.sg-hero-orbit-a:before{content:"";position:absolute;width:10px;height:10px;background:#54d8ff;border-radius:50%;top:9%;left:20%;box-shadow:0 0 0 7px rgba(54,184,245,.17),0 0 25px #20b9fa}.sg-hero-orbit-b{width:120%;aspect-ratio:1;border-style:dashed;border-color:rgba(48,134,227,.2);animation:sg-spin2 70s linear infinite}.sg-hero-orbit-c{width:85%;aspect-ratio:1;border-color:rgba(78,222,255,.27)}.sg-hero-logo-orbit{position:absolute;z-index:4;width:112px;height:112px;border-radius:50%;left:45%;top:43%;background:#04162a;border:1px solid rgba(129,222,255,.6);box-shadow:0 0 0 12px rgba(18,103,195,.13),0 0 65px rgba(37,206,255,.22);display:grid;place-items:center;animation:sg-float 8s ease-in-out infinite alternate}.sg-hero-logo-orbit img{width:98px;height:98px;object-fit:contain}.sg-float-panel{position:absolute;z-index:5;padding:13px 16px;min-width:171px;background:rgba(4,25,51,.84);border:1px solid rgba(80,192,255,.41);backdrop-filter:blur(9px);box-shadow:0 15px 40px rgba(0,8,26,.25)}.sg-float-panel>span{display:block;font:700 9px Manrope,sans-serif;letter-spacing:.2em;color:#6daed1}.sg-float-panel b{display:block;font:800 12px Manrope,sans-serif;color:#dff8ff;margin-top:9px;letter-spacing:.05em}.sg-float-panel small{display:block;font:600 9px Manrope,sans-serif;letter-spacing:.16em;color:#6596ba;margin-top:5px}.sg-panel-one{top:160px;left:-3%}.sg-panel-two{right:-3%;bottom:145px}.sg-panel-one:after,.sg-panel-two:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#77edff;right:10px;top:10px;box-shadow:0 0 12px #75cfff}.sg-hero-route{position:absolute;z-index:3;width:125%;height:150px;bottom:20px;left:-10%;border-top:2px solid rgba(62,168,249,.45);border-radius:50% 50% 0 0;transform:rotate(-10deg)}.sg-hero-route span{position:absolute;left:0;top:-4px;width:85px;height:5px;border-radius:100px;background:linear-gradient(90deg,transparent,#98ebff);box-shadow:0 0 26px #50cafa;animation:sg-route 6s linear infinite}.sg-art-readout{position:absolute;bottom:35px;right:0;font:700 10px Manrope,sans-serif;letter-spacing:.17em;color:#5481a6}.sg-art-readout span{color:#43c5ff;padding:0 9px}.sg-hero-floor{z-index:-1;top:60%;background:radial-gradient(ellipse 50% 20% at 64% 70%,rgba(2,127,225,.12),transparent);pointer-events:none}.sg-hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(89,160,210,.2);min-height:87px;color:#7291b5;letter-spacing:.17em;font:700 10px Manrope,sans-serif}.sg-hero-bottom i{padding:0 16px;color:#35608b;font-style:normal}.sg-scroll-label{display:flex;align-items:center;gap:13px}.sg-scroll-stem{width:34px;height:1px;background:#55c0f5}.sg-marquee{height:58px;overflow:hidden;display:flex;align-items:center;background:#071c35;border-block:1px solid rgba(71,149,223,.26);color:#83badd;position:relative}.sg-marquee-content{white-space:nowrap;display:flex;align-items:center;gap:42px;min-width:max-content;animation:sg-marquee 38s linear infinite;font:800 12px Manrope,sans-serif;letter-spacing:.2em}.sg-marquee-content b{color:#51d0ff;font-size:12px}
/* command */
.sg-command{background:radial-gradient(ellipse 42% 50% at 80% 85%,rgba(14,77,149,.17),transparent),#050f21}.sg-control-grid{display:grid;grid-template-columns:1.5fr .85fr;gap:19px}.sg-console{padding:31px 36px 23px;min-height:426px;overflow:hidden;position:relative}.sg-console:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(82,196,245,.12);border-radius:50%;right:-100px;bottom:-220px}.sg-panel-title,.sg-track-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;font:700 10px Manrope,sans-serif;letter-spacing:.18em;color:#83b8d8}.sg-pane-dot{display:inline-block;background:#60d9ff;width:5px;height:5px;border-radius:50%;box-shadow:0 0 12px #4cbefa;margin-right:9px}.sg-panel-title small,.sg-track-header small{color:#4e7091;font-size:9px}.sg-console-top{display:flex;align-items:center;justify-content:space-between;padding:42px 0 32px}.sg-console-top>div>span{display:block;color:#6d9fc6;font:700 11px Manrope,sans-serif;letter-spacing:.14em}.sg-console-top strong{font-size:27px;display:block;margin-top:10px}.sg-console-top small{font-size:12px;color:#8da7c3;display:block;margin-top:6px}.sg-console-icon{font-size:90px;color:rgba(67,187,251,.3);line-height:1;font-weight:100}.sg-signal{display:flex;justify-content:space-between;position:relative;margin:16px 13px 0}.sg-signal-line{position:absolute;top:22px;left:0;right:0;height:2px;background:linear-gradient(90deg,#49c7fa,#12345c)}.sg-signal-node{z-index:1;width:46px;height:46px;border:1px solid #3e80b1;background:#092343;border-radius:50%;display:grid;place-items:center;color:#94bbd3;font:800 13px Manrope,sans-serif}.sg-signal-node.active{background:#33aafa;border-color:#92ecff;color:#001728;box-shadow:0 0 0 6px rgba(68,191,255,.11),0 0 24px rgba(76,190,255,.37)}.sg-flow-captions{display:flex;justify-content:space-between;gap:5px;margin-top:17px;color:#a1b7d0;font-size:12px}.sg-console-bottom{border-top:1px solid rgba(91,163,218,.18);display:flex;justify-content:space-between;padding-top:25px;margin-top:35px;gap:10px;font-size:11px;color:#7393b5}.sg-console-bottom i{display:inline-block;background:#47f5cb;width:6px;height:6px;border-radius:50%;vertical-align:2px;margin-right:7px}.sg-control-side{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}.sg-mini-stat{padding:23px 23px;display:flex;gap:21px;align-items:center}.sg-stat-symbol{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(91,185,242,.25);background:rgba(27,92,151,.14);font-size:36px;color:#5ccfff;font-weight:300;flex-shrink:0;line-height:1}.sg-mini-stat small{display:block;color:#6797c0;letter-spacing:.18em;font:800 10px Manrope,sans-serif}.sg-mini-stat strong{display:block;font-size:20px;margin-top:8px}.sg-mini-stat strong em{font-style:normal;color:#38d1fc}.sg-mini-stat span{display:block;color:#8faaca;font-size:12px;margin-top:2px}
/* why */
.sg-why{background:linear-gradient(180deg,#06152b,#050f20)}.sg-reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sg-reason-card{min-height:275px;border:1px solid rgba(80,161,225,.2);background:linear-gradient(140deg,rgba(14,43,78,.59),rgba(5,21,43,.66));padding:25px 27px;position:relative;overflow:hidden;transition:transform .28s,border-color .28s,background .28s,box-shadow .28s}.sg-reason-card:before{content:"";position:absolute;left:0;top:0;width:1px;height:0;background:#43c7ff;box-shadow:0 0 12px #42baff;transition:height .3s}.sg-reason-card:hover{transform:translateY(-7px);border-color:rgba(66,204,255,.65);background:#0c284a;box-shadow:0 20px 35px rgba(0,7,18,.33)}.sg-reason-card:hover:before{height:100%}.sg-reason-index{font:800 10px Manrope,sans-serif;letter-spacing:.15em;color:#547fa4}.sg-reason-ico{font-size:41px;color:#80dfff;text-shadow:0 0 16px rgba(46,175,255,.52);line-height:1;margin:28px 0 16px}.sg-reason-card h3{font-size:21px;letter-spacing:-.055em;font-weight:800}.sg-reason-card p{font-size:13px;line-height:1.9;color:#9aafc9;margin-top:10px;max-width:315px}.sg-card-arrow{position:absolute;right:24px;bottom:22px;font-size:23px;color:#69caf4;font-weight:200}
/* fleet */
.sg-fleet-section{background:radial-gradient(ellipse 56% 40% at 58% 58%,rgba(12,60,113,.2),transparent),#041020}.sg-fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sg-fleet-card{border:1px solid rgba(84,174,239,.23);padding:16px 20px 23px;background:linear-gradient(158deg,#0b2542,#071a31 55%,#061326);overflow:hidden;position:relative;transition:border-color .28s,transform .28s,box-shadow .28s}.sg-fleet-card:hover{border-color:rgba(102,225,255,.82);transform:translateY(-5px);box-shadow:0 24px 50px rgba(0,8,24,.3),inset 0 0 24px rgba(28,124,203,.09)}.sg-fleet-card:after{content:"";position:absolute;right:0;top:0;width:15px;height:15px;border-top:2px solid #50bbff;border-right:2px solid #50bbff;opacity:.65}.sg-fleet-top{display:flex;justify-content:space-between;gap:8px;font:700 10px Manrope,sans-serif;letter-spacing:.15em;color:#789fbe}.sg-fleet-top span:last-child{color:#50d2ff}.sg-fleet-photo{display:grid;place-items:center;height:190px;position:relative}.sg-fleet-photo:before{content:"";position:absolute;width:80%;height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(38,143,222,.19),transparent);top:16%;left:10%;filter:blur(15px)}.sg-fleet-photo img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 9px 20px rgba(0,0,0,.27));transition:transform .35s}.sg-fleet-card:hover .sg-fleet-photo img{transform:translateY(-5px) scale(1.05)}.sg-fleet-card h3{font-size:20px;font-weight:800;letter-spacing:-.04em}.sg-fleet-card p{font-size:13px;color:#8fa8c1;margin:5px 0 12px}.sg-fleet-card>a{display:inline-block;color:#64cfff;font-size:12px;font-weight:700;letter-spacing:-.01em}.sg-fleet-note{font-size:12px;color:#6d88a7;line-height:1.9;margin-top:25px}
/* journey */
.sg-journey{background:linear-gradient(180deg,#071b32,#041021)}.sg-journey-layout{display:grid;grid-template-columns:1.47fr .78fr;gap:20px;align-items:stretch}.sg-journey-track{padding:28px 31px;border:1px solid rgba(72,159,224,.33);background:linear-gradient(130deg,rgba(11,48,89,.86),rgba(3,21,45,.91));position:relative;overflow:hidden}.sg-journey-track:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 96%,rgba(82,152,212,.04) 100%);background-size:100% 42px;pointer-events:none}.sg-route-visual{height:140px;position:relative;margin:45px 25px 10px}.sg-route-line{position:absolute;height:3px;top:66px;left:8px;right:8px;background:#235578}.sg-route-line>span{width:0%;height:3px;display:block;background:linear-gradient(90deg,#177bfa,#96f7ff);box-shadow:0 0 20px #26b9ff;transition:width .7s ease}.sg-point{position:absolute;top:49px;border:2px solid #80b7d9;color:#ddf5ff;background:#082441;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font:800 12px Manrope,sans-serif;z-index:2}.sg-point small{position:absolute;top:46px;white-space:nowrap;color:#7ba8ce;font:700 12px 'Noto Sans KR',sans-serif}.sg-point-a{left:0}.sg-point-b{right:0}.sg-route-runner{position:absolute;left:0;top:51px;font-size:27px;color:#7feeff;line-height:1;text-shadow:0 0 15px #4ccaff;transition:left .7s ease;z-index:3}.sg-journey-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sg-journey-buttons button{border:1px solid rgba(74,144,199,.22);padding:12px 5px;background:rgba(17,48,78,.57);color:#8fa8c1;font-size:12px;font-weight:700;display:grid;gap:5px;justify-items:center;transition:all .25s}.sg-journey-buttons button span{font:800 10px Manrope,sans-serif;color:#5783b0}.sg-journey-buttons button.is-current{background:rgba(45,146,229,.22);border-color:#51caff;color:#f3faff;box-shadow:inset 0 0 19px rgba(38,142,241,.09)}.sg-journey-buttons button.is-current span{color:#55e4ff}.sg-journey-readout{margin-top:22px;padding-top:25px;border-top:1px solid rgba(83,157,211,.24);display:flex;justify-content:space-between;align-items:center;gap:12px}.sg-journey-readout small{color:#6797be;font:700 10px Manrope,sans-serif;letter-spacing:.16em}.sg-journey-readout strong{display:block;font-size:21px;font-weight:800;margin:7px 0 8px}.sg-journey-readout p{color:#a4b8d0;font-size:12px;line-height:1.8;max-width:420px}.sg-sim-button{background:#0c335a;border:1px solid rgba(105,188,246,.43);color:#c8f5ff;border-radius:2px;padding:12px 15px;font-size:12px;font-weight:700;white-space:nowrap;min-width:145px}.sg-sim-button>span{color:#5cdefa;margin-right:7px}.sg-sim-button:hover{background:#115185}.sg-journey-aside{border:1px solid rgba(60,156,230,.17);padding:34px;background:radial-gradient(ellipse at 90% 0%,rgba(25,132,229,.17),transparent 60%),#07172f}.sg-journey-aside h3{font-size:clamp(23px,2.1vw,33px);line-height:1.55;letter-spacing:-.05em;margin:23px 0 23px;font-weight:800}.sg-journey-aside>p:not(.sg-kicker){font-size:13px;color:#9cafd0;line-height:2}.sg-system-tile{margin-top:40px;border-top:1px solid rgba(94,161,217,.22);padding-top:25px}.sg-system-tile>span{display:block;font:800 10px Manrope,sans-serif;letter-spacing:.18em;color:#5d8eb7}.sg-system-tile strong{display:block;font-size:16px;margin-top:11px}.sg-system-tile strong i{display:inline-block;width:8px;height:8px;background:#ffc77d;border-radius:50%;box-shadow:0 0 13px #ffbf75;margin-right:7px}.sg-system-tile small{color:#688bad;font-size:11px}
/* regional network */
.sg-network{background:radial-gradient(ellipse 40% 35% at 27% 60%,rgba(21,119,198,.1),transparent),#040f21}.sg-network-layout{display:grid;grid-template-columns:1fr .93fr;gap:55px;align-items:center}.sg-map-scene{position:relative;min-height:540px;display:flex;justify-content:center;overflow:hidden}.sg-map-scene>img{height:100%;width:100%;max-height:620px;object-fit:contain}.sg-map-label{position:absolute;font:800 10px Manrope,sans-serif;letter-spacing:.12em;color:#8fd4f9;background:rgba(2,23,48,.8);padding:9px 13px;border:1px solid rgba(79,185,243,.27)}.sg-map-label-top{top:21px;left:20px}.sg-map-label-bottom{bottom:21px;right:19px;font-family:'Noto Sans KR',sans-serif;letter-spacing:0}.sg-region-content{padding:28px 0}.sg-region-tabs{display:flex;gap:10px;margin-bottom:45px}.sg-region-tabs button{border:1px solid rgba(64,152,218,.28);background:rgba(12,38,72,.66);padding:13px 26px;color:#91a6c4;font-weight:800;font-size:13px}.sg-region-tabs button.is-active{background:#176aa9;border-color:#58cefc;color:white;box-shadow:0 0 30px rgba(30,147,246,.15)}#sg-region-info>small{font:800 10px Manrope,sans-serif;letter-spacing:.15em;color:#76bbed}#sg-region-info h3{font-size:clamp(23px,2.5vw,36px);line-height:1.5;font-weight:800;letter-spacing:-.055em;margin-top:17px}#sg-region-info p{font-size:15px;color:#a4b7cd;line-height:2;margin-top:21px;max-width:505px}.sg-map-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.sg-map-facts span{border:1px solid rgba(61,166,222,.25);padding:7px 13px;font-size:12px;color:#97cae9;background:rgba(12,54,84,.38)}.sg-network-caution{font-size:12px;line-height:1.8;color:#6382a3;margin-top:18px}
/* enterprise */
.sg-solutions{background:linear-gradient(180deg,#071a32,#051223)}.sg-solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sg-solution-item{position:relative;background:linear-gradient(145deg,rgba(16,52,88,.77),rgba(6,24,49,.9));border:1px solid rgba(82,171,225,.24);padding:26px 24px;min-height:350px;transition:transform .3s,border-color .3s}.sg-solution-item:hover{transform:translateY(-6px);border-color:#45caff}.sg-solution-item>span{font:800 10px Manrope,sans-serif;letter-spacing:.1em;color:#6c9ac3}.sg-solution-symbol{color:#89ddff;font-size:63px;margin:32px 0 31px;line-height:1;text-shadow:0 0 24px rgba(33,193,252,.25)}.sg-solution-item h3{font-size:20px}.sg-solution-item p{margin-top:13px;color:#94abc5;font-size:13px;line-height:1.85}.sg-solution-item>a{color:#72dfff!important;font-size:12px;display:inline-block;margin-top:18px;font-weight:800}
/* human quote */
.sg-promise{min-height:630px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse 52% 85% at 50% 95%,rgba(16,118,206,.27),transparent 75%),radial-gradient(ellipse 90% 80% at 45% 50%,#0a2544,#020918 80%);position:relative;overflow:hidden;scroll-margin-top:85px}.sg-promise:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 25%,#bff5ff 65%,transparent 72%),radial-gradient(2px 2px at 76% 43%,#74ccff 70%,transparent 80%),radial-gradient(1px 1px at 53% 66%,#e1fdff 65%,transparent 75%);background-size:260px 230px,380px 310px,330px 270px;opacity:.4}.sg-promise-glow{position:absolute;bottom:-620px;left:50%;transform:translateX(-50%);width:1600px;height:820px;background:radial-gradient(ellipse,#194b83 10%,#092245 48%,transparent 60%);border-top:3px solid rgba(83,206,255,.65);border-radius:50%;box-shadow:0 -15px 90px rgba(20,169,247,.29);pointer-events:none}.sg-promise-inside{z-index:2;padding:105px 0}.sg-promise .sg-kicker{justify-content:center}.sg-quote-mark{display:block;font:200 98px Georgia,serif;color:#67d3ff;line-height:.9;margin-top:34px}.sg-promise h2{font-size:clamp(26px,3.25vw,49px);line-height:1.58;letter-spacing:-.055em;font-weight:700;margin-bottom:26px}.sg-promise h2 em{font-weight:800}.sg-promise-inside>p:not(.sg-kicker){font-size:15px;color:#aebed2;line-height:2.1}.sg-promise-inside>p strong{color:#f4fdff}.sg-promise-sign{display:flex;align-items:center;justify-content:center;gap:18px;font-weight:800;font-size:14px;letter-spacing:.13em;color:#a5e6fa;margin:30px 0 18px}.sg-promise-sign span{width:26px;height:1px;background:#398cbe}
/* guide */
.sg-guide{background:#041020}.sg-guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sg-guide-checklist{border:1px solid rgba(77,158,229,.24);padding:38px;background:#061931}.sg-guide-checklist h3{font-size:24px;line-height:1.4;font-weight:800;margin-bottom:28px}.sg-guide-checklist h3 small{font:800 10px Manrope,sans-serif;letter-spacing:.1em;color:#669ac2;display:block;margin-top:7px}.sg-guide-checklist ul{list-style:none;padding:0;margin:0}.sg-guide-checklist li{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid rgba(87,158,216,.15);font-size:14px;color:#b9cee2}.sg-guide-checklist li:last-child{border-bottom:0}.sg-guide-checklist li span{color:#65d1f8;font:800 12px Manrope,sans-serif;flex-shrink:0}.sg-guide-card{position:relative;border:1px solid rgba(86,184,255,.47);padding:38px;background:radial-gradient(ellipse at 95% 0%,rgba(27,132,227,.3),transparent 60%),linear-gradient(130deg,#10365e,#071a31);overflow:hidden}.sg-guide-card:after{content:"";width:360px;height:360px;border:1px solid rgba(77,192,249,.2);border-radius:50%;position:absolute;right:-160px;top:-160px;pointer-events:none}.sg-guide-icon{font-size:46px;color:#70dfff;text-shadow:0 0 28px #1688ff;line-height:1}.sg-guide-card-kicker{font:800 10px Manrope,sans-serif;letter-spacing:.2em;color:#7cbbdf;margin-top:28px!important}.sg-guide-card h3{font-size:clamp(22px,2vw,29px);margin-top:11px;line-height:1.53;font-weight:800}.sg-guide-card>p:not(.sg-guide-card-kicker){font-size:13px;color:#a7bdd6;margin:19px 0;line-height:1.95}.sg-guide-badge{display:inline-flex;align-items:center;gap:11px;color:#9ccfec;font:800 10px Manrope,sans-serif;letter-spacing:.08em;border:1px solid rgba(99,183,243,.27);padding:11px 13px;margin-bottom:24px}.sg-guide-card>.sg-button{display:flex;max-width:255px}.sg-guide-final{padding:69px 0 0;text-align:center}.sg-guide-final img{margin:auto;filter:drop-shadow(0 0 15px rgba(22,151,243,.24))}.sg-guide-final p{font-size:14px;color:#8daeca;margin-top:20px}.sg-guide-final strong{display:block;font-size:clamp(22px,2.4vw,32px);font-weight:800;margin-top:4px}
/* footer */
.sg-footer{background:#020914;border-top:1px solid rgba(73,138,207,.17);padding:63px 0 23px}.sg-footer-top{display:grid;grid-template-columns:1.38fr .7fr .95fr;gap:50px;padding-bottom:58px}.sg-footer-brand{display:flex;align-items:center;gap:11px}.sg-footer-brand strong{display:block;font-size:22px;font-weight:800}.sg-footer-brand small{font:700 9px Manrope,sans-serif;letter-spacing:.1em;color:#6093bd}.sg-footer-identity p{color:#7d95b1;font-size:13px;line-height:2;margin-top:21px}.sg-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px 19px}.sg-footer-links strong,.sg-footer-detail strong{grid-column:1/-1;color:#8ccbf1;font:800 11px Manrope,'Noto Sans KR',sans-serif;letter-spacing:.08em;margin-bottom:10px}.sg-footer-links a,.sg-footer-detail span,.sg-footer-detail a{color:#859ab7;font-size:12px}.sg-footer-links a:hover,.sg-footer-detail a:hover{color:#5edbff}.sg-footer-detail{display:flex;flex-direction:column;gap:10px}.sg-footer-bottom{border-top:1px solid rgba(77,152,216,.13);padding-top:25px;color:#6684a6;font:600 11px Manrope,'Noto Sans KR',sans-serif;display:flex;justify-content:space-between;gap:20px;letter-spacing:.06em}
/* Detail pages */
.sg-detail-page{padding:145px 0 130px;min-height:75vh;background:radial-gradient(ellipse 55% 30% at 90% 10%,rgba(13,89,157,.27),transparent),#041020}.sg-detail-breadcrumb{display:flex;gap:13px;color:#7293b4;font-size:12px;align-items:center}.sg-detail-breadcrumb a{color:#80d2ef}.sg-detail-head{max-width:970px;margin:68px 0 55px}.sg-detail-head h1{font-size:clamp(30px,4vw,58px);font-weight:800;line-height:1.35;letter-spacing:-.07em;margin:23px 0 24px}.sg-detail-head>p:last-child{color:#afc3d9;font-size:17px;line-height:2}.sg-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sg-detail-block{border:1px solid rgba(85,175,229,.25);background:#081b34;padding:34px 29px;min-height:265px}.sg-detail-block>span{color:#72a6c8;font:800 10px Manrope,sans-serif;letter-spacing:.14em}.sg-detail-block h2{font-size:21px;margin:25px 0 15px;line-height:1.45}.sg-detail-block p{font-size:14px;color:#a3b8cf;line-height:2}.sg-detail-actions{display:flex;gap:14px;flex-wrap:wrap;margin:43px 0 80px}.sg-detail-other{border-top:1px solid rgba(85,175,229,.18);padding-top:36px}.sg-detail-other h2{font-size:23px;margin-bottom:19px}.sg-detail-other>div{display:flex;gap:10px;flex-wrap:wrap}.sg-detail-other a{border:1px solid rgba(79,166,214,.3);background:#0b2542;padding:10px 15px;color:#b8e8ff;font-size:12px}.sg-detail-other a:hover{background:#184c77}.sg-mini-fleet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:40px}.sg-mini-car{border:1px solid var(--sg-line);padding:10px 16px 20px;background:#09213d}.sg-mini-car img{height:150px;width:100%;object-fit:contain}.sg-mini-car strong{font-size:17px;display:block}.sg-mini-car small{font-size:12px;color:#87abc5}
/* animation + accessible reduced-motion */
[data-reveal]{transition:opacity .72s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.sg-hidden-before-reveal{opacity:0;transform:translateY(28px)}.sg-revealed{opacity:1;transform:translateY(0)}@keyframes sg-stars{to{opacity:.9;transform:translateY(8px)}}@keyframes sg-float{50%{transform:translateY(-16px)}}@keyframes sg-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sg-spin2{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes sg-pulse{50%{box-shadow:0 0 0 7px rgba(47,189,239,0),0 0 20px rgba(56,199,255,.4)}}@keyframes sg-route{to{left:100%}}@keyframes sg-marquee{to{transform:translateX(-50%)}}
@media(max-width:1200px){.sg-container{width:min(1100px,calc(100% - 65px))}.sg-brand strong{font-size:18px}.sg-brand small{font-size:8px}.sg-nav-links{gap:16px}.sg-nav-cta{gap:13px}.sg-hero-copy h1{font-size:clamp(40px,4.25vw,58px)}.sg-hero-art{height:570px}.sg-float-panel{min-width:152px}.sg-panel-one{left:-8%}.sg-panel-two{right:-1%}.sg-solution-item{padding:23px 19px}}
@media(max-width:980px){.sg-header{height:74px}.sg-header.is-scrolled{height:69px}.sg-container{width:calc(100% - 46px)}.sg-brand img{width:47px;height:47px}.sg-nav-links{position:fixed;z-index:3;left:0;right:0;top:74px;height:auto;max-height:calc(100vh - 74px);overflow-y:auto;background:rgba(4,17,37,.98);border-bottom:1px solid #2268a1;padding:18px 24px 28px;flex-direction:column;align-items:stretch;gap:0;opacity:0;pointer-events:none;transform:translateY(-15px);transition:opacity .2s,transform .2s}.sg-nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.sg-nav-links a{padding:15px 11px;font-size:15px;border-bottom:1px solid rgba(92,162,219,.16)}.sg-nav-cta{margin-left:auto}.sg-mobile-toggle{display:flex}.sg-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.sg-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.sg-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.sg-hero{padding-top:74px;min-height:auto}.sg-hero-layout{grid-template-columns:1fr;min-height:auto}.sg-hero-copy{padding:80px 0 5px}.sg-hero-copy h1{font-size:clamp(38px,6.5vw,63px)}.sg-hero-art{height:590px;max-width:700px;width:100%;margin:-16px auto 0}.sg-earth-img{width:89%;left:5.5%;top:4%}.sg-hero-logo-orbit{top:39%}.sg-panel-one{left:0;top:120px}.sg-panel-two{right:0;bottom:130px}.sg-hero-bottom{min-height:70px}.sg-section{padding:95px 0}.sg-control-grid{grid-template-columns:1fr}.sg-control-side{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.sg-mini-stat{display:block;min-height:185px}.sg-stat-symbol{width:40px;height:40px;font-size:27px;margin-bottom:18px}.sg-mini-stat strong{font-size:16px}.sg-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-journey-layout{grid-template-columns:1fr}.sg-journey-aside{display:grid;grid-template-columns:1.1fr 1fr;column-gap:30px}.sg-journey-aside>.sg-kicker{grid-column:1/-1}.sg-journey-aside h3{grid-column:1;grid-row:2}.sg-journey-aside>p:not(.sg-kicker){grid-column:2;grid-row:2}.sg-system-tile{grid-column:1/-1;margin-top:10px}.sg-network-layout{gap:20px}.sg-map-scene{min-height:440px}.sg-footer-top{grid-template-columns:1fr 1fr;gap:35px}.sg-footer-identity{grid-column:1/-1}.sg-guide-layout{gap:14px}}
@media(max-width:680px){html{scroll-behavior:auto}.sg-container{width:calc(100% - 36px)}.sg-nav{gap:8px}.sg-header,.sg-header.is-scrolled{height:67px}.sg-nav-links{top:67px;max-height:calc(100vh - 67px)}.sg-brand{gap:8px}.sg-brand img{width:41px;height:41px}.sg-brand strong{font-size:15px}.sg-brand small{font-size:7px;letter-spacing:.09em;margin-top:4px}.sg-nav-cta{font-size:11px;padding:9px 10px;gap:9px}.sg-nav-cta>span:last-child{font-size:16px}.sg-mobile-toggle{width:38px}.sg-hero{padding-top:67px}.sg-hero-layout{gap:0}.sg-hero-copy{padding:63px 0 0}.sg-hero-kicker{font-size:8px;letter-spacing:.09em;gap:7px;white-space:nowrap}.sg-tiny-line{display:none}.sg-eyetag{margin-top:38px;font-size:9px}.sg-hero-copy h1{font-size:clamp(33px,8.8vw,49px);white-space:normal;line-height:1.35;letter-spacing:-.075em}.sg-hero-lead{font-size:13px;line-height:2;margin-top:20px}.sg-desktop-only{display:none}.sg-hero-actions{gap:9px;margin-top:30px}.sg-hero-actions .sg-button{min-width:0;width:calc(50% - 5px);padding:12px;font-size:11px;min-height:49px;gap:6px}.sg-hero-actions .sg-button>span{font-size:16px}.sg-hero-caption{font-size:10px;margin-top:29px;line-height:1.8}.sg-hero-art{height:min(440px,104vw);width:100%;margin-top:10px}.sg-earth-img{width:98%;top:0;left:1%}.sg-hero-orbit-a{width:105%}.sg-hero-orbit-b{width:119%}.sg-hero-logo-orbit{width:72px;height:72px;top:40%;left:43%}.sg-hero-logo-orbit img{width:65px;height:65px}.sg-float-panel{min-width:110px;padding:8px 9px}.sg-float-panel>span{font-size:7px}.sg-float-panel b{font-size:8px;margin-top:3px}.sg-float-panel small{font-size:7px;margin-top:3px}.sg-panel-one{top:16%;left:-1%}.sg-panel-two{bottom:18%;right:-1%}.sg-art-readout{font-size:7px;right:0;bottom:11px}.sg-hero-route{bottom:0}.sg-hero-bottom p{display:none}.sg-hero-bottom{font-size:9px;min-height:64px}.sg-marquee{height:43px}.sg-marquee-content{gap:25px;font-size:10px}.sg-section{padding:75px 0;scroll-margin-top:67px}.sg-heading-row{display:block;margin-bottom:31px}.sg-heading-row h2{font-size:clamp(27px,7.6vw,37px);margin-top:16px}.sg-kicker{font-size:10px;letter-spacing:.08em}.sg-num{width:28px;height:24px}.sg-heading-side{margin-top:18px;font-size:12px}.sg-heading-side p{margin-bottom:11px}.sg-link-more{font-size:12px}.sg-console{padding:22px 18px;min-height:0}.sg-panel-title,.sg-track-header{font-size:9px}.sg-panel-title small,.sg-track-header small{font-size:8px}.sg-console-top{padding:31px 0 29px}.sg-console-top strong{font-size:21px}.sg-console-top small{font-size:11px}.sg-console-icon{font-size:58px}.sg-signal{margin:0 5px}.sg-signal-line{top:16px}.sg-signal-node{width:34px;height:34px;font-size:10px}.sg-flow-captions{font-size:10px}.sg-console-bottom{margin-top:26px;padding-top:19px;font-size:9px}.sg-control-side{grid-template-columns:1fr;gap:9px}.sg-mini-stat{min-height:0;display:flex;align-items:center;padding:17px 18px;gap:16px}.sg-stat-symbol{margin:0;width:42px;height:42px}.sg-mini-stat strong{margin-top:5px}.sg-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sg-reason-card{min-height:247px;padding:17px 15px}.sg-reason-index{font-size:8px}.sg-reason-ico{margin:23px 0 15px;font-size:33px}.sg-reason-card h3{font-size:17px}.sg-reason-card p{font-size:11px;line-height:1.8}.sg-card-arrow{right:14px;bottom:9px;font-size:18px}.sg-fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sg-fleet-card{padding:12px 11px 17px}.sg-fleet-top{font-size:8px}.sg-fleet-photo,.sg-fleet-photo img{height:130px}.sg-fleet-card h3{font-size:17px}.sg-fleet-card p{font-size:11px;min-height:36px;line-height:1.6}.sg-fleet-card>a{font-size:10px}.sg-fleet-note{font-size:11px;margin-top:17px}.sg-journey-track{padding:20px 15px}.sg-route-visual{height:110px;margin:24px 15px 15px}.sg-route-line{top:55px}.sg-route-runner{top:39px}.sg-point{top:38px;width:33px;height:33px}.sg-point small{top:41px}.sg-journey-buttons{gap:4px}.sg-journey-buttons button{font-size:10px;padding:9px 1px}.sg-journey-readout{display:block}.sg-journey-readout strong{font-size:18px}.sg-sim-button{margin-top:17px;width:100%}.sg-journey-aside{display:block;padding:25px}.sg-journey-aside h3{font-size:23px;margin:16px 0}.sg-journey-aside>p:not(.sg-kicker){font-size:12px}.sg-network-layout{grid-template-columns:1fr;gap:15px}.sg-map-scene{min-height:0;height:425px}.sg-region-content{padding:9px 0 0}.sg-region-tabs{margin-bottom:25px}.sg-region-tabs button{flex:1}.sg-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sg-solution-item{min-height:290px;padding:18px 15px}.sg-solution-item>span{font-size:8px}.sg-solution-symbol{margin:24px 0 23px;font-size:43px}.sg-solution-item h3{font-size:17px}.sg-solution-item p{font-size:11px;line-height:1.8}.sg-solution-item>a{font-size:10px}.sg-promise{min-height:500px}.sg-promise-inside{padding:90px 0}.sg-quote-mark{font-size:78px}.sg-promise h2{font-size:clamp(24px,6.3vw,34px)}.sg-promise-inside>p:not(.sg-kicker){font-size:12px}.sg-guide-layout{grid-template-columns:1fr;gap:11px}.sg-guide-checklist,.sg-guide-card{padding:27px 23px}.sg-guide-checklist h3{font-size:21px}.sg-guide-checklist li{font-size:13px}.sg-guide-card h3{font-size:25px}.sg-guide-final{padding-top:60px}.sg-footer{padding:53px 0 20px}.sg-footer-top{grid-template-columns:1fr;gap:32px;padding-bottom:33px}.sg-footer-identity{grid-column:auto}.sg-footer-brand strong{font-size:19px}.sg-footer-brand small{font-size:8px}.sg-footer-identity p{font-size:12px}.sg-footer-bottom{display:block;line-height:2}.sg-footer-bottom span{display:block}.sg-detail-page{padding:105px 0 75px}.sg-detail-head{margin:48px 0 32px}.sg-detail-head h1{font-size:clamp(28px,7vw,40px)}.sg-detail-head>p:last-child{font-size:14px}.sg-detail-grid{grid-template-columns:1fr}.sg-detail-block{min-height:0;padding:25px 20px}.sg-detail-block h2{margin:15px 0 9px}.sg-mini-fleet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sg-mini-car img{height:110px}}
@media(max-width:375px){.sg-brand strong{font-size:13px}.sg-brand small{font-size:6px}.sg-nav-cta{padding:7px}.sg-hero-copy h1{font-size:32px}.sg-reason-grid,.sg-solutions-grid{grid-template-columns:1fr}.sg-reason-card,.sg-solution-item{min-height:0}.sg-fleet-grid{gap:7px}.sg-fleet-photo,.sg-fleet-photo img{height:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sg-site *, .sg-site *:before,.sg-site *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sg-hidden-before-reveal{opacity:1;transform:none}.sg-marquee-content{animation:none}.sg-hero-art,.sg-earth-img{animation:none}}

/* Unique SEO landing FAQ content */
.sg-detail-faq{margin-top:66px;border-top:1px solid rgba(87,162,220,.25);padding-top:60px}.sg-detail-faq-head h2{font-size:clamp(24px,2.5vw,37px);margin:19px 0 12px;letter-spacing:-.05em}.sg-detail-faq-head>p:last-child{font-size:13px;color:#809bb8;line-height:1.8}.sg-accordion{margin-top:28px;border-top:1px solid rgba(81,164,229,.22)}.sg-faq-question{border-bottom:1px solid rgba(81,164,229,.22);background:rgba(7,27,55,.47)}.sg-faq-question summary{list-style:none;display:flex;align-items:center;gap:13px;padding:21px 23px;cursor:pointer;font-size:15px;font-weight:700;line-height:1.6}.sg-faq-question summary::-webkit-details-marker{display:none}.sg-faq-question summary>span{color:#55baff;font:800 11px Manrope,sans-serif}.sg-faq-question summary b{color:#65d5ff;font-size:21px;font-weight:400;margin-left:auto;flex-shrink:0}.sg-faq-question[open] summary b{transform:rotate(45deg)}.sg-faq-answer{padding:0 46px 22px 56px;color:#aebfd5;font-size:14px;line-height:2}.sg-faq-question[open]{background:rgba(13,49,85,.5)}@media(max-width:680px){.sg-detail-faq{margin-top:44px;padding-top:42px}.sg-faq-question summary{padding:16px 13px;font-size:13px;gap:8px}.sg-faq-answer{padding:0 18px 20px 34px;font-size:12px}}


/* Hero sequence update: world rotation -> Korea route zoom */
.sg-hero-art-sequence{overflow:hidden}
.sg-globe-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.sg-world-stage{z-index:1;animation:sgWorldStage 18s ease-in-out infinite}
.sg-korea-stage{z-index:2;opacity:0;transform:translate3d(4%,6%,0) scale(.75);animation:sgKoreaStage 18s ease-in-out infinite}
.sg-world-shell,.sg-korea-shell{position:relative;width:min(100%,740px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.sg-globe-svg{position:absolute;z-index:1;width:min(100%,740px);height:auto;aspect-ratio:1;top:0;left:0;filter:drop-shadow(0 0 35px rgba(7,130,230,.22));animation:sgWorldSpin 18s linear infinite,sg-float 9s ease-in-out infinite}.sg-globe-grid path,.sg-globe-grid ellipse{stroke-width:1.2}.sg-eastasia-shape{fill:rgba(92,186,245,.22);stroke:rgba(124,226,255,.38);stroke-width:2}.sg-eastasia-sub{fill:rgba(92,186,245,.16)}.sg-eastasia-small{fill:rgba(92,186,245,.12)}.sg-korea-focus{fill:#94f8ff;stroke:#ecffff;stroke-width:2;filter:url(#sg-world-glow)}.sg-korea-focus-ring{fill:none;stroke:#7de8ff;stroke-width:2.2;opacity:.75;filter:url(#sg-world-glow)}
.sg-earth-halo{position:absolute;left:6%;top:9%;width:88%;height:82%;background:radial-gradient(ellipse,rgba(31,137,248,.35),transparent 68%);filter:blur(10px)}
.sg-world-network{position:absolute;inset:4.6%;z-index:3;overflow:visible}
.sg-world-path{fill:none;stroke:#6fe6ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;filter:url(#sg-world-glow);opacity:.92;animation:sgDrawWorld 18s linear infinite}
.sg-world-path-1{animation-delay:.45s}.sg-world-path-2{animation-delay:1s}.sg-world-path-3{animation-delay:1.55s}.sg-world-path-4{animation-delay:2.1s}.sg-world-path-5{animation-delay:2.65s}.sg-world-path-6{animation-delay:3.2s}
.sg-world-dot,.sg-world-ring{fill:#9af5ff;stroke:none;opacity:0;filter:url(#sg-world-glow);animation:sgNodeBlink 18s linear infinite}
.sg-world-dot-home{opacity:1;animation:sgHomePulse 2.2s ease-in-out infinite}
.sg-world-dot-1,.sg-world-ring-1{animation-delay:.6s}.sg-world-dot-2,.sg-world-ring-2{animation-delay:1.15s}.sg-world-dot-3,.sg-world-ring-3{animation-delay:1.7s}.sg-world-dot-4,.sg-world-ring-4{animation-delay:2.25s}.sg-world-dot-5,.sg-world-ring-5{animation-delay:2.8s}.sg-world-dot-6,.sg-world-ring-6{animation-delay:3.35s}
.sg-world-ring{fill:none;stroke:#7aefff;stroke-width:2.3}
.sg-sequence-badge{position:absolute;z-index:6;padding:14px 18px;background:rgba(4,25,51,.84);border:1px solid rgba(80,192,255,.41);backdrop-filter:blur(9px);box-shadow:0 15px 40px rgba(0,8,26,.25)}
.sg-sequence-badge span{display:block;font:700 9px Manrope,sans-serif;letter-spacing:.2em;color:#6daed1}.sg-sequence-badge b{display:block;font:800 12px/1.7 Manrope,sans-serif;color:#dff8ff;margin-top:9px;letter-spacing:.04em}.sg-sequence-badge small{display:block;font:600 9px Manrope,sans-serif;letter-spacing:.16em;color:#6596ba;margin-top:5px}
.sg-sequence-badge-world{right:2%;top:14%;animation:sgWorldBadge 18s linear infinite}
.sg-sequence-badge-korea{left:12%;bottom:13%;max-width:420px;animation:sgKoreaBadge 18s linear infinite}
.sg-hero-logo-orbit{position:absolute;z-index:4;width:112px;height:112px;border-radius:50%;left:43.6%;top:43%;background:#04162a;border:1px solid rgba(129,222,255,.6);box-shadow:0 0 0 12px rgba(18,103,195,.13),0 0 65px rgba(37,206,255,.22);display:grid;place-items:center;animation:sg-float 8s ease-in-out infinite alternate}
.sg-hero-logo-orbit img{width:98px;height:98px;object-fit:contain}
.sg-korea-glow{position:absolute;left:16%;top:16%;width:68%;height:68%;background:radial-gradient(circle,rgba(76,212,255,.28),transparent 70%);filter:blur(10px)}
.sg-korea-shell{width:min(100%,560px);aspect-ratio:460/547}
.sg-korea-network{position:absolute;inset:0;width:100%;height:100%;z-index:4}
.sg-korea-outline,.sg-jeju-outline,.sg-island-outline{filter:url(#sg-korea-light)}
.sg-korea-route{fill:none;stroke:#73e9ff;stroke-width:3.8;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;filter:url(#sg-korea-light);opacity:.94;animation:sgDrawKorea 18s linear infinite}
.sg-korea-route-1{animation-delay:9.6s}.sg-korea-route-2{animation-delay:10.45s}.sg-korea-route-3{animation-delay:11.3s}.sg-korea-route-4{animation-delay:12.15s}.sg-korea-route-5{animation-delay:13s}.sg-korea-route-6{animation-delay:13.85s}
.sg-city-group{opacity:0;animation:sgCityReveal 18s linear infinite}.sg-city-group text{fill:#e3f8ff;font-size:24px;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-weight:700;letter-spacing:-.04em}
.sg-city-node{fill:#8ff8ff;stroke:#dbfeff;stroke-width:1.5;filter:url(#sg-korea-light)}
.sg-city-ring{fill:none;stroke:#65ddff;stroke-width:2;opacity:.5;filter:url(#sg-korea-light)}
.sg-city-group-1{animation-delay:9.2s}.sg-city-group-2{animation-delay:10.05s}.sg-city-group-3{animation-delay:10.9s}.sg-city-group-4{animation-delay:11.75s}.sg-city-group-5{animation-delay:12.6s}.sg-city-group-6{animation-delay:13.45s}.sg-city-group-7{animation-delay:14.3s}
.sg-panel-one{top:132px;left:-1%}.sg-panel-two{right:1%;bottom:138px}
.sg-panel-one,.sg-panel-two{z-index:8}
.sg-art-readout{position:absolute;bottom:35px;right:0;max-width:70%;text-align:right;font:700 10px/1.8 Manrope,sans-serif;letter-spacing:.15em;color:#5481a6}
.sg-art-readout span{color:#43c5ff;padding:0 9px}
@keyframes sgWorldStage{0%,52%{opacity:1;transform:scale(1)}58%,100%{opacity:0;transform:scale(1.38) translate(5%,2%)}}
@keyframes sgKoreaStage{0%,54%{opacity:0;transform:translate3d(4%,6%,0) scale(.75)}62%,100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes sgWorldSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes sgDrawWorld{0%,2%{stroke-dashoffset:420;opacity:0}4%,22%{stroke-dashoffset:0;opacity:.94}24%,100%{stroke-dashoffset:0;opacity:.18}}
@keyframes sgNodeBlink{0%,3%{opacity:0;transform:scale(.8)}5%,22%{opacity:1;transform:scale(1)}24%,100%{opacity:0}}
@keyframes sgHomePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.08)}}
@keyframes sgWorldBadge{0%,52%{opacity:1;transform:translateY(0)}58%,100%{opacity:0;transform:translateY(-14px)}}
@keyframes sgKoreaBadge{0%,55%{opacity:0;transform:translateY(18px)}63%,100%{opacity:1;transform:translateY(0)}}
@keyframes sgDrawKorea{0%,53%{stroke-dashoffset:240;opacity:0}55%,70%{stroke-dashoffset:240;opacity:0}74%,88%{stroke-dashoffset:0;opacity:.97}90%,100%{stroke-dashoffset:0;opacity:.3}}
@keyframes sgCityReveal{0%,54%{opacity:0;transform:scale(.75)}56%,78%{opacity:0;transform:scale(.75)}82%,100%{opacity:1;transform:scale(1)}}
@media(max-width:1200px){.sg-sequence-badge-korea{left:8%;bottom:11%;max-width:370px}}
@media(max-width:980px){.sg-hero-art-sequence{height:640px;max-width:700px;width:100%;margin:-16px auto 0}.sg-world-shell{width:min(100%,650px)}.sg-korea-shell{width:min(100%,500px)}.sg-hero-logo-orbit{left:42.5%;top:42.2%}.sg-sequence-badge-world{top:11%;right:1%}.sg-sequence-badge-korea{left:6%;bottom:13%;max-width:300px}.sg-panel-one{top:98px;left:0}.sg-panel-two{right:0;bottom:112px}.sg-art-readout{max-width:78%}}
@media(max-width:680px){.sg-hero-art-sequence{height:min(470px,112vw)}.sg-world-shell{width:100%}.sg-korea-shell{width:min(100%,360px)}.sg-earth-halo{left:4%;top:6%;width:92%;height:87%}.sg-hero-logo-orbit{width:70px;height:70px;left:42.7%;top:43.5%;box-shadow:0 0 0 7px rgba(18,103,195,.13),0 0 38px rgba(37,206,255,.22)}.sg-hero-logo-orbit img{width:63px;height:63px}.sg-sequence-badge{padding:9px 10px;max-width:180px}.sg-sequence-badge span{font-size:7px}.sg-sequence-badge b{font-size:8px;line-height:1.65;margin-top:4px}.sg-sequence-badge small{font-size:7px;margin-top:3px}.sg-sequence-badge-world{right:-1%;top:11%}.sg-sequence-badge-korea{left:4%;bottom:19%;max-width:215px}.sg-korea-network text{font-size:14px}.sg-panel-one{top:11%;left:-1%}.sg-panel-two{right:-1%;bottom:19%}.sg-art-readout{font-size:7px;line-height:1.6;max-width:82%;bottom:9px}.sg-hero-route{bottom:0}}
@media(prefers-reduced-motion:reduce){.sg-world-stage{opacity:1;transform:none}.sg-korea-stage{opacity:1;transform:none}.sg-globe-svg,.sg-world-path,.sg-world-dot,.sg-world-ring,.sg-korea-route,.sg-city-group,.sg-sequence-badge-world,.sg-sequence-badge-korea{animation:none!important}.sg-korea-stage{position:relative;z-index:3;opacity:1}.sg-world-stage{opacity:.35}.sg-sequence-badge-world{opacity:1}.sg-sequence-badge-korea{opacity:1}}

.sg-korea-network text{paint-order:stroke;stroke:rgba(4,15,29,.55);stroke-width:4px;stroke-linejoin:round}
@media(max-width:680px){.sg-korea-network text{font-size:17px;stroke-width:3px}}


/* Korean hero text and animated route pulses */
.sg-korea-route{fill:none;stroke:#73e9ff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;filter:url(#sg-korea-light);opacity:.94;animation:sgDrawKorea 18s linear infinite}
.sg-korea-route-pulse{fill:none;stroke:#c8fbff;stroke-width:4.6;stroke-linecap:round;stroke-dasharray:22 210;stroke-dashoffset:232;filter:url(#sg-korea-light);opacity:0;animation:sgHeroPulseAppear 18s linear infinite, sgHeroPulseMove 1.25s linear infinite}
.sg-korea-route-pulse-1,.sg-korea-route-pulse-2,.sg-korea-route-pulse-3,.sg-korea-route-pulse-4,.sg-korea-route-pulse-5,.sg-korea-route-pulse-6{animation-delay:0s,0s}
@keyframes sgHeroPulseAppear{0%,62%{opacity:0}66%,100%{opacity:.96}}
@keyframes sgHeroPulseMove{from{stroke-dashoffset:232}to{stroke-dashoffset:0}}
.sg-sequence-badge span,.sg-float-panel>span{letter-spacing:.12em}
.sg-sequence-badge b,.sg-float-panel b{letter-spacing:-.02em;line-height:1.55}
.sg-sequence-badge small,.sg-float-panel small{letter-spacing:.03em;font-family:'Noto Sans KR',sans-serif}

/* Section 06 map replaced with Korea-shaped route map */
.sg-map-scene{position:relative;min-height:540px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:18px}
.sg-route-map{width:100%;height:100%;max-height:620px;display:block}
.sg-map-grid path{stroke-width:1}
.sg-map-korea-outline,.sg-map-jeju-outline,.sg-map-island-outline{fill:url(#sg-map-fill);stroke:#6ee1ff;filter:url(#sg-map-glow)}
.sg-map-korea-outline{stroke-width:3.2}.sg-map-jeju-outline{stroke-width:2.6}.sg-map-island-outline{stroke-width:2}
.sg-map-route-base{fill:none;stroke:#4fcfff;stroke-width:3;stroke-linecap:round;opacity:.42}
.sg-map-route-pulse{fill:none;stroke:#e0fbff;stroke-width:5;stroke-linecap:round;stroke-dasharray:24 210;stroke-dashoffset:234;filter:url(#sg-map-glow);animation:sgMapPulseMove 1.25s linear infinite}
.sg-map-scene.is-jeju .sg-map-route-mainland{opacity:.18}
.sg-map-scene.is-jeju .sg-map-route-jeju.sg-map-route-base{opacity:.95;stroke:#79e8ff}
.sg-map-scene.is-jeju .sg-map-route-jeju.sg-map-route-pulse{opacity:1}
.sg-map-scene.is-mainland .sg-map-route-jeju.sg-map-route-base{opacity:.34}
.sg-map-scene.is-mainland .sg-map-route-jeju.sg-map-route-pulse{opacity:.45}
.sg-map-city circle{fill:#9df7ff;stroke:#e9fdff;stroke-width:1.3;filter:url(#sg-map-glow)}
.sg-map-city-ring{fill:none!important;stroke:#71e2ff!important;stroke-width:1.9!important;opacity:.68;animation:sgMapCityRing 2.4s ease-in-out infinite}
.sg-map-city text{fill:#e8f8ff;font-size:18px;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-weight:700;paint-order:stroke;stroke:rgba(4,15,29,.55);stroke-width:3px;stroke-linejoin:round}
.sg-map-label{font-family:'Noto Sans KR',sans-serif;letter-spacing:-.01em}
@keyframes sgMapPulseMove{from{stroke-dashoffset:234}to{stroke-dashoffset:0}}
@keyframes sgMapCityRing{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.08);opacity:.3}}
@media(max-width:980px){.sg-map-scene{min-height:440px}.sg-map-city text{font-size:15px}}
@media(max-width:680px){.sg-map-scene{height:425px;padding:10px}.sg-map-city text{font-size:12px;stroke-width:2.4px}.sg-map-label{font-size:9px;padding:8px 10px}.sg-map-label-bottom{max-width:180px;line-height:1.5;text-align:right}}

/* ===== Hero rework: cosmos -> earth -> Seoul -> nationwide ===== */
.sg-hero-art-cosmic{overflow:hidden;height:680px}
.sg-space-stage,.sg-earth-discovery-stage,.sg-korea-landing-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.sg-space-stage{z-index:1;opacity:0;animation:sgSpaceStageShow 20s ease-in-out infinite}
.sg-earth-discovery-stage{z-index:2;opacity:0;transform:scale(.82);animation:sgEarthDiscoveryShow 20s ease-in-out infinite}
.sg-korea-landing-stage{z-index:3;opacity:0;transform:translate3d(6%,6%,0) scale(.72);animation:sgKoreaLandingShow 20s ease-in-out infinite}
.sg-space-badge{top:11%;left:4%;max-width:320px}
.sg-sequence-badge-world{top:12%;right:2%;max-width:295px}
.sg-sequence-badge-korea{left:6%;bottom:13%;max-width:330px}
.sg-flight-arc{position:absolute;inset:auto 0 15% 0;height:220px;border-top:1px solid rgba(87,188,255,.25);border-radius:50%;filter:drop-shadow(0 0 10px rgba(87,188,255,.3));transform:translateY(20px) rotate(-9deg);opacity:0;animation:sgFlightArcShow 20s linear infinite}
.sg-flight-arc:before{content:"";position:absolute;left:6%;top:-2px;width:130px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#95e8ff);box-shadow:0 0 24px rgba(80,202,250,.8);animation:sgArcPulse 2.8s linear infinite}
.sg-cosmic-craft{position:absolute;z-index:3;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:rgba(3,18,38,.95);border:1px solid rgba(117,223,255,.7);box-shadow:0 0 0 12px rgba(18,103,195,.14),0 0 60px rgba(37,206,255,.28);opacity:0;animation:sgCraftFly 20s cubic-bezier(.2,.65,.25,1) infinite}
.sg-cosmic-craft img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(81,195,255,.45))}
.sg-earth-discovery-stage .sg-world-shell{position:relative;width:min(100%,650px)}
.sg-earth-discovery-stage .sg-earth-halo{left:5%;top:14%;width:90%;height:80%}
.sg-hero-globe-svg{width:100%;height:auto;filter:drop-shadow(0 0 32px rgba(15,130,220,.18));animation:sgRotateGlobe 28s linear infinite}
.sg-earth-discovery-stage .sg-world-path{fill:none;stroke:#60d6ff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;opacity:.9;filter:url(#sg-world-glow-2);animation:sgEarthPathDraw 20s linear infinite}
.sg-earth-discovery-stage .sg-world-path-1{animation-delay:5.2s}.sg-earth-discovery-stage .sg-world-path-2{animation-delay:5.5s}.sg-earth-discovery-stage .sg-world-path-3{animation-delay:5.8s}.sg-earth-discovery-stage .sg-world-path-4{animation-delay:6.1s}.sg-earth-discovery-stage .sg-world-path-5{animation-delay:6.4s}.sg-earth-discovery-stage .sg-world-path-6{animation-delay:6.7s}
.sg-earth-discovery-stage .sg-korea-focus{fill:#a7efff;filter:url(#sg-world-glow-2);animation:sgFocusBlink 2s ease-in-out infinite}
.sg-earth-discovery-stage .sg-korea-focus-ring{fill:none;stroke:#93eaff;stroke-width:2;filter:url(#sg-world-glow-2);animation:sgFocusRing 2.6s ease-in-out infinite}
.sg-korea-network-hero text{fill:#e8f8ff;font-size:18px;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-weight:700;paint-order:stroke;stroke:rgba(4,15,29,.55);stroke-width:3px;stroke-linejoin:round}
.sg-korea-network-hero .sg-korea-outline,.sg-korea-network-hero .sg-jeju-outline,.sg-korea-network-hero .sg-island-outline{filter:url(#sg-korea-light-hero)}
.sg-korea-network-hero .sg-korea-route{fill:none;stroke:#73e9ff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;filter:url(#sg-korea-light-hero);opacity:0;animation:sgHeroRouteReveal 20s linear infinite}
.sg-korea-network-hero .sg-korea-route-pulse{fill:none;stroke:#d7fbff;stroke-width:4.8;stroke-linecap:round;stroke-dasharray:22 210;stroke-dashoffset:232;filter:url(#sg-korea-light-hero);opacity:0;animation:sgHeroPulseVisible 20s linear infinite, sgHeroPulseMove 1.25s linear infinite}
.sg-korea-network-hero .sg-korea-route-1,.sg-korea-network-hero .sg-korea-route-pulse-1{animation-delay:12.2s,12.2s}
.sg-korea-network-hero .sg-korea-route-2,.sg-korea-network-hero .sg-korea-route-pulse-2{animation-delay:12.9s,12.9s}
.sg-korea-network-hero .sg-korea-route-3,.sg-korea-network-hero .sg-korea-route-pulse-3{animation-delay:13.6s,13.6s}
.sg-korea-network-hero .sg-korea-route-4,.sg-korea-network-hero .sg-korea-route-pulse-4{animation-delay:14.3s,14.3s}
.sg-korea-network-hero .sg-korea-route-5,.sg-korea-network-hero .sg-korea-route-pulse-5{animation-delay:15.0s,15.0s}
.sg-korea-network-hero .sg-korea-route-6,.sg-korea-network-hero .sg-korea-route-pulse-6{animation-delay:15.7s,15.7s}
.sg-korea-network-hero .sg-korea-route-7,.sg-korea-network-hero .sg-korea-route-pulse-7{animation-delay:16.4s,16.4s}
.sg-korea-network-hero .sg-city-group{opacity:0;transform:translateY(8px) scale(.85);transform-box:fill-box;transform-origin:center;animation:sgHeroCityReveal 20s ease-out infinite}
.sg-korea-network-hero .sg-city-group-1{animation-delay:11.4s}.sg-korea-network-hero .sg-city-group-2{animation-delay:12.5s}.sg-korea-network-hero .sg-city-group-3{animation-delay:13.2s}.sg-korea-network-hero .sg-city-group-4{animation-delay:13.9s}.sg-korea-network-hero .sg-city-group-5{animation-delay:14.6s}.sg-korea-network-hero .sg-city-group-6{animation-delay:15.3s}.sg-korea-network-hero .sg-city-group-7{animation-delay:16.0s}.sg-korea-network-hero .sg-city-group-8{animation-delay:16.7s}
.sg-seoul-landing-marker{position:absolute;left:40.2%;top:57.9%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;opacity:0;animation:sgSeoulMarker 20s ease-in-out infinite}
.sg-seoul-landing-marker i{display:block;width:18px;height:18px;border-radius:50%;background:#aef8ff;box-shadow:0 0 0 9px rgba(108,225,255,.18),0 0 28px rgba(108,225,255,.85);animation:sgFocusBlink 1.8s ease-in-out infinite}
.sg-seoul-landing-marker span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(4,25,51,.9);border:1px solid rgba(89,204,255,.5);font:800 12px 'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;color:#ecfaff;white-space:nowrap;box-shadow:0 14px 30px rgba(0,8,26,.24)}
.sg-seoul-landing-marker span:before{content:"◎";color:#6de8ff}
.sg-art-readout{max-width:95%;line-height:1.8}

/* update section 06 for Wonju */
.sg-map-city text{fill:#e8f8ff;font-size:17px;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-weight:700;paint-order:stroke;stroke:rgba(4,15,29,.55);stroke-width:3px;stroke-linejoin:round}
.sg-map-city-1,.sg-map-city-2,.sg-map-city-3,.sg-map-city-4,.sg-map-city-5,.sg-map-city-6,.sg-map-city-7,.sg-map-city-8{opacity:1}

@keyframes sgSpaceStageShow{0%,22%{opacity:1}28%,100%{opacity:0}}
@keyframes sgEarthDiscoveryShow{0%,16%{opacity:0;transform:scale(.82)}26%,54%{opacity:1;transform:scale(1)}61%,100%{opacity:0;transform:scale(1.06)}}
@keyframes sgKoreaLandingShow{0%,47%{opacity:0;transform:translate3d(6%,6%,0) scale(.72)}58%,100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes sgCraftFly{0%{opacity:0;transform:translate(280px,-180px) scale(.5) rotate(-16deg)}5%{opacity:1}18%{opacity:1;transform:translate(90px,10px) scale(1) rotate(0deg)}23%{opacity:0;transform:translate(30px,40px) scale(.92)}100%{opacity:0;transform:translate(-40px,100px) scale(.8)}}
@keyframes sgFlightArcShow{0%,3%{opacity:0}6%,22%{opacity:1}28%,100%{opacity:0}}
@keyframes sgArcPulse{0%{transform:translateX(0);opacity:0}12%{opacity:1}100%{transform:translateX(800px);opacity:0}}
@keyframes sgRotateGlobe{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sgEarthPathDraw{0%,10%{stroke-dashoffset:320;opacity:0}18%,100%{stroke-dashoffset:0;opacity:.9}}
@keyframes sgFocusBlink{0%,100%{opacity:.95}50%{opacity:.45}}
@keyframes sgFocusRing{0%{opacity:.85;transform:scale(.7);transform-origin:center}70%{opacity:0;transform:scale(1.4)}100%{opacity:0;transform:scale(1.6)}}
@keyframes sgHeroRouteReveal{0%,10%{stroke-dashoffset:260;opacity:0}16%,100%{stroke-dashoffset:0;opacity:.94}}
@keyframes sgHeroPulseVisible{0%,8%{opacity:0}12%,100%{opacity:.95}}
@keyframes sgHeroCityReveal{0%,18%{opacity:0;transform:translateY(8px) scale(.85)}26%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sgSeoulMarker{0%,53%{opacity:0;transform:translate(-50%,-80%) scale(.65)}58%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%,100%{opacity:.92;transform:translate(-50%,-50%) scale(1)}}

@media(max-width:980px){
  .sg-hero-art-cosmic{height:640px;max-width:700px;width:100%;margin:-16px auto 0}
  .sg-space-badge{left:2%;top:9%}
  .sg-sequence-badge-world{top:10%;right:1%}
  .sg-sequence-badge-korea{left:4%;bottom:12%;max-width:285px}
  .sg-cosmic-craft{width:92px;height:92px}
  .sg-cosmic-craft img{width:79px;height:79px}
  .sg-seoul-landing-marker span{font-size:11px}
}
@media(max-width:680px){
  .sg-hero-art-cosmic{height:min(500px,116vw)}
  .sg-space-badge{top:8%;left:0;max-width:185px}
  .sg-sequence-badge-world{right:-1%;top:9%;max-width:185px}
  .sg-sequence-badge-korea{left:1%;bottom:17%;max-width:220px}
  .sg-cosmic-craft{width:70px;height:70px;box-shadow:0 0 0 7px rgba(18,103,195,.14),0 0 36px rgba(37,206,255,.24)}
  .sg-cosmic-craft img{width:60px;height:60px}
  .sg-seoul-landing-marker{left:40.4%;top:57.5%}
  .sg-seoul-landing-marker span{padding:6px 9px;font-size:9px}
  .sg-korea-network-hero text,.sg-map-city text{font-size:12px;stroke-width:2.4px}
  .sg-art-readout{font-size:7px;bottom:10px;max-width:86%}
}
@media(prefers-reduced-motion:reduce){
  .sg-space-stage,.sg-earth-discovery-stage,.sg-korea-landing-stage,.sg-cosmic-craft,.sg-hero-globe-svg,.sg-earth-discovery-stage .sg-world-path,.sg-korea-network-hero .sg-korea-route,.sg-korea-network-hero .sg-korea-route-pulse,.sg-korea-network-hero .sg-city-group,.sg-seoul-landing-marker{animation:none!important}
  .sg-space-stage{display:none}.sg-earth-discovery-stage{opacity:.18;transform:none}.sg-korea-landing-stage{opacity:1;transform:none}.sg-seoul-landing-marker{opacity:1}
}


/* ====== Earth-to-Korea cinematic zoom: 2026-10-24 ====== */
.sg-hero-art.sg-cosmos-art{position:relative;isolation:isolate;overflow:hidden;height:680px;min-width:0;contain:paint}
.sg-cosmos-depth{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 56% 54%,rgba(18,91,176,.28) 0,transparent 65%);pointer-events:none}
.sg-cosmos-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(65,183,250,.15);border-radius:50%;pointer-events:none}
.sg-cosmos-orbit-1{width:88%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-18deg);animation:sgCosmosOrbit 24s linear infinite}
.sg-cosmos-orbit-2{width:113%;aspect-ratio:1;border-style:dashed;border-color:rgba(74,175,255,.09);transform:translate(-50%,-50%) rotate(28deg);animation:sgCosmosOrbit 36s linear infinite reverse}
.sg-cosmos-trail{position:absolute;z-index:7;width:40%;height:3px;left:8%;top:30%;background:linear-gradient(90deg,transparent,rgba(68,202,255,.05),#8deaff);transform-origin:right center;filter:drop-shadow(0 0 13px #32baff);opacity:0;animation:sgCosmosTrail 24s ease-in-out infinite}
.sg-cosmos-logo{position:absolute;z-index:8;left:50%;top:51%;width:94px;height:94px;display:grid;place-items:center;border:1px solid rgba(95,228,255,.74);background:rgba(1,12,29,.91);border-radius:50%;box-shadow:0 0 0 9px rgba(41,136,226,.12),0 0 60px rgba(29,179,250,.42);opacity:0;animation:sgCosmosFly 24s cubic-bezier(.32,.55,.22,1) infinite}
.sg-cosmos-logo img{width:88%;height:88%;object-fit:contain}
.sg-cosmos-earth{position:absolute;inset:0;z-index:3;display:grid;place-items:center;opacity:0;pointer-events:none;animation:sgCosmosEarthZoom 24s cubic-bezier(.31,.44,.24,1) infinite}
.sg-cosmos-earth-glow{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(25,146,230,.23),transparent 72%);filter:blur(13px)}
.sg-cosmos-sphere{width:88%;max-width:645px;aspect-ratio:1;position:relative;filter:drop-shadow(0 0 36px rgba(38,166,255,.24))}
.sg-cosmos-globe{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;opacity:0;animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite;will-change:opacity}
.sg-cosmos-globe-0{animation-name:sgCosmosFrame0}.sg-cosmos-globe-1{animation-name:sgCosmosFrame1}.sg-cosmos-globe-2{animation-name:sgCosmosFrame2}.sg-cosmos-globe-3{animation-name:sgCosmosFrame3}.sg-cosmos-globe-4{animation-name:sgCosmosFrame4}
.sg-cosmos-target,.sg-cosmos-target-ring{position:absolute;left:46.3%;top:40.5%;width:12px;height:12px;border-radius:50%;background:#a8f5ff;border:2px solid #e9fdff;box-shadow:0 0 15px #4dd9ff;opacity:0;transform:translate(-50%,-50%);animation:sgCosmosTarget 24s ease-in-out infinite}
.sg-cosmos-target-ring{width:58px;height:58px;background:transparent;border:2px solid #6ce7ff;box-shadow:0 0 24px rgba(70,206,255,.55);animation:sgCosmosTargetRing 24s ease-in-out infinite}
.sg-cosmos-korea{position:absolute;inset:0;z-index:5;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translate(6%,1%) scale(.16);animation:sgCosmosMapArrive 24s cubic-bezier(.22,.55,.2,1) infinite}
.sg-cosmos-korea-halo{position:absolute;inset:15% 15%;background:radial-gradient(ellipse,rgba(30,138,239,.19),transparent 72%);filter:blur(18px)}
.sg-cosmos-korea-shell{position:relative;width:min(100%,545px);aspect-ratio:460/547;display:flex;align-items:center;justify-content:center}
.sg-cosmos-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sg-cosmos-map .sg-korea-route{stroke:#71ddff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;fill:none;opacity:0;filter:url(#sg-korea-light-hero)}
.sg-cosmos-map .sg-city-group{opacity:0;transform:none;filter:drop-shadow(0 0 5px rgba(84,218,255,.32))}
.sg-cosmos-map .sg-city-group text{fill:#eaf8ff;font-size:17px;stroke:rgba(0,13,31,.62);stroke-width:3;paint-order:stroke;letter-spacing:-.04em}
.sg-cosmos-map .sg-korea-outline,.sg-cosmos-map .sg-jeju-outline,.sg-cosmos-map .sg-island-outline{filter:drop-shadow(0 0 8px rgba(72,196,255,.44))}
.sg-cosmos-map .sg-cosmos-landing-ring{fill:none;stroke:#a4f5ff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:sgCosmosLanding 24s ease-out infinite}
.sg-cosmos-map .sg-cosmos-landing-inner{fill:#b9fbff;stroke:#effeff;stroke-width:2;opacity:0;filter:drop-shadow(0 0 9px #69edff);animation:sgCosmosLandingCore 24s ease-out infinite}

@keyframes sgCosmosOrbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes sgCosmosFly{0%{opacity:0;transform:translate(-340px,-235px) scale(.3) rotate(-20deg)}5%{opacity:1}13%{opacity:1;transform:translate(-160px,-140px) scale(.76) rotate(-6deg)}19%{opacity:.98;transform:translate(-70px,-65px) scale(1.15) rotate(0deg)}25%,100%{opacity:0;transform:translate(-20px,-18px) scale(.46)}}
@keyframes sgCosmosTrail{0%,3%{opacity:0;transform:translate(-75px,-80px) rotate(-19deg) scaleX(.35)}7%,16%{opacity:.94}23%,100%{opacity:0;transform:translate(185px,100px) rotate(-19deg) scaleX(1.1)}}
@keyframes sgCosmosEarthZoom{0%,9%{opacity:0;transform:translate(20%,7%) scale(.18)}16%{opacity:1;transform:translate(5%,3%) scale(.4)}27%{opacity:1;transform:translate(1%,1%) scale(.65)}39%{opacity:1;transform:translate(0,0) scale(1)}46%{opacity:1;transform:translate(-2%,-1%) scale(1.14)}54%{opacity:1;transform:translate(-6%,-6%) scale(1.8)}62%{opacity:.35;transform:translate(-18%,-13%) scale(3)}67%,100%{opacity:0;transform:translate(-21%,-15%) scale(3.25)}}
@keyframes sgCosmosFrame0{0%,18%{opacity:1}24%,100%{opacity:0}}
@keyframes sgCosmosFrame1{0%,15%{opacity:0}23%,28%{opacity:1}34%,100%{opacity:0}}
@keyframes sgCosmosFrame2{0%,25%{opacity:0}33%,37%{opacity:1}43%,100%{opacity:0}}
@keyframes sgCosmosFrame3{0%,35%{opacity:0}42%,46%{opacity:1}53%,100%{opacity:0}}
@keyframes sgCosmosFrame4{0%,43%{opacity:0}52%,62%{opacity:1}69%,100%{opacity:0}}
@keyframes sgCosmosTarget{0%,46%{opacity:0}49%,57%{opacity:1}63%,100%{opacity:0}}
@keyframes sgCosmosTargetRing{0%,46%{opacity:0;transform:translate(-50%,-50%) scale(.35)}50%{opacity:.85}61%{opacity:.1;transform:translate(-50%,-50%) scale(2.2)}65%,100%{opacity:0}}
@keyframes sgCosmosMapArrive{0%,56%{opacity:0;transform:translate(12%,9%) scale(.15)}61%{opacity:.8;transform:translate(6%,5%) scale(.5)}69%,95%{opacity:1;transform:translate(0,0) scale(1)}98%,100%{opacity:0;transform:translate(0,0) scale(1.03)}}
@keyframes sgCosmosLanding{0%,60%{opacity:0;transform:scale(.25)}63%{opacity:1;transform:scale(.7)}68%{opacity:.68;transform:scale(2.8)}73%,100%{opacity:0;transform:scale(3.3)}}
@keyframes sgCosmosLandingCore{0%,59%{opacity:0}63%,100%{opacity:1}}
.sg-cosmos-map .sg-korea-route-1{animation:sgCosmosRoute1 24s linear infinite}
@keyframes sgCosmosRoute1{0%,66%{opacity:0;stroke-dashoffset:100}67%{opacity:1}71%,96%{opacity:.97;stroke-dashoffset:0}99%,100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-korea-route-2{animation:sgCosmosRoute2 24s linear infinite}
@keyframes sgCosmosRoute2{0%,69%{opacity:0;stroke-dashoffset:100}70%{opacity:1}74%,96%{opacity:.97;stroke-dashoffset:0}99%,100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-korea-route-3{animation:sgCosmosRoute3 24s linear infinite}
@keyframes sgCosmosRoute3{0%,72%{opacity:0;stroke-dashoffset:100}73%{opacity:1}77%,96%{opacity:.97;stroke-dashoffset:0}99%,100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-korea-route-4{animation:sgCosmosRoute4 24s linear infinite}
@keyframes sgCosmosRoute4{0%,75%{opacity:0;stroke-dashoffset:100}76%{opacity:1}80%,96%{opacity:.97;stroke-dashoffset:0}99%,100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-korea-route-5{animation:sgCosmosRoute5 24s linear infinite}
@keyframes sgCosmosRoute5{0%,78%{opacity:0;stroke-dashoffset:100}79%{opacity:1}83%,96%{opacity:.97;stroke-dashoffset:0}99%,100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-korea-route-6{animation:sgCosmosRoute6 24s linear infinite}
@keyframes sgCosmosRoute6{0%,81%{opacity:0;stroke-dashoffset:100}82%{opacity:1}86%,96%{opacity:.97;stroke-dashoffset:0}99%,100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-korea-route-7{animation:sgCosmosRoute7 24s linear infinite}
@keyframes sgCosmosRoute7{0%,84%{opacity:0;stroke-dashoffset:100}85%{opacity:1}89%,96%{opacity:.97;stroke-dashoffset:0}99%,100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-city-group-1{animation:sgCosmosCity1 24s ease-out infinite}
@keyframes sgCosmosCity1{0%,61%{opacity:0}62%,96%{opacity:1}99%,100%{opacity:0}}
.sg-cosmos-map .sg-city-group-2{animation:sgCosmosCity2 24s ease-out infinite}
@keyframes sgCosmosCity2{0%,70%{opacity:0}71%,96%{opacity:1}99%,100%{opacity:0}}
.sg-cosmos-map .sg-city-group-3{animation:sgCosmosCity3 24s ease-out infinite}
@keyframes sgCosmosCity3{0%,74%{opacity:0}75%,96%{opacity:1}99%,100%{opacity:0}}
.sg-cosmos-map .sg-city-group-4{animation:sgCosmosCity4 24s ease-out infinite}
@keyframes sgCosmosCity4{0%,76%{opacity:0}77%,96%{opacity:1}99%,100%{opacity:0}}
.sg-cosmos-map .sg-city-group-5{animation:sgCosmosCity5 24s ease-out infinite}
@keyframes sgCosmosCity5{0%,81%{opacity:0}82%,96%{opacity:1}99%,100%{opacity:0}}
.sg-cosmos-map .sg-city-group-6{animation:sgCosmosCity6 24s ease-out infinite}
@keyframes sgCosmosCity6{0%,83%{opacity:0}84%,96%{opacity:1}99%,100%{opacity:0}}
.sg-cosmos-map .sg-city-group-7{animation:sgCosmosCity7 24s ease-out infinite}
@keyframes sgCosmosCity7{0%,86%{opacity:0}87%,96%{opacity:1}99%,100%{opacity:0}}
.sg-cosmos-map .sg-city-group-8{animation:sgCosmosCity8 24s ease-out infinite}
@keyframes sgCosmosCity8{0%,90%{opacity:0}91%,96%{opacity:1}99%,100%{opacity:0}}

@media(max-width:980px){.sg-hero-art.sg-cosmos-art{height:590px;max-width:700px;width:100%;margin:-14px auto 0}.sg-cosmos-korea-shell{width:min(100%,515px)}}
@media(max-width:680px){.sg-hero-art.sg-cosmos-art{height:min(455px,111vw);margin:9px auto 0}.sg-cosmos-logo{width:66px;height:66px}.sg-cosmos-sphere{width:99%}.sg-cosmos-korea-shell{width:min(100%,360px)}.sg-cosmos-map .sg-city-group text{font-size:14px;stroke-width:2.2px}.sg-cosmos-trail{height:2px}}
@media(prefers-reduced-motion:reduce){.sg-cosmos-logo,.sg-cosmos-trail,.sg-cosmos-orbit,.sg-cosmos-earth,.sg-cosmos-globe,.sg-cosmos-target,.sg-cosmos-target-ring,.sg-cosmos-korea,.sg-cosmos-map .sg-city-group,.sg-cosmos-map .sg-korea-route,.sg-cosmos-map .sg-cosmos-landing-inner,.sg-cosmos-map .sg-cosmos-landing-ring{animation:none!important}.sg-cosmos-logo,.sg-cosmos-trail,.sg-cosmos-earth,.sg-cosmos-target,.sg-cosmos-target-ring{opacity:0!important}.sg-cosmos-korea{opacity:1!important;transform:none!important}.sg-cosmos-map .sg-city-group{opacity:1!important}.sg-cosmos-map .sg-korea-route{opacity:.92!important;stroke-dashoffset:0!important}.sg-cosmos-map .sg-cosmos-landing-inner{opacity:1!important}}


/* ===== Dense Korea network refinement: 2026-10-24 ===== */
.sg-cosmos-target,.sg-cosmos-target-ring{left:65.3%;top:36.9%}
.sg-cosmos-earth{transform-origin:65.3% 36.9%}
.sg-cosmos-korea{transform-origin:40.2% 58%}
.sg-cosmos-logo{left:50%;top:50.6%}
.sg-cosmos-map .sg-korea-route-link{stroke:#7ee7ff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;fill:none;opacity:0;filter:url(#sg-korea-light-hero)}
.sg-cosmos-map .sg-city-group{filter:drop-shadow(0 0 7px rgba(84,218,255,.42))}
.sg-cosmos-map .sg-city-group text{font-size:16px}
.sg-cosmos-map .sg-city-node{r:5.8}
.sg-map-route-link.sg-map-route-base{stroke:#60d9ff;stroke-width:2.1;opacity:.34;filter:url(#sg-map-glow)}
.sg-map-route-link.sg-map-route-pulse{stroke:#d6fbff;stroke-width:3.3;opacity:.92;stroke-dasharray:13 87;stroke-dashoffset:100;animation:sgMapDensePulse 2.2s linear infinite}
.sg-map-routes{isolation:isolate}
.sg-map-scene.is-mainland .sg-map-route-link.sg-map-route-base,.sg-map-scene.is-mainland .sg-map-route-link.sg-map-route-pulse,.sg-map-scene.is-jeju .sg-map-route-link.sg-map-route-base,.sg-map-scene.is-jeju .sg-map-route-link.sg-map-route-pulse{opacity:unset}
.sg-map-scene.is-mainland .sg-map-route-link.sg-map-route-base{opacity:.34}.sg-map-scene.is-mainland .sg-map-route-link.sg-map-route-pulse{opacity:.92}
.sg-map-scene.is-jeju .sg-map-route-link.sg-map-route-base{opacity:.34}.sg-map-scene.is-jeju .sg-map-route-link.sg-map-route-pulse{opacity:.92}
.sg-region-content .sg-map-facts span{background:rgba(16,72,123,.34)}
@keyframes sgMapDensePulse{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes sgCosmosFly{0%{opacity:0;transform:translate(-345px,-240px) scale(.28) rotate(-24deg)}5%{opacity:1}13%{opacity:1;transform:translate(-150px,-132px) scale(.76) rotate(-9deg)}20%{opacity:1;transform:translate(112px,-92px) scale(1.04) rotate(0deg)}24%{opacity:0;transform:translate(145px,-106px) scale(.6)}100%{opacity:0;transform:translate(145px,-106px) scale(.6)}}
@keyframes sgCosmosTrail{0%,3%{opacity:0;transform:translate(-78px,-82px) rotate(-16deg) scaleX(.35)}7%,16%{opacity:.96}22%{opacity:.88;transform:translate(68px,-28px) rotate(-11deg) scaleX(1.08)}26%,100%{opacity:0;transform:translate(158px,-66px) rotate(-7deg) scaleX(1.2)}}
@keyframes sgCosmosEarthZoom{0%,10%{opacity:0;transform:scale(.16)}16%{opacity:1;transform:scale(.36)}28%{opacity:1;transform:scale(.62)}40%{opacity:1;transform:scale(.92)}48%{opacity:1;transform:scale(1.08)}56%{opacity:1;transform:scale(1.55)}62%{opacity:1;transform:scale(2.05)}68%{opacity:.65;transform:scale(2.7)}72%,100%{opacity:0;transform:scale(3.08)}}
@keyframes sgCosmosTarget{0%,49%{opacity:0}52%,61%{opacity:1}67%,100%{opacity:0}}
@keyframes sgCosmosTargetRing{0%,49%{opacity:0;transform:translate(-50%,-50%) scale(.4)}53%{opacity:.85}64%{opacity:.08;transform:translate(-50%,-50%) scale(2.45)}68%,100%{opacity:0}}
@keyframes sgCosmosMapArrive{0%,63%{opacity:0;transform:translate(23%,-12%) scale(.08)}69%{opacity:.9;transform:translate(8%,-4%) scale(.48)}77%,98%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(0,0) scale(1.02)}}
@keyframes sgCosmosDenseRoute{0%,67%{opacity:0;stroke-dashoffset:100}72%{opacity:.95}83%{stroke-dashoffset:0}97%{opacity:.88;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
.sg-cosmos-map .sg-korea-route-1{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:0.00s}
.sg-map-scene .sg-map-route-1.sg-map-route-pulse{animation-delay:0.00s}
.sg-cosmos-map .sg-korea-route-2{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:0.18s}
.sg-map-scene .sg-map-route-2.sg-map-route-pulse{animation-delay:0.11s}
.sg-cosmos-map .sg-korea-route-3{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:0.36s}
.sg-map-scene .sg-map-route-3.sg-map-route-pulse{animation-delay:0.22s}
.sg-cosmos-map .sg-korea-route-4{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:0.54s}
.sg-map-scene .sg-map-route-4.sg-map-route-pulse{animation-delay:0.33s}
.sg-cosmos-map .sg-korea-route-5{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:0.72s}
.sg-map-scene .sg-map-route-5.sg-map-route-pulse{animation-delay:0.44s}
.sg-cosmos-map .sg-korea-route-6{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:0.90s}
.sg-map-scene .sg-map-route-6.sg-map-route-pulse{animation-delay:0.55s}
.sg-cosmos-map .sg-korea-route-7{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:1.08s}
.sg-map-scene .sg-map-route-7.sg-map-route-pulse{animation-delay:0.66s}
.sg-cosmos-map .sg-korea-route-8{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:1.26s}
.sg-map-scene .sg-map-route-8.sg-map-route-pulse{animation-delay:0.77s}
.sg-cosmos-map .sg-korea-route-9{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:1.44s}
.sg-map-scene .sg-map-route-9.sg-map-route-pulse{animation-delay:0.88s}
.sg-cosmos-map .sg-korea-route-10{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:1.62s}
.sg-map-scene .sg-map-route-10.sg-map-route-pulse{animation-delay:0.99s}
.sg-cosmos-map .sg-korea-route-11{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:1.80s}
.sg-map-scene .sg-map-route-11.sg-map-route-pulse{animation-delay:1.10s}
.sg-cosmos-map .sg-korea-route-12{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:1.98s}
.sg-map-scene .sg-map-route-12.sg-map-route-pulse{animation-delay:1.21s}
.sg-cosmos-map .sg-korea-route-13{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:2.16s}
.sg-map-scene .sg-map-route-13.sg-map-route-pulse{animation-delay:1.32s}
.sg-cosmos-map .sg-korea-route-14{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:2.34s}
.sg-map-scene .sg-map-route-14.sg-map-route-pulse{animation-delay:1.43s}
.sg-cosmos-map .sg-korea-route-15{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:2.52s}
.sg-map-scene .sg-map-route-15.sg-map-route-pulse{animation-delay:1.54s}
.sg-cosmos-map .sg-korea-route-16{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:2.70s}
.sg-map-scene .sg-map-route-16.sg-map-route-pulse{animation-delay:1.65s}
.sg-cosmos-map .sg-korea-route-17{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:2.88s}
.sg-map-scene .sg-map-route-17.sg-map-route-pulse{animation-delay:1.76s}
.sg-cosmos-map .sg-korea-route-18{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:3.06s}
.sg-map-scene .sg-map-route-18.sg-map-route-pulse{animation-delay:1.87s}
.sg-cosmos-map .sg-korea-route-19{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:3.24s}
.sg-map-scene .sg-map-route-19.sg-map-route-pulse{animation-delay:1.98s}
.sg-cosmos-map .sg-korea-route-20{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:3.42s}
.sg-map-scene .sg-map-route-20.sg-map-route-pulse{animation-delay:2.09s}
.sg-cosmos-map .sg-korea-route-21{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:3.60s}
.sg-map-scene .sg-map-route-21.sg-map-route-pulse{animation-delay:2.20s}
.sg-cosmos-map .sg-korea-route-22{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:3.78s}
.sg-map-scene .sg-map-route-22.sg-map-route-pulse{animation-delay:2.31s}
.sg-cosmos-map .sg-korea-route-23{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:3.96s}
.sg-map-scene .sg-map-route-23.sg-map-route-pulse{animation-delay:2.42s}
.sg-cosmos-map .sg-korea-route-24{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:4.14s}
.sg-map-scene .sg-map-route-24.sg-map-route-pulse{animation-delay:2.53s}
.sg-cosmos-map .sg-korea-route-25{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:4.32s}
.sg-map-scene .sg-map-route-25.sg-map-route-pulse{animation-delay:2.64s}
.sg-cosmos-map .sg-korea-route-26{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:4.50s}
.sg-map-scene .sg-map-route-26.sg-map-route-pulse{animation-delay:2.75s}
.sg-cosmos-map .sg-korea-route-27{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:4.68s}
.sg-map-scene .sg-map-route-27.sg-map-route-pulse{animation-delay:2.86s}
.sg-cosmos-map .sg-korea-route-28{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:4.86s}
.sg-map-scene .sg-map-route-28.sg-map-route-pulse{animation-delay:2.97s}
@media(max-width:680px){.sg-cosmos-target,.sg-cosmos-target-ring{left:65.8%;top:37.4%}.sg-cosmos-map .sg-city-group text{font-size:12px;stroke-width:2.3px}.sg-map-route-link.sg-map-route-base{stroke-width:1.7}.sg-map-route-link.sg-map-route-pulse{stroke-width:2.7}}


/* ===== Logo wait then descend to Korea: 2026-10-24 ===== */
.sg-cosmos-logo{transform:translate(-215px,-165px) scale(.78) rotate(-4deg);opacity:0;animation:sgCosmosFlyWaitForKorea 24s cubic-bezier(.32,.55,.22,1) infinite}
.sg-cosmos-trail{animation:sgCosmosTrailWaitForKorea 24s ease-in-out infinite}
@keyframes sgCosmosFlyWaitForKorea{
  0%{opacity:0;transform:translate(-300px,-235px) scale(.28) rotate(-22deg)}
  5%{opacity:1}
  12%{opacity:1;transform:translate(-220px,-175px) scale(.72) rotate(-8deg)}
  22%{opacity:1;transform:translate(-215px,-165px) scale(.78) rotate(-4deg)}
  38%{opacity:1;transform:translate(-215px,-165px) scale(.78) rotate(-4deg)}
  48%{opacity:1;transform:translate(-215px,-165px) scale(.78) rotate(-4deg)}
  55%{opacity:1;transform:translate(-175px,-145px) scale(.82) rotate(-2deg)}
  61%{opacity:1;transform:translate(-88px,-108px) scale(.9) rotate(0deg)}
  66%{opacity:1;transform:translate(6px,-74px) scale(.98) rotate(2deg)}
  70%{opacity:1;transform:translate(92px,-58px) scale(1.04) rotate(0deg)}
  74%{opacity:.82;transform:translate(120px,-48px) scale(.66) rotate(0deg)}
  78%,100%{opacity:0;transform:translate(120px,-48px) scale(.42) rotate(0deg)}
}
@keyframes sgCosmosTrailWaitForKorea{
  0%,3%{opacity:0;transform:translate(-92px,-88px) rotate(-17deg) scaleX(.25)}
  6%,14%{opacity:.82;transform:translate(-48px,-56px) rotate(-14deg) scaleX(.52)}
  18%,47%{opacity:.24;transform:translate(-18px,-34px) rotate(-12deg) scaleX(.46)}
  50%{opacity:.35;transform:translate(-15px,-30px) rotate(-12deg) scaleX(.44)}
  56%{opacity:.74;transform:translate(12px,-24px) rotate(-8deg) scaleX(.68)}
  62%{opacity:.94;transform:translate(52px,-42px) rotate(-6deg) scaleX(.94)}
  69%{opacity:.96;transform:translate(118px,-61px) rotate(-4deg) scaleX(1.18)}
  75%{opacity:0;transform:translate(155px,-74px) rotate(-3deg) scaleX(1.28)}
  100%{opacity:0;transform:translate(155px,-74px) rotate(-3deg) scaleX(1.28)}
}
@media(max-width:680px){
  .sg-cosmos-logo{animation:sgCosmosFlyWaitForKoreaMobile 24s cubic-bezier(.32,.55,.22,1) infinite}
  @keyframes sgCosmosFlyWaitForKoreaMobile{
    0%{opacity:0;transform:translate(-206px,-186px) scale(.22) rotate(-22deg)}
    6%{opacity:1}
    14%,48%{opacity:1;transform:translate(-132px,-132px) scale(.66) rotate(-5deg)}
    56%{opacity:1;transform:translate(-112px,-122px) scale(.71) rotate(-2deg)}
    63%{opacity:1;transform:translate(-48px,-98px) scale(.8) rotate(0deg)}
    70%{opacity:1;transform:translate(18px,-82px) scale(.9) rotate(2deg)}
    75%{opacity:.8;transform:translate(58px,-72px) scale(.58) rotate(0deg)}
    80%,100%{opacity:0;transform:translate(58px,-72px) scale(.4) rotate(0deg)}
  }
}


/* ===== Clockwise globe rotation + Korea target correction: 2026-10-24 ===== */
.sg-cosmos-sphere{animation:sgCosmosSphereClockwise 24s linear infinite;transform-origin:50% 50%;will-change:transform}
.sg-cosmos-target,.sg-cosmos-target-ring{left:61.2%;top:35.7%}
.sg-cosmos-earth{transform-origin:61.2% 35.7%}
@keyframes sgCosmosSphereClockwise{
  0%,10%{transform:rotate(-14deg)}
  18%{transform:rotate(-8deg)}
  28%{transform:rotate(-2deg)}
  40%{transform:rotate(4deg)}
  52%{transform:rotate(11deg)}
  62%{transform:rotate(16deg)}
  72%,100%{transform:rotate(16deg)}
}
@media(max-width:680px){
  .sg-cosmos-target,.sg-cosmos-target-ring{left:61.6%;top:36.1%}
  .sg-cosmos-earth{transform-origin:61.6% 36.1%}
}
@media(prefers-reduced-motion:reduce){
  .sg-cosmos-sphere{animation:none!important;transform:rotate(10deg)!important}
}

/* ==============================================================
   V3 기업형 브랜드·검색 사용자 경험 강화 / 기존 9섹션 기능 유지
   화면 데이터는 시연이며 실시간 물류 상태를 뜻하지 않습니다.
   ============================================================== */
.sg-hero-copy h1{font-size:clamp(35px,3.65vw,57px);line-height:1.33;white-space:normal;letter-spacing:-.078em;text-wrap:balance}
.sg-hero-kicker{letter-spacing:-.015em}
.sg-hero-copy{padding-top:63px;padding-bottom:50px}
.sg-hero-caption{margin-top:35px}
.sg-mission-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
.sg-mission-signals a{display:flex;flex-direction:column;gap:9px;justify-content:center;min-height:82px;padding:13px 11px;border:1px solid rgba(75,167,240,.23);background:linear-gradient(140deg,rgba(17,54,103,.6),rgba(4,21,42,.3));border-radius:3px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,background .3s}
.sg-mission-signals a:before{content:"";position:absolute;inset:0 auto auto -100%;width:75%;height:1px;background:linear-gradient(90deg,transparent,#80dfff,transparent);animation:sgMissionSweep 6.2s linear infinite}
.sg-mission-signals a:nth-child(2):before{animation-delay:1.7s}.sg-mission-signals a:nth-child(3):before{animation-delay:3.4s}
.sg-mission-signals a:hover{border-color:rgba(119,231,255,.8);background:rgba(20,79,132,.5);transform:translateY(-3px)}
.sg-mission-signals span{color:#6ac5f2;font-weight:750;font-size:10px;letter-spacing:.015em}
.sg-mission-signals strong{font-weight:750;color:#e9f7ff;font-size:11px;line-height:1.5;letter-spacing:-.045em;word-break:keep-all}
@keyframes sgMissionSweep{0%{left:-100%}30%,100%{left:130%}}
.sg-reason-card{background-image:radial-gradient(circle at 84% 14%,rgba(42,151,239,.09),transparent 36%)}
.sg-reason-card:hover{border-color:rgba(107,227,255,.57);box-shadow:0 18px 70px rgba(0,112,230,.11),inset 0 0 40px rgba(20,104,170,.055)}
.sg-solutions{position:relative;isolation:isolate;background:radial-gradient(ellipse 68% 45% at 62% 50%,rgba(7,65,112,.18),transparent 78%),#051121}
.sg-solutions:before{content:"";position:absolute;pointer-events:none;inset:3% 0 0;z-index:-1;opacity:.32;background-image:radial-gradient(circle at 15% 40%,#63dcff 0 1px,transparent 2px),radial-gradient(circle at 83% 20%,#63dcff 0 1px,transparent 2px),radial-gradient(circle at 78% 75%,#63dcff 0 1px,transparent 2px)}
.sg-business-orbit{display:grid;grid-template-columns:minmax(235px,.83fr) minmax(0,1.35fr);gap:45px;align-items:center;margin-top:28px;padding:37px 38px;background:linear-gradient(116deg,rgba(8,31,64,.94),rgba(2,16,37,.98));border:1px solid rgba(78,182,249,.25);position:relative;overflow:hidden;isolation:isolate}
.sg-business-orbit:after{content:"";position:absolute;right:12%;top:-72%;width:360px;height:360px;border:1px solid rgba(62,181,250,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(22,150,250,.025),0 0 0 90px rgba(22,150,250,.02);pointer-events:none;z-index:-1;animation:sgOrbitHalo 18s ease-in-out infinite alternate}
@keyframes sgOrbitHalo{0%{transform:scale(.85) rotate(-12deg);opacity:.6}100%{transform:scale(1.14) rotate(12deg);opacity:1}}
.sg-business-orbit-heading span{font-size:10px;color:#83d7ff;letter-spacing:.16em;font-weight:850}
.sg-business-orbit-heading strong{display:block;font-size:clamp(21px,2.05vw,28px);line-height:1.48;letter-spacing:-.055em;margin-top:14px;color:#f1faff;font-weight:850}
.sg-business-orbit-heading p{font-size:12px;line-height:1.9;color:#a4b8d1;margin-top:17px;word-break:keep-all}
.sg-orbit-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;position:relative}
.sg-orbit-nodes:before{content:"";position:absolute;z-index:-1;left:2%;right:2%;top:50%;border-top:1px dashed rgba(86,205,248,.35)}
.sg-orbit-nodes a{display:flex;min-height:148px;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:9px;padding:17px 9px;border:1px solid rgba(70,165,221,.3);background:rgba(7,41,82,.75);transition:transform .3s,border .3s,background .3s;position:relative}
.sg-orbit-nodes a:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#7be9ff,transparent);opacity:.7;transform:scaleX(.15);transition:transform .3s}
.sg-orbit-nodes a:hover{transform:translateY(-5px);border-color:#59dfff;background:rgba(20,75,132,.81)}
.sg-orbit-nodes a:hover:before{transform:scaleX(1)}
.sg-orbit-nodes a span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:750 10px Manrope,sans-serif;color:#bcefff;border:1px solid rgba(106,217,255,.58);background:rgba(58,159,244,.12);box-shadow:0 0 0 5px rgba(30,129,218,.06)}
.sg-orbit-nodes a b{font-size:14px;font-weight:800;color:#ebf9ff;white-space:nowrap}
.sg-orbit-nodes a small{font-size:10px;color:#8db9d5;line-height:1.4;white-space:nowrap}
.sg-detail-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:26px 0 35px}
.sg-detail-highlight{padding:24px 23px 23px;background:linear-gradient(140deg,rgba(14,55,101,.62),rgba(5,24,50,.63));border:1px solid rgba(88,179,232,.23);min-height:160px;display:flex;flex-direction:column;gap:10px}
.sg-detail-spark{font-size:20px;color:#64dfff;line-height:1}
.sg-detail-highlight strong{font-size:16px;color:#ebf8ff;font-weight:800}
.sg-detail-highlight p{font-size:12px;color:#aabbd2;line-height:1.75;word-break:keep-all}
.sg-network .sg-map-scene{box-shadow:inset 0 0 55px rgba(9,70,140,.12),0 24px 80px rgba(1,11,35,.12)}
.sg-map-routes{filter:drop-shadow(0 0 2px rgba(59,179,242,.14))}
.sg-guide-card{background-image:radial-gradient(ellipse at 85% 12%,rgba(53,171,249,.18),transparent 50%)}
@media(max-width:1210px){.sg-business-orbit{grid-template-columns:1fr;gap:25px}.sg-orbit-nodes a{min-height:120px}}
@media(max-width:980px){.sg-hero-copy{padding-bottom:5px}.sg-hero-copy h1{font-size:clamp(36px,5.7vw,59px)}.sg-mission-signals{margin:24px 0 10px}.sg-business-orbit{margin-top:18px;padding:27px}.sg-detail-highlights{gap:9px}.sg-detail-highlight{padding:18px}}
@media(max-width:680px){
 .sg-hero-copy h1{font-size:clamp(31px,7.6vw,45px);line-height:1.4;word-break:keep-all}
 .sg-hero-kicker{white-space:normal;line-height:1.65}
 .sg-hero-caption{margin-top:25px}
 .sg-mission-signals{grid-template-columns:1fr;gap:6px;margin-top:15px}
 .sg-mission-signals a{min-height:58px;flex-direction:row;align-items:center;justify-content:flex-start;padding:11px 14px;gap:12px}
 .sg-mission-signals span{min-width:70px;white-space:nowrap;font-size:9px}
 .sg-mission-signals strong{font-size:11px}
 .sg-business-orbit{padding:22px 16px 24px;gap:22px;margin-top:17px}
 .sg-business-orbit-heading strong{font-size:22px}
 .sg-business-orbit-heading p{font-size:11px}
 .sg-orbit-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .sg-orbit-nodes a{min-height:113px;padding:13px 8px}
 .sg-orbit-nodes a b{font-size:12px}.sg-orbit-nodes a small{font-size:9px}
 .sg-detail-highlights{grid-template-columns:1fr;gap:8px;margin:20px 0 25px}
 .sg-detail-highlight{min-height:0;padding:16px 18px;gap:6px}
 .sg-detail-spark{font-size:17px}.sg-detail-highlight strong{font-size:14px}.sg-detail-highlight p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.sg-business-orbit:after,.sg-mission-signals a:before{animation:none!important}}

/* 지구 마지막 시점(globe-4.webp) 실제 한반도 남부에 표적 정렬.
   타깃은 지구 이미지에 고정되어 시계방향 회전 시 함께 움직임. */
.sg-cosmos-target,.sg-cosmos-target-ring{left:49.3%;top:43.4%}
.sg-cosmos-earth{transform-origin:49.3% 43.4%}
/* 로고는 대기 후 한반도 초점으로 향하고 지도 전환 시 서울 부근에서 사라짐 */
@keyframes sgCosmosFlyWaitForKorea{
  0%{opacity:0;transform:translate(-300px,-235px) scale(.28) rotate(-18deg)}
  5%{opacity:1}
  14%,49%{opacity:1;transform:translate(-215px,-165px) scale(.77) rotate(-4deg)}
  55%{opacity:1;transform:translate(-140px,-120px) scale(.83) rotate(0deg)}
  61%{opacity:1;transform:translate(-56px,-74px) scale(.91) rotate(0deg)}
  66%{opacity:1;transform:translate(-8px,-61px) scale(.86) rotate(0deg)}
  70%{opacity:.92;transform:translate(-48px,21px) scale(.7) rotate(0deg)}
  75%,100%{opacity:0;transform:translate(-60px,45px) scale(.38) rotate(0deg)}
}
@keyframes sgCosmosFlyWaitForKoreaMobile{
  0%{opacity:0;transform:translate(-206px,-186px) scale(.22) rotate(-18deg)}
  6%{opacity:1}
  14%,49%{opacity:1;transform:translate(-132px,-132px) scale(.66) rotate(-5deg)}
  56%{opacity:1;transform:translate(-93px,-105px) scale(.7)}
  63%{opacity:1;transform:translate(-23px,-60px) scale(.76)}
  69%{opacity:1;transform:translate(-7px,-46px) scale(.65)}
  75%,100%{opacity:0;transform:translate(-35px,26px) scale(.34)}
}
@media(max-width:680px){.sg-cosmos-target,.sg-cosmos-target-ring{left:49.3%;top:43.4%}.sg-cosmos-earth{transform-origin:49.3% 43.4%}}


/* ===== V3.1: 수호천사 비행 잔광 · 바람결 (첫 화면만) ===== */
.sg-cosmos-logo{overflow:visible;isolation:isolate}
.sg-cosmos-logo>img{position:relative;z-index:3;filter:drop-shadow(0 0 9px rgba(113,228,255,.52))}
.sg-cosmos-logo:before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  width:145px;height:80px;left:-145px;top:-17px;
  border-radius:50%;transform-origin:100% 50%;transform:rotate(16deg);
  background:radial-gradient(ellipse at 98% 52%,rgba(100,219,255,.46),rgba(60,176,255,.16) 30%,rgba(34,135,235,.055) 62%,transparent 79%);
  filter:blur(8px);
  animation:sgWindPlume 2.8s ease-in-out infinite alternate
}
.sg-cosmos-logo:after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  width:175px;height:45px;left:-171px;top:24px;
  background:linear-gradient(90deg,transparent 0%,rgba(76,193,255,.065) 38%,rgba(153,238,255,.26) 82%,rgba(206,251,255,.59) 100%);
  clip-path:polygon(0 40%,99% 20%,100% 28%,9% 59%,100% 75%,99% 82%,0 62%);
  filter:drop-shadow(0 0 10px rgba(79,206,255,.38));
  animation:sgWindRibbon 1.9s ease-in-out infinite alternate
}
.sg-logo-wind{position:absolute;inset:0;pointer-events:none;z-index:2}
.sg-logo-wind i{
  position:absolute;display:block;right:79%;height:1.5px;width:132px;
  border-radius:100px;
  background:linear-gradient(90deg,transparent,rgba(68,184,254,.12) 17%,rgba(145,226,255,.82) 78%,rgba(231,253,255,.97));
  box-shadow:0 0 6px rgba(45,181,255,.46);
  opacity:0;
  animation:sgWindStream 1.85s linear infinite;
  transform-origin:100% 50%
}
.sg-logo-wind i:nth-child(1){top:15%;width:141px;animation-delay:0s}
.sg-logo-wind i:nth-child(2){top:30%;width:108px;animation-delay:-.87s;opacity:.6}
.sg-logo-wind i:nth-child(3){top:49%;width:174px;animation-delay:-1.32s;height:2px}
.sg-logo-wind i:nth-child(4){top:71%;width:117px;animation-delay:-.41s}
.sg-logo-wind i:nth-child(5){top:87%;width:153px;animation-delay:-1.67s;opacity:.5}
@keyframes sgWindPlume{
  0%{transform:rotate(13deg) scaleX(.72) scaleY(.84);opacity:.42}
  100%{transform:rotate(13deg) scaleX(1.2) scaleY(1.12);opacity:.94}
}
@keyframes sgWindRibbon{
  0%{transform:translateX(10px) scaleX(.7);opacity:.43}
  100%{transform:translateX(-13px) scaleX(1.13);opacity:.82}
}
@keyframes sgWindStream{
  0%{opacity:0;transform:translateX(42px) scaleX(.48) skewY(-3deg)}
  16%{opacity:.66}
  64%{opacity:.78}
  100%{opacity:0;transform:translateX(-87px) scaleX(1.13) skewY(-3deg)}
}
/* 모바일에서는 바람 꼬리를 더 짧게 줄여 주변 문구를 가리지 않습니다. */
@media(max-width:680px){
 .sg-cosmos-logo:before{width:93px;height:54px;left:-93px;top:-6px;filter:blur(6px)}
 .sg-cosmos-logo:after{width:111px;height:31px;left:-109px;top:17px}
 .sg-logo-wind i{width:83px;height:1px}
 .sg-logo-wind i:nth-child(1){width:88px}
 .sg-logo-wind i:nth-child(2){width:63px}
 .sg-logo-wind i:nth-child(3){width:99px}
 .sg-logo-wind i:nth-child(4){width:72px}
 .sg-logo-wind i:nth-child(5){width:79px}
}
@media(prefers-reduced-motion:reduce){
 .sg-cosmos-logo:before,.sg-cosmos-logo:after,.sg-logo-wind i{animation:none!important;opacity:.45}
}


/* 차량별 서비스 범위 마퀴: 방문자 안내용이며 SEO 키워드 반복 목적이 아님 */
.sg-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}
.sg-marquee-content{display:flex;align-items:center;gap:0;flex:0 0 auto;width:max-content;min-width:0;white-space:nowrap;animation:sg-marquee 150s linear infinite;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-size:12px;font-weight:700;letter-spacing:.015em}
.sg-marquee-set{display:flex;align-items:center;flex:0 0 auto;gap:28px;padding-right:28px;white-space:nowrap}
.sg-marquee-set>span:not(.sg-marquee-kind){color:#b4daf1;transition:color .25s}
.sg-marquee-set>b{font-size:11px;color:#51bfff;font-weight:900;opacity:.9}
.sg-marquee-set>b:last-child{color:#5ce5ff;opacity:.75}
.sg-marquee-kind{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid rgba(86,194,248,.4);border-radius:3px;background:rgba(17,84,143,.36);color:#d8f5ff;font-size:10px;letter-spacing:.045em;font-weight:800}
.sg-marquee:hover .sg-marquee-content{animation-play-state:paused}
@media(max-width:680px){.sg-marquee-content{font-size:11px;letter-spacing:0}.sg-marquee-set{gap:18px;padding-right:18px}.sg-marquee-kind{font-size:9px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.sg-marquee-content{animation:none!important;transform:none!important}}


/* ===== V3.3 curated marquee + Korea map refinements ===== */
.sg-marquee-content{animation-duration:96s}
.sg-marquee-kind{font-weight:900}
.sg-marquee-set>span:not(.sg-marquee-kind){color:#c2e5f7}

.sg-cosmos-map .sg-baengnyeong-outline,.sg-map-scene .sg-baengnyeong-outline{fill:url(#sg-korea-fill-hero);stroke:#6ee1ff;stroke-width:1.8;filter:drop-shadow(0 0 6px rgba(72,196,255,.35))}
.sg-map-scene .sg-baengnyeong-outline{fill:url(#sg-map-fill);filter:url(#sg-map-glow)}
.sg-cosmos-map .sg-north-zone,.sg-map-scene .sg-north-zone{fill:rgba(255,115,115,.18)}
.sg-cosmos-map .sg-dmz-line,.sg-map-scene .sg-dmz-line{fill:none;stroke:rgba(255,171,171,.88);stroke-width:2.4;stroke-dasharray:8 8;filter:drop-shadow(0 0 7px rgba(255,106,106,.28))}
.sg-cosmos-map .sg-north-alert text,.sg-map-scene .sg-north-alert text{fill:#ffd9d9;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:rgba(53,6,15,.48);stroke-width:3px;letter-spacing:-.04em}
.sg-cosmos-map .sg-north-alert text:first-child,.sg-map-scene .sg-north-alert text:first-child{font-size:18px}
.sg-cosmos-map .sg-north-alert text:last-child,.sg-map-scene .sg-north-alert text:last-child{font-size:20px;fill:#ff9f9f}
.sg-cosmos-map .sg-island-tag text,.sg-map-scene .sg-island-tag text{fill:#eefaff;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-size:14px;font-weight:700;paint-order:stroke;stroke:rgba(4,15,29,.55);stroke-width:3px;stroke-linejoin:round}
.sg-cosmos-map .sg-island-tag circle,.sg-map-scene .sg-island-tag circle{fill:#a7f6ff;stroke:#eefeff;stroke-width:1.2;filter:drop-shadow(0 0 6px rgba(116,236,255,.45))}
.sg-cosmos-map .sg-island-tag-west text,.sg-map-scene .sg-island-tag-west text{text-anchor:start}
.sg-cosmos-map .sg-island-tag-east text,.sg-map-scene .sg-island-tag-east text{text-anchor:start}
@media(max-width:680px){
  .sg-cosmos-map .sg-north-alert text:first-child,.sg-map-scene .sg-north-alert text:first-child{font-size:14px}
  .sg-cosmos-map .sg-north-alert text:last-child,.sg-map-scene .sg-north-alert text:last-child{font-size:15px}
  .sg-cosmos-map .sg-island-tag text,.sg-map-scene .sg-island-tag text{font-size:10px;stroke-width:2.3px}
}


/* ===== V3.4 next-stage map enhancement ===== */
.sg-cosmos-map .sg-north-zone-hatch,.sg-map-scene .sg-north-zone-hatch{opacity:.95}
.sg-cosmos-map .sg-dmz-text,.sg-map-scene .sg-dmz-text{fill:#ffd4d4;font-family:Manrope,'Pretendard Variable','Noto Sans KR',sans-serif;font-size:12px;font-weight:900;letter-spacing:.22em;text-anchor:middle;opacity:.95}
.sg-cosmos-map .sg-sea-label,.sg-map-scene .sg-sea-label{fill:rgba(140,216,255,.85);font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-size:15px;font-weight:700;letter-spacing:-.05em}
.sg-cosmos-map .sg-sea-label-west,.sg-map-scene .sg-sea-label-west{text-anchor:start}
.sg-cosmos-map .sg-sea-label-east,.sg-map-scene .sg-sea-label-east{text-anchor:start}
.sg-korea-route-island{stroke:#9cecff!important;stroke-width:2.4!important;stroke-dasharray:100;opacity:0}
.sg-map-route-island.sg-map-route-base{stroke:#7ee6ff!important;stroke-width:1.9!important;opacity:.42}
.sg-map-route-island.sg-map-route-pulse{stroke:#effdff!important;stroke-width:3.1!important;stroke-dasharray:14 86}
.sg-cosmos-map .sg-island-tag{opacity:0;animation:sgCosmosIslandTag 24s ease-out infinite}
.sg-cosmos-map .sg-island-tag-west{animation-delay:16.1s}.sg-cosmos-map .sg-island-tag-east{animation-delay:16.9s}
.sg-cosmos-map .sg-city-group-9{animation:sgCosmosCity9 24s ease-out infinite}
.sg-cosmos-map .sg-city-group-10{animation:sgCosmosCity10 24s ease-out infinite}
.sg-map-city-9,.sg-map-city-10{opacity:1}
@keyframes sgCosmosIslandTag{0%,72%{opacity:0;transform:translateY(4px)}78%,94%{opacity:1;transform:translateY(0)}100%{opacity:.95;transform:translateY(0)}}
@keyframes sgCosmosCity9{0%,74%{opacity:0;transform:translateY(8px) scale(.82)}80%,98%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(0) scale(1)}}
@keyframes sgCosmosCity10{0%,76%{opacity:0;transform:translateY(8px) scale(.82)}82%,98%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(0) scale(1)}}
.sg-cosmos-map .sg-korea-route-29{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:5.04s}
.sg-cosmos-map .sg-korea-route-30{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:5.22s}
.sg-map-scene .sg-map-route-29.sg-map-route-pulse{animation-delay:3.08s}
.sg-map-scene .sg-map-route-30.sg-map-route-pulse{animation-delay:3.19s}
@media(max-width:680px){
  .sg-cosmos-map .sg-dmz-text,.sg-map-scene .sg-dmz-text{font-size:9px}
  .sg-cosmos-map .sg-sea-label,.sg-map-scene .sg-sea-label{font-size:11px}
  .sg-korea-route-island{stroke-width:2.1!important}
  .sg-map-route-island.sg-map-route-pulse{stroke-width:2.5!important}
}


/* ===== V3.5 Baengnyeong + DMZ correction ===== */
.sg-cosmos-map .sg-north-alert text,.sg-map-scene .sg-north-alert text{font-size:20px}
@media(max-width:680px){.sg-cosmos-map .sg-north-alert text,.sg-map-scene .sg-north-alert text{font-size:15px}}

/* ==================================================================
   Section 02 | Futuristic logistics operations mission (V3.6)
   Isolated selectors: no impact on 9-section layout / contact / SEO.
   ================================================================== */
.sg-command{position:relative;isolation:isolate;overflow:hidden}
.sg-command:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 34% 44%,rgba(23,124,217,.16),transparent 49%),radial-gradient(ellipse at 94% 16%,rgba(19,167,196,.075),transparent 38%)}
.sg-mission-layout{position:relative;grid-template-columns:minmax(0,1.5fr) minmax(270px,.72fr);gap:18px;align-items:stretch}
.sg-console.sg-mission-console{--sg-mission-fill:0%;min-width:0;padding:27px 27px 22px;border:1px solid rgba(88,176,241,.38);background:linear-gradient(142deg,rgba(9,40,80,.94) 0%,rgba(3,17,41,.97) 75%);box-shadow:0 22px 65px rgba(0,3,22,.33),inset 0 1px 0 rgba(155,231,255,.06);border-radius:14px;isolation:isolate}
.sg-mission-console:after{content:"";position:absolute;width:340px;height:340px;right:-230px;top:-240px;border:1px solid rgba(76,202,254,.23);border-radius:50%;box-shadow:0 0 0 44px rgba(38,153,239,.023),0 0 0 98px rgba(38,153,239,.012);pointer-events:none;z-index:-1}
.sg-mission-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sg-mission-header small{color:#709cbe;font-size:10px;letter-spacing:-.02em}
.sg-mission-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 28px}
.sg-mission-overline{font-size:11px!important;color:#55caff!important;font-weight:800;letter-spacing:.025em;margin-bottom:10px}
.sg-mission-intro h3{font-size:clamp(20px,2vw,28px);line-height:1.35;letter-spacing:-.065em;color:#f1f9ff;font-weight:850}
.sg-mission-intro h3 em{font-style:normal;color:#73daff}
.sg-mission-intro p:last-child{font-size:12px;color:#89a9c9;line-height:1.75;margin-top:10px;max-width:490px}
.sg-mission-orbit{position:relative;flex:0 0 72px;height:72px;border:1px solid rgba(88,201,251,.5);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 23px rgba(38,145,219,.17),0 0 25px rgba(33,140,227,.09)}
.sg-mission-orbit:before,.sg-mission-orbit:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(100,209,253,.19);border-radius:50%;transform:rotate(-30deg) scaleY(.48)}
.sg-mission-orbit:after{transform:rotate(48deg) scaleY(.48);border-color:rgba(100,209,253,.35)}
.sg-mission-orbit-core{color:#d5faff;font-size:32px;text-shadow:0 0 18px #23bfff}
.sg-mission-orbit-satellite{position:absolute;right:-4px;top:5px;color:#74e9ff;font-size:12px;filter:drop-shadow(0 0 7px #55cfff);animation:sgMissionSatellite 5s linear infinite}
.sg-mission-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 0 3px}
.sg-mission-rail{position:absolute;left:11%;right:11%;top:39px;height:2px;background:rgba(58,145,202,.28);overflow:hidden;pointer-events:none;z-index:0}
.sg-mission-rail>span{display:block;height:100%;width:var(--sg-mission-fill);background:linear-gradient(90deg,#2478e4,#82f2ff);box-shadow:0 0 18px rgba(87,216,255,.78);transition:width 1.1s cubic-bezier(.15,.72,.2,1)}
.sg-mission-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;min-height:166px;padding:16px 12px 14px;background:linear-gradient(148deg,rgba(13,45,84,.7),rgba(5,26,53,.83));border:1px solid rgba(82,165,226,.22);border-radius:11px;color:#d7e8f9;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.sg-mission-stage:hover{transform:translateY(-3px);border-color:rgba(119,224,255,.6)}
.sg-mission-stage:focus-visible,.sg-mission-action:focus-visible{outline:2px solid #b8f4ff;outline-offset:3px}
.sg-mission-stage.is-active{border-color:#74dfff;background:linear-gradient(155deg,rgba(23,90,146,.68),rgba(8,37,80,.91));box-shadow:0 0 0 1px rgba(65,214,255,.15),0 0 30px rgba(38,149,243,.17),inset 0 1px 0 rgba(150,239,255,.18)}
.sg-mission-stage.is-done{border-color:rgba(89,199,245,.45)}
.sg-mission-stage-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2px}
.sg-mission-stage-index{font-size:11px;letter-spacing:.1em;font-weight:900;color:#7398b9}
.sg-mission-stage.is-active .sg-mission-stage-index,.sg-mission-stage.is-done .sg-mission-stage-index{color:#88ecff}
.sg-mission-stage-emoji{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border:1px solid rgba(115,218,255,.36);border-radius:50%;background:radial-gradient(circle at 40% 31%,rgba(53,165,232,.23),rgba(4,29,64,.95) 70%);box-shadow:inset 0 0 0 5px rgba(5,30,58,.65),0 0 0 6px rgba(62,180,237,.035);font-size:27px;line-height:1;transition:box-shadow .35s,transform .4s,border-color .35s}
.sg-mission-stage.is-active .sg-mission-stage-emoji{border-color:rgba(159,246,255,.9);box-shadow:0 0 0 7px rgba(70,187,239,.11),0 0 25px rgba(56,197,250,.38),inset 0 0 16px rgba(65,159,248,.2);transform:scale(1.06);animation:sgMissionEmojiPulse 2.3s ease-in-out infinite}
.sg-mission-stage strong{display:block;font-size:13px;line-height:1.5;font-weight:850;letter-spacing:-.04em;margin-top:16px;color:#eaf8ff;word-break:keep-all}
.sg-mission-stage small{display:block;font-size:10px;font-weight:500;line-height:1.6;color:#8aabc7;letter-spacing:-.035em;margin-top:6px;word-break:keep-all}
.sg-mission-focus{position:relative;display:flex;align-items:flex-start;gap:15px;margin-top:21px;min-height:151px;padding:19px 19px 18px;background:linear-gradient(92deg,rgba(13,78,127,.36),rgba(7,34,75,.34));border:1px solid rgba(79,169,221,.27);border-left:3px solid #60d7ff;border-radius:9px;transition:box-shadow .35s}
.sg-mission-console.is-playing .sg-mission-focus{box-shadow:inset 0 0 22px rgba(36,129,207,.08)}
.sg-mission-focus-icon{display:grid;place-items:center;width:62px;height:62px;flex:0 0 62px;border-radius:16px;border:1px solid rgba(105,224,255,.43);background:radial-gradient(circle at 32% 20%,rgba(54,159,237,.37),rgba(3,26,61,.96));font-size:30px;box-shadow:0 0 25px rgba(38,144,230,.13)}
.sg-mission-focus-index{display:block;color:#7ad9ff;font-size:11px;font-weight:800;letter-spacing:.02em}
.sg-mission-focus-copy h4{font-size:18px;font-weight:850;line-height:1.45;letter-spacing:-.055em;color:#e9f9ff;margin:7px 0 7px;word-break:keep-all}
.sg-mission-focus-copy p{font-size:12px;color:#a6bfd8;line-height:1.8;word-break:keep-all}
.sg-mission-checks{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;min-height:29px}
.sg-mission-checks span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(79,171,225,.23);border-radius:999px;padding:5px 11px;color:#9cc7e2;background:rgba(11,55,96,.44);font-size:10px;font-weight:750}
.sg-mission-checks span:before{content:'✦';font-size:8px;color:#72eaff}
.sg-mission-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(78,159,209,.22);padding-top:15px;margin-top:18px}
.sg-mission-state{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#b6def3;font-weight:700}
.sg-mission-state-light{display:block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#64d8ff;box-shadow:0 0 13px rgba(99,221,255,.4)}
.sg-mission-console.is-playing .sg-mission-state-light{animation:sgMissionLight 1.3s ease-in-out infinite}
.sg-mission-state small{font-size:10px;color:#668ba9;border-left:1px solid rgba(91,174,218,.25);padding-left:9px}
.sg-mission-actions{display:flex;gap:8px}
.sg-mission-action{border:1px solid rgba(91,190,241,.35);background:rgba(19,75,122,.35);border-radius:6px;padding:9px 11px;color:#c8eeff;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.sg-mission-action:hover{background:rgba(29,116,182,.45);border-color:rgba(116,222,255,.7)}
.sg-mission-replay{background:linear-gradient(100deg,rgba(22,110,178,.55),rgba(23,70,131,.62))}
.sg-mission-console:not(.is-playing) .sg-mission-action#sg-mission-pause{opacity:.76}
@keyframes sgMissionEmojiPulse{50%{box-shadow:0 0 0 10px rgba(70,187,239,.02),0 0 33px rgba(56,197,250,.5),inset 0 0 22px rgba(65,159,248,.22)}}
@keyframes sgMissionLight{50%{opacity:.35;box-shadow:0 0 0 7px rgba(70,188,239,.04)}}
@keyframes sgMissionSatellite{50%{transform:translate(-5px,5px) rotate(90deg)}100%{transform:rotate(360deg)}}
@media(max-width:1180px){.sg-mission-layout{grid-template-columns:minmax(0,1.2fr) minmax(245px,.75fr)}.sg-console.sg-mission-console{padding:22px 19px 18px}.sg-mission-stage{padding:13px 8px;min-height:160px}.sg-mission-stage-emoji{width:46px;height:46px;font-size:23px}.sg-mission-stage strong{font-size:12px}.sg-mission-stage small{font-size:9px}}
@media(max-width:980px){.sg-mission-layout{grid-template-columns:1fr}.sg-control-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sg-control-side .sg-mini-stat{min-width:0;padding:18px 13px}.sg-control-side .sg-mini-stat strong{font-size:14px}.sg-control-side .sg-mini-stat span{word-break:keep-all}}
@media(max-width:680px){.sg-console.sg-mission-console{padding:17px 13px 15px;border-radius:12px}.sg-mission-header{align-items:flex-start}.sg-mission-header small{font-size:9px}.sg-mission-intro{margin:18px 0 20px}.sg-mission-intro h3{font-size:20px}.sg-mission-intro p:last-child{font-size:11px}.sg-mission-orbit{flex-basis:48px;height:48px}.sg-mission-orbit-core{font-size:24px}.sg-mission-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sg-mission-rail{display:none}.sg-mission-stage{min-height:131px;padding:11px 12px}.sg-mission-stage-emoji{width:45px;height:45px;font-size:23px}.sg-mission-stage strong{font-size:13px;margin-top:9px}.sg-mission-stage small{font-size:10px;margin-top:3px}.sg-mission-focus{min-height:unset;padding:15px 12px;gap:11px;margin-top:15px}.sg-mission-focus-icon{flex-basis:44px;width:44px;height:44px;font-size:24px;border-radius:12px}.sg-mission-focus-copy h4{font-size:15px}.sg-mission-focus-copy p{font-size:11px}.sg-mission-checks{margin-top:10px}.sg-mission-footer{padding-top:12px;margin-top:12px}.sg-control-side{grid-template-columns:1fr}.sg-control-side .sg-mini-stat{padding:17px 18px}.sg-mission-state small{display:none}}
@media(prefers-reduced-motion:reduce){.sg-mission-orbit-satellite,.sg-mission-stage.is-active .sg-mission-stage-emoji,.sg-mission-console.is-playing .sg-mission-state-light{animation:none!important}.sg-mission-rail>span,.sg-mission-stage{transition:none!important}}


/* ===== V3.8 Southern no-service alert + Gyeonggi node ===== */
/* Gyeonggi is a province-area representative point, not a realtime dispatch position. */
.sg-cosmos-map .sg-city-group-11{animation:sgCosmosCity11 24s ease-out infinite}
@keyframes sgCosmosCity11{0%,72%{opacity:0}77%,98%{opacity:1}100%{opacity:0}}
.sg-cosmos-map .sg-city-group-gyeonggi .sg-city-node,
.sg-map-scene .sg-map-city-gyeonggi>circle:first-child{fill:#c3f8ff;stroke:#fff;filter:drop-shadow(0 0 6px #58c9ff)}
.sg-cosmos-map .sg-city-group-gyeonggi text,
.sg-map-scene .sg-map-city-gyeonggi text{fill:#e7faff;paint-order:stroke;stroke:rgba(1,20,44,.86);stroke-width:3.5px;font-weight:800}
.sg-cosmos-map .sg-korea-route-31{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:4.14s}
.sg-cosmos-map .sg-korea-route-32{animation:sgCosmosDenseRoute 24s linear infinite;animation-delay:4.38s}
.sg-map-scene .sg-map-route-31.sg-map-route-pulse{animation-delay:1.21s}
.sg-map-scene .sg-map-route-32.sg-map-route-pulse{animation-delay:1.44s}
.sg-map-scene .sg-map-city-11{opacity:1}
@media (max-width:680px){
.sg-cosmos-map .sg-city-group-gyeonggi text,
.sg-map-scene .sg-map-city-gyeonggi text{stroke-width:2.8px}
}
@media (prefers-reduced-motion:reduce){
.sg-cosmos-map .sg-city-group-11{animation:none!important;opacity:1!important}
.sg-cosmos-map .sg-korea-route-31,.sg-cosmos-map .sg-korea-route-32{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}
}


/* ===== V4.1 typography and readability refinement (site-wide) ===== */
.sg-site{font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-size:15px;font-weight:450;line-height:1.78;letter-spacing:-.025em;word-break:keep-all;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sg-site :is(h1,h2,h3,h4,h5,h6,strong,b,.sg-button,.sg-nav-links a){font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;letter-spacing:-.04em}
.sg-site :is(.sg-hero-copy h1,.sg-heading-row h2,.sg-detail-head h1,.sg-brand strong){font-weight:850;letter-spacing:-.06em}
.sg-site :is(.sg-promise h2,.sg-quote-mark){font-family:'Noto Serif KR','Pretendard Variable','Noto Sans KR',serif;letter-spacing:-.045em;font-weight:700}
.sg-site :is(.sg-hero-lead,.sg-heading-side p,.sg-region-content p,.sg-solution-item p,.sg-guide-card p,.sg-guide-checklist li,.sg-journey-aside>p:not(.sg-kicker)){font-size:15px;line-height:1.88}
.sg-site :is(.sg-reason-card p,.sg-fleet-card p,.sg-detail-highlight p,.sg-fleet-note,.sg-detail-block p,.sg-faq-answer){font-size:14px;line-height:1.82}
.sg-site :is(.sg-hero-caption,.sg-hero-bottom,.sg-network-caution,.sg-map-label,.sg-map-facts span,.sg-business-orbit-heading p,.sg-track-header small,.sg-system-tile small,.sg-orbit-nodes a small){font-size:12px;letter-spacing:-.015em;line-height:1.65}
.sg-site :is(.sg-kicker,.sg-nav-links a,.sg-eyetag,.sg-reason-index,.sg-fleet-top,.sg-panel-title,.sg-track-header,.sg-solution-item>span,.sg-footer-brand small,.sg-footer-bottom,.sg-detail-other a){font-size:12px;line-height:1.6}
.sg-site :is(.sg-brand small,.sg-hero-kicker,.sg-float-panel>span,.sg-float-panel small,.sg-art-readout){font-size:10px;letter-spacing:.02em}
.sg-site :is(.sg-flow-captions,.sg-console-bottom,.sg-console-top small,.sg-solution-item>a,.sg-fleet-card>a,.sg-journey-buttons button,.sg-guide-badge,.sg-mini-car small){font-size:12px;line-height:1.6;letter-spacing:-.015em}
.sg-site .sg-nav-cta{font-size:12px}
.sg-site .sg-hero-actions .sg-button{font-size:13px}
.sg-site .sg-marquee-content{font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-size:12px;letter-spacing:.004em}
.sg-site .sg-mini-stat small{font-size:12px}
.sg-site .sg-mini-stat span{font-size:12px;line-height:1.75}
.sg-site .sg-mini-stat strong{font-size:clamp(16px,1.3vw,19px);line-height:1.52}
.sg-site .sg-mission-header small{font-size:12px;line-height:1.5}
.sg-site .sg-mission-intro p:last-child{font-size:14px;line-height:1.82}
.sg-site .sg-mission-stage-index{font-size:12px}
.sg-site .sg-mission-stage strong{font-size:14px;line-height:1.42}
.sg-site .sg-mission-stage small{font-size:12px;line-height:1.55}
.sg-site .sg-mission-focus-index{font-size:12px}
.sg-site .sg-mission-focus-copy h4{font-size:19px;line-height:1.45}
.sg-site .sg-mission-focus-copy p{font-size:14px;line-height:1.78}
.sg-site .sg-mission-checks span{font-size:12px}
.sg-site .sg-mission-state{font-size:13px}
.sg-mission-infinite{font:700 12px 'Pretendard Variable','Noto Sans KR',sans-serif;letter-spacing:.04em;color:#82e2ff;white-space:nowrap}
.sg-mission-console.is-playing .sg-mission-stage.is-active{animation:sgMissionPremiumGlow 2.5s ease-in-out infinite}
@keyframes sgMissionPremiumGlow{50%{box-shadow:0 0 30px rgba(32,163,244,.29),inset 0 0 17px rgba(55,190,255,.13)}}
.sg-site .sg-detail-faq-head>p:last-child{font-size:14px;line-height:1.8}
.sg-site .sg-faq-question summary{font-size:16px;line-height:1.68}
.sg-site .sg-faq-question summary>span{font-size:12px}
.sg-site .sg-faq-answer{font-size:15px;line-height:1.88}
@media(max-width:1180px){
  .sg-site .sg-mission-stage{min-height:167px}
  .sg-site .sg-mission-stage strong{font-size:13px}
  .sg-site .sg-mission-stage small{font-size:11px}
}
@media(max-width:680px){
  .sg-site{font-size:14px;line-height:1.76}
  .sg-site .sg-brand small{font-size:8px;letter-spacing:.01em}
  .sg-site :is(.sg-hero-kicker,.sg-eyetag,.sg-kicker){font-size:11px}
  .sg-site :is(.sg-hero-lead,.sg-heading-side p,.sg-region-content p,.sg-solution-item p,.sg-guide-card p,.sg-guide-checklist li,.sg-journey-aside>p:not(.sg-kicker)){font-size:14px;line-height:1.83}
  .sg-site :is(.sg-reason-card p,.sg-fleet-card p,.sg-detail-highlight p,.sg-fleet-note,.sg-detail-block p){font-size:13px;line-height:1.76}
  .sg-site :is(.sg-hero-caption,.sg-hero-bottom,.sg-map-label,.sg-network-caution,.sg-fleet-top,.sg-reason-index,.sg-solution-item>span){font-size:11px}
  .sg-site :is(.sg-panel-title,.sg-track-header,.sg-track-header small){font-size:11px}
  .sg-site .sg-fleet-card>a,.sg-site .sg-solution-item>a{font-size:12px}
  .sg-site .sg-journey-buttons button{font-size:11px}
  .sg-site .sg-hero-actions .sg-button{font-size:12px}
  .sg-site .sg-nav-cta{font-size:11px}
  .sg-site .sg-mission-intro p:last-child{font-size:13px}
  .sg-site .sg-mission-stage strong{font-size:14px}
  .sg-site .sg-mission-stage small{font-size:12px}
  .sg-site .sg-mission-focus-copy h4{font-size:17px}
  .sg-site .sg-mission-focus-copy p{font-size:13px}
  .sg-site .sg-mission-header small{font-size:11px}
  .sg-site .sg-faq-question summary{font-size:15px;padding:18px 15px}
  .sg-site .sg-faq-answer{font-size:14px;padding:0 16px 23px 35px}
  .sg-site .sg-marquee-content{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.sg-mission-console.is-playing .sg-mission-stage.is-active{animation:none!important}}

/* =============================================================
   SECTION 04 · KOREAN FREIGHT FLEET / PREMIUM COSMIC SHOWCASE
   All selectors scoped to #fleet. Existing sections remain intact.
   ============================================================= */
#fleet.sg-fleet-showcase{position:relative;isolation:isolate;overflow:hidden;padding:115px 0 122px;background:radial-gradient(ellipse 47% 28% at 8% 6%,rgba(22,113,210,.18),transparent 85%),radial-gradient(ellipse 38% 46% at 94% 62%,rgba(10,101,173,.14),transparent 84%),linear-gradient(180deg,#030c1c 0%,#071529 45%,#030e20 100%)}
#fleet .sg-fleet-nebula{position:absolute;inset:0;pointer-events:none;opacity:.52;background-image:radial-gradient(1.2px 1.2px at 12% 14%,rgba(210,237,255,.9) 70%,transparent 90%),radial-gradient(1px 1px at 71% 22%,rgba(87,171,241,.8) 70%,transparent 90%),radial-gradient(1.2px 1.2px at 33% 77%,rgba(177,218,255,.66) 70%,transparent 90%);background-size:280px 330px,490px 450px,620px 540px;z-index:-1}
#fleet .sg-heading-row{position:relative;z-index:1;margin-bottom:27px}
#fleet .sg-heading-row h2{letter-spacing:-.052em;line-height:1.4}
#fleet .sg-heading-row h2 em{font-style:normal;color:#aeeaff}
#fleet .sg-heading-side p{line-height:1.9}
#fleet .sg-showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 23px 17px;margin:8px 0 40px;background:linear-gradient(100deg,rgba(11,42,79,.68),rgba(3,17,34,.75));border:1px solid rgba(94,181,239,.24);position:relative}
#fleet .sg-showcase-toolbar:before{content:"";position:absolute;left:0;top:0;width:38%;height:2px;background:linear-gradient(90deg,#56cdfd,transparent);box-shadow:0 0 13px rgba(72,207,255,.48)}
#fleet .sg-showcase-toolbar>p{display:flex;gap:12px;align-items:center;color:#bfd9ec;font-size:13px;font-weight:700;letter-spacing:-.012em}
#fleet .sg-showcase-pulse{height:8px;width:8px;display:inline-block;border-radius:50%;background:#6aeeff;box-shadow:0 0 13px rgba(88,223,254,.92),0 0 0 5px rgba(44,162,238,.1);animation:sgFleetPulse 2.8s ease-in-out infinite;flex-shrink:0}
#fleet .sg-showcase-jumps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#fleet .sg-showcase-jumps a{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(94,185,234,.29);background:rgba(3,20,40,.7);color:#d7ecfb;font-size:12px;font-weight:750;text-decoration:none;transition:.25s ease}
#fleet .sg-showcase-jumps a span{font:800 10px 'Manrope','Pretendard Variable',sans-serif;color:#67ddff}
#fleet .sg-showcase-jumps a:hover,#fleet .sg-showcase-jumps a:focus-visible{border-color:rgba(134,228,255,.89);background:rgba(22,87,136,.44);color:white;outline:none;box-shadow:0 0 26px rgba(35,136,217,.13)}
#fleet .sg-showcase-group{position:relative;scroll-margin-top:110px;margin-top:46px}
#fleet .sg-showcase-group+.sg-showcase-group{margin-top:65px}
#fleet .sg-showcase-group-title{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 0 22px;margin-bottom:16px;border-bottom:1px solid rgba(90,164,220,.26)}
#fleet .sg-showcase-group-identity{display:flex;align-items:center;gap:20px}
#fleet .sg-showcase-group-index{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:1px solid rgba(81,186,241,.38);color:#66d7ff;background:radial-gradient(circle at 50% 15%,rgba(25,123,189,.26),transparent 72%),rgba(9,31,55,.8);font:800 15px 'Manrope',sans-serif;box-shadow:inset 0 0 16px rgba(21,124,204,.13)}
#fleet .sg-showcase-group-identity small{display:block;font-size:11px;letter-spacing:.08em;color:#79afd3;font-weight:750;margin-bottom:6px}
#fleet .sg-showcase-group-identity h3{font-size:clamp(22px,2.5vw,31px);font-weight:800;line-height:1.3;color:#f5fbff;letter-spacing:-.045em}
#fleet .sg-showcase-group-title>p{color:#9bb7ce;max-width:420px;text-align:right;font-size:13px;line-height:1.85}
#fleet .sg-showcase-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px;align-items:stretch}
#fleet .sg-showcase-card{grid-column:span 3;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(102,177,226,.24);background:linear-gradient(146deg,rgba(13,43,75,.86),rgba(6,20,39,.94) 60%,rgba(4,18,38,.94));transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;box-shadow:0 13px 34px rgba(1,7,22,.18)}
#fleet .sg-showcase-card:after{position:absolute;inset:0;content:"";z-index:0;pointer-events:none;border:1px solid transparent;background:linear-gradient(135deg,rgba(83,209,255,.06),transparent 43%) border-box}
#fleet .sg-showcase-card:before{content:"";position:absolute;z-index:5;right:0;top:0;width:35px;height:35px;background:linear-gradient(225deg,rgba(48,172,229,.65),rgba(48,172,229,.65)) right top/2px 21px no-repeat,linear-gradient(90deg,rgba(48,172,229,.65),rgba(48,172,229,.65)) right top/21px 2px no-repeat;pointer-events:none;opacity:.65}
#fleet .sg-showcase-card:hover{transform:translateY(-6px);border-color:rgba(122,221,255,.72);box-shadow:0 24px 58px rgba(0,7,24,.42),0 0 30px rgba(42,156,240,.12)}
#fleet .sg-showcase-card:focus-within{border-color:#7bdfff;outline:2px solid rgba(73,192,247,.65);outline-offset:2px}
#fleet .sg-showcase-card.sg-showcase-featured{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);background:linear-gradient(128deg,rgba(13,50,85,.88),rgba(5,24,47,.96))}
#fleet .sg-showcase-media{position:relative;isolation:isolate;overflow:hidden;height:194px;background:#0c2746}
#fleet .sg-showcase-featured .sg-showcase-media{height:100%;min-height:310px}
#fleet .sg-showcase-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,14,29,.01) 40%,rgba(4,19,37,.58) 100%);pointer-events:none}
#fleet .sg-showcase-featured .sg-showcase-media:after{background:linear-gradient(90deg,rgba(2,15,33,.01) 52%,rgba(2,17,36,.43))}
#fleet .sg-showcase-media:before{content:"";position:absolute;z-index:2;bottom:12px;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(72,219,255,.75),transparent);box-shadow:0 0 14px #32bfff;pointer-events:none}
#fleet .sg-showcase-media img{display:block;height:100%;width:100%;object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.06);transition:transform .75s cubic-bezier(.18,.7,.15,1),filter .65s}
#fleet .sg-showcase-featured .sg-showcase-media img{object-position:43% center}
#fleet .sg-showcase-card:hover .sg-showcase-media img{transform:scale(1.055);filter:saturate(1.05) contrast(1.08)}
#fleet .sg-showcase-visual-index{position:absolute;z-index:3;left:14px;top:13px;padding:5px 9px;font:750 10px 'Manrope',sans-serif;letter-spacing:.1em;color:#daeeff;background:rgba(1,17,36,.67);border:1px solid rgba(138,208,250,.26);backdrop-filter:blur(7px)}
#fleet .sg-showcase-media-glow{position:absolute;z-index:3;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#35c5fa 42%,#8afaff 54%,transparent);opacity:.65;box-shadow:0 0 15px rgba(35,194,245,.52);transform:scaleX(.55);transition:transform .42s,opacity .42s}
#fleet .sg-showcase-card:hover .sg-showcase-media-glow{transform:scaleX(1);opacity:1}
#fleet .sg-showcase-copy{position:relative;display:flex;flex-direction:column;flex:1;padding:22px 19px 19px;z-index:1;min-width:0}
#fleet .sg-showcase-featured .sg-showcase-copy{justify-content:center;padding:30px 26px}
#fleet .sg-showcase-eyebrow{color:#69ccf6;font:800 10px 'Manrope',sans-serif;letter-spacing:.105em;margin-bottom:11px}
#fleet .sg-showcase-copy h4{font-size:21px;font-weight:830;line-height:1.38;color:#f8fcff;letter-spacing:-.055em;margin:0 0 9px}
#fleet .sg-showcase-featured .sg-showcase-copy h4{font-size:25px}
#fleet .sg-showcase-copy>strong{font-size:13px;font-weight:760;color:#b6eaff;line-height:1.65;letter-spacing:-.03em}
#fleet .sg-showcase-copy>p{color:#a5bed3;line-height:1.85;font-size:12px;margin:9px 0 18px;letter-spacing:-.018em}
#fleet .sg-showcase-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
#fleet .sg-showcase-tags span{display:inline-flex;align-items:center;min-height:24px;color:#c2dded;font-size:10px;font-weight:650;padding:4px 7px;white-space:nowrap;border:1px solid rgba(86,165,220,.24);background:rgba(25,72,108,.29)}
#fleet .sg-showcase-copy>a{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:19px;padding-top:13px;border-top:1px solid rgba(90,160,212,.22);font-size:12px;letter-spacing:-.02em;color:#8bdaff;font-weight:750}
#fleet .sg-showcase-copy>a span{font-size:21px;line-height:1;transition:transform .25s}
#fleet .sg-showcase-card:hover .sg-showcase-copy>a span{transform:translate(3px,-3px)}
#fleet .sg-showcase-disclaimer{margin-top:34px;border-top:1px solid rgba(97,175,228,.19);padding-top:19px;font-size:12px;line-height:1.95;color:#829fba}
#fleet .sg-showcase-disclaimer strong{color:#c4dcf1;font-weight:750}

#fleet .sg-showcase-metrics{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
#fleet .sg-showcase-metrics span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(103,197,244,.25);background:rgba(14,54,89,.5);color:#dcf5ff;font:780 10.5px 'Manrope','Pretendard Variable',sans-serif;letter-spacing:.04em}
.sg-fleet-modal{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;padding:24px}
.sg-fleet-modal[hidden]{display:none!important}
body.sg-modal-open{overflow:hidden}
.sg-fleet-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,11,24,.56);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer}
.sg-fleet-modal-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:min(86vh,920px);overflow:auto;padding:24px 24px 22px;background:linear-gradient(180deg,rgba(7,24,44,.96),rgba(5,16,31,.98));border:1px solid rgba(108,205,255,.34);box-shadow:0 25px 70px rgba(0,0,0,.42),0 0 0 1px rgba(65,157,214,.08) inset}
.sg-fleet-modal-dialog:before{content:'';position:absolute;left:0;top:0;width:42%;height:2px;background:linear-gradient(90deg,#61dbff,transparent);box-shadow:0 0 16px rgba(82,219,255,.52)}
.sg-fleet-modal-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.sg-fleet-modal-topbar small{display:block;color:#78b8da;font:800 11px 'Manrope',sans-serif;letter-spacing:.12em;margin-bottom:8px}
.sg-fleet-modal-topbar h3{font-size:30px;line-height:1.2;font-weight:820;letter-spacing:-.05em;color:#f5fbff;margin:0}
.sg-fleet-modal-close{flex:0 0 auto;width:44px;height:44px;border:1px solid rgba(124,214,255,.35);background:rgba(8,28,49,.82);color:#d8f2ff;font-size:28px;line-height:1;cursor:pointer}
.sg-fleet-modal-close:hover{background:rgba(19,71,110,.84);border-color:rgba(136,230,255,.85)}
.sg-fleet-modal-summary{font-size:15px;line-height:1.85;color:#c0d5e7;margin:0 0 18px}
.sg-fleet-modal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.sg-fleet-modal-metric{padding:14px 14px 15px;background:linear-gradient(180deg,rgba(17,56,90,.58),rgba(7,28,49,.8));border:1px solid rgba(100,191,240,.22)}
.sg-fleet-modal-metric small{display:block;color:#78b4d6;font-size:11px;font-weight:780;letter-spacing:.08em;margin-bottom:8px}
.sg-fleet-modal-metric strong{display:block;color:#eefaff;font-size:16px;line-height:1.45;font-weight:800;letter-spacing:-.03em}
.sg-fleet-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sg-fleet-modal-block{padding:17px 17px 16px;background:rgba(8,26,44,.84);border:1px solid rgba(88,170,224,.2)}
.sg-fleet-modal-block h4{margin:0 0 10px;font-size:15px;font-weight:790;color:#f2fbff;letter-spacing:-.03em}
.sg-fleet-modal-block p{margin:0;color:#a8c2d7;font-size:14px;line-height:1.82}
.sg-fleet-modal-block ul{margin:0;padding-left:17px;color:#a8c2d7;font-size:14px;line-height:1.82}
.sg-fleet-modal-block li+li{margin-top:4px}
.sg-fleet-modal-note{margin:17px 0 0;color:#84a1bc;font-size:12px;line-height:1.86}
@media(max-width:760px){
  #fleet .sg-showcase-metrics span{font-size:10px;min-height:26px;padding:4px 8px}
  .sg-fleet-modal{padding:12px}
  .sg-fleet-modal-dialog{padding:18px 15px 16px;max-height:90vh}
  .sg-fleet-modal-topbar h3{font-size:24px}
  .sg-fleet-modal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sg-fleet-modal-metric{padding:12px 12px 13px}
  .sg-fleet-modal-metric strong{font-size:14px}
  .sg-fleet-modal-grid{grid-template-columns:1fr}
  .sg-fleet-modal-block p,.sg-fleet-modal-block ul{font-size:13px;line-height:1.72}
}
@media(max-width:420px){
  .sg-fleet-modal-metrics{grid-template-columns:1fr}
  .sg-fleet-modal-topbar{align-items:center}
  .sg-fleet-modal-close{width:40px;height:40px;font-size:24px}
}
@keyframes sgFleetPulse{0%,100%{box-shadow:0 0 12px rgba(88,223,254,.65),0 0 0 5px rgba(44,162,238,.08)}50%{box-shadow:0 0 18px rgba(88,223,254,1),0 0 0 9px rgba(44,162,238,.03)}}
@media(max-width:1100px){
  #fleet .sg-showcase-card.sg-showcase-featured{grid-column:span 12;grid-template-columns:minmax(0,.96fr) minmax(0,1fr)}
  #fleet .sg-showcase-card{grid-column:span 6}
  #fleet .sg-showcase-card:not(.sg-showcase-featured) .sg-showcase-media{height:210px}
}
@media(max-width:760px){
  #fleet.sg-fleet-showcase{padding:77px 0 88px}
  #fleet .sg-showcase-toolbar{padding:13px 13px 15px;gap:12px;margin-bottom:23px}
  #fleet .sg-showcase-toolbar>p{font-size:12px}
  #fleet .sg-showcase-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
  #fleet .sg-showcase-jumps a{justify-content:center;padding:10px 4px;white-space:nowrap;font-size:11px;gap:5px}
  #fleet .sg-showcase-group,#fleet .sg-showcase-group+.sg-showcase-group{margin-top:39px;scroll-margin-top:77px}
  #fleet .sg-showcase-group-title{align-items:start;gap:10px;flex-direction:column;margin-bottom:14px;padding-bottom:14px}
  #fleet .sg-showcase-group-identity{gap:11px}
  #fleet .sg-showcase-group-index{width:43px;height:43px;font-size:13px}
  #fleet .sg-showcase-group-identity h3{font-size:22px}
  #fleet .sg-showcase-group-title>p{max-width:none;text-align:left;font-size:12px}
  #fleet .sg-showcase-row{display:grid;grid-template-columns:1fr;gap:10px}
  #fleet .sg-showcase-card,#fleet .sg-showcase-card.sg-showcase-featured{grid-column:span 1;display:grid;grid-template-columns:minmax(0,41%) minmax(0,59%);min-height:222px}
  #fleet .sg-showcase-card .sg-showcase-media,#fleet .sg-showcase-featured .sg-showcase-media,#fleet .sg-showcase-card:not(.sg-showcase-featured) .sg-showcase-media{height:100%;min-height:222px}
  #fleet .sg-showcase-card .sg-showcase-media img{object-position:46% center}
  #fleet .sg-showcase-copy,#fleet .sg-showcase-featured .sg-showcase-copy{padding:17px 14px;justify-content:center}
  #fleet .sg-showcase-copy h4,#fleet .sg-showcase-featured .sg-showcase-copy h4{font-size:19px;margin-bottom:5px}
  #fleet .sg-showcase-eyebrow{font-size:9px;margin-bottom:8px}
  #fleet .sg-showcase-copy>strong{font-size:12px}
  #fleet .sg-showcase-copy>p{font-size:11.5px;margin:7px 0 12px;line-height:1.6}
  #fleet .sg-showcase-tags{gap:4px}
  #fleet .sg-showcase-tags span{font-size:9px;padding:3px 5px;min-height:22px}
  #fleet .sg-showcase-copy>a{margin-top:11px;padding-top:9px;font-size:11px}
  #fleet .sg-showcase-disclaimer{font-size:11px;margin-top:20px}
}
@media(max-width:390px){
  #fleet .sg-showcase-card,#fleet .sg-showcase-card.sg-showcase-featured{grid-template-columns:minmax(0,38%) minmax(0,62%)}
  #fleet .sg-showcase-copy,#fleet .sg-showcase-featured .sg-showcase-copy{padding:12px 10px}
  #fleet .sg-showcase-copy h4,#fleet .sg-showcase-featured .sg-showcase-copy h4{font-size:17px}
  #fleet .sg-showcase-copy>strong{font-size:11px}
  #fleet .sg-showcase-copy>p{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){
  #fleet .sg-showcase-card,#fleet .sg-showcase-card *{transition:none!important}
  #fleet .sg-showcase-pulse{animation:none!important}
}

/* Fleet visual QA improvements: keep vehicles fully readable, even on narrow cards */
#fleet .sg-heading-row h2{color:#f1f8ff}
#fleet .sg-showcase-featured.sg-showcase-card{display:flex;flex-direction:column}
#fleet .sg-showcase-featured .sg-showcase-media{height:220px;min-height:220px;flex:none}
#fleet .sg-showcase-featured .sg-showcase-media:after{background:linear-gradient(180deg,rgba(2,15,33,.01) 48%,rgba(2,17,36,.48))}
#fleet .sg-showcase-featured .sg-showcase-copy{padding:20px 24px 19px}
#fleet .sg-showcase-featured .sg-showcase-copy>p{max-width:650px}
#fleet .sg-showcase-card.sg-showcase-featured .sg-showcase-media img{object-position:center 57%}
@media(max-width:1100px){
 #fleet .sg-showcase-featured.sg-showcase-card{display:flex;flex-direction:column}
 #fleet .sg-showcase-featured .sg-showcase-media{height:270px;min-height:270px}
}
@media(max-width:760px){
 #fleet .sg-showcase-card,#fleet .sg-showcase-card.sg-showcase-featured{grid-column:span 1;display:flex;flex-direction:column;min-height:0}
 #fleet .sg-showcase-card .sg-showcase-media,#fleet .sg-showcase-featured .sg-showcase-media,#fleet .sg-showcase-card:not(.sg-showcase-featured) .sg-showcase-media{height:170px;min-height:170px;flex:none}
 #fleet .sg-showcase-copy,#fleet .sg-showcase-featured .sg-showcase-copy{justify-content:flex-start;padding:17px 18px 18px}
 #fleet .sg-showcase-copy h4,#fleet .sg-showcase-featured .sg-showcase-copy h4{font-size:20px}
 #fleet .sg-showcase-copy>strong{font-size:13px}
 #fleet .sg-showcase-copy>p{font-size:12px;margin:6px 0 10px;line-height:1.7}
 #fleet .sg-showcase-tags span{font-size:10px;padding:4px 8px}
}
@media(max-width:390px){
 #fleet .sg-showcase-copy,#fleet .sg-showcase-featured .sg-showcase-copy{padding:15px 15px 16px}
 #fleet .sg-showcase-card .sg-showcase-media,#fleet .sg-showcase-featured .sg-showcase-media,#fleet .sg-showcase-card:not(.sg-showcase-featured) .sg-showcase-media{height:153px;min-height:153px}
}
/* Final legibility sizing for desktop/mobile fleet copy */
#fleet .sg-showcase-copy>p{font-size:13px;line-height:1.78}
#fleet .sg-showcase-tags span{font-size:10.5px}
#fleet .sg-showcase-copy>a{font-size:12.5px}
@media(max-width:760px){
 #fleet .sg-showcase-copy>p{font-size:12.5px;line-height:1.68}
 #fleet .sg-showcase-tags span{font-size:10.5px}
}


/* v44: 고급 우주/지구 배경 강화 + 섹션 배경 가독성 보정 */
.sg-section,.sg-promise{position:relative;isolation:isolate;overflow:hidden}
.sg-section>.sg-shell,.sg-promise>.sg-shell,.sg-hero>.sg-shell{position:relative;z-index:2}
.sg-section::after,.sg-promise::after{content:"";position:absolute;pointer-events:none;z-index:0;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.12;filter:saturate(.92) drop-shadow(0 0 28px rgba(74,176,255,.18))}
#command::after{width:640px;height:640px;right:-155px;top:34px;opacity:.14;background-image:radial-gradient(circle at center,rgba(71,174,255,.15) 0%,rgba(71,174,255,.08) 32%,transparent 62%),url('section-bg/earth-1.webp')}
#why::after{width:560px;height:560px;left:-145px;bottom:-70px;opacity:.11;background-image:radial-gradient(circle at center,rgba(78,195,255,.14) 0%,rgba(78,195,255,.07) 34%,transparent 64%),url('section-bg/earth-2.webp')}
#fleet::after{width:620px;height:620px;right:-150px;top:120px;opacity:.11;background-image:radial-gradient(circle at center,rgba(64,184,255,.14) 0%,rgba(64,184,255,.06) 34%,transparent 64%),url('section-bg/earth-3.webp')}
#journey::after{width:580px;height:580px;right:-175px;top:20px;opacity:.11;background-image:radial-gradient(circle at center,rgba(93,198,255,.13) 0%,rgba(93,198,255,.06) 34%,transparent 64%),url('section-bg/earth-4.webp')}
#network::after{width:660px;height:660px;left:-210px;bottom:-140px;opacity:.13;background-image:radial-gradient(circle at center,rgba(80,181,255,.16) 0%,rgba(80,181,255,.08) 32%,transparent 64%),url('section-bg/earth-5.webp')}
#solutions::after{width:560px;height:560px;right:-130px;bottom:-90px;opacity:.1;background-image:radial-gradient(circle at center,rgba(83,183,255,.13) 0%,rgba(83,183,255,.06) 32%,transparent 64%),url('section-bg/earth-2.webp')}
#promise::after{width:780px;height:780px;right:-220px;top:-110px;opacity:.12;background-image:radial-gradient(circle at center,rgba(91,198,255,.16) 0%,rgba(91,198,255,.08) 32%,transparent 64%),url('section-bg/earth-1.webp')}
#guide::after{width:520px;height:520px;left:-145px;top:80px;opacity:.1;background-image:radial-gradient(circle at center,rgba(74,187,255,.14) 0%,rgba(74,187,255,.06) 34%,transparent 64%),url('section-bg/earth-4.webp')}
#command:before,#why:before,#journey:before,#network:before,#solutions:before,#guide:before,#promise:before,#fleet:before{backdrop-filter:none}
@media(max-width:980px){
  #command::after,#why::after,#fleet::after,#journey::after,#network::after,#solutions::after,#promise::after,#guide::after{transform:scale(.84)}
}
@media(max-width:760px){
  .sg-section::after,.sg-promise::after{opacity:.08}
  #command::after{right:-220px;top:60px}
  #why::after{left:-210px;bottom:-120px}
  #fleet::after{right:-230px;top:150px}
  #journey::after{right:-235px;top:70px}
  #network::after{left:-280px;bottom:-190px}
  #solutions::after{right:-240px;bottom:-180px}
  #promise::after{right:-320px;top:-120px}
  #guide::after{left:-240px;top:120px}
}


/* v45: 사진형 지구 배경 제거, 달/별똥별 기반 우주 효과 */
.sg-section,.sg-promise{position:relative;overflow:hidden;isolation:isolate}
.sg-cosmic-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.sg-cosmic-stars,.sg-cosmic-moon,.sg-shooting-star{position:absolute;pointer-events:none}
.sg-cosmic-stars{inset:0;opacity:.95;
  background:
    radial-gradient(circle at 8% 16%, rgba(255,255,255,.95) 0 1.1px, transparent 1.3px),
    radial-gradient(circle at 18% 67%, rgba(132,210,255,.8) 0 1.2px, transparent 1.5px),
    radial-gradient(circle at 24% 36%, rgba(255,255,255,.92) 0 1px, transparent 1.3px),
    radial-gradient(circle at 34% 18%, rgba(122,207,255,.65) 0 1.1px, transparent 1.4px),
    radial-gradient(circle at 39% 72%, rgba(255,255,255,.9) 0 1.1px, transparent 1.4px),
    radial-gradient(circle at 52% 26%, rgba(132,210,255,.75) 0 1px, transparent 1.3px),
    radial-gradient(circle at 61% 81%, rgba(255,255,255,.9) 0 1.2px, transparent 1.5px),
    radial-gradient(circle at 74% 21%, rgba(132,210,255,.8) 0 1px, transparent 1.3px),
    radial-gradient(circle at 82% 58%, rgba(255,255,255,.86) 0 1.1px, transparent 1.4px),
    radial-gradient(circle at 91% 12%, rgba(132,210,255,.8) 0 1.2px, transparent 1.5px),
    radial-gradient(circle at 94% 74%, rgba(255,255,255,.9) 0 1.1px, transparent 1.4px),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  background-repeat:no-repeat;
  animation:sgStarTwinkle 8s ease-in-out infinite alternate;
}
.sg-cosmic-moon{width:160px;height:160px;right:7%;top:12%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.95) 0 23%, rgba(237,246,255,.88) 28%, rgba(182,213,236,.48) 58%, rgba(98,164,220,.12) 70%, rgba(98,164,220,0) 75%);
  box-shadow:0 0 0 1px rgba(153,221,255,.08), 0 0 42px rgba(108,194,255,.18), 0 0 120px rgba(61,161,255,.08);
  opacity:.3;filter:blur(.1px);
}
.sg-cosmic-moon:before,.sg-cosmic-moon:after{content:"";position:absolute;border-radius:50%;background:rgba(123,151,176,.18)}
.sg-cosmic-moon:before{width:22px;height:22px;left:45px;top:48px;box-shadow:38px -10px 0 rgba(123,151,176,.12), 58px 24px 0 rgba(123,151,176,.15), -6px 42px 0 rgba(123,151,176,.12)}
.sg-cosmic-moon:after{width:12px;height:12px;left:95px;top:64px;box-shadow:-34px -28px 0 rgba(123,151,176,.1), -70px 8px 0 rgba(123,151,176,.13), 4px 42px 0 rgba(123,151,176,.11)}
.sg-shooting-star{height:2px;width:130px;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(178,233,255,.98), rgba(255,255,255,0));opacity:0;filter:drop-shadow(0 0 7px rgba(132,213,255,.48));transform:rotate(-20deg)}
.sg-shooting-star:after{content:"";position:absolute;right:-2px;top:-2px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.95) 0, rgba(169,232,255,.8) 45%, rgba(169,232,255,0) 75%)}
.sg-shooting-star-1{top:20%;left:62%;animation:sgMeteor 9s linear infinite 1s}
.sg-shooting-star-2{top:36%;left:78%;width:110px;animation:sgMeteor 11s linear infinite 4.2s}
.sg-shooting-star-3{top:12%;left:38%;width:90px;animation:sgMeteor 13s linear infinite 7.1s}
#fleet .sg-cosmic-moon,#solutions .sg-cosmic-moon{width:120px;height:120px;right:5%;top:10%;opacity:.18}
#why .sg-cosmic-moon,#guide .sg-cosmic-moon{left:4%;right:auto;top:14%;opacity:.14;width:110px;height:110px}
#network .sg-cosmic-moon{width:140px;height:140px;left:2%;top:10%;right:auto;opacity:.16}
#promise .sg-cosmic-moon{width:210px;height:210px;right:5%;top:12%;opacity:.26}
#promise .sg-shooting-star-1{top:22%;left:56%;animation-duration:8s}
#promise .sg-shooting-star-2{top:34%;left:72%;animation-duration:10s}
#promise .sg-shooting-star-3{top:18%;left:44%;animation-duration:12s}
/* remove prior photographic earth backgrounds */
.sg-section::after,.sg-promise::after{background:none!important;opacity:0!important;content:none!important}
@keyframes sgMeteor{0%{opacity:0;transform:translate3d(0,0,0) rotate(-20deg) scale(.7)}6%{opacity:1}18%{opacity:.95}34%,100%{opacity:0;transform:translate3d(-220px,160px,0) rotate(-20deg) scale(1)}}
@keyframes sgStarTwinkle{0%{opacity:.74}50%{opacity:.95}100%{opacity:.78}}
@media(max-width:980px){
  .sg-cosmic-moon{width:130px;height:130px;right:3%;top:10%;opacity:.2}
  #promise .sg-cosmic-moon{width:170px;height:170px;top:11%;right:2%}
}
@media(max-width:760px){
  .sg-cosmic-moon{width:96px;height:96px;opacity:.13}
  #promise .sg-cosmic-moon{width:132px;height:132px;top:11%;right:-12px;opacity:.18}
  .sg-shooting-star{width:80px}
  .sg-shooting-star-1{left:48%}
  .sg-shooting-star-2{left:61%}
  .sg-shooting-star-3{left:26%}
}
/* ===== V4.6 · Realistic celestial bodies, orbital visuals & marine route guide ===== */
.sg-cosmic-deco .sg-planet{position:absolute;display:block;pointer-events:none;transform:translateZ(0);opacity:.38;filter:drop-shadow(0 0 28px rgba(80,165,238,.15));animation:sgPlanetHover 28s ease-in-out infinite alternate}
.sg-cosmic-deco .sg-planet img{width:100%;height:100%;object-fit:contain;display:block}
#command .sg-planet-earth{width:min(39vw,420px);height:min(39vw,420px);right:-4%;top:5%;opacity:.24}
#why .sg-planet-saturn{width:min(42vw,475px);height:min(30vw,320px);left:-6%;top:4%;opacity:.35;animation-duration:33s}
#solutions .sg-planet-jupiter{width:min(39vw,410px);height:min(39vw,410px);right:-4%;top:6%;opacity:.28}
#promise .sg-planet-moon{width:min(33vw,340px);height:min(33vw,340px);right:1%;top:6%;opacity:.42}
#guide .sg-planet-moon{width:min(26vw,230px);height:min(26vw,230px);left:-2%;top:10%;opacity:.22}
#network .sg-planet-earth{width:min(45vw,500px);height:min(45vw,500px);right:-6%;top:3%;opacity:.26;animation-duration:40s}
.sg-orbit-arc{position:absolute;width:min(48vw,530px);height:min(26vw,290px);right:-6%;top:12%;border:1px solid rgba(97,202,255,.24);border-radius:50%;transform:rotate(-23deg);animation:sgSatelliteOrbit 21s linear infinite}
.sg-orbit-satellite{position:absolute;display:block;width:63px;height:45px;left:8%;top:12%;filter:drop-shadow(0 0 8px rgba(120,214,255,.62))}
.sg-orbit-satellite svg{display:block;width:100%;height:100%}
.sg-rocket-flight{position:absolute;right:9%;bottom:-18%;height:92%;width:130px;pointer-events:none;animation:sgRocketAscend 20s cubic-bezier(.3,.45,.25,.95) infinite}
.sg-rocket-body{position:absolute;bottom:21%;left:41px;width:54px;height:112px;filter:drop-shadow(0 0 10px rgba(92,196,255,.36))}
.sg-rocket-body svg{display:block;width:100%;height:100%}
.sg-rocket-trail{position:absolute;bottom:0;left:64px;width:13px;height:52%;transform-origin:top center;background:linear-gradient(180deg,rgba(255,247,197,.85),rgba(255,126,45,.65) 22%,rgba(73,187,251,.36) 55%,transparent);filter:blur(4px);animation:sgRocketFlame 1.5s ease-in-out infinite alternate}
.sg-fire-meteor{position:absolute;width:155px;height:13px;border-radius:100px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent 2%,rgba(255,67,20,.03) 11%,rgba(255,103,31,.28) 43%,rgba(255,183,70,.85) 76%,#fff4ce 97%);filter:drop-shadow(0 0 5px rgba(255,93,20,.68));transform:rotate(-26deg)}
.sg-fire-meteor::after{content:"";position:absolute;right:0;top:2px;width:9px;height:9px;border-radius:50%;background:#fff9db;box-shadow:0 0 9px #fff5b4,0 0 20px #ff9e32}
.sg-fire-meteor-1{left:70%;top:10%;animation:sgBurningMeteor 19s linear infinite 2s}
.sg-fire-meteor-2{left:86%;top:30%;width:106px;animation:sgBurningMeteor 23s linear infinite 12s}
.sg-island-meteor{left:80%;top:8%;animation:sgBurningMeteor 21s linear infinite 5s}
@keyframes sgPlanetHover{from{transform:translate3d(0,0,0) rotate(-1.5deg)}to{transform:translate3d(0,-13px,0) rotate(2deg)}}
@keyframes sgSatelliteOrbit{from{transform:rotate(-23deg)}to{transform:rotate(337deg)}}
@keyframes sgRocketAscend{0%,11%{opacity:0;transform:translate3d(0,35%,0)}15%{opacity:.72}43%{opacity:.68;transform:translate3d(-55px,-28%,0)}53%{opacity:0;transform:translate3d(-130px,-93%,0)}100%{opacity:0;transform:translate3d(-130px,-93%,0)}}
@keyframes sgRocketFlame{from{opacity:.65;transform:scaleY(.82)}to{opacity:.98;transform:scaleY(1.08)}}
@keyframes sgBurningMeteor{0%,8%{opacity:0;transform:translate3d(0,0,0) rotate(-26deg) scale(.7)}11%{opacity:.95}22%{opacity:.9}29%{opacity:0;transform:translate3d(-290px,180px,0) rotate(-26deg) scale(1.08)}100%{opacity:0;transform:translate3d(-290px,180px,0) rotate(-26deg) scale(1.08)}}
/* Route guide section */
#islands.sg-island-guide{padding:115px 0 120px;background:radial-gradient(ellipse 70% 48% at 70% 32%,rgba(16,101,152,.22),transparent 85%),linear-gradient(180deg,#031122 0%,#06172f 58%,#04101f 100%)}
#islands .sg-container{position:relative;z-index:1}
#islands .sg-island-horizon{position:absolute;left:-15%;right:-15%;bottom:-35%;height:68%;border-top:2px solid rgba(71,203,255,.4);border-radius:50% 50% 0 0;transform:rotate(-8deg);box-shadow:0 -20px 70px rgba(36,137,224,.08)}
#islands .sg-island-distant-stars{position:absolute;inset:0;background:radial-gradient(circle at 22% 14%,#b7e9ff 0 1px,transparent 2px),radial-gradient(circle at 74% 6%,#9bd8ff 0 1.2px,transparent 2px),radial-gradient(circle at 83% 47%,#d8f7ff 0 1px,transparent 2px);opacity:.6}
#islands .sg-island-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:23px;align-items:stretch}
#islands .sg-island-visual{position:relative;min-width:0;overflow:hidden;padding:18px 19px 12px;background:linear-gradient(175deg,rgba(11,56,91,.74),rgba(2,25,49,.89) 70%);border:1px solid rgba(103,201,247,.33)}
#islands .sg-island-visual-head{display:flex;justify-content:space-between;gap:10px;align-items:center;position:relative;z-index:1;font-size:12px;font-weight:800;color:#bcecff}
#islands .sg-island-visual-head small{font:700 10px Manrope,sans-serif;color:#65b3da;letter-spacing:.06em}
#islands .sg-island-svg{display:block;width:100%;height:auto;min-height:250px}
#islands .sg-island-route-line{stroke-dasharray:4 11;animation:sgSeaDash 12s linear infinite}
#islands .sg-island-ship{filter:drop-shadow(0 7px 15px rgba(0,8,25,.4))}
#islands .sg-island-map-label{fill:#cceeff;font:700 13px 'Pretendard Variable','Noto Sans KR',sans-serif;letter-spacing:-.04em}
#islands .sg-island-topline{fill:#5cb0dd;font:700 10px Manrope,sans-serif;letter-spacing:.14em;text-anchor:middle}
#islands .sg-island-beacon circle:last-child{animation:sgBeacon 2.8s ease-out infinite}
#islands .sg-island-visual-foot{color:#91c6e1;border-top:1px solid rgba(123,212,247,.16);padding:11px 2px 2px;font-size:12px;line-height:1.6}
#islands .sg-island-route-facts{padding:30px 30px 27px;background:linear-gradient(150deg,rgba(8,37,66,.8),rgba(4,20,39,.9));border:1px solid rgba(98,181,231,.24);display:flex;flex-direction:column;justify-content:center}
#islands .sg-island-eyebrow{font:800 11px 'Pretendard Variable',sans-serif;color:#71d3fa;letter-spacing:.08em}
#islands .sg-island-route-facts h3{font-size:clamp(22px,2.4vw,31px);line-height:1.45;margin:17px 0 15px;letter-spacing:-.055em;color:#f1faff}
#islands .sg-island-route-facts h3 em{font-style:normal;color:#6fd2ff}
#islands .sg-island-route-facts>p{font-size:14px;line-height:1.9;color:#b5cfe3;margin:0 0 21px}
#islands .sg-island-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#islands .sg-island-fact-grid>div{border:1px solid rgba(79,167,222,.26);background:rgba(14,49,77,.43);padding:12px 13px}
#islands .sg-island-fact-grid span{display:block;color:#58bbec;font:800 11px Manrope,sans-serif;margin-bottom:5px}
#islands .sg-island-fact-grid strong{display:block;font-size:15px;color:#eaf7ff}
#islands .sg-island-fact-grid small{display:block;font-size:12px;color:#95b7cf;margin-top:6px}
#islands .sg-island-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:25px}
#islands .sg-island-flow article{position:relative;min-width:0;border:1px solid rgba(95,174,226,.26);background:linear-gradient(180deg,rgba(13,48,82,.68),rgba(4,21,42,.89));padding:17px 15px 18px;transition:transform .3s,border-color .3s}
#islands .sg-island-flow article:hover{transform:translateY(-3px);border-color:rgba(111,224,255,.65)}
#islands .sg-island-step-number{color:#69d8f9;font:800 12px Manrope,sans-serif}
#islands .sg-island-step-icon{font-size:29px;margin:13px 0 11px}
#islands .sg-island-flow h4{font-size:17px;font-weight:830;color:#e8f8ff;margin:0 0 10px;letter-spacing:-.04em}
#islands .sg-island-flow p{font-size:12.5px;color:#aac9dc;line-height:1.75;margin:0}
#islands .sg-island-bottom{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:26px}
#islands .sg-island-checks,#islands .sg-island-isle-cards{padding:26px 28px;background:rgba(5,26,48,.77);border:1px solid rgba(103,179,226,.24)}
#islands .sg-island-bottom h3{font-size:19px;color:#eefaff;letter-spacing:-.04em;margin:0 0 18px}
#islands .sg-island-checks ul{list-style:none;padding:0;margin:0}
#islands .sg-island-checks li{position:relative;padding:8px 0 8px 19px;font-size:13px;line-height:1.7;color:#b9d1e4;border-bottom:1px solid rgba(112,183,230,.1)}
#islands .sg-island-checks li:before{content:"✦";position:absolute;left:0;top:8px;color:#66d6ff;font-size:11px}
#islands .sg-island-isle-cards p{font-size:13px;line-height:1.82;color:#b9d1e4;margin:0 0 12px}
#islands .sg-island-isle-cards b{color:#c8efff}
#islands .sg-island-isle-cards .sg-button{margin-top:9px;min-height:46px}
#islands .sg-island-small-note{font-size:12px;line-height:1.85;color:#8cb1cc;margin:21px 0 0}
@keyframes sgSeaDash{to{stroke-dashoffset:-120}}
@keyframes sgBeacon{0%{opacity:.78;transform:scale(.6)}65%{opacity:.16;transform:scale(1.25)}100%{opacity:.78;transform:scale(.6)}}
@media(max-width:1100px){#islands .sg-island-layout{grid-template-columns:1fr}#islands .sg-island-route-facts{padding:23px}#islands .sg-island-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .sg-cosmic-deco .sg-planet{opacity:.18!important}
 #command .sg-planet-earth,#network .sg-planet-earth{width:270px;height:270px;right:-110px;top:10%}
 #why .sg-planet-saturn{width:300px;height:205px;left:-120px;top:8%}
 #solutions .sg-planet-jupiter{width:260px;height:260px;right:-95px;top:4%}
 #promise .sg-planet-moon{width:260px;height:260px;right:-90px;top:10%;opacity:.28!important}
 #guide .sg-planet-moon{width:200px;height:200px;left:-85px;top:6%}
 .sg-orbit-arc{width:290px;height:165px;right:-130px;top:13%}
 .sg-orbit-satellite{width:45px;height:34px}
 .sg-rocket-flight{right:1%;height:60%;width:85px;opacity:.45}
 .sg-fire-meteor{width:95px}
 #islands.sg-island-guide{padding:75px 0 85px}
 #islands .sg-island-visual{padding:15px 12px 10px}
 #islands .sg-island-visual-head{font-size:10px}
 #islands .sg-island-svg{min-height:180px}
 #islands .sg-island-visual-foot{font-size:11px}
 #islands .sg-island-route-facts>p{font-size:13px}
 #islands .sg-island-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #islands .sg-island-flow article{padding:14px 12px}
 #islands .sg-island-flow h4{font-size:15px}
 #islands .sg-island-flow p{font-size:12px}
 #islands .sg-island-bottom{grid-template-columns:1fr;gap:12px}
 #islands .sg-island-checks,#islands .sg-island-isle-cards{padding:21px 19px}
}
@media(prefers-reduced-motion:reduce){.sg-planet,.sg-orbit-arc,.sg-rocket-flight,.sg-fire-meteor,.sg-island-route-line,.sg-island-beacon circle:last-child{animation:none!important}.sg-rocket-flight{opacity:.25!important;transform:translate3d(0,0,0)}.sg-fire-meteor{opacity:0!important}}
/* Final layering and accessible motion treatment */
.sg-section > .sg-container,.sg-promise > .sg-container{position:relative;z-index:2}
#network .sg-island-guide-link{margin-top:16px}
@media(prefers-reduced-motion:reduce){.sg-island-ship animateMotion{display:none!important}}
@media(prefers-reduced-motion:reduce){.sg-island-ship{transform:translate(296px,196px)}}


/* ===== V4.7 HERO 리뉴얼: 별똥별 → 지구 확대 → 한반도 포착 → 로고 착지 ===== */
.sg-cosmos-art{background:radial-gradient(circle at 73% 31%,rgba(45,124,205,.14),transparent 26%),radial-gradient(circle at 51% 66%,rgba(46,165,246,.12),transparent 33%),linear-gradient(180deg,rgba(2,8,18,.08),rgba(2,8,18,0) 28%)!important}
.sg-cosmos-depth{background:radial-gradient(ellipse at 56% 52%,rgba(24,96,182,.22) 0,rgba(18,91,176,.12) 25%,transparent 68%),radial-gradient(circle at 77% 18%,rgba(113,197,255,.12),transparent 18%),radial-gradient(circle at 26% 82%,rgba(52,143,255,.1),transparent 24%)}
.sg-cosmos-orbit-1{animation-duration:32s;border-color:rgba(76,188,255,.13)}
.sg-cosmos-orbit-2{animation-duration:43s;border-color:rgba(74,175,255,.08)}
.sg-cosmos-earth{opacity:0;animation:sgHeroEarthZoomCinematic 24s cubic-bezier(.22,.56,.2,1) infinite;transform-origin:49.3% 43.4%}
.sg-cosmos-earth-glow{width:94%;background:radial-gradient(circle,rgba(27,146,230,.24),rgba(27,146,230,.1) 40%,transparent 73%);filter:blur(16px)}
.sg-cosmos-sphere{animation:sgHeroSphereClockwise 24s linear infinite!important;transform-origin:50% 50%;filter:drop-shadow(0 0 42px rgba(38,166,255,.28))}
.sg-cosmos-target,.sg-cosmos-target-ring{left:49.3%;top:43.4%;animation-timing-function:ease-in-out}
.sg-cosmos-target{animation-name:sgHeroTargetPulse!important}
.sg-cosmos-target-ring{animation-name:sgHeroTargetRingPulse!important}
.sg-cosmos-korea{animation:sgHeroMapArrive 24s cubic-bezier(.2,.58,.19,1) infinite!important;transform-origin:40.2% 58%}
.sg-cosmos-logo{width:98px;height:98px;left:50%;top:50%;background:rgba(1,12,29,.9);border-color:rgba(123,235,255,.82);box-shadow:0 0 0 9px rgba(41,136,226,.11),0 0 65px rgba(29,179,250,.32);animation:sgHeroMeteorToLogo 24s cubic-bezier(.24,.58,.17,1) infinite!important;overflow:visible;isolation:isolate}
.sg-cosmos-logo img{opacity:0;animation:sgHeroLogoReveal 24s linear infinite;filter:drop-shadow(0 0 10px rgba(113,228,255,.52))}
.sg-cosmos-trail{z-index:6;left:52%;top:50%;width:240px;height:5px;border-radius:999px;transform-origin:right center;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,143,69,.12) 24%,rgba(255,168,72,.48) 52%,rgba(255,236,171,.98) 88%,rgba(255,255,255,.96) 100%);filter:drop-shadow(0 0 13px rgba(255,155,84,.44)) drop-shadow(0 0 24px rgba(86,194,255,.28));animation:sgHeroMeteorTrail 24s ease-in-out infinite!important}
.sg-cosmos-logo:before,.sg-cosmos-logo:after,.sg-logo-wind i{animation-duration:3.2s}
.sg-logo-fire,.sg-logo-wind{position:absolute;inset:0;pointer-events:none}
.sg-logo-fire{z-index:1;opacity:0;animation:sgHeroFireFade 24s linear infinite}
.sg-logo-fire-core{position:absolute;left:50%;top:50%;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.98) 0 16%,rgba(255,233,159,.98) 22%,rgba(255,170,73,.95) 45%,rgba(255,107,42,.88) 63%,rgba(255,107,42,0) 77%);box-shadow:0 0 22px rgba(255,176,87,.75),0 0 46px rgba(255,96,32,.45)}
.sg-logo-fire-tail{position:absolute;left:50%;top:50%;display:block;border-radius:999px;transform-origin:100% 50%;filter:blur(1px)}
.sg-logo-fire-tail-1{width:124px;height:16px;transform:translate(-124px,-8px) rotate(12deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,127,54,.22) 25%,rgba(255,159,76,.66) 68%,rgba(255,240,193,.95) 100%)}
.sg-logo-fire-tail-2{width:104px;height:12px;transform:translate(-108px,2px) rotate(18deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,96,35,.08) 16%,rgba(255,124,49,.46) 66%,rgba(255,228,167,.88) 100%);opacity:.88}
.sg-logo-fire-tail-3{width:82px;height:8px;transform:translate(-82px,-17px) rotate(5deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,127,54,.06) 20%,rgba(255,137,64,.32) 66%,rgba(255,255,255,.8) 100%);opacity:.78}
.sg-logo-fire-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,239,.98),rgba(255,180,80,.95) 45%,rgba(255,180,80,0) 75%);box-shadow:0 0 10px rgba(255,177,91,.75)}
.sg-logo-fire-spark-1{transform:translate(-56px,-18px);animation:sgHeroSpark1 1.3s ease-out infinite}
.sg-logo-fire-spark-2{transform:translate(-74px,8px);animation:sgHeroSpark2 1.7s ease-out infinite}
.sg-logo-wind{z-index:2;opacity:0;animation:sgHeroWindFade 24s linear infinite}
.sg-cosmos-logo:before{animation-name:sgWindPlume,sgHeroWindFade!important;animation-duration:3.2s,24s;animation-iteration-count:infinite,infinite;animation-timing-function:ease-in-out,linear}
.sg-cosmos-logo:after{animation-name:sgWindRibbon,sgHeroWindFade!important;animation-duration:3.2s,24s;animation-iteration-count:infinite,infinite;animation-timing-function:ease-in-out,linear}
.sg-logo-wind i{animation-name:sgWindSpark,sgHeroWindFade!important;animation-iteration-count:infinite,infinite;animation-duration:2.1s,24s;animation-timing-function:ease-in-out,linear}

@keyframes sgHeroEarthZoomCinematic{
  0%{opacity:0;transform:translate(12%,7%) scale(.09)}
  4%{opacity:.42;transform:translate(11%,6.4%) scale(.11)}
  12%{opacity:.82;transform:translate(9%,5.3%) scale(.2)}
  22%{opacity:1;transform:translate(6%,3.8%) scale(.34)}
  34%{opacity:1;transform:translate(3%,2%) scale(.56)}
  46%{opacity:1;transform:translate(1.2%,.8%) scale(.82)}
  56%{opacity:1;transform:translate(0,0) scale(1.1)}
  63%{opacity:1;transform:translate(-2%,-1.5%) scale(1.58)}
  69%{opacity:1;transform:translate(-5%,-3.8%) scale(2.05)}
  74%{opacity:.92;transform:translate(-8.5%,-6.3%) scale(2.54)}
  79%{opacity:0;transform:translate(-10.8%,-8.2%) scale(3.02)}
  100%{opacity:0;transform:translate(-10.8%,-8.2%) scale(3.02)}
}
@keyframes sgHeroSphereClockwise{
  0%{transform:rotate(-24deg)}
  12%{transform:rotate(-18deg)}
  24%{transform:rotate(-10deg)}
  36%{transform:rotate(-2deg)}
  48%{transform:rotate(6deg)}
  58%{transform:rotate(12deg)}
  68%{transform:rotate(18deg)}
  100%{transform:rotate(18deg)}
}
@keyframes sgHeroMeteorToLogo{
  0%{opacity:0;transform:translate(268px,-255px) scale(.14) rotate(22deg)}
  3%{opacity:.25;transform:translate(248px,-232px) scale(.16) rotate(20deg)}
  7%{opacity:1;transform:translate(214px,-202px) scale(.22) rotate(16deg)}
  14%{opacity:1;transform:translate(160px,-162px) scale(.33) rotate(12deg)}
  22%{opacity:1;transform:translate(92px,-120px) scale(.47) rotate(9deg)}
  30%{opacity:1;transform:translate(22px,-90px) scale(.6) rotate(6deg)}
  38%{opacity:1;transform:translate(-66px,-116px) scale(.76) rotate(1deg)}
  48%{opacity:1;transform:translate(-118px,-142px) scale(.82) rotate(-3deg)}
  56%{opacity:1;transform:translate(-106px,-132px) scale(.82) rotate(-3deg)}
  62%{opacity:1;transform:translate(-48px,-98px) scale(.9) rotate(-1deg)}
  67%{opacity:1;transform:translate(-14px,-56px) scale(.93) rotate(0deg)}
  71%{opacity:1;transform:translate(-34px,8px) scale(.76) rotate(0deg)}
  75%{opacity:0;transform:translate(-48px,34px) scale(.45) rotate(0deg)}
  100%{opacity:0;transform:translate(-48px,34px) scale(.45) rotate(0deg)}
}
@keyframes sgHeroLogoReveal{
  0%,17%{opacity:0;transform:scale(.72)}
  22%{opacity:.3;transform:scale(.84)}
  30%{opacity:.72;transform:scale(.94)}
  38%,69%{opacity:1;transform:scale(1)}
  75%,100%{opacity:0;transform:scale(.92)}
}
@keyframes sgHeroMeteorTrail{
  0%{opacity:0;transform:translate(208px,-212px) rotate(18deg) scaleX(.2)}
  6%{opacity:.68;transform:translate(186px,-191px) rotate(18deg) scaleX(.45)}
  14%{opacity:.94;transform:translate(145px,-158px) rotate(16deg) scaleX(.68)}
  24%{opacity:.98;transform:translate(92px,-122px) rotate(14deg) scaleX(.94)}
  36%{opacity:.84;transform:translate(2px,-102px) rotate(10deg) scaleX(1.02)}
  48%{opacity:.42;transform:translate(-86px,-130px) rotate(2deg) scaleX(.72)}
  57%{opacity:.35;transform:translate(-98px,-124px) rotate(0deg) scaleX(.56)}
  63%{opacity:.54;transform:translate(-34px,-84px) rotate(-4deg) scaleX(.7)}
  69%{opacity:.88;transform:translate(-18px,-24px) rotate(-18deg) scaleX(.92)}
  73%{opacity:.3;transform:translate(-46px,20px) rotate(-26deg) scaleX(.56)}
  78%,100%{opacity:0;transform:translate(-46px,20px) rotate(-26deg) scaleX(.3)}
}
@keyframes sgHeroTargetPulse{
  0%,57%{opacity:0}
  60%,69%{opacity:1}
  74%,100%{opacity:0}
}
@keyframes sgHeroTargetRingPulse{
  0%,57%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
  61%{opacity:.88;transform:translate(-50%,-50%) scale(.55)}
  69%{opacity:.12;transform:translate(-50%,-50%) scale(2.8)}
  74%,100%{opacity:0;transform:translate(-50%,-50%) scale(3.1)}
}
@keyframes sgHeroMapArrive{
  0%,68%{opacity:0;transform:translate(26%,-16%) scale(.06)}
  73%{opacity:.82;transform:translate(9%,-5%) scale(.42)}
  79%{opacity:1;transform:translate(0,0) scale(1)}
  98%{opacity:1;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(0,0) scale(1.02)}
}
@keyframes sgHeroFireFade{
  0%,58%{opacity:1}
  64%{opacity:.55}
  70%,100%{opacity:0}
}
@keyframes sgHeroWindFade{
  0%,24%{opacity:0}
  32%,68%{opacity:1}
  74%,100%{opacity:0}
}
@keyframes sgHeroSpark1{0%{opacity:0;transform:translate(-48px,-12px) scale(.6)}25%{opacity:1}100%{opacity:0;transform:translate(-74px,-34px) scale(1.15)}}
@keyframes sgHeroSpark2{0%{opacity:0;transform:translate(-62px,10px) scale(.55)}20%{opacity:1}100%{opacity:0;transform:translate(-92px,26px) scale(1.1)}}

@media(max-width:980px){
  .sg-cosmos-logo{width:84px;height:84px}
  .sg-cosmos-trail{width:190px}
}
@media(max-width:680px){
  .sg-cosmos-logo{width:68px;height:68px;animation:sgHeroMeteorToLogoMobile 24s cubic-bezier(.24,.58,.17,1) infinite!important}
  .sg-cosmos-logo img{animation-name:sgHeroLogoRevealMobile}
  .sg-cosmos-trail{width:138px;height:4px;animation-name:sgHeroMeteorTrailMobile!important}
  .sg-logo-fire-core{width:24px;height:24px}
  .sg-logo-fire-tail-1{width:76px;height:11px;transform:translate(-76px,-6px) rotate(12deg)}
  .sg-logo-fire-tail-2{width:62px;height:8px;transform:translate(-65px,0) rotate(18deg)}
  .sg-logo-fire-tail-3{width:46px;height:6px;transform:translate(-46px,-12px) rotate(5deg)}
}
@keyframes sgHeroMeteorToLogoMobile{
  0%{opacity:0;transform:translate(172px,-185px) scale(.12) rotate(20deg)}
  5%{opacity:.9;transform:translate(142px,-160px) scale(.18) rotate(18deg)}
  14%{opacity:1;transform:translate(98px,-128px) scale(.28) rotate(14deg)}
  25%{opacity:1;transform:translate(50px,-100px) scale(.42) rotate(9deg)}
  38%{opacity:1;transform:translate(-34px,-112px) scale(.58) rotate(0deg)}
  50%{opacity:1;transform:translate(-74px,-128px) scale(.66) rotate(-4deg)}
  59%{opacity:1;transform:translate(-64px,-118px) scale(.66) rotate(-4deg)}
  66%{opacity:1;transform:translate(-18px,-88px) scale(.74) rotate(-1deg)}
  72%{opacity:1;transform:translate(-6px,-34px) scale(.7) rotate(0deg)}
  76%{opacity:0;transform:translate(-22px,6px) scale(.4) rotate(0deg)}
  100%{opacity:0;transform:translate(-22px,6px) scale(.4) rotate(0deg)}
}
@keyframes sgHeroLogoRevealMobile{
  0%,17%{opacity:0}
  23%{opacity:.24}
  34%,71%{opacity:1}
  77%,100%{opacity:0}
}
@keyframes sgHeroMeteorTrailMobile{
  0%{opacity:0;transform:translate(138px,-160px) rotate(18deg) scaleX(.18)}
  8%{opacity:.72;transform:translate(114px,-140px) rotate(17deg) scaleX(.48)}
  20%{opacity:.96;transform:translate(74px,-114px) rotate(15deg) scaleX(.74)}
  34%{opacity:.84;transform:translate(2px,-104px) rotate(9deg) scaleX(.95)}
  50%{opacity:.36;transform:translate(-56px,-122px) rotate(2deg) scaleX(.64)}
  62%{opacity:.52;transform:translate(-20px,-82px) rotate(-4deg) scaleX(.68)}
  71%{opacity:.82;transform:translate(-6px,-24px) rotate(-18deg) scaleX(.88)}
  75%{opacity:.24;transform:translate(-26px,8px) rotate(-24deg) scaleX(.52)}
  79%,100%{opacity:0;transform:translate(-26px,8px) rotate(-24deg) scaleX(.3)}
}
@media(prefers-reduced-motion:reduce){
  .sg-cosmos-earth,.sg-cosmos-sphere,.sg-cosmos-logo,.sg-cosmos-trail,.sg-cosmos-target,.sg-cosmos-target-ring,.sg-cosmos-korea,.sg-logo-fire,.sg-logo-wind,.sg-cosmos-logo img{animation:none!important}
  .sg-logo-fire,.sg-cosmos-trail,.sg-cosmos-target,.sg-cosmos-target-ring{display:none!important}
  .sg-cosmos-earth{opacity:1!important;transform:scale(.95)!important}
  .sg-cosmos-korea{opacity:1!important;transform:none!important}
  .sg-cosmos-logo{opacity:1!important;transform:translate(-48px,34px) scale(.72)!important}
  .sg-cosmos-logo img{opacity:1!important}
}


/* ===== V4.8 첫 화면 원테이크: 단일 지구 이미지 / 단일 유성 불꽃 / 서울 파동 / 섬에서 종료 =====
   28초 한 번 재생 후 마지막 한반도 네트워크를 화면에 유지한다.
   과거 globe-0~4 교대 애니메이션이 회전 도중 장면을 튀게 하던 원인을 제거했다. */
.sg-hero-art.sg-cosmos-art{isolation:isolate}
/* 프레임 간 교체를 완전히 끄고 동아시아가 보이는 한 장의 지구만 사용 */
.sg-cosmos-sphere{animation:sgV48GlobeTurn 28s cubic-bezier(.2,.5,.25,1) 1 both!important;transform-origin:50% 50%;will-change:transform}
.sg-cosmos-globe{animation:none!important;opacity:0!important;visibility:hidden}
.sg-cosmos-globe-4{opacity:1!important;visibility:visible}
.sg-cosmos-earth{animation:sgV48EarthZoom 28s cubic-bezier(.28,.45,.22,1) 1 both!important;transform-origin:49.3% 43.4%;will-change:transform,opacity}
.sg-cosmos-earth-glow{opacity:.85}
.sg-cosmos-target{animation:sgV48TargetCore 28s ease-out 1 both!important}
.sg-cosmos-target-ring{animation:sgV48TargetRing 28s ease-out 1 both!important}
.sg-cosmos-korea{animation:sgV48KoreaReveal 28s cubic-bezier(.25,.62,.2,1) 1 both!important;will-change:transform,opacity}
/* 이전의 '따로 따라오는' 불꽃과 바람 그래픽을 모두 제거. 유성과 한 몸인 한 꼬리만 남김. */
.sg-cosmos-trail,.sg-cosmos-logo::before,.sg-cosmos-logo::after,.sg-logo-wind{display:none!important}
.sg-cosmos-logo{animation:sgV48MeteorFlight 28s cubic-bezier(.29,.58,.25,1) 1 both!important;transform-origin:center center;isolation:isolate;will-change:transform,opacity}
.sg-cosmos-logo>img{animation:sgV48MorphToLogo 28s ease-in-out 1 both!important;z-index:4}
.sg-logo-fire{animation:sgV48SingleFlame 28s ease-in-out 1 both!important;z-index:3}
.sg-logo-fire-tail-2,.sg-logo-fire-tail-3{display:none!important}
.sg-logo-fire-tail-1{animation:sgV48FireFlicker .62s ease-in-out infinite alternate;filter:blur(2px)}
.sg-logo-fire-spark-1,.sg-logo-fire-spark-2{animation-iteration-count:1!important;animation-duration:3s!important;animation-fill-mode:forwards!important}
/* 서울 착지: 두 겹의 발광 파동은 지도와 같은 좌표(cx185,cy317)에 고정 */
.sg-cosmos-map .sg-cosmos-landing-ring{animation:sgV48SeoulWaveA 28s ease-out 1 both!important;opacity:0;fill:none;stroke:#9decff;stroke-width:2.8;filter:drop-shadow(0 0 8px rgba(91,218,255,.75));transform-box:fill-box;transform-origin:center}
.sg-cosmos-map .sg-cosmos-landing-ring-outer{animation:sgV48SeoulWaveB 28s ease-out 1 both!important;stroke-width:1.6;stroke:#d5f9ff}
.sg-cosmos-map .sg-cosmos-landing-inner{animation:sgV48SeoulLight 28s ease-out 1 both!important}
/* 내부 30개 노선은 순차 연결하며 절대 끊김이나 재시작 없음 */
.sg-cosmos-map .sg-korea-route{animation:sgV48RouteIn .85s cubic-bezier(.22,.65,.18,1) 1 both!important;animation-delay:var(--sg-v48-delay,22.1s)!important;opacity:0;stroke-dasharray:100;stroke-dashoffset:100}
.sg-cosmos-map .sg-korea-route-1{--sg-v48-delay:22.1s}
.sg-cosmos-map .sg-korea-route-2{--sg-v48-delay:22.22s}
.sg-cosmos-map .sg-korea-route-3{--sg-v48-delay:22.34s}
.sg-cosmos-map .sg-korea-route-4{--sg-v48-delay:22.46s}
.sg-cosmos-map .sg-korea-route-5{--sg-v48-delay:22.58s}
.sg-cosmos-map .sg-korea-route-6{--sg-v48-delay:22.70s}
.sg-cosmos-map .sg-korea-route-7{--sg-v48-delay:22.82s}
.sg-cosmos-map .sg-korea-route-8{--sg-v48-delay:22.94s}
.sg-cosmos-map .sg-korea-route-9{--sg-v48-delay:23.06s}
.sg-cosmos-map .sg-korea-route-10{--sg-v48-delay:23.18s}
.sg-cosmos-map .sg-korea-route-11{--sg-v48-delay:23.30s}
.sg-cosmos-map .sg-korea-route-12{--sg-v48-delay:23.42s}
.sg-cosmos-map .sg-korea-route-13{--sg-v48-delay:23.54s}
.sg-cosmos-map .sg-korea-route-14{--sg-v48-delay:23.66s}
.sg-cosmos-map .sg-korea-route-15{--sg-v48-delay:23.78s}
.sg-cosmos-map .sg-korea-route-16{--sg-v48-delay:23.90s}
.sg-cosmos-map .sg-korea-route-17{--sg-v48-delay:24.02s}
.sg-cosmos-map .sg-korea-route-18{--sg-v48-delay:24.14s}
.sg-cosmos-map .sg-korea-route-19{--sg-v48-delay:24.26s}
.sg-cosmos-map .sg-korea-route-20{--sg-v48-delay:24.38s}
.sg-cosmos-map .sg-korea-route-21{--sg-v48-delay:24.50s}
.sg-cosmos-map .sg-korea-route-22{--sg-v48-delay:24.62s}
.sg-cosmos-map .sg-korea-route-23{--sg-v48-delay:24.74s}
.sg-cosmos-map .sg-korea-route-24{--sg-v48-delay:24.86s}
.sg-cosmos-map .sg-korea-route-25{--sg-v48-delay:24.98s}
.sg-cosmos-map .sg-korea-route-26{--sg-v48-delay:25.10s}
.sg-cosmos-map .sg-korea-route-27{--sg-v48-delay:25.22s}
.sg-cosmos-map .sg-korea-route-28{--sg-v48-delay:25.34s}
.sg-cosmos-map .sg-korea-route-31{--sg-v48-delay:25.46s}
.sg-cosmos-map .sg-korea-route-32{--sg-v48-delay:25.58s}
/* 마지막 두 노선: 백령도 먼저, 울릉도 마지막. 28초에 최종 완료/정지 */
.sg-cosmos-map .sg-korea-route-29{--sg-v48-delay:26.20s;animation-duration:1.32s!important}
.sg-cosmos-map .sg-korea-route-30{--sg-v48-delay:26.42s;animation-duration:1.55s!important}
/* 각 지역 거점 점등: 도시 -> 도서가 마지막 */
.sg-cosmos-map .sg-city-group{animation:sgV48NodeIn .72s ease-out 1 both!important;animation-delay:var(--sg-v48-node,22.5s)!important}
.sg-cosmos-map .sg-city-group-1{--sg-v48-node:21.65s}
.sg-cosmos-map .sg-city-group-2{--sg-v48-node:22.75s}
.sg-cosmos-map .sg-city-group-3{--sg-v48-node:23.05s}
.sg-cosmos-map .sg-city-group-4{--sg-v48-node:23.38s}
.sg-cosmos-map .sg-city-group-5{--sg-v48-node:23.80s}
.sg-cosmos-map .sg-city-group-6{--sg-v48-node:24.25s}
.sg-cosmos-map .sg-city-group-7{--sg-v48-node:24.72s}
.sg-cosmos-map .sg-city-group-8{--sg-v48-node:25.15s}
.sg-cosmos-map .sg-city-group-11{--sg-v48-node:25.65s}
.sg-cosmos-map .sg-city-group-9{--sg-v48-node:27.00s}
.sg-cosmos-map .sg-city-group-10{--sg-v48-node:27.50s}
.sg-cosmos-map .sg-island-tag{animation:sgV48NodeIn .62s ease-out 1 both!important;animation-delay:var(--sg-v48-island,27s)!important;opacity:0}
.sg-cosmos-map .sg-island-tag-west{--sg-v48-island:26.95s}
.sg-cosmos-map .sg-island-tag-east{--sg-v48-island:27.48s}
/* 서울에 착지한 뒤 도시명/북부 표시/바다 표시는 고정 유지 */
@keyframes sgV48EarthZoom{
  0%{opacity:.16;transform:translate(8%,5%) scale(.12)}
  12%{opacity:.8;transform:translate(5%,3%) scale(.30)}
  36%{opacity:1;transform:translate(1%,.5%) scale(.72)}
  56%{opacity:1;transform:translate(0,0) scale(1.22)}
  70%{opacity:1;transform:translate(-4%,-2%) scale(2.22)}
  78%{opacity:0;transform:translate(-8%,-5%) scale(3.18)}
  100%{opacity:0;transform:translate(-8%,-5%) scale(3.18)}
}
@keyframes sgV48GlobeTurn{
  0%{transform:rotate(-16deg)}
  24%{transform:rotate(-6deg)}
  52%{transform:rotate(5deg)}
  76%,100%{transform:rotate(14deg)}
}
@keyframes sgV48TargetCore{
  0%,57%{opacity:0}
  60%,70%{opacity:1}
  78%,100%{opacity:0}
}
@keyframes sgV48TargetRing{
  0%,57%{opacity:0;transform:translate(-50%,-50%) scale(.4)}
  61%{opacity:.85;transform:translate(-50%,-50%) scale(.6)}
  74%{opacity:0;transform:translate(-50%,-50%) scale(2.7)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(2.7)}
}
@keyframes sgV48KoreaReveal{
  0%,68%{opacity:0;transform:translate(15%,-8%) scale(.14)}
  76%{opacity:1;transform:translate(2%,-1%) scale(.85)}
  80%,100%{opacity:1;transform:translate(0,0) scale(1)}
}
@keyframes sgV48MeteorFlight{
  0%{opacity:0;transform:translate(250px,-225px) scale(.12) rotate(18deg);background-color:transparent;border-color:transparent;box-shadow:0 0 22px rgba(255,149,48,.2)}
  6%{opacity:1;transform:translate(210px,-196px) scale(.22) rotate(14deg)}
  21%{opacity:1;transform:translate(120px,-138px) scale(.42) rotate(8deg)}
  36%{opacity:1;transform:translate(5px,-115px) scale(.72) rotate(0deg);background-color:transparent;border-color:transparent;box-shadow:0 0 25px rgba(255,149,48,.35)}
  44%{opacity:1;transform:translate(-95px,-149px) scale(.82) rotate(-2deg);background-color:rgba(1,12,29,.77);border-color:rgba(123,235,255,.75);box-shadow:0 0 45px rgba(29,179,250,.35)}
  55%{opacity:1;transform:translate(-111px,-134px) scale(.83) rotate(-2deg)}
  64%{opacity:1;transform:translate(-89px,-95px) scale(.91) rotate(0)}
  70%{opacity:1;transform:translate(-91px,-53px) scale(.94) rotate(0)}
  76%{opacity:1;transform:translate(-102px,3px) scale(.73) rotate(0)}
  79%{opacity:0;transform:translate(-102px,3px) scale(.36) rotate(0)}
  100%{opacity:0;transform:translate(-102px,3px) scale(.36) rotate(0)}
}
@keyframes sgV48MorphToLogo{
  0%,34%{opacity:0;transform:scale(.65)}
  44%{opacity:1;transform:scale(1)}
  76%{opacity:1;transform:scale(1)}
  80%,100%{opacity:0;transform:scale(.8)}
}
@keyframes sgV48SingleFlame{
  0%,32%{opacity:1}
  39%{opacity:.66}
  44%,100%{opacity:0}
}
@keyframes sgV48FireFlicker{
  0%{transform:translate(-124px,-8px) rotate(12deg) scaleX(.75);opacity:.75}
  100%{transform:translate(-124px,-8px) rotate(12deg) scaleX(1.12);opacity:1}
}
@keyframes sgV48SeoulWaveA{
  0%,73%{opacity:0;transform:scale(.38)}
  76%{opacity:1;transform:scale(.7)}
  83%{opacity:.48;transform:scale(2.4)}
  88%,100%{opacity:0;transform:scale(3.1)}
}
@keyframes sgV48SeoulWaveB{
  0%,76%{opacity:0;transform:scale(.35)}
  79%{opacity:.95;transform:scale(.6)}
  87%{opacity:.38;transform:scale(2.5)}
  92%,100%{opacity:0;transform:scale(3.3)}
}
@keyframes sgV48SeoulLight{
  0%,72%{opacity:0}
  76%,100%{opacity:1}
}
@keyframes sgV48RouteIn{
  0%{opacity:0;stroke-dashoffset:100}
  10%{opacity:.95}
  100%{opacity:.93;stroke-dashoffset:0}
}
@keyframes sgV48NodeIn{
  0%{opacity:0}
  100%{opacity:1}
}
@media(max-width:980px){
  .sg-cosmos-logo{animation-name:sgV48MeteorFlightTablet!important}
  @keyframes sgV48MeteorFlightTablet{
    0%{opacity:0;transform:translate(195px,-198px) scale(.12);background:transparent;border-color:transparent}
    6%{opacity:1;transform:translate(165px,-179px) scale(.21)}
    21%{opacity:1;transform:translate(94px,-128px) scale(.4)}
    36%{opacity:1;transform:translate(1px,-107px) scale(.7);background:transparent;border-color:transparent}
    44%{opacity:1;transform:translate(-80px,-135px) scale(.8);background:rgba(1,12,29,.77);border-color:rgba(123,235,255,.75)}
    55%{opacity:1;transform:translate(-94px,-126px) scale(.83)}
    70%{opacity:1;transform:translate(-89px,-48px) scale(.92)}
    76%{opacity:1;transform:translate(-95px,3px) scale(.73)}
    79%,100%{opacity:0;transform:translate(-95px,3px) scale(.36)}
  }
}
@media(max-width:680px){
  .sg-cosmos-logo{animation:sgV48MeteorFlightMobile 28s cubic-bezier(.29,.58,.25,1) 1 both!important}
  .sg-cosmos-logo>img{animation:sgV48MorphToLogo 28s ease-in-out 1 both!important}
  .sg-logo-fire-tail-1{animation:sgV48FireFlickerMobile .65s ease-in-out infinite alternate!important}
  @keyframes sgV48FireFlickerMobile{
    from{transform:translate(-76px,-6px) rotate(12deg) scaleX(.74);opacity:.75}
    to{transform:translate(-76px,-6px) rotate(12deg) scaleX(1.12);opacity:1}
  }
  @keyframes sgV48MeteorFlightMobile{
    0%{opacity:0;transform:translate(148px,-175px) scale(.12);background:transparent;border-color:transparent}
    6%{opacity:1;transform:translate(123px,-153px) scale(.20)}
    21%{opacity:1;transform:translate(70px,-115px) scale(.4)}
    36%{opacity:1;transform:translate(-4px,-98px) scale(.68);background:transparent;border-color:transparent}
    44%{opacity:1;transform:translate(-62px,-120px) scale(.8);background:rgba(1,12,29,.77);border-color:rgba(123,235,255,.75)}
    55%{opacity:1;transform:translate(-70px,-112px) scale(.82)}
    70%{opacity:1;transform:translate(-64px,-44px) scale(.9)}
    76%{opacity:1;transform:translate(-69px,0) scale(.73)}
    79%,100%{opacity:0;transform:translate(-69px,0) scale(.36)}
  }
}
@media(prefers-reduced-motion:reduce){
  .sg-cosmos-earth,.sg-cosmos-sphere,.sg-cosmos-target,.sg-cosmos-target-ring,.sg-cosmos-logo,.sg-cosmos-logo img,.sg-logo-fire,.sg-cosmos-korea,.sg-cosmos-map .sg-korea-route,.sg-cosmos-map .sg-city-group,.sg-cosmos-map .sg-island-tag,.sg-cosmos-map .sg-cosmos-landing-ring,.sg-cosmos-map .sg-cosmos-landing-inner{animation:none!important}
  .sg-cosmos-earth,.sg-cosmos-target,.sg-cosmos-target-ring,.sg-cosmos-logo,.sg-logo-fire,.sg-cosmos-map .sg-cosmos-landing-ring{opacity:0!important}
  .sg-cosmos-korea{opacity:1!important;transform:none!important}
  .sg-cosmos-map .sg-city-group,.sg-cosmos-map .sg-island-tag{opacity:1!important}
  .sg-cosmos-map .sg-korea-route{opacity:.93!important;stroke-dashoffset:0!important}
  .sg-cosmos-map .sg-cosmos-landing-inner{opacity:1!important}
}

/* V4.9: 울릉도 거점까지 애니메이션 종료 후 3초 대기 → 전체 시퀀스 재시작.
   재시작은 site.js가 실제 마지막 노드 animationend를 받은 뒤 수행합니다. */
.sg-hero-art.sg-cosmos-art.sg-v49-restart,
.sg-hero-art.sg-cosmos-art.sg-v49-restart *,
.sg-hero-art.sg-cosmos-art.sg-v49-restart *::before,
.sg-hero-art.sg-cosmos-art.sg-v49-restart *::after { animation: none !important; }

/* ================================================================
   SUHO V5.0  |  LUMINOUS EDITORIAL
   섹션 구조/운송 애니메이션을 건드리지 않는 시각·타이포그래피 전용 개선
   포인트 제목에는 정돈된 명조를, 본문에는 가독성 높은 산세리프를 사용.
   ================================================================ */

/* 1. 고급 브랜드 타이포그래피: 밝은 명암 대비와 안정적인 행간 */
.sg-site{
  --sg-v50-silver:#eef8ff;
  --sg-v50-ice:#93dfff;
  --sg-v50-hairline:rgba(147,217,255,.38);
  font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;
  font-feature-settings:'kern' 1;
  -webkit-font-smoothing:antialiased;
}
.sg-site .sg-brand strong{
  font-weight:820;
  letter-spacing:-.057em;
  background:linear-gradient(130deg,#fff 4%,#cfeeff 44%,#ffffff 70%,#96d5f6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 11px rgba(114,213,255,.10));
}
.sg-site .sg-hero-copy h1{
  font-weight:840;
  line-height:1.35;
  letter-spacing:-.071em;
  color:#f2faff;
  text-shadow:0 2px 1px rgba(255,255,255,.045),0 12px 34px rgba(30,128,208,.16);
}
.sg-site .sg-heading-row h2{
  position:relative;
  padding-bottom:12px;
  letter-spacing:-.06em;
  line-height:1.40;
  font-weight:820;
  color:#f1f8ff;
  text-shadow:0 2px 1px rgba(255,255,255,.035),0 11px 30px rgba(27,139,219,.12);
}
.sg-site .sg-heading-row h2::after{
  content:"";position:absolute;left:0;bottom:0;width:82px;height:2px;
  background:linear-gradient(90deg,#baf3ff,#51caff 42%,rgba(83,193,255,0));
  box-shadow:0 0 12px rgba(83,207,255,.44);
  pointer-events:none;
}
/* 한글 중심 문구에는 기존에 로딩하던 프리미엄 명조를 일부만 사용 */
.sg-site :is(.sg-hero-copy h1 em,.sg-heading-row h2 em,.sg-journey-aside h3 em,.sg-guide-card h3 em,.sg-mission-intro h3 em){
  font-family:'Noto Serif KR','Pretendard Variable','Noto Sans KR',serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:-.068em;
  line-height:1.42;
  background-image:linear-gradient(110deg,#c1efff 0%,#78d5fb 26%,#effaff 49%,#8cdbff 73%,#b3e9ff 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:sgV50TypeReflection 17s ease-in-out infinite alternate;
  text-shadow:none;
}
.sg-site .sg-promise h2,
.sg-site .sg-promise h2 em{
  font-family:'Noto Serif KR','Pretendard Variable','Noto Sans KR',serif;
  font-weight:700;
  letter-spacing:-.052em;
  line-height:1.62;
}
.sg-site .sg-promise h2 em{
  background-image:linear-gradient(110deg,#b4eaff,#66c9f3 34%,#e6f9ff 57%,#83d3f8 80%,#c6efff);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:sgV50TypeReflection 17s ease-in-out infinite alternate;
}
.sg-site :is(.sg-reason-card h3,.sg-solution-item h3,.sg-showcase-copy h4,.sg-guide-card h3,.sg-business-orbit-heading strong,.sg-mission-focus-copy h4){
  letter-spacing:-.047em;
  font-weight:790;
  color:#f0faff;
  text-shadow:0 5px 20px rgba(39,143,212,.09);
}
.sg-site :is(.sg-heading-side p,.sg-showcase-copy>p,.sg-reason-card p,.sg-solution-item p,.sg-journey-aside>p,.sg-guide-card>p){
  color:#b3c8dd;
  word-break:keep-all;
}
.sg-site :is(.sg-kicker,.sg-eyetag,.sg-reason-index,.sg-showcase-group-identity small,.sg-business-orbit-heading span){
  color:#93d8ff;
  text-shadow:0 0 16px rgba(66,184,254,.14);
}
.sg-site .sg-num{
  background:linear-gradient(145deg,rgba(102,211,255,.19),rgba(19,88,140,.07));
  border-color:rgba(134,224,255,.52);
  box-shadow:inset 0 1px rgba(232,251,255,.13),0 0 14px rgba(32,159,244,.12);
}
@keyframes sgV50TypeReflection{
  0%{background-position:5% 50%}
  100%{background-position:95% 50%}
}

/* 2. 고급 재질: 스튜디오 반사광을 닮은 유리·메탈 표면 */
.sg-site :is(.sg-console,.sg-mission-focus,.sg-journey-track,.sg-journey-aside,.sg-guide-card,.sg-business-orbit,.sg-fleet-modal-dialog){
  box-shadow:inset 0 1px 0 rgba(218,248,255,.13),inset 0 0 28px rgba(24,96,157,.035),0 22px 60px rgba(0,5,17,.24);
  border-color:rgba(104,189,238,.31);
}
.sg-site :is(.sg-reason-card,.sg-solution-item,.sg-showcase-card,.sg-guide-card){
  background-image:radial-gradient(ellipse 78% 48% at 0% 0%,rgba(118,209,254,.10),transparent 75%),linear-gradient(123deg,rgba(235,251,255,.045) 0%,transparent 26%,transparent 77%,rgba(44,130,190,.04));
  box-shadow:inset 0 1px 0 rgba(200,239,255,.08),0 17px 39px rgba(1,9,25,.20);
  border-color:rgba(102,187,229,.27);
}
.sg-site :is(.sg-reason-card,.sg-solution-item,.sg-showcase-card,.sg-guide-card):hover{
  box-shadow:inset 0 1px 0 rgba(224,249,255,.19),0 23px 56px rgba(0,10,32,.34),0 0 30px rgba(45,167,237,.09);
  border-color:rgba(148,225,255,.60);
}
.sg-site :is(.sg-reason-card,.sg-solution-item){isolation:isolate;overflow:hidden}
/* 카드를 지나가는 실버 빛줄기: 마우스 오버 시에만 동작 */
.sg-site :is(.sg-reason-card,.sg-solution-item)::after{
  content:"";position:absolute;top:-24%;left:-70%;width:52%;height:155%;
  background:linear-gradient(90deg,transparent,rgba(229,250,255,.055) 36%,rgba(188,234,255,.19) 50%,rgba(229,250,255,.04) 65%,transparent);
  transform:skewX(-20deg);transition:left .85s cubic-bezier(.19,.65,.24,1);
  opacity:.75;pointer-events:none;z-index:2;
}
.sg-site :is(.sg-reason-card,.sg-solution-item):hover::after{left:137%}
/* 차량 카드에는 기존 광원과 충돌하지 않는 위치에 빛의 테두리만 강화 */
.sg-site #fleet .sg-showcase-card{background-image:radial-gradient(ellipse 85% 56% at 0 0,rgba(89,191,254,.10),transparent 72%),linear-gradient(135deg,rgba(14,46,78,.92),rgba(5,21,40,.97))}
.sg-site #fleet .sg-showcase-media-glow{height:2px;opacity:.70;background:linear-gradient(90deg,transparent,#67d8ff 35%,#ecffff 52%,#63dbff 67%,transparent);box-shadow:0 0 17px rgba(57,201,249,.42)}
.sg-site #fleet .sg-showcase-card:hover .sg-showcase-media-glow{opacity:1;box-shadow:0 0 21px rgba(88,218,255,.73)}
.sg-site :is(.sg-mission-stage.is-active,.sg-journey-buttons button.is-current){
  box-shadow:inset 0 1px rgba(200,249,255,.15),0 0 22px rgba(61,181,251,.11);
}
.sg-site .sg-map-scene{
  box-shadow:inset 0 1px rgba(210,249,255,.10),inset 0 0 45px rgba(30,120,200,.07),0 25px 70px rgba(0,9,26,.24);
}

/* 3. 기능 버튼과 링크는 내용이 가려지지 않는 선에서만 광택을 더함 */
.sg-site .sg-button,.sg-site .sg-nav-cta,.sg-site .sg-showcase-jumps a{
  background-image:linear-gradient(112deg,rgba(243,253,255,.12) 0%,rgba(246,252,255,.02) 24%,transparent 55%),linear-gradient(120deg,rgba(44,137,205,.19),rgba(5,32,70,.14));
  box-shadow:inset 0 1px rgba(226,247,255,.13),0 8px 23px rgba(0,12,28,.16);
  border-color:rgba(116,212,255,.37);
  transition:box-shadow .28s ease,border-color .28s ease,transform .28s ease,background-position .55s ease;
}
.sg-site .sg-button-primary{
  background-image:linear-gradient(110deg,rgba(255,255,255,.34),transparent 42%),linear-gradient(116deg,#167fce,#59c3f8);
  box-shadow:inset 0 1px rgba(255,255,255,.43),0 11px 35px rgba(19,127,227,.26);
  color:#061b36!important;
}
.sg-site .sg-button:hover,.sg-site .sg-nav-cta:hover,.sg-site .sg-showcase-jumps a:hover{
  border-color:rgba(174,242,255,.87);
  box-shadow:inset 0 1px rgba(247,254,255,.28),0 9px 34px rgba(31,156,236,.21),0 0 15px rgba(77,181,254,.10);
}
.sg-site .sg-link-more{position:relative;text-decoration:none;text-shadow:0 0 18px rgba(104,220,255,.18);border-color:rgba(141,220,255,.50)}
.sg-site .sg-link-more::after{
  content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;
  background:linear-gradient(90deg,transparent,#e2fbff,transparent);
  transform:scaleX(0);transform-origin:left center;
  transition:transform .5s ease;
  box-shadow:0 0 9px rgba(118,224,255,.53);
}
.sg-site .sg-link-more:hover::after{transform:scaleX(1)}
.sg-site .sg-hero-copy .sg-hero-caption{border-top-color:rgba(150,217,255,.28)}
.sg-site .sg-hero-copy .sg-hero-caption::before{content:"";width:34px;height:1px;position:absolute;transform:translateY(-18px);background:linear-gradient(90deg,#85dfff,transparent);box-shadow:0 0 8px rgba(78,209,255,.54)}

/* 4. 작은 글씨는 무조건 크기만 키우지 않고 꼭 필요한 설명의 시인성을 개선 */
.sg-site :is(.sg-reason-index,.sg-showcase-group-identity small,.sg-solution-item>span){letter-spacing:.04em}
.sg-site #fleet .sg-showcase-copy>p{font-size:13px;line-height:1.81}
.sg-site #fleet .sg-showcase-copy>strong{font-size:13.5px;line-height:1.65}
.sg-site #fleet .sg-showcase-eyebrow{color:#9cdeff;letter-spacing:.065em}
.sg-site #fleet .sg-showcase-copy>a{font-size:13px}
.sg-site #fleet .sg-showcase-tags span{font-size:11px;color:#d4ecfb}
.sg-site :is(.sg-mission-stage strong,.sg-mission-focus-copy h4){color:#f0f9ff}

@media(max-width:760px){
  .sg-site .sg-hero-copy h1{line-height:1.42}
  .sg-site .sg-heading-row h2{padding-bottom:10px;line-height:1.49}
  .sg-site .sg-heading-row h2::after{width:58px}
  .sg-site :is(.sg-hero-copy h1 em,.sg-heading-row h2 em,.sg-promise h2 em){letter-spacing:-.075em}
  .sg-site #fleet .sg-showcase-copy>p{font-size:12.5px}
  .sg-site #fleet .sg-showcase-copy>strong{font-size:13px}
  .sg-site #fleet .sg-showcase-tags span{font-size:10px}
  .sg-site #fleet .sg-showcase-copy>a{font-size:12px}
  .sg-site .sg-button,.sg-site .sg-nav-cta,.sg-site .sg-showcase-jumps a{box-shadow:inset 0 1px rgba(226,247,255,.13),0 4px 14px rgba(0,12,28,.14)}
}
@media(hover:none){
  .sg-site :is(.sg-reason-card,.sg-solution-item)::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .sg-site :is(.sg-hero-copy h1 em,.sg-heading-row h2 em,.sg-promise h2 em,.sg-journey-aside h3 em,.sg-guide-card h3 em,.sg-mission-intro h3 em){animation:none!important;background-position:50% 50%!important}
  .sg-site :is(.sg-reason-card,.sg-solution-item)::after{display:none}
  .sg-site :is(.sg-button,.sg-nav-cta),.sg-site .sg-link-more::after{transition:none!important}
}
/* 명조 본문이 주변 섹션과 동일한 밝기로 유지되도록 색상을 명시 */
.sg-site{color:#e9f5ff}
.sg-site .sg-promise h2{color:#f1f8ff}


/* V5.1 - section 09 custom earth/galaxy background */
#promise.sg-promise{
  background:
    linear-gradient(90deg, rgba(2,8,18,.90) 0%, rgba(2,10,22,.72) 28%, rgba(2,10,22,.44) 52%, rgba(2,8,18,.82) 100%),
    radial-gradient(circle at 70% 24%, rgba(255,255,255,.10) 0%, rgba(123,198,255,.08) 10%, rgba(123,198,255,0) 28%),
    radial-gradient(circle at 77% 30%, rgba(106,189,255,.14) 0%, rgba(106,189,255,0) 33%),
    url('section-bg/promise-earth-galaxy.webp') center center / cover no-repeat !important;
}
#promise .sg-cosmic-deco{display:none !important;}
#promise:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1px 1px at 10% 18%, rgba(236,248,255,.95) 65%, transparent 72%),
    radial-gradient(2px 2px at 84% 17%, rgba(123,205,255,.92) 65%, transparent 74%),
    radial-gradient(1px 1px at 92% 62%, rgba(255,255,255,.9) 65%, transparent 74%),
    radial-gradient(1px 1px at 68% 72%, rgba(158,223,255,.7) 65%, transparent 75%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  opacity:.72;
  pointer-events:none;
}
#promise .sg-promise-glow{bottom:-640px;opacity:.82;filter:blur(0px)}
#promise .sg-promise-inside{max-width:960px}
#promise .sg-kicker,
#promise .sg-promise-sign,
#promise .sg-link-more,
#promise .sg-promise-inside>p,
#promise .sg-promise-inside>p strong,
#promise .sg-promise h2,
#promise .sg-promise h2 em,
#promise .sg-quote-mark{position:relative;z-index:2}
#promise .sg-promise-inside>p:not(.sg-kicker){color:#d2deeb;text-shadow:0 2px 12px rgba(3,12,24,.55)}
#promise .sg-promise h2{color:#f3f9ff;text-shadow:0 8px 34px rgba(5,14,28,.58)}
#promise .sg-promise h2 em{color:#82d5ff}
#promise .sg-link-more{color:#b7ebff !important;border-bottom-color:rgba(183,235,255,.5);text-shadow:0 1px 10px rgba(5,14,28,.4)}
@media (max-width:760px){
  #promise.sg-promise{
    background:
      linear-gradient(180deg, rgba(2,8,18,.88) 0%, rgba(2,9,20,.56) 38%, rgba(2,8,18,.9) 100%),
      url('section-bg/promise-earth-galaxy.webp') 64% center / cover no-repeat !important;
  }
  #promise .sg-promise-glow{bottom:-500px;opacity:.72}
}


/* V5.2 | 9번 섹션: 스크롤 패럴랙스 + 은하 중심의 느린 빛 호흡 */
#promise.sg-promise{
  isolation:isolate;
  background:#020b1a!important;
  overflow:hidden;
}
/* 원본 지구/은하 사진: pseudo-element 안에서만 이동, 글자는 절대 이동하지 않음 */
#promise.sg-promise::before{
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  inset:-13%;
  pointer-events:none;
  background:url('section-bg/promise-earth-galaxy.webp') 50% 50% / cover no-repeat;
  opacity:.93;
  transform:scale(1.03);
  translate:0 var(--sg-promise-parallax-y,0px);
  transform-origin:center;
  animation:sgPromiseSlowBreath 44s ease-in-out infinite alternate;
  will-change:transform,translate;
}
/* 이미지 위에는 고정 그라데이션을 별도로 둬서 본문 대비를 보존 */
#promise.sg-promise::after{
  content:""!important;
  display:block;
  position:absolute;
  z-index:1;
  inset:0;
  opacity:1!important;
  pointer-events:none;
  background:
    radial-gradient(ellipse 47% 55% at 50% 52%,rgba(1,8,22,.59) 0%,rgba(1,8,22,.44) 53%,transparent 100%),
    linear-gradient(90deg,rgba(2,9,22,.72) 0%,rgba(2,11,27,.53) 30%,rgba(2,11,27,.42) 61%,rgba(2,9,23,.57) 100%),
    linear-gradient(180deg,rgba(1,8,21,.27),rgba(1,8,21,.18) 48%,rgba(1,8,21,.73) 100%);
}
/* 실제 이미지 속 은하 발광점(우측 상단)에 부드러운 광륜 두 겹 */
#promise .sg-promise-galaxy-aura{
  position:absolute;
  z-index:2;
  top:27%;
  left:81%;
  width:min(39vw,490px);
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(.84);
  background:radial-gradient(circle,rgba(255,244,217,.22) 0%,rgba(255,206,150,.14) 12%,rgba(125,191,255,.08) 30%,transparent 62%);
  filter:blur(15px);
  mix-blend-mode:screen;
  opacity:.42;
  animation:sgPromiseGalacticGlow 18s ease-in-out infinite;
}
#promise .sg-promise-galaxy-aura::after{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(251,248,242,.38) 0%,rgba(255,218,178,.14) 10%,rgba(133,191,255,.05) 32%,transparent 66%);
  animation:sgPromiseGalacticHalo 18s ease-in-out infinite;
}
#promise .sg-promise-inside{position:relative;z-index:3}
#promise .sg-promise-glow{z-index:1;opacity:.5;box-shadow:0 -10px 80px rgba(20,169,247,.16)}
@keyframes sgPromiseSlowBreath{
  from{transform:scale(1.03)}
  to{transform:scale(1.085)}
}
@keyframes sgPromiseGalacticGlow{
  0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(.82)}
  50%{opacity:.70;transform:translate(-50%,-50%) scale(1.14)}
}
@keyframes sgPromiseGalacticHalo{
  0%,100%{opacity:.32;transform:scale(.8)}
  50%{opacity:.75;transform:scale(1.08)}
}
@media(max-width:760px){
  #promise.sg-promise::before{
    inset:-10% -38%;
    background-position:65% 50%;
    opacity:.78;
  }
  #promise.sg-promise::after{
    background:linear-gradient(180deg,rgba(2,9,22,.84),rgba(2,9,22,.52) 35%,rgba(2,9,22,.68) 65%,rgba(2,9,22,.88));
  }
  #promise .sg-promise-galaxy-aura{left:77%;top:23%;width:58vw;filter:blur(12px);opacity:.35}
}
@media(prefers-reduced-motion:reduce){
  #promise.sg-promise::before{animation:none!important;transform:scale(1.04);translate:0 0!important;will-change:auto}
  #promise .sg-promise-galaxy-aura,#promise .sg-promise-galaxy-aura::after{animation:none!important}
}
/* 밝은 지구 앞에서도 제목과 본문이 묻히지 않도록 중앙에만 부드러운 음영 */
#promise .sg-promise-inside{isolation:isolate}
#promise .sg-promise-inside::before{
  content:"";
  position:absolute;
  inset:0 -3%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse 72% 52% at 50% 53%,rgba(2,9,24,.80),rgba(2,9,24,.61) 54%,transparent 100%);
  filter:blur(18px);
}
@media(max-width:760px){
  #promise .sg-promise-inside::before{inset:0 -6%;background:radial-gradient(ellipse 84% 64% at 50% 50%,rgba(2,9,24,.76),rgba(2,9,24,.53) 57%,transparent 100%);filter:blur(13px)}
}


/* ============================================================
 * V5.3: sections 08–10 share one continuous Earth / galaxy sky.
 * Image is rendered with original aspect ratio, not background-cover.
 * Existing section content, planets, shooting stars and typography remain.
 * ============================================================ */
.sg-panorama-8-10{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#020b1b;
}
.sg-panorama-stage{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(ellipse 80% 41% at 54% 45%,rgba(14,59,115,.42),transparent 76%),
    radial-gradient(ellipse 55% 35% at 13% 82%,rgba(13,74,131,.21),transparent 75%),
    linear-gradient(180deg,#041326 0%,#020a1a 38%,#05132b 73%,#030d1e 100%);
}
.sg-panorama-stars{
  position:absolute;
  inset:0;
  opacity:.53;
  background-image:
    radial-gradient(1px 1px at 9% 12%,rgba(199,234,255,.76) 72%,transparent 80%),
    radial-gradient(1px 1px at 76% 31%,rgba(154,210,255,.82) 70%,transparent 78%),
    radial-gradient(1.5px 1.5px at 31% 71%,rgba(214,239,255,.8) 70%,transparent 80%),
    radial-gradient(1px 1px at 85% 82%,rgba(134,202,255,.72) 70%,transparent 80%);
  background-size:310px 270px,430px 380px,510px 330px,270px 410px;
}
.sg-panorama-art{
  position:absolute;
  left:0;
  right:0;
  top:var(--sg-panorama-center-y,50%);
  width:100%;
  transform:translateY(calc(-50% + var(--sg-promise-parallax-y,0px)));
  will-change:transform;
  opacity:.93;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 13%,#000 25%,#000 75%,rgba(0,0,0,.65) 87%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 13%,#000 25%,#000 75%,rgba(0,0,0,.65) 87%,transparent 100%);
}
.sg-panorama-art>img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  max-width:none;
  animation:sgPromiseSlowBreath 44s ease-in-out infinite alternate;
  transform-origin:center center;
}
.sg-panorama-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 47% 24% at 50% 50%,rgba(2,8,20,.32),transparent 100%),
    linear-gradient(90deg,rgba(2,9,22,.34) 0%,rgba(2,9,22,.21) 38%,rgba(2,9,22,.21) 62%,rgba(2,9,22,.35) 100%),
    linear-gradient(180deg,rgba(2,8,20,.14),transparent 24%,transparent 68%,rgba(2,8,20,.18));
}
.sg-panorama-8-10 > #solutions,
.sg-panorama-8-10 > #promise,
.sg-panorama-8-10 > #guide{
  position:relative;
  z-index:1;
  background:transparent!important;
  background-image:none!important;
}
/* Disable the old section-only photograph and scrim. Shared stage owns them. */
.sg-panorama-8-10 > #promise.sg-promise::before,
.sg-panorama-8-10 > #promise.sg-promise::after{content:none!important;display:none!important}
/* Keep the existing galaxy aura, slow glow and promise typography. */
.sg-panorama-8-10 > #promise .sg-promise-galaxy-aura{left:81%;top:37%}
.sg-panorama-8-10 > #promise .sg-promise-inside::before{
  background:radial-gradient(ellipse 72% 52% at 50% 53%,rgba(2,9,24,.74),rgba(2,9,24,.52) 54%,transparent 100%);
}
/* Restore Jupiter, moon and local shooting-star layers above the shared space. */
.sg-panorama-8-10 > #solutions .sg-cosmic-deco,
.sg-panorama-8-10 > #guide .sg-cosmic-deco{z-index:0}
.sg-panorama-8-10 > #solutions .sg-container,
.sg-panorama-8-10 > #guide .sg-container{position:relative;z-index:2}
@media(max-width:760px){
  .sg-panorama-art{opacity:.87}
  .sg-panorama-shade{
    background:linear-gradient(180deg,rgba(2,9,22,.13),rgba(2,9,22,.1) 28%,rgba(2,9,22,.32) 50%,rgba(2,9,22,.16) 74%,rgba(2,9,22,.18));
  }
  .sg-panorama-8-10 > #promise .sg-promise-inside::before{
    background:radial-gradient(ellipse 84% 64% at 50% 50%,rgba(2,9,24,.78),rgba(2,9,24,.56) 57%,transparent 100%);
  }
}
@media(prefers-reduced-motion:reduce){
  .sg-panorama-art{transform:translateY(-50%)!important;will-change:auto}
  .sg-panorama-art>img{animation:none!important;transform:none!important}
}
/* A quiet color wash from the same artwork bridges the top/bottom sections.
   The full-detail foreground image remains uncropped and centered. */
.sg-panorama-stage::before{
  content:"";
  position:absolute;
  inset:-100px;
  z-index:0;
  pointer-events:none;
  background:url('section-bg/promise-earth-galaxy.webp') center center / cover no-repeat;
  filter:blur(58px) saturate(.92);
  opacity:.17;
}
.sg-panorama-stars,.sg-panorama-art,.sg-panorama-shade{z-index:1}
.sg-panorama-art{z-index:2}
.sg-panorama-shade{z-index:3}
@media(max-width:760px){.sg-panorama-stage::before{filter:blur(46px);opacity:.14}}


/* V60 : realistic space-station intro + premium near-black theme */
:root{--sg-bg:#020307;--sg-bg2:#090d14;--sg-text:#edf6ff;--sg-muted:#a8b4c9;--sg-line:rgba(126,178,231,.14);--sg-glow:0 0 26px rgba(62,182,255,.16)}
body,.sg-site{background:radial-gradient(circle at 50% -14%,rgba(52,109,186,.14),transparent 32%),linear-gradient(180deg,#010204 0%,#05070c 43%,#020307 100%)}
.sg-site{position:relative;color:#edf6ff}
.sg-site:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 16%,rgba(74,120,197,.06),transparent 24%),radial-gradient(circle at 83% 28%,rgba(37,95,174,.05),transparent 20%),radial-gradient(circle at 50% 85%,rgba(74,138,204,.05),transparent 24%)}
.sg-header{background:rgba(1,3,7,.78);border-bottom-color:rgba(114,170,225,.12)}
.sg-header.is-scrolled{background:rgba(1,2,5,.94);border-color:rgba(110,188,255,.18)}
.sg-section,.sg-section:nth-child(odd){background:transparent}
.sg-hero{background:radial-gradient(ellipse 48% 58% at 72% 34%,rgba(18,75,160,.18) 0%,transparent 78%),linear-gradient(180deg,#020308 0%,#050911 48%,#03060b 100%)}
.sg-glass,.sg-console.sg-mission-console,.sg-region-content,.sg-guide-card,.sg-guide-checklist,.sg-journey-track,.sg-journey-aside,.sg-faq-question{background-color:rgba(6,11,20,.72)!important;background-image:linear-gradient(145deg,rgba(10,18,31,.88),rgba(5,9,18,.94))!important;border-color:rgba(100,167,233,.18)!important;box-shadow:inset 0 1px rgba(180,220,255,.05),0 18px 60px rgba(0,0,0,.24)!important}
.sg-button-line{background:rgba(11,18,32,.56);border-color:rgba(109,174,235,.26)}
.sg-nav-cta{background:rgba(14,26,44,.42);box-shadow:inset 0 0 20px rgba(83,170,246,.08),0 10px 30px rgba(0,0,0,.18)}
.sg-fleet-card,.sg-reason-card,.sg-solution-item,.sg-mini-stat,.sg-control-card,.sg-system-tile,.sg-map-scene,.sg-guide-card,.sg-guide-checklist,.sg-detail-block{background:linear-gradient(160deg,rgba(8,14,26,.92),rgba(4,8,15,.95));border-color:rgba(99,173,236,.18)}

/* V6.2: pure-dark cosmos. No photo, station, gate or logo in this intro. */
.sg-void-entry{position:fixed!important;inset:0!important;z-index:25000!important;overflow:hidden;isolation:isolate;background:transparent!important;color:#e7f4ff;opacity:1;visibility:visible;pointer-events:all;touch-action:none;user-select:none;-webkit-user-select:none;display:block}
.sg-void-entry.is-finished{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.sg-entry-locked{overflow:hidden!important;overscroll-behavior:none}
.sg-void-half{position:absolute;z-index:1;top:-1%;bottom:-1%;width:50.5%;background:#010207;will-change:transform}
.sg-void-half-left{left:-.25%;background:radial-gradient(ellipse at 100% 51%,rgba(6,11,23,.7),transparent 66%),linear-gradient(90deg,#000104,#010207)}
.sg-void-half-right{right:-.25%;background:radial-gradient(ellipse at 0 51%,rgba(6,11,23,.7),transparent 66%),linear-gradient(90deg,#010207,#000104)}
.sg-void-half:after{content:'';position:absolute;top:0;bottom:0;width:12px;opacity:0;filter:blur(8px);pointer-events:none;background:linear-gradient(180deg,transparent,rgba(204,238,255,.7) 35%,rgba(145,207,255,.95) 49%,rgba(204,238,255,.7) 63%,transparent)}
.sg-void-half-left:after{right:-5px}.sg-void-half-right:after{left:-5px}
.sg-void-stars{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:opacity,transform}
.sg-void-stars:before{content:'';position:absolute;left:0;top:0;border-radius:50%;background:#eaf5ff;transform:translateZ(0)}
.sg-void-stars-far:before{width:1px;height:1px;opacity:.8}
.sg-void-stars-mid:before{width:1.7px;height:1.7px;opacity:.96}
.sg-void-stars-near:before{width:2.1px;height:2.1px;box-shadow:0 0 5px rgba(207,238,255,.45)}
.sg-void-stars-far::before{box-shadow:30.48vw 76.09vh 0px 0 rgba(207,232,255,0.40),50.67vw 22.71vh 0px 0 rgba(238,247,255,0.55),96.67vw 26.89vh 0px 0 rgba(238,247,255,0.54),71.94vw 33.72vh 0px 0 rgba(238,247,255,0.43),84.20vw 25.52vh 0px 0 rgba(238,247,255,0.49),61.80vw 50.99vh 0px 0 rgba(207,232,255,0.41),24.45vw 49.31vh 0px 0 rgba(238,247,255,0.64),51.91vw 63.51vh 0px 0 rgba(238,247,255,0.60),35.01vw 90.28vh 0px 0 rgba(238,247,255,0.52),30.56vw 98.20vh 0px 0 rgba(238,247,255,0.64),37.65vw 71.90vh 0px 0 rgba(207,232,255,0.57),19.34vw 36.31vh 0px 0 rgba(238,247,255,0.36),94.69vw 77.72vh 0px 0 rgba(238,247,255,0.41),15.31vw 44.19vh 0px 0 rgba(238,247,255,0.69),20.73vw 79.24vh 0px 0 rgba(238,247,255,0.47),90.09vw 44.64vh 0px 0 rgba(207,232,255,0.48),33.98vw 8.15vh 0px 0 rgba(238,247,255,0.36),37.86vw 39.19vh 0px 0 rgba(238,247,255,0.31),28.99vw 23.63vh 0px 0 rgba(238,247,255,0.40),51.61vw 48.52vh 0px 0 rgba(238,247,255,0.71),85.20vw 33.54vh 0px 0 rgba(207,232,255,0.38),66.84vw 72.56vh 0px 0 rgba(238,247,255,0.33),4.76vw 1.40vh 0px 0 rgba(238,247,255,0.65),40.02vw 38.89vh 0px 0 rgba(238,247,255,0.61),78.71vw 90.23vh 0px 0 rgba(238,247,255,0.53),41.46vw 52.12vh 0px 0 rgba(207,232,255,0.35),58.04vw 31.54vh 0px 0 rgba(238,247,255,0.31),56.90vw 21.73vh 0px 0 rgba(238,247,255,0.63),71.88vw 43.76vh 0px 0 rgba(238,247,255,0.65),49.43vw 96.22vh 0px 0 rgba(238,247,255,0.51),14.84vw 66.11vh 0px 0 rgba(207,232,255,0.65),77.93vw 15.59vh 0px 0 rgba(238,247,255,0.66),26.80vw 35.29vh 0px 0 rgba(238,247,255,0.35),83.08vw 79.61vh 0px 0 rgba(238,247,255,0.68),95.22vw 69.41vh 0px 0 rgba(238,247,255,0.56),86.13vw 85.05vh 0px 0 rgba(207,232,255,0.73),5.78vw 97.90vh 0px 0 rgba(238,247,255,0.42),81.21vw 11.16vh 0px 0 rgba(238,247,255,0.69),62.52vw 26.04vh 0px 0 rgba(238,247,255,0.42),64.27vw 91.06vh 0px 0 rgba(238,247,255,0.53),38.07vw 4.34vh 0px 0 rgba(207,232,255,0.40),30.03vw 53.93vh 0px 0 rgba(238,247,255,0.56),75.55vw 58.27vh 0px 0 rgba(238,247,255,0.55),14.76vw 75.23vh 0px 0 rgba(238,247,255,0.42),33.54vw 81.95vh 0px 0 rgba(238,247,255,0.46),72.35vw 43.37vh 0px 0 rgba(207,232,255,0.71),43.63vw 14.20vh 0px 0 rgba(238,247,255,0.63),65.25vw 28.11vh 0px 0 rgba(238,247,255,0.54),4.81vw 21.11vh 0px 0 rgba(238,247,255,0.39),69.83vw 84.57vh 0px 0 rgba(238,247,255,0.58),60.87vw 83.23vh 0px 0 rgba(207,232,255,0.65),32.23vw 48.75vh 0px 0 rgba(238,247,255,0.45),81.81vw 6.89vh 0px 0 rgba(238,247,255,0.32),90.46vw 64.90vh 0px 0 rgba(238,247,255,0.42),29.56vw 27.42vh 0px 0 rgba(238,247,255,0.44),80.87vw 40.78vh 0px 0 rgba(207,232,255,0.38),71.05vw 57.94vh 0px 0 rgba(238,247,255,0.40),95.82vw 10.29vh 0px 0 rgba(238,247,255,0.53),95.04vw 29.92vh 0px 0 rgba(238,247,255,0.70),66.19vw 51.14vh 0px 0 rgba(238,247,255,0.67),62.08vw 74.76vh 0px 0 rgba(207,232,255,0.71),74.36vw 74.31vh 0px 0 rgba(238,247,255,0.71),56.92vw 45.96vh 0px 0 rgba(238,247,255,0.48),95.37vw 83.61vh 0px 0 rgba(238,247,255,0.67),99.00vw 11.15vh 0px 0 rgba(238,247,255,0.49),45.76vw 78.79vh 0px 0 rgba(207,232,255,0.47),65.33vw 90.45vh 0px 0 rgba(238,247,255,0.36),92.42vw 30.06vh 0px 0 rgba(238,247,255,0.47),50.36vw 8.91vh 0px 0 rgba(238,247,255,0.56),36.71vw 79.05vh 0px 0 rgba(238,247,255,0.70),28.24vw 32.07vh 0px 0 rgba(207,232,255,0.55),67.09vw 19.34vh 0px 0 rgba(238,247,255,0.63),84.51vw 17.47vh 0px 0 rgba(238,247,255,0.47),3.68vw 78.91vh 0px 0 rgba(238,247,255,0.57),29.69vw 91.72vh 0px 0 rgba(238,247,255,0.71),52.23vw 52.12vh 0px 0 rgba(207,232,255,0.48),32.93vw 45.56vh 0px 0 rgba(238,247,255,0.33),89.92vw 28.86vh 0px 0 rgba(238,247,255,0.70),70.73vw 34.11vh 0px 0 rgba(238,247,255,0.31),83.83vw 50.58vh 0px 0 rgba(238,247,255,0.56),58.86vw 46.63vh 0px 0 rgba(207,232,255,0.52),33.50vw 54.08vh 0px 0 rgba(238,247,255,0.72),68.42vw 52.92vh 0px 0 rgba(238,247,255,0.33),67.55vw 2.07vh 0px 0 rgba(238,247,255,0.69),82.47vw 68.03vh 0px 0 rgba(238,247,255,0.53),81.80vw 61.88vh 0px 0 rgba(207,232,255,0.63),36.98vw 31.96vh 0px 0 rgba(238,247,255,0.58),18.42vw 28.86vh 0px 0 rgba(238,247,255,0.38);}
.sg-void-stars-mid::before{box-shadow:47.74vw 51.48vh 0px 0 rgba(207,232,255,0.88),74.39vw 94.40vh 0px 0 rgba(238,247,255,0.53),24.32vw 64.15vh 1px 0 rgba(238,247,255,0.79),6.44vw 93.36vh 1px 0 rgba(238,247,255,0.61),5.16vw 25.67vh 1px 0 rgba(238,247,255,0.60),95.77vw 6.88vh 0px 0 rgba(207,232,255,0.78),27.19vw 44.02vh 0px 0 rgba(238,247,255,0.69),28.35vw 31.28vh 1px 0 rgba(238,247,255,0.77),7.68vw 35.78vh 0px 0 rgba(238,247,255,0.57),21.42vw 80.15vh 0px 0 rgba(238,247,255,0.58),66.98vw 28.45vh 0px 0 rgba(207,232,255,0.57),22.21vw 33.76vh 1px 0 rgba(238,247,255,0.58),80.62vw 55.44vh 0px 0 rgba(238,247,255,0.79),39.81vw 6.52vh 1px 0 rgba(238,247,255,0.72),59.94vw 19.44vh 0px 0 rgba(238,247,255,0.72),6.90vw 6.46vh 1px 0 rgba(207,232,255,0.58),40.93vw 92.35vh 0px 0 rgba(238,247,255,0.61),65.83vw 64.53vh 0px 0 rgba(238,247,255,0.71),75.99vw 31.28vh 0px 0 rgba(238,247,255,0.54),80.45vw 6.60vh 1px 0 rgba(238,247,255,0.63),9.47vw 2.52vh 0px 0 rgba(207,232,255,0.66),45.07vw 39.51vh 0px 0 rgba(238,247,255,0.78),43.10vw 87.27vh 0px 0 rgba(238,247,255,0.51),48.63vw 48.92vh 1px 0 rgba(238,247,255,0.81),90.27vw 85.22vh 0px 0 rgba(238,247,255,0.65),59.88vw 25.03vh 0px 0 rgba(207,232,255,0.52),35.48vw 70.84vh 1px 0 rgba(238,247,255,0.69),50.50vw 45.03vh 1px 0 rgba(238,247,255,0.82),15.12vw 17.75vh 0px 0 rgba(238,247,255,0.51),19.63vw 41.02vh 0px 0 rgba(238,247,255,0.66),75.53vw 10.61vh 0px 0 rgba(207,232,255,0.65),39.32vw 63.00vh 0px 0 rgba(238,247,255,0.60),29.38vw 12.78vh 0px 0 rgba(238,247,255,0.55),62.59vw 32.16vh 1px 0 rgba(238,247,255,0.75),44.38vw 19.58vh 0px 0 rgba(238,247,255,0.83),89.94vw 82.42vh 0px 0 rgba(207,232,255,0.84),28.62vw 80.39vh 1px 0 rgba(238,247,255,0.72),77.17vw 84.78vh 0px 0 rgba(238,247,255,0.63),44.23vw 90.14vh 1px 0 rgba(238,247,255,0.51),28.22vw 87.52vh 0px 0 rgba(238,247,255,0.88),98.91vw 29.53vh 1px 0 rgba(207,232,255,0.55),32.33vw 40.42vh 0px 0 rgba(238,247,255,0.51),63.96vw 17.15vh 1px 0 rgba(238,247,255,0.57);}
.sg-void-stars-near::before{box-shadow:96.03vw 20.33vh 1px 0 rgba(207,232,255,0.74),61.23vw 52.66vh 0px 0 rgba(238,247,255,0.72),18.01vw 65.73vh 0px 0 rgba(238,247,255,0.90),32.53vw 56.14vh 0px 0 rgba(238,247,255,0.87),85.61vw 81.22vh 1px 0 rgba(238,247,255,0.73),91.81vw 48.10vh 1px 0 rgba(207,232,255,0.68),24.43vw 19.25vh 0px 0 rgba(238,247,255,1.00),87.69vw 22.07vh 0px 0 rgba(238,247,255,0.92),88.14vw 26.31vh 0px 0 rgba(238,247,255,0.73),37.26vw 97.44vh 1px 0 rgba(238,247,255,0.83),57.40vw 61.51vh 1px 0 rgba(207,232,255,0.91),96.23vw 93.75vh 0px 0 rgba(238,247,255,0.86),74.03vw 77.99vh 0px 0 rgba(238,247,255,0.75),77.54vw 54.29vh 0px 0 rgba(238,247,255,0.69),82.77vw 6.57vh 0px 0 rgba(238,247,255,0.98),13.88vw 36.33vh 1px 0 rgba(207,232,255,0.92),89.46vw 50.44vh 1px 0 rgba(238,247,255,0.75),17.60vw 12.86vh 1px 0 rgba(238,247,255,0.72),78.27vw 7.56vh 0px 0 rgba(238,247,255,0.99);}
.sg-void-object{position:absolute;z-index:6;left:50%;top:50%;width:18px;height:18px;opacity:0;transform:translate(-50%,-50%) translate(15vw,-12vh) scale(.06);will-change:transform,opacity;pointer-events:none}
.sg-void-object-core{position:absolute;inset:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px rgba(241,250,255,.92),0 0 25px 7px rgba(155,219,255,.38)}
.sg-void-object-aura{position:absolute;inset:-47px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45) 0%,rgba(173,223,255,.24) 13%,rgba(81,153,242,.1) 30%,rgba(55,128,223,.045) 48%,transparent 72%);filter:blur(7px)}
.sg-void-object-flare{position:absolute;left:50%;top:50%;width:98px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,223,255,.48),rgba(255,255,255,.9),rgba(168,223,255,.48),transparent);transform:translate(-50%,-50%) scaleX(.06);filter:blur(.4px);opacity:0}
.sg-void-rift{position:absolute;z-index:5;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(94,173,255,.07) 46%,rgba(215,244,255,.3) 50%,rgba(94,173,255,.07) 54%,transparent 100%);filter:blur(18px)}
.sg-void-bloom{position:absolute;z-index:7;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at center,rgba(255,255,255,.8),rgba(157,218,255,.25) 7%,rgba(46,125,217,.06) 23%,transparent 52%);filter:blur(12px)}
.sg-void-entry .sg-entry-skip{position:absolute;top:clamp(22px,5vh,48px);right:clamp(20px,4vw,65px);z-index:20;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(172,215,255,.16);background:rgba(2,5,12,.5);border-radius:999px;color:rgba(221,240,255,.7);font-size:12px;line-height:1.2;font-weight:620;letter-spacing:.02em;cursor:pointer;backdrop-filter:blur(6px);transition:color .2s,border-color .2s,background .2s}
.sg-void-entry .sg-entry-skip span{font-size:15px;color:#9dcaf4}
.sg-void-entry .sg-entry-skip:hover,.sg-void-entry .sg-entry-skip:focus-visible{color:#fff;background:rgba(13,28,49,.82);border-color:rgba(158,217,255,.6);outline:2px solid rgba(138,209,255,.38);outline-offset:3px}
.sg-void-entry .sg-entry-timeline{width:0;height:0;position:absolute;opacity:0;pointer-events:none}
.sg-void-entry.is-playing{animation:sgVoidIntroExit 9.2s linear 1 both}
.sg-void-entry.is-playing .sg-void-half-left{animation:sgVoidOpenLeft 9.2s cubic-bezier(.53,0,.16,1) 1 both}
.sg-void-entry.is-playing .sg-void-half-right{animation:sgVoidOpenRight 9.2s cubic-bezier(.53,0,.16,1) 1 both}
.sg-void-entry.is-playing .sg-void-half:after{animation:sgVoidEdge 9.2s linear 1 both}
.sg-void-entry.is-playing .sg-void-stars-far{animation:sgVoidStarsFar 9.2s ease-in-out 1 both}
.sg-void-entry.is-playing .sg-void-stars-mid{animation:sgVoidStarsMid 9.2s ease-in-out 1 both}
.sg-void-entry.is-playing .sg-void-stars-near{animation:sgVoidStarsNear 9.2s ease-in-out 1 both}
.sg-void-entry.is-playing .sg-void-object{animation:sgVoidApproach 9.2s cubic-bezier(.33,.02,.12,1) 1 both}
.sg-void-entry.is-playing .sg-void-object-flare{animation:sgVoidFlare 9.2s ease-in-out 1 both}
.sg-void-entry.is-playing .sg-void-rift{animation:sgVoidRift 9.2s ease-out 1 both}
.sg-void-entry.is-playing .sg-void-bloom{animation:sgVoidBloom 9.2s ease-out 1 both}
.sg-void-entry.is-playing .sg-entry-timeline{animation:sgEntryClock 9.2s linear 1 both}
@keyframes sgVoidStarsFar{0%{opacity:.15}12%{opacity:.55}21%{opacity:.4}31%{opacity:.7}44%{opacity:.45}58%{opacity:.8}73%{opacity:.64}82%{opacity:.25}100%{opacity:0}}
@keyframes sgVoidStarsMid{0%{opacity:.02}13%{opacity:.48}24%{opacity:.82}36%{opacity:.46}52%{opacity:.85}66%{opacity:.64}78%{opacity:.34}91%,100%{opacity:0}}
@keyframes sgVoidStarsNear{0%{opacity:0;transform:translate3d(0,0,0)}18%{opacity:.15}28%{opacity:.85}40%{opacity:.45}53%{opacity:.9}65%{opacity:.38}75%{opacity:.8;transform:translate3d(-1.2vw,1vh,0)}84%,100%{opacity:0;transform:translate3d(-2.5vw,2.1vh,0)}}
@keyframes sgVoidApproach{0%,11%{opacity:0;transform:translate(-50%,-50%) translate(15vw,-12vh) scale(.035)}17%{opacity:.25;transform:translate(-50%,-50%) translate(14vw,-11.4vh) scale(.1)}28%{opacity:.7;transform:translate(-50%,-50%) translate(12vw,-10vh) scale(.17)}42%{opacity:1;transform:translate(-50%,-50%) translate(8vw,-7vh) scale(.28)}54%{opacity:1;transform:translate(-50%,-50%) translate(4vw,-3.6vh) scale(.55)}65%{opacity:1;transform:translate(-50%,-50%) translate(.9vw,-.8vh) scale(1.25)}73%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(2.25)}83%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(6.5)}93%{opacity:.5;transform:translate(-50%,-50%) translate(0,0) scale(12)}100%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(14)}}
@keyframes sgVoidFlare{0%,51%{opacity:0;transform:translate(-50%,-50%) scaleX(.06)}64%{opacity:.16}73%{opacity:.42;transform:translate(-50%,-50%) scaleX(1)}84%{opacity:.7;transform:translate(-50%,-50%) scaleX(2)}100%{opacity:0;transform:translate(-50%,-50%) scaleX(4)}}
@keyframes sgVoidOpenLeft{0%,74%{transform:translate3d(0,0,0)}82%{transform:translate3d(-12%,0,0)}91%{transform:translate3d(-88%,0,0)}100%{transform:translate3d(-102%,0,0)}}
@keyframes sgVoidOpenRight{0%,74%{transform:translate3d(0,0,0)}82%{transform:translate3d(12%,0,0)}91%{transform:translate3d(88%,0,0)}100%{transform:translate3d(102%,0,0)}}
@keyframes sgVoidEdge{0%,73%{opacity:0}81%{opacity:.5}90%{opacity:.28}100%{opacity:0}}
@keyframes sgVoidRift{0%,69%{opacity:0;transform:scaleX(.1)}77%{opacity:.45}86%{opacity:.95;transform:scaleX(1)}100%{opacity:0;transform:scaleX(6)}}
@keyframes sgVoidBloom{0%,68%{opacity:0;transform:scale(.12)}80%{opacity:.12;transform:scale(.55)}92%{opacity:.48;transform:scale(1.6)}100%{opacity:0;transform:scale(3)}}
@keyframes sgVoidIntroExit{0%,89%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes sgEntryClock{from{opacity:0}to{opacity:0}}
/* Preserve the homepage globe animation until the darkness parts. */
.sg-entry-locked .sg-cosmos-art,.sg-entry-locked .sg-cosmos-art *,
.sg-entry-locked .sg-cosmos-art *::before,.sg-entry-locked .sg-cosmos-art *::after{animation-play-state:paused!important}
@media(max-width:680px){.sg-void-entry .sg-entry-skip{top:17px;right:17px;padding:9px 12px;font-size:11px}.sg-void-object{width:15px;height:15px}.sg-void-object-core{inset:5px}.sg-void-stars-near:before{opacity:.6}}
@media(prefers-reduced-motion:reduce){.sg-void-entry{display:none!important;visibility:hidden!important;pointer-events:none!important}body.sg-entry-locked{overflow:auto!important}}
/* V6.3 · 모바일 타이포 정렬 보정
   기존 10개 섹션/인트로/카드/SEO 기능은 유지. 360~430px 제목만 미세 조정. */
@media (max-width: 680px) {
  /* 기업형 브랜드 및 주요 행동 버튼은 줄바꿈 없이 유지 */
  .sg-site .sg-brand strong,
  .sg-site .sg-nav-cta,
  .sg-site .sg-nav-cta > span,
  .sg-site .sg-hero-actions .sg-button,
  .sg-site .sg-hero-actions .sg-button > span,
  .sg-site .sg-link-more {
    white-space: nowrap;
  }
  .sg-site .sg-nav-cta {gap: 7px; flex-shrink: 0; letter-spacing: -.055em;}
  .sg-site .sg-hero-actions .sg-button {gap: 6px; letter-spacing: -.045em;}
  .sg-site .sg-hero-actions .sg-button > span {flex-shrink: 0;}

  /* 360px 기기에서도 메인 카피가 불필요하게 3줄로 찢어지지 않게 */
  .sg-site .sg-hero-copy h1 {
    font-size: clamp(27.5px, 7.36vw, 33.2px);
    letter-spacing: -.078em;
    line-height: 1.37;
    word-break: keep-all;
  }
  /* 긴 핵심 제목은 2줄 위주로 정돈하면서 충분한 본문 크기는 유지 */
  .sg-site #journey .sg-heading-row h2 {
    font-size: clamp(23.3px, 6.28vw, 27px);
    letter-spacing: -.067em;
    line-height: 1.38;
  }
  .sg-site #solutions .sg-heading-row h2 {
    font-size: clamp(23.5px, 6.40vw, 28.5px);
    letter-spacing: -.073em;
    line-height: 1.38;
  }
  .sg-site #guide .sg-heading-row h2 {
    font-size: clamp(23.4px, 6.33vw, 27.5px);
    letter-spacing: -.068em;
    line-height: 1.38;
  }
  .sg-site #guide .sg-guide-card h3 {
    font-size: clamp(20.5px, 5.65vw, 23px);
    line-height: 1.42;
    letter-spacing: -.06em;
  }
  /* 두 열 카드: 짧은 회사/서비스명이 글자 한두 개만 남아 줄바꿈되지 않게 */
  .sg-site .sg-reason-card h3,
  .sg-site .sg-solution-item h3 {
    font-size: clamp(15px, 4.1vw, 17px);
    letter-spacing: -.055em;
    line-height: 1.44;
    word-break: keep-all;
  }
  .sg-site .sg-showcase-card h3,
  .sg-site .sg-showcase-copy h3 {
    letter-spacing: -.055em;
    word-break: keep-all;
  }
  /* 번호와 섹션 소제목이 분리되지 않도록 기본 정렬 안정화 */
  .sg-site .sg-kicker {align-items: center; gap: 7px; word-break: keep-all;}
  .sg-site .sg-num {flex: 0 0 auto;}
}
@media (max-width: 375px) {
  .sg-site .sg-hero-actions .sg-button {font-size: 11px; padding-inline: 9px;}
  .sg-site .sg-hero-actions .sg-button > span {font-size: 14px;}
  .sg-site .sg-nav-cta {font-size: 10px; padding-inline: 8px;}
  .sg-site .sg-nav-cta > span:last-child {font-size: 15px;}
  .sg-site .sg-hero-copy h1 {font-size: 27.5px;}
}
@media (min-width: 681px) and (max-width: 820px) {
  .sg-site #journey .sg-heading-row,
  .sg-site #guide .sg-heading-row {display:block;}
  .sg-site #journey .sg-heading-side,
  .sg-site #guide .sg-heading-side {max-width: 100%; margin-top: 16px;}
  .sg-site #journey .sg-heading-row h2,
  .sg-site #islands .sg-heading-row h2,
  .sg-site #guide .sg-heading-row h2 {font-size: 28px; line-height: 1.38; letter-spacing: -.067em;}
  .sg-site #guide .sg-guide-card h3 {font-size: 20px; line-height: 1.45;}
}


/* V7.7: reduce the gap between adjacent sections by 10px (5px per edge). */
.sg-site .sg-section{padding-top:120px;padding-bottom:120px}
.sg-site #fleet.sg-fleet-showcase{padding-top:110px;padding-bottom:117px}
.sg-site #promise .sg-promise-inside{padding-top:100px;padding-bottom:100px}
@media(max-width:980px){.sg-site .sg-section{padding-top:90px;padding-bottom:90px}}
@media(max-width:680px){.sg-site .sg-section{padding-top:70px;padding-bottom:70px}.sg-site #fleet.sg-fleet-showcase{padding-top:72px;padding-bottom:83px}.sg-site #promise .sg-promise-inside{padding-top:85px;padding-bottom:85px}}

/* ---- v8-typography.css ---- */
/* SUHO GUARDIAN V8.0 — Typography/readability only.
   Scope: existing brand website, 10 landing sections, mission map, details.
   No changes to order/API, animation timing, markup, or business logic. */
.sg-site{
  font-family:'Pretendard Variable','Pretendard','Noto Sans KR',system-ui,sans-serif;
  font-size:16px;
  font-weight:450;
  line-height:1.72;
  letter-spacing:-.028em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* 01. Corporate navigation: legible without breaking desktop header. */
.sg-site .sg-brand strong{font-size:clamp(19px,1.5vw,23px);font-weight:850;letter-spacing:-.055em;line-height:1.22}
.sg-site .sg-brand small{font-family:inherit;font-size:11px;font-weight:650;letter-spacing:.012em;color:#a7cee7;line-height:1.35}
.sg-site .sg-nav-links{gap:clamp(12px,1.55vw,26px)}
.sg-site .sg-nav-links a{font-size:15px;font-weight:750;line-height:1.55;letter-spacing:-.035em;color:#dfebfa}
.sg-site .sg-nav-cta{font-size:15px;font-weight:800;letter-spacing:-.035em;gap:clamp(12px,2vw,28px);line-height:1.5}
.sg-site .sg-footer-brand strong{font-size:22px;line-height:1.35}
.sg-site .sg-footer-brand small{font-size:11px;letter-spacing:.04em;line-height:1.6;color:#afd4ea}
.sg-site .sg-footer :is(.sg-footer-desc,.sg-footer-identity p){font-size:14.5px;line-height:1.9;color:#b5cbe0}
.sg-site .sg-footer-links a,.sg-site .sg-footer-detail :is(a,span){font-size:14px;line-height:1.85;color:#b6cde3}
.sg-site .sg-footer-bottom{font-size:12.5px;line-height:1.8;color:#91b3d0}
/* 02. Main hero: preserve the large cinematic heading; elevate supporting copy. */
.sg-site #sg-main .sg-kicker{font-size:13px;font-weight:800;line-height:1.58;letter-spacing:.006em;color:#b0e8ff;word-break:keep-all}
.sg-site #sg-main .sg-eyetag{font-size:15px;font-weight:750;line-height:1.58;letter-spacing:-.025em;color:#c4eaff}
.sg-site #sg-main .sg-hero-copy h1{letter-spacing:-.055em}
.sg-site #sg-main .sg-hero-lead{font-size:18px;line-height:1.85;font-weight:500;color:#ccdeed;letter-spacing:-.03em}
.sg-site #sg-main .sg-hero-lead b{font-weight:800;color:#effaff}
.sg-site #sg-main .sg-hero-actions .sg-button{font-size:15px;font-weight:800;letter-spacing:-.03em;line-height:1.45}
.sg-site #sg-main .sg-hero-caption{font-size:14px;font-weight:600;line-height:1.6;color:#b8d7ec}
.sg-site #sg-main .sg-mission-signals a span{font-size:12.5px;font-weight:800;line-height:1.48;letter-spacing:-.02em;color:#92dfff}
.sg-site #sg-main .sg-mission-signals a strong{font-size:14.5px;font-weight:750;line-height:1.52;letter-spacing:-.045em;word-break:keep-all}
.sg-site #sg-main .sg-hero-bottom :is(p,span){font-size:13px;line-height:1.55;color:#bbd4e8}
.sg-site #sg-main .sg-marquee-content span{font-size:14px;font-weight:650}
/* 03. Shared ten-section hierarchy. */
.sg-site #sg-main .sg-num{font-size:13.5px;font-weight:850}
.sg-site #sg-main .sg-heading-row h2{font-weight:850;line-height:1.31;letter-spacing:-.052em}
.sg-site #sg-main .sg-heading-side p{font-size:16.5px;line-height:1.87;font-weight:500;color:#d0e0f0;letter-spacing:-.025em}
.sg-site #sg-main .sg-link-more{font-size:14.5px;line-height:1.65;font-weight:750;color:#a4eaff!important}
.sg-site #sg-main :is(.sg-reason-index,.sg-card-index,.sg-guide-card-kicker,.sg-panel-title,.sg-mission-overline,.sg-showcase-eyebrow,.sg-showcase-group-index){font-size:13px;line-height:1.55;font-weight:800;letter-spacing:-.02em;color:#95d7fc}
.sg-site #sg-main :is(.sg-reason-card,.sg-solution-item,.sg-guide-card) h3{font-size:clamp(20px,1.5vw,24px);font-weight:800;line-height:1.48;letter-spacing:-.043em;word-break:keep-all}
.sg-site #sg-main :is(.sg-reason-card,.sg-solution-item,.sg-guide-card) p{font-size:16px;line-height:1.82;font-weight:480;letter-spacing:-.028em;color:#c8dbea;word-break:keep-all}
.sg-site #sg-main .sg-reason-card>span:first-child,.sg-site #sg-main .sg-solution-item>span:first-child{font-size:12.5px;letter-spacing:-.015em;color:#9bd2f2}
/* 04. Operating console, steps and small operational tiles. */
.sg-site #sg-main .sg-panel-title{font-size:14px;line-height:1.6;font-weight:800;color:#addfff}
.sg-site #sg-main .sg-panel-title small{font-size:12.5px;font-weight:650;color:#b8d2e5}
.sg-site #sg-main .sg-mission-intro h3{font-size:clamp(24px,2.1vw,32px);line-height:1.42;letter-spacing:-.045em}
.sg-site #sg-main .sg-mission-intro p:not(.sg-mission-overline){font-size:15px;line-height:1.78;color:#c9dcec}
.sg-site #sg-main .sg-mission-stage strong{font-size:15.5px;line-height:1.48;font-weight:820;word-break:keep-all}
.sg-site #sg-main .sg-mission-stage small{font-size:13px;line-height:1.48;color:#b9d3e7}
.sg-site #sg-main :is(.sg-mission-focus-index,.sg-mission-stage-index,.sg-mission-state,.sg-mission-checks span){font-size:13.5px;line-height:1.6;font-weight:720}
.sg-site #sg-main .sg-mission-focus h4{font-size:clamp(20px,1.8vw,27px);line-height:1.5;letter-spacing:-.035em}
.sg-site #sg-main .sg-mission-focus p{font-size:16px;line-height:1.82;color:#cbddec}
.sg-site #sg-main .sg-mini-stat small{font-size:13px;line-height:1.55;color:#acd1ee}
.sg-site #sg-main .sg-mini-stat strong{font-size:clamp(18px,1.55vw,23px);line-height:1.4}
.sg-site #sg-main .sg-mini-stat span{font-size:14px;line-height:1.7;color:#c6dbec}
/* 05. Fleet cards, product showcases and route explanations. */
.sg-site #sg-main :is(.sg-showcase-copy,.sg-fleet-card,.sg-journey-aside,.sg-island-route-facts,.sg-guide-card,.sg-guide-checklist) p{font-size:15.5px;line-height:1.82;color:#c5d9e9;letter-spacing:-.025em}
.sg-site #sg-main :is(.sg-showcase-copy,.sg-fleet-card,.sg-island-isle-cards) :is(h3,h4){line-height:1.47;letter-spacing:-.04em;font-weight:800}
.sg-site #sg-main :is(.sg-showcase-eyebrow,.sg-showcase-tags span,.sg-showcase-metrics span,.sg-fleet-top,.sg-showcase-disclaimer,.sg-showcase-group-title p,.sg-fleet-modal-note){font-size:13px;line-height:1.6;font-weight:650;color:#b0d5ed}
.sg-site #sg-main :is(.sg-fleet-modal-trigger,.sg-fleet-modal-block p,.sg-fleet-modal-summary p){font-size:14.5px;line-height:1.7}
.sg-site #sg-main :is(.sg-journey-buttons button,.sg-region-tabs button,.sg-showcase-jumps a){font-size:14.5px;font-weight:750;line-height:1.55}
.sg-site #sg-main :is(.sg-island-small-note,.sg-network-caution,.sg-island-route-facts p,.sg-v5-region-disclaimer){font-size:13.5px;line-height:1.75;color:#b5cde2}
/* 06. Nationwide network selector: actual text must be readable. */
.sg-site #sg-main .sg-v5-region-title>span{font-size:12.5px;letter-spacing:.05em}
.sg-site #sg-main .sg-v5-region-title>strong{font-size:22px;line-height:1.5}
.sg-site #sg-main .sg-v5-region-title>small{font-size:14px;line-height:1.7;color:#bad3e6}
.sg-site #sg-main .sg-v5-region-options button{font-size:14px;font-weight:750;line-height:1.4}
.sg-site #sg-main .sg-v5-readout-label{font-size:12.5px;line-height:1.6;letter-spacing:.025em}
.sg-site #sg-main .sg-v5-region-readout strong{font-size:20px;line-height:1.5}
.sg-site #sg-main .sg-v5-region-readout p{font-size:16px;line-height:1.83;color:#cde2f0}
/* 07. Consultation guidance: labels, tab descriptions and checklist. */
.sg-site #sg-main .sg-v6-overline{font-size:13px;letter-spacing:.045em}
.sg-site #sg-main .sg-v6-advisor-head p{font-size:16px;line-height:1.8;color:#ccdfef}
.sg-site #sg-main .sg-v6-advisor-stamp{font-size:12px;letter-spacing:.05em}
.sg-site #sg-main .sg-v6-advisor-options button>span{font-size:12.5px;line-height:1.5;letter-spacing:.04em}
.sg-site #sg-main .sg-v6-advisor-options button>strong{font-size:18px;line-height:1.47;letter-spacing:-.04em}
.sg-site #sg-main .sg-v6-advisor-options button>small{font-size:14px;line-height:1.52;color:#bdd8eb}
.sg-site #sg-main .sg-v6-advisor-type{font-size:13px;line-height:1.6}
.sg-site #sg-main .sg-v6-advisor-summary p{font-size:16px;line-height:1.85;color:#d0e2f0}
.sg-site #sg-main .sg-v6-checks-title{font-size:13px;letter-spacing:.04em}
.sg-site #sg-main .sg-v6-advisor-checks li{font-size:15px;line-height:1.75}
.sg-site #sg-main .sg-v6-advisor-foot>span{font-size:13.5px;line-height:1.75;color:#c2d9e9}
.sg-site #sg-main .sg-v6-advisor-foot a{font-size:14.5px;font-weight:800;line-height:1.55}
.sg-site #sg-main .sg-v6-advisor-note{font-size:13px;line-height:1.75;color:#aecbdf}
.sg-site #sg-main .sg-guide-checklist li{font-size:16px;line-height:1.75}
/* 08. Floating mission-map navigation: keep labels crisp. */
.sg-site .sg-v4-route-copy{line-height:1.4}
.sg-site .sg-v4-route-copy small{font-size:11.5px;letter-spacing:.05em;color:#aedbf3}
.sg-site .sg-v4-route-copy strong{font-size:15px;line-height:1.42;letter-spacing:-.03em}
.sg-site .sg-v4-route-copy strong b{font-size:13px}
.sg-site .sg-v4-route-head span{font-size:12px;letter-spacing:.04em}
.sg-site .sg-v4-route-head strong{font-size:20px;line-height:1.5}
.sg-site .sg-v4-route-progress{font-size:13px}
.sg-site .sg-v4-route-grid a strong{font-size:14.5px;line-height:1.55;word-break:keep-all}
.sg-site .sg-v4-route-grid a span{font-size:13px}
.sg-site .sg-v4-route-foot{font-size:12.5px;line-height:1.6;color:#bdd3e6}
/* 09. SEO detail / FAQ content: same readable typography. */
.sg-site .sg-detail-breadcrumb{font-size:14px;line-height:1.6;color:#acc9df}
.sg-site .sg-detail-head>p:last-child{font-size:18px;line-height:1.85;color:#ccdeed}
.sg-site .sg-detail-block :is(p,li){font-size:16px;line-height:1.86;color:#c7dae9}
.sg-site .sg-detail-block h2{line-height:1.42;letter-spacing:-.04em}
.sg-site .sg-detail-faq-head>p:last-child{font-size:16px;line-height:1.75;color:#c1d9e9}
.sg-site .sg-faq-question summary{font-size:17px;line-height:1.65;font-weight:750}
.sg-site .sg-faq-question summary>span{font-size:13px}
.sg-site .sg-faq-answer{font-size:16px;line-height:1.9;color:#c3d8e9}
/* Tablet / compact desktop: no crowding when text grows. */
@media(max-width:1180px) and (min-width:981px){
 .sg-site .sg-nav{gap:15px}
 .sg-site .sg-brand strong{font-size:19px}
 .sg-site .sg-nav-links{gap:11px}
 .sg-site .sg-nav-links a{font-size:13.5px}
 .sg-site .sg-nav-cta{font-size:14px;padding-inline:12px;gap:10px}
}
@media(max-width:760px){
 .sg-site .sg-brand strong{font-size:18px}
 .sg-site .sg-brand small{font-size:10px;letter-spacing:-.025em;margin-top:4px}
 .sg-site .sg-nav-links a{font-size:17px;line-height:1.65;font-weight:750}
 .sg-site .sg-nav-cta{font-size:13.5px;letter-spacing:-.035em;gap:7px}
 .sg-site #sg-main .sg-kicker{font-size:12.5px;line-height:1.6}
 .sg-site #sg-main .sg-eyetag{font-size:14px}
 .sg-site #sg-main .sg-hero-lead{font-size:16px;line-height:1.82}
 .sg-site #sg-main .sg-hero-actions .sg-button{font-size:14px;line-height:1.45}
 .sg-site #sg-main .sg-hero-caption{font-size:13px}
 .sg-site #sg-main .sg-mission-signals{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg-site #sg-main .sg-mission-signals a:last-child{grid-column:1/-1}
 /* Larger copy needs a vertical label/body pairing, not the old tiny two-column row. */
 .sg-site #sg-main .sg-mission-signals a{flex-direction:column;align-items:flex-start;gap:5px;min-height:108px}
 .sg-site #sg-main .sg-mission-signals a span{min-width:0;white-space:normal}
 .sg-site #sg-main .sg-mission-signals a strong{max-width:100%}
 .sg-site #sg-main .sg-mission-signals a span{font-size:12px}
 .sg-site #sg-main .sg-mission-signals a strong{font-size:14px}
 .sg-site #sg-main .sg-heading-side p{font-size:15.5px;line-height:1.82}
 .sg-site #sg-main .sg-link-more{font-size:14px}
 .sg-site #sg-main :is(.sg-reason-card,.sg-solution-item,.sg-guide-card) p{font-size:15px;line-height:1.8}
 .sg-site #sg-main :is(.sg-reason-card,.sg-solution-item,.sg-guide-card) h3{font-size:19px;line-height:1.49}
 .sg-site #sg-main .sg-mission-stage strong{font-size:14.5px}
 .sg-site #sg-main .sg-mission-stage small{font-size:12.5px}
 .sg-site #sg-main .sg-mission-focus p{font-size:15px}
 .sg-site #sg-main .sg-mini-stat span{font-size:13.5px}
 .sg-site #sg-main .sg-v5-region-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sg-site #sg-main .sg-v5-region-options button{font-size:13.5px;min-height:43px;white-space:normal;word-break:keep-all}
 .sg-site #sg-main .sg-v5-region-readout p{font-size:15px}
 .sg-site #sg-main .sg-v6-advisor-head p{font-size:15px}
 .sg-site #sg-main .sg-v6-advisor-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg-site #sg-main .sg-v6-advisor-options button:last-child{grid-column:1/-1}
 .sg-site #sg-main .sg-v6-advisor-options button>span{font-size:12px}
 .sg-site #sg-main .sg-v6-advisor-options button>strong{font-size:16px}
 .sg-site #sg-main .sg-v6-advisor-options button>small{font-size:12.5px}
 .sg-site #sg-main .sg-v6-advisor-summary p{font-size:15px}
 .sg-site #sg-main .sg-v6-advisor-checks li{font-size:14.5px}
 .sg-site #sg-main .sg-v6-advisor-note{font-size:12.5px}
 .sg-site .sg-v4-route-copy small{font-size:11px}
 .sg-site .sg-v4-route-copy strong{font-size:14px}
 .sg-site .sg-v4-route-grid a strong{font-size:14px}
 .sg-site .sg-v4-route-foot{font-size:12px}
 .sg-site .sg-detail-head>p:last-child{font-size:16px}
 .sg-site .sg-faq-question summary{font-size:16px}
 .sg-site .sg-faq-answer{font-size:15px}
 .sg-site .sg-footer :is(.sg-footer-desc,.sg-footer-identity p){font-size:14px}
 .sg-site .sg-footer-links a{font-size:14px}
}
@media(max-width:375px){
 .sg-site .sg-nav{gap:6px}
 .sg-site .sg-brand{gap:5px}
 .sg-site .sg-brand img{width:35px;height:35px}
 .sg-site .sg-mobile-toggle{width:36px;min-width:36px;flex-shrink:0}
 .sg-site .sg-nav-cta{gap:3px;padding-inline:7px}
 .sg-site .sg-brand strong{font-size:16px}
 .sg-site .sg-brand small{font-size:9px}
 .sg-site .sg-nav-cta{font-size:13px;padding-inline:8px}
 .sg-site #sg-main .sg-hero-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .sg-site #sg-main .sg-hero-actions .sg-button{min-width:0;width:100%;font-size:14px;white-space:nowrap;justify-content:space-between}
 .sg-site #sg-main .sg-mission-signals a{min-height:74px}
 .sg-site #sg-main .sg-mission-signals{grid-template-columns:minmax(0,1fr)}
 .sg-site #sg-main .sg-mission-signals a:last-child{grid-column:auto}
 .sg-site #sg-main .sg-v5-region-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg-site #sg-main .sg-v5-region-options button{font-size:14px}
 .sg-site #sg-main .sg-v6-advisor-options button>small{display:block;font-size:12px}
 .sg-site #sg-main .sg-v6-advisor-options button{min-height:96px}
 .sg-site #sg-main .sg-mission-intro h3{font-size:23px}
}

/* V9: Interaction accessibility; preserve V8 type hierarchy and all existing UI. */
.sg-site :is(.sg-nav-cta,.sg-hero-actions .sg-button,.sg-mobile-toggle,.sg-v4-route-toggle){touch-action:manipulation}
.sg-site :is(.sg-nav-links a,.sg-hero-actions .sg-button,.sg-nav-cta,.sg-v4-route-toggle,.sg-v4-route-grid a,.sg-v5-region-options button,.sg-v6-advisor-options button):focus-visible{outline:2px solid #9eeaff;outline-offset:3px}
@media(max-width:980px){
 .sg-site .sg-nav-links a{min-height:44px;display:flex;align-items:center}
 .sg-site .sg-mobile-toggle{min-width:44px;min-height:44px}
}
@media(max-width:680px){
 .sg-site .sg-hero-actions .sg-button{min-height:48px;align-content:center}
 .sg-site .sg-v5-region-options button{min-height:44px}
 .sg-site .sg-v4-route-grid a{min-height:44px}
}

/* ---- v10-quality.css ---- */
/* SUHO GUARDIAN V10 — performance, modal accessibility, mobile stability.
   Intentionally isolated: no redesign or change to order/intro logic. */
.sg-scroll-track > #sg-read-progress{
  width:100%;transform:scaleX(0);transform-origin:0 50%;
  will-change:transform;pointer-events:none;
}
/* Avoid gesture chaining through the vehicle popup into the document. */
.sg-site .sg-fleet-modal-dialog{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.sg-site .sg-fleet-modal-close:focus-visible,
.sg-site .sg-fleet-modal-dialog:focus-visible{
  outline:3px solid #90e9ff;outline-offset:3px;
}
@media(max-width:680px){
  .sg-site .sg-fleet-modal{
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));
  }
  .sg-site .sg-fleet-modal-dialog{
    max-height:calc(100vh - 20px);
    max-height:calc(100dvh - max(20px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 10px));
    scroll-padding-top:14px;
  }
  .sg-site .sg-fleet-modal-close{min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .sg-scroll-track > #sg-read-progress{transition:none!important;}
}

/* V24.2.6 | Corporate footer: structured company disclosure; no card UI. */
.sg-site .sg-footer{padding:58px 0 23px;background:linear-gradient(180deg,#0b2233 0%,#071725 100%);border-top:1px solid rgba(145,199,234,.42)}
.sg-site .sg-footer-top{display:grid;grid-template-columns:minmax(220px,1fr) minmax(400px,1.62fr) minmax(162px,.65fr);gap:clamp(24px,3.2vw,54px);align-items:start;padding:0 0 43px}
.sg-site .sg-footer-identity{grid-column:auto;min-width:0;padding-right:0}
.sg-site .sg-footer-brand{display:flex;align-items:center;gap:13px;margin:0 0 20px}
.sg-site .sg-footer-brand img{width:52px;height:52px;object-fit:contain;flex:none}
.sg-site .sg-footer-brand strong{font-size:22px;line-height:1.3;font-weight:850;letter-spacing:-.04em;color:#fff}
.sg-site .sg-footer-brand small{display:block;margin-top:3px;font-size:11px;letter-spacing:.07em;line-height:1.5;color:#c2d9e9;font-weight:750}
.sg-site .sg-footer .sg-footer-identity p.sg-footer-desc{margin:0;color:#e5f2fb;font-size:15px;line-height:1.85;font-weight:650;word-break:keep-all}
.sg-site .sg-footer .sg-footer-identity p.sg-footer-tagline{margin:10px 0 0;color:#c7dceb;font-size:14.5px;line-height:1.85;font-weight:500;word-break:keep-all}
.sg-site .sg-footer-company{min-width:0;padding-left:clamp(18px,2.4vw,34px);border-left:1px solid rgba(158,195,220,.35)}
.sg-site .sg-footer-section-title{display:block;margin:0 0 19px;color:#f9fcff;font-size:15px;font-weight:800;line-height:1.4;letter-spacing:-.025em}
.sg-site .sg-footer-company-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:14px;margin:0;padding:0}
.sg-site .sg-footer-company-pair{min-width:0;margin:0;padding:0}
.sg-site .sg-footer-company-wide{grid-column:1/-1}
.sg-site .sg-footer-company-pair dt{margin:0 0 4px;color:#c1d7e9;font-size:13px;font-weight:700;line-height:1.6;letter-spacing:-.01em}
.sg-site .sg-footer-company-pair dd{margin:0;color:#f4f9ff;font-size:15px;font-weight:600;line-height:1.7;letter-spacing:-.035em;overflow-wrap:anywhere}
.sg-site .sg-footer-company-pair a{color:inherit;text-decoration:underline;text-decoration-color:rgba(159,216,246,.55);text-decoration-thickness:1px;text-underline-offset:3px}
.sg-site .sg-footer-company-pair a:hover,.sg-site .sg-footer-links a:hover{color:#a6efff;text-decoration:underline;text-underline-offset:4px}
.sg-site .sg-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;grid-column:auto}
.sg-site .sg-footer-links .sg-footer-section-title{margin:0 0 6px;grid-column:auto}
.sg-site .sg-footer-links a{padding:0;color:#e6f3ff;font-size:14.5px;line-height:1.9;font-weight:600;letter-spacing:-.025em;text-decoration:underline;text-decoration-color:rgba(166,209,232,.44);text-decoration-thickness:1px;text-underline-offset:4px}
.sg-site .sg-footer-bottom{padding-top:22px;border-top:1px solid rgba(158,195,220,.36);display:flex;gap:15px;justify-content:space-between;align-items:center;color:#bbd2e3;font-size:12.5px;line-height:1.7;font-weight:600;letter-spacing:.025em}
@media(max-width:1080px){
  .sg-site .sg-footer-top{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);gap:35px 28px}
  .sg-site .sg-footer-identity{grid-column:1/-1}
  .sg-site .sg-footer-company{padding-left:0;border-left:none}
  .sg-site .sg-footer-links{padding-left:26px;border-left:1px solid rgba(110,150,186,.2)}
}
@media(max-width:680px){
  .sg-site .sg-footer{padding:39px 0 22px}
  .sg-site .sg-footer-top{grid-template-columns:1fr;gap:26px;padding-bottom:28px}
  .sg-site .sg-footer-identity{grid-column:auto;padding-bottom:22px;border-bottom:1px solid rgba(112,152,190,.18)}
  .sg-site .sg-footer-brand{margin-bottom:15px}
  .sg-site .sg-footer-brand img{width:46px;height:46px}
  .sg-site .sg-footer-brand strong{font-size:19px}
  .sg-site .sg-footer-company{padding:0;border:none}
  .sg-site .sg-footer-section-title{margin-bottom:14px;font-size:15px}
  .sg-site .sg-footer-company-list{column-gap:12px;row-gap:13px}
  .sg-site .sg-footer-company-pair dt{font-size:13px}
  .sg-site .sg-footer-company-pair dd{font-size:14.5px}
  .sg-site .sg-footer-links{flex-direction:row;gap:8px 18px;flex-wrap:wrap;padding:18px 0 0;border-left:0;border-top:1px solid rgba(112,152,190,.18)}
  .sg-site .sg-footer-links .sg-footer-section-title{width:100%;margin-bottom:1px}
  .sg-site .sg-footer-links a{font-size:14px}
  .sg-site .sg-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;letter-spacing:.01em}
}


/* Corporate member portal quick link (shared header). */
.sg-site .sg-member-install{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:9px;border:1px solid rgba(108,224,255,.55);background:linear-gradient(135deg,rgba(28,94,144,.5),rgba(12,49,78,.85));color:#e4f9ff;padding:8px 12px;font-family:'Pretendard Variable','Pretendard','Noto Sans KR',sans-serif;font-size:13px;line-height:1.2;letter-spacing:-.04em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(225,248,255,.15),0 0 18px rgba(32,166,231,.12);transition:border-color .2s,background .2s,transform .2s}
.sg-site .sg-member-install:hover{background:linear-gradient(135deg,rgba(44,129,177,.65),rgba(15,70,115,.9));border-color:#9aecff;transform:translateY(-1px)}
.sg-site .sg-member-install:focus-visible{outline:2px solid #9de9ff;outline-offset:3px}
.sg-site .sg-member-install strong{font-weight:850;color:#fff;font-size:inherit;white-space:nowrap;letter-spacing:inherit}
.sg-site .sg-member-install-long{white-space:nowrap;font-weight:650;color:#c7edff}
.sg-site .sg-member-install-symbol{width:19px;height:19px;flex:0 0 19px;color:#9eeeff}
@media(max-width:1350px) and (min-width:981px){.sg-site .sg-nav{gap:12px}.sg-site .sg-nav-links{gap:12px}.sg-site .sg-nav-links a{font-size:13px}.sg-site .sg-nav-cta{font-size:13px;padding-inline:11px;gap:8px}.sg-site .sg-member-install{padding-inline:9px;font-size:12px}}
@media(max-width:1130px) and (min-width:981px){.sg-site .sg-member-install-long{display:none}}
@media(max-width:980px){.sg-site .sg-member-install{padding:9px 10px;min-height:41px;font-size:12px}}
@media(max-width:680px){.sg-site .sg-nav{gap:6px}.sg-site .sg-member-install-long{display:none}.sg-site .sg-member-install{gap:4px;min-height:37px;padding:6px 8px;font-size:12px;border-radius:7px}.sg-site .sg-member-install-symbol{width:16px;height:16px;flex-basis:16px}}
@media(max-width:420px){.sg-site .sg-brand small{display:none}.sg-site .sg-member-install{padding-inline:7px}.sg-site .sg-nav-cta{padding-inline:8px;gap:3px}}
@media(max-width:350px){.sg-site .sg-member-install-symbol{display:none}.sg-site .sg-brand img{width:33px;height:33px}.sg-site .sg-brand strong{font-size:13px}.sg-site .sg-mobile-toggle{width:34px}}
@media(prefers-reduced-motion:reduce){.sg-site .sg-member-install{transition:none}}


/* Cosmic right-rail order launcher: independent from primary navigation. */
.sg-site .sg-orbit-order{position:fixed;z-index:112;right:max(12px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:flex;align-items:stretch;max-width:calc(100vw - 24px);height:56px;border:1px solid rgba(132,226,255,.54);border-radius:15px;background:linear-gradient(120deg,rgba(9,43,81,.97),rgba(3,18,40,.98) 70%);box-shadow:0 12px 32px rgba(0,4,23,.48),0 0 0 1px rgba(67,177,255,.08),0 0 24px rgba(35,173,255,.22),inset 0 1px rgba(210,247,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:box-shadow .45s,border-color .45s;isolation:isolate}
.sg-site .sg-orbit-order::before{content:"";position:absolute;inset:-4px;border-radius:19px;z-index:-1;pointer-events:none;border:1px solid rgba(83,194,255,.19);box-shadow:0 0 20px rgba(35,190,255,.13);animation:sgOrbitAura 4.8s ease-in-out infinite}
.sg-site .sg-orbit-order::after{content:"";position:absolute;right:11px;top:-2px;width:3px;height:3px;background:#f1fbff;border-radius:50%;pointer-events:none;box-shadow:0 0 8px 2px #78ddff,0 0 20px #55bfff;animation:sgOrbitSpark 3.5s ease-in-out infinite}
.sg-site .sg-orbit-order-link{display:flex;align-items:center;gap:0;transition:gap .45s ease;min-width:0;padding:6px 9px 6px 8px;white-space:nowrap;text-decoration:none;color:#e7f7ff;overflow:hidden}
.sg-site .sg-orbit-order-planet{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;color:#c1f5ff;background:radial-gradient(circle at 32% 27%,#247ab9 2%,#0d427b 44%,#042749 74%);border:1px solid rgba(138,224,255,.64);box-shadow:0 0 0 3px rgba(72,199,255,.09),0 0 15px rgba(50,202,255,.37);animation:sgOrbitPlanet 3.9s ease-in-out infinite}
.sg-site .sg-orbit-order-planet::after{content:"";position:absolute;inset:-5px -8px;border:1px solid rgba(141,226,255,.27);border-radius:50%;transform:rotate(-27deg);pointer-events:none}
.sg-site .sg-orbit-order-planet svg{display:block;width:23px;height:23px}
.sg-site .sg-orbit-order.is-expanded .sg-orbit-order-link{gap:10px}
.sg-site .sg-orbit-order-copy{display:flex;flex-direction:column;justify-content:center;width:0;min-width:0;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:width .55s cubic-bezier(.2,.8,.25,1),max-width .55s cubic-bezier(.2,.8,.25,1),opacity .32s ease}
.sg-site .sg-orbit-order-copy small{font:800 9px/1.3 'Manrope','Noto Sans KR',sans-serif;letter-spacing:.12em;color:#73d7ff}
.sg-site .sg-orbit-order-copy strong{font-size:15px;font-weight:850;line-height:1.35;letter-spacing:-.055em;color:#fff}
.sg-site .sg-orbit-order-copy strong span{color:#77e0ff;font-size:15px;padding-left:1px}
.sg-site .sg-orbit-order.is-expanded .sg-orbit-order-copy{width:104px;max-width:104px;opacity:1}
.sg-site .sg-orbit-order-toggle{display:grid;place-items:center;align-self:stretch;flex:0 0 24px;width:24px;padding:0;border:0;border-left:1px solid rgba(131,210,255,.15);background:rgba(0,0,0,.08);color:#91d6f6;border-radius:0 14px 14px 0;transition:background .2s,color .2s}
.sg-site .sg-orbit-order-toggle:hover{background:rgba(77,185,255,.19);color:#fff}
.sg-site .sg-orbit-order-toggle svg{width:12px;height:12px;transform:rotate(180deg);transition:transform .42s ease}
.sg-site .sg-orbit-order.is-expanded .sg-orbit-order-toggle svg{transform:rotate(0)}
.sg-site .sg-orbit-order:hover,.sg-site .sg-orbit-order:focus-within{border-color:#c5f4ff;box-shadow:0 13px 35px rgba(0,4,23,.55),0 0 32px rgba(58,208,255,.4)}
.sg-site .sg-orbit-order a:focus-visible,.sg-site .sg-orbit-order button:focus-visible{outline:2px solid #bcf5ff;outline-offset:3px}
@keyframes sgOrbitAura{0%,100%{opacity:.32;transform:scale(.99)}50%{opacity:.94;transform:scale(1.045)}}
@keyframes sgOrbitPlanet{0%,100%{box-shadow:0 0 0 3px rgba(72,199,255,.09),0 0 14px rgba(50,202,255,.35)}50%{box-shadow:0 0 0 6px rgba(72,199,255,.1),0 0 27px rgba(50,202,255,.58)}}
@keyframes sgOrbitSpark{0%,100%{opacity:.2;transform:translate(-9px,3px)}45%,65%{opacity:1;transform:translate(2px,0)}}
/* Modest member-app button on phones, preserving a legible tap area. */
@media(max-width:680px){
 .sg-site .sg-member-install{min-height:32px;height:32px;gap:4px;padding:5px 7px;border-radius:7px;font-size:10.5px;line-height:1;letter-spacing:-.05em;box-shadow:inset 0 1px rgba(225,248,255,.1),0 0 9px rgba(32,166,231,.12)}
 .sg-site .sg-member-install-symbol{width:14px;height:14px;flex-basis:14px}
 .sg-site .sg-orbit-order{top:54%;right:max(9px,env(safe-area-inset-right,0px));height:49px;border-radius:12px}
 .sg-site .sg-orbit-order-link{padding:5px 7px}
 .sg-site .sg-orbit-order.is-expanded .sg-orbit-order-link{gap:8px}
 .sg-site .sg-orbit-order-planet{width:34px;height:34px;flex-basis:34px}
 .sg-site .sg-orbit-order-planet svg{width:21px;height:21px}
 .sg-site .sg-orbit-order.is-expanded .sg-orbit-order-copy{width:87px;max-width:87px}
 .sg-site .sg-orbit-order-copy small{font-size:8px}
 .sg-site .sg-orbit-order-copy strong{font-size:13px}
 .sg-site .sg-orbit-order-toggle{width:24px;flex-basis:24px;border-radius:0 11px 11px 0}
}
@media(max-width:380px){
 .sg-site .sg-member-install{min-height:30px;height:30px;padding:5px 6px;font-size:10px;gap:3px}
 .sg-site .sg-member-install-symbol{width:12px;height:12px;flex-basis:12px}
 .sg-site .sg-orbit-order{top:57%}
}
@media(prefers-reduced-motion:reduce){
 .sg-site .sg-orbit-order,.sg-site .sg-orbit-order::before,.sg-site .sg-orbit-order::after,.sg-site .sg-orbit-order-planet,.sg-site .sg-orbit-order-copy,.sg-site .sg-orbit-order-toggle svg{animation:none!important;transition:none!important}
}

/* V25: 숨겨진 탭에서 불필요한 장식 애니메이션 중단 */
html.sg-page-paused .sg-site *,html.sg-page-paused .sg-site *::before,html.sg-page-paused .sg-site *::after{animation-play-state:paused!important}


/* RESTORE 2026-11-09: member PWA install guidance, without changing existing nav, online order, or cosmic effects. */
.sg-site .sg-member-install:focus-visible,.sg-site .sg-member-app-dialog button:focus-visible,.sg-site .sg-member-app-dialog a:focus-visible{outline:2px solid #9de9ff;outline-offset:3px}
.sg-site .sg-member-app-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:min(90dvh,740px);overflow:auto;margin:auto;padding:0;border:1px solid rgba(119,210,255,.45);border-radius:18px;background:linear-gradient(155deg,#10263f,#07172c 72%);color:#e9f7ff;box-shadow:0 24px 80px rgba(0,0,0,.63);position:fixed;inset:0;z-index:2147483000}
.sg-site .sg-member-app-dialog:not([open]){display:none}
.sg-site .sg-member-app-dialog::backdrop{background:rgba(1,8,19,.72);backdrop-filter:blur(7px)}
.sg-site .sg-member-app-dialog-inner{position:relative;padding:32px 32px 30px;text-align:center}
.sg-site .sg-member-app-close{position:absolute;right:14px;top:13px;width:34px;height:34px;font-size:26px;line-height:1;border:0;border-radius:8px;background:transparent;color:#bdd6e8;cursor:pointer}
.sg-site .sg-member-app-close:hover{background:rgba(255,255,255,.08);color:#fff}
.sg-site .sg-member-app-emblem img{display:block;width:70px;height:70px;border-radius:17px;margin:0 auto 14px}
.sg-site .sg-member-app-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#83dfff;margin:0 0 8px}
.sg-site .sg-member-app-dialog h2{font-size:25px;line-height:1.4;margin:0 0 12px;letter-spacing:-.05em;color:#fff}
.sg-site #sg-member-app-description{font-size:14px;line-height:1.85;color:#bbd0df;margin:0 auto 20px}
.sg-site .sg-member-app-steps{border:1px solid rgba(95,179,242,.25);border-radius:11px;background:rgba(7,28,52,.85);padding:18px 16px;text-align:left}
.sg-site .sg-member-app-steps strong{display:block;font-size:14px;color:#aff1ff;margin-bottom:8px}
.sg-site .sg-member-app-steps p{font-size:14px;line-height:1.8;margin:0;color:#d6e8f5}
.sg-site .sg-member-app-install-now{width:100%;border:0;border-radius:10px;padding:13px 14px;background:#81e6ff;color:#04223d;cursor:pointer;font-weight:850;font-size:15px;margin-top:16px}
.sg-site .sg-member-app-install-now[hidden]{display:none!important}
.sg-site .sg-member-app-open{display:block;margin-top:17px;color:#bcefff;text-underline-offset:4px;font-size:13px;font-weight:700}
@media(max-width:680px){.sg-site .sg-member-app-dialog-inner{padding:28px 21px 24px}}


/* SEO 3단계: 기업 담당자를 위한 간단한 의뢰 준비. 기존 푸터·온라인 접수·우주 효과와 분리. */
.sg-site .sg-b2b-brief{position:relative;z-index:1;margin:48px 0 16px;padding:clamp(23px,3.6vw,39px);border:1px solid rgba(113,208,247,.28);border-radius:17px;background:linear-gradient(145deg,#0c304f,#061629);box-shadow:inset 0 1px rgba(230,247,255,.07)}
.sg-site .sg-b2b-brief-heading h2{margin:12px 0 10px;font-size:clamp(23px,2.4vw,32px);font-weight:850;color:#f5fbff;letter-spacing:-.05em;line-height:1.4;word-break:keep-all}
.sg-site .sg-b2b-brief-heading>p:last-child{margin:0;color:#c9dfee;font-size:15px;line-height:1.85;word-break:keep-all}
.sg-site .sg-b2b-brief-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;margin-top:24px}
.sg-site .sg-b2b-brief-check,.sg-site .sg-b2b-brief-memo{min-width:0;padding:22px;background:rgba(3,16,35,.66);border:1px solid rgba(112,185,240,.19);border-radius:12px}
.sg-site .sg-b2b-brief-layout h3{margin:0 0 14px;font-size:17px;line-height:1.4;color:#edfbff;font-weight:800}
.sg-site .sg-b2b-brief-check ol{padding:0;margin:0;list-style:none;counter-reset:sg-b2b}
.sg-site .sg-b2b-brief-check li{counter-increment:sg-b2b;position:relative;padding:0 0 0 35px;margin:0 0 13px;line-height:1.75;font-size:14px;color:#cbe2f2;word-break:keep-all}
.sg-site .sg-b2b-brief-check li:last-child{margin-bottom:0}
.sg-site .sg-b2b-brief-check li::before{content:counter(sg-b2b,decimal-leading-zero);position:absolute;top:1px;left:0;font:800 12px/1.8 Manrope,sans-serif;color:#76ddff}
.sg-site .sg-b2b-brief-memo>p{margin:0 0 12px;color:#b5d3e7;font-size:13px;line-height:1.75;word-break:keep-all}
.sg-site .sg-b2b-brief-memo textarea{box-sizing:border-box;display:block;width:100%;min-height:169px;padding:13px 15px;border:1px solid rgba(131,203,241,.32);border-radius:9px;resize:vertical;background:#071527;color:#dff3fc;font:500 13px/1.73 'Pretendard Variable','Noto Sans KR',sans-serif;letter-spacing:-.015em}
.sg-site .sg-b2b-brief-memo textarea:focus-visible{outline:2px solid #a0eaff;outline-offset:2px}
.sg-site .sg-b2b-brief-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px}
.sg-site .sg-b2b-copy,.sg-site .sg-b2b-phone{display:inline-flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;padding:10px 15px;border-radius:9px;font-size:13px;line-height:1.4;font-weight:800;text-decoration:none;cursor:pointer}
.sg-site .sg-b2b-copy{border:1px solid #8cdefd;background:#8cdefd;color:#042037}
.sg-site .sg-b2b-copy:hover{background:#bbf1ff}
.sg-site .sg-b2b-copy[hidden]{display:none!important}
.sg-site .sg-b2b-phone{border:1px solid rgba(149,215,246,.4);background:rgba(29,71,106,.3);color:#edfbff}
.sg-site .sg-b2b-phone:hover{background:rgba(60,119,168,.44)}
.sg-site .sg-b2b-copy:focus-visible,.sg-site .sg-b2b-phone:focus-visible{outline:2px solid #bdf4ff;outline-offset:3px}
.sg-site .sg-b2b-copy-status{min-height:1.65em;margin:8px 0 0!important;font-size:12px!important;color:#b3f3ff!important}
.sg-site .sg-b2b-brief-note{margin:16px 0 0;font-size:12px;line-height:1.75;color:#aac7da}
@media(max-width:740px){
 .sg-site .sg-b2b-brief{margin:34px 0 10px;padding:21px 17px}
 .sg-site .sg-b2b-brief-layout{grid-template-columns:1fr;gap:12px;margin-top:18px}
 .sg-site .sg-b2b-brief-check,.sg-site .sg-b2b-brief-memo{padding:18px 16px}
 .sg-site .sg-b2b-brief-heading>p:last-child{font-size:14px}
 .sg-site .sg-b2b-brief-check li{font-size:13px}
 .sg-site .sg-b2b-brief-tools>*{flex:1 1 auto}
}

/* SUHOCHEONSA STAGE 6: only the optional B2B job guidance cards on detail pages. */
.sg-site .sg-sh6-workflow{margin:clamp(36px,5vw,72px) 0 48px;padding:clamp(22px,3.5vw,46px);border:1px solid rgba(95,188,243,.24);border-radius:18px;background:linear-gradient(140deg,rgba(8,36,69,.93),rgba(3,17,38,.95));box-shadow:inset 0 1px rgba(188,235,255,.07)}
.sg-site .sg-sh6-workflow-head{max-width:920px;margin-bottom:24px}
.sg-site .sg-sh6-workflow-head h2{margin:14px 0 12px;font-size:clamp(23px,2.4vw,33px);font-weight:830;line-height:1.43;letter-spacing:-.05em;color:#f2fbff}
.sg-site .sg-sh6-workflow-head>p:last-child{font-size:clamp(14px,1.25vw,16px);line-height:1.85;color:#c1d7e8;overflow-wrap:anywhere}
.sg-site .sg-sh6-workflow-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0}
.sg-site .sg-sh6-workflow-card{min-width:0;padding:22px 23px;border:1px solid rgba(109,184,227,.2);border-radius:12px;background:rgba(16,48,81,.54);overflow-wrap:anywhere}
.sg-site .sg-sh6-workflow-kicker{font-size:12px;font-weight:800;color:#8cdefe;line-height:1.5;letter-spacing:-.02em}
.sg-site .sg-sh6-workflow-card h3{font-size:clamp(16px,1.4vw,18px);font-weight:800;line-height:1.5;letter-spacing:-.04em;color:#f7fbff;margin:7px 0 17px}
.sg-site .sg-sh6-workflow-card dl{display:grid;gap:12px;margin:0}
.sg-site .sg-sh6-workflow-card dl>div{display:grid;gap:3px;grid-template-columns:minmax(73px,90px) minmax(0,1fr);align-items:start}
.sg-site .sg-sh6-workflow-card dt{font-size:12px;font-weight:800;color:#9ddcf2;line-height:1.7}
.sg-site .sg-sh6-workflow-card dd{min-width:0;margin:0;font-size:14px;line-height:1.8;color:#d9e9f7;word-break:keep-all;overflow-wrap:anywhere}
.sg-site .sg-sh6-workflow-note{margin:18px 0 0;padding:12px 15px;border-left:2px solid rgba(113,211,249,.6);background:rgba(5,24,45,.5);color:#b9d7e9;font-size:13px;line-height:1.85;overflow-wrap:anywhere}
@media(max-width:720px){.sg-site .sg-sh6-workflow{margin:32px 0;padding:20px 17px;border-radius:13px}.sg-site .sg-sh6-workflow-grid{grid-template-columns:minmax(0,1fr);gap:12px}.sg-site .sg-sh6-workflow-card{padding:18px 16px}.sg-site .sg-sh6-workflow-card dl>div{grid-template-columns:1fr;gap:2px}.sg-site .sg-sh6-workflow-card dt{font-size:12px}.sg-site .sg-sh6-workflow-card dd{font-size:14px}.sg-site .sg-sh6-workflow-note{font-size:12px;padding:10px 12px}}

/* Stage 8 — header app link relocated to the corporate footer (same original URL/ID). */
.sg-site .sg-footer-links .sg-member-install{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  width:auto;max-width:100%;min-height:44px;margin-top:10px;padding:11px 15px;
  border:1px solid rgba(120,222,255,.68);border-radius:10px;
  background:linear-gradient(130deg,rgba(21,90,128,.9),rgba(12,44,76,.9));
  color:#f0faff;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
.sg-site .sg-footer-links .sg-member-install .sg-member-install-long{display:inline;font-size:inherit;color:#cdefff}
.sg-site .sg-footer-links .sg-member-install strong{display:inline;color:#fff;font-size:inherit}
.sg-site .sg-footer-links .sg-member-install .sg-member-install-symbol{width:19px;height:19px;flex:0 0 19px}
.sg-site .sg-footer-links .sg-member-install:hover{border-color:#b2f0ff;color:#fff;text-decoration:none}
.sg-site .sg-footer-links .sg-member-install:focus-visible{outline:3px solid #a4eaff;outline-offset:3px}
@media(max-width:680px){.sg-site .sg-footer-links .sg-member-install{margin-top:8px;padding:11px 15px;min-height:44px;font-size:14px;gap:9px}}

/* Stage 8 — optional analytics choice, rendered only after a valid owner-supplied tag ID. */
.sg-site .sg8-analytics-choice{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-top:1px solid rgba(140,199,227,.2);padding:15px 0 12px;color:#d4e6f5;font-size:13px}
.sg-site .sg8-analytics-choice span{font-weight:700;color:#e9f6ff;margin-right:4px}
.sg-site .sg8-analytics-choice button{min-width:53px;border:1px solid #638cac;border-radius:7px;background:#153650;padding:6px 11px;color:#fff;cursor:pointer;font-size:12px}
.sg-site .sg8-analytics-choice button:disabled{opacity:.45;cursor:default}
.sg-site .sg8-analytics-choice small{color:#b9d6e8;font-size:12px}
.sg-site .sg8-analytics-choice button:focus-visible{outline:2px solid #aeebff;outline-offset:2px}