diff --git a/frontend/public/loginBtns/google_login.svg b/frontend/public/loginBtns/google_login.svg
new file mode 100644
index 000000000..21ec49090
--- /dev/null
+++ b/frontend/public/loginBtns/google_login.svg
@@ -0,0 +1,7 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
+    <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
+    <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
+    <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
+    <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
+    <path fill="none" d="M0 0h48v48H0z"></path>
+</svg>
diff --git a/frontend/src/app/_components/ui/button/GoogleLoginButton.tsx b/frontend/src/app/_components/ui/button/GoogleLoginButton.tsx
new file mode 100644
index 000000000..63d335326
--- /dev/null
+++ b/frontend/src/app/_components/ui/button/GoogleLoginButton.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import Image from 'next/image';
+import { signIn } from 'next-auth/react';
+
+import googleLogo from '@/../public/loginBtns/google_login.svg';
+
+export default function GoogleLoginButton() {
+  return (
+    <button
+      className="w-[300px] border-none hover:cursor-pointer flex rounded-full px-[24px] py-[8px] items-center"
+      onClick={() => signIn('google', { callbackUrl: '/' })}
+    >
+      <Image src={googleLogo} alt="Google Logo" width={24} height={24} />
+      <span className="ml-[32px] text-lg">Google 계정으로 로그인</span>
+    </button>
+  );
+}
diff --git a/frontend/src/app/_components/ui/button/Kakao.tsx b/frontend/src/app/_components/ui/button/Kakao.tsx
index 0dfa48604..65e45e225 100644
--- a/frontend/src/app/_components/ui/button/Kakao.tsx
+++ b/frontend/src/app/_components/ui/button/Kakao.tsx
@@ -1,7 +1,9 @@
-import { signIn } from 'next-auth/react'
-import Image from 'next/image'
-import React from 'react'
-import kakaoLogo from '../../../../../public/loginBtns/kakao_logo.png'
+'use client';
+
+import { signIn } from 'next-auth/react';
+import Image from 'next/image';
+import React from 'react';
+import kakaoLogo from '../../../../../public/loginBtns/kakao_logo.png';
 
 export default function KakaoBtn() {
   return (
@@ -9,7 +11,7 @@ export default function KakaoBtn() {
       className="bg-[#fee500] w-[300px] h-[45px] flex justify-start text-center items-center rounded-md p-[15px] cursor-pointer border-none"
       onClick={() =>
         signIn('kakao', {
-          callbackUrl: '/home',
+          callbackUrl: '/',
         })
       }
     >
@@ -18,5 +20,5 @@ export default function KakaoBtn() {
       </span>
       <span className="ml-[40px] text-lg text-center">Kakao 로그인하기</span>
     </button>
-  )
+  );
 }
diff --git a/frontend/src/app/login/page.tsx b/frontend/src/app/login/page.tsx
index 7cd093204..41da4ca4b 100644
--- a/frontend/src/app/login/page.tsx
+++ b/frontend/src/app/login/page.tsx
@@ -1,5 +1,8 @@
 import React from 'react';
+
 import KakaoBtn from '@/app/_components/ui/button/Kakao';
+import GoogleLoginButton from '@/app/_components/ui/button/GoogleLoginButton';
+
 import LoginLogo from './_components/ui/LoginLogo';
 
 export default function LoginPage() {
@@ -11,6 +14,7 @@ export default function LoginPage() {
       </div>
       <div className="mt-8 flex flex-col items-center justify-center gap-4">
         <KakaoBtn />
+        <GoogleLoginButton />
       </div>
     </div>
   );