diff --git a/css/common.css b/css/common.css
index cb4c547..157881c 100644
--- a/css/common.css
+++ b/css/common.css
@@ -213,24 +213,48 @@ body {
 }
 
 .control-button.selected {
-  background-color: #a19f9f; /* 선택된 버튼의 배경색 변경 */
-  color: rgb(45, 41, 41);
+  background-color: #e55b5b; /* 선택된 버튼의 배경색 변경 */
+  color: rgb(236 236 236);
   font-size: 1.05em; /* 폰트 크기 증가 */
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 그림자 효과 추가 */
   transition: transform 0.3s, box-shadow 0.3s; /* 부드러운 변화 효과 */
+  border-radius: 10px;
 }
 
 .control-button-dino.selected {
-  background-color: #a19f9f; /* 선택된 버튼의 배경색 변경 */
-  color: rgb(45, 41, 41);
+  background-color: #e55b5b; /* 선택된 버튼의 배경색 변경 */
+  color: rgb(236 236 236);
   font-size: 1.05em; /* 폰트 크기 증가 */
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 그림자 효과 추가 */
   transition: transform 0.3s, box-shadow 0.3s; /* 부드러운 변화 효과 */
+  border-radius: 10px;
 }
 
 .control-button-dino {
   position: relative;
-  height: 25%;
+    height: 25%;
+    width: 100%;
+    border-radius: 10px;
+    font-size: 12px;
+    background-color: #6a6a6aa3;
+    color: #868686;
+}
+
+h2#highScore-label, #tetris-label {
+  font-size: 13px;
+  line-height: 16px;
+}
+
+#tetris-coin-label, #tetris-coin {
+  font-size: 12px;
+}
+
+#score, #lines, #level {
+  font-size: 10px;
+}
+
+canvas#next {
+  margin-top: 10px;
 }
 
 .hide {
@@ -319,6 +343,11 @@ body {
   }
 }
 
+li#li-marker-tetris {
+  font-size: 10px;
+  margin-left: 12%;
+}
+
 #count-down {
   display: none;
   position: relative;
diff --git a/css/dinosaur.css b/css/dinosaur.css
index be18d9b..6030f6f 100644
--- a/css/dinosaur.css
+++ b/css/dinosaur.css
@@ -33,6 +33,7 @@
   font-size: 0.8rem;
   text-align: center;
   text-transform: uppercase;
+  line-height: 20px;
 }
 
 .gameover-message {
@@ -128,10 +129,10 @@
   position: relative;
   bottom: 50%;
   left: 50%;
-  width: 80%;
+  width: 50%;
   height: 70%;
   transform: translate(-50%, -50%);
-  background-color: rgb(149, 146, 146);
+  background-color: rgb(63 63 63);;
   padding: 10px;
   z-index: 1000;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -158,6 +159,11 @@
   margin-bottom: 10px;
   text-align: left;
 }
+
+li#li_marker {
+  margin-left: 20%;
+}
+
 .name-entry-modal {
   position: relative;
   bottom: 50%;
@@ -188,27 +194,69 @@ input[type="text"] {
 }
 
 .modal-button-name {
-  padding: 10px 20px;
+  padding: 10px 12px;
   cursor: pointer;
-  background-color: #cddcce;
+  background-color: rgb(57 42 255 / 35%);
   border: none;
-  color: rgb(0, 0, 0);
+  color: rgb(255 183 0);
   text-transform: uppercase;
+  font-size: 10px;
+  border-radius: 10px;
+}
+
+input#playerNameInput {
+  font-size: 12px;
+  width: 80%;
+  border-radius: 10px;
+text-align: center;
+}
+
+input#playerNameInput::placeholder {
+  text-align: center;
+}
+
+h2#nameLabel {
+  font-size: 13.5px;
+  color: rgb(255 183 0 / 95%);
+  line-height: 20px;
+}
+
+.name-entry-modal {
+  position: relative;
+  bottom: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 50%;
+  height: 60%;
+  background: #7a787838;
+  padding: 15px;
+  box-shadow: 0 4px 8px rgb(0 0 0 / 18%);
+  z-index: 1050;
+  border-radius: 20px;
 }
