diff --git a/client/src/components/overlay/RoutePanel.tsx b/client/src/components/overlay/RoutePanel.tsx
index e492232..3f0faef 100644
--- a/client/src/components/overlay/RoutePanel.tsx
+++ b/client/src/components/overlay/RoutePanel.tsx
@@ -198,7 +198,7 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
       ];
       const minK = Math.min(...allKms);
       const maxK = Math.max(...allKms);
-      const targetKm = minK + yPct * (maxK - minK);
+      const targetKm = maxK - yPct * (maxK - minK);
 
       // Find closest station to target km
       let bestStation = validStations[0];
@@ -245,7 +245,7 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
   ];
   const minKm = Math.min(...allKms);
   const maxKm = Math.max(...allKms);
-  const kmToY = (km: number) => ((km - minKm) / (maxKm - minKm)) * 100;
+  const kmToY = (km: number) => (1 - (km - minKm) / (maxKm - minKm)) * 100;
 
   // 교량/터널만 표시
   const filteredPois = pois.filter(p => p.category === '\uD130\uB110' || p.category === '\uAD50\uB7C9');
@@ -318,8 +318,8 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
           style={{
             left: 30,
             right: 4,
-            top: `${kmToY(visibleRange.minKm)}%`,
-            bottom: `${100 - kmToY(visibleRange.maxKm)}%`,
+            top: `${kmToY(visibleRange.maxKm)}%`,
+            bottom: `${100 - kmToY(visibleRange.minKm)}%`,
             border: '1px solid rgba(74,222,128,0.7)',
             background: 'rgba(74,222,128,0.08)',
           }}