diff --git a/src/page/Auth/components/Common/index.module.scss b/src/page/Auth/components/Common/index.module.scss
index e35cc61c..2e0ee9ab 100644
--- a/src/page/Auth/components/Common/index.module.scss
+++ b/src/page/Auth/components/Common/index.module.scss
@@ -78,7 +78,7 @@
   border-radius: 4px;
   font-weight: 600;
 
-  &__active {
+  &--active {
      width: 100%;
     background-color: #175C8E;
     height: 50px;
diff --git a/src/page/Auth/components/Common/index.tsx b/src/page/Auth/components/Common/index.tsx
index a56de627..074825af 100644
--- a/src/page/Auth/components/Common/index.tsx
+++ b/src/page/Auth/components/Common/index.tsx
@@ -38,7 +38,7 @@ export default function CommonLayout() {
 
   const steps = useStep(isFindPassword ? 'find' : 'register');
   const {
-    nextStep, previousStep, currentStep, index, totalStep, isComplete,
+    nextStep, previousStep, currentStep, index, totalStep, isComplete, isStepComplete,
   } = steps;
 
   // eslint-disable-next-line
@@ -92,10 +92,10 @@ export default function CommonLayout() {
           <button
             type="button"
             onClick={stepCheck}
-            disabled={!!errors.root}
+            disabled={!isStepComplete}
             className={
               cn({
-                [styles.button__active]: !!errors.root,
+                [styles['button--active']]: isStepComplete || isComplete,
                 [styles.button]: true,
               })
             }
diff --git a/src/page/Auth/hook/useStep.ts b/src/page/Auth/hook/useStep.ts
index 83c8fc57..870a081d 100644
--- a/src/page/Auth/hook/useStep.ts
+++ b/src/page/Auth/hook/useStep.ts
@@ -26,8 +26,10 @@ export const useStep = (type: Type) => {
   };
 
   const previousStep = () => {
-    if (index > 0) setIndex((prev) => prev - 1);
-    else navigate(-1);
+    if (index > 0) {
+      setIndex((prev) => prev - 1);
+      setIsStepComplete(true); // step을 통과한 사람만 뒤로 갈 수 있음
+    } else navigate(-1);
   };
 
   const currentStep = target[index];