+
 .hide {
   display: none;
 }
 .modal-button {
-  font-size: 1em;
-  margin-left: 10px;
-  width: 60%;
-  height: 110%;
+  font-size: 0.5em;
+    margin-left: 10px;
+    width: 40%;
+    height: 110%;
+    border-radius: 10px;
+    padding: 2px;
+    background-color: #00000026;
+    color: #7a7878;
+}
+
+h2#topScore-label {
+  color: #e55b5b;
 }
 
 .modal-button.selected {
-  background-color: #a19f9f; /* 선택된 버튼의 배경색 변경 */
-  color: black;
-  font-size: 1.2em; /* 폰트 크기 증가 */
+  background-color: rgb(57 42 255 / 35%); /* 선택된 버튼의 배경색 변경 */
+  color: #e55b5b;
+  font-size: 0.55em; /* 폰트 크기 증가 */
 }
 .flash-effect {
   animation: flash 1s infinite;
diff --git a/css/tetris.css b/css/tetris.css
index e37d1b0..f363939 100644
--- a/css/tetris.css
+++ b/css/tetris.css
@@ -73,27 +73,40 @@
   align-items: center; /* 중앙 정렬 */
 }
 
+h2#nameLabel {
+  font-size: 13.5px;
+  color: rgb(255 183 0 / 95%);
+  line-height: 20px;
+}
+
 #nickname-form {
-  background: #7a7878;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  padding: 20px;
-  border-radius: 5%;
-  width: 80%;
-  height: 70%;
-  bottom: 50%;
-  left: 50%;
-  text-align: center; /* 텍스트 중앙 정렬 */
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around; /* 내부 요소를 중앙 정렬 */
-  z-index: 1050;
-  align-items: center; /* 중앙 정렬 */
+    background: #323030;
+    box-shadow: 0 4px 8px rgb(0 0 0 / 18%);
+    padding: 20px;
+    border-radius: 5%;
+    width: 50%;
+    height: 60%;
+    bottom: 50%;
+    left: 50%;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    z-index: 1050;
+    align-items: center;
 }
 #nickname-form label {
   display: block;
   margin-bottom: 10px;
 }
 
+input#nickname {
+  font-size: 12px;
+  width: 80%;
+  border-radius: 10px;
+  text-align: center;
+}
+
 #nickname-form input {
   background-color: rgb(255, 255, 255);
   border: 0px;
@@ -103,22 +116,24 @@
 }
 
 #nickname-form button {
-  padding: 10px 20px;
+  padding: 10px 12px;
   cursor: pointer;
-  background-color: #cddcce;
+  background-color: rgb(57 42 255 / 35%);
   border: none;
-  color: rgb(0, 0, 0);
+  color: rgb(255 183 0);
   text-transform: uppercase;
+  font-size: 10px;
+  border-radius: 10px;
 }
 
 .leaderboard-container {
   position: relative;
   bottom: 50%;
   left: 50%;
-  width: 80%;
+  width: 50%;
   height: 70%;
   transform: translate(-50%, -50%);
-  background-color: rgb(149, 146, 146);
+  background-color: rgb(47 47 47);
   padding: 10px;
   z-index: 1000;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -133,7 +148,7 @@
   list-style-type: none;
   display: flex;
   flex-direction: column;
-  padding: 20px;
+  padding: 15px;
 }
 #highScores > li {
   position: relative;
@@ -155,10 +170,14 @@
 }
 
 .button-row button {
-  font-size: 1em;
-  margin: 0px 5px;
-  width: 60%;
+  font-size: 0.5em;
+  margin-left: 10px;
+  width: 40%;
   height: 110%;
+  border-radius: 10px;
+  padding: 3px;
+  background-color: #00000026;
+  color: #7a7878;
 }
 
 .modal-button.selected {
@@ -185,6 +204,16 @@
   transform-origin: top left;
 }
 
