diff --git a/src/components/trip/QuestionStep.tsx b/src/components/trip/QuestionStep.tsx
index dd38db3..cdc113c 100644
--- a/src/components/trip/QuestionStep.tsx
+++ b/src/components/trip/QuestionStep.tsx
@@ -219,6 +219,12 @@ export default function QuestionStep({
   const { draft, setAnswer } = useTripDraft();
   const [questions, setQuestions] = useState<TripQuestion[] | null>(null);
   const [error, setError] = useState(false);
+  const backHref =
+    uiStep === 3
+      ? "/trips/new/step2"
+      : uiStep === 2
+        ? "/trips/new/step1"
+        : "/trips/new/date";
 
   useEffect(() => {
     let cancelled = false;
@@ -271,7 +277,7 @@ export default function QuestionStep({
 
   return (
     <PageFade className="flex min-h-0 flex-1 flex-col bg-[#fbfdff]">
-      <StepProgress step={stepIndex} total={total} title={headerTitle} />
+      <StepProgress step={stepIndex} total={total} title={headerTitle} backHref={backHref} />
 
       <div className="flex min-h-0 flex-1 flex-col overflow-y-auto px-5 pb-6 scrollbar-none">
         <section className="relative -mx-5 min-h-[10.5rem] overflow-hidden px-5 pt-8">
diff --git a/src/components/ui/StepProgress.tsx b/src/components/ui/StepProgress.tsx
index 8dae51d..e4d81ec 100644
--- a/src/components/ui/StepProgress.tsx
+++ b/src/components/ui/StepProgress.tsx
@@ -7,10 +7,12 @@ export default function StepProgress({
   step,
   total,
   title,
+  backHref,
 }: {
   step: number;
   total: number;
   title?: string;
+  backHref?: string;
 }) {
   const router = useRouter();
   const percent = (step / total) * 100;
@@ -20,7 +22,7 @@ export default function StepProgress({
       <div className="flex items-center justify-between gap-2">
         <button
           type="button"
-          onClick={() => router.back()}
+          onClick={() => backHref ? router.replace(backHref) : router.back()}
           aria-label="뒤로 가기"
           className="-ml-2 grid size-10 shrink-0 place-items-center rounded-full text-[#0d234f] transition-colors hover:bg-[#eef5ff]"
         >