diff --git a/kimmubin/kimmubin.css b/kimmubin/kimmubin.css
new file mode 100644
index 0000000..7752b37
--- /dev/null
+++ b/kimmubin/kimmubin.css
@@ -0,0 +1,29 @@
+body {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+}
+div {
+    margin: 10px;
+}
+form {
+    border: 1px solid black;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 300px;
+    height: 200px;
+}
+h1 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 60px;
+    background-image: linear-gradient(
+        to right,
+        rgb(209, 209, 209),
+        rgb(213, 213, 213),
+        rgb(194, 194, 194)
+    );
+}
diff --git a/kimmubin/kimmubin.html b/kimmubin/kimmubin.html
new file mode 100644
index 0000000..ceeafe2
--- /dev/null
+++ b/kimmubin/kimmubin.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Login</title>
+        <link rel="stylesheet" href="./kimmubin.css" />
+    </head>
+    <body>
+        <form>
+            <div className="Container">
+                <h1>회원가입</h1>
+                <div className="form">
+                    <div>
+                        email: <input type="email" id="signupEmail" required />
+                    </div>
+                    <div>
+                        password:
+                        <input type="password" id="signUpPassword" required />
+                    </div>
+                    <button id="signupButton" type="submit">회원가입</button>
+                    <button type="button">로그인</button>
+                </div>
+            </div>
+        </form>
+        <form>
+            <div className="Container">
+                <h1>로그인</h1>
+                <div className="form">
+                    <div>
+                        email: <input type="email" id="signInEmail" required />
+                    </div>
+                    <div>
+                        password:
+                        <input type="password" id="signInPassword" required />
+                    </div>
+                    <button id="signInButton" type="submit">로그인</button>
+                    <button type="button">회원가입</button>
+                </div>
+            </div>
+        </form>
+
+        <script type="module">
+            import { initializeApp } from 'https://www.gstatic.com/firebasejs/11.0.1/firebase-app.js';
+            import { getAnalytics } from 'https://www.gstatic.com/firebasejs/11.0.1/firebase-analytics.js';
+            import {
+                getAuth,
+                createUserWithEmailAndPassword,
+                signInWithEmailAndPassword,
+            } from 'https://www.gstatic.com/firebasejs/11.0.1/firebase-auth.js';
+
+            const firebaseConfig = {
+                apiKey: 'AIzaSyCcDXxRDIkqYj8kwy5_5vg9IaTlJO_Y0tM',
+                authDomain: 'likelion-1bf4b.firebaseapp.com',
+                projectId: 'likelion-1bf4b',
+                storageBucket: 'likelion-1bf4b.firebasestorage.app',
+                messagingSenderId: '987904583081',
+                appId: '1:987904583081:web:0e43e42be90ffbcfe310b8',
+                measurementId: 'G-8TRKWX24QJ',
+            };
+
+            const app = initializeApp(firebaseConfig);
+            const analytics = getAnalytics(app);
+            const auth = getAuth(app);
+
+            // 회원가입 버튼 클릭
+            document
+                .getElementById('signupButton')
+                .addEventListener('click', (event) => {
+                    event.preventDefault();
+
+                    const email = document
+                        .getElementById('signupEmail')
+                        .value.trim();
+                    const password =
+                        document.getElementById('signUpPassword').value;
+
+                    if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+                        alert('유효한 이메일 주소를 입력하세요.');
+                        return;
+                    }
+
+                    createUserWithEmailAndPassword(auth, email, password)
+                        .then((userCredential) => {
+                            const user = userCredential.user;
+                            console.log('회원가입 성공:', user);
+                        })
+                        .catch((error) => {
+                            const errorCode = error.code;
+                            const errorMessage = error.message;
+                            console.error(
+                                '회원가입 오류:',
+                                errorCode,
+                                errorMessage
+                            );
+                            alert(
+                                '회원가입 중 오류가 발생했습니다: ' +
+                                    errorMessage
+                            );
+                        });
+                });
+            document
+                .getElementById('signInButton')
+                .addEventListener('click', (event) => {
+                    event.preventDefault();
+
+                    const email = document
+                        .getElementById('signInEmail')
+                        .value.trim();
+                    const password =
+                        document.getElementById('signInPassword').value;
+
+                    if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+                        alert('유효한 이메일 주소를 입력하세요.');
+                        return;
+                    }
+
+                    signInWithEmailAndPassword(auth, email, password)
+                        .then((userCredential) => {
+                            const user = userCredential.user;
+                            console.log('로그인 성공:', user);
+                        })
+                        .catch((error) => {
+                            const errorCode = error.code;
+                            const errorMessage = error.message;
+                            console.error(
+                                '로그인 오류:',
+                                errorCode,
+                                errorMessage
+                            );
+                            alert(
+                                '로그인 중 오류가 발생했습니다: ' + errorMessage
+                            );
+                        });
+                });
+        </script>
+    </body>
+</html>