+#li_marker {
+  font-size: 10px;
+}
+
+h2#topScore-label {
+  color: #e55b5b;
+  margin-top: 10px;
+}
+
+
 .confetti::before {
   content: "🎉";
   position: absolute;
@@ -199,14 +228,17 @@
 }
 
 .gameButton.select {
-  background-color: #a19f9f; /* 선택된 버튼의 배경색 변경 */
-  color: black;
-  font-size: 1.2em; /* 폰트 크기 증가 */
+  background-color: rgb(91 78 253 / 92%);;
+  color: #e55b5b;
+  font-size: 0.55em;
 }
 
 .control-button {
-  height: 4vmin;
+  height: 25%;
   position: relative;
   top: 50px;
   margin-bottom: 10px;
+  border-radius: 10px;
+  background-color: #6a6a6aa3;
+  color: #868686;
 }
diff --git a/images/main/arcade_background_img_3.jpeg b/images/main/arcade_background_img_3.jpeg
new file mode 100644
index 0000000..caa5ded
Binary files /dev/null and b/images/main/arcade_background_img_3.jpeg differ
diff --git a/js/app.js b/js/app.js
index 8a433fd..00799c5 100644
--- a/js/app.js
+++ b/js/app.js
@@ -29,12 +29,14 @@ document.addEventListener("DOMContentLoaded", function () {
       console.log("1.app.js의 게임 선택 이벤트 리스너", event.code);
 
       if (event.key === "Insert") {
-        playSound("insertCoin");
 
-        coinImg.style.display = "block";
-        coinImg.classList.add("animate__animated", "animate__flip");
+        if(coin === 5) {}
+        else {
+          playSound("insertCoin");
+          coinImg.style.display = "block";
+          coinImg.classList.add("animate__animated", "animate__flip");
 
-        coinImg.addEventListener("animationend", () => {
+          coinImg.addEventListener("animationend", () => {
           coinImg.classList.remove("animate__animated", "animate__flip");
 
           coinImg.style.display = "none";
@@ -50,6 +52,9 @@ document.addEventListener("DOMContentLoaded", function () {
 
         coin += 5;
         console.log(coin);
+        }
+
+        
       }
       if (coin > 0) {
         gameControl(event.key);
diff --git a/js/dinosaur/dinosaur.js b/js/dinosaur/dinosaur.js
index 94bb630..d51820e 100644
--- a/js/dinosaur/dinosaur.js
+++ b/js/dinosaur/dinosaur.js
@@ -43,9 +43,10 @@ function updateGameContent() {
     src="audios/else/insert-coin.mp3"
   ></audio>
   <div id="game" class="game hide">
-    <span>Coin: </span>
-    <span id="coin" class="coin">${coin}</span>
-    <div id="score" class="score">0</div>
+    <br>
+    <spa style="font-size: 12px">Coin: </spa>
+    <span style="font-size: 12px" id="coin" class="coin">${coin}</span>
+    <div style="font-size: 12px" id="score" class="score">0</div>
     <div id="start-message" class="start-message">Press any key to start</div>
     <img src="images/dinosaur/ground.png" class="ground" />
     <img src="images/dinosaur/ground.png" class="ground" />
@@ -75,7 +76,7 @@ function updateGameContent() {
     </button>
   </div>
   <div id="ranking-modal" class="ranking-modal hide">
-    <h2>Top Scores</h2>
+    <h2 id="topScore-label">Top Scores</h2>
     <ol id="dinoHighScores">
       <!-- 여기에 점수를 동적으로 추가-->
     </ol>
@@ -98,7 +99,7 @@ function updateGameContent() {
   </div>
   <div id="nameInputModal" class="name-entry-modal hide">
     <div class="modal-content">
-      <h2>Enter Your Name</h2>
+      <h2 id="nameLabel">Enter Your Name</h2>
       <input type="text" id="playerNameInput" placeholder="Your name" />
       <button id="submitScoreButton" class="modal-button-name">
         Press Enter!!
diff --git a/js/dinosaur/main.js b/js/dinosaur/main.js
index ce99d17..dcaaffb 100644
--- a/js/dinosaur/main.js
+++ b/js/dinosaur/main.js
@@ -38,6 +38,7 @@
   let selectedButtonIndex = 0;
   let isGameOver = false;
   let score = 0;
+  let isClickSelectGameBtn = false;
 
   // 명명된 함수 정의
 
@@ -48,6 +49,7 @@
     gameControls.classList.remove("hide");
     selectButton(0); // 초기 선택된 버튼 설정
     pauseBackgroundMusic();
+    console.log(isClickSelectGameBtn);
   }
 
   function resumeGame() {
@@ -77,31 +79,37 @@
   }
 
   function returnToSelection() {
+    isClickSelectGameBtn = true;
+    console.log(isClickSelectGameBtn);
     document.getElementById("game-controls").classList.add("hide"); // 게임 컨트롤 숨기기
-    gameoverMessage.classList.add("hide"); // 게임 오버 메시지 숨기기
-    //공룡게임에서 사용했던 모든 이벤트리스너 제거
-    document.removeEventListener("keydown", handleKeyDown);
-    document.removeEventListener("keydown", onJump);
-    document.removeEventListener("keydown", modalButtonSelection);
-    document.removeEventListener("keydown", handleInsertKeyPress);
+    if(coin > 0) {
+      gameoverMessage.classList.add("hide"); // 게임 오버 메시지 숨기기
+      //공룡게임에서 사용했던 모든 이벤트리스너 제거
+      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("keydown", onJump);
+      document.removeEventListener("keydown", modalButtonSelection);
+      document.removeEventListener("keydown", handleInsertKeyPress);
 
-    // 게임 뷰의 요소를 삭제
-    const game = document.getElementById("game");
-    if (game) {
-      game.remove();
-    }
+      // 게임 뷰의 요소를 삭제
+      const game = document.getElementById("game");
+      if (game) {
+        game.remove();
+      }
 
-    // 게임 선택 화면 보이기
-    const gameSelection = document.getElementById("content");
-    resetAnimation(gameSelection); // 부드러운 전환 효과 적용
-    playSound("mainBgm");
-    gameSelection.innerHTML = `
-    <div id="game-selection">
-      <p id="selected-game">← Dino →</p>
-      <p>Press Enter to start selected game</p>
-  </div>
+      // 게임 선택 화면 보이기
+      const gameSelection = document.getElementById("content");
+      resetAnimation(gameSelection); // 부드러운 전환 효과 적용
+      playSound("mainBgm");
+      gameSelection.innerHTML = `
+      <div id="game-selection">
+        <p id="selected-game">← Dino →</p>
+        <p>Press Enter to start selected game</p>
+      </div>
                 `;
-    GlobalState.isGameActive = false; //전역으로 게임이 종료되었음을 알림 -> 게임선택 이벤트 리스너가 다시 동작함
+      GlobalState.isGameActive = false; //전역으로 게임이 종료되었음을 알림 -> 게임선택 이벤트 리스너가 다시 동작함
+    } else {
+      returnToInsert();
+    }
   }
 
   let countdownInterval; // 전역 변수로 선언하여 clearInterval을 통해 중단 가능하도록 함
@@ -116,7 +124,7 @@
     }
     document.addEventListener("keydown", handleInsertKeyPress);
     console.log("coin:" + coin);
-    if (coin == 0) {
+    if (coin === 0 && !isClickSelectGameBtn) {
       let count = 10;
       countdown = document.createElement("div"); // 전역 변수 countdown에 할당
       countdown.id = "count-down";
@@ -163,7 +171,23 @@
       document.getElementById("ranking-modal").classList.add("hide");
     } else {
       document.removeEventListener("keydown", handleInsertKeyPress);
-      countdown.style.display = "none";
+      //countdown.style.display = "none";
+      // 화면 조정
+      mainPage.style.transform = "scale(1)"; // 줌 아웃
+      mainPage.style.transition = ".5s";
+
+      gameStartDisplay.style.display = "block";
+
+      // 게임 선택 화면 보이기
+      const gameSelection = document.getElementById("content");
+      mainBgm.play();
+      gameSelection.innerHTML = `
+      <div id="game-selection">
+        <p id="selected-game">← Dino →</p>
+        <p>Press Enter to start selected game</p>
+      </div>
+    `;
+      GlobalState.isGameActive = false;
     }
   }
 
@@ -626,6 +650,7 @@
 
     scores.slice(0, 3).forEach((score, index) => {
       const scoreElement = document.createElement("li");
+      scoreElement.id = "li_marker";
       scoreElement.textContent = `${Math.round(score.score)} - ${score.name}`;
       rankingList.appendChild(scoreElement);
       if (index === 0 && isNewTopScore) {
diff --git a/js/tetris.js b/js/tetris.js
index 92fb9ae..237e777 100644
--- a/js/tetris.js
+++ b/js/tetris.js
@@ -32,10 +32,10 @@ function updateGameContent() {
   <link rel="stylesheet" href="./css/tetris.css" />
   <div class="grid">
     <div class="left-column">
-      <h2 style="margin-bottom: 10px">HIGH SCORES</h2>
+      <h2 style="margin-bottom: 10px" id="highScore-label">HIGH SCORES</h2>
       <ol id="highScores"></ol>
       <br /><br />
-      <span>Coin: </span>
+      <span id="tetris-coin-label">Coin: </span>
       <span id="tetris-coin" class="tetris-coin">${coin}</span>
     </div>
     <div class="game-board-container">
@@ -43,10 +43,10 @@ function updateGameContent() {
     </div>
     <div class="right-column">
       <div>
-        <h1>TETRIS</h1>
-        <p>Score: <span id="score">0</span></p>
-        <p>Lines: <span id="lines">0</span></p>
-        <p>Level: <span id="level">0</span></p>
+        <h1 style="margin-bottom: 10px">TETRIS</h1>
+        <p id="tetris-label">Score: <span id="score">0</span></p>
+        <p id="tetris-label">Lines: <span id="lines" style="font-size: 10px">0</span></p>
+        <p id="tetris-label">Level: <span id="level">0</span></p>
         <canvas id="next" class="next"></canvas>
       </div>
       <div id="sound-div">
@@ -83,7 +83,7 @@ function updateGameContent() {
     </div>
     <div id="nickname-screen" class="screen">
       <form id="nickname-form">
-      <h2>Enter Your Name</h2>
+      <h2 id="nameLabel">Enter Your Name</h2>
         <input
           type="text"
           id="nickname"
@@ -94,7 +94,7 @@ function updateGameContent() {
       </form>
     </div>
     <div class="leaderboard-container">
-    <h2>Top Scores</h2>
+    <h2 id="topScore-label">Top Scores</h2>
       <ol id="leaderboard-list"></ol>
       <div class="button-row">
         <button id="game-again-button" class="gameButton" onclick="restartGame()">Game Again</button>
diff --git a/js/tetris/main.js b/js/tetris/main.js
index 967da31..1b305df 100644
--- a/js/tetris/main.js
+++ b/js/tetris/main.js
@@ -6,6 +6,7 @@
   const ctxNext = canvasNext.getContext("2d");
   const coinTetris = document.querySelector("#tetris-coin");
   let buttonIndex = 0;
+  let isClickSelectGameBtn = false;
 
   document.addEventListener("keydown", play, { once: true });
   window.returnToSelection = returnToSelection;
@@ -204,6 +205,7 @@
 
   function pause() {
     removeEventListener();
+    console.log(isClickSelectGameBtn);
 
     if (!requestId) {
       document.querySelector("#play-btn").style.display = "none";
@@ -233,7 +235,7 @@
     const highScoreList = document.getElementById("highScores");
 
     highScoreList.innerHTML = highScores
-      .map((score) => `<li>${score.score} - ${score.name}`)
+      .map((score) => `<li id="li-marker-tetris">${score.score} - ${score.name}`)
       .join("");
   }
 
@@ -295,6 +297,7 @@
 
     for (let i = 0; i < Math.min(highScores.length, 3); i++) {
       const listItem = document.createElement("li");
+      listItem.id = "li_marker";
       listItem.textContent = `${i + 1}. ${highScores[i].name} - ${
         highScores[i].score
       }`;
@@ -306,7 +309,7 @@
       }
     }
 
-    leaderboardContainer.style.display = "block"; // leaderboard 보이기
+    leaderboardContainer.style.display = "flex"; // leaderboard 보이기
 
     gameAgainButton.addEventListener("click", () => {
       removeKeyListener();
@@ -450,7 +453,10 @@
       returnToInsert();
     }
   }
+
   function returnToSelection() {
+    isClickSelectGameBtn = true;
+    console.log(isClickSelectGameBtn);
     const gameControls = document.getElementById("game-controls");
     gameControls.classList.add("hide");
     const game = document.getElementById("game");
@@ -458,24 +464,33 @@
       game.remove(); // 게임 뷰 요소 삭제
     }
 
-    document.removeEventListener("keydown", handleMenuKeyPress);
-    document.removeEventListener("keydown", handleKeyPress);
-    // 게임 선택 화면 보이기
-    const gameSelection = document.getElementById("content");
-    resetAnimation(gameSelection); // 부드러운 전환 효과 적용
-    mainBgm.play();
-    gameSelection.innerHTML = `
-    <div id="game-selection">
-      <p id="selected-game">← Tetris →</p>
-      <p>Press Enter to start selected game</p>
-  </div>
+    if(coin > 0) {
+      document.removeEventListener("keydown", handleMenuKeyPress);
+      document.removeEventListener("keydown", handleKeyPress);
+      // 게임 선택 화면 보이기
+      const gameSelection = document.getElementById("content");
+      resetAnimation(gameSelection); // 부드러운 전환 효과 적용
+      mainBgm.play();
+      gameSelection.innerHTML = `
+      <div id="game-selection">
+        <p id="selected-game">← Tetris →</p>
+        <p>Press Enter to start selected game</p>
+      </div>
                 `;
-    GlobalState.isGameActive = false;
-  }
+      GlobalState.isGameActive = false;
+    } else {
+      returnToInsert();
+      console.log("테트리스 코인: " + coin);
+    }
+  } 
+
+  window.returnToSelection = returnToSelection;
 
   let countdownInterval; // 전역 변수로 선언하여 clearInterval을 통해 중단 가능하도록 함
   let countdown;
 
+
+
   function returnToInsert() {
     const gameControls = document.getElementById("game-controls");
     gameControls.classList.add("hide");
@@ -484,7 +499,8 @@
       game.remove(); // 게임 뷰 요소 삭제
     }
 
-    if (coin == 0) {
+    if (coin === 0 && !isClickSelectGameBtn) {
+      console.log("코인: " + coin);
       let count = 10;
       countdown = document.createElement("div"); // 전역 변수 countdown에 할당
       countdown.id = "count-down";
@@ -527,8 +543,25 @@
       const content = document.getElementById("content");
       content.appendChild(countdown);
     } else {
-      countdown.style.display = "none";
+      //countdown.style.display = "none";
       clearDarkenGameContent();
+
+      // 화면 조정
+      mainPage.style.transform = "scale(1)"; // 줌 아웃
+      mainPage.style.transition = ".5s";
+
+      gameStartDisplay.style.display = "block";
+
+      // 게임 선택 화면 보이기
+      const gameSelection = document.getElementById("content");
+      mainBgm.play();
+      gameSelection.innerHTML = `
+    <div id="game-selection">
+      <p id="selected-game">← Tetris →</p>
+      <p>Press Enter to start selected game</p>
+    </div>
+  `;
+      GlobalState.isGameActive = false;
     }
   }