diff --git a/src/App.js b/src/App.js
index bfb11b2..17eecd7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -17,6 +17,7 @@ import ShowEventResult from './Pages/ShowEventResult'
 import EditGroupInfo from './Pages/EditGroupInfoPage'
 import SelectMembers from './Pages/CreateEventPage/SelectMembers'
 import ShowResult from './Pages/ShowResult'
+import UserGuideline from './Pages/Guide/UserGuideline'
 import { AuthProvider } from './context/AuthContext'
 import { useMediaQuery } from 'react-responsive'
 
@@ -35,6 +36,7 @@ function App() {
                 <div className="App">
                     <Routes>
                         <Route path="/" element={<MainPage />} />
+                        <Route path="/guide" element={<UserGuideline />} />
                         <Route path="/group/*" element={<GroupRoutes />} />
                     </Routes>
                 </div>
@@ -52,6 +54,7 @@ function GroupRoutes() {
             <StyledLayout>
                 <Routes>
                     <Route path="/" element={<ShowGroupList />} />
+
                     <Route path="/createGroup" element={<CreateGroup />} />
                     <Route path="/:id/*" element={<GroupRoutesWithSidebar />} />
                 </Routes>
diff --git a/src/Components/NavBar/NavBar.js b/src/Components/NavBar/NavBar.js
index d752d24..0282c15 100644
--- a/src/Components/NavBar/NavBar.js
+++ b/src/Components/NavBar/NavBar.js
@@ -27,6 +27,10 @@ const NavBar = ({ isopen }) => {
                 </StyledLinkBox>
             ),
         },
+        {
+          key: 'intro',
+          label: <Link to="/guide">소개</Link>
+        },
         {
             key: 'myGroups',
             label: <Link to="/group">나의 모임</Link>,
diff --git a/src/IMG/guide.png b/src/IMG/guide.png
new file mode 100644
index 0000000..883e8a2
Binary files /dev/null and b/src/IMG/guide.png differ
diff --git a/src/IMG/guide3.png b/src/IMG/guide3.png
new file mode 100644
index 0000000..9b74e34
Binary files /dev/null and b/src/IMG/guide3.png differ
diff --git a/src/Pages/Guide/UserGuideline.js b/src/Pages/Guide/UserGuideline.js
new file mode 100644
index 0000000..76b0d21
--- /dev/null
+++ b/src/Pages/Guide/UserGuideline.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import guideTest from '../../IMG/guide3.png'
+
+const UserGuideline = () => {
+    return (
+        <div>
+            <img src={guideTest} alt="background" style={{ marginLeft: '350px' }} />
+        </div>
+    )
+}
+
+export default UserGuideline
diff --git a/src/Pages/MainPage/index.js b/src/Pages/MainPage/index.js
index 9466ced..9c85d04 100644
--- a/src/Pages/MainPage/index.js
+++ b/src/Pages/MainPage/index.js
@@ -29,6 +29,10 @@ const MainPage = () => {
         else navigate('/group')
     }
 
+    const onClickIntroHandler = () => {
+        navigate('/guide')
+    }
+
     return (
         <StyledLayoutMain>
             {contextHolder}
@@ -64,7 +68,12 @@ const MainPage = () => {
                         님 환영합니다.
                     </StyledContent>
                 )}
-                <StyledButtonStart onClick={onClickHandler}>sumtime 시작하기</StyledButtonStart>
+                {user ? (
+                    <StyledButtonStart onClick={onClickHandler}>sumtime 시작하기</StyledButtonStart>
+                ) : (
+                    <StyledButtonStart onClick={onClickIntroHandler}>sumtime 소개</StyledButtonStart>
+                )}
+
                 {user ? (
                     <>
                         <LogoutKakao />