diff --git a/.eslintrc.js b/eslintrc.js
similarity index 100%
rename from .eslintrc.js
rename to eslintrc.js
diff --git a/package-lock.json b/package-lock.json
index 5ae282d3..b28ff4bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "auth-client",
-  "version": "24.08.0",
+  "version": "24.10.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "auth-client",
-      "version": "24.02.0",
+      "version": "24.10.0",
       "dependencies": {
         "@egjs/flicking-plugins": "^4.7.0",
         "@egjs/vue3-flicking": "^4.10.6",
diff --git a/src/assets/img/auth/background.png b/src/assets/img/auth/background.png
deleted file mode 100644
index 371b0963..00000000
Binary files a/src/assets/img/auth/background.png and /dev/null differ
diff --git a/src/assets/img/auth/background.svg b/src/assets/img/auth/background.svg
new file mode 100644
index 00000000..5a18bab6
--- /dev/null
+++ b/src/assets/img/auth/background.svg
@@ -0,0 +1,22 @@
+<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1589_7357)">
+<rect width="1920" height="1080" fill="url(#paint0_linear_1589_7357)" style=""/>
+<g filter="url(#filter0_f_1589_7357)">
+<path d="M1695 997.5C1695 1081.17 1383.84 1149 1000 1149C616.162 1149 305 1081.17 305 997.5C305 913.829 616.162 846 1000 846C1383.84 846 1695 913.829 1695 997.5Z" fill="#D93DF5" style="fill:#D93DF5;fill:color(display-p3 0.8525 0.2392 0.9608);fill-opacity:1;"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_1589_7357" x="-295" y="246" width="2590" height="1503" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="300" result="effect1_foregroundBlur_1589_7357"/>
+</filter>
+<linearGradient id="paint0_linear_1589_7357" x1="1710.71" y1="88.6566" x2="765.621" y2="1310.78" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D93DF5" style="stop-color:#D93DF5;stop-color:color(display-p3 0.8510 0.2392 0.9608);stop-opacity:1;"/>
+<stop offset="0.46875" stop-color="#1A2EB2" style="stop-color:#1A2EB2;stop-color:color(display-p3 0.1020 0.1804 0.6980);stop-opacity:1;"/>
+</linearGradient>
+<clipPath id="clip0_1589_7357">
+<rect width="1920" height="1080" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/auth/the-auth.vue b/src/components/auth/the-auth.vue
index d3466e82..74531bd9 100644
--- a/src/components/auth/the-auth.vue
+++ b/src/components/auth/the-auth.vue
@@ -208,7 +208,7 @@ $slide-width-md: 640px;
       min-width: 100%;
       height: 1080px;
       width: 1920px;
-      background: url('../../assets/img/auth/background.png') no-repeat;
+      background: url('../../assets/img/auth/background.svg') no-repeat;
       background-size: cover;
     }
   }