diff --git a/next.config.ts b/next.config.ts
index b16851a..8667d5e 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,10 +1,11 @@
-import type { NextConfig } from 'next';
 import path from 'path';
+import { NextConfig } from 'next';
 
 const nextConfig: NextConfig = {
   reactStrictMode: true,
   sassOptions: {
     includePaths: [path.join(__dirname, 'src')],
+    additionalData: `@use '@/asset/variables' as *;`,
   },
 };
 
diff --git a/src/app/globals.scss b/src/app/globals.scss
index 15d047c..6387d06 100644
--- a/src/app/globals.scss
+++ b/src/app/globals.scss
@@ -1,6 +1,5 @@
-@use '@/_asset/variables.scss' as *;
 @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
-@import '@/_asset/reset.scss';
+@import '@/asset/reset.scss';
 
 body {
   font-family: Pretendard;
diff --git a/src/_asset/reset.scss b/src/asset/reset.scss
similarity index 86%
rename from src/_asset/reset.scss
rename to src/asset/reset.scss
index c796aed..d2ab6c3 100644
--- a/src/_asset/reset.scss
+++ b/src/asset/reset.scss
@@ -1,4 +1,3 @@
-@use '@/_asset/variables' as *;
 * {
   padding: 0;
   margin: 0;
diff --git a/src/_asset/variables.scss b/src/asset/variables.scss
similarity index 80%
rename from src/_asset/variables.scss
rename to src/asset/variables.scss
index 674bbdb..2da6dc3 100644
--- a/src/_asset/variables.scss
+++ b/src/asset/variables.scss
@@ -16,12 +16,13 @@ $green: #05d58b;
 $pink: #ff2f9f;
 $red: #ff0000;
 
-$radius: 8px;
-$radi-rank: 50px;
-$radi-category-small: 6px;
-$radi-category-filter: 100px;
-$radi-modal: 16px;
+$radius-common: 8px;
+$radius-rank: 50px;
+$radius-category-small: 6px;
+$radius-category-filter: 100px;
+$radius-modal: 16px;
 
+$border-none: none;
 $border-red: 1px solid $red;
 $border-black: 1px solid $mood-black;
 $border-blue: 1px solid $blue;