diff --git a/next.config.mjs b/next.config.mjs
index 15466bd2..80649ef9 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -10,6 +10,9 @@ const nextConfig = {
     // config.infrastructureLogging = { debug: /PackFileCache/ };
     return config
   },
+  sassOptions: {
+    includePaths: ['./src/styles'],
+  },
 }
 
 export default nextConfig
diff --git a/package.json b/package.json
index d4cdd9bb..28845ef0 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "postcss": "^8",
     "prettier": "^3.3.3",
     "prisma": "^5.17.0",
+    "sass": "^1.77.8",
     "tailwindcss": "^3.4.1"
   }
 }
diff --git a/src/app/changelog/page.jsx b/src/app/changelog/page.jsx
index 1dcc8d0e..52c207b8 100644
--- a/src/app/changelog/page.jsx
+++ b/src/app/changelog/page.jsx
@@ -47,6 +47,9 @@ export default function changelogPage() {
           <Button onClick={handleUsers}>Button</Button>
         </div>
       </div>
+      <div className="test">
+        <p className="text-white">Sass 테스트입니다.</p>
+      </div>
     </>
   )
 }
diff --git a/src/app/layout.js b/src/app/layout.js
index 55cb11f3..d9dd77d0 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,5 +1,6 @@
 import { Inter } from 'next/font/google'
 import './globals.css'
+import '../styles/style.scss'
 import Headers from '@/components/Headers'
 import RecoilRootWrapper from './RecoilWrapper'
 import UIProvider from './UIProvider'
diff --git a/src/styles/_test.scss b/src/styles/_test.scss
new file mode 100644
index 00000000..babec92c
--- /dev/null
+++ b/src/styles/_test.scss
@@ -0,0 +1,3 @@
+.test {
+  background-color: #121212;
+}
diff --git a/src/styles/style.scss b/src/styles/style.scss
new file mode 100644
index 00000000..e7f56590
--- /dev/null
+++ b/src/styles/style.scss
@@ -0,0 +1 @@
+@import '_test.scss';
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 5eec9ca2..7c678f91 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2258,7 +2258,7 @@ canvas@^2.8.0:
     nan "^2.17.0"
     simple-get "^3.0.3"
 
-chokidar@^3.5.3:
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
   version "3.6.0"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -2714,6 +2714,11 @@ iconv-lite@0.6.3:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
+immutable@^4.0.0:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.7.tgz#c70145fc90d89fb02021e65c84eb0226e4e5a381"
+  integrity sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==
+
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -3402,6 +3407,15 @@ safe-buffer@~5.2.0:
   resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+sass@^1.77.8:
+  version "1.77.8"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.77.8.tgz#9f18b449ea401759ef7ec1752a16373e296b52bd"
+  integrity sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
 saxes@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz"
@@ -3486,7 +3500,7 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
-source-map-js@^1.0.2, source-map-js@^1.2.0:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2, source-map-js@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==