diff --git a/README.md b/README.md
index 633edef7..61159f47 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,31 @@
 # DASH
 
-## 📢 서비스 소개
+## 💃 서비스 소개
 
-### “댄스 클래스와 댄서에 대한 정보를 한눈에 확인하고, 원하는 클래스를 간편하게 신청할 수 있는 서비스.”
+![image](https://github.com/user-attachments/assets/25a0cb52-00f1-4ce9-8564-1070cb191231)
 
-춤을 사랑하는 사람들이 모여 성장할 수 있는 공간을 제공하고, 수강생과 댄서를 연결하는 다리가 되어준다.
 
-<br />
+### 💃 “당신에게 춤을 더 가까이, 세상의 모든 댄서와 클래스를 모은 서비스"
+
+
+> Da/sh’는 서비스의 핵심 키워드인 Dance(춤)와 Share(공유)를 결합한 이름으로,
+> 댄스 클래스와 강사댄서에 대한 정보를 자유롭게 탐색하고 원하는 클래스를 간편하게 신청할 수 있는 플랫폼입니다.
+> 이 서비스는 수강생과 강사를 연결하는 다리 역할을 함과 동시에 세상의 모든 댄서들이 함께 소통하고 성장할 수 있는 공간을 제공합니다.
+
+
+<br/>
+<br/>
+
+### 💃서비스 플로우
+
+![image](https://github.com/user-attachments/assets/2bb85425-a7ca-46c3-b4e7-addb522a2629)
+
+<br/>
+
+#### DASH의 웨비들을 소개합니다!
+
+![Image](https://github.com/user-attachments/assets/c475ac1a-1f4d-4ef8-94ab-fa29307849fe)
+
 
 <br />
 
@@ -14,10 +33,10 @@
 
    <div align="center">
      
-| <img src="https://avatars.githubusercontent.com/u/66071954?v=4" width="200" alt="프로필사진"> | <img src="https://avatars.githubusercontent.com/u/94050324?v=4" width="200" alt="프로필사진">  | <img src="https://avatars.githubusercontent.com/u/91944542?v=4" width="200" alt="프로필사진"> |  <img src="https://avatars.githubusercontent.com/u/90364839?v=4" width="200" alt="프로필사진">  |  <img src="https://avatars.githubusercontent.com/u/117571282?s=96&v=4" width="200" alt="프로필사진">  |
+| <img src="https://github.com/user-attachments/assets/f315094a-0de0-4eca-bc4c-7e48cb2a7b6f" width="150" alt="프로필사진"> | <img src="https://github.com/user-attachments/assets/067c37c2-f544-4238-8358-eb5f051fef4a" width="150" alt="프로필사진">  | <img src="https://github.com/user-attachments/assets/a97c1d70-6107-44c3-8de8-d0fa708090ca" width="150" alt="프로필사진"> |  <img src="https://github.com/user-attachments/assets/713158dd-64a7-40c4-b177-ed85896a6cf1" width="150" alt="프로필사진">  |  <img src="https://github.com/user-attachments/assets/372ad506-b2d2-41fc-ae4e-adbb2466f292" width="150" alt="프로필사진">  |
 | :-------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------:
-|                            <div align = "center"><b>김건휘</b></div>                            |                            <div align = "center"><b>김규홍</b></div>                            |                            <div align = "center"><b>박희선</b></div>                            |                             <div align = "center"><b>한수정</b></div>                            |                             <div align = "center"><b>이진혁</b></div>
-|                            [@KIMGEONHWI](https://github.com/KIMGEONHWI)                            |                [@rtttr1](https://github.com/rtttr1)                                 |                       [@heesunee](https://github.com/heesunee)                        |                        [@hansoojeongsj](https://github.com/hansoojeongsj)   |                        [@constantly-dev](https://github.com/constantly-dev)   |
+|                            <div align = "center"><b>이진혁</b></div>                            |                            <div align = "center"><b>김규홍</b></div>                            |                            <div align = "center"><b>박희선</b></div>                            |                             <div align = "center"><b>한수정</b></div>                            |                             <div align = "center"><b>김건휘</b></div>
+|                           [@constantly-dev](https://github.com/constantly-dev)                            |                [@rtttr1](https://github.com/rtttr1)                                 |                       [@heesunee](https://github.com/heesunee)                        |                        [@hansoojeongsj](https://github.com/hansoojeongsj)   |                        [@KIMGEONHWI](https://github.com/KIMGEONHWI)   |
 
 </div>
 
@@ -119,7 +138,9 @@
 
 ## 📢 네이밍 컨벤션
 
-### 1. 기본 (Default)
+ <details> 
+	 
+ ### 1. 기본 (Default)
 
 1. 컴포넌트 / class `PascalCase`
 2. 폴더명 `carmelCase`
@@ -220,8 +241,13 @@
 <br/>
 <br/>
 
+ </details>
+
+
 ## 📢 코딩 (개발) 컨벤션
 
+ <details> 
+	 
 ### 변수
 
 - var 금지.
@@ -296,6 +322,8 @@ const InfoText = () => {
   ```
 - 불필요한 반복문 지양 : filter, array.include() 등
   - 조건부로 데이터를 확인하거나 뽑아야하는 로직을 사용할 때에는 `Map` 이나 `Object`처럼 `key`값을 이용해서 원소를 찾는 자료형을 이용하는것을 고려해보거나, 배열을 순회하지 않고 index로 바로 접근할 수 있는 방법이 없는지 고려.
+ 
+
 
 ### Style → X
 
@@ -308,3 +336,5 @@ const InfoText = () => {
 - button 태그에 **`type`**은 명시적으로 작성
 - 비교 연산자는 **`===`**와 **`!==`**만을 사용
 - axios 안에서 **`then/catch`** 대신 **`async/await`** 지향
+
+    </details>
diff --git a/index.html b/index.html
index 4de73fb5..2a910b6c 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,15 @@
 <!doctype html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.png" type="image/png" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <meta property="og:title" content="dash" />
+    <meta property="og:description" content="당신에게 춤을 더 가까이, 꿈꾸던 댄스 클래스를 만나다" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://www.da-sh.kr/" />
+    <meta property="og:image" content="public/dash-Thumbnail.png" />
     <title>da-sh.kr</title>
   </head>
   <body>
diff --git a/package.json b/package.json
index f5aa7e6e..5da0ab89 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "react": "^18.3.1",
     "react-calendar": "^5.1.0",
     "react-dom": "^18.3.1",
+    "react-error-boundary": "^5.0.0",
     "react-hot-toast": "^2.5.1",
     "react-router-dom": "^7.1.1",
     "swiper": "^11.2.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 30443878..b4b583dc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,6 +47,9 @@ importers:
       react-dom:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
+      react-error-boundary:
+        specifier: ^5.0.0
+        version: 5.0.0(react@18.3.1)
       react-hot-toast:
         specifier: ^2.5.1
         version: 2.5.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -2540,6 +2543,11 @@ packages:
     peerDependencies:
       react: ^18.3.1
 
+  react-error-boundary@5.0.0:
+    resolution: {integrity: sha512-tnjAxG+IkpLephNcePNA7v6F/QpWLH8He65+DmedchDwg162JZqx4NmbXj0mlAYVVEd81OW7aFhmbsScYfiAFQ==}
+    peerDependencies:
+      react: '>=16.13.1'
+
   react-hot-toast@2.5.1:
     resolution: {integrity: sha512-54Gq1ZD1JbmAb4psp9bvFHjS7lje+8ubboUmvKZkCsQBLH6AOpZ9JemfRvIdHcfb9AZXRaFLrb3qUobGYDJhFQ==}
     engines: {node: '>=10'}
@@ -5476,6 +5484,11 @@ snapshots:
       react: 18.3.1
       scheduler: 0.23.2
 
+  react-error-boundary@5.0.0(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.26.0
+      react: 18.3.1
+
   react-hot-toast@2.5.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       csstype: 3.1.3
diff --git a/public/dash-Thumbnail.png b/public/dash-Thumbnail.png
new file mode 100644
index 00000000..9ae4570d
Binary files /dev/null and b/public/dash-Thumbnail.png differ
diff --git a/src/App.tsx b/src/App.tsx
index 4025ebff..447fcd6f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,12 @@
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { useEffect } from 'react';
+import { Suspense, useEffect } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
 import { Toaster } from 'react-hot-toast';
 import { RouterProvider } from 'react-router-dom';
+import Error from '@/pages/error';
 import { router } from '@/routes/router.tsx';
+import Loading from './pages/loading';
 import queryClient from './queryClient';
 import './styles/index.css';
 
@@ -31,7 +34,11 @@ const App = () => {
   return (
     <QueryClientProvider client={queryClient}>
       <ReactQueryDevtools initialIsOpen={false} />
-      <RouterProvider router={router} />
+      <ErrorBoundary FallbackComponent={Error}>
+        <Suspense fallback={<Loading />}>
+          <RouterProvider router={router} />
+        </Suspense>
+      </ErrorBoundary>
       <Toaster />
     </QueryClientProvider>
   );
diff --git a/src/apis/auth/quries/index.ts b/src/apis/auth/quries/index.ts
index f51bac53..54c48d93 100644
--- a/src/apis/auth/quries/index.ts
+++ b/src/apis/auth/quries/index.ts
@@ -15,15 +15,11 @@ export const useLoginMutation = () => {
     onSuccess: ({ data: { accessToken, refreshToken, isOnboarded } }) => {
       instance.defaults.headers.Authorization = `Bearer ${accessToken}`;
       if (!isOnboarded) {
+        clearStorage();
         navigate(ROUTES_CONFIG.onboarding.path, { state: { accessToken, refreshToken } });
         return;
       }
 
-      if (!isOnboarded) {
-        navigate(ROUTES_CONFIG.onboarding.path);
-        return;
-      }
-
       navigate(ROUTES_CONFIG.home.path);
       setStorage(accessToken, refreshToken);
     },
diff --git a/src/assets/gif/index.ts b/src/assets/gif/index.ts
index 7bfb5f68..23dae398 100644
--- a/src/assets/gif/index.ts
+++ b/src/assets/gif/index.ts
@@ -2,6 +2,7 @@ import ClearGif from './clear.gif';
 import EmptyGif from './empty.gif';
 import HomeBlack from './home_black.gif';
 import HomeWhite from './home_white.gif';
+import LoadingGif from './loading.gif';
 import LoginGif from './login.gif';
 
-export { ClearGif, EmptyGif, LoginGif, HomeBlack, HomeWhite };
+export { ClearGif, EmptyGif, LoginGif, HomeBlack, HomeWhite, LoadingGif };
diff --git a/src/assets/gif/loading.gif b/src/assets/gif/loading.gif
new file mode 100644
index 00000000..42bdb8e2
Binary files /dev/null and b/src/assets/gif/loading.gif differ
diff --git a/src/components/ClassCard/index.css.ts b/src/components/ClassCard/index.css.ts
index 2716d702..d6885a06 100644
--- a/src/components/ClassCard/index.css.ts
+++ b/src/components/ClassCard/index.css.ts
@@ -14,8 +14,28 @@ export const cardContainerStyle = style({
 export const cardImageStyle = style({
   width: '8.4rem',
   height: '8.4rem',
+  flexShrink: 0,
+
+  objectFit: 'cover',
 
   borderRadius: 3.4,
 
   backgroundColor: vars.colors.gray04,
 });
+
+export const cardContentStyle = style({
+  flex: 1,
+  display: 'flex',
+  flexDirection: 'column',
+  gap: '0.8rem',
+  overflow: 'hidden',
+
+  width: '100%',
+});
+
+export const lessonNameStyle = style({
+  width: '100%',
+  whiteSpace: 'nowrap',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+});
diff --git a/src/components/ClassCard/index.tsx b/src/components/ClassCard/index.tsx
index 83ee40a8..2e0c2060 100644
--- a/src/components/ClassCard/index.tsx
+++ b/src/components/ClassCard/index.tsx
@@ -44,6 +44,8 @@ const ClassCard = ({
           return '모집중';
         case 'completed':
           return '모집완료';
+        case 'ongoing':
+          return '모집완료';
         default:
           return '';
       }
@@ -96,7 +98,7 @@ const ClassCard = ({
 
       <Flex gap="1.2rem" marginBottom="1.6rem">
         <img src={lessonImageUrl} className={styles.cardImageStyle} alt={`${lessonName} 이미지`} />
-        <Flex direction="column" gap="0.8rem">
+        <Flex direction="column" gap="0.8rem" className={styles.cardContentStyle}>
           <Flex gap="0.3rem">
             <Tag type="genre" size="small">
               {lessonGenre && genreMapping[lessonGenre]}
@@ -105,7 +107,7 @@ const ClassCard = ({
               {lessonLevel && levelMapping[lessonLevel]}
             </Tag>
           </Flex>
-          <Head level="h2" tag="h6">
+          <Head level="h2" tag="h6" className={styles.lessonNameStyle}>
             {lessonName}
           </Head>
           <Flex direction="column" gap="0.4rem">
@@ -126,8 +128,14 @@ const ClassCard = ({
                 장소
               </Text>
               <Text tag="c1" color="gray9">
-                {lessonLocation}&nbsp;
-                {lessonDetailedAddress}
+                {lessonLocation || lessonDetailedAddress ? (
+                  <>
+                    {lessonLocation}&nbsp;
+                    {lessonDetailedAddress}
+                  </>
+                ) : (
+                  '미정'
+                )}
               </Text>
             </Flex>
           </Flex>
diff --git a/src/pages/error/index.tsx b/src/pages/error/index.tsx
index ef35f3d2..9f825b0a 100644
--- a/src/pages/error/index.tsx
+++ b/src/pages/error/index.tsx
@@ -12,6 +12,7 @@ const Error = () => {
 
   const handleHomeNavigation = () => {
     navigate(ROUTES_CONFIG.home.path);
+    window.location.reload();
   };
 
   return (
diff --git a/src/pages/home/components/BottomSection/index.tsx b/src/pages/home/components/BottomSection/index.tsx
index a39c5e9d..b713eae6 100644
--- a/src/pages/home/components/BottomSection/index.tsx
+++ b/src/pages/home/components/BottomSection/index.tsx
@@ -31,28 +31,6 @@ const BottomSection = ({ isInstructor }: { isInstructor: boolean }) => {
     }
   };
 
-  // 리스트 아이템 렌더링
-  const renderListItem = (item: (typeof LIST_DATA)[number]) => {
-    const isDisabled = !!item.isInstructorRequired && !isInstructor;
-    const ArrowIcon = isDisabled ? IcArrowRightSmallGray0432 : IcArrowRightSmallGray0732;
-
-    return (
-      <React.Fragment key={item.id}>
-        <li
-          className={`${styles.listStyle} ${isDisabled ? styles.disabledStyle : ''}`}
-          onClick={() => handleItemClick(item, isDisabled)}>
-          <p>{item.label}</p>
-          <ArrowIcon width={32} height={32} />
-        </li>
-        {item.hasDivider && (
-          <div className={styles.dividerStyle}>
-            <Divider color="gray1" thickness={1} />
-          </div>
-        )}
-      </React.Fragment>
-    );
-  };
-
   return (
     <Flex>
       <ul className={styles.ulStyle}>
@@ -61,18 +39,11 @@ const BottomSection = ({ isInstructor }: { isInstructor: boolean }) => {
             (item.isInstructorRequired && !isInstructor) || (item.label === '강사 등록' && isInstructor);
           const ArrowIcon = isDisabled ? IcArrowRightSmallGray0432 : IcArrowRightSmallGray0732;
 
-          const handleClick = () => {
-            if (isDisabled) return;
-            if (item.label === '로그아웃') {
-              handleLogout();
-            } else if (item.path) {
-              navigate(item.path);
-            }
-          };
-
           return (
             <React.Fragment key={item.id}>
-              <li className={`${styles.listStyle} ${isDisabled ? styles.disabledStyle : ''}`} onClick={handleClick}>
+              <li
+                className={`${styles.listStyle} ${isDisabled ? styles.disabledStyle : ''}`}
+                onClick={() => handleItemClick(item, isDisabled)}>
                 <p>{item.label}</p>
                 <ArrowIcon width={32} height={32} />
               </li>
diff --git a/src/pages/home/components/HomeCarousel/index.tsx b/src/pages/home/components/HomeCarousel/index.tsx
index 5b3a8ccb..ea58ec4f 100644
--- a/src/pages/home/components/HomeCarousel/index.tsx
+++ b/src/pages/home/components/HomeCarousel/index.tsx
@@ -9,12 +9,14 @@ const ADVERTISEMENTS = [
     imageUrl: KkukgirlImg,
     description: `5주 집중 커리큘럼, 스걸파 출연 댄서의 `,
     description2: '피메일 힙합 기본기 튼튼하게 다지기',
+    id: 25,
   },
-  { imageUrl: ChoreohongImg, description: '코레홍과 함께하는', description2: 'NMIXX-DASH 코레오그래피' },
+  { imageUrl: ChoreohongImg, description: '코레홍과 함께하는', description2: 'NMIXX-DASH 코레오그래피', id: 24 },
   {
     imageUrl: BannerImg,
     description: '알고 싶던 댄서나 관심있는 클래스를 ',
     description2: '한 눈에 모아볼 수 있어요!',
+    id: 0,
   },
 ];
 const HomeCarousel = () => {
@@ -32,7 +34,12 @@ const HomeCarousel = () => {
       {ADVERTISEMENTS.map((data, index) => {
         return (
           <SwiperSlide key={`${index}-${data.description}`}>
-            <SliderItem imageUrl={data.imageUrl} description={data.description} description2={data.description2} />
+            <SliderItem
+              imageUrl={data.imageUrl}
+              description={data.description}
+              description2={data.description2}
+              id={data.id}
+            />
           </SwiperSlide>
         );
       })}
diff --git a/src/pages/home/components/LessonItem/index.css.ts b/src/pages/home/components/LessonItem/index.css.ts
index 744ad73f..cd521f0b 100644
--- a/src/pages/home/components/LessonItem/index.css.ts
+++ b/src/pages/home/components/LessonItem/index.css.ts
@@ -10,10 +10,13 @@ export const classImageStyle = style({
 });
 
 export const titleStyle = style({
-  width: '16.4rem',
+  minWidth: '16.4rem',
   maxHeight: '4rem',
 
   whiteSpace: 'normal',
+  overflow: 'hidden',
+  wordBreak: 'break-all',
+
 });
 
 export const teacherImageStyle = style({
diff --git a/src/pages/home/components/SliderItem/index.tsx b/src/pages/home/components/SliderItem/index.tsx
index e963537b..eebf95d2 100644
--- a/src/pages/home/components/SliderItem/index.tsx
+++ b/src/pages/home/components/SliderItem/index.tsx
@@ -1,3 +1,4 @@
+import { useNavigate } from 'react-router-dom';
 import {
   descriptionStyle,
   moreButtonStyle,
@@ -8,15 +9,24 @@ import {
 } from '@/pages/home/components/SliderItem/index.css';
 import Flex from '@/components/Flex';
 import Head from '@/components/Head';
+import { ROUTES_CONFIG } from '@/routes/routesConfig';
 import { IcArrowRightWhite14 } from '@/assets/svg';
 
 interface SliderItemProps {
   imageUrl: string;
   description: string;
   description2: string;
+  id: number;
 }
 
-const SliderItem = ({ imageUrl, description, description2 }: SliderItemProps) => {
+const SliderItem = ({ imageUrl, description, description2, id }: SliderItemProps) => {
+  const navigate = useNavigate();
+  const handleDetailClick = () => {
+    if (id === 0) {
+      return;
+    }
+    navigate(ROUTES_CONFIG.class.path(`${id}`));
+  };
   return (
     <Flex position="relative" className={containerStyle}>
       <img src={imageUrl} className={imageStyle} />
@@ -29,7 +39,9 @@ const SliderItem = ({ imageUrl, description, description2 }: SliderItemProps) =>
       </Head>
 
       <Flex align="center" gap="0.2rem" position="absolute" className={moreWrapperStyle}>
-        <button className={moreButtonStyle}>자세히 보기</button>
+        <button className={moreButtonStyle} onClick={handleDetailClick}>
+          자세히 보기
+        </button>
         <IcArrowRightWhite14 width={14} height={14} />
       </Flex>
     </Flex>
diff --git a/src/pages/home/components/TopSection/index.tsx b/src/pages/home/components/TopSection/index.tsx
index dc4c1c1a..4c2f147b 100644
--- a/src/pages/home/components/TopSection/index.tsx
+++ b/src/pages/home/components/TopSection/index.tsx
@@ -24,7 +24,6 @@ const TopSection = ({ userData, onClose, isInstructor }: TopSectionProps) => {
 
   const isMyLessonsZero = () => {
     if (userData.reservationCount > 0) return handleNavigate(ROUTES_CONFIG.mypageReservation.path);
-
     return;
   };
 
@@ -84,7 +83,7 @@ const TopSection = ({ userData, onClose, isInstructor }: TopSectionProps) => {
         </Flex>
       </Flex>
 
-      <Flex paddingTop="2.4rem" paddingLeft="3.2rem" paddingRight="3.2rem" gap="2.1rem" onClick={notify}>
+      <Flex paddingTop="2.4rem" paddingLeft="3.2rem" paddingRight="3.2rem" gap="2.1rem">
         <Flex align="center" onClick={isMyLessonsZero}>
           <Flex direction="column" align="center" gap="0.5rem">
             <Head
@@ -101,7 +100,7 @@ const TopSection = ({ userData, onClose, isInstructor }: TopSectionProps) => {
 
         <Divider direction="vertical" color="gray2" length={32} thickness={1} />
 
-        <Flex direction="column" align="center" gap="0.5rem" className={styles.disabledStyle}>
+        <Flex direction="column" align="center" gap="0.5rem" className={styles.disabledStyle} onClick={notify}>
           <Head tag="h4" color={getTextColor(userData.favoriteCount)}>
             {userData.favoriteCount}
           </Head>
diff --git a/src/pages/instructorRegister/components/InstructorRegisterFunnel/CareerStep/InputSection/index.tsx b/src/pages/instructorRegister/components/InstructorRegisterFunnel/CareerStep/InputSection/index.tsx
index 6dead38d..f95e63e6 100644
--- a/src/pages/instructorRegister/components/InstructorRegisterFunnel/CareerStep/InputSection/index.tsx
+++ b/src/pages/instructorRegister/components/InstructorRegisterFunnel/CareerStep/InputSection/index.tsx
@@ -85,7 +85,7 @@ const InputSection = ({
           {inputItems.map(({ id, value }) => (
             <div key={id} className={inputContainerStyle}>
               <Input
-                // value={value}
+                value={value}
                 placeholder={placeholder}
                 onChange={(e) => {
                   const updatedItems = inputItems.map((item) =>
diff --git a/src/pages/instructorRegister/components/InstructorRegisterFunnel/IntroductionStep/index.tsx b/src/pages/instructorRegister/components/InstructorRegisterFunnel/IntroductionStep/index.tsx
index cd780e4c..178cddfe 100644
--- a/src/pages/instructorRegister/components/InstructorRegisterFunnel/IntroductionStep/index.tsx
+++ b/src/pages/instructorRegister/components/InstructorRegisterFunnel/IntroductionStep/index.tsx
@@ -30,7 +30,7 @@ const IntroductionStep = ({ detail, onInfoChange }: IntroductionStepProps) => {
 
   return (
     <>
-      <Description title="소개글 작성" subTitle="댄서 메인테인 님에 대해 30자 이상 작성해 주세요" />
+      <Description title="소개글 작성" subTitle="댄서님에 대해 30자 이상 작성해 주세요" />
       <textarea
         ref={textAreaRef}
         onInput={handleInput}
diff --git a/src/pages/instructorRegister/components/InstructorRegisterFunnel/PersonalSNSStep/index.tsx b/src/pages/instructorRegister/components/InstructorRegisterFunnel/PersonalSNSStep/index.tsx
index 43ae9120..f58daf74 100644
--- a/src/pages/instructorRegister/components/InstructorRegisterFunnel/PersonalSNSStep/index.tsx
+++ b/src/pages/instructorRegister/components/InstructorRegisterFunnel/PersonalSNSStep/index.tsx
@@ -12,7 +12,7 @@ interface PersonalSNSStepProps {
   onInfoChange: <K extends keyof InstructorRegisterInfoTypes>(key: K, value: InstructorRegisterInfoTypes[K]) => void;
 }
 
-const PersonalSNSStep = ({ onInfoChange }: PersonalSNSStepProps) => {
+const PersonalSNSStep = ({ onInfoChange, instagram, youtube }: PersonalSNSStepProps) => {
   const handleInstagramChange = (value: string) => {
     onInfoChange(INFO_KEY.INSTAGRAM, value);
   };
@@ -31,7 +31,7 @@ const PersonalSNSStep = ({ onInfoChange }: PersonalSNSStepProps) => {
             <IcInstagram20 width={'2rem'} />
             <Text tag="b6">인스타그램</Text>
           </Flex>
-          <Input placeholder="dashdash.kr" onChange={(e) => handleInstagramChange(e.target.value)} />
+          <Input value={instagram} placeholder="dashdash.kr" onChange={(e) => handleInstagramChange(e.target.value)} />
         </Flex>
 
         <Flex direction="column" gap="1.2rem" width="100%">
@@ -39,7 +39,7 @@ const PersonalSNSStep = ({ onInfoChange }: PersonalSNSStepProps) => {
             <IcYoutube20 width={'2rem'} />
             <Text tag="b6">유튜브 채널</Text>
           </Flex>
-          <Input placeholder="dashofficial" onChange={(e) => handleYoutubeChange(e.target.value)} />
+          <Input value={youtube} placeholder="dashofficial" onChange={(e) => handleYoutubeChange(e.target.value)} />
         </Flex>
       </Flex>
     </>
diff --git a/src/pages/loading/index.tsx b/src/pages/loading/index.tsx
new file mode 100644
index 00000000..b030a0e2
--- /dev/null
+++ b/src/pages/loading/index.tsx
@@ -0,0 +1,23 @@
+import Flex from '@/components/Flex';
+import Head from '@/components/Head';
+import { LoadingGif } from '@/assets/gif';
+
+const Loading = () => {
+  return (
+    <Flex
+      direction="column"
+      align="center"
+      justify="center"
+      paddingTop="19.5rem"
+      paddingRight="11.7rem"
+      paddingBottom="27.3rem"
+      paddingLeft="11.8rem">
+      <Flex direction="column" align="center" justify="center" gap="1.3rem">
+        <img src={LoadingGif} width={300} />
+        <Head tag="h5">로딩 중...</Head>
+      </Flex>
+    </Flex>
+  );
+};
+
+export default Loading;
diff --git a/src/pages/mypage/constants/myPageList.ts b/src/pages/mypage/constants/myPageList.ts
index 6684254c..0995f54f 100644
--- a/src/pages/mypage/constants/myPageList.ts
+++ b/src/pages/mypage/constants/myPageList.ts
@@ -13,5 +13,5 @@ export const LIST_DATA = [
   },
   { label: '자주 묻는 질문', id: 5, inActive: true },
   { label: '고객 센터', id: 6, hasDivider: true, inActive: true },
-  { label: '로그아웃', id: 7, inActive: true },
+  { label: '로그아웃', id: 7 },
 ];
diff --git a/src/pages/mypage/mypageReservation/index.tsx b/src/pages/mypage/mypageReservation/index.tsx
index 09f1603c..f2c2d20d 100644
--- a/src/pages/mypage/mypageReservation/index.tsx
+++ b/src/pages/mypage/mypageReservation/index.tsx
@@ -13,16 +13,6 @@ const MyPageReservation = () => {
   const navigate = useNavigate();
   const { data: reservationData } = useGetReservations();
 
-
-  const handleDetailClick = (reservationId: number | undefined) => {
-    if (reservationId !== undefined) {
-      const path = ROUTES_CONFIG.mypageReservationDetail.path(reservationId.toString());
-      navigate(path);
-    } else {
-      navigate(ROUTES_CONFIG.error.path);
-    }
-  };
-
   const handleNavigateHome = () => {
     navigate('/');
   };
@@ -54,8 +44,7 @@ const MyPageReservation = () => {
                 lessonStartDateTime={reservation.startDateTime}
                 lessonEndDateTime={reservation.endDateTime}
                 isReservation={true}
-                onClick={() => handleClassCardClick(navigate, reservation.reservationId)} 
-              >
+                onClick={() => handleClassCardClick(navigate, reservation.reservationId)}>
                 <BoxButton onClick={handleCancelClick} variant="temp">
                   취소하기
                 </BoxButton>
diff --git a/src/pages/reservation/components/TossPayments/Success/Success.tsx b/src/pages/reservation/components/TossPayments/Success/Success.tsx
index f480cfe6..2f4c100c 100644
--- a/src/pages/reservation/components/TossPayments/Success/Success.tsx
+++ b/src/pages/reservation/components/TossPayments/Success/Success.tsx
@@ -53,12 +53,16 @@ export const SuccessPage = () => {
     navigate(ROUTES_CONFIG.mypageReservation.path);
   };
 
+  const handleHomeNavigate = () => {
+    navigate(ROUTES_CONFIG.home.path);
+  };
+
   return (
-    <div className={`${styles.wrapper}`}>
+    <div className={`${styles.flexCustomStyle}`}>
       {isConfirmed ? (
         <Flex direction="column" width="100%">
           <Header.Root>
-            <Header.CloseIcon />
+            <Header.CloseIcon onClick={handleHomeNavigate} />
           </Header.Root>
           <Flex direction="column" paddingTop="5.2rem" paddingLeft="2rem" paddingRight="2rem" width="100%" gap="2.8rem">
             <Completion
@@ -77,7 +81,7 @@ export const SuccessPage = () => {
             <h2 className={`${styles.title} ${styles.textCenter}`}>결제 요청까지 성공했어요.</h2>
             <h4 className={`${styles.textCenter} ${styles.description}`}>결제 승인하고 완료해보세요.</h4>
           </Flex>
-          <div className={styles.w100}>
+          <div className={styles.buttonCustomStyle}>
             <button className={`${styles.btn} ${styles.btnPrimary} ${styles.w100}`} onClick={confirmPayment}>
               결제 승인하기
             </button>
diff --git a/src/pages/reservation/components/TossPayments/index.css.ts b/src/pages/reservation/components/TossPayments/index.css.ts
index 1dfd5bc4..90e00a04 100644
--- a/src/pages/reservation/components/TossPayments/index.css.ts
+++ b/src/pages/reservation/components/TossPayments/index.css.ts
@@ -10,6 +10,11 @@ export const w100 = style({
   width: '100%',
 });
 
+export const buttonCustomStyle = style({
+  width: '100%',
+  padding: '0 3rem',
+});
+
 export const h100 = style({
   height: '100%',
 });
@@ -69,6 +74,14 @@ export const confirmLoading = style({
   justifyContent: 'space-between',
 });
 
+export const flexCustomStyle = style({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  width: '100%',
+  height: '100vh',
+});
+
 export const confirmSuccess = style({
   display: 'none',
   marginTop: '7.2rem',
diff --git a/src/pages/search/components/Calendar/index.css.ts b/src/pages/search/components/Calendar/index.css.ts
index a3401622..daed8226 100644
--- a/src/pages/search/components/Calendar/index.css.ts
+++ b/src/pages/search/components/Calendar/index.css.ts
@@ -8,6 +8,7 @@ globalStyle('.react-calendar', {
   flexDirection: 'column',
   alignItems: 'center',
   marginBottom: '0.9rem',
+  padding: '0 2rem',
 });
 
 globalStyle('.react-calendar__navigation', {
diff --git a/src/pages/search/components/SearchBar/index.tsx b/src/pages/search/components/SearchBar/index.tsx
index 31961517..036d4bb6 100644
--- a/src/pages/search/components/SearchBar/index.tsx
+++ b/src/pages/search/components/SearchBar/index.tsx
@@ -16,6 +16,12 @@ const SearchBar = forwardRef<HTMLInputElement, SearchBarProps>(
       handleSearchChange(event.target.value);
     };
 
+    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+      if (event.key === 'Enter') {
+        handleSearchIconClick();
+      }
+    };
+
     return (
       <Flex align="center" width="29.9rem" height="4.4rem" position="relative" margin="0 0 0 1.2rem">
         <IcSearchGray className={searchGrayStyle} width={24} onClick={handleSearchIconClick} />
@@ -25,6 +31,7 @@ const SearchBar = forwardRef<HTMLInputElement, SearchBarProps>(
           value={searchValue}
           placeholder="장르나 댄서 네임을 검색해 보세요"
           onChange={handleInputChange}
+          onKeyDown={handleKeyDown}
         />
         <IcXCircleGray className={xCircleGrayStyle} width={24} onClick={() => handleSearchChange('')} />
       </Flex>
diff --git a/src/routes/router.tsx b/src/routes/router.tsx
index 7389741b..b03273e3 100644
--- a/src/routes/router.tsx
+++ b/src/routes/router.tsx
@@ -1,25 +1,27 @@
+import { lazy } from 'react';
 import { createBrowserRouter } from 'react-router-dom';
 import { LoginCallback } from '@/pages/auth';
-import Class from '@/pages/class';
-import Dancer from '@/pages/dancer';
-import Error from '@/pages/error';
-import Home from '@/pages/home';
 import ClassRegisterCompletion from '@/pages/instructor/ClassRegisterCompletion';
-import ClassDetail from '@/pages/instructor/classDetail';
-import ClassList from '@/pages/instructor/classList';
-import ClassRegister from '@/pages/instructor/classRegister';
-import InstructorRegister from '@/pages/instructorRegister';
-import Login from '@/pages/login';
-import MyPageReservation from '@/pages/mypage/mypageReservation';
-import MyPageReservationDetail from '@/pages/mypage/mypageReservationDetail';
-import Onboarding from '@/pages/onboarding';
-import Reservation from '@/pages/reservation';
 import { CheckoutPage } from '@/pages/reservation/components/TossPayments/CheckOut/CheckOut';
 import { FailPage } from '@/pages/reservation/components/TossPayments/Fail/Fail';
 import { SuccessPage } from '@/pages/reservation/components/TossPayments/Success/Success';
-import Search from '@/pages/search';
 import { ROUTES_CONFIG } from './routesConfig';
 
+const Home = lazy(() => import('@/pages/home'));
+const Login = lazy(() => import('@/pages/login'));
+const Onboarding = lazy(() => import('@/pages/onboarding'));
+const Search = lazy(() => import('@/pages/search'));
+const Class = lazy(() => import('@/pages/class'));
+const Dancer = lazy(() => import('@/pages/dancer'));
+const Reservation = lazy(() => import('@/pages/reservation'));
+const MyPageReservation = lazy(() => import('@/pages/mypage/mypageReservation'));
+const MyPageReservationDetail = lazy(() => import('@/pages/mypage/mypageReservationDetail'));
+const ClassRegister = lazy(() => import('@/pages/instructor/classRegister'));
+const InstructorRegister = lazy(() => import('@/pages/instructorRegister'));
+const ClassDetail = lazy(() => import('@/pages/instructor/classDetail'));
+const ClassList = lazy(() => import('@/pages/instructor/classList'));
+const Error = lazy(() => import('@/pages/error'));
+
 export const router = createBrowserRouter([
   {
     path: ROUTES_CONFIG.home.path,
@@ -94,7 +96,7 @@ export const router = createBrowserRouter([
     element: <FailPage />,
   },
   {
-    path: ROUTES_CONFIG.error.path,
+    path: '*',
     element: <Error />,
   },
 ]);