diff --git a/src/assets/timer/normal_timer_cons.jpg b/src/assets/timer/normal_timer_cons.jpg
new file mode 100644
index 00000000..73901200
Binary files /dev/null and b/src/assets/timer/normal_timer_cons.jpg differ
diff --git a/src/assets/timer/normal_timer_cons.png b/src/assets/timer/normal_timer_cons.png
deleted file mode 100644
index 1e5ac3f6..00000000
Binary files a/src/assets/timer/normal_timer_cons.png and /dev/null differ
diff --git a/src/assets/timer/normal_timer_neutral.jpg b/src/assets/timer/normal_timer_neutral.jpg
new file mode 100644
index 00000000..bc86660f
Binary files /dev/null and b/src/assets/timer/normal_timer_neutral.jpg differ
diff --git a/src/assets/timer/normal_timer_neutral.png b/src/assets/timer/normal_timer_neutral.png
deleted file mode 100644
index 8dcaed50..00000000
Binary files a/src/assets/timer/normal_timer_neutral.png and /dev/null differ
diff --git a/src/assets/timer/normal_timer_pros.jpg b/src/assets/timer/normal_timer_pros.jpg
new file mode 100644
index 00000000..86c8f2af
Binary files /dev/null and b/src/assets/timer/normal_timer_pros.jpg differ
diff --git a/src/assets/timer/normal_timer_pros.png b/src/assets/timer/normal_timer_pros.png
deleted file mode 100644
index 2052a23f..00000000
Binary files a/src/assets/timer/normal_timer_pros.png and /dev/null differ
diff --git a/src/assets/timer/time_based_timer.jpg b/src/assets/timer/time_based_timer.jpg
new file mode 100644
index 00000000..099cc235
Binary files /dev/null and b/src/assets/timer/time_based_timer.jpg differ
diff --git a/src/assets/timer/time_based_timer.png b/src/assets/timer/time_based_timer.png
deleted file mode 100644
index 5428774b..00000000
Binary files a/src/assets/timer/time_based_timer.png and /dev/null differ
diff --git a/src/assets/timer/time_based_timer_only_total.jpg b/src/assets/timer/time_based_timer_only_total.jpg
new file mode 100644
index 00000000..ad1d246d
Binary files /dev/null and b/src/assets/timer/time_based_timer_only_total.jpg differ
diff --git a/src/components/ProsAndConsTitle/PropsAndConsTitle.tsx b/src/components/ProsAndConsTitle/PropsAndConsTitle.tsx
index 382c116a..5b53cd05 100644
--- a/src/components/ProsAndConsTitle/PropsAndConsTitle.tsx
+++ b/src/components/ProsAndConsTitle/PropsAndConsTitle.tsx
@@ -8,7 +8,7 @@ export default function PropsAndConsTitle({
   consTeamName = '반대',
 }: PropsAndConsTitleProps) {
   return (
-    <div className="mx-auto flex w-full items-center justify-between gap-2 py-4">
+    <div className="mx-auto mb-4 flex w-full items-center justify-between gap-2">
       <div className="flex w-1/2 flex-col items-center">
         <span className="text-2xl font-bold text-camp-blue">
           {prosTeamName}
diff --git a/src/components/icons/LeftArrow.tsx b/src/components/icons/LeftArrow.tsx
index a3aaabeb..c663e688 100644
--- a/src/components/icons/LeftArrow.tsx
+++ b/src/components/icons/LeftArrow.tsx
@@ -21,7 +21,7 @@ export default function DTLeftArrow({
         fill={color}
       />
       <path
-        d="M30.9685 11.8157C32.6254 11.8157 33.9685 13.1588 33.9685 14.8157C33.9685 16.4725 32.6254 17.8157 30.9685 17.8157L30.9685 11.8157ZM4.38754 14.8157L4.38754 11.8157L30.9685 11.8157L30.9685 14.8157L30.9685 17.8157L4.38754 17.8157L4.38754 14.8157Z"
+        d="M30.9685 12.3157C32.3492 12.3157 33.4685 13.435 33.4685 14.8157C33.4685 16.1964 32.3492 17.3157 30.9685 17.3157L30.9685 14.8157L30.9685 12.3157ZM4.38754 14.8157L4.38754 12.3157L30.9685 12.3157L30.9685 14.8157L30.9685 17.3157L4.38754 17.3157L4.38754 14.8157Z"
         fill={color}
       />
     </svg>
diff --git a/src/components/icons/RightArrow.tsx b/src/components/icons/RightArrow.tsx
index d05fa850..fb492995 100644
--- a/src/components/icons/RightArrow.tsx
+++ b/src/components/icons/RightArrow.tsx
@@ -7,21 +7,21 @@ export default function DTRightArrow({
 }: IconProps) {
   return (
     <svg
-      viewBox="0 0 34 30"
+      viewBox="0 0 33 30"
       fill="none"
       className={`
-        aspect-[34/30]
+        aspect-[33/30]
         ${className}
       `}
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
       <path
-        d="M17.797 27.8454C17.0713 27.0756 17.0706 25.8738 17.7955 25.1032L26.01 16.3703C26.7343 15.6003 26.7343 14.3997 26.01 13.6297L17.7955 4.89681C17.0706 4.12621 17.0713 2.9244 17.797 2.1546L18.3728 1.54376C19.1623 0.706299 20.4939 0.706298 21.2834 1.54376L32.6752 13.6281C33.4015 14.3985 33.4015 15.6015 32.6752 16.3719L21.2834 28.4562C20.4939 29.2937 19.1623 29.2937 18.3728 28.4562L17.797 27.8454Z"
+        d="M16.797 27.8454C16.0713 27.0756 16.0706 25.8738 16.7955 25.1032L25.01 16.3703C25.7343 15.6003 25.7343 14.3997 25.01 13.6297L16.7955 4.89681C16.0706 4.12621 16.0713 2.92441 16.797 2.1546L17.3728 1.54377C18.1623 0.706299 19.4939 0.706299 20.2834 1.54376L31.6752 13.6281C32.4015 14.3985 32.4015 15.6015 31.6752 16.3719L20.2834 28.4562C19.4939 29.2937 18.1623 29.2937 17.3728 28.4562L16.797 27.8454Z"
         fill={color}
       />
       <path
-        d="M3.96851 11.8157C2.31165 11.8157 0.968506 13.1588 0.968506 14.8157C0.968506 16.4725 2.31165 17.8157 3.96851 17.8157L3.96851 11.8157ZM30.5495 14.8157L30.5495 11.8157L3.96851 11.8157L3.96851 14.8157L3.96851 17.8157L30.5495 17.8157L30.5495 14.8157Z"
+        d="M2.96851 12.3157C1.58779 12.3157 0.468506 13.435 0.468506 14.8157C0.468506 16.1964 1.58779 17.3157 2.96851 17.3157L2.96851 14.8157L2.96851 12.3157ZM29.5495 14.8157L29.5495 12.3157L2.96851 12.3157L2.96851 14.8157L2.96851 17.3157L29.5495 17.3157L29.5495 14.8157Z"
         fill={color}
       />
     </svg>
diff --git a/src/index.css b/src/index.css
index e609214b..41c7d9bc 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,6 +7,11 @@
     @apply font-pretendard;
     @apply bg-default-white;
   }
+
+  html,
+  body {
+    @apply text-default-black;
+  }
 }
 
 /* Text styles */
diff --git a/src/page/TableComposition/components/TimeBox/TimeBox.tsx b/src/page/TableComposition/components/TimeBox/TimeBox.tsx
index 61857cec..b371ee38 100644
--- a/src/page/TableComposition/components/TimeBox/TimeBox.tsx
+++ b/src/page/TableComposition/components/TimeBox/TimeBox.tsx
@@ -121,7 +121,7 @@ export default function TimeBox(props: TimeBoxProps) {
             </>
           )}
       <span
-        className={clsx('flex flex-row text-[20px] text-default-black', {
+        className={clsx('flex flex-row text-[22px] text-default-black', {
           'max-w-[200px]': isModifiable,
         })}
       >
@@ -132,7 +132,7 @@ export default function TimeBox(props: TimeBoxProps) {
           )}
         </p>
       </span>
-      <p className="text-[28px] font-medium text-default-black">{timeStr}</p>
+      <p className="text-[22px] font-medium">{timeStr}</p>
     </div>
   );
 
@@ -151,10 +151,10 @@ export default function TimeBox(props: TimeBoxProps) {
           }}
         />
       </div>
-      <p className="text-[20px] font-semibold text-default-black">
+      <p className="text-[22px] font-semibold text-default-black">
         {speechType}
       </p>
-      <p className="text-[28px] font-medium text-default-black">{timeStr}</p>
+      <p className="text-[22px] font-medium text-default-black">{timeStr}</p>
     </div>
   );
 
@@ -177,10 +177,10 @@ export default function TimeBox(props: TimeBoxProps) {
           </div>
         </>
       )}
-      <span className="text-[20px] font-semibold text-default-black">
+      <span className="text-[22px] font-semibold text-default-black">
         {speechType}
       </span>
-      <span className="text-[28px] font-medium text-default-black">
+      <span className="text-[22px] font-medium text-default-black">
         {fullTimeStr}
       </span>
     </div>
diff --git a/src/page/TableComposition/components/TimerCreationContent/TimerCreationContent.tsx b/src/page/TableComposition/components/TimerCreationContent/TimerCreationContent.tsx
index 2f46da86..e1bf32b1 100644
--- a/src/page/TableComposition/components/TimerCreationContent/TimerCreationContent.tsx
+++ b/src/page/TableComposition/components/TimerCreationContent/TimerCreationContent.tsx
@@ -8,10 +8,11 @@ import {
   BellConfig,
 } from '../../../../type/type';
 import { Formatting } from '../../../../util/formatting';
-import normalTimerProsImage from '../../../../assets/timer/normal_timer_pros.png';
-import normalTimerConsImage from '../../../../assets/timer/normal_timer_cons.png';
-import normalTimerNeutralImage from '../../../../assets/timer/normal_timer_neutral.png';
-import timeBasedTimerImage from '../../../../assets/timer/time_based_timer.png';
+import normalTimerProsImage from '../../../../assets/timer/normal_timer_pros.jpg';
+import normalTimerConsImage from '../../../../assets/timer/normal_timer_cons.jpg';
+import normalTimerNeutralImage from '../../../../assets/timer/normal_timer_neutral.jpg';
+import timeBasedTimerImage from '../../../../assets/timer/time_based_timer.jpg';
+import timeBasedTimerOnlyTotalImage from '../../../../assets/timer/time_based_timer_only_total.jpg';
 import DTClose from '../../../../components/icons/Close';
 import TimerCreationContentItem from './TimerCreationContentMenuItem';
 import LabeledRadioButton from '../../../../components/LabeledRadioButton/LabeledRadioButton';
@@ -173,6 +174,15 @@ export default function TimerCreationContent({
     beforeData?.speaker ?? initData?.speaker ?? '',
   );
 
+  // 시간 총량제 타이머 샘플 이미지 및 대체 텍스트 결정
+  const isSpeakingTimerDisabled = speakerMinutes === 0 && speakerSeconds === 0;
+  const timeBasedPreviewSrc = isSpeakingTimerDisabled
+    ? timeBasedTimerOnlyTotalImage
+    : timeBasedTimerImage;
+  const timeBasedPreviewAlt = isSpeakingTimerDisabled
+    ? 'time-based-timer-only-total-timer'
+    : 'time-based-timer';
+
   // 종소리 input 상태
   const [bellInput, setBellInput] = useState<BellInputConfig>(initBellInput);
 
@@ -466,8 +476,8 @@ export default function TimerCreationContent({
             />
           ) : (
             <img
-              src={timeBasedTimerImage}
-              alt="time-based-timer"
+              src={timeBasedPreviewSrc}
+              alt={timeBasedPreviewAlt}
               className="absolute top-1/2 w-full -translate-y-1/2 object-contain"
             />
           )}
diff --git a/src/page/TimerPage/TimerPage.tsx b/src/page/TimerPage/TimerPage.tsx
index 3d131cd3..025b944e 100644
--- a/src/page/TimerPage/TimerPage.tsx
+++ b/src/page/TimerPage/TimerPage.tsx
@@ -86,7 +86,7 @@ export default function TimerPage() {
           {!isLoading && (
             <div
               className={clsx(
-                'flex h-full w-full flex-col items-center justify-center space-y-[32px] xl:space-y-[60px]',
+                'relative flex h-full w-full flex-col items-center justify-center space-y-[32px] pb-[66px] xl:space-y-[60px]',
                 bgColorMap[bg],
               )}
             >
@@ -99,6 +99,7 @@ export default function TimerPage() {
                   index={index}
                   goToOtherItem={goToOtherItem}
                   openDoneModal={openLoginAndStoreModalOrGoToOverviewPage}
+                  className="absolute bottom-[66px] left-1/2 -translate-x-1/2"
                 />
               )}
             </div>
diff --git a/src/page/TimerPage/components/NormalTimer.tsx b/src/page/TimerPage/components/NormalTimer.tsx
index 56919c1d..a067c3c5 100644
--- a/src/page/TimerPage/components/NormalTimer.tsx
+++ b/src/page/TimerPage/components/NormalTimer.tsx
@@ -108,7 +108,7 @@ export default function NormalTimer({
                   },
                 )}
               >
-                작전 시간
+                작전 시간 사용
               </span>
             </button>
           )}
diff --git a/src/page/TimerPage/components/RoundControlRow.tsx b/src/page/TimerPage/components/RoundControlRow.tsx
index 0c1c4760..73438679 100644
--- a/src/page/TimerPage/components/RoundControlRow.tsx
+++ b/src/page/TimerPage/components/RoundControlRow.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import RoundControlButton from '../../../components/RoundControlButton/RoundControlButton';
 import { TimeBoxInfo } from '../../../type/type';
 
@@ -6,12 +7,13 @@ interface RoundControlRowProps {
   index: number;
   goToOtherItem: (isPrev: boolean) => void;
   openDoneModal: () => void;
+  className?: string;
 }
 
 export default function RoundControlRow(props: RoundControlRowProps) {
-  const { table, index, goToOtherItem, openDoneModal } = props;
+  const { table, index, goToOtherItem, openDoneModal, className = '' } = props;
   return (
-    <div className="flex flex-row space-x-1 xl:space-x-8">
+    <div className={clsx('flex flex-row space-x-1 xl:space-x-8', className)}>
       <div className="flex w-[175px] items-center justify-center xl:w-[200px]">
         {index !== 0 && (
           <RoundControlButton type="PREV" onClick={() => goToOtherItem(true)} />