{"id":32,"date":"2025-09-25T08:20:26","date_gmt":"2025-09-25T08:20:26","guid":{"rendered":"https:\/\/vspace1.mycafe24.com\/?page_id=32"},"modified":"2025-10-16T04:49:13","modified_gmt":"2025-10-16T04:49:13","slug":"home","status":"publish","type":"page","link":"https:\/\/vspacecompany.com\/?page_id=32&lang=ko","title":{"rendered":"HOME"},"content":{"rendered":"\n<!--cdn-->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n\n\n\n<!-- ===== Intro (Filled Base + Stroke Overlay + Rotor Fadeout) ===== -->\n<!-- \ubaa8\ubc14\uc77c \uad75\uae30 \uacfc\uc7a5 \ubc29\uc9c0: viewport \uba54\ud0c0 \uad8c\uc7a5 -->\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n\n<div id=\"intro\" role=\"dialog\" aria-label=\"Intro\">\n  <div class=\"logo-wrap\">\n    <!-- 1) \ud56d\uc0c1 \ubcf4\uc774\ub294 \ubca0\uc774\uc2a4 \ub85c\uace0 (\ucc44\uc6c0) -->\n    <svg id=\"logo_base\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2116 295.56\" aria-hidden=\"true\">\n      <style>.st0{fill:#111111;}<\/style>\n      <!-- \u25bc \uacbd\ub85c\ub4e4 -->\n      <path class=\"st0\" d=\"M147.73,285.01L35.8,24.33h28.31l97.62,227.87L147.73,285.01z M230.85,24.33h27.98l-90.29,211.71l-13.99-30.15\n        L230.85,24.33z\"\/>\n      <path class=\"st0\" d=\"M574.65,276.68c-16.1,0-31.21-3.06-45.31-9.16c-14.1-6.11-26.37-15.66-36.81-28.65l18.66-15.66\n        c7.33,9.55,16.51,17.21,27.57,22.99c11.05,5.77,23.23,8.66,36.56,8.66c8,0,15.25-1.31,21.74-3.92c6.49-2.6,12.02-6.13,16.58-10.58\n        c4.54-4.44,8.07-9.66,10.57-15.66c2.5-6,3.75-12.44,3.75-19.32c0-6.33-1.14-11.82-3.41-16.49c-2.28-4.66-5.31-8.8-9.08-12.41\n        c-3.78-3.6-8.27-6.74-13.5-9.41s-10.66-5.11-16.32-7.33l-29.32-11.33c-6.89-2.67-13.5-5.77-19.82-9.33\n        c-6.33-3.55-11.88-7.89-16.66-12.99c-4.78-5.11-8.61-11.02-11.5-17.74c-2.89-6.72-4.33-14.63-4.33-23.73\n        c0-8.99,1.89-17.38,5.67-25.15c3.77-7.77,8.91-14.49,15.41-20.15c6.49-5.66,14.16-10.16,22.99-13.49c8.82-3.33,18.4-5,28.73-5\n        c14.77,0,27.09,2.11,36.97,6.33c9.89,4.22,19.16,10.1,27.82,17.66L625.96,62.8c-6.66-6.33-13.91-11.18-21.74-14.57\n        c-7.83-3.39-16.97-5.08-27.4-5.08c-6.66,0-12.77,1-18.32,3c-5.56,1.99-10.44,4.88-14.66,8.66c-4.23,3.78-7.53,8.16-9.92,13.16\n        c-2.39,5-3.58,10.44-3.58,16.33c0,5.55,1.03,10.41,3.08,14.57c2.05,4.16,4.77,7.86,8.16,11.08c3.39,3.22,7.42,6.08,12.08,8.58\n        c4.66,2.5,9.6,4.74,14.82,6.74l28.32,11.33c7.33,2.89,14.41,6.22,21.23,9.99c6.83,3.78,12.92,8.33,18.25,13.66\n        c5.32,5.33,9.58,11.64,12.74,18.91c3.16,7.28,4.74,15.91,4.74,25.9c0,10.11-2.03,19.52-6.08,28.24\n        c-4.06,8.72-9.67,16.32-16.83,22.82c-7.16,6.49-15.57,11.55-25.23,15.16C595.97,274.88,585.65,276.68,574.65,276.68\"\/>\n      <path class=\"st0\" d=\"M976.32,58.73c-7.72-11.38-17.14-20.01-28.23-25.9c-5.78-2.89-12.47-5.03-20.07-6.41\n        c-7.61-1.39-15.52-2.08-23.74-2.08h-78.79v249.02h25.99V178.9h51.47c8.66,0,16.07-0.3,22.24-0.92c6.17-0.61,11.85-1.81,17.07-3.58\n        c6.11-2.22,11.88-5.55,17.32-9.99c5.44-4.44,10.26-9.8,14.49-16.08c4.22-6.27,7.58-13.44,10.07-21.49\n        c2.51-8.05,3.75-16.85,3.75-26.4C987.89,84.02,984.04,70.11,976.32,58.73z M959.66,119.69c-1.61,5.83-3.78,11.02-6.49,15.57\n        c-2.72,4.55-5.86,8.41-9.41,11.58c-3.56,3.16-7.39,5.41-11.5,6.74c-4.55,1.56-8.86,2.48-12.91,2.75c-4.06,0.28-9.42,0.42-16.08,0.42\n        h-51.8V46.48h52.81c13.88,0,24.82,2.28,32.82,6.83c7.1,3.89,13.05,9.75,17.82,17.57c4.77,7.83,7.16,17.91,7.16,30.23\n        C962.08,107.67,961.27,113.86,959.66,119.69z\"\/>\n      <path class=\"st0\" d=\"M1647.98,277.18c-18.66,0-35.87-3.36-51.63-10.07c-15.77-6.72-29.35-15.88-40.72-27.49\n        c-11.39-11.6-20.33-25.21-26.82-40.81c-6.49-15.6-9.75-32.12-9.75-49.56c0-17.54,3.3-34.11,9.92-49.72\n        c6.6-15.6,15.71-29.2,27.32-40.81c11.59-11.61,25.23-20.82,40.89-27.65c15.65-6.83,32.59-10.24,50.8-10.24\n        c17.99,0,34.48,3.19,49.47,9.58c14.99,6.39,28.31,15.02,39.98,25.9l-15.66,17.82c-9.55-8.66-20.43-15.99-32.65-21.99\n        c-12.21-5.99-26.03-8.99-41.47-8.99c-15.22,0-29.13,2.89-41.73,8.66c-12.6,5.78-23.4,13.49-32.4,23.16\n        c-8.99,9.66-15.99,20.93-20.98,33.81c-5,12.88-7.5,26.37-7.5,40.47c0,14.33,2.56,27.84,7.67,40.56c5.1,12.72,12.21,23.9,21.32,33.56\n        c9.1,9.66,19.96,17.32,32.56,22.99c12.6,5.66,26.4,8.5,41.39,8.5c15.54,0,29.35-2.83,41.4-8.5c12.04-5.66,22.84-12.6,32.39-20.82\n        l14.66,17.49c-11.88,10.88-25.21,19.3-39.98,25.23C1681.69,274.21,1665.53,277.18,1647.98,277.18\"\/>\n      <path class=\"st0\" d=\"M1908.17,251.2h174.75v22.15h-174.57L1908.17,251.2z M1908.35,24.33h174.57v22.15h-174.57V24.33z\n         M1908.33,134.43h147.08v22.32h-147.08V134.43z\"\/>\n      <path class=\"st0\" d=\"M1252.9,12.67l111.94,260.68h-28.31l-97.62-227.87L1252.9,12.67z M1169.78,273.35h-27.98l90.29-211.71\n        l13.99,30.15L1169.78,273.35z\"\/>\n      <rect x=\"318.63\" y=\"134.43\" class=\"st0\" width=\"94.7\" height=\"22.32\"\/>\n    <\/svg>\n\n    <!-- 2) \uc704\uc5d0 \uacb9\uce58\ub294 \ub4dc\ub85c\uc789 \uc624\ubc84\ub808\uc774 (stroke-only) -->\n    <svg id=\"logo_draw\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2116 295.56\" aria-hidden=\"true\">\n      <style>.st0{fill:none;stroke:#111111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}<\/style>\n      <!-- \ub3d9\uc77c \uacbd\ub85c \ubcf5\uc81c -->\n      <path class=\"st0\" d=\"M147.73,285.01L35.8,24.33h28.31l97.62,227.87L147.73,285.01z M230.85,24.33h27.98l-90.29,211.71l-13.99-30.15\n        L230.85,24.33z\"\/>\n      <path class=\"st0\" d=\"M574.65,276.68c-16.1,0-31.21-3.06-45.31-9.16c-14.1-6.11-26.37-15.66-36.81-28.65l18.66-15.66\n        c7.33,9.55,16.51,17.21,27.57,22.99c11.05,5.77,23.23,8.66,36.56,8.66c8,0,15.25-1.31,21.74-3.92c6.49-2.6,12.02-6.13,16.58-10.58\n        c4.54-4.44,8.07-9.66,10.57-15.66c2.5-6,3.75-12.44,3.75-19.32c0-6.33-1.14-11.82-3.41-16.49c-2.28-4.66-5.31-8.8-9.08-12.41\n        c-3.78-3.6-8.27-6.74-13.5-9.41s-10.66-5.11-16.32-7.33l-29.32-11.33c-6.89-2.67-13.5-5.77-19.82-9.33\n        c-6.33-3.55-11.88-7.89-16.66-12.99c-4.78-5.11-8.61-11.02-11.5-17.74c-2.89-6.72-4.33-14.63-4.33-23.73\n        c0-8.99,1.89-17.38,5.67-25.15c3.77-7.77,8.91-14.49,15.41-20.15c6.49-5.66,14.16-10.16,22.99-13.49c8.82-3.33,18.4-5,28.73-5\n        c14.77,0,27.09,2.11,36.97,6.33c9.89,4.22,19.16,10.1,27.82,17.66L625.96,62.8c-6.66-6.33-13.91-11.18-21.74-14.57\n        c-7.83-3.39-16.97-5.08-27.4-5.08c-6.66,0-12.77,1-18.32,3c-5.56,1.99-10.44,4.88-14.66,8.66c-4.23,3.78-7.53,8.16-9.92,13.16\n        c-2.39,5-3.58,10.44-3.58,16.33c0,5.55,1.03,10.41,3.08,14.57c2.05,4.16,4.77,7.86,8.16,11.08c3.39,3.22,7.42,6.08,12.08,8.58\n        c4.66,2.5,9.6,4.74,14.82,6.74l28.32,11.33c7.33,2.89,14.41,6.22,21.23,9.99c6.83,3.78,12.92,8.33,18.25,13.66\n        c5.32,5.33,9.58,11.64,12.74,18.91c3.16,7.28,4.74,15.91,4.74,25.9c0,10.11-2.03,19.52-6.08,28.24\n        c-4.06,8.72-9.67,16.32-16.83,22.82c-7.16,6.49-15.57,11.55-25.23,15.16C595.97,274.88,585.65,276.68,574.65,276.68\"\/>\n      <path class=\"st0\" d=\"M976.32,58.73c-7.72-11.38-17.14-20.01-28.23-25.9c-5.78-2.89-12.47-5.03-20.07-6.41\n        c-7.61-1.39-15.52-2.08-23.74-2.08h-78.79v249.02h25.99V178.9h51.47c8.66,0,16.07-0.3,22.24-0.92c6.17-0.61,11.85-1.81,17.07-3.58\n        c6.11-2.22,11.88-5.55,17.32-9.99c5.44-4.44,10.26-9.8,14.49-16.08c4.22-6.27,7.58-13.44,10.07-21.49\n        c2.51-8.05,3.75-16.85,3.75-26.4C987.89,84.02,984.04,70.11,976.32,58.73z M959.66,119.69c-1.61,5.83-3.78,11.02-6.49,15.57\n        c-2.72,4.55-5.86,8.41-9.41,11.58c-3.56,3.16-7.39,5.41-11.5,6.74c-4.55,1.56-8.86,2.48-12.91,2.75c-4.06,0.28-9.42,0.42-16.08,0.42\n        h-51.8V46.48h52.81c13.88,0,24.82,2.28,32.82,6.83c7.1,3.89,13.05,9.75,17.82,17.57c4.77,7.83,7.16,17.91,7.16,30.23\n        C962.08,107.67,961.27,113.86,959.66,119.69z\"\/>\n      <path class=\"st0\" d=\"M1647.98,277.18c-18.66,0-35.87-3.36-51.63-10.07c-15.77-6.72-29.35-15.88-40.72-27.49\n        c-11.39-11.6-20.33-25.21-26.82-40.81c-6.49-15.6-9.75-32.12-9.75-49.56c0-17.54,3.3-34.11,9.92-49.72\n        c6.6-15.6,15.71-29.2,27.32-40.81c11.59-11.61,25.23-20.82,40.89-27.65c15.65-6.83,32.59-10.24,50.8-10.24\n        c17.99,0,34.48,3.19,49.47,9.58c14.99,6.39,28.31,15.02,39.98,25.9l-15.66,17.82c-9.55-8.66-20.43-15.99-32.65-21.99\n        c-12.21-5.99-26.03-8.99-41.47-8.99c-15.22,0-29.13,2.89-41.73,8.66c-12.6,5.78-23.4,13.49-32.4,23.16\n        c-8.99,9.66-15.99,20.93-20.98,33.81c-5,12.88-7.5,26.37-7.5,40.47c0,14.33,2.56,27.84,7.67,40.56c5.1,12.72,12.21,23.9,21.32,33.56\n        c9.1,9.66,19.96,17.32,32.56,22.99c12.6,5.66,26.4,8.5,41.39,8.5c15.54,0,29.35-2.83,41.4-8.5c12.04-5.66,22.84-12.6,32.39-20.82\n        l14.66,17.49c-11.88,10.88-25.21,19.3-39.98,25.23C1681.69,274.21,1665.53,277.18,1647.98,277.18\"\/>\n      <path class=\"st0\" d=\"M1908.17,251.2h174.75v22.15h-174.57L1908.17,251.2z M1908.35,24.33h174.57v22.15h-174.57V24.33z\n         M1908.33,134.43h147.08v22.32h-147.08V134.43z\"\/>\n      <path class=\"st0\" d=\"M1252.9,12.67l111.94,260.68h-28.31l-97.62-227.87L1252.9,12.67z M1169.78,273.35h-27.98l90.29-211.71\n        l13.99,30.15L1169.78,273.35z\"\/>\n      <rect x=\"318.63\" y=\"134.43\" class=\"st0\" width=\"94.7\" height=\"22.32\"\/>\n    <\/svg>\n\n    <!-- (\uc635\uc158) \uc11c\ube0c \ud14d\uc2a4\ud2b8 -->\n    <img decoding=\"async\" class=\"sub-logo\" src=\"\/wp-content\/uploads\/2025\/10\/Asset-4-scaled.png\" alt=\"TOUCHABLE FUTURE\">\n  <\/div>\n\n  <!-- \ud83d\udd37 Rotor \ub808\uc774\uc5b4: \ub9c8\uc9c0\ub9c9\uc5d0\ub9cc \ud68c\uc804 & \ud398\uc774\ub4dc\uc544\uc6c3 -->\n  <div class=\"rotor\" aria-hidden=\"true\"><\/div>\n\n  <!-- Skip hint -->\n  <div class=\"skip-hint\">\ud074\ub9ad \ub610\ub294 ESC\ub85c \uac74\ub108\ub6f0\uae30<\/div>\n<\/div>\n\n\n\n<style>\n:root{\n  --intro-bg: #ffffff;\n  --stroke:   #111111;\n  --stroke-w: 3;\n  --draw-dur: 1.1s;\n  --stagger:  0.03s;\n  --hold-ms:  2000;\n  --rotor-dur: 1000ms;\n}\n\n\/* \ubaa8\ubc14\uc77c \ucd08\uae30 \ubcf4\uc815(\uae5c\ube61\uc784 \ubc29\uc9c0\uc6a9 \uae30\ubcf8\uac12) \u2014 JS\uac00 \uace7 \ub36e\uc5b4\uc500 *\/\n@media (max-width: 480px){ :root { --stroke-w: 1.2; } }\n@media (max-width: 360px){ :root { --stroke-w: 1.0; } }\n\n\/* \uc804\uccb4 \ub808\uc774\uc5b4 *\/\n#intro{\n  position:fixed; inset:0; z-index:9999;\n  display:grid; place-items:center;\n  background:var(--intro-bg);\n  transition:opacity .5s ease, visibility .5s ease;\n}\n#intro.is-done{ opacity:0; visibility:hidden; pointer-events:none; }\n\n\/* \ub85c\uace0 *\/\n.logo-wrap{ width:min(1200px, 90vw); position:relative; }\n#logo_base, #logo_draw{ display:block; width:100%; height:auto; }\n\n\/* \u2705 \ubca0\uc774\uc2a4 \ub85c\uace0\ub294 \ud56d\uc0c1 \ucc44\uc6c0 (\uac15\uc81c) *\/\n#logo_base path, #logo_base rect, #logo_base polygon, #logo_base polyline {\n  fill:#111111 !important;\n  stroke:none !important;\n}\n\n\/* \uc624\ubc84\ub808\uc774(\uc120\ub9cc) \u2013 \ub4dc\ub85c\uc789\uc6a9 *\/\n#logo_draw{ position:absolute; inset:0; pointer-events:none; }\n#logo_draw path, #logo_draw rect, #logo_draw polygon, #logo_draw polyline {\n  fill:none; stroke:var(--stroke); stroke-width:var(--stroke-w);\n  stroke-linecap:round; stroke-linejoin:round;\n}\n#logo_draw *{ vector-effect:non-scaling-stroke; }\n@keyframes dash { to { stroke-dashoffset:0; } }\n\n\/* \uc11c\ube0c \ud14d\uc2a4\ud2b8 *\/\n.sub-logo{ display:block; margin:28px auto 0; opacity:0; transform:translateY(10px);\n  transition:opacity .6s ease, transform .6s ease; }\n\n\/* \uc548\ub0b4 \ud14d\uc2a4\ud2b8 *\/\n.skip-hint{\n  position:absolute; left:50%; bottom:24px; transform:translateX(-50%);\n  font-size:12px; color:rgba(0,0,0,.45); user-select:none;\n}\n\n#intro {\n  z-index: 2147483647; \/* \ucd5c\uc0c1\uc704 *\/\n}\n\n\/* \ud83d\udd37 Rotor \ub808\uc774\uc5b4: conic-gradient\ub85c \ud76c\ubbf8\ud55c \ube14\ub808\uc774\ub4dc \ud615\uc0c1 \uad6c\ud604 *\/\n.rotor{\n  position:absolute; inset:0; pointer-events:none;\n  opacity:0; transform:scale(1) rotate(0deg);\n  background:\n    conic-gradient(from 0deg,\n      rgba(17,17,17,.12) 0deg, rgba(17,17,17,0) 20deg,\n      rgba(17,17,17,0) 160deg, rgba(17,17,17,.10) 180deg,\n      rgba(17,17,17,0) 200deg, rgba(17,17,17,0) 340deg, rgba(17,17,17,.12) 360deg);\n  filter: blur(8px);\n  mix-blend-mode: multiply;\n}\n\n\/* fadeout \ub2e8\uacc4\uc5d0\uc11c\ub9cc \ud68c\uc804 + \ud398\uc774\ub4dc *\/\n#intro.fadeout .rotor{\n  animation: rotorSpin var(--rotor-dur) ease forwards;\n}\n@keyframes rotorSpin{\n  0%   { opacity:0; transform:scale(1) rotate(0deg); }\n  10%  { opacity:.25; }\n  65%  { opacity:.14; transform:scale(1.08) rotate(320deg); }\n  100% { opacity:0;  transform:scale(1.18) rotate(520deg); }\n}\n\n\n\/* \uc811\uadfc\uc131: \ubaa8\uc158 \ucd5c\uc18c\ud654 \uc2dc \uc989\uc2dc \ud45c\uc2dc *\/\n@media (prefers-reduced-motion: reduce){\n  #logo_draw *{ animation:none !important; stroke-dashoffset:0 !important; }\n  .sub-logo{ transition:none !important; opacity:1 !important; transform:none !important; }\n  .rotor{ display:none !important; }\n}\n<\/style>\n\n\n\n<script>\n(function(){\n  const intro   = document.getElementById('intro');\n  const overlay = document.getElementById('logo_draw');\n  const base    = document.getElementById('logo_base');\n  const sub     = document.querySelector('.sub-logo');\n  if(!intro || !overlay || !base) return;\n\n  const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* ====== [A] stroke-width \uc790\ub3d9 \ubcf4\uc815 (\ubdf0\ud3ec\ud2b8\/DPR \uae30\ubc18) ====== *\/\n  (function strokeAutoFit(){\n    const ROOT = document.documentElement;\n\n    function clamp(n, min, max){ return Math.min(max, Math.max(min, n)); }\n\n    function updateStrokeWidth(){\n      const svg = document.getElementById('logo_draw');\n      const wrap = document.querySelector('.logo-wrap');\n\n      const baseDesignWidth = 1200; \/\/ .logo-wrap \uae30\uc900 \ub514\uc790\uc778 \ud3ed\n      const dpr = window.devicePixelRatio || 1;\n\n      const displayedWidth =\n        (svg && svg.getBoundingClientRect().width) ||\n        (wrap && wrap.getBoundingClientRect().width) ||\n        window.innerWidth;\n\n      \/\/ \uae30\ubcf8 3px \uae30\uc900: \ud654\uba74\uc774 \uc791\uac70\ub098 DPR\uc774 \ub192\uc744\uc218\ub85d \ub354 \uac00\ub298\uac8c\n      const ratio = displayedWidth \/ baseDesignWidth;\n      const suggested = 3 * ratio \/ Math.sqrt(dpr);\n\n      const px = clamp(suggested, 0.8, 3);\n      ROOT.style.setProperty('--stroke-w', px.toFixed(3));\n    }\n\n    let tid = null;\n    function onResize(){\n      if(tid) clearTimeout(tid);\n      tid = setTimeout(updateStrokeWidth, 80);\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', updateStrokeWidth);\n    } else {\n      updateStrokeWidth();\n    }\n    window.addEventListener('resize', onResize);\n    window.addEventListener('orientationchange', onResize);\n  })();\n\n  \/* ====== [B] \uc624\ubc84\ub808\uc774 \uc2a4\ud2b8\ub85c\ud06c \ub4dc\ub85c\uc789 ====== *\/\n  const targets = overlay.querySelectorAll('path, rect, line, polyline, polygon');\n  targets.forEach((el, i) => {\n    if (typeof el.getTotalLength === 'function') {\n      const len = el.getTotalLength();\n      el.style.strokeDasharray  = String(len);\n      el.style.strokeDashoffset = String(len);\n      if (!prefersReduced) {\n        const dur  = cssNum('--draw-dur', 1.1);\n        const stag = cssNum('--stagger', 0.03);\n        el.style.animation = 'dash ' + dur + 's ease forwards ' + (i * stag) + 's';\n      } else {\n        el.style.strokeDashoffset = '0';\n      }\n    }\n  });\n\n  \/* ====== [C] \ub4dc\ub85c\uc789 \uc644\ub8cc \ud6c4 \uc11c\ube0c \ud14d\uc2a4\ud2b8 \ub4f1\uc7a5 ====== *\/\n  const drawDur = cssNum('--draw-dur', 1.1);\n  const stagger = cssNum('--stagger', 0.03);\n  const totalDelay = prefersReduced ? 0.3 : ((targets.length - 1) * stagger + drawDur);\n  setTimeout(function(){\n    if (sub){ sub.style.opacity = '1'; sub.style.transform = 'translateY(0)'; }\n  }, totalDelay * 1000);\n\n  \/* ====== [D] \uc720\uc9c0 \ud6c4 Rotor \ud6a8\uacfc \u2192 \uc885\ub8cc ====== *\/\n  const holdMs   = cssInt('--hold-ms', 2000);\n  const rotorDur = cssInt('--rotor-dur', 1000);\n\n  const t = setTimeout(function(){\n    intro.classList.add('fadeout'); \/\/ rotor \uc2dc\uc791\n    setTimeout(function(){ intro.classList.add('is-done'); }, rotorDur + 80);\n  }, (totalDelay*1000) + holdMs);\n\n  \/* ====== [E] \uc2a4\ud0b5(\ud074\ub9ad\/ESC) ====== *\/\n  intro.addEventListener('click', closeNow);\n  window.addEventListener('keydown', function(e){ if(e.key==='Escape') closeNow(); });\n\n  \/* ====== [F] transition \ub05d\ub098\uba74 DOM \uc81c\uac70 ====== *\/\n  intro.addEventListener('transitionend', function(){\n    if (intro.classList.contains('is-done')) intro.remove();\n  });\n\n  \/* ====== [G] \uc548\uc804\uc7a5\uce58 ====== *\/\n  setTimeout(function(){ intro.classList.add('is-done'); }, 14000);\n\n  function closeNow(){\n    clearTimeout(t);\n    intro.classList.add('is-done');\n  }\n\n  function cssNum(varName, fallback){\n    const v = getComputedStyle(document.documentElement).getPropertyValue(varName);\n    const n = parseFloat(String(v).replace('s','').trim());\n    return isNaN(n) ? fallback : n;\n  }\n  function cssInt(varName, fallback){\n    const v = getComputedStyle(document.documentElement).getPropertyValue(varName);\n    const n = parseInt(String(v).trim(), 10);\n    return isNaN(n) ? fallback : n;\n  }\n})();\n<\/script>\n<!-- ===== \/Intro ===== -->\n\n\n\n<div class=\"video-wrap\">\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1440\" style=\"aspect-ratio: 2560 \/ 1440;\" width=\"2560\" autoplay loop muted src=\"http:\/\/vspace1.mycafe24.com\/wp-content\/uploads\/2025\/09\/redpandacompress_3-PAV4_3.mp4\"><\/video><\/figure>\n\n\n\n<div class=\"video-text\">\n    <h1>\ub3c4\uc2ec\uc5d0\uc11c \ud65c\uc8fc\ub85c \uc5c6\uc774<br>\uc2dc\uc791\ub418\ub294 \uc0c8\ub85c\uc6b4 \ud558\ub298<\/h1>\n    <h5>\uc218\uc9c1\uc774\ucc29\ub959 eVTOL\uc774 \uc5f4\uc5b4\uac00\ub294 \ucc28\uc138\ub300 \ud56d\uacf5 \ubaa8\ube4c\ub9ac\ud2f0<\/h5>\n\n<div class=\"right_ftbox\">\n<div class=\"footer_sns main_sns\">\n <!-- Instagram -->\n    <a class=\"sns-btn insta\" href=\"https:\/\/www.instagram.com\/vspace__\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n      <span class=\"label\">INSTAGRAM<\/span>\n      <span class=\"icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/instagram.png\" alt=\"Instagram \uc544\uc774\ucf58\">\n      <\/span>\n    <\/a>\n\n    <!-- YouTube -->\n    <a class=\"sns-btn youtube\" href=\"https:\/\/www.youtube.com\/@Vspace_\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n      <span class=\"label\">YOUTUBE<\/span>\n      <span class=\"icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/youtube.png\" alt=\"YouTube \uc544\uc774\ucf58\">\n      <\/span>\n    <\/a>\n\n    <!-- LinkedIn -->\n    <a class=\"sns-btn linkedin\" href=\"https:\/\/linkedin.com\/company\/vspacecompany\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">\n      <span class=\"label\">LINKEDIN<\/span>\n      <span class=\"icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/linkedin-logo.png\" alt=\"LinkedIn \uc544\uc774\ucf58\">\n      <\/span>\n    <\/a>\n<\/div><!--footer_sns-->\n<\/div><!--right_ftbox-->\n<\/div><!--video_text-->\n<\/div><!--video_wrap-->\n\n\n\n<div class=\"inner_wrap\">\n  <div class=\"inner\">\n    <div class=\"sec_1\">\n      <!-- \uc0c1\ub2e8 \ud0c0\uc774\ud2c0 \/ \ubc84\ud2bc -->\n      <div class=\"hero-line\">\n<a href=\"#\" class=\"viewmore\" id=\"viewMoreBtn\"> VIEW MORE<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/\ud5ec\uae30.png\" alt=\"\ub85c\uace0\"><\/a>\n      <\/div>\n\n      <!-- \uc2ac\ub77c\uc774\ub354 -->\n      <section class=\"product-swiper\">\n        <div class=\"swiper\" id=\"vsSwiper\">\n          <div class=\"swiper-wrapper\">\n\n            <!-- \uc2ac\ub77c\uc774\ub4dc 1 -->\n            <div class=\"swiper-slide\">\n              <div class=\"slide-content\">\n                <div class=\"slide-text\">\n                  <div class=\"hero-title\">CAV<br><span style=\"color:#333;\">VS-100<\/span><\/div>\n                <\/div>\n                <div class=\"slide-image\">\n                  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/VS100-pica-copy.png\" alt=\"VS-100\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- \uc2ac\ub77c\uc774\ub4dc 3 -->\n            <div class=\"swiper-slide\">\n              <div class=\"slide-content\">\n                <div class=\"slide-text\">\n                  <div class=\"hero-title\">AAV<br><span style=\"color:#333;\">VS-210<\/span><\/div>\n                <\/div>\n                <div class=\"slide-image\">\n                  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/KakaoTalk_20250912_122212650_01.png\" alt=\"VS-210\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- \uc2ac\ub77c\uc774\ub4dc 2 -->\n            <div class=\"swiper-slide\">\n              <div class=\"slide-content\">\n                <div class=\"slide-text\">\n                  <div class=\"hero-title\">AAV<br><span style=\"color:#333;\">VS-200<\/span><\/div>\n                <\/div>\n                <div class=\"slide-image\">\n                  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/OTWOUAM-\uc2e0\uaddc-\uae30\uccb4\ub514\uc790\uc778-\uc2dc\uc5482-230926-1_4.png\" alt=\"VS-200\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- \uc2ac\ub77c\uc774\ub4dc 4 -->\n            <div class=\"swiper-slide\">\n              <div class=\"slide-content\">\n                <div class=\"slide-text\">\n                  <div class=\"hero-title\">UAM<br><span style=\"color:#333;\">VS-300<\/span><\/div>\n                <\/div>\n                <div class=\"slide-image\">\n                  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/PAV_N2-2.png\" alt=\"VS-300\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \ud0ed + \uc9c4\ud589\ubc14 + \ud654\uc0b4\ud45c -->\n        <div class=\"tabs\" id=\"tabs\">\n          <div class=\"tab active\" data-index=\"0\">VS-100<\/div>\n          <div class=\"tab\" data-index=\"1\">VS-210<\/div>\n          <div class=\"tab\" data-index=\"2\">VS-200<\/div>\n          <div class=\"tab\" data-index=\"3\">VS-300<\/div>\n\n          <div class=\"spacer\"><\/div>\n\n          <!-- \ud654\uc0b4\ud45c -->\n          <div class=\"arrow\">\n            <button class=\"btn-round\" id=\"prevBtn\" aria-label=\"\uc774\uc804\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 6l-6 6 6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n            <button class=\"btn-round\" id=\"nextBtn\" aria-label=\"\ub2e4\uc74c\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n          <\/div>\n\n          <!-- \uc804\uccb4 \ubc14(\ud2b8\ub799) + \uc6c0\uc9c1\uc774\ub294 \ubc14(\ud544) -->\n          <div class=\"progress-track\">\n            <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<section class=\"sec_2 parallax\" data-speed=\"0.35\">\n  <div class=\"parallax__bg\"><\/div>\n  <div class=\"overlay\"><\/div>\n  <div class=\"content\">\n<div class=\"sec_2_top\">\n    <h2>V-SPACE<\/h2>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/white_heli.png\" alt=\"\ud770\uc0c9\ud5ec\ub9ac\"> \n<\/div>\n    <div class=\"cards\">\n      <div class=\"card\">\n<div class=\"card_set\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/bu-2.png\" alt=\"Multicopter eVTOL \uc544\uc774\ucf58\">\n        <h3>Multicopter eVTOL<\/h3>\n<\/div>\n        <p>\uac1c\uc778\uc6a9 PAV \uae30\uccb4 \uac1c\ubc1c(VS-200, VS-210)\uc744 \uc644\ub8cc\ud558\uace0, \ub2e4\uc218\uc758 \uc2dc\ud5d8\u00b7\uc2e4\uc99d \ube44\ud589\uc744 \uc644\ub8cc. \ud604\ub300\uc5d8\ub9ac\ubca0\uc774\ud130 \ub4f1 \ubc84\ud2f0\ud3ec\ud2b8 \uae30\uc5c5\uacfc \ud611\ub825\uc744 \ud1b5\ud55c \uc870\uae30 \uc0ac\uc5c5\ud654\ub97c \ucd94\uc9c4 \uc911\uc785\ub2c8\ub2e4.<br><span>\uae34\uae09 \ubb3c\ub958\uc6a9 CAV \uae30\uccb4(VS-100, VS-120)\ub97c \uc644\ub8cc, \uc12c\u00b7\ud56d\ub9cc\u00b7\uc0b0\uc9c0 \ub4f1\uc744 \ub300\uc0c1\uc73c\ub85c \uc2e4\uc99d \ubc0f \uc870\uae30 \uc0ac\uc5c5\ud654\ub97c \uc9c4\ud589\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/p>\n      <\/div>\n      <div class=\"card\">\n<div class=\"card_set\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/bu-1.png\" alt=\"Powered-Lift eVTOL \uc544\uc774\ucf58\">\n        <h3>Powered-Lift eVTOL<\/h3>\n<\/div>\n        <p>\uad6d\ud1a0\uad50\ud1b5\ubd80 \ud615\uc2dd\uc99d\uba85(TC) \uc2e0\uccad\uc774 \uc9c4\ud589\ub41c VS-300 \uac1c\ubc1c\uacfc \uc778\uc99d\uc744 \ubcd1\ud589\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<br><span>\ud615\uc2dd\uc99d\uba85 \ucde8\ub4dd \ud6c4 \uc5d0\uc5b4\ud0dd\uc2dc \ub4f1 \uc0c1\uc6a9 \uc11c\ube44\uc2a4 \uc81c\uacf5\uc744 \ubaa9\ud45c\ud569\ub2c8\ub2e4.<\/span><\/p>\n      <\/div>\n      <div class=\"card\">\n<div class=\"card_set\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/bu-3.png\" alt=\"eCTOL \uc544\uc774\ucf58\">\n        <h3>eCTOL<\/h3>\n<\/div>\n        <p>eCTOL\n\uc774\ucc29\ub959 \uc778\ud504\ub77c\uac00 \uae30 \uad6c\ucd95\ub41c \ubd81\ubbf8\uc2dc\uc7a5 \uacf5\ub7b5\uc6a9 \ucc28\uc138\ub300 \ud56d\uacf5\uae30 VS-500\uc73c\ub85c \uac1c\uc778\uc6a9 \ud56d\uacf5\uae30\uc758 \uc804\ub3d9\ud654 \uc2dc\ub300\ub97c \uc55e\ub2f9\uae41\ub2c8\ub2e4.<\/p>\n      <\/div>\n      <div class=\"card\">\n<div class=\"card_set\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/bu-4.png\" alt=\"ENERGY \uc544\uc774\ucf58\">\n        <h3>ENERGY \/ \uc804\ub825\uc2dc\uc2a4\ud15c<\/h3>\n<\/div>\n        <p>\uad6d\ub0b4 \ucd5c\ucd08 \uc804\uae30\ucd94\uc9c4\ud56d\uacf5\uae30 KLA-100e \ucd94\uc9c4\ubc30\ud130\ub9ac\uc2dc\uc2a4\ud15c \uc81c\uc791. \ub4dc\ub860\/\ubc29\uc0b0 \ub4f1 \uc720\ubb34\uc778\ud56d\uacf5\uae30 \ubc30\ud130\ub9ac \ubc0f \uc804\ub825\uc2dc\uc2a4\ud15c\uc744 \uac1c\ubc1c\u00b7\uc81c\uc791\ud569\ub2c8\ub2e4.<br><span>\ucca0\ub3c4\ucc28\ub7c9 \uc804\ub825\uc2dc\uc2a4\ud15c, \uc804\uae30 \uc0c1\uc6a9\ucc28\uc6a9 \ubc30\ud130\ub9ac \ub4f1 \uc9c0\uc18d\uac00\ub2a5 \ubaa8\ube4c\ub9ac\ud2f0 \ud575\uc2ec\ubd80\ud488\ub3c4 \uac1c\ubc1c\ud569\ub2c8\ub2e4.<\/span><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n.en_footer{display:none;}\n\n\/*\ube44\ub514\uc624*\/\n.wp-block-video{position:relative;width:100%;height:100vh;z-index:0;}\n.wp-block-video video{display:block;width:100%;height:100%;object-fit:cover;}\n.video-text {position: absolute; left: 10%; top: 20%; color: #fff; z-index: 10;}\n.video-text>h1 {font-size: 60px !important; line-height:80px !important; font-weight: 700; margin: 0 0 12px; color:#fff;}\n.video-text>h5 {font-size: 24px !important; font-weight: 500; margin: 0;opacity: 0.9; color:#fff;}\n.video-text h1, .video-text h5, .main_sns{opacity:0; transform:translateX(-24px);animation:reveal 1.2s ease-out forwards;}\n.video-text h1{animation-delay:4s;}\n.video-text h5{animation-delay:4.5s; margin-bottom:20px;}\n.main_sns{animation-delay:4.5s;}\n@keyframes reveal{\n  to{opacity:1; transform:translateX(0);}\n}\n.main_sns{display:flex; flex-direction: row !important;}\n.inner_wrap{background:#f9f9f9;}\n.inner{position:relative;z-index:1;}\n.sec_1{width:100%; box-sizing:border-box; display:flex; flex-direction:column;}\n\n:root{\n  --heading-color:#2e5fd4;\n  --active:#333;\n  --muted:#b9b9b9;\n  --arrow-gap:110px;\n  --autoplay-ms:4000;\n}\n\n\/* \uc0c1\ub2e8 \ub77c\uc778 *\/\n.hero-line{display:flex;align-items:center;gap:16px;margin-bottom:18px;}\n.hero-title{font-size:60px;font-weight:800 !important;letter-spacing:.5px;color:var(--heading-color);line-height:1.1;}\n.viewmore{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #9f9f9f;border-radius:999px;font-size:16px; font-weight:700; color:#222;background:#fff;cursor:pointer;transition:.2s;}\n.viewmore:hover{box-shadow:0 2px 10px rgba(0,0,0,.06);}\n.viewmore>img{width:25px;height:25px;animation: spin 3s linear infinite;}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n\/* Swiper *\/\n.product-swiper{position:relative;}\n.swiper{width:100%;height:auto;overflow:hidden;}\n.swiper-slide{display:flex;align-items:center;justify-content:center;}\n.slide-content{width:100%; display:flex;align-items:flex-start;margin:0 auto; flex-direction: row-reverse; max-height: 600px;}\n.slide-text{padding-left: 40px;padding-right: 0;}\n.slide-text h2{font-size:40px;font-weight:700;margin-bottom:16px;color:#111;}\n.slide-text p{font-size:18px !important;line-height:1.6;color:#444;}\n.slide-image{flex:1;display:flex;justify-content:center;}\n.slide-image img{width:90%; max-width:100%;height:auto;object-fit:contain;}\n\n\/* \ud0ed *\/\n.tabs{position:relative;display:flex;align-items:flex-end;gap:0;padding-bottom:28px;margin-top:60px;}\n.tabs .spacer{flex:1;}\n.tab{width:var(--segW,25%);text-align:left;font-weight:800;font-size:22px;letter-spacing:.2px;color:var(--muted);cursor:pointer;transition:.2s;}\n.tab.active{color:var(--active);}\n\n\/* \ud654\uc0b4\ud45c *\/\n.arrow{position:absolute;right:0;bottom:-20px;display:flex;gap:10px;z-index:10;}\n.btn-round{width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s;}\n.btn-round:hover{box-shadow:0 2px 10px rgba(0,0,0,.08);}\n.btn-round svg{width:18px;height:18px;}\n\n\/* \uc9c4\ud589\ubc14 *\/\n.progress-track{position:absolute;left:0;right:var(--arrow-gap);bottom:0;height:4px;background:#eee;border-radius:2px;}\n.progress-fill{position:absolute;left:0;top:0;height:100%;width:0;background:#111;border-radius:2px;}\n\n.parallax{position: relative; overflow: hidden;   \/* \ubc30\uacbd\uc774 \ud280\uc5b4\ub098\uac00\uc9c0 \uc54a\uac8c *\/}\n\n\/* \ubc30\uacbd \ub808\uc774\uc5b4 *\/\n.parallax__bg{position:absolute; inset:-10% 0 -10% 0; \/* \uc704\uc544\ub798 \uc0b4\uc9dd \ub354 \ud06c\uac8c \uae54\uc544 \uc5ec\uc720 *\/ background-image:url('\/wp-content\/uploads\/2025\/09\/OTWOUAM-\uc2e0\uaddc-\uae30\uccb4\ub514\uc790\uc778-\uc2dc\uc5482-230926-1_23.jpg');\n  background-position:center;\n  background-size:cover;\n  will-change: transform;\n  transform: translateY(var(--py,0px));\n  z-index: 0;\n}\n\n\/* \ucf58\ud150\uce20\ub294 \ubc30\uacbd \uc704\ub85c *\/\n.parallax .content{ position:relative; z-index:1; }\n\n.sec_2{ position: relative; width: 100%; min-height: 100vh; background: url('\/wp-content\/uploads\/2025\/09\/OTWOUAM-\uc2e0\uaddc-\uae30\uccb4\ub514\uc790\uc778-\uc2dc\uc5482-230926-1_23.jpg') no-repeat center center\/cover; display: flex; justify-content: center;\nalign-items: center; color: #fff;   overflow: hidden;\n  box-sizing: border-box;\n  padding: 80px 24px;}\n.sec_2::before { content: \"\";position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.55);z-index: 1;}\n.content {width:100%; max-width:1400px; margin:0 auto; position: relative; z-index: 2;}\n.sec_2_top{display:flex; justify-content: space-between;}\n.sec_2_top>h2{color:#fff; font-weight: 700;font-size: 50px !important;}\n.sec_2_top>img{object-fit:contain; width: 120px; height: 120px;  animation: spin 3s linear infinite;}\n\/*sec_2 \uce74\ub4dc*\/\n.cards {margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap;  gap: 16px;}\n.card {background: rgba(255,255,255,0.1);border-radius: 10px; width: 320px; min-height: 400px;    display: flex; flex-direction: column; align-items: center; justify-content: space-between; backdrop-filter: blur(20px);   flex: 1 1 320px; max-width: 360px; }\n.card {\n  transition: all 0.4s ease;\n  border: 1px solid rgba(46,95,212,0.15); \/* \uae30\ubcf8\uc740 \uc740\uc740\ud558\uac8c *\/\n}\n.card:hover {\n  border: 1px solid rgba(46,95,212,0.3); \n  box-shadow: \n    0 0 25px rgba(46,95,212,0.6),   \/* \uac00\uae4c\uc6b4 glow *\/\n    0 0 50px rgba(46,95,212,0.4),   \/* \uc911\uac04 glow *\/\n    0 0 80px rgba(46,95,212,0.25);  \/* \uba40\ub9ac \ubc88\uc9d0 *\/\n  transform: translateY(-10px); \/* \uc0b4\uc9dd \ub354 \uc704\ub85c *\/\n}\n\n.card_set img {\n  transition: filter 0.3s ease;\n}\n.card:hover .card_set img {\n  filter: drop-shadow(0 0 20px #2e5fd4) brightness(1.2);\n}\n\n.card h3 { margin:30px 0; font-size: 24px !important; color:#fff; text-align:center; font-weight:500;}\n.card p {font-size: 14px; color: #333; text-align: center;margin: 0; padding: 35px 10px; background: #fff;\n border-radius: 0 0 10px 10px;width: 100%; box-sizing: border-box; min-height: 235px;}\n.card span{font-size:12px; color:#aaa; line-height:18px !important;}\n.card_set>img{width: 120px; height: 120px; object-fit:contain;}\n.card_set{display: flex; flex-direction: column; align-items: center; padding-top:60px;}\n\n.sns-btn{font-weight:500;}\n\n@media (max-width: 1024px){\n.cards{ gap: 14px; }\n.card{flex: 1 1 calc(50% - 14px); max-width: none;}\n}\n\n@media (max-width: 768px){\n.sec_1{ padding: 60px 0; gap: 36px; }\n.video-text{top:13%;}\n.video-text>h1 {font-size: 30px !important; line-height:45px !important; font-weight: 600; margin: 0 0 12px;}\n.video-text>h5 {font-size: 15px !important; font-weight: 500; margin: 0;opacity: 0.9; color:#fff;}\n.main_sns{display:flex;margin-top:15px;}\n.sns-btn{padding:8px 12px; gap:12px; font-size:12px;}\n.sns-btn .icon img{width:18px; height:18px;}\n\n.slide-content{flex-direction: column; gap:30px;}\n.slide-text{padding-left:0;}\n.viewmore{margin-left: 0; font-size:14px; padding: 8px 14px;}\n.viewmore>img{width:22px; height:22px;}\n\n.hero-title{font-size:35px;}\n.sec_2{ min-height: auto; height: auto; justify-content: flex-start;align-items: stretch;padding: 48px 16px;}\n.sec_2_top{flex-direction: column;gap: 16px;align-items: center;}\n.sec_2_top>img{width: 120px; height: 120px;}\n.cards{flex-direction: column; gap: 20px; padding:0 30px;}\n.card{flex: 1 1 auto; width: 100%;max-width: 90%;margin: 0 auto;min-height: 0;}\n.card h3{margin: 30px 0; font-size: 20px !important;}\n.card p{padding: 20px 10px; min-height: fit-content;}\n.card_set>img{width:90px; height:90px;}\n\n  :root{ --arrow-gap: 0px; }\n\n  \/* \ud2b8\ub799\uacfc \ud0ed \ub77c\uc778 \uaf49 \ucc44\uc6b0\uae30 *\/\n  .progress-track{ right:0 !important; }\n  .tab{font-size:18px; font-weight:600;}\n  .tabs{ padding-bottom: 32px;   text-align: center;   }\n  .tabs{ --arrow-gap:0; }    \n  .arrow{ bottom: -18px; display:none;}\n}\n\n\n@media (hover: none) and (pointer: coarse) {\n  .video-wrap video {\n    pointer-events: none;           \/* \ud0ed\/\ud130\uce58 \ubb34\uc2dc *\/\n    -webkit-touch-callout: none;    \/* iOS \uae38\uac8c\ub204\ub974\uae30 \uba54\ub274 \ubc29\uc9c0 *\/\n    user-select: none;\n    -webkit-user-select: none;\n  }\n  \/* \ub798\ud37c\uc5d0 \uc81c\uc2a4\ucc98 \uc790\uccb4\ub97c \ucd5c\uc18c\ud654\ud558\uace0 \uc2f6\ub2e4\uba74 (\uc635\uc158) *\/\n  .video-wrap {\n    -webkit-touch-callout: none;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n}<\/style>\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\nconst AUTOPLAY_DELAY = 3200;\nconst SPEED = 800;\nconst STOP_OFFSET = 8;\n\nconst swiper = new Swiper('#vsSwiper', {\n  effect: 'slide',\n  loop: true,\n  speed: SPEED,\n  autoplay: { delay: AUTOPLAY_DELAY, disableOnInteraction: false },\n});\n\nconst tabsWrap    = document.getElementById('tabs');\nconst tabs        = Array.from(tabsWrap.querySelectorAll('.tab'));\nconst progressEl  = document.getElementById('progressBar');\nconst trackEl     = tabsWrap.querySelector('.progress-track');\nconst heroTitle   = document.getElementById('heroTitle');\n\nfunction getTrackWidth() {\n  return trackEl.getBoundingClientRect().width;\n}\nfunction applyEqualLayout() {\n  const segW = getTrackWidth() \/ tabs.length;\n  tabsWrap.style.setProperty('--segW', `${segW}px`);\n  tabs.forEach(t => { t.style.width = `${segW}px`; });\n}\nfunction getSegmentMetrics(index) {\n  const n = tabs.length;\n  const segW = getTrackWidth() \/ n;\n  const left = segW * index;\n  const fillW = segW - (index < n - 1 ? STOP_OFFSET : 0);\n  return { left, fillW };\n}\nfunction startFillFor(index) {\n  const { left, fillW } = getSegmentMetrics(index);\n  progressEl.style.transition = 'none';\n  progressEl.style.left = `${left}px`;\n  progressEl.style.width = '0px';\n  void progressEl.offsetWidth;\n  progressEl.style.transition = `width ${AUTOPLAY_DELAY}ms linear`;\n  progressEl.style.width = `${fillW}px`;\n}\nswiper.on('slideChange', () => activateByRealIndex(swiper.realIndex));\ntabs.forEach((tab, idx) => {\n  tab.addEventListener('click', () => {\n    swiper.slideToLoop(idx);\n    swiper.autoplay.start();\n    activateByRealIndex(idx);\n  });\n});\n\nconst viewMoreBtn = document.getElementById('viewMoreBtn'); \/\/ \uc0c8\ub85c \ucd94\uac00\ub41c \ubc84\ud2bc ID\n\n\/\/ \uc2ac\ub77c\uc774\ub4dc \uc778\ub371\uc2a4\uc5d0 \ub530\ub978 \ub9c1\ud06c \ubaa9\ub85d \uc815\uc758\nconst links = [\n  'https:\/\/vspacecompany.com\/?page_id=13', \/\/ VS-100 (realIndex 0)\n  'https:\/\/vspacecompany.com\/?page_id=15', \/\/ VS-200 (realIndex 1)\n  'https:\/\/vspacecompany.com\/?page_id=15', \/\/ VS-210 (realIndex 2)\n  'https:\/\/vspacecompany.com\/?page_id=17', \/\/ VS-300 (realIndex 3)\n];\n\n\/\/ 'VIEW MORE' \ub9c1\ud06c\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\ub294 \ud568\uc218\nfunction updateViewMoreLink(realIndex) {\n    if (viewMoreBtn && links[realIndex]) {\n        \/\/ \ud574\ub2f9 \uc778\ub371\uc2a4\uc758 URL\ub85c href \uc18d\uc131 \ubcc0\uacbd\n        viewMoreBtn.href = links[realIndex];\n    }\n}\n\nfunction activateByRealIndex(realIndex) {\n  tabs.forEach((t, i) => t.classList.toggle('active', i === realIndex));\n  startFillFor(realIndex);\n  const titleText = ['VS-100','VS-200','VS-210','VS-300'][realIndex] || 'VS';\n  if (heroTitle) heroTitle.textContent = titleText;\n  \n  \/\/ \u2705 \uc0c8\ub85c \ucd94\uac00\ub41c \ubd80\ubd84: \ub9c1\ud06c \uc5c5\ub370\uc774\ud2b8 \ud568\uc218 \ud638\ucd9c\n  updateViewMoreLink(realIndex); \n}\n\nswiper.on('slideChange', () => activateByRealIndex(swiper.realIndex));\ntabs.forEach((tab, idx) => {\n  tab.addEventListener('click', () => {\n    swiper.slideToLoop(idx);\n    swiper.autoplay.start();\n    activateByRealIndex(idx);\n  });\n});\n\ndocument.getElementById('prevBtn').addEventListener('click', () => swiper.slidePrev());\ndocument.getElementById('nextBtn').addEventListener('click', () => swiper.slideNext());\n\ndocument.documentElement.style.setProperty('--autoplay-ms', AUTOPLAY_DELAY);\nfunction boot() { applyEqualLayout(); activateByRealIndex(swiper.realIndex); }\n\n\/\/ boot \ud568\uc218\uc5d0\ub3c4 \ub9c1\ud06c \uc5c5\ub370\uc774\ud2b8 \ucd94\uac00\nfunction boot() { \n  applyEqualLayout(); \n  activateByRealIndex(swiper.realIndex); \n  \/\/ \ucd5c\ucd08 \ub85c\ub529 \uc2dc\uc5d0\ub3c4 \ub9c1\ud06c \uc124\uc815\n  updateViewMoreLink(swiper.realIndex); \n}\n\nwindow.addEventListener('load', boot);\nwindow.addEventListener('resize', () => { applyEqualLayout(); startFillFor(swiper.realIndex); });\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  \/\/ \ud14c\ub9c8\ub9c8\ub2e4 header \ud0dc\uadf8 \ub300\uc2e0 .site-header \/ #header\ub97c \uc4f0\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc544 \uc140\ub809\ud130\ub97c \ub113\uac8c\n  var header = document.querySelector('header, .site-header, #header');\n  if (!header) return;\n\n  var THRESHOLD = 10;        \/\/ \uba87 px \uc774\uc0c1 \ub0b4\ub824\uac00\uba74 scrolled \ucc98\ub9ac\n  var ticking = false;\n\n  function apply(y) {\n    var on = y > THRESHOLD;\n    header.classList.toggle('scrolled', on);\n    document.documentElement.classList.toggle('has-scrolled', on);\n  }\n\n  function onScroll() {\n    if (!ticking) {\n      window.requestAnimationFrame(function () {\n        apply(window.scrollY || window.pageYOffset || 0);\n        ticking = false;\n      });\n      ticking = true;\n    }\n  }\n\n  \/\/ \ucd08\uae30 1\ud68c \uc801\uc6a9\n  apply(window.scrollY || window.pageYOffset || 0);\n\n  \/\/ \uc2a4\ud06c\ub864\/\ub9ac\uc0ac\uc774\uc988\uc5d0 \ubc18\uc751\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', onScroll);\n\n  \/\/ \uc778\ud2b8\ub85c \uc624\ubc84\ub808\uc774\uac00 \ud5e4\ub354\ub97c \uac00\ub9ac\ub294 \uacbd\uc6b0: intro\uac00 \uc0ac\ub77c\uc9c8 \ub54c\ub3c4 \ud55c \ubc88 \ub354 \uc801\uc6a9\n  var intro = document.getElementById('intro');\n  if (intro) {\n    intro.addEventListener('transitionend', function () { onScroll(); }, { once: true });\n  }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud074\ub9ad \ub610\ub294 ESC\ub85c \uac74\ub108\ub6f0\uae30 \ub3c4\uc2ec\uc5d0\uc11c \ud65c\uc8fc\ub85c \uc5c6\uc774\uc2dc\uc791\ub418\ub294 \uc0c8\ub85c\uc6b4 \ud558\ub298 \uc218\uc9c1\uc774\ucc29\ub959 eVTOL\uc774 \uc5f4\uc5b4\uac00\ub294 \ucc28\uc138\ub300 \ud56d\uacf5 \ubaa8\ube4c\ub9ac\ud2f0 INSTAGRAM YOUTUBE LINKEDIN VIEW MORE CAVVS-100 AAVVS-210 AAVVS-200 UAMVS-300 VS-100 VS-210 VS-200 VS-300 V-SPACE Multicopter eVTOL \uac1c\uc778\uc6a9 PAV \uae30\uccb4 \uac1c\ubc1c(VS-200, VS-210)\uc744 \uc644\ub8cc\ud558\uace0, \ub2e4\uc218\uc758 \uc2dc\ud5d8\u00b7\uc2e4\uc99d \ube44\ud589\uc744 &hellip; <a href=\"https:\/\/vspacecompany.com\/?page_id=32&#038;lang=ko\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vspacecompany.com\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vspacecompany.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vspacecompany.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vspacecompany.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vspacecompany.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":426,"href":"https:\/\/vspacecompany.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":1898,"href":"https:\/\/vspacecompany.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/1898"}],"wp:attachment":[{"href":"https:\/\/vspacecompany.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}