From acffaa5ebdf7ee9420b38cbf34238572f3213123 Mon Sep 17 00:00:00 2001
From: ysCha <yscha@interplug.co.kr>
Date: Wed, 3 Sep 2025 14:49:36 +0900
Subject: [PATCH] =?UTF-8?q?input=20=EA=B3=84=EC=82=B0=EA=B8=B0=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/input/CalcInput.jsx | 13 ++++++-------
 src/styles/calc.scss                      | 19 ++++++++++---------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/common/input/CalcInput.jsx b/src/components/common/input/CalcInput.jsx
index 8e60506b..d0158da6 100644
--- a/src/components/common/input/CalcInput.jsx
+++ b/src/components/common/input/CalcInput.jsx
@@ -361,13 +361,6 @@ export const CalculatorInput = ({ value, onChange, label, options = {}, id, clas
               ÷
             </button>
 
-            {/* 숫자 버튼 */}
-            {[7, 8, 9, 4, 5, 6, 1, 2, 3].map((num) => (
-              <button key={num} onClick={() => handleNumber(num)} className="btn-number">
-                {num}
-              </button>
-            ))}
-
             <button onClick={() => handleOperation('×')} className="btn-operator">
               ×
             </button>
@@ -378,6 +371,12 @@ export const CalculatorInput = ({ value, onChange, label, options = {}, id, clas
               +
             </button>
 
+            {/* 숫자 버튼 */}
+            {[1,2,3,4,5,6,7,8,9].map((num) => (
+              <button key={num} onClick={() => handleNumber(num)} className="btn-number">
+                {num}
+              </button>
+            ))}
             {/* 0 버튼 */}
             <button onClick={() => handleNumber('0')} className="btn-number btn-zero">
               0
diff --git a/src/styles/calc.scss b/src/styles/calc.scss
index f30bc691..f3977c65 100644
--- a/src/styles/calc.scss
+++ b/src/styles/calc.scss
@@ -112,23 +112,24 @@ $colors: (
       }
 
       .btn-delete {
-        background-color: map-get($colors, 'dark-500');
-
-        &:hover {
-          background-color: map-get($colors, 'dark-300');
-        }
-      }
-
-      .btn-equals {
         background-color: map-get($colors, 'primary');
+        grid-column: span 2;
 
         &:hover {
           background-color: map-get($colors, 'primary-dark');
         }
       }
 
+      .btn-equals {
+        background-color: map-get($colors, 'warning');
+
+        &:hover {
+          background-color: map-get($colors, 'warning-dark');
+        }
+      }
+
       .btn-zero {
-        grid-column: span 2;
+        grid-column: span 1;
       }
     }
   }