diff --git a/src/apis/primitives.ts b/src/apis/primitives.ts
index 8a3858b7..e4bf1c13 100644
--- a/src/apis/primitives.ts
+++ b/src/apis/primitives.ts
@@ -42,10 +42,17 @@ export async function request<T>(
     if (axios.isAxiosError(error)) {
       // If error is raised during API request,
       // pass it as an APIError
+      const responseData = error.response?.data;
+      const message =
+        typeof responseData === 'string'
+          ? responseData
+          : typeof responseData === 'object' && responseData !== null
+            ? JSON.stringify(responseData)
+            : error.message;
       const apiError = new APIError(
-        error.response?.data || error.message,
+        message,
         error.response?.status || 500,
-        error.response?.data,
+        responseData,
       );
       throw apiError;
     }
diff --git a/src/components/DialogModal/DialogModal.tsx b/src/components/DialogModal/DialogModal.tsx
index eecb3175..f042d9ad 100644
--- a/src/components/DialogModal/DialogModal.tsx
+++ b/src/components/DialogModal/DialogModal.tsx
@@ -1,16 +1,14 @@
 import { PropsWithChildren } from 'react';
 
+interface DialogButton {
+  text: string;
+  onClick: () => void;
+  isBold?: boolean;
+}
+
 interface DialogModalProps extends PropsWithChildren {
-  left: {
-    text: string;
-    onClick: () => void;
-    isBold?: boolean;
-  };
-  right: {
-    text: string;
-    onClick: () => void;
-    isBold?: boolean;
-  };
+  left?: DialogButton;
+  right?: DialogButton;
 }
 
 export default function DialogModal({
@@ -18,12 +16,11 @@ export default function DialogModal({
   left,
   right,
 }: DialogModalProps) {
-  if (left.isBold === undefined || null) {
-    left.isBold = false;
-  }
-  if (right.isBold === undefined || null) {
-    right.isBold = false;
-  }
+  const leftIsBold = left?.isBold ?? false;
+  const rightIsBold = right?.isBold ?? false;
+  const hasButtons = Boolean(left || right);
+  const isSingleButton = Boolean(left && !right) || Boolean(right && !left);
+  const buttonWidthClass = isSingleButton ? 'w-full' : 'w-1/2';
 
   return (
     <div
@@ -34,34 +31,40 @@ export default function DialogModal({
       {children}
 
       {/** Buttons */}
-      <div className="w-full border-t border-neutral-300" />
-      <div className="flex w-full flex-row items-center justify-center">
-        {/** Left button */}
-        <button
-          data-testid="button-left"
-          className="w-1/2 py-4 hover:bg-neutral-300"
-          onClick={() => left.onClick()}
-        >
-          <p
-            className={`w-full ${left.isBold ? 'font-bold' : ''} text-neutral-1000`}
-          >
-            {left.text}
-          </p>
-        </button>
+      {hasButtons && (
+        <>
+          <div className="w-full border-t border-neutral-300" />
+          <div className="flex w-full flex-row items-center justify-center">
+            {left && (
+              <button
+                data-testid="button-left"
+                className={`${buttonWidthClass} py-4 hover:bg-neutral-300`}
+                onClick={left.onClick}
+              >
+                <p
+                  className={`w-full ${leftIsBold ? 'font-bold' : ''} text-neutral-1000`}
+                >
+                  {left.text}
+                </p>
+              </button>
+            )}
 
-        {/** Right button */}
-        <button
-          data-testid="button-right"
-          className="w-1/2 py-4 hover:bg-brand"
-          onClick={() => right.onClick()}
-        >
-          <p
-            className={`w-full ${right.isBold ? 'font-bold' : ''} text-neutral-1000`}
-          >
-            {right.text}
-          </p>
-        </button>
-      </div>
+            {right && (
+              <button
+                data-testid="button-right"
+                className={`${buttonWidthClass} py-4 hover:bg-brand`}
+                onClick={right.onClick}
+              >
+                <p
+                  className={`w-full ${rightIsBold ? 'font-bold' : ''} text-neutral-1000`}
+                >
+                  {right.text}
+                </p>
+              </button>
+            )}
+          </div>
+        </>
+      )}
     </div>
   );
 }
diff --git a/src/page/DebateVotePage/DebateVotePage.tsx b/src/page/DebateVotePage/DebateVotePage.tsx
index 70061bdc..90b27349 100644
--- a/src/page/DebateVotePage/DebateVotePage.tsx
+++ b/src/page/DebateVotePage/DebateVotePage.tsx
@@ -5,7 +5,8 @@ import DefaultLayout from '../../layout/defaultLayout/DefaultLayout';
 import { useGetPollInfo } from '../../hooks/query/useGetPollInfo';
 import ErrorIndicator from '../../components/ErrorIndicator/ErrorIndicator';
 import useFetchEndPoll from '../../hooks/mutations/useFetchEndPoll';
-import GoToDebateEndButton from '../../components/GoToDebateEndButton/GoToDebateEndButton';
+import { useModal } from '../../hooks/useModal';
+import DialogModal from '../../components/DialogModal/DialogModal';
 export default function DebateVotePage() {
   const navigate = useNavigate();
   const baseUrl =
@@ -37,7 +38,20 @@ export default function DebateVotePage() {
     refetch,
     isRefetchError,
   } = useGetPollInfo(pollId, { refetchInterval: 5000, enabled: isArgsValid });
+  const { openModal, closeModal, ModalWrapper } = useModal();
   const { mutate } = useFetchEndPoll(handleGoToResult);
+  const handleConfirmEnd = () => {
+    if (!isArgsValid) return;
+    mutate(pollId, {
+      onSuccess: () => {
+        closeModal();
+      },
+      onError: () => {
+        closeModal();
+        alert('투표 종료에 실패했습니다.');
+      },
+    });
+  };
 
   const participants = data?.voterNames;
   const isLoading = isFetching || isRefetching;
@@ -114,11 +128,10 @@ export default function DebateVotePage() {
           </main>
 
           <DefaultLayout.StickyFooterWrapper>
-            <div className="flex w-full max-w-[800px] flex-row items-center justify-center gap-2">
-              <GoToDebateEndButton tableId={tableId} className="flex-1" />
+            <div className="flex w-full max-w-[400px] flex-row items-center justify-center gap-2">
               <button
                 type="button"
-                onClick={() => mutate(pollId)}
+                onClick={openModal}
                 className="button enabled brand flex flex-1 flex-row rounded-full p-[24px]"
               >
                 투표 결과 보기
@@ -127,6 +140,22 @@ export default function DebateVotePage() {
           </DefaultLayout.StickyFooterWrapper>
         </div>
       </DefaultLayout.ContentContainer>
+      <ModalWrapper>
+        <DialogModal
+          right={{
+            text: '마감하기',
+            onClick: handleConfirmEnd,
+            isBold: true,
+          }}
+        >
+          <div className="px-16 py-24 text-center text-black">
+            <p className="text-xl font-semibold">투표를 마감하시겠습니까?</p>
+            <p className="mt-2 text-sm text-default-neutral">
+              투표를 마감하면 더이상 표를 받을 수 없습니다!
+            </p>
+          </div>
+        </DialogModal>
+      </ModalWrapper>
     </DefaultLayout>
   );
 }
diff --git a/src/page/DebateVoteResultPage/DebateVoteResultPage.tsx b/src/page/DebateVoteResultPage/DebateVoteResultPage.tsx
index 4c6cac66..3cf9110a 100644
--- a/src/page/DebateVoteResultPage/DebateVoteResultPage.tsx
+++ b/src/page/DebateVoteResultPage/DebateVoteResultPage.tsx
@@ -7,7 +7,7 @@ import VoteDetailResult from './components/VoteDetailResult';
 import { useGetPollInfo } from '../../hooks/query/useGetPollInfo';
 import ErrorIndicator from '../../components/ErrorIndicator/ErrorIndicator';
 import { TeamKey } from '../../type/type';
-import { useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import DialogModal from '../../components/DialogModal/DialogModal';
 export default function DebateVoteResultPage() {
   // 매개변수 검증
@@ -32,6 +32,17 @@ export default function DebateVoteResultPage() {
   const handleGoHome = () => {
     navigate('/');
   };
+  const handleGoToEndPage = useCallback(() => {
+    navigate(`/table/customize/${tableId}/end`, { replace: true });
+  }, [navigate, tableId]);
+
+  useEffect(() => {
+    if (!isArgsValid) return;
+
+    window.addEventListener('popstate', handleGoToEndPage);
+    return () => window.removeEventListener('popstate', handleGoToEndPage);
+  }, [handleGoToEndPage, isArgsValid]);
+
   const isLoading = isFetching || isRefetching;
   const isError = isFetchError || isRefetchError;
   const { openModal, ModalWrapper, closeModal } = useModal({
@@ -108,11 +119,11 @@ export default function DebateVoteResultPage() {
             <div className="flex w-full max-w-[400px] flex-col items-center justify-center gap-2 md:w-full md:max-w-[800px] md:flex-row">
               <button
                 type="button"
-                onClick={() => navigate(-1)}
+                onClick={handleGoToEndPage}
                 className="button enabled neutral flex w-full flex-1 rounded-full p-[24px]"
                 disabled={isLoading}
               >
-                뒤로 가기 ←
+                토론 종료화면으로
               </button>
               <button
                 type="button"