diff --git a/app/src/main/java/com/yourssu/unscramble/presentation/MainViewModel.kt b/app/src/main/java/com/yourssu/unscramble/presentation/MainViewModel.kt
index a138375..9e25fcb 100644
--- a/app/src/main/java/com/yourssu/unscramble/presentation/MainViewModel.kt
+++ b/app/src/main/java/com/yourssu/unscramble/presentation/MainViewModel.kt
@@ -4,9 +4,12 @@ import android.os.Handler
 import android.os.Looper
 import android.util.Log
 import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
 import dagger.hilt.android.scopes.ViewModelScoped
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
 import java.util.Timer
 import java.util.TimerTask
 import javax.inject.Inject
@@ -20,6 +23,8 @@ class MainViewModel @Inject constructor() : ViewModel() {
     private val _time: MutableStateFlow<Int> = MutableStateFlow(0)
     val time: StateFlow<Int> = _time
 
+    private val _formattedTime = MutableStateFlow("0:0")
+    val formattedTime: StateFlow<String> = _formattedTime.asStateFlow()
     fun updateTime(time: Int) {
         _time.value = time
     }
@@ -28,6 +33,15 @@ class MainViewModel @Inject constructor() : ViewModel() {
         _isEnd.value = false
     }
 
+    fun formattedTimer(cnt: Int) {
+        val minutes = cnt / 60
+        val remainingSeconds = cnt % 60
+        viewModelScope.launch {
+            _formattedTime.emit(String.format("%02d:%02d", minutes, remainingSeconds))
+        }
+
+    }
+
     fun startTimer() {
         var cnt = _time.value
 
@@ -35,19 +49,27 @@ class MainViewModel @Inject constructor() : ViewModel() {
         // 반복적으로 사용할 TimerTask
         val mTimerTask = object : TimerTask() {
             override fun run() {
-                val mHandler = Handler(Looper.getMainLooper())
-                mHandler.postDelayed({
-                    // 반복실행할 구문
-                    cnt--
-                    Log.d("MainViewModel", "$cnt")
-                    if (cnt <= 0) {
-                        mTimer.cancel()
-                        Log.d("MainViewModel", "타이머 종료")
-                        _isEnd.value = true
-                        Log.d("MainViewModel", isEnd.value.toString())
-
-                    }
-                }, 0)
+                    val mHandler = Handler(Looper.getMainLooper())
+
+                    mHandler.postDelayed({
+
+                            // 반복실행할 구문
+                            formattedTimer(cnt)
+                            cnt--
+
+                        Log.d("MainViewModel", "Formatted Time: ${_formattedTime.value}")
+
+                            if (cnt <= 0) {
+                                mTimer.cancel()
+                                Log.d("MainViewModel", "타이머 종료")
+                                _isEnd.value = true
+                                Log.d("MainViewModel", isEnd.value.toString())
+
+
+                            }
+                    }, 0)
+
+
             }
         }
         mTimer.schedule(mTimerTask, 0, 1000)
diff --git a/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayFragment.kt b/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayFragment.kt
index 9d42990..e48ff8c 100644
--- a/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayFragment.kt
+++ b/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayFragment.kt
@@ -1,6 +1,7 @@
 package com.yourssu.unscramble.presentation.play
 
 import android.os.Bundle
+import android.util.Log
 import android.view.LayoutInflater
 import android.view.View
 import androidx.fragment.app.activityViewModels
@@ -31,6 +32,7 @@ class PlayFragment : BindFragment<FragmentPlayBinding>() {
         binding.lifecycleOwner = viewLifecycleOwner
 
         observeViewModel()
+        observeMainViewModel()
         viewModel.checkValid()
         observeNavigationToEnd()
         setupListeners()
@@ -46,6 +48,26 @@ class PlayFragment : BindFragment<FragmentPlayBinding>() {
         }
     }
 
+    private fun observeMainViewModel() {
+        lifecycleScope.launch {
+            mainViewModel.startTimer()
+
+            mainViewModel.isEnd
+                .collectLatest { isEnd ->
+                    if (isEnd) {
+                        findNavController().navigate(R.id.endFragment)
+                    }
+                }
+
+            mainViewModel.formattedTime
+                .collect { formattedTime ->
+                    Log.d("play", formattedTime) //여기 로그 안나옴
+                    // UI 업데이트
+                    binding.tvPlayTime.text = formattedTime.toString()
+                }
+        }
+    }
+
     private fun observeNavigationToEnd() {
         lifecycleScope.launch {
             viewModel.navigateToEnd.collect { navigateToEnd ->
@@ -65,16 +87,5 @@ class PlayFragment : BindFragment<FragmentPlayBinding>() {
             viewModel.onPlayButtonClick()
             binding.etAnswer.text.clear()
         }
-
-        mainViewModel.startTimer()
-
-        viewLifecycleOwner.lifecycleScope.launch {
-            mainViewModel.isEnd
-                .collectLatest { isEnd ->
-                    if (isEnd) {
-                        findNavController().navigate(R.id.endFragment)
-                    }
-                }
-        }
     }
 }
diff --git a/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayViewModel.kt b/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayViewModel.kt
index 461b094..817c4b7 100644
--- a/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayViewModel.kt
+++ b/app/src/main/java/com/yourssu/unscramble/presentation/play/PlayViewModel.kt
@@ -28,11 +28,8 @@ class PlayViewModel @Inject constructor(
     private val _solvedProblem: MutableStateFlow<Int> = MutableStateFlow(1)
     val solvedProblem: StateFlow<Int> = _solvedProblem.asStateFlow()
 
-    private val _timerHour: MutableStateFlow<String> = MutableStateFlow("00")
-    val timerHour: StateFlow<String> = _timerHour.asStateFlow()
-
-    private val _timerMinute: MutableStateFlow<String> = MutableStateFlow("00")
-    val timerMinute: StateFlow<String> = _timerMinute.asStateFlow()
+    private val _formattedTime = MutableStateFlow("00:00")
+    val formattedTime: StateFlow<String> = _formattedTime.asStateFlow()
 
     // 유효성 판단에 따른 버튼 활성화 관련 코드
     // 사용자가 입력한 답안
diff --git a/app/src/main/res/layout/fragment_play.xml b/app/src/main/res/layout/fragment_play.xml
index 04adddc..13837df 100644
--- a/app/src/main/res/layout/fragment_play.xml
+++ b/app/src/main/res/layout/fragment_play.xml
@@ -13,39 +13,38 @@
         <variable
             name="viewModel"
             type="com.yourssu.unscramble.presentation.play.PlayViewModel" />
+
+        <variable
+            name="mainViewModel"
+            type="com.yourssu.unscramble.presentation.MainViewModel" />
     </data>
 
-    <ScrollView
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="@color/black"
         tools:context=".presentation.play.PlayFragment">
 
-    <androidx.constraintlayout.widget.ConstraintLayout
-        android:layout_width="match_parent"
-        android:layout_height="match_parent">
-
         <androidx.constraintlayout.widget.ConstraintLayout
             android:id="@+id/cl_play"
             android:layout_width="match_parent"
-            android:layout_margin="20dp"
             android:layout_height="wrap_content"
+            android:layout_margin="20dp"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent">
 
-                <com.yourssu.design.system.atom.Text
-                    android:id="@+id/tv_solved_problems"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_marginVertical="5dp"
-                    android:layout_marginStart="22dp"
-                    android:textColor="@color/textBright"
-                    app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent"
-                    app:text="@{viewModel.solvedProblem.toString()}"
-                    app:typo="subtitle1"
-                    tools:text="0" />
+            <com.yourssu.design.system.atom.Text
+                android:id="@+id/tv_solved_problems"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginVertical="5dp"
+                android:layout_marginStart="22dp"
+                android:textColor="@color/textBright"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:text="@{viewModel.solvedProblem.toString()}"
+                app:typo="subtitle1"
+                tools:text="0" />
 
             <com.yourssu.design.system.atom.Text
                 android:id="@+id/tv_total_problems"
@@ -70,178 +69,151 @@
                 app:layout_constraintEnd_toStartOf="@id/tv_score"
                 app:layout_constraintTop_toTopOf="parent" />
 
-                <com.yourssu.design.system.atom.Text
-                    android:id="@+id/tv_score"
-                    android:layout_width="50dp"
-                    android:layout_height="wrap_content"
-                    android:layout_marginVertical="5dp"
-                    android:layout_marginEnd="5dp"
-                    android:gravity="center"
-                    android:textColor="@color/textBright"
-                    app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintTop_toTopOf="parent"
-                    app:text="@{viewModel.currentScore.toString()}"
-                    app:typo="subtitle1" />
-
-            </androidx.constraintlayout.widget.ConstraintLayout>
-
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:id="@+id/cl_play_time"
-            android:layout_width="wrap_content"
-            android:layout_marginTop="120dp"
-            android:layout_height="wrap_content"
-            android:background="@drawable/bg_play_time_gray"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/cl_play">
-
-            <ImageView
-                android:id="@+id/iv_alarm"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginStart="10dp"
-                android:src="@drawable/ic_alarm"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toStartOf="@+id/tv_play_hour"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toTopOf="parent" />
-
-            <com.yourssu.design.system.atom.Text
-                android:id="@+id/tv_play_hour"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginVertical="8dp"
-                android:layout_marginStart="5dp"
-                android:layout_marginEnd="2dp"
-                android:gravity="center"
-                android:paddingVertical="4dp"
-                android:textColor="@color/textBright"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toStartOf="@+id/tv_play_separator"
-                app:layout_constraintStart_toEndOf="@+id/iv_alarm"
-                app:layout_constraintTop_toTopOf="parent"
-                app:text="@{viewModel.timerHour}"
-                app:typo="subtitle1" />
-
             <com.yourssu.design.system.atom.Text
-                android:id="@+id/tv_play_separator"
-                android:layout_width="wrap_content"
+                android:id="@+id/tv_score"
+                android:layout_width="50dp"
                 android:layout_height="wrap_content"
-                android:layout_marginVertical="8dp"
-                android:layout_marginStart="5dp"
-                android:layout_marginEnd="2dp"
-                android:gravity="center"
-                android:paddingVertical="4dp"
-                android:text="@string/play_timer_separator"
-                android:textColor="@color/textBright"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toStartOf="@+id/tv_play_minute"
-                app:layout_constraintStart_toEndOf="@+id/tv_play_hour"
-                app:layout_constraintTop_toTopOf="parent"
-                app:typo="subtitle1" />
-
-            <com.yourssu.design.system.atom.Text
-                android:id="@+id/tv_play_minute"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginVertical="8dp"
-                android:layout_marginStart="5dp"
-                android:layout_marginEnd="15dp"
+                android:layout_marginVertical="5dp"
+                android:layout_marginEnd="5dp"
                 android:gravity="center"
-                android:paddingVertical="4dp"
                 android:textColor="@color/textBright"
                 app:layout_constraintBottom_toBottomOf="parent"
                 app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/tv_play_separator"
                 app:layout_constraintTop_toTopOf="parent"
-                app:text="@{viewModel.timerMinute}"
+                app:text="@{viewModel.currentScore.toString()}"
                 app:typo="subtitle1" />
-        </androidx.constraintlayout.widget.ConstraintLayout>
 
-            <com.yourssu.design.system.atom.Text
-                android:id="@+id/tv_problem"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="30dp"
-                android:layout_marginBottom="20dp"
-                android:textColor="@color/textBright"
-                android:textSize="23sp"
-                android:textStyle="bold"
-                app:layout_constraintBottom_toTopOf="@+id/et_answer"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/cl_play_time"
-                app:text="@{viewModel.questionScrambledFruitWord}"
-                app:typo="title1" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
 
-            <com.yourssu.design.system.atom.SimpleTextField
-                android:id="@+id/et_answer"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginHorizontal="20dp"
-                android:layout_marginTop="20dp"
-                android:layout_marginBottom="50dp"
-                android:afterTextChanged="@{viewModel.answerChangedListner}"
-                android:gravity="center"
-                android:inputType="text"
-                android:maxLines="10"
-                android:textColor="@color/textPrimary"
-                android:textSize="24sp"
-                app:helperLabelText="@{@string/play_answer_hint}"
-                app:isNegative="@{viewModel.textFieldIsNegative}"
-                app:layout_constraintBottom_toTopOf="@+id/cl_btns"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/tv_problem" />
+        <ScrollView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/cl_play">
 
             <androidx.constraintlayout.widget.ConstraintLayout
-                android:id="@+id/cl_btns"
                 android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="100dp"
-                app:layout_constraintBottom_toBottomOf="parent"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/et_answer">
+                android:layout_height="wrap_content">
 
 
-                <com.yourssu.design.system.atom.BoxButton
-                    android:id="@+id/btn_submit"
-                    android:layout_width="match_parent"
-                    android:layout_height="48dp"
-                    android:layout_marginHorizontal="30dp"
-                    app:isDisabled="@{viewModel.submitBtnIsDisable}"
-                    app:layout_constraintBottom_toTopOf="@+id/btn_skip"
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/cl_play_time"
+                    android:layout_width="100dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="150dp"
+                    android:background="@drawable/bg_play_time_gray"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toTopOf="parent"
-                    app:rounding="@{8}"
-                    app:size="@{BoxButton.Large}"
-                    app:text="@{@string/all_submit}"
-                    app:type="@{BoxButton.FILLED}" />
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <ImageView
+                        android:id="@+id/iv_alarm"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="10dp"
+                        android:src="@drawable/ic_alarm"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintEnd_toStartOf="@+id/tv_play_time"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <com.yourssu.design.system.atom.Text
+                        android:id="@+id/tv_play_time"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginVertical="8dp"
+                        android:layout_marginStart="5dp"
+                        android:gravity="center"
+                        android:paddingVertical="4dp"
+                        android:textColor="@color/textBright"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintStart_toEndOf="@+id/iv_alarm"
+                        app:layout_constraintTop_toTopOf="parent"
+                        app:text="@{mainViewModel.formattedTime.toString()}"
+                        app:typo="subtitle1" />
+
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
 
+                <com.yourssu.design.system.atom.Text
+                    android:id="@+id/tv_problem"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="30dp"
+                    android:layout_marginBottom="20dp"
+                    android:textColor="@color/textBright"
+                    android:textSize="23sp"
+                    android:textStyle="bold"
+                    app:layout_constraintBottom_toTopOf="@+id/et_answer"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/cl_play_time"
+                    app:text="@{viewModel.questionScrambledFruitWord}"
+                    app:typo="title1" />
 
-                <com.yourssu.design.system.atom.BoxButton
-                    android:id="@+id/btn_skip"
+                <com.yourssu.design.system.atom.SimpleTextField
+                    android:id="@+id/et_answer"
                     android:layout_width="match_parent"
-                    android:layout_height="48dp"
-                    android:layout_marginHorizontal="30dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginHorizontal="20dp"
                     android:layout_marginTop="20dp"
-                    android:layout_marginBottom="30dp"
+                    android:layout_marginBottom="50dp"
+                    android:afterTextChanged="@{viewModel.answerChangedListner}"
+                    android:gravity="center"
+                    android:inputType="text"
+                    android:maxLines="10"
+                    android:textColor="@color/textPrimary"
+                    android:textSize="24sp"
+                    app:helperLabelText="@{@string/play_answer_hint}"
+                    app:isNegative="@{viewModel.textFieldIsNegative}"
+                    app:layout_constraintBottom_toTopOf="@+id/cl_btns"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_problem" />
+
+                <LinearLayout
+                    android:id="@+id/cl_btns"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="90dp"
+                    android:orientation="vertical"
                     app:layout_constraintBottom_toBottomOf="parent"
                     app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="1.0"
                     app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toBottomOf="@+id/btn_submit"
-                    app:rounding="@{8}"
-                    app:size="@{BoxButton.Large}"
-                    app:text="@{@string/all_skip}"
-                    app:type="@{BoxButton.LINE}" />
+                    app:layout_constraintTop_toBottomOf="@+id/et_answer">
+
+
+                    <com.yourssu.design.system.atom.BoxButton
+                        android:id="@+id/btn_submit"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginHorizontal="30dp"
+                        app:isDisabled="@{viewModel.submitBtnIsDisable}"
+                        app:rounding="@{8}"
+                        app:size="@{BoxButton.Large}"
+                        app:text="@{@string/all_submit}"
+                        app:type="@{BoxButton.FILLED}" />
+
+
+                    <com.yourssu.design.system.atom.BoxButton
+                        android:id="@+id/btn_skip"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginHorizontal="30dp"
+                        android:layout_marginTop="20dp"
+                        android:layout_marginBottom="30dp"
+                        app:rounding="@{8}"
+                        app:size="@{BoxButton.Large}"
+                        app:text="@{@string/all_skip}"
+                        app:type="@{BoxButton.LINE}" />
+
+                </LinearLayout>
 
             </androidx.constraintlayout.widget.ConstraintLayout>
 
+        </ScrollView>
+    </androidx.constraintlayout.widget.ConstraintLayout>
 
-        </androidx.constraintlayout.widget.ConstraintLayout>
-
-    </ScrollView>
 </layout>