매매 시그널 알림 화면 수정

frontend/src/components/virtual/VirtualSignalEqualizer.tsx

@@ -38,29 +38,28 @@ const VirtualSignalEqualizer: React.FC<Props> = ({ matchRate }) => {
     return items;
   }, [litCount, rate]);
 
-  const ticks = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
+  /** 신호등 열 높이에 맞춘 20% 눈금 (가상매매·알림 공통) */
+  const ticks = [100, 80, 60, 40, 20, 0];
 
   return (
     <div className="vtd-sig-eq">
-      <div className="vtd-sig-eq-scale">
+      <div className="vtd-sig-eq-scale" aria-hidden>
         {ticks.map(t => (
           <span key={t} className="vtd-sig-eq-tick">{t}%</span>
         ))}
       </div>
-      <div className="vtd-sig-eq-column">
-        <div className="vtd-sig-eq-bar-wrap">
-          <div className="vtd-sig-eq-bar">
-            {segments.map((seg, i) => (
-              <div
-                key={i}
-                className={[
-                  'vtd-sig-eq-seg',
-                  seg.lit ? 'vtd-sig-eq-seg--lit' : '',
-                  seg.lit ? `vtd-sig-eq-seg--${seg.tone}` : '',
-                ].filter(Boolean).join(' ')}
-              />
-            ))}
-          </div>
+      <div className="vtd-sig-eq-bar-wrap">
+        <div className="vtd-sig-eq-bar">
+          {segments.map((seg, i) => (
+            <div
+              key={i}
+              className={[
+                'vtd-sig-eq-seg',
+                seg.lit ? 'vtd-sig-eq-seg--lit' : '',
+                seg.lit ? `vtd-sig-eq-seg--${seg.tone}` : '',
+              ].filter(Boolean).join(' ')}
+            />
+          ))}
         </div>
         {rate >= 100 && (
           <div className="vtd-sig-eq-badge">100% MATCH</div>