diff --git a/frontend/src/assets/fonts/Akira Expanded Demo.otf b/frontend/public/assets/fonts/Akira Expanded Demo.otf
similarity index 100%
rename from frontend/src/assets/fonts/Akira Expanded Demo.otf
rename to frontend/public/assets/fonts/Akira Expanded Demo.otf
diff --git a/frontend/src/assets/img/arrowicon.png b/frontend/public/assets/img/arrowicon.png
similarity index 100%
rename from frontend/src/assets/img/arrowicon.png
rename to frontend/public/assets/img/arrowicon.png
diff --git a/frontend/src/assets/img/arrowicon.svg b/frontend/public/assets/img/arrowicon.svg
similarity index 100%
rename from frontend/src/assets/img/arrowicon.svg
rename to frontend/public/assets/img/arrowicon.svg
diff --git a/frontend/src/assets/img/logo.svg b/frontend/public/assets/img/logo.svg
similarity index 100%
rename from frontend/src/assets/img/logo.svg
rename to frontend/public/assets/img/logo.svg
diff --git a/frontend/src/assets/img/moneyicon.png b/frontend/public/assets/img/moneyicon.png
similarity index 100%
rename from frontend/src/assets/img/moneyicon.png
rename to frontend/public/assets/img/moneyicon.png
diff --git a/frontend/src/assets/img/moneyicon.svg b/frontend/public/assets/img/moneyicon.svg
similarity index 100%
rename from frontend/src/assets/img/moneyicon.svg
rename to frontend/public/assets/img/moneyicon.svg
diff --git a/frontend/src/assets/img/tabler--boom.svg b/frontend/public/assets/img/tabler--boom.svg
similarity index 100%
rename from frontend/src/assets/img/tabler--boom.svg
rename to frontend/public/assets/img/tabler--boom.svg
diff --git a/frontend/src/Home.jsx b/frontend/src/Home.jsx
index d8b1c7c..f1fe4fa 100644
--- a/frontend/src/Home.jsx
+++ b/frontend/src/Home.jsx
@@ -1,7 +1,6 @@
 import React from "react";
 import { useNavigate } from "react-router-dom";
 import styles from "./Home.module.css";
-import logo from "./assets/img/logo.svg";
 
 const Home = () => {
   const navigate = useNavigate();
@@ -23,7 +22,7 @@ const Home = () => {
           <p>ATTENDANCE</p>
           <p>CHECK</p>
         </button>
-        <img src={logo} alt="로고" />
+        <img src="/assets/img/logo.svg" alt="로고" />
       </div>
     </div>
   );
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index c9ec60e..4ac3367 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -2,8 +2,6 @@ import React from "react";
 import { useNavigate, useLocation } from "react-router-dom";
 import { ArrowLeft, Wallet } from "lucide-react";
 import "./componentsCss/Header.css";
-import arrowIcon from "../assets/img/arrowicon.svg";
-import moneyIcon from "../assets/img/moneyicon.svg";
 const Header = () => {
   const navigate = useNavigate();
   const location = useLocation();
@@ -23,7 +21,12 @@ const Header = () => {
         onClick={() => navigate(-1)}
         aria-label="뒤로가기"
       >
-        <img src={arrowIcon} alt="Back" width={34} height={34} />
+        <img
+          src="/assets/img/arrowicon.svg"
+          alt="Back"
+          width={34}
+          height={34}
+        />
       </button>
       <h1 className="header-title">{title}</h1>
       {showRightButton ? (
@@ -32,10 +35,15 @@ const Header = () => {
           onClick={() => navigate("/deposit")}
           aria-label="보증금 페이지 이동"
         >
-          <img src={moneyIcon} alt="Deposit" width={30} height={30} />
+          <img
+            src="/assets/img/moneyicon.svg"
+            alt="Deposit"
+            width={30}
+            height={30}
+          />
         </button>
       ) : (
-        <div style={{ width: "30px" }} /> // 오른쪽 공백 유지
+        <div style={{ width: "30px" }} />
       )}
     </header>
   );
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index 0b2945d..1725ce4 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -1,8 +1,8 @@
 import { createRoot } from "react-dom/client";
 import App from "./App.jsx";
-import "./assets/root.css";
+import "./root.css";
 import { BrowserRouter } from "react-router-dom";
-import "./assets/reset.css";
+import "./reset.css";
 import { StrictMode } from "react";
 
 createRoot(document.getElementById("root")).render(
diff --git a/frontend/src/assets/reset.css b/frontend/src/reset.css
similarity index 100%
rename from frontend/src/assets/reset.css
rename to frontend/src/reset.css
diff --git a/frontend/src/assets/root.css b/frontend/src/root.css
similarity index 100%
rename from frontend/src/assets/root.css
rename to frontend/src/root.css