diff --git a/frontend/app/(non-login)/login/_components/LeftSection.tsx b/frontend/app/(non-login)/login/_components/LeftSection.tsx
index 00c99fba..c46778fd 100644
--- a/frontend/app/(non-login)/login/_components/LeftSection.tsx
+++ b/frontend/app/(non-login)/login/_components/LeftSection.tsx
@@ -8,7 +8,13 @@ export default function LeftSection() {
   return (
     <div className={styles.leftSection}>
       <div className={styles.textWrapper}>
-        <h1>CLASSLOG,</h1>
+        <Image
+          src={IMAGES.logo4}
+          alt="ClassLog Logo"
+          width={500}
+          height={120}
+          className={styles.logo}
+        />
         <h2>당신의 강의를 더 스마트하게</h2>
 
         <p>수업 녹음, 실시간 소통, AI 기반 퀴즈 생성을 통해</p>
diff --git a/frontend/app/(non-login)/login/page.module.scss b/frontend/app/(non-login)/login/page.module.scss
index a5a1b888..ab5dbf3e 100644
--- a/frontend/app/(non-login)/login/page.module.scss
+++ b/frontend/app/(non-login)/login/page.module.scss
@@ -24,10 +24,19 @@
     margin: $spacing-3xl 0px;
   }
 
-  h1 {
-    font-size: clamp(60px, 7.5vw, 100px);
-    font-weight: bold;
-    font-family: $font-logo;
+  .logo {
+    width: clamp(400px, 7.5vw, 300px);
+    height: auto;
+    object-fit: contain;
+    transition: $transition-default;
+
+    @include respond-to(lg) {
+      width: clamp(300px, 7.5vw, 200px);
+    }
+
+    @include respond-to(md) {
+      width: clamp(200px, 7.5vw, 100px);
+    }
   }
 
   h2 {
diff --git a/frontend/app/(non-login)/signup/page.module.scss b/frontend/app/(non-login)/signup/page.module.scss
index d52c43e6..17b4060f 100644
--- a/frontend/app/(non-login)/signup/page.module.scss
+++ b/frontend/app/(non-login)/signup/page.module.scss
@@ -23,6 +23,9 @@
   display: flex;
   gap: $spacing-md;
   width: 100%;
+  @media (max-width: 300px) {
+    flex-direction: column;
+  }
 }
 
 .teacherButton,
@@ -57,7 +60,7 @@
   display: flex;
   flex-direction: row;
   gap: $spacing-md;
-  align-items: first baseline;
+  align-items: center;
   & > :first-child {
     flex: 3;
   }
diff --git a/frontend/components/Input/BasicInput/BasicInput.module.scss b/frontend/components/Input/BasicInput/BasicInput.module.scss
index d4368c17..463ed69a 100644
--- a/frontend/components/Input/BasicInput/BasicInput.module.scss
+++ b/frontend/components/Input/BasicInput/BasicInput.module.scss
@@ -1,5 +1,8 @@
 .wrapper {
   width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .label {
diff --git a/frontend/constants/images.ts b/frontend/constants/images.ts
index dba5e556..d34cf7db 100644
--- a/frontend/constants/images.ts
+++ b/frontend/constants/images.ts
@@ -2,6 +2,7 @@
 import logo1 from "@/public/images/logo1.png";
 import logo2 from "@/public/images/logo2.png";
 import logo3 from "@/public/images/logo3.png";
+import logo4 from "@/public/images/logo4.png";
 import introImage from "@/public/images/intro_image.png";
 import qrCode from "@/public/images/QRcode.png";
 import kakaoLogo from "@/public/images/kakao_logo.png";
@@ -25,6 +26,7 @@ export const IMAGES = {
   logo1,
   logo2,
   logo3,
+  logo4,
   introImage,
   qrCode,
   kakaoLogo,
diff --git a/frontend/public/images/logo4.png b/frontend/public/images/logo4.png
new file mode 100644
index 00000000..9a6e0953
Binary files /dev/null and b/frontend/public/images/logo4.png differ