diff --git a/src/components/pages/loginPage/loginPage.module.css b/src/app/(user)/(auth)/login/loginPage.module.css
similarity index 83%
rename from src/components/pages/loginPage/loginPage.module.css
rename to src/app/(user)/(auth)/login/loginPage.module.css
index 1f5c9dcd..569b1e3e 100644
--- a/src/components/pages/loginPage/loginPage.module.css
+++ b/src/app/(user)/(auth)/login/loginPage.module.css
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   min-height: 100vh;
 }
 
@@ -10,7 +10,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-top: 100px;
+  margin-top: 200px;
+  margin-bottom: 200px;
 }
 
 /* Desktop Default */
@@ -19,21 +20,21 @@
 /* Tablet Landscape */
 @media screen and (max-width: 1280px) {
   .loginContainer {
-    margin-top: 80px;
+    margin-top: 100px;
   }
 }
 
 /* Tablet Portrait */
 @media screen and (max-width: 1024px) {
   .loginContainer {
-    margin-top: 60px;
+    margin-top: 140px;
   }
 }
 
 /* Mobile Landscape and Small Tablets */
 @media screen and (max-width: 768px) {
   .loginContainer {
-    margin-top: 40px;
+    margin-top: 120px;
   }
 
   .pageContainer {
@@ -44,7 +45,7 @@
 /* Mobile Portrait */
 @media screen and (max-width: 480px) {
   .loginContainer {
-    margin-top: 20px;
+    margin-top: 80px;
   }
 
   .pageContainer {
diff --git a/src/app/(user)/(auth)/login/page.tsx b/src/app/(user)/(auth)/login/page.tsx
index d65bc0d0..cf18b904 100644
--- a/src/app/(user)/(auth)/login/page.tsx
+++ b/src/app/(user)/(auth)/login/page.tsx
@@ -1,7 +1,13 @@
-// src/app/(user)/(auth)/login/page.tsx
 import React from "react";
-import LoginPage from "@/components/pages/loginPage/loginPage";
+import { LoginBox } from "@/components/common/LoginBox/LoginBox";
+import styles from "./loginPage.module.css";
 
-export default function Page() {
-  return <LoginPage />;
+export default function LoginPage() {
+  return (
+    <div className={styles.pageContainer}>
+      <div className={styles.loginContainer}>
+        <LoginBox />
+      </div>
+    </div>
+  );
 }
diff --git a/src/components/common/LoginBox/LoginBox.tsx b/src/components/common/LoginBox/LoginBox.tsx
index c8c5c4f7..d7261df7 100644
--- a/src/components/common/LoginBox/LoginBox.tsx
+++ b/src/components/common/LoginBox/LoginBox.tsx
@@ -6,9 +6,9 @@ import classes from "./LoginBox.module.css";
 
 export function LoginBox() {
   const handleKakaoLogin = () => {
-    const kakaoClientId = "REST API KEY";
-    const redirectUri = "http://localhost:3000/auth";
-    const kakaoUrl = `https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${kakaoClientId}&redirect_uri=${redirectUri}/login/kakao`;
+    const kakaoClientId = "71c7a5552be46df39f8781d45361e718";
+    const redirectUri = "http://localhost:8000/auth/login/kakao";
+    const kakaoUrl = `https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${kakaoClientId}&redirect_uri=${redirectUri}`;
     window.location.href = kakaoUrl;
   };
 
diff --git a/src/components/pages/loginPage/loginPage.story.tsx b/src/components/pages/loginPage/loginPage.story.tsx
deleted file mode 100644
index 017946cd..00000000
--- a/src/components/pages/loginPage/loginPage.story.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from "react";
-import LoginPage from "./loginPage";
-
-export default {
-  title: "Pages/LoginPage",
-  component: LoginPage,
-};
-
-export const Default = () => <LoginPage />;
diff --git a/src/components/pages/loginPage/loginPage.tsx b/src/components/pages/loginPage/loginPage.tsx
deleted file mode 100644
index cf18b904..00000000
--- a/src/components/pages/loginPage/loginPage.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { LoginBox } from "@/components/common/LoginBox/LoginBox";
-import styles from "./loginPage.module.css";
-
-export default function LoginPage() {
-  return (
-    <div className={styles.pageContainer}>
-      <div className={styles.loginContainer}>
-        <LoginBox />
-      </div>
-    </div>
-  );
-}