diff --git a/public/.htaccess b/public/.htaccess
new file mode 100644
index 0000000..4dd8c31
--- /dev/null
+++ b/public/.htaccess
@@ -0,0 +1,8 @@
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+  RewriteBase /
+  RewriteRule ^index\.html$ - [L]
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteRule . /index.html [L]
+</IfModule>
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..a1edf70
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 69f7df8..8c048fe 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
+import logo from '../assets/logo.png';
 
 const Navbar = () => {
   const [isOpen, setIsOpen] = useState(false);
@@ -11,7 +12,10 @@ const Navbar = () => {
   return (
     <nav className="navbar">
       <div className="container navbar-container">
-        <Link to="/about" className="logo">Sokuree Consultant</Link>
+        <Link to="/about" className="logo">
+          <img src={logo} alt="Sokuree Logo" className="logo-image" />
+          Sokuree Consultant
+        </Link>
 
         <div className={`nav-links ${isOpen ? 'active' : ''}`}>
           <Link to="/about" onClick={toggleMenu}>회사소개</Link>
diff --git a/src/index.css b/src/index.css
index f971a41..a5960ac 100644
--- a/src/index.css
+++ b/src/index.css
@@ -85,9 +85,18 @@ body {
 
 .logo {
   font-size: 1.5rem;
-  font-weight: bold;
+  font-weight: 700;
   color: var(--primary-color);
   text-decoration: none;
+  display: flex !important;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.logo-image {
+  height: 45px;
+  width: auto;
+  object-fit: contain;
 }
 
 .nav-links a {