diff --git a/next.config.ts b/next.config.ts
index 5a1ade85..5dce33cc 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,8 +1,15 @@
 import type { NextConfig } from 'next';
 
 const nextConfig: NextConfig = {
+
   images: {
-    domains: ['www.thecocktaildb.com'],
+    domains: ['team2-app-s3-bucket.s3.ap-northeast-2.amazonaws.com'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'www.thecocktaildb.com',
+      },
+    ],
   },
   env: {
     NPUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
diff --git a/package-lock.json b/package-lock.json
index bcea2d9b..ff6b65a9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "license": "ISC",
       "dependencies": {
+        "@tanstack/react-query": "^5.90.2",
         "@tanstack/react-virtual": "^3.13.12",
         "class-variance-authority": "^0.7.1",
         "gsap": "^3.13.0",
@@ -17,7 +18,9 @@
         "react": "19.1.0",
         "react-dom": "19.1.0",
         "react-hot-toast": "^2.6.0",
-        "react-use": "^17.6.0"
+        "react-intersection-observer": "^9.16.0",
+        "react-use": "^17.6.0",
+        "swiper": "^12.0.2"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
@@ -3298,6 +3301,32 @@
         "tailwindcss": "4.1.13"
       }
     },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.90.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.90.2.tgz",
+      "integrity": "sha512-k/TcR3YalnzibscALLwxeiLUub6jN5EDLwKDiO7q5f4ICEoptJ+n9+7vcEFy5/x/i6Q+Lb/tXrsKCggf5uQJXQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.90.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.2.tgz",
+      "integrity": "sha512-CLABiR+h5PYfOWr/z+vWFt5VsOA2ekQeRQBFSKlcoW6Ndx/f8rfyVmq4LbgOM4GG2qtxAxjLYLOpCNTYm4uKzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
     "node_modules/@tanstack/react-virtual": {
       "version": "3.13.12",
       "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.12.tgz",
@@ -8243,6 +8272,21 @@
         "react-dom": ">=16"
       }
     },
+    "node_modules/react-intersection-observer": {
+      "version": "9.16.0",
+      "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.16.0.tgz",
+      "integrity": "sha512-w9nJSEp+DrW9KmQmeWHQyfaP6b03v+TdXynaoA964Wxt7mdR3An11z4NNCQgL4gKSK7y1ver2Fq+JKH6CWEzUA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -9207,6 +9251,25 @@
         "url": "https://opencollective.com/svgo"
       }
     },
+    "node_modules/swiper": {
+      "version": "12.0.2",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-12.0.2.tgz",
+      "integrity": "sha512-y8F6fDGXmTVVgwqJj6I00l4FdGuhpFJn0U/9Ucn1MwWOw3NdLV8aH88pZOjyhBgU/6PyBlUx+JuAQ5KMWz906Q==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/tailwind-merge": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
diff --git a/package.json b/package.json
index 7654fec6..4eaef365 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     ]
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.90.2",
     "@tanstack/react-virtual": "^3.13.12",
     "class-variance-authority": "^0.7.1",
     "gsap": "^3.13.0",
@@ -26,7 +27,9 @@
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-hot-toast": "^2.6.0",
-    "react-use": "^17.6.0"
+    "react-use": "^17.6.0",
+    "swiper": "^12.0.2",
+    "react-intersection-observer": "^9.16.0"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
@@ -61,4 +64,4 @@
   },
   "homepage": "https://github.com/prgrms-web-devcourse-final-project/WEB5_6_HaeDokCoding_FE#readme",
   "description": ""
-}
\ No newline at end of file
+}
diff --git a/src.zip b/src.zip
deleted file mode 100644
index 143176bd..00000000
Binary files a/src.zip and /dev/null differ
diff --git a/src/app/api/kakao/KaKaoScript.tsx b/src/app/api/kakao/KaKaoScript.tsx
new file mode 100644
index 00000000..63347976
--- /dev/null
+++ b/src/app/api/kakao/KaKaoScript.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import Script from 'next/script';
+
+declare global {
+  interface Window {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    Kakao: any;
+  }
+}
+function KaKaoScript() {
+  const onLoad = () => {
+    window.Kakao.init(process.env.NEXT_PUBLIC_KAKAO_JAVASCRIPT_KEY);
+  };
+  return <Script src="https://developers.kakao.com/sdk/js/kakao.js" async onLoad={onLoad} />;
+}
+export default KaKaoScript;
diff --git a/src/app/community/[id]/page.tsx b/src/app/community/[id]/page.tsx
index c80776f9..6d81d88e 100644
--- a/src/app/community/[id]/page.tsx
+++ b/src/app/community/[id]/page.tsx
@@ -1,75 +1,48 @@
-'use client';
-
-import { fetchPostById } from '@/domains/community/api/fetchPost';
-import DetailContent from '@/domains/community/detail/DetailContent';
-import DetailHeader from '@/domains/community/detail/DetailHeader';
-import DetailTitle from '@/domains/community/detail/DetailTitle';
-import DetailTabDesktop from '@/domains/community/detail/tab/DetailTabDesktop';
-import { Post } from '@/domains/community/types/post';
-import Comment from '@/domains/community/detail/Comment';
-import StarBg from '@/domains/shared/components/star-bg/StarBg';
-import { useParams } from 'next/navigation';
-import { useEffect, useState } from 'react';
-import DetailSkeleton from '@/domains/community/detail/DetailSkeleton';
+import { Metadata } from 'next';
+import { getApi } from '@/app/api/config/appConfig';
+import DetailPage from '@/domains/community/detail/DetailPage';
+
+type RouteParams = { id: number };
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<RouteParams>;
+}): Promise<Metadata> {
+  const { id } = await params;
+  const res = await fetch(`${getApi}/posts/${id}`, {
+    cache: 'no-store',
+  });
+  const post = await res.json();
+  console.log(post);
+  return {
+    title: post.title,
+    description: post.content?.slice(0, 80),
+    openGraph: {
+      title: post.title,
+      description: post.content?.slice(0, 80),
+      url: `https://your-domain.com/community/${id}`,
+      images: [
+        {
+          url: post.imageUrls?.[0],
+          width: 800,
+          height: 600,
+          alt: post.title,
+        },
+      ],
+      type: 'article',
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: post.title,
+      description: post.content?.slice(0, 80),
+      images: [post.imageUrls?.[0]],
+    },
+  };
+}
 
 function Page() {
-  const params = useParams();
-  const [postDetail, setPostDetail] = useState<Post | null>(null);
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    const postId = params.id;
-    const fetchData = async () => {
-      setIsLoading(true);
-      const data = await fetchPostById(postId);
-      if (!data) return;
-
-      setPostDetail(data);
-      setIsLoading(false);
-    };
-    fetchData();
-  }, [params.id, setPostDetail]);
-
-  if (isLoading) return <DetailSkeleton />;
-  if (!postDetail) return null;
-
-  const {
-    categoryName,
-    title,
-    userNickName,
-    createdAt,
-    viewCount,
-    postId,
-    tags,
-    content,
-    likeCount,
-    commentCount,
-  } = postDetail;
-
-  return (
-    <div className="w-full relative">
-      <StarBg className="w-full h-32 absolute"></StarBg>
-      <article className="page-layout max-w-824 z-5">
-        <DetailHeader categoryName={categoryName} />
-        <DetailTitle title={title} userNickname={userNickName} />
-        <DetailContent
-          content={content}
-          createdAt={createdAt}
-          viewCount={viewCount}
-          postId={postId}
-          tags={tags}
-          likeCount={likeCount}
-          commentCount={commentCount}
-        />
-        <section className="mb-10">
-          <Comment postId={postId} />
-        </section>
-      </article>
-      <div className="hidden md:block">
-        <DetailTabDesktop likeCount={likeCount} commentCount={commentCount} />
-      </div>
-    </div>
-  );
+  return <DetailPage />;
 }
 
 export default Page;
diff --git a/src/app/community/edit/[postId]/page.tsx b/src/app/community/edit/[postId]/page.tsx
new file mode 100644
index 00000000..e091ba3f
--- /dev/null
+++ b/src/app/community/edit/[postId]/page.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import WriteSection from '@/domains/community/write/WriteSection';
+import StarBg from '@/domains/shared/components/star-bg/StarBg';
+import { useParams } from 'next/navigation';
+
+function Page() {
+  const params = useParams();
+  console.log(params);
+
+  return (
+    <div className="w-full mb-20 flex relative">
+      <StarBg className="w-full h-32 absolute"></StarBg>
+      <div className="page-layout max-w-824 flex-1 z-5">
+        <WriteSection mode="edit" postId={params.postId} />
+      </div>
+    </div>
+  );
+}
+
+export default Page;
diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx
index 86fbf54a..69c710e5 100644
--- a/src/app/community/page.tsx
+++ b/src/app/community/page.tsx
@@ -3,7 +3,7 @@ import PageHeader from '@/domains/shared/components/page-header/PageHeader';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 커뮤니티',
+  title: '커뮤니티',
   description: '칵테일에 관한 모든 이야기',
 };
 
@@ -12,7 +12,7 @@ function Page() {
     <div className="w-full">
       <PageHeader title="Community" description="칵테일에 관한 모든 이야기" />
       <div className="page-layout max-w-1024">
-        <div className="mt-3 mb-10 flex flex-col gap-8 ">
+        <div className="mt-3 mb-40 flex flex-col gap-8 ">
           <section aria-labelledby="community-heading">
             <h1 id="community-heading" className="sr-only">
               커뮤니티 페이지
diff --git a/src/app/community/write/page.tsx b/src/app/community/write/page.tsx
index 839ee012..c055db77 100644
--- a/src/app/community/write/page.tsx
+++ b/src/app/community/write/page.tsx
@@ -1,34 +1,15 @@
 'use client';
 
-import Tag from '@/domains/community/components/tag/Tag';
-import Category from '@/domains/community/write/Category';
-import TagModal from '@/domains/community/write/cocktail-tag/TagModal';
-import CompleteBtn from '@/domains/community/write/CompleteBtn';
-import FormTitle from '@/domains/community/write/FormTitle';
-import ImageSection from '@/domains/community/write/image-upload/ImageSection';
-import WriteForm from '@/domains/community/write/WriteForm';
+import WriteSection from '@/domains/community/write/WriteSection';
 import StarBg from '@/domains/shared/components/star-bg/StarBg';
-import { useState } from 'react';
 
 function Page() {
-  const [isOpen, setIsOpen] = useState(false);
-
   return (
     <div className="w-full mb-20 flex relative">
       <StarBg className="w-full h-32 absolute"></StarBg>
       <div className="page-layout max-w-824 flex-1 z-5">
-        <CompleteBtn />
-        <section>
-          <FormTitle />
-          <Category />
-          <WriteForm />
-        </section>
-        <ImageSection />
-        <section className="mt-8">
-          <Tag use="write" onClick={() => setIsOpen(true)} />
-        </section>
+        <WriteSection mode="create" />
       </div>
-      {isOpen && <TagModal isOpen={isOpen} setIsOpen={setIsOpen} />}
     </div>
   );
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a2ce1c09..f35edec6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,8 +4,16 @@ import { Toaster } from 'react-hot-toast';
 import Header from '@/shared/components/header/Header';
 import FooterWrapper from '@/shared/components/footer/FooterWrapper';
 import ScrollTopBtnWrapper from '@/shared/components/scroll-top/ScrollTopBtnWrapper';
+import KaKaoScript from './api/kakao/KaKaoScript';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
+import Provider from '@/shared/api/Provider';
+import ClientInitHook from '@/domains/login/components/ClientInitHook';
+
 export const metadata: Metadata = {
-  title: 'SSOUL',
+  title: { default: 'SSOUL', template: 'SSOUL | %s' },
+  metadataBase: new URL('http://www.ssoul.life'),
   description: '칵테일을 좋아하는 사람들을 위한 서비스',
 };
 
@@ -17,24 +25,28 @@ export default function RootLayout({
   return (
     <html lang="ko-KR">
       <body className="relative flex flex-col min-h-screen">
-        <Header />
-        <main className="flex flex-1 pt-[2.75rem] md:pt-[3.75rem]">{children}</main>
-        <FooterWrapper />
+        <Provider>
+          <Header />
+          <ClientInitHook />
+          <main className="flex flex-1 pt-[2.75rem] md:pt-[3.75rem]">{children}</main>
+          <FooterWrapper />
 
-        <div id="modal-root"></div>
-        <Toaster
-          position="top-center"
-          toastOptions={{
-            duration: 2000,
-            style: {
-              minWidth: '340px',
-              background: 'transparent',
-            },
-          }}
-        />
+          <div id="modal-root"></div>
+          <Toaster
+            position="top-center"
+            toastOptions={{
+              duration: 2000,
+              style: {
+                minWidth: '340px',
+                background: 'transparent',
+              },
+            }}
+          />
 
-        <ScrollTopBtnWrapper />
+          <ScrollTopBtnWrapper />
+        </Provider>
       </body>
+      <KaKaoScript />
     </html>
   );
 }
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index d2548bbd..eaef7d76 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -4,7 +4,7 @@ import loginBg from '@/shared/assets/images/login_bg.webp';
 import SocialLogin from '@/domains/login/main/SocialLogin';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 로그인',
+  title: '로그인',
   description: '칵테일을 좋아하는 사람들을 위한 서비스 로그인 페이지',
 };
 
diff --git a/src/app/mypage/my-active/my-comment/page.tsx b/src/app/mypage/my-active/my-comment/page.tsx
index c69e1e6d..69f24c97 100644
--- a/src/app/mypage/my-active/my-comment/page.tsx
+++ b/src/app/mypage/my-active/my-comment/page.tsx
@@ -1,12 +1,12 @@
-// import CommentList from '@/domains/shared/components/comment/CommentList';
+import MyComment from '@/domains/mypage/components/pages/my-active/MyComment';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 마이페이지',
+  title: '마이페이지',
   description: 'SSOUL 서비스에서 나의 활동을 관리할 수 있는 페이지입니다',
 };
 
 function Page() {
-  return <>{/* <CommentList /> */}</>;
+  return <MyComment />;
 }
 export default Page;
diff --git a/src/app/mypage/my-active/my-like/page.tsx b/src/app/mypage/my-active/my-like/page.tsx
index 0a8e73e1..8c3d624e 100644
--- a/src/app/mypage/my-active/my-like/page.tsx
+++ b/src/app/mypage/my-active/my-like/page.tsx
@@ -1,12 +1,13 @@
 // import PostCard from '@/domains/community/main/PostCard';
+import MyLike from '@/domains/mypage/components/pages/my-active/MyLike';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 마이페이지',
+  title: '마이페이지',
   description: 'SSOUL 서비스에서 나의 활동을 관리할 수 있는 페이지입니다',
 };
 
 function Page() {
-  return <section>{/* <PostCard posts={posts} isLoading={isLoading} /> */}</section>;
+  return <MyLike />;
 }
 export default Page;
diff --git a/src/app/mypage/my-active/my-post/page.tsx b/src/app/mypage/my-active/my-post/page.tsx
index 70c47d80..21b0b161 100644
--- a/src/app/mypage/my-active/my-post/page.tsx
+++ b/src/app/mypage/my-active/my-post/page.tsx
@@ -1,12 +1,12 @@
-// import PostCard from '@/domains/community/main/PostCard';
+import MyPost from '@/domains/mypage/components/pages/my-active/MyPost';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 마이페이지',
+  title: '마이페이지',
   description: 'SSOUL 서비스에서 나의 활동을 관리할 수 있는 페이지입니다',
 };
 
 function Page() {
-  return <div>{/* <PostCard posts={posts} isLoading={isLoading} /> */}</div>;
+  return <MyPost />;
 }
 export default Page;
diff --git a/src/app/mypage/my-alarm/page.tsx b/src/app/mypage/my-alarm/page.tsx
index ec9e77c1..68cb5d42 100644
--- a/src/app/mypage/my-alarm/page.tsx
+++ b/src/app/mypage/my-alarm/page.tsx
@@ -1,19 +1,16 @@
-import Alarm from '@/domains/mypage/components/Alarm';
+import MyAlarm from '@/domains/mypage/components/pages/my-alarm/MyAlarm';
 
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 마이페이지',
+  title: '마이페이지',
   description: 'SSOUL 서비스에서 나의 활동을 관리할 수 있는 페이지입니다',
 };
 
 function Page() {
   return (
     <div className="flex flex-col gap-3">
-      <Alarm></Alarm>
-      <Alarm></Alarm>
-      <Alarm></Alarm>
-      <Alarm></Alarm>
+      <MyAlarm />
     </div>
   );
 }
diff --git a/src/app/mypage/my-bar/page.tsx b/src/app/mypage/my-bar/page.tsx
index 4c12cc42..d726dbac 100644
--- a/src/app/mypage/my-bar/page.tsx
+++ b/src/app/mypage/my-bar/page.tsx
@@ -1,25 +1,12 @@
-import CocktailCard from '@/domains/shared/components/cocktail-card/CocktailCard';
+import MyBar from '@/domains/mypage/components/pages/my-bar/MyBar';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 마이페이지',
+  title: '마이페이지',
   description: 'SSOUL 서비스에서 나의 활동을 관리할 수 있는 페이지입니다',
 };
 
 function Page() {
-  return (
-    <div
-      className="grid grid-cols-1 justify-items-center mt-10 gap-8  sm:[grid-template-columns:repeat(2,minmax(0,320px))]  sm:justify-evenly md:[grid-template-columns:repeat(3,minmax(0,250px))]  
-  "
-    >
-      <CocktailCard
-        src=""
-        textSize1="text-xl"
-        name="Old Pashioned"
-        nameKo="올드 패션드"
-        keep={false}
-      ></CocktailCard>
-    </div>
-  );
+  return <MyBar />;
 }
 export default Page;
diff --git a/src/app/mypage/my-setting/page.tsx b/src/app/mypage/my-setting/page.tsx
index b7e3f792..2cb147bd 100644
--- a/src/app/mypage/my-setting/page.tsx
+++ b/src/app/mypage/my-setting/page.tsx
@@ -2,7 +2,7 @@ import MySetting from '@/domains/mypage/main/MySetting';
 
 import { Metadata } from 'next';
 export const metadata: Metadata = {
-  title: 'SSOUL | 마이페이지',
+  title: '마이페이지',
   description: 'SSOUL 서비스에서 나의 활동을 관리할 수 있는 페이지입니다',
 };
 
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 0af109b4..08748b26 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,4 +1,10 @@
-function notfound() {
-  return <div>notfound</div>;
+import NotFoundCont from '@/domains/not-found/components/NotFoundCont';
+
+function NotFound() {
+  return (
+    <div className="page-layout max-w-1024 flex-center">
+      <NotFoundCont />
+    </div>
+  );
 }
-export default notfound;
+export default NotFound;
diff --git a/src/app/recipe/[id]/page.tsx b/src/app/recipe/[id]/page.tsx
index 11f867e9..ad217540 100644
--- a/src/app/recipe/[id]/page.tsx
+++ b/src/app/recipe/[id]/page.tsx
@@ -1,11 +1,42 @@
+import { getApi } from '@/app/api/config/appConfig';
 import DetailMain from '@/domains/recipe/details/DetailMain';
 import StarBg from '@/domains/shared/components/star-bg/StarBg';
+import { Metadata } from 'next';
+
+type RouteParams = { id: number };
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<RouteParams>;
+}): Promise<Metadata> {
+  const { id } = await params;
+  const res = await fetch(`${getApi}/cocktails/${id}`);
+  const recipe = await res.json();
+  return {
+    title: `${recipe.data.cocktailNameKo}`,
+    description: `${recipe.data.cocktailNameKo} 레시피`,
+    openGraph: {
+      title: recipe.title,
+      images: [recipe.data.cocktailImgUrl],
+      type: 'article',
+    },
+    twitter: {
+      card: 'summary_large_image',
+      description: `${recipe.data.cocktailNameKo} 레시피`,
+      title: `${recipe.data.cocktailNameKo}`,
+      images: [recipe.data.cocktailImgUrl],
+    },
+  };
+}
+
+async function Page({ params }: { params: Promise<RouteParams> }) {
+  const { id } = await params;
 
-function Page() {
   return (
     <div className="w-full relative">
       <StarBg className="absolute top-0 left-0 h-200 lg:h-200" />
-      <DetailMain />
+      <DetailMain id={id} />
     </div>
   );
 }
diff --git a/src/app/recipe/page.tsx b/src/app/recipe/page.tsx
index 06cb569c..5ab5d9d1 100644
--- a/src/app/recipe/page.tsx
+++ b/src/app/recipe/page.tsx
@@ -1,14 +1,12 @@
 import { Metadata } from 'next';
-import Input from '@/shared/components/Input-box/Input';
 
-import Accordion from '../../domains/recipe/components/main/Accordion';
 import PageHeader from '@/domains/shared/components/page-header/PageHeader';
 import { Suspense } from 'react';
 import SkeletonRecipe from '@/domains/recipe/skeleton/SkeletonRecipe';
-import Cocktails from '@/domains/recipe/main/Cocktails';
+import Cocktails from '@/domains/recipe/components/main/Cocktails';
 
 export const metadata: Metadata = {
-  title: 'SSOUL | 칵테일레시피',
+  title: '칵테일레시피',
   description: '칵테일 레시피가 궁금하신 분들을 위한 레시피 페이지',
 };
 
@@ -20,15 +18,6 @@ function Page() {
       </section>
       <div className="page-layout max-w-1224 mt-6">
         <Suspense fallback={<SkeletonRecipe />}>
-          <section className="flex flex-col-reverse items-start gap-6 md:flex-row md:justify-between md:items-center ">
-            <Accordion />
-            <Input
-              placeholder="내용을 입력해 주세요."
-              id="search"
-              variant="search"
-              className="w-full md:max-w-80"
-            />
-          </section>
           <Cocktails />
         </Suspense>
       </div>
diff --git a/src/app/recommend/page.tsx b/src/app/recommend/page.tsx
index c49c4385..0d8a5a77 100644
--- a/src/app/recommend/page.tsx
+++ b/src/app/recommend/page.tsx
@@ -1,14 +1,20 @@
+'use client';
+
 import ChatSection from '@/domains/recommend/components/ChatSection';
 import Bg from '@/shared/assets/images/recommend_bg.webp';
+import { useAuthStore } from '@/domains/shared/store/auth';
+import ChatPreview from '@/domains/recommend/components/ChatPreview';
 
 function Page() {
+  const { user } = useAuthStore();
+
   return (
     <div
-      className="relative bg-repeat bg-auto w-full flex flex-col overflow-hidden"
+      className="relative bg-repeat bg-auto w-full flex flex-col"
       style={{ backgroundImage: `url(${Bg.src})` }}
     >
       <h1 className="sr-only">취향추천하기</h1>
-      <ChatSection />
+      {user ? <ChatSection /> : <ChatPreview />}
     </div>
   );
 }
diff --git a/src/domains/community/api/fetchCocktails.ts b/src/domains/community/api/fetchCocktails.ts
new file mode 100644
index 00000000..b504405b
--- /dev/null
+++ b/src/domains/community/api/fetchCocktails.ts
@@ -0,0 +1,12 @@
+import { getApi } from '@/app/api/config/appConfig';
+
+export const fetchCocktails = async () => {
+  try {
+    const res = await fetch(`${getApi}/cocktails`);
+    if (!res.ok) throw new Error('칵테일 데이터 불러오기 실패');
+    const data = await res.json();
+    return data.data;
+  } catch (error) {
+    console.error(error);
+  }
+};
diff --git a/src/domains/community/api/fetchComment.ts b/src/domains/community/api/fetchComment.ts
index 2eb8302d..4d66342c 100644
--- a/src/domains/community/api/fetchComment.ts
+++ b/src/domains/community/api/fetchComment.ts
@@ -1,7 +1,8 @@
 import { getApi } from '@/app/api/config/appConfig';
 import { CommentType } from '../types/post';
+import { ParamValue } from 'next/dist/server/request/params';
 
-export const fetchComment = async (postId: number): Promise<CommentType[] | null> => {
+export const fetchComment = async (postId: ParamValue | number): Promise<CommentType[] | null> => {
   try {
     const res = await fetch(`${getApi}/posts/${postId}/comments`, {
       method: 'GET',
@@ -21,7 +22,7 @@ export const fetchComment = async (postId: number): Promise<CommentType[] | null
   }
 };
 
-export const postComments = async (postId: number, content: string) => {
+export const postComments = async (postId: number | ParamValue, content: string) => {
   try {
     const res = await fetch(`${getApi}/posts/${postId}/comments`, {
       method: 'POST',
@@ -48,7 +49,7 @@ export const postComments = async (postId: number, content: string) => {
 
 export async function updateComment(
   accessToken: string | null,
-  postId: number,
+  postId: number | ParamValue,
   commentId: number,
   content: string
 ): Promise<void> {
@@ -70,7 +71,7 @@ export async function updateComment(
 
 export async function deleteComment(
   accessToken: string | null,
-  postId: number,
+  postId: number | ParamValue,
   commentId: number
 ): Promise<void> {
   const response = await fetch(`${getApi}/posts/${postId}/comments/${commentId}`, {
diff --git a/src/domains/community/api/fetchPost.ts b/src/domains/community/api/fetchPost.ts
index 29fdb672..71eb8c62 100644
--- a/src/domains/community/api/fetchPost.ts
+++ b/src/domains/community/api/fetchPost.ts
@@ -1,13 +1,17 @@
 import { getApi } from '@/app/api/config/appConfig';
 import { Post } from '@/domains/community/types/post';
 import { ParamValue } from 'next/dist/server/request/params';
+import { tabItem } from '../main/CommunityTab';
 
-export const fetchPost = async (): Promise<Post[] | null> => {
+export const fetchPost = async (lastId?: number | null): Promise<Post[] | null> => {
   try {
-    const res = await fetch(`${getApi}/posts?postSortStatus=LATEST`, {
-      method: 'GET',
-      cache: 'no-store',
-    });
+    const res = await fetch(
+      `${getApi}/posts?${lastId ? `lastId=${lastId}&` : ''}postSortStatus=LATEST`,
+      {
+        method: 'GET',
+        cache: 'no-store',
+      }
+    );
     const data = await res.json();
     return data.data;
   } catch (err) {
@@ -16,7 +20,7 @@ export const fetchPost = async (): Promise<Post[] | null> => {
   }
 };
 
-export const fetchPostById = async (postId: ParamValue) => {
+export const fetchPostById = async (postId: ParamValue | number) => {
   try {
     const res = await fetch(`${getApi}/posts/${postId}`, {
       method: 'GET',
@@ -29,15 +33,65 @@ export const fetchPostById = async (postId: ParamValue) => {
   }
 };
 
-export const fetchPostByTab = async (selectedTab: string): Promise<Post[] | null> => {
+export const fetchPostByTab = async ({
+  category,
+  filter = 'LATEST',
+  lastId,
+  lastLikeCount,
+  lastCommentCount,
+}: {
+  category?: string;
+  filter?: 'LATEST' | 'POPULAR' | 'COMMENTS';
+  lastId?: number;
+  lastLikeCount?: number | null;
+  lastCommentCount?: number | null;
+}): Promise<Post[] | null> => {
   try {
-    const data = await fetchPost();
+    const params = new URLSearchParams();
+
+    if (category && category !== 'all') {
+      const categoryId = tabItem.findIndex((tab) => tab.key === category);
+      if (categoryId >= 0) {
+        params.set('categoryId', categoryId.toString());
+      }
+    }
+
+    if (lastId) params.set('lastId', lastId.toString());
+
+    switch (filter) {
+      case 'POPULAR':
+        if (lastLikeCount) params.set('lastLikeCount', lastLikeCount.toString());
+        params.set('postSortStatus', 'POPULAR');
+        break;
+      case 'COMMENTS':
+        if (lastCommentCount) params.set('lastCommentCount', lastCommentCount.toString());
+        params.set('postSortStatus', 'COMMENTS');
+        break;
+      case 'LATEST':
+      default:
+        params.set('postSortStatus', 'LATEST');
+        break;
+    }
+
+    const res = await fetch(`${getApi}/posts?${params.toString()}`, {
+      method: 'GET',
+      cache: 'no-store',
+    });
+
+    const data = await res.json();
     if (!data) return null;
 
-    const filtered = data.filter((post) => post.categoryName === selectedTab);
-    return filtered;
+    return data.data; // 필요하다면 filter 추가 가능
   } catch (err) {
-    console.error('글 목록 필터링 실패', err);
+    console.error('글 목록 가져오기 실패', err);
     return null;
   }
 };
+
+export async function likePost(postId: number | ParamValue) {
+  const res = await fetch(`${getApi}/posts/${postId}/like`, {
+    method: 'POST',
+    credentials: 'include',
+  });
+  if (!res.ok) throw new Error('좋아요 실패');
+}
diff --git a/src/domains/community/components/comment/CommentBtn.tsx b/src/domains/community/components/comment/CommentBtn.tsx
index b3f497f4..fef0f4d8 100644
--- a/src/domains/community/components/comment/CommentBtn.tsx
+++ b/src/domains/community/components/comment/CommentBtn.tsx
@@ -1,19 +1,25 @@
 import CommentIcon from '@/shared/assets/icons/comment_28.svg';
 import { useState } from 'react';
 
-function CommentBtn({ size }: { size: 'sm' | 'md' }) {
+type Props = {
+  size: 'sm' | 'md';
+  onClick?: () => void;
+};
+
+function CommentBtn({ size, onClick }: Props) {
   const [isClick, setIsClick] = useState(false);
 
   const handleClick = () => {
     setIsClick(!isClick);
   };
+
   return (
     <button
       type="button"
       className={`${size === 'md' ? 'w-13.75 h-13.75 flex-center border-1 border-white rounded-full' : ''} bg-primary`}
       aria-label="코멘트 버튼"
       aria-pressed={isClick}
-      onClick={handleClick}
+      onClick={onClick ? onClick : handleClick}
     >
       <CommentIcon
         className="duration-100  hover:[&_*]:fill-tertiary/50 [&_*]:duration-200"
diff --git a/src/domains/community/components/like/LikeBtn.tsx b/src/domains/community/components/like/LikeBtn.tsx
index 0ba3be47..2b6dc0d9 100644
--- a/src/domains/community/components/like/LikeBtn.tsx
+++ b/src/domains/community/components/like/LikeBtn.tsx
@@ -1,19 +1,22 @@
 import LikeIcon from '@/shared/assets/icons/like_28.svg';
 import { useState } from 'react';
 
-function LikeBtn({ size }: { size: 'sm' | 'md' }) {
-  const [isClick, setIsClick] = useState(false);
+type Props = {
+  size: 'sm' | 'md';
+  onClick?: () => void;
+  isClick?: boolean; // 외부에서 제어
+};
 
-  const handleClick = () => {
-    setIsClick(!isClick);
-  };
+function LikeBtn({ size, onClick, isClick = false }: Props) {
   return (
     <button
       type="button"
       className={`${size === 'md' ? 'w-13.75 h-13.75 flex-center border-1 border-white rounded-full' : ''} bg-primary`}
       aria-label="좋아요 버튼"
       aria-pressed={isClick}
-      onClick={handleClick}
+      onClick={() => {
+        if (onClick) onClick();
+      }}
     >
       <LikeIcon
         fill={`${isClick ? '#81689d' : 'transparent'}`}
diff --git a/src/domains/community/components/post-info/PostInfo.tsx b/src/domains/community/components/post-info/PostInfo.tsx
index d30403b7..c2d3f875 100644
--- a/src/domains/community/components/post-info/PostInfo.tsx
+++ b/src/domains/community/components/post-info/PostInfo.tsx
@@ -30,7 +30,7 @@ function PostInfo({
       <li aria-hidden="true">|</li>
       <li>조회 {viewCount || 0}</li>
       <li aria-hidden="true">|</li>
-      <li>댓글 {commentCount + 1 || 0}</li>
+      <li>댓글 {commentCount || 0}</li>
     </ul>
   );
 }
diff --git a/src/domains/community/components/tag/CocktailTag.tsx b/src/domains/community/components/tag/CocktailTag.tsx
index 44d05458..6872b282 100644
--- a/src/domains/community/components/tag/CocktailTag.tsx
+++ b/src/domains/community/components/tag/CocktailTag.tsx
@@ -1,21 +1,40 @@
+import React, { Dispatch, SetStateAction, useCallback } from 'react';
 import Tag from './Tag';
 import TagList from './TagList';
+import { TagType } from '@/domains/recipe/types/types';
 
 type Props = {
   use: 'write' | 'detail';
-  tags: string[];
+  selectedTags: string[];
+  setSelectedTags?: Dispatch<SetStateAction<string[]>>;
+  onClick?: () => void;
 };
 
-function CocktailTag({ use, tags }: Props) {
+function CocktailTag({ use, selectedTags, setSelectedTags, onClick }: Props) {
+  // 타입 가드: write인 경우만 TagType[]
+  const isWrite = use === 'write';
+
+  const handleTagUpdate = useCallback(
+    (newTags: string[] | ((prev: string[]) => string[])) => {
+      if (!setSelectedTags) return;
+      setSelectedTags(newTags);
+    },
+    [setSelectedTags]
+  );
+
   return (
     <div
       role="list"
-      className={`flex sm:gap-5 gap-2 sm:flex-row flex-col justify-center sm:items-center items-start sm:mb-0 mb-2 transition-all ease-in `}
+      className={`flex sm:gap-5 gap-2 sm:flex-row flex-col justify-start sm:items-center items-start sm:mb-0 mb-2 transition-all ease-in `}
     >
-      <Tag use={use} />
-      <TagList tags={tags} />
+      <Tag use={use} onClick={onClick} />
+      <TagList
+        tags={selectedTags}
+        setTags={setSelectedTags ? handleTagUpdate : undefined}
+        hasDelete={use === 'write'}
+      />
     </div>
   );
 }
 
-export default CocktailTag;
+export default React.memo(CocktailTag);
diff --git a/src/domains/community/components/tag/Tag.tsx b/src/domains/community/components/tag/Tag.tsx
index ed279d1f..96068b25 100644
--- a/src/domains/community/components/tag/Tag.tsx
+++ b/src/domains/community/components/tag/Tag.tsx
@@ -10,7 +10,7 @@ function Tag({ use, onClick }: Props) {
     <button
       type="button"
       onClick={onClick}
-      className="flex gap-1 items-center justify-center text-sm text-secondary border-1 border-gray p-1 rounded-3xl cursor-pointer w-32 hover:bg-secondary/10 transition-colors duration-75"
+      className="flex gap-1 items-center justify-center text-sm text-secondary border-1 border-gray p-1 rounded-3xl cursor-pointer min-w-32 hover:bg-secondary/10 transition-colors duration-75"
       aria-label="칵테일 태그 선택"
     >
       <TagIcon />
diff --git a/src/domains/community/components/tag/TagList.tsx b/src/domains/community/components/tag/TagList.tsx
index c393aeba..b9a77d8f 100644
--- a/src/domains/community/components/tag/TagList.tsx
+++ b/src/domains/community/components/tag/TagList.tsx
@@ -2,23 +2,30 @@ import CloseIcon from '@/shared/assets/icons/close_20.svg';
 
 type Props = {
   hasDelete?: boolean;
-  tags: string[] | null;
+  tags: string[];
+  setTags?: React.Dispatch<React.SetStateAction<string[]>>;
 };
 
-function TagList({ hasDelete, tags }: Props) {
+function TagList({ hasDelete, tags, setTags }: Props) {
+  const handleDelete = (name: string) => {
+    return setTags && setTags((prev: string[]) => prev?.filter((p) => p !== name));
+  };
+
+  if (!tags) return;
   return (
-    <ul className="flex text-sm gap-2 items-center text-primary font-light">
-      {tags &&
+    <ul className="flex text-sm gap-2 items-center text-primary font-light flex-wrap">
+      {tags?.length > 0 &&
         tags.map((tag) => (
           <li
             key={tag}
             className={`bg-[#FFE4E6] px-2 py-[1px] rounded-md flex gap-2 ${hasDelete && 'hover:opacity-90 pl-2 pr-1'}`}
           >
-            <p>올드패션</p>
+            <p>{tag}</p>
             {hasDelete && (
               <button
                 type="button"
                 className=" rounded-md transition-colors ease-in hover:text-primary/40"
+                onClick={() => handleDelete(tag)}
               >
                 <CloseIcon />
               </button>
diff --git a/src/domains/community/detail/Comment.tsx b/src/domains/community/detail/Comment.tsx
index 7c60a4e2..f7009de8 100644
--- a/src/domains/community/detail/Comment.tsx
+++ b/src/domains/community/detail/Comment.tsx
@@ -5,9 +5,10 @@ import { useAuthStore } from '@/domains/shared/store/auth';
 import { useShallow } from 'zustand/shallow';
 import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
 import { useComments } from '../hook/useComment';
+import { ParamValue } from 'next/dist/server/request/params';
 
 type Props = {
-  postId: number;
+  postId: ParamValue;
 };
 
 function Comment({ postId }: Props) {
@@ -32,7 +33,7 @@ function Comment({ postId }: Props) {
 
   return (
     <>
-      <section className="mb-10 border-t-1 border-gray ">
+      <section className=" border-t-1 border-gray">
         <CommentHeader
           postId={postId}
           comments={comments}
diff --git a/src/domains/community/detail/DetailContent.tsx b/src/domains/community/detail/DetailContent.tsx
index 8ac4cb46..5a5af01e 100644
--- a/src/domains/community/detail/DetailContent.tsx
+++ b/src/domains/community/detail/DetailContent.tsx
@@ -1,32 +1,52 @@
-import Image from 'next/image';
-import prePost from '@/shared/assets/images/prepost_img.webp';
-
 import PostInfo from '../components/post-info/PostInfo';
 import CocktailTag from '../components/tag/CocktailTag';
 import DetailTabMobile from './tab/DetailTabMobile';
+import ImageSlide from './ImageSlide';
+import { ParamValue } from 'next/dist/server/request/params';
 
 type Props = {
   createdAt: string;
   viewCount: number;
-  postId: number;
+  postId: ParamValue;
   tags: string[];
   content: string;
-  likeCount: number;
+  prevLikeCount: number;
   commentCount: number;
+  like: boolean;
+  onLikeToggle: () => void;
+  imageUrls: string[];
+  title: string;
 };
 
-function DetailContent({ createdAt, viewCount, tags, content, likeCount, commentCount }: Props) {
+function DetailContent({
+  createdAt,
+  viewCount,
+  tags,
+  content,
+  prevLikeCount,
+  commentCount,
+  title,
+  like,
+  imageUrls,
+  onLikeToggle,
+}: Props) {
   return (
     <section className="mt-5 flex flex-col items-start w-full gap-3 pb-10 relative">
-      <figure className="flex items-center justify-center sm:justify-start mb-5 max-h-120">
-        <Image src={prePost} alt="더미 이미지" height={600} className="sm:w-auto w-full" />
-      </figure>
-      <article className="flex flex-col gap-1 mb-5">{content}</article>
-      <CocktailTag use="detail" tags={tags} />
+      <ImageSlide imageUrls={imageUrls} />
+      <article className="flex flex-col gap-1 mb-5 whitespace-pre-line text-md mt-4">
+        {content}
+      </article>
+      <CocktailTag use="detail" selectedTags={tags} />
       <PostInfo createdAt={createdAt} viewCount={viewCount} commentCount={commentCount} />
 
-      <div className="block md:hidden mt-2">
-        <DetailTabMobile likeCount={likeCount} />
+      <div className="block lg:hidden mt-2">
+        <DetailTabMobile
+          likeCount={prevLikeCount ?? 0}
+          like={like}
+          onLikeToggle={onLikeToggle}
+          title={title}
+          imageUrls={imageUrls}
+        />
       </div>
     </section>
   );
diff --git a/src/domains/community/detail/DetailHeader.tsx b/src/domains/community/detail/DetailHeader.tsx
index 1e675e69..441bcd8e 100644
--- a/src/domains/community/detail/DetailHeader.tsx
+++ b/src/domains/community/detail/DetailHeader.tsx
@@ -1,16 +1,68 @@
 import Label from '@/domains/shared/components/label/Label';
 import EditDelete from './EditDelete';
+import { useRouter } from 'next/navigation';
+import { useAuthStore } from '@/domains/shared/store/auth';
+import { useToast } from '@/shared/hook/useToast';
+import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
+import { useState } from 'react';
+import { getApi } from '@/app/api/config/appConfig';
+import { ParamValue } from 'next/dist/server/request/params';
 
 type Props = {
   categoryName: string;
+  postId: number | ParamValue;
+  userNickName: string;
 };
 
-function DetailHeader({ categoryName }: Props) {
+function DetailHeader({ categoryName, postId, userNickName }: Props) {
+  const [deletePost, setDeletePost] = useState(false);
+  const router = useRouter();
+  const user = useAuthStore((state) => state.user);
+  const { toastError } = useToast();
+
+  const handleConfirmDelete = async (postId: number | ParamValue) => {
+    if (!user) {
+      alert('로그인이 필요합니다');
+      return;
+    }
+
+    try {
+      const res = await fetch(`${getApi}/posts/${postId}`, { method: 'DELETE' });
+      if (res.ok) console.log('deleted');
+      router.push('/community');
+    } catch (err) {
+      console.error(err);
+      alert('글 삭제 중 오류가 발생했습니다.');
+    }
+  };
+
   return (
-    <section className="mt-15 flex justify-between items-center">
-      <Label title={categoryName} />
-      <EditDelete use="post" />
-    </section>
+    <>
+      <section className="mt-15 flex justify-between items-center">
+        <Label title={categoryName} />
+        {userNickName === user?.nickname && (
+          <EditDelete
+            use="post"
+            onEdit={() => {
+              router.push(`/community/edit/${postId}`);
+            }}
+            onDelete={() => {
+              setDeletePost(true);
+            }}
+          />
+        )}
+      </section>
+      {deletePost && (
+        <ConfirmModal
+          open={deletePost}
+          onConfirm={() => handleConfirmDelete(postId)}
+          onCancel={() => setDeletePost(false)}
+          onClose={() => setDeletePost(false)}
+          title="글 삭제"
+          description="정말 이 글을 삭제하시겠습니까?"
+        />
+      )}
+    </>
   );
 }
 
diff --git a/src/domains/community/detail/DetailPage.tsx b/src/domains/community/detail/DetailPage.tsx
new file mode 100644
index 00000000..d950eead
--- /dev/null
+++ b/src/domains/community/detail/DetailPage.tsx
@@ -0,0 +1,145 @@
+'use client';
+
+import { fetchPostById, likePost } from '@/domains/community/api/fetchPost';
+import DetailContent from '@/domains/community/detail/DetailContent';
+import DetailHeader from '@/domains/community/detail/DetailHeader';
+import DetailTitle from '@/domains/community/detail/DetailTitle';
+import DetailTabDesktop from '@/domains/community/detail/tab/DetailTabDesktop';
+import { Post } from '@/domains/community/types/post';
+import Comment from '@/domains/community/detail/Comment';
+import StarBg from '@/domains/shared/components/star-bg/StarBg';
+import { useEffect, useRef, useState } from 'react';
+import DetailSkeleton from '@/domains/community/detail/DetailSkeleton';
+import { useParams } from 'next/navigation';
+import { useAuthStore } from '@/domains/shared/store/auth';
+import Button from '@/shared/components/button/Button';
+import { useRouter } from 'next/navigation';
+import { useComments } from '../hook/useComment';
+
+function DetailPage() {
+  const params = useParams();
+  const postId = params.id;
+
+  const user = useAuthStore((state) => state.user);
+
+  const [postDetail, setPostDetail] = useState<Post | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [like, setLike] = useState(false);
+  const [prevLikeCount, setPrevLikeCount] = useState<number | undefined>(0);
+
+  const isLoggedIn = useAuthStore((state) => state.isLoggedIn);
+  const router = useRouter();
+
+  const { comments } = useComments(postId, user);
+
+  const commentRef = useRef<HTMLElement | null>(null);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      setIsLoading(true);
+      const data = await fetchPostById(postId);
+      if (!data) return;
+
+      setPostDetail(data);
+      setIsLoading(false);
+    };
+    fetchData();
+  }, [postId, setPostDetail]);
+
+  useEffect(() => {
+    if (postDetail) {
+      setPrevLikeCount(postDetail.likeCount);
+    }
+  }, [postDetail]);
+
+  if (isLoading) return <DetailSkeleton />;
+  if (!postDetail) return null;
+
+  const {
+    categoryName,
+    title,
+    userNickName,
+    createdAt,
+    viewCount,
+    imageUrls,
+    tags,
+    content,
+    commentCount,
+  } = postDetail;
+
+  const handleLike = async () => {
+    setLike((prev) => !prev);
+    setPrevLikeCount((prev) => {
+      return like ? prev! - 1 : prev! + 1;
+    });
+
+    try {
+      await likePost(postId); // POST 요청 한 번으로 토글 처리
+    } catch (err) {
+      console.error('좋아요 토글 실패', err);
+      setLike((prev) => !prev);
+      setPrevLikeCount((prev) => (like ? prev! + 1 : prev! - 1));
+    }
+  };
+
+  return (
+    <>
+      <div className="w-full relative mb-10">
+        <StarBg className="w-full h-32 absolute" />
+        <article className="page-layout max-w-824 z-5">
+          <DetailHeader categoryName={categoryName} postId={postId} userNickName={userNickName} />
+          <DetailTitle title={title} userNickname={userNickName} />
+
+          {isLoggedIn ? (
+            <>
+              <DetailContent
+                content={content}
+                createdAt={createdAt}
+                viewCount={viewCount}
+                postId={postId}
+                tags={tags}
+                imageUrls={imageUrls}
+                prevLikeCount={prevLikeCount ?? 0}
+                commentCount={commentCount}
+                like={like}
+                title={title}
+                onLikeToggle={handleLike}
+              />
+            </>
+          ) : (
+            <div className="relative mt-10 flex justify-center items-center">
+              <div className="absolute inset-0 bg-white/60 backdrop-blur-2xl z-10 rounded-md mb-4" />
+              <div className="relative z-20 text-center flex flex-col justify-center items-center p-8">
+                <p className="text-gray-600 text-sm mb-4">
+                  이 게시글을 보시려면 로그인이 필요합니다.
+                </p>
+                <Button onClick={() => router.push('/login')} className="w-[80%]">
+                  로그인 하러 가기
+                </Button>
+              </div>
+            </div>
+          )}
+          <section ref={commentRef}>
+            <Comment postId={postId} />
+          </section>
+        </article>
+        {isLoggedIn && (
+          <div className="hidden lg:block">
+            <DetailTabDesktop
+              likeCount={prevLikeCount ?? 0}
+              commentCount={commentCount}
+              commentRef={commentRef}
+              like={like}
+              onLikeToggle={handleLike}
+              title={title}
+              imageUrls={imageUrls}
+              comments={comments}
+            />
+          </div>
+        )}
+      </div>
+    </>
+  );
+}
+
+export default DetailPage;
diff --git a/src/domains/community/detail/EditDelete.tsx b/src/domains/community/detail/EditDelete.tsx
index 237b833c..6517897e 100644
--- a/src/domains/community/detail/EditDelete.tsx
+++ b/src/domains/community/detail/EditDelete.tsx
@@ -12,7 +12,7 @@ function EditDelete({ use, isEditing, onEdit, onCancelEdit, onDelete, onSubmitEd
     <div
       role="group"
       aria-label="게시글 수정 및 삭제"
-      className="flex sm:gap-3 gap-1 sm:text-[14px] text-[12px] text-gray"
+      className="flex sm:gap-3 gap-1 sm:text-[14px] text-[12px] text-gray z-20"
     >
       <button
         type="button"
diff --git a/src/domains/community/detail/ImageSlide.tsx b/src/domains/community/detail/ImageSlide.tsx
new file mode 100644
index 00000000..02c3a673
--- /dev/null
+++ b/src/domains/community/detail/ImageSlide.tsx
@@ -0,0 +1,31 @@
+import Image from 'next/image';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { Navigation, Pagination } from 'swiper/modules';
+
+function ImageSlide({ imageUrls }: { imageUrls: string[] }) {
+  return (
+    <Swiper
+      spaceBetween={20}
+      modules={[Navigation, Pagination]}
+      navigation
+      pagination={{ clickable: true, type: 'bullets' }}
+      loop
+      className="w-full max-h-100 flex justify-center items-center"
+    >
+      {imageUrls.length > 0 &&
+        imageUrls.map((img) => (
+          <SwiperSlide className="w-full flex justify-center items-center" key={img}>
+            <Image
+              src={encodeURI(img)}
+              alt="이미지"
+              width={150}
+              height={150}
+              className="object-contain w-full max-h-[400px]"
+            />
+          </SwiperSlide>
+        ))}
+    </Swiper>
+  );
+}
+
+export default ImageSlide;
diff --git a/src/domains/community/detail/tab/DetailTabDesktop.tsx b/src/domains/community/detail/tab/DetailTabDesktop.tsx
index 7d62802b..2106232d 100644
--- a/src/domains/community/detail/tab/DetailTabDesktop.tsx
+++ b/src/domains/community/detail/tab/DetailTabDesktop.tsx
@@ -3,34 +3,100 @@
 import Share from '@/domains/shared/components/share/Share';
 import CommentBtn from '../../components/comment/CommentBtn';
 import LikeBtn from '../../components/like/LikeBtn';
+import ShareModal from '@/domains/shared/components/share/ShareModal';
+import { RefObject, useState } from 'react';
+import { useParams } from 'next/navigation';
+import { CommentType } from '../../types/post';
 
 type Props = {
   likeCount: number;
   commentCount: number;
+  commentRef: RefObject<HTMLElement | null>;
+  like: boolean;
+  onLikeToggle: () => void;
+  title: string;
+  imageUrls: string[];
+  comments: CommentType[] | null;
 };
 
-function DetailTabDesktop({ likeCount, commentCount }: Props) {
+interface Meta {
+  title: string;
+  imageUrl: string | undefined;
+  url: string;
+}
+
+function DetailTabDesktop({
+  likeCount,
+  commentCount,
+  commentRef,
+  like,
+  onLikeToggle,
+  title,
+  imageUrls,
+  comments,
+}: Props) {
+  const [isShare, setIsShare] = useState(false);
+  const [meta, setMeta] = useState<Meta | null>(null);
+
+  const params = useParams();
+  const postId = params?.id;
+
+  const handleClick = () => {
+    if (commentRef.current) {
+      const top = commentRef.current.getBoundingClientRect().top + window.scrollY - 100; // 100px 위로 offset
+      window.scrollTo({ top, behavior: 'smooth' });
+    }
+  };
+
+  // ✅ 공유 버튼 클릭 시 meta 생성
+  const handleShareClick = () => {
+    const currentUrl = `http://www.ssoul.life/community/${postId}`;
+    setMeta({
+      title,
+      url: currentUrl,
+      imageUrl: imageUrls[0] || getOgImage(),
+    });
+    setIsShare(true);
+  };
+
+  // ✅ og:image 메타태그에서 이미지 가져오기 (fallback용)
+  const getOgImage = (): string | undefined => {
+    const ogImage = document.querySelector('meta[property="og:image"]');
+    return ogImage?.getAttribute('content') || undefined;
+  };
+
   return (
-    <section
-      aria-label="게시글 인터랙션 버튼"
-      className="absolute top-[50px] 2xl:right-80 xl:right-50 lg:right-10 md:right-10 z-10 h-full transition-transform duration-300 ease-in-out"
-    >
-      <div className="sticky top-[183px]">
-        <div className="flex md:flex-col md:gap-10 w-full h-full">
-          <div className="flex md:flex-col justify-center items-center gap-2 text-sm text-gray">
-            <LikeBtn size="md" />
-            <span>{likeCount}</span>
-          </div>
-          <div className="flex md:flex-col justify-center items-center gap-2 text-sm text-gray">
-            <CommentBtn size="md" />
-            <span>{commentCount}</span>
-          </div>
-          <div>
-            <Share variants="community" size="md" />
+    <>
+      <section
+        aria-label="게시글 인터랙션 버튼"
+        className="absolute top-[50px] 2xl:right-60 xl:right-50 lg:right-10 md:right-10 z-10 h-full transition-transform duration-300 ease-in-out"
+      >
+        <div className="sticky top-[183px]">
+          <div className="flex md:flex-col md:gap-10 w-full h-full">
+            <div className="flex md:flex-col justify-center items-center gap-2 text-sm text-gray">
+              <LikeBtn size="md" onClick={onLikeToggle} isClick={like} />
+              <span>{likeCount}</span>
+            </div>
+            <div className="flex md:flex-col justify-center items-center gap-2 text-sm text-gray">
+              <CommentBtn size="md" onClick={handleClick} />
+              <span>{comments?.length}</span>
+            </div>
+            <div>
+              <Share variants="community" size="md" onClick={handleShareClick} />
+            </div>
           </div>
         </div>
-      </div>
-    </section>
+      </section>
+      {isShare && meta && (
+        <ShareModal
+          open={isShare}
+          onClose={() => setIsShare(!isShare)}
+          src={meta.imageUrl}
+          title={meta.title}
+          url={meta.url}
+        />
+      )}
+    </>
   );
 }
 
diff --git a/src/domains/community/detail/tab/DetailTabMobile.tsx b/src/domains/community/detail/tab/DetailTabMobile.tsx
index f9f00f87..1d6f85a9 100644
--- a/src/domains/community/detail/tab/DetailTabMobile.tsx
+++ b/src/domains/community/detail/tab/DetailTabMobile.tsx
@@ -2,27 +2,73 @@
 
 import Share from '@/domains/shared/components/share/Share';
 import LikeBtn from '../../components/like/LikeBtn';
+import { useState } from 'react';
+import ShareModal from '@/domains/shared/components/share/ShareModal';
+import { useParams } from 'next/navigation';
 
 type Props = {
   likeCount: number;
+  like: boolean;
+  onLikeToggle: () => void;
+  title: string;
+  imageUrls: string[];
 };
 
-function DetailTabMobile({ likeCount }: Props) {
+interface Meta {
+  title: string;
+  imageUrl: string | undefined;
+  url: string;
+}
+
+function DetailTabMobile({ likeCount, onLikeToggle, like, title, imageUrls }: Props) {
+  const [isShare, setIsShare] = useState(false);
+  const [meta, setMeta] = useState<Meta | null>(null);
+
+  const params = useParams();
+  const postId = params?.id;
+
+  const handleShareClick = () => {
+    const currentUrl = `http://www.ssoul.life/community/${postId}`;
+    setMeta({
+      title,
+      url: currentUrl,
+      imageUrl: imageUrls[0] || getOgImage(),
+    });
+    setIsShare(true);
+  };
+
+  // ✅ og:image 메타태그에서 이미지 가져오기 (fallback용)
+  const getOgImage = (): string | undefined => {
+    const ogImage = document.querySelector('meta[property="og:image"]');
+    return ogImage?.getAttribute('content') || undefined;
+  };
+
   return (
-    <section
-      aria-label="게시글 인터랙션 버튼"
-      className="absolute w-full bottom-5 left-0 transition-transform duration-150"
-    >
-      <div className="flex w-full h-full justify-start items-center gap-3">
-        <div className="flex justify-center items-center gap-1 text-sm text-gray">
-          <LikeBtn size="sm" />
-          <span>{likeCount}</span>
-        </div>
-        <div className="flex items-center">
-          <Share variants="community" size="sm" />
+    <>
+      <section
+        aria-label="게시글 인터랙션 버튼"
+        className="absolute w-full bottom-5 left-0 transition-transform duration-150"
+      >
+        <div className="flex w-full h-full justify-start items-center gap-3">
+          <div className="flex justify-center w-auto items-center gap-1 text-sm text-gray">
+            <LikeBtn size="sm" isClick={like} onClick={onLikeToggle} />
+            <span>{likeCount}</span>
+          </div>
+          <div className="flex items-center">
+            <Share variants="community" size="sm" onClick={handleShareClick} />
+          </div>
         </div>
-      </div>
-    </section>
+      </section>
+      {isShare && meta && (
+        <ShareModal
+          open={isShare}
+          onClose={() => setIsShare(!isShare)}
+          src={meta.imageUrl}
+          title={meta.title}
+          url={meta.url}
+        />
+      )}
+    </>
   );
 }
 
diff --git a/src/domains/community/hook/useComment.ts b/src/domains/community/hook/useComment.ts
index 6903a277..d94e0f90 100644
--- a/src/domains/community/hook/useComment.ts
+++ b/src/domains/community/hook/useComment.ts
@@ -3,14 +3,16 @@ import { deleteComment, fetchComment, updateComment } from '../api/fetchComment'
 import { getApi } from '@/app/api/config/appConfig';
 import { CommentType } from '../types/post';
 import { User } from '@/domains/shared/store/auth';
+import { ParamValue } from 'next/dist/server/request/params';
 
-export function useComments(postId: number, user: User | null, accessToken: string | null) {
+export function useComments(postId: ParamValue, user: User | null, accessToken?: string | null) {
   const [comments, setComments] = useState<CommentType[] | null>(null);
   const [isEnd, setIsEnd] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteTarget, setDeleteTarget] = useState<{ commentId: number; postId: number } | null>(
-    null
-  );
+  const [deleteTarget, setDeleteTarget] = useState<{
+    commentId: number;
+    postId: number | ParamValue;
+  } | null>(null);
 
   const fetchData = useCallback(async () => {
     const data = await fetchComment(postId);
@@ -21,9 +23,9 @@ export function useComments(postId: number, user: User | null, accessToken: stri
 
   useEffect(() => {
     fetchData();
-  }, [fetchData]);
+  }, [postId]);
 
-  const handleUpdateComment = async (commentId: number, postId: number, content: string) => {
+  const handleUpdateComment = async (commentId: number, content: string) => {
     if (!user) {
       alert('로그인이 필요합니다');
       return;
@@ -37,13 +39,15 @@ export function useComments(postId: number, user: User | null, accessToken: stri
             )
           : prev
       );
+      const updatedComments = await fetchComment(postId);
+      setComments(updatedComments);
     } catch (err) {
       console.error(err);
       alert('댓글 수정 중 오류가 발생했습니다.');
     }
   };
 
-  const handleAskDeleteComment = (commentId: number, postId: number) => {
+  const handleAskDeleteComment = (commentId: number) => {
     setDeleteTarget({ commentId, postId });
   };
 
@@ -59,6 +63,8 @@ export function useComments(postId: number, user: User | null, accessToken: stri
       setComments((prev) =>
         prev ? prev.filter((c) => c.commentId !== deleteTarget.commentId) : prev
       );
+      const updatedComments = await fetchComment(postId);
+      setComments(updatedComments);
     } catch (err) {
       console.error(err);
       alert('댓글 삭제 중 오류가 발생했습니다.');
diff --git a/src/domains/community/main/Community.tsx b/src/domains/community/main/Community.tsx
index 878d412b..b000c950 100644
--- a/src/domains/community/main/Community.tsx
+++ b/src/domains/community/main/Community.tsx
@@ -1,27 +1,92 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import CommunityFilter from './CommunityFilter';
 import CommunityTab from './CommunityTab';
 import PostCard from './PostCard';
 import WriteBtn from './WriteBtn';
 import { Post } from '../types/post';
-import { fetchPost } from '../api/fetchPost';
+import { fetchPostByTab } from '../api/fetchPost';
+import { useSearchParams } from 'next/navigation';
 
 function Community() {
-  const [posts, setPosts] = useState<Post[]>([]);
+  const [posts, setPosts] = useState<Post[] | null>([]);
   const [isLoading, setIsLoading] = useState(true);
+  const [lastLoadedId, setLastLoadedId] = useState<number | null>(null);
+
+  const searchParams = useSearchParams();
+
+  const category = useMemo(() => searchParams.get('category') || 'all', [searchParams]);
+  const filter = useMemo(
+    () => (searchParams.get('postSortStatus') as 'LATEST' | 'POPULAR' | 'COMMENTS') || 'LATEST',
+    [searchParams]
+  );
+
+  const lastLikeCount =
+    posts && posts.length > 0 ? Math.min(...posts.map((post) => post.likeCount)) : null;
+
+  const lastCommentCount =
+    posts && posts.length > 0 ? Math.min(...posts.map((post) => post.commentCount)) : null;
+
+  const [isEnd, setIsEnd] = useState(false);
 
   useEffect(() => {
-    const fetchData = async () => {
-      setIsLoading(true);
-      const data = await fetchPost();
-      if (!data) return;
-      setPosts(data);
+    setPosts([]);
+    setIsEnd(false);
+    setLastLoadedId(null);
+    loadInitialPosts();
+  }, [category, filter]);
+
+  const loadInitialPosts = async () => {
+    setIsLoading(true);
+    setIsEnd(false);
+
+    try {
+      const newPosts = await fetchPostByTab({
+        category,
+        filter,
+        lastLikeCount,
+        lastCommentCount,
+      });
+
+      if (!newPosts || newPosts.length === 0) {
+        setIsEnd(true);
+        setPosts([]);
+      } else {
+        setPosts(newPosts);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const loadMorePosts = async (lastPostId: number) => {
+    if (isEnd || isLoading) return;
+    if (!posts || posts.length === 0) return;
+    console.log('시작', lastPostId);
+
+    if (lastLoadedId === lastPostId) return;
+    setLastLoadedId(lastPostId);
+
+    setIsLoading(true);
+    try {
+      const newPosts = await fetchPostByTab({
+        category,
+        filter,
+        lastLikeCount,
+        lastCommentCount,
+        lastId: lastPostId,
+      });
+
+      if (!newPosts || newPosts?.length === 0) {
+        setIsEnd(true);
+      } else {
+        setPosts((prev) => [...(prev ?? []), ...(newPosts ?? [])]);
+      }
+    } finally {
       setIsLoading(false);
-    };
-    fetchData();
-  }, [setPosts]);
+    }
+  };
 
   return (
     <>
@@ -29,13 +94,20 @@ function Community() {
         aria-label="탭과 글쓰기"
         className="flex justify-between item-center sm:flex-row flex-col gap-4 mt-1"
       >
-        <CommunityTab setPosts={setPosts} />
+        <CommunityTab setPosts={setPosts} setIsLoading={setIsLoading} setIsEnd={setIsEnd} />
         <WriteBtn />
       </section>
 
       <section aria-label="게시물 목록">
-        <CommunityFilter posts={posts} />
-        <PostCard posts={posts} isLoading={isLoading} />
+        <CommunityFilter posts={posts} setPosts={setPosts} />
+        <PostCard
+          posts={posts}
+          setPost={setPosts}
+          isLoading={isLoading}
+          setIsLoading={setIsLoading}
+          isEnd={isEnd}
+          onLoadMore={loadMorePosts}
+        />
       </section>
     </>
   );
diff --git a/src/domains/community/main/CommunityFilter.tsx b/src/domains/community/main/CommunityFilter.tsx
index d497b3f0..68877521 100644
--- a/src/domains/community/main/CommunityFilter.tsx
+++ b/src/domains/community/main/CommunityFilter.tsx
@@ -2,19 +2,55 @@
 
 import { Post } from '../types/post';
 import SelectBox from '@/shared/components/select-box/SelectBox';
+import { Dispatch, SetStateAction, useEffect } from 'react';
+import { fetchPostByTab } from '../api/fetchPost';
+import { useRouter, useSearchParams } from 'next/navigation';
 
 type Props = {
-  posts: Post[];
+  posts: Post[] | null;
+  setPosts: Dispatch<SetStateAction<Post[] | null>>;
 };
 
-function CommunityFilter({ posts }: Props) {
+const sortMap = {
+  최신순: 'LATEST',
+  인기순: 'POPULAR',
+  댓글순: 'COMMENTS',
+} as const;
+
+function CommunityFilter({ posts, setPosts }: Props) {
+  const searchParams = useSearchParams();
+  const query = searchParams.get('category');
+  const router = useRouter();
+
+  const handleChange = async (selectTitle: string) => {
+    if (!query) return;
+
+    console.log(selectTitle);
+
+    const data = await fetchPostByTab({
+      category: query,
+      filter: sortMap[selectTitle as keyof typeof sortMap],
+    });
+    if (!data) return;
+    setPosts(data);
+  };
+
   return (
     <section
       className="w-full flex justify-between items-center border-b-1 border-gray-light pb-1.5"
       aria-label="커뮤니티 정렬 필터"
     >
-      <p aria-live="polite">{posts.length}개</p>
-      <SelectBox option={['최신순', '인기순', '댓글순']} title={'최신순'} />
+      <p aria-live="polite">{posts && posts.length}개</p>
+      <SelectBox
+        option={['최신순', '인기순', '댓글순']}
+        title={'최신순'}
+        onChange={(value) => {
+          const sortValue = sortMap[value as keyof typeof sortMap];
+
+          handleChange(value);
+          router.push(`?category=${query || '전체'}&postSortStatus=${sortValue}`);
+        }}
+      />
     </section>
   );
 }
diff --git a/src/domains/community/main/CommunityTab.tsx b/src/domains/community/main/CommunityTab.tsx
index 8ed73756..af04f43a 100644
--- a/src/domains/community/main/CommunityTab.tsx
+++ b/src/domains/community/main/CommunityTab.tsx
@@ -1,56 +1,59 @@
 'use client';
 
 import tw from '@/shared/utills/tw';
-import { useEffect, useState } from 'react';
-import { fetchPost, fetchPostByTab } from '../api/fetchPost';
 import { Post } from '../types/post';
+import { useState } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
 
 type Props = {
-  setPosts: (value: Post[]) => void;
+  setPosts: (value: Post[] | null) => void;
+  setIsLoading: (value: boolean) => void;
+  setIsEnd: (value: boolean) => void;
 };
 
-const tabItem = [
-  { title: '전체' },
-  { title: '레시피' },
-  { title: '팁' },
-  { title: '질문' },
-  { title: '자유' },
+export const tabItem = [
+  { key: 'all', label: '전체' },
+  { key: 'recipe', label: '레시피' },
+  { key: 'tip', label: '팁' },
+  { key: 'question', label: '질문' },
+  { key: 'chat', label: '자유' },
 ];
 
-function CommunityTab({ setPosts }: Props) {
-  const [selectedIdx, setSelectedIdx] = useState(0);
+function CommunityTab({ setPosts, setIsLoading, setIsEnd }: Props) {
+  const searchParams = useSearchParams();
+  const router = useRouter();
 
-  useEffect(() => {
-    const fetchData = async () => {
-      const selectedTab = tabItem[selectedIdx].title;
+  const currentSort = searchParams.get('postSortStatus') || 'LATEST';
 
-      let data;
-      if (selectedTab === '전체') data = await fetchPost();
-      else data = await fetchPostByTab(selectedTab);
-
-      if (!data) return;
-      setPosts(data);
-    };
-    fetchData();
-  }, [selectedIdx, setPosts]);
+  const [selectedCategory, setSelectedCategory] = useState(() => {
+    const param = searchParams.get('category') || 'all';
+    const exists = tabItem.some(({ key }) => key === param);
+    return exists ? param : 'all';
+  });
 
   return (
     <section className="relative sm:w-[70%] w-full" aria-label="커뮤니티 탭">
       <div className="w-full overflow-x-scroll no-scrollbar scroll-smooth">
         <div className="flex gap-3 w-max" aria-label="커뮤니티 카테고리">
-          {tabItem.map(({ title }, idx) => (
+          {tabItem.map(({ key, label }) => (
             <button
-              key={title + idx}
+              key={key}
               role="tab"
-              aria-selected={selectedIdx === idx}
-              tabIndex={selectedIdx === idx ? 0 : -1}
-              onClick={() => setSelectedIdx(idx)}
+              aria-selected={selectedCategory === key}
+              tabIndex={selectedCategory === key ? 0 : -1}
+              onClick={() => {
+                setSelectedCategory(key);
+                const params = new URLSearchParams();
+                params.set('category', key);
+                params.set('postSortStatus', currentSort); // ✅ 현재 필터 상태 유지
+                router.push(`?${params.toString()}`);
+              }}
               className={tw(
                 `border-1 py-1 px-3 rounded-2xl transition-colors ease-in min-w-18`,
-                selectedIdx === idx ? 'bg-secondary text-primary' : 'hover:bg-secondary/20'
+                selectedCategory === key ? 'bg-secondary text-primary' : 'hover:bg-secondary/20'
               )}
             >
-              {title}
+              {label}
             </button>
           ))}
         </div>
diff --git a/src/domains/community/main/PostCard.tsx b/src/domains/community/main/PostCard.tsx
index 952e4850..eb79f109 100644
--- a/src/domains/community/main/PostCard.tsx
+++ b/src/domains/community/main/PostCard.tsx
@@ -1,93 +1,121 @@
 'use client';
 
 import Image from 'next/image';
-import prePost from '@/shared/assets/images/prepost_img.webp';
 
 import PostInfo from '../components/post-info/PostInfo';
 import Label from '@/domains/shared/components/label/Label';
 import { Post } from '@/domains/community/types/post';
 import { useRouter } from 'next/navigation';
 import SkeletonPostCard from '@/domains/shared/skeleton/SkeletonPostCard';
+import { useInfiniteScrollObserver } from '@/shared/hook/useInfiniteScrollObserver';
+import { useRef } from 'react';
 
 type Props = {
-  posts: Post[];
+  posts: Post[] | null;
+  setPost?: (value: Post[] | null) => void;
   isLoading: boolean;
+  setIsLoading?: (value: boolean) => void;
+  isEnd?: boolean;
+  onLoadMore?: (lastPostId: number) => Promise<void>;
 };
 
-function PostCard({ posts, isLoading }: Props) {
+function PostCard({ posts, isLoading, isEnd, onLoadMore }: Props) {
   const router = useRouter();
+  const firstItemRef = useRef<HTMLElement | null>(null);
 
   const handlePost = (id: number) => {
     router.push(`/community/${id}`);
   };
 
+  const observeLastItem = useInfiniteScrollObserver<HTMLElement>({
+    items: posts,
+    isEnd,
+    onLoadMore: onLoadMore ?? (() => {}),
+  });
+
   if (isLoading) return <SkeletonPostCard />;
-  if (posts.length === 0)
+  if (posts && posts.length === 0)
     return (
       <div className="w-full flex items-center justify-center mt-20">작성된 글이 없습니다.</div>
     );
 
   return (
     <>
-      {posts.map(
-        ({
-          postId,
-          categoryName,
-          title,
-          content,
-          userNickName,
-          viewCount,
-          createdAt,
-          commentCount,
-          imageUrl,
-        }) => (
-          <article className="py-4 sm:py-5 border-b-1 border-gray-light" key={postId}>
-            <Label title={categoryName} />
+      {posts &&
+        posts.map(
+          (
+            {
+              postId,
+              categoryName,
+              title,
+              content,
+              userNickName,
+              viewCount,
+              createdAt,
+              commentCount,
+              imageUrls,
+            },
+            index
+          ) => {
+            const isLast = index === posts.length - 1;
+            return (
+              <article
+                className="py-4 sm:py-5 border-b-1 border-gray-light"
+                key={postId + createdAt}
+                ref={(el) => {
+                  if (index === 0) firstItemRef.current = el;
+                  if (isLast) {
+                    observeLastItem(el);
+                  }
+                }}
+              >
+                <Label title={categoryName} />
 
-            <section
-              onClick={() => handlePost(postId)}
-              className="flex items-center gap-3 justify-between mt-3 cursor-pointer h-full"
-              role="link"
-            >
-              <div className="flex flex-col gap-3 md:max-w-[51.25rem] sm:max-w-[27.5rem] max-w-[19.375rem] flex-grow content-between h-full">
-                <p className="font-bold sm:text-xl text-lg">{title}</p>
-                <div className="font-light sm:text-[15px] text-sm md:max-w-[820px] sm:max-w-[440px] max-w-[210px] h-full">
-                  <p
-                    className="h-10"
-                    style={{
-                      display: '-webkit-box',
-                      WebkitBoxOrient: 'vertical',
-                      WebkitLineClamp: 2,
-                      overflow: 'hidden',
-                      textOverflow: 'ellipsis',
-                    }}
-                  >
-                    {content}
-                  </p>
-                </div>
-                <PostInfo
-                  hasUserName={true}
-                  userNickName={userNickName}
-                  viewCount={viewCount}
-                  createdAt={createdAt}
-                  commentCount={commentCount}
-                />
-              </div>
-              <figure className="flex items-center flex-shrink-0 md:w-[115px] md:h-[115px] w-[85px] h-[85px]">
-                {imageUrl && (
-                  <Image
-                    src={prePost}
-                    alt="예비사진"
-                    width={105}
-                    height={105}
-                    className="w-full h-full object-cover self-center"
-                  />
-                )}
-              </figure>
-            </section>
-          </article>
-        )
-      )}
+                <section
+                  onClick={() => handlePost(postId)}
+                  className="flex items-center gap-3 justify-between mt-3 cursor-pointer h-full"
+                  role="link"
+                >
+                  <div className="flex flex-col gap-3 md:max-w-[51.25rem] sm:max-w-[27.5rem] max-w-[19.375rem] flex-grow content-between h-full">
+                    <p className="font-bold sm:text-xl text-lg">{title}</p>
+                    <div className="font-light sm:text-[15px] text-sm md:max-w-[820px] sm:max-w-[440px] max-w-[210px] h-full">
+                      <p
+                        className="h-10 whitespace-pre-line"
+                        style={{
+                          display: '-webkit-box',
+                          WebkitBoxOrient: 'vertical',
+                          WebkitLineClamp: 2,
+                          overflow: 'hidden',
+                          textOverflow: 'ellipsis',
+                        }}
+                      >
+                        {content}
+                      </p>
+                    </div>
+                    <PostInfo
+                      hasUserName={true}
+                      userNickName={userNickName}
+                      viewCount={viewCount}
+                      createdAt={createdAt}
+                      commentCount={commentCount}
+                    />
+                  </div>
+                  <figure className="flex items-center flex-shrink-0 md:w-[115px] md:h-[115px] w-[85px] h-[85px]">
+                    {imageUrls.length > 0 && (
+                      <Image
+                        src={imageUrls[0]}
+                        alt="예비사진"
+                        width={105}
+                        height={105}
+                        className="w-full h-full object-cover self-center rounded-md"
+                      />
+                    )}
+                  </figure>
+                </section>
+              </article>
+            );
+          }
+        )}
     </>
   );
 }
diff --git a/src/domains/community/types/post.d.ts b/src/domains/community/types/post.d.ts
index 58a6471b..13735e70 100644
--- a/src/domains/community/types/post.d.ts
+++ b/src/domains/community/types/post.d.ts
@@ -7,7 +7,7 @@ export interface Post {
   status: 'PUBLIC' | 'PRIVATE'; // 다른 상태가 있다면 추가
   title: string;
   content: string;
-  imageUrl: string;
+  imageUrls: string[];
   videoUrl: string;
   tags: string[]; // 문자열 배열
   likeCount: number;
diff --git a/src/domains/community/write/Category.tsx b/src/domains/community/write/Category.tsx
index adba2c64..e385cb0e 100644
--- a/src/domains/community/write/Category.tsx
+++ b/src/domains/community/write/Category.tsx
@@ -1,9 +1,25 @@
+import { FormType } from '@/domains/recipe/types/types';
 import SelectBox from '@/shared/components/select-box/SelectBox';
 
-function Category() {
+import { Dispatch, SetStateAction } from 'react';
+
+type Props = {
+  formData: FormType;
+  setFormData: Dispatch<SetStateAction<FormType>>;
+};
+
+function Category({ formData, setFormData }: Props) {
   return (
     <div className="w-full h-[38px] flex items-center justify-end mt-10">
-      <SelectBox option={['레시피', '팁', '질문', '자유']} title="카테고리" use="write" />
+      <SelectBox
+        option={['레시피', '팁', '질문', '자유']}
+        title="카테고리"
+        use="write"
+        value={formData.categoryName}
+        onChange={(categoryRef) => {
+          setFormData((prev) => ({ ...prev, categoryName: categoryRef }));
+        }}
+      />
     </div>
   );
 }
diff --git a/src/domains/community/write/CompleteBtn.tsx b/src/domains/community/write/CompleteBtn.tsx
index f945ab2c..a8097353 100644
--- a/src/domains/community/write/CompleteBtn.tsx
+++ b/src/domains/community/write/CompleteBtn.tsx
@@ -1,10 +1,23 @@
 import Button from '@/shared/components/button/Button';
 
-function CompleteBtn() {
+type Props = {
+  mode: 'edit' | 'create';
+  setEditDone: (value: boolean) => void;
+  handleEditLogic: () => Promise<boolean>;
+};
+
+function CompleteBtn({ mode, setEditDone, handleEditLogic }: Props) {
   return (
     <div className="w-full flex items-center justify-end mt-10">
-      <Button type="submit" size="default" color="default">
-        올리기
+      <Button
+        type={mode === 'create' ? 'submit' : 'button'}
+        size="default"
+        color="default"
+        onClick={async () => {
+          setEditDone(true);
+        }}
+      >
+        {mode === 'create' ? '올리기' : '수정하기'}
       </Button>
     </div>
   );
diff --git a/src/domains/community/write/FormTitle.tsx b/src/domains/community/write/FormTitle.tsx
index 7bd4ff24..1b8cf332 100644
--- a/src/domains/community/write/FormTitle.tsx
+++ b/src/domains/community/write/FormTitle.tsx
@@ -1,4 +1,12 @@
-function FormTitle() {
+import { FormType } from '@/domains/recipe/types/types';
+import { Dispatch, SetStateAction } from 'react';
+
+type Props = {
+  formData: FormType;
+  setFormData: Dispatch<SetStateAction<FormType>>;
+};
+
+function FormTitle({ formData, setFormData }: Props) {
   return (
     <div className="w-full h-[69px] relative border-b-1 border-gray mt-5 flex items-end pb-2">
       <label id="title-label" htmlFor="writingTitle" className="sr-only">
@@ -11,6 +19,10 @@ function FormTitle() {
         id="writingTitle"
         maxLength={20}
         aria-describedby="title-count"
+        value={formData.title}
+        onChange={(e) => {
+          setFormData((prev) => ({ ...prev, title: e.target.value }));
+        }}
       />
       <span id="title-count" aria-live="polite" className="text-gray ">
         0/20
diff --git a/src/domains/community/write/WriteForm.tsx b/src/domains/community/write/WriteForm.tsx
index 22b2e59f..a61ff82a 100644
--- a/src/domains/community/write/WriteForm.tsx
+++ b/src/domains/community/write/WriteForm.tsx
@@ -1,18 +1,33 @@
-function WriteForm() {
+import { FormType } from '@/domains/recipe/types/types';
+import { Dispatch, SetStateAction, useRef } from 'react';
+
+type Props = {
+  formData: FormType;
+  setFormData: Dispatch<SetStateAction<FormType>>;
+};
+
+function WriteForm({ formData, setFormData }: Props) {
+  const divRef = useRef<HTMLDivElement>(null);
+
   return (
-    <form className="mt-5">
+    <div className="mt-5">
       <label htmlFor="content" className="sr-only">
         글 내용
       </label>
-      <div
-        contentEditable
+      <textarea
         id="content"
+        placeholder="내용을 입력해주세요."
         role="textbox"
         aria-multiline="true"
         tabIndex={0}
+        value={formData.content}
         className="w-full min-h-80 max-h-120 overflow-y-auto no-scrollbar bg-white rounded-3xl focus:outline-none py-7 px-5 text-primary"
-      ></div>
-    </form>
+        onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {
+          const value = e.target.value;
+          setFormData((prev) => ({ ...prev, content: value }));
+        }}
+      />
+    </div>
   );
 }
 
diff --git a/src/domains/community/write/WriteSection.tsx b/src/domains/community/write/WriteSection.tsx
new file mode 100644
index 00000000..6b085a18
--- /dev/null
+++ b/src/domains/community/write/WriteSection.tsx
@@ -0,0 +1,293 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import Category from './Category';
+import FormTitle from './FormTitle';
+import WriteForm from './WriteForm';
+import CompleteBtn from './CompleteBtn';
+import ImageSection from './image-upload/ImageSection';
+import { getApi } from '@/app/api/config/appConfig';
+import { tabItem } from '../main/CommunityTab';
+import { useToast } from '@/shared/hook/useToast';
+import { useRouter } from 'next/navigation';
+import { ParamValue } from 'next/dist/server/request/params';
+import CocktailTag from '../components/tag/CocktailTag';
+import TagModal from './cocktail-tag/TagModal';
+import { FormType, TagType, UploadedItem } from '@/domains/recipe/types/types';
+import { fetchPostById } from '../api/fetchPost';
+import { debounce } from '@/shared/utills/debounce';
+import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
+import DetailSkeleton from '../detail/DetailSkeleton';
+
+type Props = {
+  mode: 'create' | 'edit';
+  postId?: ParamValue;
+};
+
+function WriteSection({ mode, postId }: Props) {
+  const [formData, setFormData] = useState<FormType>({
+    categoryName: '',
+    title: '',
+    content: '',
+    imageUrls: [],
+    tags: [],
+  });
+
+  const [uploadedFile, setUploadedFile] = useState<UploadedItem[]>([]);
+  const [isOpen, setIsOpen] = useState(false);
+  const [editDone, setEditDone] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const [tags, setTags] = useState<TagType[] | null>(null);
+  const [selectedTags, setSelectedTags] = useState<string[]>([]);
+
+  const { toastError } = useToast();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (mode === 'edit' && postId) {
+      (async () => {
+        try {
+          const data = await fetchPostById(postId);
+
+          fetchTags();
+
+          setFormData({
+            categoryName: data.categoryName,
+            title: data.title,
+            content: data.content,
+            imageUrls: data.imageUrls || [],
+            tags: data.tags || [],
+          });
+
+          setUploadedFile(
+            (data.imageUrls || []).map((url: string) => ({
+              file: null,
+              url,
+            }))
+          );
+          setSelectedTags(data.tags || []);
+        } catch (error) {
+          console.error(error);
+        }
+      })();
+    }
+  }, [mode, postId]);
+
+  useEffect(() => {
+    // 변경사항이 있는 경우에만 setFormData 호출
+    if (JSON.stringify(formData.tags) !== JSON.stringify(selectedTags)) {
+      setFormData((prev) => ({
+        ...prev,
+        tags: selectedTags,
+      }));
+    }
+  }, [selectedTags]);
+
+  useEffect(() => {
+    if (JSON.stringify(selectedTags) !== JSON.stringify(formData.tags)) {
+      setSelectedTags(formData.tags);
+    }
+  }, [formData.tags]);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+
+    if (!formData.title) {
+      toastError('제목을 작성해주세요.');
+      return;
+    }
+    if (!formData.content || formData.content === '') {
+      toastError('내용을 작성해주세요.');
+      return;
+    }
+
+    const categoryId = tabItem.findIndex((tab) => tab.label === formData.categoryName);
+
+    if (categoryId === -1) {
+      toastError('카테고리를 선택해주세요.');
+      return;
+    }
+    const payload = new FormData();
+    const postJson = {
+      title: formData.title,
+      content: formData.content,
+      categoryId: categoryId,
+      imageUrls: uploadedFile.map((file) => {
+        console.log(file.file);
+        return file.file;
+      }),
+      tags: formData.tags,
+    };
+    console.log(postJson);
+    console.log(JSON.stringify(postJson, null, 2));
+
+    const postBlob = new Blob([JSON.stringify(postJson)], { type: 'application/json' });
+    payload.append('post', postBlob);
+
+    // uploadedFile.forEach((file) => {
+    //   payload.append('files', file.url);
+    // });
+
+    try {
+      const res = await fetch(`${getApi}/posts`, {
+        method: 'POST',
+        credentials: 'include',
+        body: payload,
+      });
+
+      console.log('▶ 요청 보낸 후 status:', res.status);
+      const text = await res.text();
+      console.log('▶ 응답 텍스트:', text);
+      if (res.ok) {
+        console.log('글작성 성공', formData);
+        router.push('/community');
+      }
+    } catch (err) {
+      console.error('글작성 폼 작성 에러', err);
+      return;
+    }
+  };
+
+  const fetchTags = useCallback(
+    async (v?: string) => {
+      const keyword = v?.trim() ?? '';
+      const body = {
+        keyword,
+        page: 0,
+        size: 100,
+      };
+      try {
+        const res = await fetch(`${getApi}/cocktails/search`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(body),
+        });
+        const data = await res.json();
+        setTags(data.data); // 서버에서 받은 필터링된 태그 목록 저장
+      } catch (error) {
+        console.error(error);
+      } finally {
+      }
+    },
+    [setTags]
+  );
+
+  const debouncedFetch = useMemo(() => debounce(fetchTags, 300), [fetchTags]);
+
+  // 실제 수정 처리만 담당 (이벤트 비의존)
+  const handleEditLogic = async (): Promise<boolean> => {
+    if (!postId) {
+      toastError('게시글 ID가 없습니다.');
+      return false; // 실패 시 false 반환
+    }
+
+    if (!formData.title.trim()) {
+      toastError('제목을 작성해주세요.');
+      return false;
+    }
+
+    if (!formData.content.trim()) {
+      toastError('내용을 작성해주세요.');
+      return false;
+    }
+
+    const categoryId = tabItem.findIndex((tab) => tab.label === formData.categoryName);
+    if (categoryId === -1) {
+      toastError('카테고리를 선택해주세요.');
+      return false;
+    }
+
+    const postJson = {
+      title: formData.title,
+      content: formData.content,
+      categoryId,
+      imageUrls: uploadedFile.map((file) => file.url),
+      tags: formData.tags,
+    };
+
+    const payload = new FormData();
+    const postBlob = new Blob([JSON.stringify(postJson)], { type: 'application/json' });
+    payload.append('post', postBlob);
+
+    try {
+      setIsLoading(true);
+      const res = await fetch(`${getApi}/posts/${postId}`, {
+        method: 'PATCH',
+        credentials: 'include',
+        body: payload,
+      });
+
+      if (!res.ok) {
+        toastError('글 수정에 실패했습니다.');
+        return false;
+      }
+
+      setIsLoading(false);
+
+      return true;
+    } catch (err) {
+      console.error('글수정 폼 작성 에러', err);
+      toastError('서버 요청 중 오류가 발생했습니다.');
+      return false;
+    }
+  };
+
+  // 폼 제출용 핸들러 (이벤트 객체 받아서 preventDefault 처리)
+  const handleEditSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+  };
+
+  if (isLoading) <DetailSkeleton />;
+
+  return (
+    <>
+      <form onSubmit={mode === 'create' ? handleSubmit : handleEditSubmit}>
+        <CompleteBtn mode={mode} setEditDone={setEditDone} handleEditLogic={handleEditLogic} />
+        <section>
+          <FormTitle formData={formData} setFormData={setFormData} />
+          <Category formData={formData} setFormData={setFormData} />
+          <WriteForm formData={formData} setFormData={setFormData} />
+        </section>
+        <ImageSection
+          formData={formData}
+          setFormData={setFormData}
+          uploadedFile={uploadedFile}
+          setUploadedFile={setUploadedFile}
+        />
+        <section className="mt-8">
+          <CocktailTag
+            use="write"
+            selectedTags={selectedTags}
+            setSelectedTags={setSelectedTags}
+            onClick={() => setIsOpen(true)}
+          />
+        </section>
+      </form>
+      {isOpen && (
+        <TagModal
+          isOpen={isOpen}
+          setIsOpen={setIsOpen}
+          tags={tags}
+          setTags={setTags}
+          selectedTags={selectedTags}
+          setSelectedTags={setSelectedTags}
+          debouncedFetch={debouncedFetch}
+        />
+      )}
+      {mode === 'edit' && editDone && (
+        <ConfirmModal
+          open={editDone}
+          onClose={() => setEditDone(false)}
+          onCancel={() => setEditDone(false)}
+          onConfirm={async () => {
+            setEditDone(false);
+            await handleEditLogic();
+            router.push(`/community/${postId}`);
+          }}
+          title="수정 완료"
+        />
+      )}
+    </>
+  );
+}
+
+export default WriteSection;
diff --git a/src/domains/community/write/cocktail-tag/Tag.tsx b/src/domains/community/write/cocktail-tag/Tag.tsx
deleted file mode 100644
index 922cecc9..00000000
--- a/src/domains/community/write/cocktail-tag/Tag.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-function Tag() {
-  return <div></div>;
-}
-
-export default Tag;
diff --git a/src/domains/community/write/cocktail-tag/TagModal.tsx b/src/domains/community/write/cocktail-tag/TagModal.tsx
index 734f8fc2..afe3bf99 100644
--- a/src/domains/community/write/cocktail-tag/TagModal.tsx
+++ b/src/domains/community/write/cocktail-tag/TagModal.tsx
@@ -5,51 +5,114 @@ import Input from '@/shared/components/Input-box/Input';
 import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
 import Button from '@/shared/components/button/Button';
 import TagList from '../../components/tag/TagList';
-import { useState } from 'react';
 import CocktailCard from '@/domains/shared/components/cocktail-card/CocktailCard';
+import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import { TagType } from '@/domains/recipe/types/types';
+
 type Props = {
   isOpen: boolean;
   setIsOpen: (value: boolean) => void;
+  tags: TagType[] | null;
+  setTags: Dispatch<SetStateAction<TagType[] | null>>;
+  selectedTags: string[];
+  setSelectedTags: Dispatch<SetStateAction<string[]>>;
+  debouncedFetch: (keyword: string) => void;
 };
 
-function TagModal({ isOpen, setIsOpen }: Props) {
-  const [tags, setTags] = useState<string[] | null>(null);
+function TagModal({
+  isOpen,
+  setIsOpen,
+  tags,
+  setTags,
+  selectedTags,
+  setSelectedTags,
+  debouncedFetch,
+}: Props) {
+  const [searchKeyword, setSearchKeyword] = useState('');
+
+  useEffect(() => {
+    if (!isOpen) {
+      setSearchKeyword('');
+      setTags(null);
+    }
+  }, [isOpen, setTags]);
+
+  const handleAddTags = (tag: TagType) => {
+    if (selectedTags.includes(tag.cocktailNameKo)) return;
+    setSelectedTags((prev) => [...prev, tag.cocktailNameKo]);
+  };
 
   return (
     <ModalLayout
       open={isOpen}
       onClose={() => setIsOpen(false)}
       title="칵테일 태그"
-      buttons={<Button className="-mt-4 -mb-4">저장</Button>}
+      buttons={
+        <Button
+          className="-mt-4 -mb-4"
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          저장
+        </Button>
+      }
     >
       <Input
         placeholder="칵테일 이름 또는 연관 키워드를 검색하세요."
         id="CocktailTag"
         className="w-full md:text-base text-sm"
         variant="search"
+        onChange={(e) => {
+          const keyword = e.target.value;
+          setSearchKeyword(keyword);
+          debouncedFetch(keyword);
+        }}
       />
       <div className="mt-5">
-        <TagList hasDelete={true} tags={tags} />
+        <TagList
+          hasDelete={true}
+          tags={selectedTags}
+          setTags={(namesOrUpdater) => {
+            const names =
+              typeof namesOrUpdater === 'function' ? namesOrUpdater(selectedTags) : namesOrUpdater;
+            setSelectedTags(names);
+          }}
+        />
       </div>
       <div className="mt-5 flex items-center justify-center">
         <ul className="p-2 rounded-xl grid md:grid-cols-4 grid-cols-2 gap-3 w-full max-w-[560px] md:max-h-[450px] max-h-[330px] overflow-y-auto custom-scrollbar will-change-scroll">
-          {Array.from({ length: 16 }, (_, index) => (
-            <div key={index} className="relative">
-              <CocktailCard
-                src=""
-                name=""
-                keep={false}
-                className="w-full md:h-[100px] h-[120px]"
-                textSize1="md:text-sm text-[10px] font-normal truncate md:w-24 w-18"
-                textSize2="md:text-[11px] text-[10px] font-normal truncate md:w-24 w-15"
-              />
-              <div className="absolute bottom-12 right-[1px]">
-                <button type="button" className="text-white hover:text-secondary/80">
-                  <AddIcon />
-                </button>
+          {tags && tags.length > 0 ? (
+            tags.map((tag) => (
+              <div className="relative" key={tag.cocktailId}>
+                <CocktailCard
+                  src={tag.cocktailImgUrl}
+                  name={tag.cocktailName}
+                  nameKo={tag.cocktailNameKo}
+                  keep={false}
+                  className="w-full md:h-[100px] h-[120px]"
+                  textSize1="md:text-sm text-[10px] font-normal truncate md:w-24 w-18"
+                  textSize2="md:text-[11px] text-[10px] font-normal truncate md:w-24 w-15"
+                />
+                <div className="absolute bottom-12 right-[1px]">
+                  <button
+                    type="button"
+                    className="text-white hover:text-secondary/80"
+                    onClick={() => handleAddTags(tag)}
+                  >
+                    <AddIcon />
+                  </button>
+                </div>
               </div>
+            ))
+          ) : (
+            <div className="col-span-full text-center p-5 text-gray-500">
+              {searchKeyword.trim() === '' ? '검색어를 입력해주세요.' : '검색 결과가 없습니다.'}
             </div>
-          ))}
+          )}
+          {/* {filteredTags.length === 0 && (
+            <div className="text-center p-5 text-gray-500">검색 결과가 없습니다.</div>
+          )} */}
         </ul>
       </div>
     </ModalLayout>
diff --git a/src/domains/community/write/image-upload/DragandClick.tsx b/src/domains/community/write/image-upload/DragandClick.tsx
deleted file mode 100644
index a33484ce..00000000
--- a/src/domains/community/write/image-upload/DragandClick.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import ImageBox from '@/shared/assets/icons/imageBox_fill_24.svg';
-
-function DragandClick() {
-  return (
-    <div className="border-3 border-dashed shrink-0 border-gray-light w-[80px] h-[80px]  rounded-xl cursor-pointer bg-gray-dark flex flex-col gap-3 items-center justify-center hover:bg-gray-dark/70">
-      <ImageBox />
-      <div className="flex items-center md:text-md text-sm">
-        <span>0</span>
-        <span>/</span>
-        <span>10</span>
-      </div>
-    </div>
-  );
-}
-
-export default DragandClick;
diff --git a/src/domains/community/write/image-upload/ImageInput.tsx b/src/domains/community/write/image-upload/ImageInput.tsx
new file mode 100644
index 00000000..b67fe25a
--- /dev/null
+++ b/src/domains/community/write/image-upload/ImageInput.tsx
@@ -0,0 +1,99 @@
+import { getApi } from '@/app/api/config/appConfig';
+import { UploadedItem } from '@/domains/recipe/types/types';
+import ImageBox from '@/shared/assets/icons/imageBox_fill_24.svg';
+import { useToast } from '@/shared/hook/useToast';
+import { Dispatch, SetStateAction } from 'react';
+
+type Props = {
+  uploadedFile: UploadedItem[];
+  setUploadedFile: Dispatch<SetStateAction<UploadedItem[]>>;
+  onAddImage: (newFiles: UploadedItem[]) => void;
+};
+
+function ImageInput({ uploadedFile, setUploadedFile, onAddImage }: Props) {
+  const { toastError } = useToast();
+
+  const handleInputChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const newFileList = e.currentTarget.files;
+    if (!newFileList) return;
+
+    const newFiles = Array.from(newFileList);
+
+    try {
+      const urls: string[] = await uploadFiles(newFiles);
+
+      const newItems: UploadedItem[] = urls.map((url, i) => ({
+        file: newFiles[i],
+        url,
+      }));
+
+      const totalLength = uploadedFile.length + newItems.length;
+
+      if (totalLength > 10) {
+        toastError('최대 10개 파일까지 업로드할 수 있어요.');
+        return;
+      }
+
+      // 중복 제거
+      const existingUrls = new Set(uploadedFile.map((item) => item.url));
+      const filteredItems = newItems.filter((item) => !existingUrls.has(item.url));
+
+      if (filteredItems.length === 0) {
+        toastError('이미 업로드된 파일입니다.');
+        return;
+      }
+
+      onAddImage(filteredItems); // ✅ 상위에서 상태 업데이트
+    } catch (error) {
+      toastError('파일 업로드 실패');
+    }
+  };
+
+  const uploadFiles = async (files: File[]): Promise<string[]> => {
+    if (files.length === 0) return [];
+
+    const formData = new FormData();
+    files.forEach((file) => formData.append('file', file));
+
+    const res = await fetch(`${getApi}/file/upload`, {
+      method: 'POST',
+      body: formData,
+    });
+
+    if (!res.ok) throw new Error('파일 업로드 실패');
+
+    const data = await res.json();
+    const urlRegex = /(https?:\/\/[^\s]+)/g;
+    const matched = data.data.match(urlRegex);
+
+    if (!matched) throw new Error('URL 파싱 실패');
+
+    return matched;
+  };
+
+  return (
+    <>
+      <label
+        htmlFor="fileInput"
+        className="border-3 border-dashed shrink-0 border-gray-light w-[100px] h-[100px] sm:w-[80px] sm:h-[80px] rounded-xl cursor-pointer bg-gray-dark flex flex-col gap-3 items-center justify-center hover:bg-gray-dark/70"
+      >
+        <ImageBox />
+        <div className="flex items-center md:text-md text-sm">
+          <span>{uploadedFile.length}</span>
+          <span>/</span>
+          <span>10</span>
+        </div>
+      </label>
+      <input
+        type="file"
+        id="fileInput"
+        hidden
+        accept="image/*"
+        multiple
+        onChange={handleInputChange}
+      />
+    </>
+  );
+}
+
+export default ImageInput;
diff --git a/src/domains/community/write/image-upload/ImageSection.tsx b/src/domains/community/write/image-upload/ImageSection.tsx
index cfe751bd..df8d9fe2 100644
--- a/src/domains/community/write/image-upload/ImageSection.tsx
+++ b/src/domains/community/write/image-upload/ImageSection.tsx
@@ -1,18 +1,44 @@
-import DragandClick from './DragandClick';
+import { Dispatch, SetStateAction, useEffect } from 'react';
+import ImageInput from './ImageInput';
 import UploadedImage from './UploadedImage';
+import { FormType, UploadedItem } from '@/domains/recipe/types/types';
+
+type Props = {
+  formData: FormType;
+  setFormData: Dispatch<SetStateAction<FormType>>;
+  uploadedFile: UploadedItem[];
+  setUploadedFile: Dispatch<SetStateAction<UploadedItem[]>>;
+};
+
+function ImageSection({ formData, setFormData, uploadedFile, setUploadedFile }: Props) {
+  useEffect(() => {
+    console.log(uploadedFile);
+  }, [uploadedFile]);
+
+  useEffect(() => {
+    setFormData((prev) => ({ ...prev, imageUrls: uploadedFile.map((file) => file.url) }));
+    console.log(formData.imageUrls);
+  }, [uploadedFile]);
+
+  const handleAddImage = (newFiles: UploadedItem[]) => {
+    const MAX_IMAGES = 10;
+    if (uploadedFile.length + newFiles.length > MAX_IMAGES) {
+      alert(`이미지는 최대 ${MAX_IMAGES}개까지 업로드할 수 있어요.`);
+      return;
+    }
+    setUploadedFile((prev) => [...prev, ...newFiles]);
+  };
 
-function ImageSection() {
   return (
     <section className="mt-5 sm:grid md:grid-cols-7 sm:grid-cols-5 sm:place-items-center  flex overflow-y-scroll no-scrollbar gap-5 whitespace-nowrap py-5 w-full max-w-full">
-      <DragandClick />
-      <UploadedImage />
-      <UploadedImage />
-      <UploadedImage />
-      <UploadedImage />
-      <UploadedImage />
-      <UploadedImage />
-      <UploadedImage />
-      <UploadedImage />
+      <ImageInput
+        uploadedFile={uploadedFile}
+        setUploadedFile={setUploadedFile}
+        onAddImage={handleAddImage}
+      />
+      {uploadedFile && (
+        <UploadedImage uploadedFile={uploadedFile} setUploadedFile={setUploadedFile} />
+      )}
     </section>
   );
 }
diff --git a/src/domains/community/write/image-upload/UploadedImage.tsx b/src/domains/community/write/image-upload/UploadedImage.tsx
index 635a20c9..46db6323 100644
--- a/src/domains/community/write/image-upload/UploadedImage.tsx
+++ b/src/domains/community/write/image-upload/UploadedImage.tsx
@@ -1,33 +1,111 @@
 'use client';
 
 import Image from 'next/image';
-import { useState } from 'react';
 import DeleteIcon from '@/shared/assets/icons/close_20.svg';
+import React, { Dispatch, SetStateAction, useEffect, useRef } from 'react';
+import gsap from 'gsap';
 
-function UploadedImage() {
-  const [hovered, setHovered] = useState(false);
+import { getApi } from '@/app/api/config/appConfig';
+import { UploadedItem } from '@/domains/recipe/types/types';
+
+type Props = {
+  uploadedFile: UploadedItem[];
+  setUploadedFile: Dispatch<SetStateAction<UploadedItem[]>>;
+};
+
+function UploadedImage({ uploadedFile, setUploadedFile }: Props) {
+  const imageRefs = useRef<HTMLElement[]>([]);
+  const prevLength = useRef(0);
+
+  useEffect(() => {
+    console.log(uploadedFile);
+    const isAdded = uploadedFile.length > prevLength.current;
+    prevLength.current = uploadedFile.length;
+
+    if (!isAdded || uploadedFile.length === 0) return;
+
+    // 마지막 이미지에만 애니메이션 적용
+    const lastIndex = uploadedFile.length - 1;
+    const el = imageRefs.current[lastIndex];
+
+    if (el) {
+      gsap.fromTo(
+        el,
+        { opacity: 0, scale: 0.8, x: -20 },
+        { opacity: 1, scale: 1, x: 0, duration: 0.4, ease: 'power2.out' }
+      );
+    }
+  }, [uploadedFile]);
+
+  const handleDelete = (url: string) => {
+    setUploadedFile((prev) => {
+      const target = prev.find((p) => p.url === url);
+
+      if (target) {
+        deleteFileFromServer(target.url); // 서버에서 삭제 요청
+      }
+      return prev.filter((p) => p.url !== url);
+    });
+  };
+
+  const deleteFileFromServer = async (url: string) => {
+    console.log(url);
+    try {
+      const encodedUrl = encodeURIComponent(url);
+      const res = await fetch(`${getApi}/file?fileName=${encodedUrl}`, {
+        method: 'DELETE',
+      });
+
+      if (!res.ok) {
+        const errorText = await res.text();
+        console.error('서버 파일 삭제 실패:', res.status, errorText);
+      } else {
+        console.log(res.status);
+      }
+    } catch (err) {
+      console.error('파일 삭제 요청 에러', err);
+    }
+  };
 
   return (
-    <figure
-      className="border-3 border-gray-light w-[80px] h-[80px]  rounded-xl relative shrink-0"
-      onMouseEnter={() => setHovered(true)}
-      onMouseLeave={() => setHovered(false)}
-    >
-      <Image
-        src={''}
-        alt="칵테일 이미지 예시"
-        className="rounded-xl w-full h-full object-cover pointer-events-none"
-      />
-      <figcaption className="sr-only">업로드된 이미지입니다</figcaption>
-      <button
-        type="button"
-        className="bg-gray-light text-primary py-1 px-1 rounded-full absolute -top-2 -right-2 hover:bg-gray-light/90"
-        aria-label="이미지 삭제"
-      >
-        <DeleteIcon />
-      </button>
-    </figure>
+    <>
+      {uploadedFile.length > 0 &&
+        uploadedFile.map(({ file, url }, index) => {
+          const src = file ? URL.createObjectURL(file) : url;
+          console.log(file);
+
+          return (
+            <figure
+              key={url}
+              ref={(el) => {
+                if (el) imageRefs.current[index] = el;
+              }}
+              className="border-3 border-gray-light w-[100px] h-[100px] sm:w-[80px] sm:h-[80px] rounded-xl relative shrink-0"
+            >
+              <Image
+                src={src}
+                alt="업로드된 이미지"
+                className="rounded-xl w-full h-full object-cover pointer-events-none"
+                width={100}
+                height={100}
+                unoptimized={true} // next/image가 외부 url 처리 못 하면 이 옵션도 추가 가능
+              />
+              <figcaption className="sr-only">업로드된 이미지입니다</figcaption>
+              {url && (
+                <button
+                  type="button"
+                  className="bg-gray-light text-primary py-1 px-1 rounded-full absolute -top-2 -right-2 hover:bg-gray-light/90"
+                  aria-label="이미지 삭제"
+                  onClick={() => handleDelete(url)}
+                >
+                  <DeleteIcon />
+                </button>
+              )}
+            </figure>
+          );
+        })}
+    </>
   );
 }
 
-export default UploadedImage;
+export default React.memo(UploadedImage);
diff --git a/src/domains/login/components/ClientInitHook.tsx b/src/domains/login/components/ClientInitHook.tsx
new file mode 100644
index 00000000..a73a7ba9
--- /dev/null
+++ b/src/domains/login/components/ClientInitHook.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import { useFetchInterceptor } from '@/shared/hook/useFetchInterceptor';
+import { useIdleLogout } from '../hook/useIdleLogout';
+
+function ClientInitHook() {
+  useIdleLogout();
+  useFetchInterceptor();
+  return null;
+}
+export default ClientInitHook;
diff --git a/src/domains/login/components/LoginRedirectHandler.tsx b/src/domains/login/components/LoginRedirectHandler.tsx
index 65a9c470..99098ab6 100644
--- a/src/domains/login/components/LoginRedirectHandler.tsx
+++ b/src/domains/login/components/LoginRedirectHandler.tsx
@@ -2,7 +2,7 @@
 
 import Spinner from '@/shared/components/spinner/Spinner';
 import WelcomeModal from '@/domains/login/components/WelcomeModal';
-import { useLoginRedirect } from '../hook/useAuthHooks';
+import { useLoginRedirect } from '../hook/useLoginRedirect';
 
 function LoginRedirectHandler() {
   const { loading, welcomeModalOpen, handleCloseWelcomeModal, user } = useLoginRedirect();
diff --git a/src/domains/login/components/LogoutConfirm.tsx b/src/domains/login/components/LogoutConfirm.tsx
index 8329aacc..9d10c1db 100644
--- a/src/domains/login/components/LogoutConfirm.tsx
+++ b/src/domains/login/components/LogoutConfirm.tsx
@@ -1,5 +1,5 @@
 import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
-import { useLogout } from '../hook/useAuthHooks';
+import { useLogout } from '../hook/useLogout';
 
 interface Props {
   open: boolean;
diff --git a/src/domains/login/hook/useIdleLogout.ts b/src/domains/login/hook/useIdleLogout.ts
new file mode 100644
index 00000000..c2cfd493
--- /dev/null
+++ b/src/domains/login/hook/useIdleLogout.ts
@@ -0,0 +1,40 @@
+'use client';
+
+import { useCallback, useEffect, useRef } from 'react';
+import { useLogout } from './useLogout';
+import { useToast } from '@/shared/hook/useToast';
+import { useAuthStore } from '@/domains/shared/store/auth';
+
+const IDLE_TIMEOUT = 4 * 60 * 60 * 1000;
+
+export const useIdleLogout = () => {
+  const handleLogout = useLogout();
+  const timerRef = useRef<NodeJS.Timeout | null>(null);
+  const warningTimerRef = useRef<NodeJS.Timeout | null>(null);
+  const { toastInfo } = useToast();
+  const { isLoggedIn } = useAuthStore();
+
+  const resetTimer = useCallback(() => {
+    if (!isLoggedIn) return;
+    if (timerRef.current) clearTimeout(timerRef.current);
+    if (warningTimerRef.current) clearTimeout(warningTimerRef.current);
+
+    timerRef.current = setTimeout(() => {
+      toastInfo('5초 뒤 자동 로그아웃 예정 \n 움직이면 자동 로그아웃 취소됩니다.');
+      warningTimerRef.current = setTimeout(() => handleLogout(), 5000);
+    }, IDLE_TIMEOUT);
+  }, [isLoggedIn, handleLogout, toastInfo]);
+
+  useEffect(() => {
+    const events = ['mousemove', 'keydown', 'mousedown', 'touchstart'];
+    events.forEach((e) => window.addEventListener(e, resetTimer));
+
+    resetTimer();
+
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      if (warningTimerRef.current) clearTimeout(warningTimerRef.current);
+      events.forEach((e) => window.removeEventListener(e, resetTimer));
+    };
+  }, [resetTimer]);
+};
diff --git a/src/domains/login/hook/useAuthHooks.ts b/src/domains/login/hook/useLoginRedirect.ts
similarity index 77%
rename from src/domains/login/hook/useAuthHooks.ts
rename to src/domains/login/hook/useLoginRedirect.ts
index 6fd5a963..32b46a8a 100644
--- a/src/domains/login/hook/useAuthHooks.ts
+++ b/src/domains/login/hook/useLoginRedirect.ts
@@ -1,27 +1,9 @@
 import { useAuthStore } from '@/domains/shared/store/auth';
-import { useCallback } from 'react';
 import { useEffect, useState } from 'react';
 import { usePathname, useRouter } from 'next/navigation';
 import { getCookie, removeCookie } from '@/domains/shared/auth/utils/cookie';
 import { useToast } from '@/shared/hook/useToast';
 
-export const useLogout = () => {
-  const logout = useAuthStore((state) => state.logout);
-  const { toastSuccess, toastError } = useToast();
-
-  const handleLogout = useCallback(async () => {
-    try {
-      await logout();
-      toastSuccess('로그아웃 되었습니다.');
-    } catch (err) {
-      console.error('로그아웃 실패', err);
-      toastError('로그아웃 실패 ❌ 다시 시도해주세요.');
-    }
-  }, [logout, toastSuccess, toastError]);
-
-  return handleLogout;
-};
-
 export const useLoginRedirect = () => {
   const router = useRouter();
   const pathname = usePathname();
diff --git a/src/domains/login/hook/useLogout.ts b/src/domains/login/hook/useLogout.ts
new file mode 100644
index 00000000..fe14aa23
--- /dev/null
+++ b/src/domains/login/hook/useLogout.ts
@@ -0,0 +1,27 @@
+import { useAuthStore } from '@/domains/shared/store/auth';
+import { useToast } from '@/shared/hook/useToast';
+import { useCallback } from 'react';
+import { useRouter } from 'next/navigation';
+
+export const useLogout = () => {
+  const logout = useAuthStore((state) => state.logout);
+  const { toastSuccess, toastError } = useToast();
+  const router = useRouter();
+
+  const handleLogout = useCallback(async () => {
+    try {
+      await logout();
+      toastSuccess('로그아웃 되었습니다.');
+
+      // 마이페이지 일 시 메인페이지로 이동
+      if (window.location.pathname.startsWith('/mypage')) {
+        router.push('/');
+      }
+    } catch (err) {
+      console.error('로그아웃 실패', err);
+      toastError('로그아웃 실패 ❌ 다시 시도해주세요.');
+    }
+  }, [logout, toastSuccess, toastError, router]);
+
+  return handleLogout;
+};
diff --git a/src/domains/mypage/api/fetchProfile.ts b/src/domains/mypage/api/fetchProfile.ts
new file mode 100644
index 00000000..b8ffd4c5
--- /dev/null
+++ b/src/domains/mypage/api/fetchProfile.ts
@@ -0,0 +1,46 @@
+'use client';
+import { getApi } from '@/app/api/config/appConfig';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { Profile } from '../types/type';
+
+function useFetchProfile() {
+  const queryClient = useQueryClient();
+
+  const fetchProfile = async () => {
+    const res = await fetch(`${getApi}/me/profile`, {
+      method: 'GET',
+      credentials: 'include',
+    });
+    const json = await res.json();
+
+    return json.data;
+  };
+
+  const patchNickName = useMutation({
+    mutationFn: async (nickname: string) => {
+      const res = await fetch(`${getApi}/me/profile`, {
+        method: 'PATCH',
+        credentials: 'include',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ nickname }),
+      });
+      if (!res.ok) throw new Error('닉네임 수정 실패');
+      const json = await res.json();
+      return json.data;
+    },
+
+    onMutate: async (nickname) => {
+      // 같은 키로 요청중인 fetch 중단
+      await queryClient.cancelQueries({ queryKey: ['myProfile'] });
+      // 캐시에 저장된 데이터를 즉시  가져오는 역할 실패시 prev로 롤백
+      const prev = queryClient.getQueryData(['myProfile']);
+      // 캐시 내용을 수정
+      queryClient.setQueryData(['myProfile'], (old: Profile) => ({ ...old, nickname }));
+      return { prev };
+    },
+  });
+  const profile = useQuery({ queryKey: ['myProfile'], queryFn: fetchProfile });
+
+  return { fetchProfile, profile, patchNickName };
+}
+export default useFetchProfile;
diff --git a/src/domains/mypage/components/Alarm.tsx b/src/domains/mypage/components/Alarm.tsx
index 9031a732..880c11cd 100644
--- a/src/domains/mypage/components/Alarm.tsx
+++ b/src/domains/mypage/components/Alarm.tsx
@@ -4,7 +4,12 @@ import clsx from 'clsx';
 import Image from 'next/image';
 import { useState } from 'react';
 
-function Alarm() {
+interface Props {
+  title: string;
+  content: string;
+}
+
+function Alarm({ title, content }: Props) {
   const [isClick, setIsClick] = useState(false);
 
   const handleClick = () => {
@@ -27,8 +32,8 @@ function Alarm() {
           <p className="text-sm text-white/80">10분 전</p>
         </div>
         <div className="flex flex-col">
-          <h2 className="text-lg font-bold">새로운 좋아요 알림</h2>
-          <p className="text-sm text-white/80">User님이 내 글에 좋아요를 누르셨습니다.</p>
+          <h2 className="text-lg font-bold">{title}</h2>
+          <p className="text-sm text-white/80">{content}</p>
         </div>
       </div>
     </div>
diff --git a/src/domains/mypage/components/EditNickName.tsx b/src/domains/mypage/components/EditNickName.tsx
index e1d744b5..dcee62c8 100644
--- a/src/domains/mypage/components/EditNickName.tsx
+++ b/src/domains/mypage/components/EditNickName.tsx
@@ -1,28 +1,86 @@
+import { getApi } from '@/app/api/config/appConfig';
 import Button from '@/shared/components/button/Button';
 import TextButton from '@/shared/components/button/TextButton';
 import Input from '@/shared/components/Input-box/Input';
 import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
+import { useToast } from '@/shared/hook/useToast';
+import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import useFetchProfile from '../api/fetchProfile';
 
 interface Props {
   open: boolean;
   onClose: () => void;
+  nickname: string;
+  setNickName: (v: string) => void;
+  setIsOpen: Dispatch<SetStateAction<boolean>>;
+  editNickName: string;
+  setEditNickName: Dispatch<SetStateAction<string>>;
 }
 
-function EditNickName({ open, onClose }: Props) {
+function EditNickName({
+  open,
+  onClose,
+  nickname,
+  setNickName,
+  setIsOpen,
+  editNickName,
+  setEditNickName,
+}: Props) {
+  const [defaultNickname, setDefaultNickname] = useState(nickname);
+  const { toastSuccess, toastError } = useToast();
+  const { patchNickName } = useFetchProfile();
+
+  useEffect(() => {
+    setEditNickName(nickname);
+    setDefaultNickname(nickname);
+  }, [nickname, setEditNickName]);
+
+  const handlesave = async () => {
+    if (editNickName.length <= 1 || editNickName.length >= 8) {
+      toastError('닉네임은 2글자 이상 8글자 이내로 입력해야합니다');
+      return;
+    }
+
+    await setNickName(editNickName);
+    // CRUD중 CUD를 관리하는 메서드
+    await patchNickName.mutateAsync(editNickName);
+
+    await setIsOpen(false);
+    toastSuccess('닉네임이 저장되었습니다.');
+  };
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setEditNickName(e.target.value);
+  };
+
+  const handleDefaultNickname = () => {
+    setEditNickName(defaultNickname);
+  };
+
   return (
     <ModalLayout
-      title="닉네임 수정"
-      description="닉네임을 수정해주세요."
+      title="닉네임 변경"
+      description="닉네임을 변경해주세요."
       open={open}
       onClose={onClose}
-      buttons={<Button>저장</Button>}
+      buttons={
+        <Button type="submit" onClick={handlesave}>
+          저장
+        </Button>
+      }
     >
       <div className="flex flex-col gap-3 items-end">
         <label htmlFor="editNickName" className="sr-only">
           닉네임변경
         </label>
-        <Input placeholder="8글자 이내로 입력해주세요" id="editNicName" className="w-full" />
-        <TextButton onClick={onClose}>기존 이름으로 돌아가기</TextButton>
+        <Input
+          onChange={(e) => handleChange(e)}
+          placeholder="닉네임을 2글자 이상 8글자 이내로 입력해주세요"
+          id="editNickName"
+          value={editNickName}
+          className="w-full"
+        />
+        <TextButton onClick={handleDefaultNickname}>전 닉네임으로 돌아가기</TextButton>
       </div>
     </ModalLayout>
   );
diff --git a/src/domains/mypage/components/ToggleBtn.tsx b/src/domains/mypage/components/ToggleBtn.tsx
index 447bb1cd..d066618e 100644
--- a/src/domains/mypage/components/ToggleBtn.tsx
+++ b/src/domains/mypage/components/ToggleBtn.tsx
@@ -1,28 +1,60 @@
 'use client';
+import { getApi } from '@/app/api/config/appConfig';
 import clsx from 'clsx';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
+import AlarmConfirm from './pages/my-alarm/AlarmConfirm';
 
 function ToggleBtn() {
-  const [isClick, setIsClick] = useState(false);
+  const [isAlarm, setIsAlarm] = useState<boolean | null>(null);
+  const [isClick, setIsClick] = useState<boolean>(false);
 
-  const handleClick = () => {
-    setIsClick(!isClick);
+  useEffect(() => {
+    const fetchToggle = async () => {
+      try {
+        const res = await fetch(`${getApi}/me/notification-setting`, {
+          method: 'GET',
+          credentials: 'include',
+        });
+        const json = await res.json();
+        setIsAlarm(json.data.enabled);
+      } catch {
+        console.error();
+      }
+    };
+    fetchToggle();
+  }, []);
+
+  const handleClick = async () => {
+    setIsClick(true);
   };
+
   return (
-    <button
-      className={clsx(
-        'rounded-full flex py-0.5 pl-[2px] w-17 h-7 duration-300',
-        isClick ? 'bg-tertiary' : 'bg-white'
+    <div>
+      {isClick && (
+        <AlarmConfirm
+          open={isClick}
+          onClose={() => setIsClick(false)}
+          state={isAlarm}
+          cancle={() => setIsClick(isClick)}
+          setIsAlarm={setIsAlarm}
+          setIsClick={setIsClick}
+        />
       )}
-      onClick={handleClick}
-    >
-      <div
+      <button
         className={clsx(
-          'rounded-full w-6 h-6 duration-300',
-          isClick ? 'bg-secondary translate-x-10' : 'bg-gray-dark'
+          'rounded-full flex py-0.5 pl-[2px] w-17 h-7 duration-300',
+          isAlarm ? 'bg-tertiary' : 'bg-white'
         )}
-      ></div>
-    </button>
+        onClick={handleClick}
+      >
+        <div
+          className={clsx(
+            'rounded-full w-6 h-6 duration-300',
+            isAlarm ? 'bg-secondary translate-x-10' : 'bg-gray-dark'
+          )}
+        ></div>
+      </button>
+    </div>
   );
 }
 export default ToggleBtn;
diff --git a/src/domains/mypage/components/WithdrawModal.tsx b/src/domains/mypage/components/WithdrawModal.tsx
index 80f645bc..da931b28 100644
--- a/src/domains/mypage/components/WithdrawModal.tsx
+++ b/src/domains/mypage/components/WithdrawModal.tsx
@@ -1,7 +1,10 @@
+'use client';
+
 import CrySsury from '@/shared/assets/ssury/ssury_cry.webp';
 import Image from 'next/image';
 import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
 import Button from '@/shared/components/button/Button';
+
 interface Props {
   open: boolean;
   onClose: () => void;
diff --git a/src/domains/mypage/components/pages/my-active/MyComment.tsx b/src/domains/mypage/components/pages/my-active/MyComment.tsx
new file mode 100644
index 00000000..daf1e549
--- /dev/null
+++ b/src/domains/mypage/components/pages/my-active/MyComment.tsx
@@ -0,0 +1,49 @@
+'use client';
+import { getApi } from '@/app/api/config/appConfig';
+import { CommentType } from '@/domains/community/types/post';
+import CommentList from '@/domains/shared/components/comment/CommentList';
+import { useAuthStore } from '@/domains/shared/store/auth';
+import { useEffect, useState } from 'react';
+import { useShallow } from 'zustand/shallow';
+
+function MyComment() {
+  const { user } = useAuthStore(
+    useShallow((state) => ({
+      user: state.user,
+    }))
+  );
+
+  const [myComment, setMyComment] = useState<CommentType[]>([]);
+  const [isLoading] = useState<boolean>(false);
+
+  const fetchComment = async () => {
+    const res = await fetch(`${getApi}/me/comments`, {
+      method: 'GET',
+      credentials: 'include',
+    });
+    const json = await res.json();
+    setMyComment(json.data.items);
+  };
+
+  useEffect(() => {
+    fetchComment();
+  }, []);
+
+  return (
+    <section>
+      {CommentList.length !== 0 ? (
+        <CommentList
+          comments={myComment}
+          isLoading={isLoading}
+          myPage={true}
+          currentUserNickname={user?.nickname}
+        />
+      ) : (
+        <div className="flex justify-center">
+          <p>작성한 댓글이 없습니다.</p>
+        </div>
+      )}
+    </section>
+  );
+}
+export default MyComment;
diff --git a/src/domains/mypage/components/pages/my-active/MyLike.tsx b/src/domains/mypage/components/pages/my-active/MyLike.tsx
new file mode 100644
index 00000000..5f283250
--- /dev/null
+++ b/src/domains/mypage/components/pages/my-active/MyLike.tsx
@@ -0,0 +1,33 @@
+'use client';
+import { getApi } from '@/app/api/config/appConfig';
+import PostCard from '@/domains/community/main/PostCard';
+import { useEffect, useState } from 'react';
+
+function MyLike() {
+  const [myLike, setMyLike] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const fetchLike = async () => {
+    const res = await fetch(`${getApi}/me/likes`, {
+      method: 'GET',
+      credentials: 'include',
+    });
+    const json = await res.json();
+    setMyLike(json.data.items);
+  };
+
+  useEffect(() => {
+    fetchLike();
+  }, []);
+
+  return (
+    <section className="flex justify-center">
+      {myLike.length > 0 ? (
+        <PostCard posts={myLike} isLoading={isLoading} />
+      ) : (
+        <div>아직 좋아요를 누른 글이 없습니다</div>
+      )}
+    </section>
+  );
+}
+export default MyLike;
diff --git a/src/domains/mypage/components/pages/my-active/MyPost.tsx b/src/domains/mypage/components/pages/my-active/MyPost.tsx
new file mode 100644
index 00000000..c17c6dc8
--- /dev/null
+++ b/src/domains/mypage/components/pages/my-active/MyPost.tsx
@@ -0,0 +1,26 @@
+'use client';
+import { getApi } from '@/app/api/config/appConfig';
+import PostCard from '@/domains/community/main/PostCard';
+import { useEffect, useState } from 'react';
+
+function MyPost() {
+  const [myPost, setMyPost] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const fetchPost = async () => {
+    const res = await fetch(`${getApi}/me/posts`, {
+      method: 'GET',
+      credentials: 'include',
+    });
+    const json = await res.json();
+    console.log(json);
+    setMyPost(json.data.items);
+  };
+
+  useEffect(() => {
+    console.log(myPost);
+    fetchPost();
+  }, []);
+
+  return <PostCard posts={myPost} isLoading={isLoading} />;
+}
+export default MyPost;
diff --git a/src/domains/mypage/components/pages/my-alarm/AlarmConfirm.tsx b/src/domains/mypage/components/pages/my-alarm/AlarmConfirm.tsx
new file mode 100644
index 00000000..0d875b9b
--- /dev/null
+++ b/src/domains/mypage/components/pages/my-alarm/AlarmConfirm.tsx
@@ -0,0 +1,27 @@
+import { useConfirm } from '@/domains/mypage/hook/useConfirm';
+import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
+import { Dispatch, SetStateAction } from 'react';
+
+interface Props {
+  open: boolean;
+  onClose: () => void;
+  state: boolean | null;
+  cancle: () => void;
+  setIsAlarm: Dispatch<SetStateAction<boolean | null>>;
+  setIsClick: Dispatch<SetStateAction<boolean>>;
+}
+
+function AlarmConfirm({ open, onClose, state, cancle, setIsAlarm, setIsClick }: Props) {
+  const { patchAlarm } = useConfirm(state, setIsAlarm, setIsClick);
+
+  return (
+    <ConfirmModal
+      open={open}
+      onClose={onClose}
+      description={state ? '알림을 해제하시겠습니까?' : '알림을 설정하시겠습니까?'}
+      onConfirm={patchAlarm}
+      onCancel={cancle}
+    ></ConfirmModal>
+  );
+}
+export default AlarmConfirm;
diff --git a/src/domains/mypage/components/pages/my-alarm/MyAlarm.tsx b/src/domains/mypage/components/pages/my-alarm/MyAlarm.tsx
new file mode 100644
index 00000000..512248bd
--- /dev/null
+++ b/src/domains/mypage/components/pages/my-alarm/MyAlarm.tsx
@@ -0,0 +1,48 @@
+'use client';
+import { useEffect, useState } from 'react';
+import Alarm from '../../Alarm';
+import { getApi } from '@/app/api/config/appConfig';
+import TextButton from '@/shared/components/button/TextButton';
+
+interface MyAlarm {
+  notificationId: number;
+  title: string;
+  content: string;
+  isRead: boolean;
+  createdAt: Date;
+}
+
+function MyAlarm() {
+  const [myAlarm, setMyAlarm] = useState<MyAlarm[]>([]);
+
+  const fetchAlarm = async () => {
+    const res = await fetch(`${getApi}/me/notifications`, {
+      method: 'GET',
+      credentials: 'include',
+    });
+    const json = await res.json();
+    setMyAlarm(json.data.items);
+  };
+
+  useEffect(() => {
+    fetchAlarm();
+  }, []);
+
+  return (
+    <section>
+      <div className="flex justify-end">
+        <TextButton className="my-5">전체삭제</TextButton>
+      </div>
+      {myAlarm.length !== 0 ? (
+        myAlarm.map(({ notificationId, title, content }) => (
+          <Alarm key={notificationId} title={title} content={content} />
+        ))
+      ) : (
+        <div className="flex justify-center">
+          <p>알림이 없습니다.</p>
+        </div>
+      )}
+    </section>
+  );
+}
+export default MyAlarm;
diff --git a/src/domains/mypage/components/pages/my-bar/MyBar.tsx b/src/domains/mypage/components/pages/my-bar/MyBar.tsx
new file mode 100644
index 00000000..3bceb240
--- /dev/null
+++ b/src/domains/mypage/components/pages/my-bar/MyBar.tsx
@@ -0,0 +1,73 @@
+'use client';
+import { getApi } from '@/app/api/config/appConfig';
+import { abvMap } from '@/domains/mypage/utills/abvMap';
+import CocktailCard from '@/domains/shared/components/cocktail-card/CocktailCard';
+import TextButton from '@/shared/components/button/TextButton';
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
+
+interface MyCocktail {
+  cocktailId: number;
+  cocktailName: string;
+  cocktailNameKo: string;
+  id: number;
+  imageUrl: string;
+  alcoholStrength: string;
+}
+
+function MyBar() {
+  const [myCocktail, setMyCocktail] = useState<MyCocktail[]>([]);
+  const fetchData = async () => {
+    const res = await fetch(`${getApi}/me/bar/detail`, {
+      method: 'GET',
+      credentials: 'include',
+    });
+    const json = await res.json();
+    setMyCocktail(json.data.items ?? []);
+  };
+
+  useEffect(() => {
+    fetchData();
+  }, []);
+
+  return (
+    <div>
+      <div className="flex justify-end">
+        <TextButton className="my-5">전체삭제</TextButton>
+      </div>
+      {myCocktail.length !== 0 ? (
+        <div
+          className="
+           grid gap-8 md:justify-between justify-center
+           [grid-template-columns:repeat(1,minmax(0,250px))]
+           sm:[grid-template-columns:repeat(2,minmax(0,250px))]
+           md:[grid-template-columns:repeat(3,minmax(0,250px))]
+           "
+        >
+          {myCocktail.map(
+            ({ cocktailId, cocktailName, imageUrl, cocktailNameKo, alcoholStrength }) => {
+              const alcohol = abvMap(alcoholStrength);
+              return (
+                <Link href={`/recipe/${cocktailId}`} key={cocktailId}>
+                  <CocktailCard
+                    alcohol={alcohol}
+                    src={imageUrl}
+                    textSize1="text-xl"
+                    name={cocktailName}
+                    nameKo={cocktailNameKo}
+                    keep={true}
+                  ></CocktailCard>
+                </Link>
+              );
+            }
+          )}
+        </div>
+      ) : (
+        <div className="flex justify-center">
+          <p>아직 저장하신 칵테일이 없습니다.</p>
+        </div>
+      )}
+    </div>
+  );
+}
+export default MyBar;
diff --git a/src/domains/mypage/hook/useConfirm.ts b/src/domains/mypage/hook/useConfirm.ts
new file mode 100644
index 00000000..8967fec6
--- /dev/null
+++ b/src/domains/mypage/hook/useConfirm.ts
@@ -0,0 +1,27 @@
+import { getApi } from '@/app/api/config/appConfig';
+import { useToast } from '@/shared/hook/useToast';
+import { Dispatch, SetStateAction } from 'react';
+
+export function useConfirm(
+  state: boolean | null,
+  setIsAlarm: Dispatch<SetStateAction<boolean | null>>,
+  setIsClick: Dispatch<SetStateAction<boolean>>
+) {
+  const { toastSuccess } = useToast();
+  const next = !state;
+  const patchAlarm = async () => {
+    await fetch(`${getApi}/me/notification-setting`, {
+      method: 'PATCH',
+      credentials: 'include',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        enabled: next,
+      }),
+    });
+    setIsAlarm(next);
+    setIsClick(false);
+
+    (await next) ? toastSuccess('알림이 설정되었습니다.') : toastSuccess('알림이 해제되었습니다');
+  };
+  return { patchAlarm };
+}
diff --git a/src/domains/mypage/hook/useProfileSsury.tsx b/src/domains/mypage/hook/useProfileSsury.tsx
new file mode 100644
index 00000000..d683fb66
--- /dev/null
+++ b/src/domains/mypage/hook/useProfileSsury.tsx
@@ -0,0 +1,22 @@
+import Ssury1 from '@/shared/assets/ssury/ssury_level1.webp';
+import Ssury2 from '@/shared/assets/ssury/ssury_level2.webp';
+import Ssury3 from '@/shared/assets/ssury/ssury_level3.webp';
+import Ssury4 from '@/shared/assets/ssury/ssury_level4.webp';
+import Ssury5 from '@/shared/assets/ssury/ssury_level5.webp';
+import Ssury6 from '@/shared/assets/ssury/ssury_level6.webp';
+import Image, { StaticImageData } from 'next/image';
+
+const SSURY_MAP: Record<number, StaticImageData> = {
+  1: Ssury1,
+  2: Ssury2,
+  3: Ssury3,
+  4: Ssury4,
+  5: Ssury5,
+  6: Ssury6,
+};
+
+function useProfileSsury(level: number) {
+  const src = SSURY_MAP[level] ?? Ssury1;
+  return src;
+}
+export default useProfileSsury;
diff --git a/src/domains/mypage/main/MyAbv.tsx b/src/domains/mypage/main/MyAbv.tsx
index fd2dc317..d07ac7bb 100644
--- a/src/domains/mypage/main/MyAbv.tsx
+++ b/src/domains/mypage/main/MyAbv.tsx
@@ -3,10 +3,23 @@ import Help from '@/shared/assets/icons/help_24.svg';
 import ToolTip from '@/shared/components/tool-tip/ToolTip';
 import useMedia from '../hook/useMedia';
 
-function MyAbv() {
+function MyAbv({ abv }: { abv: number }) {
   const isMd = useMedia('(min-width:768px)');
   const position = isMd ? 'leftTop' : 'top';
   const viewPoint = isMd ? 'web' : 'mobileLongText';
+  const fixedAbv = abv.toFixed(1);
+
+  const t = Math.min(1, Math.max(0, abv / 100));
+
+  // HEX → RGB
+  const from = [255, 202, 141]; // FFCA8D
+  const to = [250, 36, 36]; // FA2424
+
+  // RGB
+  const r = Math.round(from[0] + (to[0] - from[0]) * t);
+  const g = Math.round(from[1] + (to[1] - from[1]) * t);
+  const b = Math.round(from[2] + (to[2] - from[2]) * t);
+  const color = `rgb(${r}, ${g}, ${b})`;
 
   return (
     <dl className="flex justify-between items-center text-gray-dark gap-2">
@@ -21,8 +34,11 @@ function MyAbv() {
           <Help />
         </ToolTip>
       </dt>
-      <dd className="text-base">
-        <span className="text-2xl md:text-4xl font-bold">83</span>%
+      <dd className="text-base flex gap-[2px] items-end">
+        <span className="text-2xl md:text-4xl font-bold" style={{ color }}>
+          {fixedAbv}
+        </span>
+        %
       </dd>
     </dl>
   );
diff --git a/src/domains/mypage/main/MyNav.tsx b/src/domains/mypage/main/MyNav.tsx
index bff0acab..c0579e76 100644
--- a/src/domains/mypage/main/MyNav.tsx
+++ b/src/domains/mypage/main/MyNav.tsx
@@ -9,7 +9,7 @@ import { usePathname } from 'next/navigation';
 const MAIN_TABMENU = [
   {
     title: '나만의 BAR',
-    href: '/mypage/mybar',
+    href: '/mypage/my-bar',
   },
   {
     title: '내 활동',
@@ -92,17 +92,9 @@ function MyNav() {
           role="tabpanel"
           aria-labelledby={`main-tab-${i}`}
           hidden={isActive !== i}
-        >
-          {/* 필요하면 여기 메인 탭별 콘텐츠 렌더 */}
-        </div>
+        ></div>
       ))}
 
-      {(isActive == 0 || isActive == 2) && (
-        <TextButton className="self-end" onClick={() => setIsDeleteAll(!isDeleteAll)}>
-          전체삭제
-        </TextButton>
-      )}
-
       {isActive == 1 && (
         <nav aria-label="내 활동 하위 탭">
           <ul role="tablist" className="flex gap-5 w-full justify-center">
@@ -139,9 +131,7 @@ function MyNav() {
             role="tabpanel"
             aria-labelledby={`sub-tab-${i}`}
             hidden={isActive !== i}
-          >
-            {/* 필요하면 여기 서브 탭별 콘텐츠 렌더 */}
-          </div>
+          ></div>
         ))}
     </section>
   );
diff --git a/src/domains/mypage/main/MyProfile.tsx b/src/domains/mypage/main/MyProfile.tsx
index 11f17609..6f3b3de3 100644
--- a/src/domains/mypage/main/MyProfile.tsx
+++ b/src/domains/mypage/main/MyProfile.tsx
@@ -1,41 +1,63 @@
-import Image from 'next/image';
-import Ssury from '@/shared/assets/ssury/ssury_level4.webp';
+'use client';
+
 import AbvGraph from '@/domains/shared/components/abv-graph/AbvGraph';
 import MyAbv from './MyAbv';
+import SsuryImage from './SsuryImage';
+import useFetchProfile from '../api/fetchProfile';
+import { useQuery } from '@tanstack/react-query';
 
 function MyProfile() {
+  const { fetchProfile } = useFetchProfile();
+  const { data } = useQuery({ queryKey: ['myProfile'], queryFn: fetchProfile });
+
+  if (!data) return;
+  const {
+    nickname,
+    abvLevel,
+    myLikedPostCount,
+    myPostCount,
+    myCommentCount,
+    myKeepCount,
+    abvDegree,
+  } = data;
+
   return (
     <section className="h-auto  p-6 bg-white rounded-2xl">
       <header className="flex flex-col gap-8 md:gap-3 md:flex-row md:justify-between ">
-        <div className="flex flex-col pb-4 md:pb-0 md:flex-col gap-6">
-          <div className="rounded-full w-17.5 h-17.5 flex items-center gap-2">
-            <Image src={Ssury} alt="" />
-            <p className="text-gray-dark text-2xl font-bold">UserName</p>
-          </div>
-          <ul className="flex gap-3 text-gray-dark text-xs">
-            <li className="flex gap-1">
-              <p>좋아요 0</p>
-            </li>
-            <span>|</span>
-            <li className="flex gap-1">
-              <p>글 0</p>
-            </li>
-            <span>|</span>
-            <li className="flex gap-1">
-              <p>댓글 0</p>
-            </li>
-            <span>|</span>
-            <li className="flex gap-1">
-              <p>칵테일 킵 0</p>
-            </li>
-          </ul>
-        </div>
-        <aside className="flex flex-col gap-2 md:pt-3">
-          <MyAbv />
-          <AbvGraph />
-        </aside>
+        {data && (
+          <>
+            <div className="flex flex-col pb-4 md:pb-0 md:flex-col gap-6">
+              <div className="rounded-full w-17.5 h-17.5 flex items-center gap-2">
+                <SsuryImage abvLevel={abvLevel} />
+                <p className="text-gray-dark text-2xl whitespace-nowrap font-bold">{nickname}</p>
+              </div>
+              <ul className="flex gap-3 text-gray-dark text-xs">
+                <li className="flex gap-1">
+                  <p>좋아요 {myLikedPostCount}</p>
+                </li>
+                <span>|</span>
+                <li className="flex gap-1">
+                  <p>글 {myPostCount}</p>
+                </li>
+                <span>|</span>
+                <li className="flex gap-1">
+                  <p>댓글 {myCommentCount}</p>
+                </li>
+                <span>|</span>
+                <li className="flex gap-1">
+                  <p>칵테일 킵 {myKeepCount}</p>
+                </li>
+              </ul>
+            </div>
+            <aside className="flex flex-col gap-2 md:pt-3">
+              <MyAbv abv={abvDegree} />
+              <AbvGraph max={100} abv={abvDegree} type="myAbv" />
+            </aside>
+          </>
+        )}
       </header>
     </section>
   );
 }
+
 export default MyProfile;
diff --git a/src/domains/mypage/main/MySetting.tsx b/src/domains/mypage/main/MySetting.tsx
index f50e9ac1..716f1ecf 100644
--- a/src/domains/mypage/main/MySetting.tsx
+++ b/src/domains/mypage/main/MySetting.tsx
@@ -2,34 +2,54 @@
 import EditNickName from '@/domains/mypage/components/EditNickName';
 import ToggleBtn from '@/domains/mypage/components/ToggleBtn';
 import WithdrawModal from '@/domains/mypage/components/WithdrawModal';
-import Button from '@/shared/components/button/Button';
 import TextButton from '@/shared/components/button/TextButton';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
+import useFetchProfile from '../api/fetchProfile';
+import { useQuery } from '@tanstack/react-query';
 
 function MySetting() {
+  const { fetchProfile } = useFetchProfile();
+  const { data: profile } = useQuery({ queryKey: ['myProfile'], queryFn: fetchProfile });
   const [isOpen, setIsOpen] = useState(false);
   const [isQuit, setIsQuit] = useState(false);
+  const [nickname, setNickName] = useState(profile?.nickname);
+  const [editNickName, setEditNickName] = useState('');
+
+  const handleEditNickName = async () => {
+    setIsOpen(!isOpen);
+  };
+
+  useEffect(() => {
+    if (profile) setNickName(profile?.nickname);
+  }, [profile]);
+
   return (
     <section className="flex flex-col h-80 md:h-100 lg:h-125 justify-between">
-      {isOpen && <EditNickName open={isOpen} onClose={() => setIsOpen(!isOpen)} />}
+      {isOpen && (
+        <EditNickName
+          nickname={nickname ?? ''}
+          setIsOpen={setIsOpen}
+          editNickName={editNickName}
+          setEditNickName={setEditNickName}
+          open={isOpen}
+          onClose={() => setIsOpen(!isOpen)}
+          setNickName={setNickName}
+        />
+      )}
       {isQuit && <WithdrawModal open={isQuit} onClose={() => setIsQuit(!isQuit)} />}
       <div>
         <div className="flex justify-between py-5 border-b-1 border-gray-light">
-          <div className="text-lg">닉네임 : UserName</div>
-          <TextButton onClick={() => setIsOpen(!isOpen)}>수정하기</TextButton>
+          <div className="text-lg">닉네임 : {nickname}</div>
+          <TextButton onClick={handleEditNickName}>수정하기</TextButton>
         </div>
         <div className="flex justify-between py-5">
           <h2>알람설정</h2>
+
           <ToggleBtn />
         </div>
       </div>
-      <div className="flex justify-between items-center">
+      <div className="flex justify-end items-center">
         <TextButton onClick={() => setIsQuit(!isQuit)}>회원탈퇴</TextButton>
-
-        <div className="flex gap-2 ">
-          <Button color="purple">취소</Button>
-          <Button>변경상태 저장</Button>
-        </div>
       </div>
     </section>
   );
diff --git a/src/domains/mypage/main/SsuryImage.tsx b/src/domains/mypage/main/SsuryImage.tsx
new file mode 100644
index 00000000..e6fdb49c
--- /dev/null
+++ b/src/domains/mypage/main/SsuryImage.tsx
@@ -0,0 +1,9 @@
+import useProfileSsury from '../hook/useProfileSsury';
+import Image from 'next/image';
+
+function SsuryImage({ abvLevel }: { abvLevel: number }) {
+  const profileImage = useProfileSsury(abvLevel);
+
+  return <Image src={profileImage} alt="" />;
+}
+export default SsuryImage;
diff --git a/src/domains/mypage/types/type.d.ts b/src/domains/mypage/types/type.d.ts
new file mode 100644
index 00000000..58ab2699
--- /dev/null
+++ b/src/domains/mypage/types/type.d.ts
@@ -0,0 +1,12 @@
+export interface Profile {
+  abvDegree: number;
+  abvLabel: string;
+  abvLevel: number;
+  email: string | null;
+  id: number;
+  myCommentCount: number;
+  myKeepCount: number;
+  myLikedPostCount: number;
+  myPostCount: number;
+  nickname: string;
+}
diff --git a/src/domains/mypage/utills/abvMap.ts b/src/domains/mypage/utills/abvMap.ts
new file mode 100644
index 00000000..975ab58d
--- /dev/null
+++ b/src/domains/mypage/utills/abvMap.ts
@@ -0,0 +1,17 @@
+export function abvMap(input: string) {
+  if (!input) return '';
+  switch (input) {
+    case 'NON_ALCOHOLIC':
+      return '논 알콜';
+    case 'WEAK':
+      return '약한 도수';
+    case 'LIGHT':
+      return '가벼운 도수';
+    case 'MEDIUM':
+      return '중간 도수';
+    case 'STRONG':
+      return '센 도수';
+    case 'VERY_STRONG':
+      return '매우 센 도수';
+  }
+}
diff --git a/src/domains/not-found/components/NotFoundCont.tsx b/src/domains/not-found/components/NotFoundCont.tsx
new file mode 100644
index 00000000..a2154e2c
--- /dev/null
+++ b/src/domains/not-found/components/NotFoundCont.tsx
@@ -0,0 +1,34 @@
+'use client';
+
+import Image from 'next/image';
+import CrySsury from '@/shared/assets/ssury/ssury_cry.webp';
+import Button from '@/shared/components/button/Button';
+import { useRouter } from 'next/navigation';
+
+function NotFoundCont() {
+  const router = useRouter();
+
+  return (
+    <div className="flex flex-col items-center gap-5">
+      <Image
+        src={CrySsury}
+        alt=""
+        aria-hidden
+        width={128}
+        height={128}
+        className="w-25 h-25 sm:w-32 sm:h-32"
+      />
+      <h1 className="text-center">페이지를 찾을 수 없어요🥲</h1>
+      <Button
+        type="button"
+        color="default"
+        onClick={() => {
+          router.push('/');
+        }}
+      >
+        메인으로 이동
+      </Button>
+    </div>
+  );
+}
+export default NotFoundCont;
diff --git a/src/domains/recipe/api/CocktailSearch.tsx b/src/domains/recipe/api/CocktailSearch.tsx
new file mode 100644
index 00000000..aacd03fc
--- /dev/null
+++ b/src/domains/recipe/api/CocktailSearch.tsx
@@ -0,0 +1,58 @@
+'use client';
+import { getApi } from '@/app/api/config/appConfig';
+import { Cocktail } from '../types/types';
+import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+
+interface Props {
+  setData: Dispatch<SetStateAction<Cocktail[]>>;
+  setNoResults: Dispatch<React.SetStateAction<boolean>>;
+}
+
+function CocktailSearch({ setData, setNoResults }: Props) {
+  const [alcoholStrengths, setAlcoholStrengths] = useState<string[]>([]);
+  const [cocktailTypes, setCocktailTypes] = useState<string[]>([]);
+  const [alcoholBaseTypes, setAlcoholBaseTypes] = useState<string[]>([]);
+
+  const searchApi = async (v?: string) => {
+    const keyword = v?.trim() ?? '';
+    const body = {
+      keyword,
+      alcoholStrengths,
+      cocktailTypes,
+      alcoholBaseTypes,
+      page: 0,
+      size: 100,
+    };
+
+    if (!keyword && !alcoholStrengths.length && !cocktailTypes.length && !alcoholBaseTypes.length) {
+      setData([]);
+      setNoResults(false);
+      return null;
+    }
+
+    const res = await fetch(`${getApi}/cocktails/search`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    const json = await res.json();
+
+    setData(json.data);
+    setNoResults(json.data.length === 0);
+  };
+
+  useEffect(() => {
+    searchApi();
+  }, [alcoholStrengths, cocktailTypes, alcoholBaseTypes]);
+
+  return {
+    searchApi,
+    setAlcoholBaseTypes,
+    setAlcoholStrengths,
+    setCocktailTypes,
+    alcoholBaseTypes,
+    alcoholStrengths,
+    cocktailTypes,
+  };
+}
+export default CocktailSearch;
diff --git a/src/domains/recipe/api/RecipeFetch.tsx b/src/domains/recipe/api/RecipeFetch.tsx
new file mode 100644
index 00000000..a86fecb5
--- /dev/null
+++ b/src/domains/recipe/api/RecipeFetch.tsx
@@ -0,0 +1,74 @@
+'use client';
+
+import { getApi } from '@/app/api/config/appConfig';
+import { Cocktail } from '../types/types';
+import { Dispatch, SetStateAction, useCallback, useState } from 'react';
+import { useAuthStore } from '@/domains/shared/store/auth';
+
+interface Props {
+  setData: React.Dispatch<React.SetStateAction<Cocktail[]>>;
+  lastId: number | null;
+  setLastId: Dispatch<SetStateAction<number | null>>;
+  hasNextPage: boolean;
+  setHasNextPage: Dispatch<SetStateAction<boolean>>;
+  SIZE?: number;
+}
+
+// api/cocktais fetch용
+export const RecipeFetch = ({
+  setData,
+  lastId,
+  setLastId,
+  hasNextPage,
+  setHasNextPage,
+  SIZE = 20,
+}: Props) => {
+  const user = useAuthStore();
+  const fetchData = useCallback(async () => {
+    // 쿼리파라미터에 값 넣기
+    if (!hasNextPage) return;
+    const url = new URL(`${getApi}/cocktails`);
+    url.searchParams.set('size', String(SIZE));
+    if (typeof lastId === 'number') {
+      url.searchParams.set('lastId', String(lastId));
+    }
+    url.searchParams.set('LastValue', String(lastId));
+
+    const recipeRes = await fetch(url.toString(), {
+      method: 'GET',
+    });
+    if (!recipeRes.ok) throw new Error('데이터 요청 실패');
+    const recipeJson = await recipeRes.json();
+    const list: Cocktail[] = recipeJson.data ?? [];
+
+    if (user) {
+      const keepRes = await fetch(`${getApi}/me/bar`, {
+        method: 'GET',
+        credentials: 'include',
+      });
+      const bars = keepRes.ok ? ((await keepRes.json()).data ?? []) : [];
+      const favoriteIds = new Set(bars.map((m: { cocktailId: number }) => m.cocktailId));
+      const merged = list.map((item) => ({
+        ...item,
+        isFavorited: favoriteIds.has(item.cocktailId),
+      }));
+      setData((prev) =>
+        Array.from(
+          new Map<number, Cocktail>([...prev, ...merged].map((i) => [i.cocktailId, i])).values()
+        )
+      );
+    } else {
+      setData((prev) =>
+        Array.from(
+          new Map<number, Cocktail>([...prev, ...list].map((i) => [i.cocktailId, i])).values()
+        )
+      );
+    }
+
+    if (list.length > 0) {
+      setLastId(list[list.length - 1].cocktailId);
+    }
+    setHasNextPage(list.length === SIZE);
+  }, [hasNextPage, lastId, setData, setLastId, setHasNextPage, SIZE]);
+  return { fetchData };
+};
diff --git a/src/domains/recipe/api/fetchRecipeComment.ts b/src/domains/recipe/api/fetchRecipeComment.ts
new file mode 100644
index 00000000..627001ee
--- /dev/null
+++ b/src/domains/recipe/api/fetchRecipeComment.ts
@@ -0,0 +1,64 @@
+import { getApi } from '@/app/api/config/appConfig';
+import { CommentType } from '@/domains/community/types/post';
+
+export const getRecipeComment = async (cocktailId: number): Promise<CommentType[] | null> => {
+  try {
+    const res = await fetch(`${getApi}/cocktails/${cocktailId}/comments`, {
+      method: 'GET',
+      cache: 'no-store', // 캐시 비활성화
+    });
+    const data = await res.json();
+
+    //삭제된 댓글은 제외
+    const filteredComments = data.data.filter(
+      (comment: CommentType) => comment.status !== 'DELETED'
+    );
+
+    return filteredComments;
+  } catch (err) {
+    console.error('해당 글의 댓글 조회 실패', err);
+    return null;
+  }
+};
+
+export async function updateComment(
+  accessToken: string | null,
+  postId: number,
+  commentId: number,
+  content: string
+): Promise<void> {
+  console.log(postId, typeof postId);
+  const response = await fetch(`${getApi}/cocktails/${postId}/comments/${commentId}`, {
+    method: 'PATCH',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${accessToken}`,
+    },
+    body: JSON.stringify({ content }),
+  });
+
+  if (!response.ok) {
+    const errorText = await response.text();
+    console.error('서버 응답 에러:', errorText);
+    throw new Error(`댓글 수정 실패: ${response.status}`);
+  }
+}
+
+export async function deleteRecipeComment(
+  accessToken: string | null,
+  cocktailId: number,
+  commentId: number
+): Promise<void> {
+  const response = await fetch(`${getApi}/cocktails/${cocktailId}/comments/${commentId}`, {
+    method: 'DELETE',
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+    },
+  });
+
+  if (!response.ok) {
+    const errorText = await response.text();
+    console.error('서버 응답 에러:', errorText);
+    throw new Error(`댓글 수정 실패: ${response.status}`);
+  }
+}
diff --git a/src/domains/recipe/api/useRecipeComment.ts b/src/domains/recipe/api/useRecipeComment.ts
new file mode 100644
index 00000000..d5aa6f6d
--- /dev/null
+++ b/src/domains/recipe/api/useRecipeComment.ts
@@ -0,0 +1,106 @@
+import { useState, useEffect, useCallback } from 'react';
+import { getApi } from '@/app/api/config/appConfig';
+import { User } from '@/domains/shared/store/auth';
+import { CommentType } from '@/domains/community/types/post';
+import { deleteRecipeComment, getRecipeComment, updateComment } from './fetchRecipeComment';
+import { useToast } from '@/shared/hook/useToast';
+
+export function useRecipeComments(
+  cocktailId: number,
+  user: User | null,
+  accessToken: string | null
+) {
+  const [comments, setComments] = useState<CommentType[] | null>(null);
+  const [isEnd, setIsEnd] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [deleteTarget, setDeleteTarget] = useState<{
+    commentId: number;
+    cocktailId: number;
+  } | null>(null);
+  const { toastError } = useToast();
+
+  const fetchData = useCallback(async () => {
+    const data = await getRecipeComment(cocktailId);
+    if (!data) return;
+    setComments(data);
+    setIsEnd(false);
+  }, [cocktailId]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  const handleUpdateComment = async (commentId: number, content: string) => {
+    if (!user) {
+      toastError('로그인이 필요합니다');
+      return;
+    }
+    try {
+      await updateComment(accessToken!, cocktailId, commentId, content);
+      setComments((prev) =>
+        prev
+          ? prev.map((comment) =>
+              comment.commentId === commentId ? { ...comment, content } : comment
+            )
+          : prev
+      );
+    } catch (err) {
+      console.error(err);
+      toastError('댓글 수정 중 오류가 발생했습니다.');
+    }
+  };
+
+  const handleAskDeleteComment = (commentId: number) => {
+    setDeleteTarget({ commentId, cocktailId });
+  };
+
+  const handleConfirmDelete = async () => {
+    if (!user) {
+      toastError('로그인이 필요합니다');
+      return;
+    }
+    if (!deleteTarget) return;
+
+    try {
+      await deleteRecipeComment(accessToken!, deleteTarget.cocktailId, deleteTarget.commentId);
+      setComments((prev) =>
+        prev ? prev.filter((c) => c.commentId !== deleteTarget.commentId) : prev
+      );
+    } catch (err) {
+      console.error(err);
+    } finally {
+      setDeleteTarget(null);
+    }
+  };
+
+  const loadMoreComments = async (lastCommentId: number) => {
+    if (isEnd || isLoading) return;
+
+    setIsLoading(true);
+    try {
+      const res = await fetch(`${getApi}/cocktails/${cocktailId}/comments?lastId=${lastCommentId}`);
+      const newComments = await res.json();
+
+      if (newComments.data.length === 0) {
+        setIsEnd(true);
+      } else {
+        setComments((prev) => [...(prev ?? []), ...newComments.data]);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return {
+    comments,
+    isEnd,
+    isLoading,
+    deleteTarget,
+    setDeleteTarget,
+    fetchData,
+    handleUpdateComment,
+    handleAskDeleteComment,
+    handleConfirmDelete,
+    loadMoreComments,
+  };
+}
diff --git a/src/domains/recipe/components/details/BackBtn.tsx b/src/domains/recipe/components/details/BackBtn.tsx
index c50c1169..069522a7 100644
--- a/src/domains/recipe/components/details/BackBtn.tsx
+++ b/src/domains/recipe/components/details/BackBtn.tsx
@@ -1,14 +1,23 @@
 'use client';
-import Back from '@/shared/assets/icons/back_36.svg';
+
 import { useRouter } from 'next/navigation';
+import Back from '@/shared/assets/icons/back_36.svg';
 
-function BackBtn() {
+function BackButton() {
   const router = useRouter();
 
+  const handleClick = () => {
+    const url = sessionStorage.getItem('saveUrl');
+    if (!url) return;
+    router.push(url);
+    sessionStorage.removeItem('listScrollY');
+  };
+
   return (
-    <button type="button" className="z-1" onClick={router.back} aria-label="뒤로가기">
+    <button type="button" className="z-1" aria-label="뒤로가기" onClick={handleClick}>
       <Back />
     </button>
   );
 }
-export default BackBtn;
+
+export default BackButton;
diff --git a/src/domains/recipe/components/details/RecipeComment.tsx b/src/domains/recipe/components/details/RecipeComment.tsx
index 57397d2d..e85e6ec8 100644
--- a/src/domains/recipe/components/details/RecipeComment.tsx
+++ b/src/domains/recipe/components/details/RecipeComment.tsx
@@ -1,11 +1,95 @@
 import CommentHeader from '@/domains/shared/components/comment/CommentHeader';
 import CommentList from '@/domains/shared/components/comment/CommentList';
+import { useAuthStore } from '@/domains/shared/store/auth';
+import { useShallow } from 'zustand/shallow';
+import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
+import { useRecipeComments } from '../../api/useRecipeComment';
+import { getApi } from '@/app/api/config/appConfig';
+import { useToast } from '@/shared/hook/useToast';
+import { ParamValue } from 'next/dist/server/request/params';
+
+interface Props {
+  cocktailId: number;
+}
+
+function RecipeComment({ cocktailId }: Props) {
+  const { user, accessToken } = useAuthStore(
+    useShallow((state) => ({
+      user: state.user,
+      accessToken: state.accessToken,
+    }))
+  );
+
+  const { toastInfo } = useToast();
+
+  const postRecipeComment = async (cocktailId: number | ParamValue, content: string) => {
+    if (!user?.id) {
+      toastInfo('로그인 후 이용 가능합니다');
+      return;
+    }
+
+    try {
+      const res = await fetch(`${getApi}/cocktails/${cocktailId}/comments`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'include',
+        body: JSON.stringify({ content }),
+      });
+      const text = await res.text();
+
+      if (!res.ok) {
+        toastInfo('댓글은 한 개만 작성가능합니다');
+        return;
+      }
+
+      const data = JSON.parse(text);
+      return data;
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  const {
+    comments,
+    fetchData,
+    handleAskDeleteComment,
+    handleUpdateComment,
+    loadMoreComments,
+    isEnd,
+    isLoading,
+    deleteTarget,
+    handleConfirmDelete,
+    setDeleteTarget,
+  } = useRecipeComments(cocktailId, user, accessToken);
 
-function RecipeComment() {
   return (
     <div className="mb-10 border-t-1 border-gray">
-      {/* <CommentHeader totalComment={true} /> */}
-      {/* <CommentList /> */}
+      <CommentHeader
+        totalComment={true}
+        comments={comments}
+        postCommentsApi={postRecipeComment}
+        postId={cocktailId}
+        onCommentAdded={fetchData}
+      />
+      <CommentList
+        comments={comments}
+        currentUserNickname={user?.nickname}
+        onUpdateComment={handleUpdateComment}
+        onDeleteComment={handleAskDeleteComment}
+        onLoadMore={loadMoreComments}
+        isEnd={isEnd}
+        isLoading={isLoading}
+      />
+      {deleteTarget && (
+        <ConfirmModal
+          open={!!deleteTarget}
+          onConfirm={handleConfirmDelete}
+          onCancel={() => setDeleteTarget(null)}
+          onClose={() => setDeleteTarget(null)}
+          title="댓글 삭제"
+          description="정말 이 댓글을 삭제하시겠습니까?"
+        />
+      )}
     </div>
   );
 }
diff --git a/src/domains/recipe/components/main/Accordion.tsx b/src/domains/recipe/components/main/Accordion.tsx
index 4364e627..771c5a1b 100644
--- a/src/domains/recipe/components/main/Accordion.tsx
+++ b/src/domains/recipe/components/main/Accordion.tsx
@@ -1,36 +1,162 @@
 'use client';
 
 import SelectBox from '@/shared/components/select-box/SelectBox';
+import { Dispatch, SetStateAction, useEffect, useMemo } from 'react';
+import { useSearchParams, usePathname, useRouter } from 'next/navigation';
+
+interface Props {
+  setAlcoholBaseTypes: Dispatch<SetStateAction<string[]>>;
+  setAlcoholStrengths: Dispatch<SetStateAction<string[]>>;
+  setCocktailTypes: Dispatch<SetStateAction<string[]>>;
+}
 
 const SELECT_OPTIONS = [
   {
     id: 'abv',
-    option: ['전체', '약한 도수', '가벼운 도수', '중간 도수', '센 도수', '매우 센 도수'],
+    option: [
+      '전체',
+      '논알콜',
+      '약한 도수 (1~5%)',
+      '가벼운 도수 (6~15%)',
+      '중간 도수(16~25%)',
+      '센 도수(26~36%)',
+      '매우 센 도수(36%~)',
+    ],
+    map: {
+      전체: null,
+      논알콜: 'NON_ALCOHOLIC',
+      '약한 도수 (1~5%)': 'WEAK',
+      '가벼운 도수 (6~15%)': 'LIGHT',
+      '중간 도수(16~25%)': 'MEDIUM',
+      '센 도수(26~36%)': 'STRONG',
+      '매우 센 도수(36%~)': 'VERY_STRONG',
+    },
     title: '도수',
   },
   {
     id: 'base',
-    option: ['전체', '위스키', '진', '럼', '보드카', '데킬라', '리큐르'],
+    option: ['전체', '위스키', '브랜디', '진', '럼', '보드카', '데킬라', '리큐르', '와인', '기타'],
+    map: {
+      전체: null,
+      진: 'GIN',
+      럼: 'RUM',
+      보드카: 'VODKA',
+      위스키: 'WHISKY',
+      데킬라: 'TEQUILA',
+      리큐르: 'LIQUEUR',
+      브랜디: 'BRANDY',
+      와인: 'WINE',
+      기타: 'OTHER',
+    },
     title: '베이스',
   },
   {
     id: 'glass',
     option: ['전체', '클래식', '롱', '슈터', '숏'],
+    map: {
+      전체: null,
+      숏: 'SHORT',
+      롱: 'LONG',
+      클래식: 'CLASSIC',
+      슈터: 'SHOOTER',
+    },
     title: '글라스',
   },
 ];
 
-function Accordion() {
+function Accordion({ setAlcoholBaseTypes, setCocktailTypes, setAlcoholStrengths }: Props) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+
+  // url 파라미터에서 값을 가져와 POST를 도와줌
+  useEffect(() => {
+    const abv = searchParams.get('abv');
+    const base = searchParams.get('base');
+    const glass = searchParams.get('glass');
+
+    setAlcoholStrengths(abv ? [abv] : []);
+    setAlcoholBaseTypes(base ? [base] : []);
+    setCocktailTypes(glass ? [glass] : []);
+  }, [searchParams, setAlcoholStrengths, setAlcoholBaseTypes, setCocktailTypes]);
+
+  // 파라미터 값을 한글로 역 변환해주는 함수
+  const getDisplayValue = (id: string, code: string | null): string => {
+    if (!code) return '전체';
+
+    const optionGroup = SELECT_OPTIONS.find((opt) => opt.id === id);
+    if (!optionGroup) return '전체';
+
+    // map 객체에서 code와 일치하는 key(한글)를 찾기
+    const entry = Object.entries(optionGroup.map).find(([_, value]) => value === code);
+    return entry ? entry[0] : '전체';
+  };
+
+  // URL 파라미터에서 현재 선택된 값 가져오기 아코디언 UI에 적용
+  const currentValues = useMemo(() => {
+    return {
+      abv: getDisplayValue('abv', searchParams.get('abv')),
+      base: getDisplayValue('base', searchParams.get('base')),
+      glass: getDisplayValue('glass', searchParams.get('glass')),
+    };
+  }, [searchParams]);
+
+  const handleSelect = (id: string, value: string) => {
+    const optionGroup = SELECT_OPTIONS.find((opt) => opt.id === id);
+    if (!optionGroup) return;
+
+    // 선택한 옵션의 밸류를 전달
+    const code = optionGroup.map[value as keyof typeof optionGroup.map] ?? null;
+    const arr = code ? [code] : [];
+
+    // 상태 즉시 업데이트
+    switch (id) {
+      case 'abv':
+        setAlcoholStrengths(arr);
+        break;
+      case 'base':
+        setAlcoholBaseTypes(arr);
+        break;
+      case 'glass':
+        setCocktailTypes(arr);
+        break;
+    }
+
+    // URL 업데이트
+    const params = new URLSearchParams(searchParams.toString());
+
+    if (code) {
+      params.set(id, code);
+    } else {
+      params.delete(id);
+    }
+
+    const queryString = params.toString();
+    const newUrl = `${pathname}?${queryString}`;
+
+    router.push(newUrl);
+  };
+
   return (
     <ul className="flex w-full gap-3">
       {SELECT_OPTIONS.map(({ id, option, title }) => {
+        const currentValue = currentValues[id as keyof typeof currentValues];
+
         return (
           <li key={id}>
-            <SelectBox option={option} title={title} id={id} groupKey="filter" />
+            <SelectBox
+              option={option}
+              title={title}
+              id={id}
+              groupKey="filter"
+              value={currentValue} // 현재 선택된 값 전달
+              onChange={(value) => handleSelect(id, value)}
+            />
           </li>
         );
       })}
     </ul>
   );
 }
+
 export default Accordion;
diff --git a/src/domains/recipe/components/main/CocktailFilter.tsx b/src/domains/recipe/components/main/CocktailFilter.tsx
new file mode 100644
index 00000000..1941e240
--- /dev/null
+++ b/src/domains/recipe/components/main/CocktailFilter.tsx
@@ -0,0 +1,48 @@
+import { getApi } from '@/app/api/config/appConfig';
+import SelectBox from '@/shared/components/select-box/SelectBox';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { Dispatch, SetStateAction } from 'react';
+import { Cocktail } from '../../types/types';
+
+interface Props {
+  cocktailsEA: string;
+  setData: Dispatch<SetStateAction<Cocktail[]>>;
+}
+
+function CocktailFilter({ cocktailsEA, setData }: Props) {
+  const sortMap = {
+    최신순: 'recent',
+    인기순: 'popular',
+    댓글순: 'comments',
+  };
+  const searchParams = useSearchParams();
+  const query = searchParams.get('sortBy');
+  const router = useRouter();
+  const handleChange = async (selectTitle: string) => {
+    if (!query) return;
+    try {
+      const res = await fetch(`${getApi}/cocktails`);
+      const json = await res.json();
+      setData(json.data);
+    } catch {
+      console.error();
+      console.log(selectTitle);
+    }
+  };
+
+  return (
+    <div className="h-10 flex justify-between items-center mt-3 border-b-1 border-gray-light">
+      <p>{cocktailsEA}개</p>
+      <SelectBox
+        option={['최신순', '댓글순', '인기순']}
+        title="최신순"
+        onChange={(value) => {
+          const sortValue = sortMap[value as keyof typeof sortMap];
+          handleChange(value);
+          router.push(`?sortBy=${sortValue}`);
+        }}
+      />
+    </div>
+  );
+}
+export default CocktailFilter;
diff --git a/src/domains/recipe/components/main/CocktailList.tsx b/src/domains/recipe/components/main/CocktailList.tsx
new file mode 100644
index 00000000..0b2f7e63
--- /dev/null
+++ b/src/domains/recipe/components/main/CocktailList.tsx
@@ -0,0 +1,70 @@
+'use client';
+import { useRef } from 'react';
+import Link from 'next/link';
+import { useIntersectionObserver } from '@/domains/shared/hook/useIntersectionObserver';
+import { Cocktail } from '../../types/types';
+import CocktailCard from '@/domains/shared/components/cocktail-card/CocktailCard';
+import { useScrollRestore } from '@/domains/shared/hook/useMemoScroll';
+
+interface Props {
+  cocktails: Cocktail[];
+  RecipeFetch?: (cursor?: string | undefined) => Promise<void>;
+  hasNextPage: boolean;
+  lastId: number | null;
+}
+
+function CocktailList({ cocktails, RecipeFetch, hasNextPage, lastId }: Props) {
+  const cocktailRef = useRef(null);
+  const onIntersect: IntersectionObserverCallback = ([entry]) => {
+    if (!RecipeFetch) return;
+    if (!lastId) return;
+    if (entry.isIntersecting && lastId > 1) {
+      RecipeFetch();
+    }
+  };
+
+  useIntersectionObserver(cocktailRef, onIntersect, hasNextPage);
+  const saveScroll = useScrollRestore({
+    lastId,
+    fetchData: RecipeFetch!,
+    hasNextPage,
+    currentDataLength: cocktails.length,
+  });
+  return (
+    <ul
+      className="
+    grid gap-8 lg:justify-between justify-center
+    [grid-template-columns:repeat(1,minmax(0,250px))]
+    sm:[grid-template-columns:repeat(2,minmax(0,250px))]
+    md:[grid-template-columns:repeat(3,minmax(0,250px))]
+    lg:[grid-template-columns:repeat(4,minmax(0,250px))]
+  "
+    >
+      {cocktails.map(
+        ({
+          cocktailImgUrl,
+          cocktailId,
+          cocktailName,
+          cocktailNameKo,
+          alcoholStrength,
+          isFavorited,
+        }) => (
+          <li key={cocktailId} onClick={saveScroll} className="w-full">
+            <Link href={`/recipe/${cocktailId}`}>
+              <CocktailCard
+                favor={isFavorited}
+                id={cocktailId}
+                src={cocktailImgUrl}
+                name={cocktailName}
+                nameKo={cocktailNameKo}
+                alcohol={alcoholStrength}
+              />
+            </Link>
+          </li>
+        )
+      )}
+      <div ref={cocktailRef} className="h-2"></div>
+    </ul>
+  );
+}
+export default CocktailList;
diff --git a/src/domains/recipe/components/main/CocktailSearchBar.tsx b/src/domains/recipe/components/main/CocktailSearchBar.tsx
new file mode 100644
index 00000000..5850054e
--- /dev/null
+++ b/src/domains/recipe/components/main/CocktailSearchBar.tsx
@@ -0,0 +1,20 @@
+import Input from '@/shared/components/Input-box/Input';
+
+interface Props {
+  value: string;
+  onChange: (v: string) => void;
+}
+
+function CocktailSearchBar({ value, onChange }: Props) {
+  return (
+    <Input
+      placeholder="내용을 입력해 주세요."
+      id="search"
+      value={value}
+      onChange={(e) => onChange(e.target.value)}
+      variant="search"
+      className="w-full md:max-w-80"
+    />
+  );
+}
+export default CocktailSearchBar;
diff --git a/src/domains/recipe/components/main/Cocktails.tsx b/src/domains/recipe/components/main/Cocktails.tsx
new file mode 100644
index 00000000..4d075d04
--- /dev/null
+++ b/src/domains/recipe/components/main/Cocktails.tsx
@@ -0,0 +1,101 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import CocktailFilter from './CocktailFilter';
+import CocktailList from './CocktailList';
+import { Cocktail } from '../../types/types';
+import Accordion from './Accordion';
+import { RecipeFetch } from '../../api/RecipeFetch';
+import CocktailSearchBar from './CocktailSearchBar';
+import useSearchControl from '../../hook/useSearchControl';
+import CocktailSearch from '../../api/CocktailSearch';
+
+function Cocktails() {
+  const [data, setData] = useState<Cocktail[]>([]);
+  const [lastId, setLastId] = useState<number | null>(null);
+  const [hasNextPage, setHasNextPage] = useState(true);
+
+  const { inputValue, keyword, isSearching, onInputChange, noResults, setNoResults } =
+    useSearchControl({ delay: 300, storageKey: 'cocktails_scoll_state' });
+  const { fetchData } = RecipeFetch({ setData, lastId, setLastId, hasNextPage, setHasNextPage });
+
+  const {
+    searchApi,
+    setAlcoholBaseTypes,
+    setAlcoholStrengths,
+    setCocktailTypes,
+    alcoholBaseTypes,
+    cocktailTypes,
+    alcoholStrengths,
+  } = CocktailSearch({
+    setData,
+    setNoResults,
+  });
+
+  const countLabel = isSearching
+    ? hasNextPage
+      ? `검색결과 현재 ${data.length}+`
+      : `검색결과 총 ${data.length}`
+    : hasNextPage
+      ? `전체 ${data.length}+`
+      : `전체 ${data.length}`;
+
+  // 초기 로드 시 검색어가 있으면 검색 실행
+  useEffect(() => {
+    const readyForFirstLoad = !isSearching && hasNextPage && lastId == null && data.length === 0;
+
+    if (readyForFirstLoad) {
+      fetchData();
+    }
+  }, [hasNextPage, lastId]);
+
+  // 검색어 변경 시
+  useEffect(() => {
+    if (isSearching && keyword.trim()) {
+      setLastId(null);
+      setHasNextPage(false);
+      searchApi(keyword.trim());
+    } else if (!isSearching) {
+      // 검색어를 지웠을 때만 초기화
+      setData([]);
+      setLastId(null);
+      setHasNextPage(true);
+    }
+  }, [keyword, isSearching, alcoholBaseTypes, alcoholStrengths, cocktailTypes]);
+
+  // 일반 fetch
+  useEffect(() => {
+    if (isSearching) return;
+    fetchData();
+  }, [isSearching, alcoholBaseTypes, alcoholStrengths, cocktailTypes]);
+
+  return (
+    <section>
+      <div className="flex flex-col-reverse items-start gap-6 md:flex-row md:justify-between md:items-center ">
+        <Accordion
+          setAlcoholBaseTypes={setAlcoholBaseTypes}
+          setAlcoholStrengths={setAlcoholStrengths}
+          setCocktailTypes={setCocktailTypes}
+        />
+        <CocktailSearchBar value={inputValue} onChange={onInputChange} />
+      </div>
+
+      <CocktailFilter cocktailsEA={countLabel} setData={setData} />
+
+      <section className="mt-5">
+        {isSearching && noResults ? (
+          <div>검색결과가 없습니다.</div>
+        ) : (
+          <CocktailList
+            cocktails={data}
+            RecipeFetch={isSearching ? undefined : fetchData}
+            hasNextPage={isSearching ? false : hasNextPage}
+            lastId={lastId}
+          />
+        )}
+      </section>
+    </section>
+  );
+}
+
+export default Cocktails;
diff --git a/src/domains/recipe/details/DetailItem.tsx b/src/domains/recipe/details/DetailItem.tsx
index 0eb60231..64f10910 100644
--- a/src/domains/recipe/details/DetailItem.tsx
+++ b/src/domains/recipe/details/DetailItem.tsx
@@ -1,8 +1,8 @@
 import Image from 'next/image';
-import Short from '@/shared/assets/icons/short_36.svg';
 import Label from '@/domains/shared/components/label/Label';
 import AbvGraph from '@/domains/shared/components/abv-graph/AbvGraph';
 import { labelTitle } from '../utills/labelTitle';
+import useGlass from '../hook/useGlass';
 
 interface Props {
   name: string;
@@ -15,21 +15,36 @@ interface Props {
 
 function DetailItem({ name, nameKo, story, src, abv, glassType }: Props) {
   const alcoholTitle = labelTitle(abv);
+  const abvNum = abv
+    .replace(/\(([^)]*)\)/g, '$1')
+    .split(' ')
+    .reverse()
+    .slice(0, 1)
+    .toString();
+  const maxAbv = abvNum
+    .replace(/[~%]/g, ' ')
+    .split(' ')
+    .filter((str) => str.trim() !== '')
+    .map(Number);
+
+  const glassIcon = useGlass(glassType);
 
   return (
     <div className="flex flex-col items-center">
       <div className="flex flex-col w-full gap-3 relative md:flex-row md:justify-between md:w-150 md:gap-20  lg:w-187.5 h-50">
         <div className="flex flex-col gap-1 items-center md:items-end md:w-1/2">
           <span>{alcoholTitle && <Label title={alcoholTitle} />}</span>
-          <h2 className="w-fit font-serif font-bold  text-right text-3xl lg:text-4xl text-secondary ">
-            {name}
-          </h2>
-          <h2 className="font-serif font-bold text-right text-xl lg:text-4xl text-secondary">
-            {nameKo}
+          <h2 className="flex flex-col gap-2">
+            <span className="w-fit font-serif font-bold  text-center md:text-right text-3xl lg:text-4xl text-secondary ">
+              {name}
+            </span>
+            <span className="font-serif font-bold text-center md:text-right text-xl lg:whitespace-nowrap lg:text-4xl text-secondary">
+              {nameKo}
+            </span>
           </h2>
         </div>
 
-        <p className=" text-base self-center w-3/4 md:text-sm md:self-end text-secondary md:w-70 lg:text-base lg:w-100">
+        <p className=" text-base self-center md:w-1/2 md:text-sm md:self-end text-secondary  lg:text-base lg:w-100">
           {story}
         </p>
 
@@ -37,8 +52,15 @@ function DetailItem({ name, nameKo, story, src, abv, glassType }: Props) {
         <span className="absolute w-3 h-3 rounded-full -bottom-38 z-2 left-1/2 -translate-x-1/2 bg-secondary md:bg-transparent"></span>
       </div>
 
-      <div className="rounded-2xl overflow-hidden w-75 h-93.75 mt-32 md:mt-4 lg:mt-7 [filter:drop-shadow(0_0_20px_rgba(255,255,255,0.3))]">
-        <Image src={src} alt={`${nameKo}사진`} fill className="object-cover" />
+      <div className="rounded-2xl overflow-hidden w-75 h-93.75 mt-32 md:mt-4 lg:mt-7 [filter:drop-shadow(0_0_20px_rgba(255,255,255,0.3))] relative">
+        <Image
+          src={src}
+          alt={`${nameKo}사진`}
+          fill
+          className="object-cover"
+          sizes="300px"
+          priority
+        />
       </div>
 
       <dl className="flex flex-col mt-5 gap-3 w-75">
@@ -48,8 +70,8 @@ function DetailItem({ name, nameKo, story, src, abv, glassType }: Props) {
             <span>|</span>
           </dt>
           <dd className="flex gap-3 items-center">
-            <p className="text-xs">{abv}</p>
-            <AbvGraph />
+            <p className="text-xs">{abvNum}</p>
+            <AbvGraph abv={Math.max(...maxAbv)} max={40} />
           </dd>
         </div>
         <div className="flex items-center gap-3">
@@ -57,9 +79,13 @@ function DetailItem({ name, nameKo, story, src, abv, glassType }: Props) {
             <p>글래스 타입</p>
             <span>|</span>
           </dt>
-          <dd className="flex items-center gap-2">
-            <Short />
-            <p>{glassType} 드링크</p>
+          <dd className="flex items-center ">
+            {glassIcon}
+            <p>
+              {glassType == '숏' || glassType == '롱'
+                ? `${glassType} 드링크`
+                : `${glassType} 칵테일`}
+            </p>
           </dd>
         </div>
       </dl>
diff --git a/src/domains/recipe/details/DetailList.tsx b/src/domains/recipe/details/DetailList.tsx
index 355961d5..8baabfca 100644
--- a/src/domains/recipe/details/DetailList.tsx
+++ b/src/domains/recipe/details/DetailList.tsx
@@ -1,17 +1,38 @@
+'use client';
+import { useEffect, useState } from 'react';
 import DetailRecommendList from './DetailRecommendList';
+import { getApi } from '@/app/api/config/appConfig';
+import { useParams } from 'next/navigation';
+import { RecommendCocktail } from '../types/types';
+import Link from 'next/link';
 
 function DetailList() {
+  const { id } = useParams();
+  const url = new URL(`${getApi}/cocktails/recommend/related`);
+  url.searchParams.set('cocktailId', String(id));
+
+  const [recommendItem, setRecommendItem] = useState<RecommendCocktail[]>([]);
+
+  const recommentFetch = async () => {
+    const res = await fetch(url.toString());
+    const json = await res.json();
+    if (!res.ok) throw new Error('데이터 요청 실패');
+
+    setRecommendItem(json.data);
+  };
+  useEffect(() => {
+    recommentFetch();
+  }, []);
+
   return (
-    <ul className="flex justify-between gap-2">
-      <li>
-        <DetailRecommendList />
-      </li>
-      <li>
-        <DetailRecommendList />
-      </li>
-      <li>
-        <DetailRecommendList />
-      </li>
+    <ul className="grid place-content-between [grid-template-columns:repeat(3,minmax(0,250px))]  gap-4 ">
+      {recommendItem.map(({ cocktailImgUrl, cocktailName, cocktailNameKo, id }) => (
+        <li key={id}>
+          <Link href={`/recipe/${String(id)}`}>
+            <DetailRecommendList src={cocktailImgUrl} name={cocktailName} nameKo={cocktailNameKo} />
+          </Link>
+        </li>
+      ))}
     </ul>
   );
 }
diff --git a/src/domains/recipe/details/DetailMain.tsx b/src/domains/recipe/details/DetailMain.tsx
index a0e01879..de057e02 100644
--- a/src/domains/recipe/details/DetailMain.tsx
+++ b/src/domains/recipe/details/DetailMain.tsx
@@ -10,27 +10,46 @@ import DetailList from './DetailList';
 import { Suspense, useEffect, useState } from 'react';
 import SkeletonDetail from '../skeleton/SkeletonDetail';
 import RecipeComment from '../components/details/RecipeComment';
-import { useParams } from 'next/navigation';
 import { getApi } from '@/app/api/config/appConfig';
+import { useAuthStore } from '@/domains/shared/store/auth';
 
-function DetailMain() {
-  const { id } = useParams();
+interface Kept {
+  cocktailId: number;
+  id: number;
+  keptAt: Date;
+}
 
+function DetailMain({ id }: { id: number }) {
+  const user = useAuthStore();
   const [cocktail, setCocktail] = useState();
+  const [isKept, setIsKept] = useState<boolean | null>(null);
 
   const fetchData = async () => {
     const res = await fetch(`${getApi}/cocktails/${id}`);
     const json = await res.json();
     if (!res.ok) throw new Error('데이터 요청 실패');
     setCocktail(json.data);
+
+    if (!user) {
+      setIsKept(false);
+      return;
+    } else {
+      const keepRes = await fetch(`${getApi}/me/bar`, {
+        method: 'GET',
+        credentials: 'include',
+      });
+      const keepjson = await keepRes.json();
+      const keepIds = keepjson.data.map((a: Kept) => String(a.cocktailId));
+      setIsKept(keepIds.includes(String(id)));
+    }
   };
 
   useEffect(() => {
     fetchData();
-    window.scrollTo(0, 0);
   }, []);
 
   useEffect(() => {
+    window.scrollTo(0, 0);
     return () => {
       // 레시피 페이지로 돌아가지 않는 경우 (헤더 탭 클릭 등)
       // 네비게이션 플래그를 제거하여 스크롤 복원 방지
@@ -45,6 +64,7 @@ function DetailMain() {
 
   if (!cocktail) return;
   const {
+    cocktailId,
     cocktailImgUrl,
     cocktailName,
     cocktailNameKo,
@@ -57,12 +77,13 @@ function DetailMain() {
 
   return (
     <Suspense fallback={<SkeletonDetail />}>
-      <div className="max-w-1024 page-layout py-12">
-        <DetailsHeader />
+      <h1 className="sr-only">${cocktailNameKo} 상세정보</h1>
+      <div className="max-w-1024 page-layout pt-4 pb-6 sm:pb-12">
+        <DetailsHeader id={id} favor={isKept} />
 
         <article className="flex flex-col items-center mt-4 lg:mt-0">
-          <span className="md:bg-secondary w-1 h-100 -translate-y-19 absolute top-0 left-1/2 -translate-x-1/2 md: z-2"></span>
-          <span className="h-3 w-3 rounded-full absolute  top-80 left-1/2 -translate-x-1/2 z-99 md:bg-secondary"></span>
+          <span className="md:bg-secondary w-1 h-104 -translate-y-19 absolute top-0 left-1/2 -translate-x-1/2 md: z-2"></span>
+          <span className="h-3 w-3 rounded-full absolute  top-82 left-1/2 -translate-x-1/2 z-2 md:bg-secondary"></span>
           <DetailItem
             name={cocktailName}
             nameKo={cocktailNameKo}
@@ -74,22 +95,17 @@ function DetailMain() {
         </article>
 
         <section className="mt-20 flex flex-col gap-5">
-          <div className="border-b-1 h-18 border-white">
-            <div className="flex items-center gap-3">
-              <Image src={SsuryShake} alt="" width="48" height="48" />
-              <h3 className="text-3xl font-bold">레시피</h3>
-            </div>
+          <div className="border-b-1 h-18 border-white flex gap-3 items-center">
+            <Image src={SsuryShake} alt="" width="48" height="48" />
+            <h3 className="text-2xl font-bold">레시피</h3>
           </div>
           <DetailRecipe ingredient={ingredient} recipe={recipe} />
         </section>
 
-        <section className="mt-20" aria-labelledby="옆으로 슬라이드되는 리스트">
-          <h2 className="sr-only">추천 칵테일 리스트</h2>
-          <div className="border-b-1 h-18 border-white">
-            <div className="flex items-center gap-3">
-              <Image src={SsuryDrink} alt="" width="48" height="48" />
-              <h3 className="text-3xl font-bold">추천리스트</h3>
-            </div>
+        <section className="mt-20">
+          <div className="border-b-1 h-18 border-white flex items-center gap-3">
+            <Image src={SsuryDrink} alt="" width="48" height="48" />
+            <h3 className="text-2xl font-bold">추천리스트</h3>
           </div>
 
           <div className="mt-5">
@@ -98,7 +114,7 @@ function DetailMain() {
         </section>
 
         <section className="mt-20">
-          <RecipeComment />
+          <RecipeComment cocktailId={cocktailId} />
         </section>
       </div>
     </Suspense>
diff --git a/src/domains/recipe/details/DetailRecipe.tsx b/src/domains/recipe/details/DetailRecipe.tsx
index 88b5c1cc..810ce7b1 100644
--- a/src/domains/recipe/details/DetailRecipe.tsx
+++ b/src/domains/recipe/details/DetailRecipe.tsx
@@ -1,26 +1,47 @@
+import { ozToMl } from '../hook/ozToMl';
+
+type Recipe = {
+  ingredientName: string;
+  amount: string;
+  unit: string;
+};
+
 interface Props {
-  ingredient: string;
+  ingredient: Recipe[];
   recipe: string;
 }
 
 function DetailRecipe({ ingredient, recipe }: Props) {
-  const ingredients = ingredient.trim().split(',').filter(Boolean);
   const recipes = recipe.trim().split('.').filter(Boolean);
+  const arr = ingredient.map((a) => ({
+    ...a,
+    convert: ozToMl(a.amount),
+  }));
 
   return (
     <div className="flex flex-col md:flex-row  px-5 gap-5">
-      <article className="flex flex-col gap-4 w-[50%]">
-        <h4 className="text-2xl font-bold">재료</h4>
+      <article className="flex flex-col gap-4 w-full md:w-[50%]">
+        <h4 className="text-xl font-bold">재료</h4>
         <ul className="flex flex-col gap-2">
-          {ingredients.map((v, i) => (
-            <li key={i}>{v}</li>
-          ))}
+          {arr.map((v, i) => {
+            return (
+              <li key={i} className="flex gap-3">
+                <p>{v.ingredientName}</p>
+                <span className="text-white/80 text-sm">
+                  {v.amount}
+                  {v.unit}
+
+                  {v.unit == 'oz' && `${' '}|${' '} ${v.convert} ml`}
+                </span>
+              </li>
+            );
+          })}
         </ul>
       </article>
 
-      <span className="border-t-1 w-1/2 pt-5 md:border-l-1 md:border-t-0 md:px-10 border-white">
+      <span className="border-t-1 w-full md:w-1/2 pt-5 md:pt-0 md:border-l-1 md:border-t-0 md:px-10 border-white">
         <article className="flex flex-col gap-4 ">
-          <h4 className="text-2xl font-bold">만드는 법</h4>
+          <h4 className="text-xl font-bold">만드는 법</h4>
           <ol className="flex flex-col gap-2 pl-4 list-decimal">
             {recipes.map((v, i) => (
               <li key={i}>{v}</li>
diff --git a/src/domains/recipe/details/DetailRecommendList.tsx b/src/domains/recipe/details/DetailRecommendList.tsx
index d1ac4932..5d8c7f1f 100644
--- a/src/domains/recipe/details/DetailRecommendList.tsx
+++ b/src/domains/recipe/details/DetailRecommendList.tsx
@@ -1,11 +1,25 @@
-// import Image from 'next/image';
-function DetailRecommendList() {
+import Image from 'next/image';
+
+interface Props {
+  src: string;
+  name: string;
+  nameKo: string;
+}
+
+function DetailRecommendList({ src, name, nameKo }: Props) {
   return (
     <div className="flex flex-col gap-3">
-      <div className="max-h-75">{/* <Image src="" alt="" /> */}</div>
+      <div
+        className="
+          relative overflow-hidden rounded-2xl
+          w-full max-w-62.5 aspect-[5/6]               
+        "
+      >
+        <Image src={src} alt={`${nameKo} 사진`} fill className="object-cover" sizes="250px" />
+      </div>
       <div className="flex flex-col gap-1">
-        <h4 className="font-serif  text-base lg:text-lg">Old Fashioned</h4>
-        <p className="font-serif text-base">올드패션드</p>
+        <h4 className="font-serif  text-base truncate lg:text-lg">{name}</h4>
+        <p className="font-serif text-sm sm:text-base">{nameKo}</p>
       </div>
     </div>
   );
diff --git a/src/domains/recipe/details/DetailsHeader.tsx b/src/domains/recipe/details/DetailsHeader.tsx
index 44a84d6e..acd9e5d7 100644
--- a/src/domains/recipe/details/DetailsHeader.tsx
+++ b/src/domains/recipe/details/DetailsHeader.tsx
@@ -1,14 +1,47 @@
+'use client';
 import Share from '@/domains/shared/components/share/Share';
 import BackBtn from '../components/details/BackBtn';
 import Keep from '@/domains/shared/components/keep/Keep';
+import { useEffect, useState } from 'react';
+import ShareModal from '@/domains/shared/components/share/ShareModal';
+import { getApi } from '@/app/api/config/appConfig';
+
+interface Meta {
+  title: string;
+  imageUrl: string;
+  url: string;
+}
+
+function DetailsHeader({ id, favor }: { id: number; favor: boolean | null }) {
+  const [isShare, setIsShare] = useState(false);
+  const [meta, setMeta] = useState<Meta | null>(null);
+
+  const url = async () => {
+    const res = await fetch(`${getApi}/cocktails/${id}/share`);
+    const json = await res.json();
+    console.log(json.data);
+    setMeta(json.data);
+  };
+
+  useEffect(() => {
+    url();
+  }, []);
 
-function DetailsHeader() {
   return (
-    <div className="flex items-center justify-between ">
+    <div className="flex items-center justify-between pb-5 sm:pb-12">
+      {isShare && meta && (
+        <ShareModal
+          open={isShare}
+          onClose={() => setIsShare(!isShare)}
+          src={meta.imageUrl}
+          title={meta.title}
+          url={meta.url}
+        />
+      )}
       <BackBtn />
       <div className="flex items-center gap-3">
-        <Share size="sm" />
-        <Keep />
+        <Share size="sm" onClick={() => setIsShare(true)} />
+        <Keep cocktailId={id} favor={favor} />
       </div>
     </div>
   );
diff --git a/src/domains/recipe/hook/ozToMl.ts b/src/domains/recipe/hook/ozToMl.ts
new file mode 100644
index 00000000..f6e1de62
--- /dev/null
+++ b/src/domains/recipe/hook/ozToMl.ts
@@ -0,0 +1,47 @@
+// 분수 매핑
+const FRAC_MAP: Record<string, number> = {
+  '¼': 8,
+  '½': 15,
+  '¾': 23,
+  '⅓': 10,
+  '⅔': 20,
+  '⅕': 6,
+  '⅖': 12,
+  '⅗': 18,
+  '⅘': 24,
+  '⅙': 5,
+  '⅚': 25,
+  '⅛': 4,
+  '⅜': 11,
+  '⅝': 19,
+  '⅞': 26,
+};
+
+// 정규식 분리 용 class
+const FRAC_CLASS = Object.keys(FRAC_MAP).join('');
+
+export function ozToMl(input: string): number | '' {
+  if (!input) return '';
+
+  const trimmed = input.trim();
+
+  // 혼합 분수: "1 ⅔", "2 ½"
+  const mixed = trimmed.match(new RegExp(`^(\\d+)\\s*([${FRAC_CLASS}])$`));
+  if (mixed) {
+    const whole = Number(mixed[1]);
+    const frac = FRAC_MAP[mixed[2]] ?? 0;
+    return whole * 30 + frac;
+  }
+
+  // 분수 단독: "⅔", "½"
+  if (FRAC_MAP[trimmed] != null) {
+    return FRAC_MAP[trimmed];
+  }
+
+  // 순수 숫자: "1", "2"
+  if (!isNaN(Number(trimmed))) {
+    return Number(trimmed) * 30;
+  }
+
+  return '';
+}
diff --git a/src/domains/recipe/hook/useGlass.tsx b/src/domains/recipe/hook/useGlass.tsx
new file mode 100644
index 00000000..f69db233
--- /dev/null
+++ b/src/domains/recipe/hook/useGlass.tsx
@@ -0,0 +1,18 @@
+import Shooter from '@/shared/assets/icons/shooter_36.svg';
+import Short from '@/shared/assets/icons/short_36.svg';
+import Long from '@/shared/assets/icons/long_36.svg';
+import Classic from '@/shared/assets/icons/classic_36.svg';
+
+const useGlass = (glass: string) => {
+  switch (glass) {
+    case '슈터':
+      return <Shooter />;
+    case '숏':
+      return <Short />;
+    case '롱':
+      return <Long />;
+    case '클래식':
+      return <Classic />;
+  }
+};
+export default useGlass;
diff --git a/src/domains/recipe/hook/useSearchControl.tsx b/src/domains/recipe/hook/useSearchControl.tsx
new file mode 100644
index 00000000..a00e40f1
--- /dev/null
+++ b/src/domains/recipe/hook/useSearchControl.tsx
@@ -0,0 +1,67 @@
+import { debounce } from '@/shared/utills/debounce';
+import { useEffect, useMemo, useState } from 'react';
+
+interface UseSearchControlProps {
+  delay?: number;
+  storageKey?: string; // 검색 상태 저장용 키
+}
+
+function useSearchControl({ delay = 300, storageKey }: UseSearchControlProps) {
+  // 초기값을 sessionStorage에서 복원
+  const [inputValue, setInputValue] = useState(() => {
+    if (typeof window === 'undefined' || !storageKey) return '';
+    const saved = sessionStorage.getItem(`${storageKey}_search`);
+    return saved ? JSON.parse(saved).inputValue : '';
+  });
+
+  const [keyword, setKeyword] = useState(() => {
+    if (typeof window === 'undefined' || !storageKey) return '';
+    const saved = sessionStorage.getItem(`${storageKey}_search`);
+    return saved ? JSON.parse(saved).keyword : '';
+  });
+
+  const [noResults, setNoResults] = useState(false);
+
+  const isSearching = keyword.trim().length > 0;
+
+  // 검색 상태를 sessionStorage에 저장
+  useEffect(() => {
+    if (!storageKey) return;
+    sessionStorage.setItem(
+      `${storageKey}_search`,
+      JSON.stringify({
+        inputValue,
+        keyword,
+      })
+    );
+  }, [inputValue, keyword, storageKey]);
+
+  const debouncedKeyword = useMemo(() => debounce((v: string) => setKeyword(v), delay), [delay]);
+
+  const onInputChange = (v: string) => {
+    setInputValue(v);
+    debouncedKeyword(v);
+  };
+
+  // 검색 상태 초기화 함수
+  const resetSearch = () => {
+    setInputValue('');
+    setKeyword('');
+    setNoResults(false);
+    if (storageKey) {
+      sessionStorage.removeItem(`${storageKey}_search`);
+    }
+  };
+
+  return {
+    inputValue,
+    keyword,
+    isSearching,
+    onInputChange,
+    noResults,
+    setNoResults,
+    resetSearch,
+  };
+}
+
+export default useSearchControl;
diff --git a/src/domains/recipe/main/CocktailFilter.tsx b/src/domains/recipe/main/CocktailFilter.tsx
deleted file mode 100644
index 79205d68..00000000
--- a/src/domains/recipe/main/CocktailFilter.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import SelectBox from '@/shared/components/select-box/SelectBox';
-
-function CocktailFilter({ cocktailsEA }: { cocktailsEA: number[] }) {
-  return (
-    <div className="h-10 flex justify-between items-center mt-3 border-b-1 border-gray-light">
-      <p>{cocktailsEA[0]}개</p>
-      <SelectBox option={['', '댓글순', '인기순']} title="최신순" />
-    </div>
-  );
-}
-export default CocktailFilter;
diff --git a/src/domains/recipe/main/CocktailList.tsx b/src/domains/recipe/main/CocktailList.tsx
deleted file mode 100644
index f3110201..00000000
--- a/src/domains/recipe/main/CocktailList.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-'use client';
-import { useRef } from 'react';
-
-import Link from 'next/link';
-import { useIntersectionObserver } from '@/domains/shared/hook/useIntersectionObserver';
-import { Cocktail } from '../types/types';
-import CocktailCard from '@/domains/shared/components/cocktail-card/CocktailCard';
-
-interface Props {
-  cocktails: Cocktail[];
-  RecipeFetch: (cursor?: string | undefined) => Promise<void>;
-  hasNextPage: boolean;
-  lastId: number | null;
-  onItemClick: () => void;
-}
-
-function CocktailList({ cocktails, RecipeFetch, hasNextPage, lastId, onItemClick }: Props) {
-  const cocktailRef = useRef(null);
-  const onIntersect: IntersectionObserverCallback = ([entry]) => {
-    if (!lastId) return;
-    if (entry.isIntersecting && lastId > 1) {
-      RecipeFetch();
-    }
-  };
-
-  useIntersectionObserver(cocktailRef, onIntersect, hasNextPage);
-
-  return (
-    <ul
-      className="place-content-between
-    grid gap-8 justify-items-center
-    grid-cols-1 sm:justify-items-stretch
-    sm:[grid-template-columns:repeat(2,minmax(0,320px))]  sm:gap-8 md:[grid-template-columns:repeat(3,minmax(0,250px))]  
-     lg:[grid-template-columns:repeat(4,minmax(0,250px))]
-  "
-    >
-      {cocktails.map(
-        ({ cocktailImgUrl, cocktailId, cocktailName, cocktailNameKo, alcoholStrength }) => (
-          <li key={cocktailId} onClick={onItemClick}>
-            <Link
-              href={`/recipe/${String(cocktailId)}`}
-              onClick={() => {
-                sessionStorage.setItem('listScrollY', String(window.scrollY));
-              }}
-            >
-              <CocktailCard
-                src={cocktailImgUrl}
-                name={cocktailName}
-                nameKo={cocktailNameKo}
-                alcohol={alcoholStrength}
-              />
-            </Link>
-          </li>
-        )
-      )}
-      <div ref={cocktailRef} className="h-2.5"></div>
-    </ul>
-  );
-}
-export default CocktailList;
diff --git a/src/domains/recipe/main/Cocktails.tsx b/src/domains/recipe/main/Cocktails.tsx
deleted file mode 100644
index 697bb095..00000000
--- a/src/domains/recipe/main/Cocktails.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import CocktailFilter from './CocktailFilter';
-import CocktailList from './CocktailList';
-import { getApi } from '@/app/api/config/appConfig';
-import { Cocktail } from '../types/types';
-import { useMemoScroll } from '../../shared/hook/useMemoScroll';
-
-function Cocktails() {
-  const SIZE = 20;
-  const [isLoading, setIsLoading] = useState(false);
-
-  const {
-    data,
-    setData,
-    lastId,
-    setLastId,
-    hasNextPage,
-    setHasNextPage,
-    handleItemClick,
-    shouldFetch,
-  } = useMemoScroll<Cocktail>({
-    storageKey: 'cocktails_scroll_state',
-    eventName: 'resetCocktailsScroll',
-  });
-
-  const num = data.map((a) => a.cocktailId);
-
-  const RecipeFetch = async () => {
-    if (isLoading || !hasNextPage) {
-      return;
-    }
-
-    setIsLoading(true);
-
-    try {
-      const url = new URL(`${getApi}/cocktails`);
-      url.searchParams.set('size', String(SIZE));
-      if (typeof lastId === 'number') {
-        url.searchParams.set('lastId', String(lastId));
-      }
-
-      const res = await fetch(url.toString());
-      if (!res.ok) throw new Error('레시피 데이터 요청실패');
-
-      const json = await res.json();
-      const list: Cocktail[] = json.data ?? [];
-
-      setData((prev) =>
-        Array.from(new Map([...prev, ...list].map((i) => [i.cocktailId, i])).values())
-      );
-
-      if (list.length > 0) {
-        setLastId(list[list.length - 1].cocktailId);
-      }
-
-      setHasNextPage(list.length === SIZE);
-    } catch (err) {
-      console.error(err);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  // shouldFetch가 true일 때 fetch 실행
-  useEffect(() => {
-    if (shouldFetch && data.length === 0) {
-      RecipeFetch();
-    }
-  }, [shouldFetch]);
-
-  return (
-    <section>
-      <CocktailFilter cocktailsEA={num} />
-      <section className="mt-5">
-        <CocktailList
-          cocktails={data}
-          RecipeFetch={RecipeFetch}
-          hasNextPage={hasNextPage}
-          lastId={lastId}
-          onItemClick={handleItemClick}
-        />
-      </section>
-    </section>
-  );
-}
-
-export default Cocktails;
diff --git a/src/domains/recipe/skeleton/SkeletonRecipe.tsx b/src/domains/recipe/skeleton/SkeletonRecipe.tsx
index cb9fbd79..a2fa7716 100644
--- a/src/domains/recipe/skeleton/SkeletonRecipe.tsx
+++ b/src/domains/recipe/skeleton/SkeletonRecipe.tsx
@@ -17,18 +17,15 @@ function SkeletonRecipe() {
       {/* 리스트 자리 */}
 
       <ul
-        className=" 
-        mt-5 
-        place-content-between
-    grid gap-8
-    grid-cols-1 
-    sm:justify-items-stretch
-    sm:[grid-template-columns:repeat(2,minmax(0,320px))]  
-    md:[grid-template-columns:repeat(3,minmax(0,250px))]  
-     lg:[grid-template-columns:repeat(4,minmax(0,250px))]
+        className=" mt-8
+   grid gap-8 lg:justify-between justify-center
+    [grid-template-columns:repeat(1,minmax(0,250px))]
+    sm:[grid-template-columns:repeat(2,minmax(0,250px))]
+    md:[grid-template-columns:repeat(3,minmax(0,250px))]
+    lg:[grid-template-columns:repeat(4,minmax(0,250px))]
     "
       >
-        {Array.from({ length: 8 }).map((_, i) => (
+        {Array.from({ length: 20 }).map((_, i) => (
           <li key={i} className="w-full min-w-0 justify-self-center sm:justify-self-stretch">
             <div className="relative w-full max-w-[320px] mx-auto aspect-[3/4] overflow-hidden rounded-xl bg-gray animate-pulse md:w-62.5 h-75" />
             <div className="mt-4.5 space-y-2 max-w-[320px] mx-auto">
diff --git a/src/domains/recipe/types/types.ts b/src/domains/recipe/types/types.ts
index 82dd3525..b3a176f9 100644
--- a/src/domains/recipe/types/types.ts
+++ b/src/domains/recipe/types/types.ts
@@ -4,4 +4,35 @@ export interface Cocktail {
   cocktailName: string;
   cocktailImgUrl: string;
   cocktailNameKo: string;
+  isFavorited: boolean;
 }
+
+export interface RecommendCocktail {
+  id: number;
+  cocktailNameKo: string;
+  cocktailName: string;
+  cocktailImgUrl: string;
+  alcoholStrength: string;
+  alcoholBaseType: string;
+}
+
+export type FormType = {
+  categoryName: string;
+  title: string;
+  content: string;
+  imageUrls: string[];
+  tags: string[];
+};
+
+export type UploadedItem = {
+  file: File;
+  url: string;
+};
+
+export type TagType = {
+  alcoholStrength: string;
+  cocktailId: number;
+  cocktailImgUrl: string;
+  cocktailName: string;
+  cocktailNameKo: string;
+};
diff --git a/src/domains/recommend/components/ChatList.tsx b/src/domains/recommend/components/ChatList.tsx
index 56eb6f32..4687b795 100644
--- a/src/domains/recommend/components/ChatList.tsx
+++ b/src/domains/recommend/components/ChatList.tsx
@@ -1,57 +1,63 @@
-import { ChatListProps } from '../types/recommend';
+import { useChatScroll } from '../hook/useChatScroll';
+import { ChatListProps, RecommendationItem, StepRecommendation } from '../types/recommend';
 import BotMessage from './bot/BotMessage';
 import NewMessageAlert from './bot/NewMessageAlert';
-import TypingIndicator from './bot/TypingIndicator';
 import UserMessage from './user/UserMessage';
 
-function ChatList({
-  messages,
-  userCurrentStep,
-  onSelectedOption,
-  getRecommendations,
-  chatListRef,
-  chatEndRef,
-  showNewMessageAlert,
-  handleCheckBottom,
-  handleScrollToBottom,
-  isBotTyping,
-}: ChatListProps) {
+function ChatList({ messages, userCurrentStep, onSelectedOption }: ChatListProps) {
+  const { chatListRef, chatEndRef, showNewMessageAlert, handleCheckBottom, handleScrollToBottom } =
+    useChatScroll(messages[messages.length - 1]?.id);
+
+  const getRecommendations = (
+    type: string | undefined,
+    stepData?: StepRecommendation | null
+  ): RecommendationItem[] => {
+    if (type !== 'CARD_LIST' || !stepData?.recommendations) return [];
+    return stepData.recommendations;
+  };
+
   return (
     <div
       ref={chatListRef}
       onScroll={handleCheckBottom}
-      className="absolute top-0 left-0 right-0 bottom-20 w-full gap-5 px-3 pt-12 pb-5 flex flex-col items-center overflow-y-auto pr-2"
+      className="absolute top-8 left-0 bottom-18 sm:bottom-21 w-full gap-5 px-3 pt-7 pb-4 flex flex-col items-center overflow-y-auto pr-2"
     >
-      <div className="max-w-1024 w-full">
-        {messages.map((msg, idx) => {
-          const isLastMessage = idx === messages.length - 1;
-          const showTyping = isLastMessage && msg.sender === 'CHATBOT' && isBotTyping;
+      <div className="max-w-1024 w-full flex flex-col gap-5">
+        {messages.map((msg, i) => {
+          const keyId =
+            !msg.id || msg.id === 'null' ? `temp-${msg.sender}-${i}-${Math.random()}` : msg.id;
+          const prevMsg = messages[i - 1];
+          const showProfile = !prevMsg || prevMsg.sender !== msg.sender;
 
           if (msg.sender === 'USER') {
-            return <UserMessage key={`${msg.id}-${msg.sender}`} message={msg.message} />;
+            return <UserMessage key={keyId} message={msg.message} showProfile={showProfile} />;
           }
 
+          const isTyping = msg.type === 'TYPING';
+
+          const recommendations = getRecommendations(msg.type, msg.stepData);
+
           return (
             <BotMessage
-              key={`${msg.id}-${msg.sender}`}
+              key={keyId}
               messages={[
                 {
                   id: msg.id,
                   message: msg.message,
                   type: msg.type ?? 'TEXT',
                   options: msg.type === 'RADIO_OPTIONS' ? (msg.stepData?.options ?? []) : [],
-                  recommendations: getRecommendations(msg.type, msg.stepData),
+                  recommendations,
                 },
               ]}
+              showProfile={showProfile}
               stepData={msg.stepData}
               currentStep={userCurrentStep}
               onSelectedOption={onSelectedOption}
+              isTyping={isTyping}
             />
           );
         })}
 
-        {isBotTyping && <TypingIndicator />}
-
         <div ref={chatEndRef}></div>
         {showNewMessageAlert && <NewMessageAlert onClick={handleScrollToBottom} />}
       </div>
diff --git a/src/domains/recommend/components/ChatPreview.tsx b/src/domains/recommend/components/ChatPreview.tsx
new file mode 100644
index 00000000..3029d176
--- /dev/null
+++ b/src/domains/recommend/components/ChatPreview.tsx
@@ -0,0 +1,78 @@
+import Ssury from '@/shared/assets/ssury/ssury_shaker.webp';
+import Image from 'next/image';
+import Send from '@/shared/assets/icons/send_36.svg';
+import Link from 'next/link';
+import { setPreLoginPath } from '@/domains/shared/auth/utils/setPreLoginPath';
+
+function ChatPreview() {
+  return (
+    <section className="relative flex-1 flex flex-col w-full">
+      <div className="page-layout max-w-1024 py-12">
+        <article aria-label="취향추천 챗봇 메시지" className="">
+          <header className="flex items-end">
+            <div className="relative w-15 md:w-20 h-15 md:h-20">
+              <Image
+                src={Ssury}
+                alt="쑤리아바타"
+                width={80}
+                height={80}
+                className="object-cover w-15 h-15 md:w-20 md:h-20"
+              />
+            </div>
+            <p>쑤리</p>
+          </header>
+
+          {/* 메시지 그룹 */}
+          <div className="flex flex-col gap-3 mt-3 pl-3">
+            <div>
+              <div className="flex flex-col w-fit max-w-[80%] min-w-[120px] p-3 rounded-2xl rounded-tl-none bg-white text-black opacity-0 animate-fadeIn">
+                <div>
+                  <p className="whitespace-pre-line">취향에 맞는 칵테일, 저와 함께 찾아볼까요?</p>
+                  <Link
+                    href="/login"
+                    onNavigate={async () => {
+                      await setPreLoginPath(window.location.pathname);
+                    }}
+                    className="block p-2 mt-3 flex-center font-semibold bg-gray-light rounded-3xl hover:bg-secondary hover:shadow-[inset_0_0_6px_rgba(255,196,1,1)] active:bg-secondary active:shadow-[inset_0_0_6px_rgba(255,196,1,1)]"
+                  >
+                    간편 로그인으로 빠르게 이용하기
+                  </Link>
+                </div>
+              </div>
+            </div>
+          </div>
+        </article>
+
+        <div className="fixed left-0 bottom-0 w-full px-3 py-4 flex-center bg-primary">
+          <form onSubmit={(e) => e.preventDefault()} className="w-full max-w-[64rem]">
+            <div className="flex items-end gap-2">
+              <label htmlFor="chatInput" className="sr-only">
+                질문 입력창
+              </label>
+              <textarea
+                id="chatInput"
+                name="chatInput"
+                placeholder={'로그인 후 이용해주세요.'}
+                disabled
+                className={`
+            w-[calc(100%-3rem)] md:w-[calc(100%-3.75rem)] px-4 py-2 md:py-3.5
+            rounded-lg h-[40px] md:h-[52px] max-h-[160px] md:max-h-[280px]
+            bg-white text-primary placeholder:text-gray-dark resize-none outline-none
+            disabled:bg-gray disabled:text-gray-dark disabled:cursor-not-allowed
+          `}
+              />
+              <button
+                type="button"
+                aria-label="보내기"
+                className="flex-center w-10 md:w-13 h-10 md:h-13 rounded-xl border-1 border-white bg-secondary/20"
+              >
+                <Send className="text-secondary" />
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </section>
+  );
+}
+export default ChatPreview;
diff --git a/src/domains/recommend/components/ChatSection.tsx b/src/domains/recommend/components/ChatSection.tsx
index 2f29080f..1158db08 100644
--- a/src/domains/recommend/components/ChatSection.tsx
+++ b/src/domains/recommend/components/ChatSection.tsx
@@ -1,38 +1,52 @@
 'use client';
 
-import { useEffect, useRef, useState } from 'react';
-import BotMessage from './bot/BotMessage';
-import UserMessage from './user/UserMessage';
-import NewMessageAlert from './bot/NewMessageAlert';
+import { useState } from 'react';
 import MessageInput from './user/MessageInput';
-import { useChatScroll } from '../hook/useChatScroll';
-import {
-  fetchChatHistory,
-  fetchGreeting,
-  fetchSendStepMessage,
-  fetchSendTextMessage,
-} from '../api/chat';
-import { useAuthStore } from '@/domains/shared/store/auth';
-import {
-  ChatMessage,
-  stepPayload,
-  StepRecommendation,
-  RecommendationItem,
-} from '../types/recommend';
+import { fetchSendStepMessage, fetchSendTextMessage } from '../api/chat';
+import { ChatMessage, stepPayload } from '../types/recommend';
 import ChatList from './ChatList';
+import { useSelectedOptions } from '../hook/useSelectedOptions';
+import { useAuthStore } from '@/domains/shared/store/auth';
+import { useChatInit } from '../hook/useChatInit';
+import { useChatWarning } from '../hook/useChatWarning';
 
 function ChatSection() {
   const [messages, setMessages] = useState<ChatMessage[]>([]);
-  const { chatListRef, chatEndRef, showNewMessageAlert, handleCheckBottom, handleScrollToBottom } =
-    useChatScroll(messages.length);
   const [userCurrentStep, setUserCurrentStep] = useState(0);
-  const [isBotTyping, setIsBotTyping] = useState(false);
+  const { selectedOptions, setOption, setStepOption } = useSelectedOptions();
+
+  const isInputDisabled =
+    selectedOptions.current.selectedSearchType !== 'QA' && userCurrentStep < 3;
+
+  const handleSendMessage = async (payload: stepPayload | { message: string; userId: string }) => {
+    const tempTypingId = `typing-${Date.now()}`;
+
+    // Typing 메시지 임시 추가
+    setMessages((prev) => [
+      ...prev,
+      {
+        id: tempTypingId,
+        sender: 'CHATBOT',
+        type: 'TYPING',
+        message: '',
+        createdAt: new Date().toISOString(),
+      },
+    ]);
+
+    try {
+      const botMessage =
+        'currentStep' in payload
+          ? await fetchSendStepMessage(payload)
+          : await fetchSendTextMessage(payload);
+
+      if (!botMessage) return;
 
-  const selectedOptions = useRef<{
-    selectedAlcoholStrength?: string;
-    selectedAlcoholBaseType?: string;
-    selectedCocktailType?: string;
-  }>({});
+      setMessages((prev) => prev.map((msg) => (msg.id === tempTypingId ? botMessage : msg)));
+    } catch (err) {
+      console.error(err);
+      setMessages((prev) => prev.filter((msg) => msg.id !== tempTypingId));
+    }
+  };
 
   // 일반 텍스트 보낼 시
   const handleSubmitText = async (message: string) => {
@@ -48,8 +62,14 @@ function ChatSection() {
       { id: tempId, userId, message, sender: 'USER', type: 'text', createdAt: tempCreatedAt },
     ]);
 
-    const botMessage = await fetchSendTextMessage({ message, userId });
-    if (botMessage) setMessages((prev) => [...prev, botMessage]);
+    const nextStep = userCurrentStep === 3 ? userCurrentStep + 1 : userCurrentStep;
+
+    const payload: stepPayload =
+      nextStep === 0
+        ? { message, userId, currentStep: nextStep }
+        : { message, userId, currentStep: nextStep, ...selectedOptions.current };
+
+    await handleSendMessage(payload);
   };
 
   // 옵션 클릭 시
@@ -82,84 +102,40 @@ function ChatSection() {
       },
     ]);
 
+    // QA (질문형) 일 시 0 나머지는 +1
     const nextStep = value === 'QA' ? 0 : (stepData?.currentStep ?? 0) + 1;
     setUserCurrentStep(nextStep);
 
-    switch (stepData.currentStep + 1) {
-      case 2:
-        selectedOptions.current.selectedAlcoholStrength = value;
-        break;
-      case 3:
-        selectedOptions.current.selectedAlcoholBaseType = value;
-        break;
-      case 4:
-        selectedOptions.current.selectedCocktailType = value;
-        break;
+    // 0단계에서 QA 선택 시
+    if (stepData.currentStep === 0 && value === 'QA') {
+      setOption('selectedSearchType', 'QA');
     }
 
-    const payload: stepPayload = {
-      message: selectedLabel,
-      userId,
-      currentStep: nextStep,
-      ...selectedOptions.current,
-    };
+    setStepOption(stepData.currentStep + 1, value);
 
-    const typingTimer = setTimeout(() => setIsBotTyping(true), 300);
+    const payload: stepPayload =
+      nextStep === 0
+        ? { message: selectedLabel, userId, currentStep: nextStep }
+        : { message: selectedLabel, userId, currentStep: nextStep, ...selectedOptions.current };
 
-    try {
-      const botMessage = await fetchSendStepMessage(payload);
-
-      clearTimeout(typingTimer);
-      setIsBotTyping(false);
-
-      if (botMessage) {
-        setMessages((prev) => [...prev, botMessage]);
-      }
-    } catch (err) {
-      clearTimeout(typingTimer);
-      setIsBotTyping(false);
-      console.error(err);
-    }
+    await handleSendMessage(payload);
   };
 
-  // 채팅 기록 불러오기 없으면 greeting 호출
-  useEffect(() => {
-    const loadChatHistory = async () => {
-      const history = await fetchChatHistory();
-      if (history && history.length > 0) {
-        setMessages(history.sort((a, b) => Number(a.id) - Number(b.id)));
-      } else {
-        const greeting = await fetchGreeting('');
-        if (greeting) setMessages([greeting]);
-      }
-    };
-    loadChatHistory();
-  }, []);
-
-  const getRecommendations = (
-    type: string | undefined,
-    stepData?: StepRecommendation | null
-  ): RecommendationItem[] => {
-    if (type !== 'CARD_LIST' || !stepData?.recommendations) return [];
-    return stepData.recommendations;
-  };
+  useChatInit(setMessages);
+  useChatWarning(messages);
 
   return (
-    <section className="relative flex-1 flex flex-col w-fulloverflow-hidden">
+    <section className="relative flex-1 flex flex-col items-center w-full">
       <h2 className="sr-only">대화 목록 및 입력 창</h2>
+      <div className="p-2 text-white/80 text-sm text-center">
+        ⚠️ 페이지를 벗어나면 채팅내용이 사라집니다.
+      </div>
       <ChatList
         messages={messages}
         userCurrentStep={userCurrentStep}
         onSelectedOption={handleSelectedOption}
-        getRecommendations={getRecommendations}
-        chatListRef={chatListRef}
-        chatEndRef={chatEndRef}
-        showNewMessageAlert={showNewMessageAlert}
-        handleCheckBottom={handleCheckBottom}
-        handleScrollToBottom={handleScrollToBottom}
-        isBotTyping={isBotTyping}
       />
-      <MessageInput onSubmit={handleSubmitText} />
+      <MessageInput onSubmit={handleSubmitText} disabled={isInputDisabled} />
     </section>
   );
 }
diff --git a/src/domains/recommend/components/bot/BotCocktailCard.tsx b/src/domains/recommend/components/bot/BotCocktailCard.tsx
index c5e6b8f5..78d5c659 100644
--- a/src/domains/recommend/components/bot/BotCocktailCard.tsx
+++ b/src/domains/recommend/components/bot/BotCocktailCard.tsx
@@ -3,16 +3,15 @@ import Link from 'next/link';
 import Keep from '@/domains/shared/components/keep/Keep';
 import { RecommendationItem } from '../../types/recommend';
 
-function BotCocktailCard({
-  cocktailId,
-  cocktailName,
-  cocktailNameKo,
-  cocktailImgUrl,
-  alcoholStrength,
-}: RecommendationItem) {
+function BotCocktailCard({ cocktailId, cocktailNameKo, cocktailImgUrl }: RecommendationItem) {
   return (
     <div className="relative flex flex-col w-full min-w-[200px] rounded-2xl overflow-hidden bg-white shadow-[0_0_12px_rgba(255,255,255,0.4)]">
-      <Link href="/" className="block relative">
+      <Link
+        href={`/recipe/${cocktailId}`}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="block relative"
+      >
         <div className="relative w-full h-[200px]">
           <Image
             src={cocktailImgUrl}
@@ -29,7 +28,7 @@ function BotCocktailCard({
           <span className="text-gray-500 text-sm">+ 상세보기</span>
         </div>
       </Link>
-      <Keep className="absolute top-2 right-2" />
+      <Keep cocktailId={cocktailId} className="absolute top-2 right-2" />
     </div>
   );
 }
diff --git a/src/domains/recommend/components/bot/BotMessage.tsx b/src/domains/recommend/components/bot/BotMessage.tsx
index d74afde9..21552590 100644
--- a/src/domains/recommend/components/bot/BotMessage.tsx
+++ b/src/domains/recommend/components/bot/BotMessage.tsx
@@ -6,6 +6,7 @@ import { useState } from 'react';
 import BotCocktailCard from './BotCocktailCard';
 import BotOptions from './BotOptions';
 import { StepOption, StepRecommendation, RecommendationItem } from '../../types/recommend';
+import TypingIndicator from './TypingIndicator';
 
 interface BotMessage {
   id: string;
@@ -17,35 +18,70 @@ interface BotMessage {
 
 interface BotMessages {
   messages: BotMessage[];
+  showProfile: boolean;
   stepData?: StepRecommendation | null;
   currentStep?: number;
   onSelectedOption?: (value: string) => void;
+  isTyping?: boolean;
 }
 
-function BotMessage({ messages, stepData, currentStep, onSelectedOption }: BotMessages) {
+function BotMessage({
+  messages,
+  showProfile,
+  stepData,
+  currentStep,
+  onSelectedOption,
+  isTyping,
+}: BotMessages) {
   const [selected, setSelected] = useState('');
 
   return (
     <article aria-label="취향추천 챗봇 메시지" className="">
-      <header className="flex items-end">
-        <div className="relative w-15 md:w-20 h-15 md:h-20">
-          <Image
-            src={Ssury}
-            alt="쑤리아바타"
-            width={80}
-            height={80}
-            className="object-cover w-15 h-15 md:w-20 md:h-20"
-          />
-        </div>
-        <strong>쑤리</strong>
-      </header>
+      {showProfile && (
+        <header className="flex items-end">
+          <div className="relative w-15 md:w-20 h-15 md:h-20">
+            <Image
+              src={Ssury}
+              alt="쑤리아바타"
+              width={80}
+              height={80}
+              className="object-cover w-15 h-15 md:w-20 md:h-20"
+            />
+          </div>
+          <strong>쑤리</strong>
+        </header>
+      )}
 
       {/* 메시지 그룹 */}
       <div className="flex flex-col gap-3 mt-3 pl-3">
         {messages.map((msg) => (
           <div key={msg.id}>
+            <div className="flex flex-col w-fit max-w-[80%] min-w-[120px] p-3 rounded-2xl rounded-tl-none bg-white text-black opacity-0 animate-fadeIn">
+              <div>
+                {isTyping ? (
+                  <TypingIndicator />
+                ) : (
+                  <p className="whitespace-pre-line">{msg.message}</p>
+                )}
+              </div>
+
+              {/* radio */}
+              {msg.type === 'RADIO_OPTIONS' && msg.options?.length && (
+                <BotOptions
+                  options={msg.options}
+                  step={stepData?.currentStep ?? 0}
+                  currentStep={currentStep ?? 0}
+                  value={selected}
+                  onChange={(val) => {
+                    setSelected(val);
+                    onSelectedOption?.(val);
+                  }}
+                />
+              )}
+              {/* {children} */}
+            </div>
             {msg.type === 'CARD_LIST' && msg.recommendations?.length ? (
-              <ul className="inline-grid grid-cols-1 sm:grid-cols-3 gap-2 justify-start">
+              <ul className="inline-grid grid-cols-1 mt-5 sm:grid-cols-3 gap-2 justify-start">
                 {msg.recommendations.map((rec) => (
                   <li key={rec.cocktailId}>
                     <BotCocktailCard
@@ -59,23 +95,7 @@ function BotMessage({ messages, stepData, currentStep, onSelectedOption }: BotMe
                 ))}
               </ul>
             ) : (
-              <div className="flex flex-col w-fit max-w-[80%] min-w-[120px] p-3 rounded-2xl rounded-tl-none bg-white text-black">
-                {msg.message && <p className="whitespace-pre-line">{msg.message}</p>}
-
-                {/* radio */}
-                {msg.type === 'RADIO_OPTIONS' && msg.options?.length && (
-                  <BotOptions
-                    options={msg.options}
-                    step={stepData?.currentStep ?? 0}
-                    currentStep={currentStep ?? 0}
-                    value={selected}
-                    onChange={(val) => {
-                      setSelected(val);
-                      onSelectedOption?.(val);
-                    }}
-                  />
-                )}
-              </div>
+              ''
             )}
           </div>
         ))}
diff --git a/src/domains/recommend/components/bot/NewMessageAlert.tsx b/src/domains/recommend/components/bot/NewMessageAlert.tsx
index 7b49008b..61dd4fe3 100644
--- a/src/domains/recommend/components/bot/NewMessageAlert.tsx
+++ b/src/domains/recommend/components/bot/NewMessageAlert.tsx
@@ -8,8 +8,8 @@ interface Props {
 function NewMessageAlert({ onClick }: Props) {
   return (
     <button
-      className="absolute left-1/2 bottom-[80px] md:bottom-[6.25rem] -translate-x-1/2 flex-center gap-1 
-           w-[calc(100%-24px)] sm:w-fit bg-secondary text-primary rounded-full px-5 py-1 shadow-[0_2px_4px_rgba(255,255,255,0.3)] 
+      className="fixed left-1/2 bottom-25 -translate-x-1/2 flex-center gap-1 
+           w-[calc(100%-24px)] sm:w-fit bg-secondary text-primary rounded-full px-5 py-1 shadow-[0_2px_4px_rgba(0,0,0,0.4)] 
            hover:bg-tertiary hover:text-white active:bg-tertiary active:text-white
            transition-colors duration-200 ease-in-out"
       onClick={onClick}
diff --git a/src/domains/recommend/components/bot/TypingIndicator.tsx b/src/domains/recommend/components/bot/TypingIndicator.tsx
index 0463849a..f49bdbb4 100644
--- a/src/domains/recommend/components/bot/TypingIndicator.tsx
+++ b/src/domains/recommend/components/bot/TypingIndicator.tsx
@@ -3,7 +3,7 @@ import shaker from '@/shared/assets/images/shaker.png';
 
 function TypingIndicator() {
   return (
-    <div className="relative flex items-center w-fit ml-3 p-3 rounded-2xl rounded-tl-none bg-white text-black overflow-hidden">
+    <div className="relative flex items-center w-fittext-black">
       <p className="inline-block animate-fade-in">준비 중…</p>
       <div className="relative w-10 h-10 animate-shake">
         <Image
diff --git a/src/domains/recommend/components/user/MessageInput.tsx b/src/domains/recommend/components/user/MessageInput.tsx
index 6e884ae4..b8fe686b 100644
--- a/src/domains/recommend/components/user/MessageInput.tsx
+++ b/src/domains/recommend/components/user/MessageInput.tsx
@@ -7,9 +7,10 @@ import { useRef, useState } from 'react';
 
 interface Props {
   onSubmit: (message: string) => void;
+  disabled: boolean;
 }
 
-function MessageInput({ onSubmit }: Props) {
+function MessageInput({ onSubmit, disabled }: Props) {
   const [value, setValue] = useState('');
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 
@@ -21,9 +22,9 @@ function MessageInput({ onSubmit }: Props) {
   };
 
   return (
-    <div className="fixed left-1/2 bottom-0 -translate-x-1/2 w-full max-w-[64rem] px-3 py-4 bg-primary">
-      <form onSubmit={(e) => e.preventDefault()}>
-        <div className="flex items-end w-full gap-2">
+    <div className="fixed left-0 bottom-0 w-full px-3 py-4 flex-center bg-primary">
+      <form onSubmit={(e) => e.preventDefault()} className="w-full max-w-[64rem]">
+        <div className="flex items-end gap-2">
           <label htmlFor="chatInput" className="sr-only">
             질문 입력창
           </label>
@@ -35,8 +36,14 @@ function MessageInput({ onSubmit }: Props) {
             id="chatInput"
             name="chatInput"
             onInput={(e) => resizeTextarea(e.currentTarget)}
-            placeholder="칵테일 추천 질문을 입력해주세요."
-            className="w-[calc(100%-3rem)] md:w-[calc(100%-3.75rem)] px-4 py-2 md:py-3.5 rounded-lg h-[40px] md:h-[52px] max-h-[160px] md:max-h-[280px] bg-white text-primary placeholder:text-gray-dark resize-none outline-none"
+            placeholder={disabled ? '옵션 선택' : '칵테일 추천 질문 입력'}
+            disabled={disabled}
+            className={`
+    w-[calc(100%-3rem)] md:w-[calc(100%-3.75rem)] px-4 py-2 md:py-3.5
+    rounded-lg h-[40px] md:h-[52px] max-h-[160px] md:max-h-[280px]
+    bg-white text-primary placeholder:text-gray-dark resize-none outline-none
+    disabled:bg-gray disabled:text-gray-dark disabled:cursor-not-allowed
+  `}
           />
           <button
             type="button"
diff --git a/src/domains/recommend/components/user/UserMessage.tsx b/src/domains/recommend/components/user/UserMessage.tsx
index f63a1ed7..47128623 100644
--- a/src/domains/recommend/components/user/UserMessage.tsx
+++ b/src/domains/recommend/components/user/UserMessage.tsx
@@ -1,5 +1,6 @@
 interface Props {
   message: string;
+  showProfile: boolean;
 }
 
 // 메시지 (연속 메시지) 예시..
@@ -12,12 +13,14 @@ interface Props {
 //   { id: '2', sender: 'user', text: '배고파요' },
 // ];
 
-function UserMessage({ message }: Props) {
+function UserMessage({ message, showProfile }: Props) {
   return (
     <article aria-label="내 메시지" className="flex flex-col items-end">
-      <header className="w-fit">
-        <strong>나</strong>
-      </header>
+      {showProfile && (
+        <header className="w-fit">
+          <strong>나</strong>
+        </header>
+      )}
 
       {/* 메시지 그룹 */}
       <div className="flex flex-col items-end gap-3 mt-3 pr-3 max-w-[80%]">
diff --git a/src/domains/recommend/hook/useChatInit.ts b/src/domains/recommend/hook/useChatInit.ts
new file mode 100644
index 00000000..341ae672
--- /dev/null
+++ b/src/domains/recommend/hook/useChatInit.ts
@@ -0,0 +1,19 @@
+'use client';
+
+import { useEffect } from 'react';
+import { ChatMessage } from '../types/recommend';
+import { fetchGreeting } from '../api/chat';
+
+export function useChatInit(setMessages: React.Dispatch<React.SetStateAction<ChatMessage[]>>) {
+  useEffect(() => {
+    const loadGreeting = async () => {
+      try {
+        const greeting = await fetchGreeting('');
+        if (greeting) setMessages([greeting]);
+      } catch (err) {
+        console.error('채팅 초기화 실패:', err);
+      }
+    };
+    loadGreeting();
+  }, [setMessages]);
+}
diff --git a/src/domains/recommend/hook/useChatScroll.ts b/src/domains/recommend/hook/useChatScroll.ts
index 5c91aa9a..3dd18a57 100644
--- a/src/domains/recommend/hook/useChatScroll.ts
+++ b/src/domains/recommend/hook/useChatScroll.ts
@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react';
 
-export const useChatScroll = (messagesLength: number) => {
+export const useChatScroll = (lastMessageId: string) => {
   const chatEndRef = useRef<HTMLDivElement>(null);
   const chatListRef = useRef<HTMLDivElement>(null);
   const isScrollBottom = useRef(true);
@@ -9,21 +9,21 @@ export const useChatScroll = (messagesLength: number) => {
   // 스크롤 제일 아래인지 체크
   const handleCheckBottom = (e: React.UIEvent<HTMLDivElement>) => {
     const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
-
     isScrollBottom.current = scrollTop + clientHeight >= scrollHeight - 10;
 
     if (isScrollBottom.current) setShowNewMessageAlert(false);
   };
 
-  // 새 메시지가 들어오면 자동 스크롤
+  // 새 메시지또는 로딩중 변화 시 자동 스크롤
   useEffect(() => {
-    if (isScrollBottom.current) {
+    const frameId = requestAnimationFrame(() => {
       chatEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-      setShowNewMessageAlert(false); // 새메세지 숨김
-    } else {
-      setShowNewMessageAlert(true); // 새메세지 보여줌
-    }
-  }, [messagesLength]);
+      isScrollBottom.current = true;
+      setShowNewMessageAlert(false);
+    });
+
+    return () => cancelAnimationFrame(frameId);
+  }, [lastMessageId]);
 
   // 스크롤 제일 아래로
   const handleScrollToBottom = () => {
diff --git a/src/domains/recommend/hook/useChatWarning.ts b/src/domains/recommend/hook/useChatWarning.ts
new file mode 100644
index 00000000..97c1d2fc
--- /dev/null
+++ b/src/domains/recommend/hook/useChatWarning.ts
@@ -0,0 +1,18 @@
+'use client';
+
+import { useEffect } from 'react';
+import { ChatMessage } from '../types/recommend';
+
+export function useChatWarning(messages: ChatMessage[]) {
+  useEffect(() => {
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      if (messages.length > 0) {
+        e.preventDefault();
+        e.returnValue = '';
+      }
+    };
+
+    window.addEventListener('beforeunload', handleBeforeUnload);
+    return () => window.removeEventListener('beforeunload', handleBeforeUnload);
+  }, [messages]);
+}
diff --git a/src/domains/recommend/hook/useSelectedOptions.ts b/src/domains/recommend/hook/useSelectedOptions.ts
new file mode 100644
index 00000000..584eda65
--- /dev/null
+++ b/src/domains/recommend/hook/useSelectedOptions.ts
@@ -0,0 +1,33 @@
+import { useRef } from 'react';
+
+type SelectedOptions = {
+  selectedSearchType?: string;
+  selectedAlcoholStrength?: string;
+  selectedAlcoholBaseType?: string;
+  selectedCocktailType?: string;
+};
+
+export function useSelectedOptions() {
+  const selectedOptions = useRef<SelectedOptions>({});
+
+  const setOption = (key: keyof SelectedOptions, value: string) => {
+    selectedOptions.current[key] = value;
+  };
+
+  const setStepOption = (step: number, value: string) => {
+    if (step === 2) selectedOptions.current.selectedAlcoholStrength = value;
+    if (step === 3) selectedOptions.current.selectedAlcoholBaseType = value;
+    // if (step === 4) selectedOptions.current.selectedCocktailType = value;
+  };
+
+  const reset = () => {
+    selectedOptions.current = {};
+  };
+
+  return {
+    selectedOptions,
+    setOption,
+    setStepOption,
+    reset,
+  };
+}
diff --git a/src/domains/recommend/types/recommend.ts b/src/domains/recommend/types/recommend.ts
index fb987475..837e0b14 100644
--- a/src/domains/recommend/types/recommend.ts
+++ b/src/domains/recommend/types/recommend.ts
@@ -6,10 +6,10 @@ export interface StepOption {
 
 export interface RecommendationItem {
   cocktailId: number;
-  cocktailName: string;
+  cocktailName?: string;
   cocktailNameKo: string;
   cocktailImgUrl: string;
-  alcoholStrength: string;
+  alcoholStrength?: string;
 }
 
 export interface StepRecommendation {
@@ -28,6 +28,7 @@ export interface ChatMessage {
   type?: string;
   stepData?: StepRecommendation | null;
   createdAt: string;
+  tempTyping?: boolean;
 }
 
 export interface ChatHistoryItem {
@@ -55,16 +56,5 @@ export interface ChatListProps {
   messages: ChatMessage[];
   userCurrentStep: number;
   onSelectedOption: (value: string) => void;
-  getRecommendations: (
-    type: string | undefined,
-    stepData?: StepRecommendation | null
-  ) => RecommendationItem[];
-
-  chatListRef: React.RefObject<HTMLDivElement | null>;
-  chatEndRef: React.RefObject<HTMLDivElement | null>;
-  showNewMessageAlert: boolean;
-  handleCheckBottom: (e: React.UIEvent<HTMLDivElement>) => void;
-  handleScrollToBottom: () => void;
-
-  isBotTyping: boolean;
+  isBotTyping?: boolean;
 }
diff --git a/src/domains/shared/api/keep/keep.ts b/src/domains/shared/api/keep/keep.ts
new file mode 100644
index 00000000..548505b6
--- /dev/null
+++ b/src/domains/shared/api/keep/keep.ts
@@ -0,0 +1,29 @@
+import { getApi } from '@/app/api/config/appConfig';
+
+export async function postKeep(CocktailId: number) {
+  const res = await fetch(`${getApi}/me/bar/${CocktailId}/keep`, {
+    method: 'POST',
+    credentials: 'include',
+  });
+
+  let payload = null;
+  try {
+    payload = await res.json();
+  } catch {
+    console.error();
+  }
+  return payload;
+}
+
+export async function deleteKeep(CocktailId: number) {
+  const res = await fetch(`${getApi}/me/bar/${CocktailId}/keep`, {
+    method: 'DELETE',
+    credentials: 'include',
+  });
+  let payload = null;
+  try {
+    payload = await res.json();
+  } catch {
+    console.error();
+  }
+}
diff --git a/src/domains/shared/components/abv-graph/AbvGraph.tsx b/src/domains/shared/components/abv-graph/AbvGraph.tsx
index f49254dc..d93c4915 100644
--- a/src/domains/shared/components/abv-graph/AbvGraph.tsx
+++ b/src/domains/shared/components/abv-graph/AbvGraph.tsx
@@ -1,15 +1,46 @@
-function AbvGraph() {
+import tw from '@/shared/utills/tw';
+import { cva } from 'class-variance-authority';
+import clsx from 'clsx';
+
+interface Props {
+  max?: number;
+  abv?: number;
+  type?: 'myAbv' | 'cocktail';
+}
+
+export const abvClass = cva(
+  `h-3 rounded-full overflow-hidden border-[0.5px] border-gray relative`,
+  {
+    variants: {
+      type: {
+        myAbv: 'w-full md:w-55 ',
+        cocktail: 'w-45',
+      },
+    },
+  }
+);
+
+function AbvGraph({ max, abv, type = 'cocktail' }: Props) {
+  if (!abv) return;
+  const safeMax = Math.max(0, max || 0.0001);
+  const rawPct = (abv / safeMax) * 100;
+  const pct = Math.min(100, Math.max(0, Number.isFinite(rawPct) ? rawPct : 0));
+
+  const bandClass = clsx(
+    'h-full rounded-full transition-[width] duration-500',
+    'bg-gradient-to-r from-[#FFCA8D] to-[#FA2424]', // 기본 그라데이션
+    pct >= 80 && 'shadow-[0_0_12px_rgba(250,36,36,0.45)]'
+  );
+
   return (
     <div
-      className="w-full md:w-49 h-3 rounded-full overflow-hidden border-[0.5px] border-gray relative"
+      className={tw(abvClass({ type }))}
       role="progressbar"
       aria-label="나의 알코올 도수"
+      aria-valuemin={0}
+      aria-valuemax={max}
     >
-      <div
-        className="absolute top-0 left-0 w-10  h-3 
-                  bg-linear-to-r from-[#FFCA8D] to-[#FA2424]
-                  "
-      ></div>
+      <div className={bandClass} style={{ width: `${pct}%` }}></div>
     </div>
   );
 }
diff --git a/src/domains/shared/components/cocktail-card/CocktailCard.tsx b/src/domains/shared/components/cocktail-card/CocktailCard.tsx
index 84811c18..b113c4fa 100644
--- a/src/domains/shared/components/cocktail-card/CocktailCard.tsx
+++ b/src/domains/shared/components/cocktail-card/CocktailCard.tsx
@@ -7,6 +7,7 @@ import Keep from '../keep/Keep';
 import { labelTitle } from '@/domains/recipe/utills/labelTitle';
 
 interface Props {
+  id?: number;
   src: string;
   name: string;
   nameKo?: string;
@@ -16,6 +17,7 @@ interface Props {
   className?: string;
   textSize1?: string;
   textSize2?: string;
+  favor?: boolean;
 }
 
 function CocktailCard({
@@ -27,6 +29,8 @@ function CocktailCard({
   textSize1,
   textSize2,
   alcohol,
+  id,
+  favor,
 }: Props) {
   const alcoholTitle = labelTitle(alcohol);
 
@@ -34,15 +38,15 @@ function CocktailCard({
     <div className="flex flex-col gap-4">
       <div
         className={tw(
-          `${!className && 'w-80 h-75 md:w-62.5 '}  rounded-xl overflow-hidden relative`,
+          `${!className && 'w-full max-w-[15.625rem] h-75'} rounded-xl overflow-hidden relative`,
           className
         )}
       >
-        <Image src={src} alt={name} fill className="object-cover" />
+        <Image src={src} alt={name} fill className="object-cover" sizes="320px" priority />
         {keep && (
           <div className="flex w-full pl-4 px-3 py-2 items-center justify-between absolute left-0 top-0">
             <div>{alcoholTitle && <Label title={alcoholTitle} />}</div>
-            <Keep />
+            {id && <Keep cocktailId={id} favor={favor} />}
           </div>
         )}
       </div>
diff --git a/src/domains/shared/components/comment/CommentHeader.tsx b/src/domains/shared/components/comment/CommentHeader.tsx
index 08158041..52d52f38 100644
--- a/src/domains/shared/components/comment/CommentHeader.tsx
+++ b/src/domains/shared/components/comment/CommentHeader.tsx
@@ -4,13 +4,14 @@ import Textarea from '@/shared/components/textarea-box/Textarea';
 import { intervalCall } from '@/shared/utills/intervalCall';
 import { resizeTextarea } from '@/shared/utills/textareaResize';
 import { useToast } from '@/shared/hook/useToast';
+import { ParamValue } from 'next/dist/server/request/params';
 
 type Props = {
   totalComment?: boolean;
-  postId: number;
+  postId: number | ParamValue;
   comments: CommentType[] | null;
   onCommentAdded: () => void; //댓글 추가 후 실행할 콜백
-  postCommentsApi: (postId: number, comment: string) => Promise<CommentType[] | null>;
+  postCommentsApi: (postId: number | ParamValue, comment: string) => Promise<CommentType[] | null>;
 };
 
 function CommentHeader({
@@ -60,7 +61,7 @@ function CommentHeader({
       intervalCall1000(async () => {
         const success = await createComment(newComment);
         if (!success) {
-          console.error('엔터키로 댓글 작성 실패');
+          console.log('칵테일 페이지에서 댓글은 한개만 입력 가능합니다');
         }
       });
     }
diff --git a/src/domains/shared/components/comment/CommentList.tsx b/src/domains/shared/components/comment/CommentList.tsx
index 2dbd9ffc..4efe9cc3 100644
--- a/src/domains/shared/components/comment/CommentList.tsx
+++ b/src/domains/shared/components/comment/CommentList.tsx
@@ -6,15 +6,17 @@ import { useInfiniteScrollObserver } from '@/shared/hook/useInfiniteScrollObserv
 import { useItemVirtualizer } from '@/domains/community/hook/useItemVirtualizer';
 import { useCommentEnterAnimation } from '@/domains/community/hook/useCommentAnimation';
 import { usePrevious } from 'react-use';
+import Link from 'next/link';
 
 type Props = {
   comments: CommentType[] | null;
   currentUserNickname?: string;
-  onUpdateComment: (commentId: number, postId: number, content: string) => Promise<void>;
-  onDeleteComment: (commentId: number, postId: number) => void;
+  onUpdateComment?: (commentId: number, content: string) => Promise<void>;
+  onDeleteComment?: (commentId: number) => void;
   onLoadMore?: (lastCommentId: number) => void; // ← 무한스크롤 콜백
   isEnd?: boolean;
   isLoading: boolean;
+  myPage?: boolean;
 };
 
 function CommentList({
@@ -24,6 +26,7 @@ function CommentList({
   onDeleteComment,
   onLoadMore,
   isEnd,
+  myPage = false,
 }: Props) {
   const parentRef = useRef<HTMLDivElement | null>(null);
   const [editCommentId, setEditCommentId] = useState<number | null>(null);
@@ -62,19 +65,106 @@ function CommentList({
     <>
       <div
         aria-label="댓글 목록"
-        className="flex flex-col mt-6 overflow-y-auto "
+        className="flex flex-col mt-6 overflow-y-auto no-scrollbar"
         ref={parentRef}
-        style={{ height: '600px', position: 'relative' }}
+        style={{ minHeight: '300px', maxHeight: '600px', position: 'relative' }}
       >
         <ul style={{ height: rowVirtualizer.getTotalSize(), position: 'relative' }}>
           {rowVirtualizer.getVirtualItems().map(({ index, key, start }) => {
             const { commentId, content, userNickName, createdAt, postId } = comments[index];
             const isEditing = editCommentId === commentId;
             const isMyComment = comments && currentUserNickname === userNickName;
-
             const isLast = index === comments.length - 1;
 
-            return (
+            return myPage ? (
+              <Link href={`/community/${postId}`} key={key}>
+                <li
+                  className="border-b-1 border-gray py-3"
+                  data-index={index}
+                  ref={(el) => {
+                    if (el) {
+                      requestAnimationFrame(() => {
+                        try {
+                          rowVirtualizer.measureElement(el);
+                        } catch (e) {
+                          console.error('measureElement failed', e);
+                        }
+                      });
+                      if (index === 0) firstItemRef.current = el;
+                      if (isLast) observeLastItem(el);
+                    }
+                  }}
+                  style={{
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    transform: `translateY(${start}px)`,
+                    minHeight: '60px', // ← 최소 보장
+                  }}
+                >
+                  <article>
+                    <CommentTitle
+                      userNickname={myPage ? currentUserNickname! : userNickName}
+                      commentTime={createdAt}
+                      isMyComment={isMyComment}
+                      isEditing={isEditing}
+                      myPage={myPage}
+                      onSubmitEdit={() => {
+                        const updatedContent = editedContentMap[commentId];
+                        if (!updatedContent) return;
+                        if (!onUpdateComment) return;
+                        onUpdateComment(commentId, updatedContent).then(() => {
+                          setEditCommentId(null);
+                          setEditedContentMap((prev) => {
+                            const next = { ...prev };
+                            delete next[commentId];
+                            return next;
+                          });
+                        });
+                      }}
+                      onDelete={() => {
+                        if (!onDeleteComment) return;
+                        onDeleteComment(commentId);
+                      }}
+                      onEdit={() => {
+                        setEditCommentId(commentId);
+                        setEditedContentMap((prev) => ({
+                          ...prev,
+                          [commentId]: content, // 기존 내용 세팅
+                        }));
+                      }}
+                      onCancelEdit={() => {
+                        setEditCommentId(null);
+                        setEditedContentMap((prev) => {
+                          const next = { ...prev };
+                          delete next[commentId];
+                          return next;
+                        });
+                      }}
+                    />
+                    <article className="mt-4 h-full">
+                      {isEditing ? (
+                        <AutoGrowingTextarea
+                          value={editedContentMap[commentId] ?? content}
+                          rowVirtualize={rowVirtualizer}
+                          onChange={(e) =>
+                            setEditedContentMap((prev) => ({
+                              ...prev,
+                              [commentId]: e.target.value,
+                            }))
+                          }
+                        />
+                      ) : (
+                        <div className="mt-4">
+                          <p className="whitespace-pre-wrap">{content}</p>
+                        </div>
+                      )}
+                    </article>
+                  </article>
+                </li>
+              </Link>
+            ) : (
               <li
                 className="border-b-1 border-gray py-3"
                 key={key}
@@ -103,14 +193,16 @@ function CommentList({
               >
                 <article>
                   <CommentTitle
-                    userNickname={userNickName}
+                    userNickname={myPage ? currentUserNickname! : userNickName}
                     commentTime={createdAt}
                     isMyComment={isMyComment}
                     isEditing={isEditing}
+                    myPage={myPage}
                     onSubmitEdit={() => {
                       const updatedContent = editedContentMap[commentId];
                       if (!updatedContent) return;
-                      onUpdateComment(commentId, postId, updatedContent).then(() => {
+                      if (!onUpdateComment) return;
+                      onUpdateComment(commentId, updatedContent).then(() => {
                         setEditCommentId(null);
                         setEditedContentMap((prev) => {
                           const next = { ...prev };
@@ -119,7 +211,10 @@ function CommentList({
                         });
                       });
                     }}
-                    onDelete={() => onDeleteComment(commentId, postId)}
+                    onDelete={() => {
+                      if (!onDeleteComment) return;
+                      onDeleteComment(commentId);
+                    }}
                     onEdit={() => {
                       setEditCommentId(commentId);
                       setEditedContentMap((prev) => ({
@@ -170,6 +265,7 @@ function CommentList({
                 padding: '1rem',
                 color: '#999',
                 fontSize: '14px',
+                marginTop: '5rem',
               }}
             >
               더 이상 댓글이 없어요.
diff --git a/src/domains/shared/components/comment/CommentTitle.tsx b/src/domains/shared/components/comment/CommentTitle.tsx
index a66b99eb..b3993a44 100644
--- a/src/domains/shared/components/comment/CommentTitle.tsx
+++ b/src/domains/shared/components/comment/CommentTitle.tsx
@@ -11,6 +11,7 @@ type Props = {
   onSubmitEdit: () => void;
   onDelete: () => void;
   isMyComment: boolean | null;
+  myPage: boolean;
 };
 
 function CommentTitle({
@@ -22,6 +23,7 @@ function CommentTitle({
   onSubmitEdit,
   onDelete,
   isMyComment,
+  myPage,
 }: Props) {
   return (
     <div className="flex items-center justify-between">
@@ -30,7 +32,7 @@ function CommentTitle({
         <span className="md:text-sm text-[11px]">|</span>
         <p className="md:text-sm text-[11px] text-gray">{elapsedTime(commentTime)}</p>
       </div>
-      {isMyComment && (
+      {isMyComment && !myPage && (
         <EditDelete
           use="comment"
           onSubmitEdit={onSubmitEdit}
diff --git a/src/domains/shared/components/keep/Keep.tsx b/src/domains/shared/components/keep/Keep.tsx
index 21352a3e..aa3b8811 100644
--- a/src/domains/shared/components/keep/Keep.tsx
+++ b/src/domains/shared/components/keep/Keep.tsx
@@ -1,17 +1,51 @@
 'use client';
+
 import KeepIcon from '@/shared/assets/icons/keep_36.svg';
 import KeepIconActive from '@/shared/assets/icons/keep_active_36.svg';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
+import { deleteKeep, postKeep } from '../../api/keep/keep';
+import { useToast } from '@/shared/hook/useToast';
+import { useAuthStore } from '../../store/auth';
 
 interface Props {
   className?: string;
+  cocktailId?: number;
+  favor?: boolean | null;
 }
+// ID는 커뮤니티 공유할때 id 타입보고 옵셔널 체크 풀어주세요!
+// 만약 타입 안맞는다면 그냥 두셔도 됩니다.
+
+function Keep({ className, cocktailId, favor }: Props) {
+  const { user } = useAuthStore();
+  const { toastInfo, toastSuccess } = useToast();
+  const [isClick, setIsClick] = useState(favor);
+
+  useEffect(() => {
+    setIsClick(favor);
+  }, [favor]);
 
-function Keep({ className }: Props) {
-  const [isClick, setIsClick] = useState(false);
-  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+  const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
     e.stopPropagation();
+
+    if (!user) {
+      toastInfo('로그인 후 이용 가능합니다.');
+      return;
+    }
+
     setIsClick(!isClick);
+    try {
+      if (!cocktailId) return;
+      if (!isClick) {
+        await postKeep(cocktailId);
+        toastSuccess('저장에 성공하셨습니다.');
+      } else {
+        await deleteKeep(cocktailId);
+        toastSuccess('저장을 취소하셨습니다.');
+      }
+    } catch (err) {
+      console.error(err);
+    }
   };
 
   return (
diff --git a/src/domains/shared/components/profile/Profile.tsx b/src/domains/shared/components/profile/Profile.tsx
index 1e23f07a..31a2e486 100644
--- a/src/domains/shared/components/profile/Profile.tsx
+++ b/src/domains/shared/components/profile/Profile.tsx
@@ -1,11 +1,27 @@
+import useFetchProfile from '@/domains/mypage/api/fetchProfile';
+import SsuryImage from '@/domains/mypage/main/SsuryImage';
+import { useEffect } from 'react';
+
 type Props = {
   userNickname: string;
 };
 
 function Profile({ userNickname }: Props) {
+  const { profile, fetchProfile } = useFetchProfile();
+  useEffect(() => {
+    fetchProfile();
+  }, [fetchProfile, profile?.data?.abvLevel]);
+
+  if (!profile?.data) return null;
+  const { abvLevel } = profile.data;
+
   return (
     <div className="flex gap-2 items-center justify-start">
-      <div className="w-7 h-7 rounded-full bg-secondary" aria-label="작성자 아이콘"></div>
+      <div className="w-8 h-8 flex items-center justify-center" aria-label="작성자 아이콘">
+        <div className="w-8 flex items-center justify-center">
+          <SsuryImage abvLevel={abvLevel} />
+        </div>
+      </div>
       <span aria-label="작성자 이름" className="text-sm">
         {userNickname}
       </span>
diff --git a/src/domains/shared/components/share/Share.tsx b/src/domains/shared/components/share/Share.tsx
index 4acc64a1..0d8693e1 100644
--- a/src/domains/shared/components/share/Share.tsx
+++ b/src/domains/shared/components/share/Share.tsx
@@ -3,28 +3,24 @@ import ShareBtn from '@/shared/assets/icons/share_28.svg';
 interface Props {
   onClick?: () => void;
   variants?: 'default' | 'community';
-  title?: string;
-  content?: string;
   size: 'sm' | 'md';
 }
 
-function Share({ onClick, variants = 'default', title, content, size }: Props) {
-  // title과 content는 추후 API가 들어오면 사용예정 API가 들어오면 타입 옵셔널 체크 해제헤 주세요
-
+function Share({ onClick, variants = 'default', size }: Props) {
   return (
     <button
       type="button"
       className={`${
         variants == 'community' && size === 'md'
           ? 'w-13.75 h-13.75 flex-center border-1 border-white rounded-full'
-          : ''
+          : 'z-1'
       } bg-primary`}
       aria-label="공유하기"
       onClick={onClick}
     >
       <ShareBtn
         fill="transparent"
-        className="duration-100 object-contain  hover:[&_*]:fill-white/50 [&_*]:duration-200"
+        className="duration-100 object-contain hover:[&_*]:fill-white/50 [&_*]:duration-200"
         aria-hidden
       />
     </button>
diff --git a/src/domains/shared/components/share/ShareModal.tsx b/src/domains/shared/components/share/ShareModal.tsx
new file mode 100644
index 00000000..22fc2b9c
--- /dev/null
+++ b/src/domains/shared/components/share/ShareModal.tsx
@@ -0,0 +1,67 @@
+import Kakao from '@/shared/assets/icons/kakao.svg';
+import Facebook from '@/shared/assets/icons/facebook_40.svg';
+import X from '@/shared/assets/icons/x_40.svg';
+import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
+import Link from '@/shared/assets/icons/link_36.svg';
+
+import { useToast } from '@/shared/hook/useToast';
+import {
+  CopyLink,
+  faceBookShare,
+  handleShareKakao,
+  twitterShare,
+} from '../../utills/share-link/shareLink';
+interface Props {
+  open: boolean;
+  onClose: () => void;
+  src: string | undefined;
+  title: string;
+  url: string;
+}
+
+function ShareModal({ open, onClose, src, title, url }: Props) {
+  const { toastSuccess } = useToast();
+
+  const handleKakao = () => {
+    handleShareKakao(title, src ?? '', url);
+  };
+
+  const onCopyLink = () => {
+    CopyLink();
+    toastSuccess('클립보드에 링크를 복사하였습니다');
+  };
+
+  return (
+    <ModalLayout title="공유하기" open={open} onClose={onClose}>
+      <ul className="flex justify-center items-center gap-4">
+        <li>
+          <button className="flex flex-col items-center gap-2" onClick={handleKakao}>
+            <Kakao />
+            <p>카카오톡</p>
+          </button>
+        </li>
+        <li>
+          <button className="flex flex-col items-center gap-2" onClick={faceBookShare}>
+            <Facebook />
+            <p>페이스북</p>
+          </button>
+        </li>
+        <li>
+          <button className="flex flex-col items-center gap-2" onClick={twitterShare}>
+            <X />
+            <p>X</p>
+          </button>
+        </li>
+        <li>
+          <button className="flex flex-col items-center gap-2" onClick={onCopyLink}>
+            <span className="bg-white rounded-full">
+              <Link />
+            </span>
+            <p>링크복사</p>
+          </button>
+        </li>
+      </ul>
+    </ModalLayout>
+  );
+}
+export default ShareModal;
diff --git a/src/domains/shared/hook/useIntersectionObserver.ts b/src/domains/shared/hook/useIntersectionObserver.ts
index 6566b9f6..85ddc67b 100644
--- a/src/domains/shared/hook/useIntersectionObserver.ts
+++ b/src/domains/shared/hook/useIntersectionObserver.ts
@@ -11,7 +11,7 @@ export const useIntersectionObserver = <T extends HTMLElement>(
     if (targetRef && targetRef.current) {
       observer.current = new IntersectionObserver(onIntersect, {
         root: null,
-        rootMargin: '0px',
+        rootMargin: '200px',
         threshold: 1.0,
       });
       if (!hasNextPage) {
diff --git a/src/domains/shared/hook/useMemoScroll.ts b/src/domains/shared/hook/useMemoScroll.ts
index a2bc0b4e..87bd13fd 100644
--- a/src/domains/shared/hook/useMemoScroll.ts
+++ b/src/domains/shared/hook/useMemoScroll.ts
@@ -1,230 +1,156 @@
-// hooks/useScrollRestoration.ts (또는 useMemoScroll.ts)
-import { useEffect, useRef, useState, useCallback } from 'react';
-
-interface UseScrollRestorationProps {
-  storageKey: string;
-  eventName?: string;
-}
-
-interface ScrollState<T> {
-  scrollY: number;
-  data: T[];
-  lastId: number | null;
-  hasNextPage: boolean;
-  timestamp: number;
+// useScrollRestore.ts
+import { usePathname } from 'next/navigation';
+import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
+
+interface UseScrollRestoreProps {
+  lastId: number | null; // 현재까지 로드한 "최소 id"(내림차순에서 커서)
+  fetchData: (cursor?: string) => Promise<void>;
+  currentDataLength: number;
+  hasNextPage?: boolean; // 선택: 있으면 조기 종료에 사용
 }
 
-export function useMemoScroll<T>({
-  storageKey,
-  eventName = 'resetScroll',
-}: UseScrollRestorationProps) {
-  // 뒤로가기를 통해 목록 복원을 저장해주는 플래그
-  const NAVIGATION_FLAG_KEY = `${storageKey}_nav_flag`;
-
-  // 실제 렌더링 되는 데이터
-  const [data, setData] = useState<T[]>([]);
-  const [lastId, setLastId] = useState<number | null>(null);
-  const [hasNextPage, setHasNextPage] = useState(true);
-  // fetch필요 여부
-  const [shouldFetch, setShouldFetch] = useState(false);
-
-  // 스크롤 복원중일 때 값이 바뀜
-  const isRestoringRef = useRef(false);
-  // 스크롤 복원 후 값 바뀜
-  const scrollRestoredRef = useRef(false);
-  // 컴포넌트 마운트시 값 바뀜
-  const hasMountedRef = useRef(false);
-
-  // 스크롤 위치와 데이터 저장
-  const saveScrollState = useCallback(() => {
-    // 복원 중일때와 일정 스크롤 이상 안내려오면 저장 안함
-    if (isRestoringRef.current || window.scrollY < 10) return;
+type SavedShape = { targetId: number | null; scrollY: number };
 
-    const scrollState: ScrollState<T> = {
-      scrollY: window.scrollY,
-      data: data,
-      lastId: lastId,
-      hasNextPage: hasNextPage,
-      timestamp: Date.now(),
-    };
+export function useScrollRestore({
+  lastId,
+  fetchData,
+  currentDataLength,
+  hasNextPage,
+}: UseScrollRestoreProps) {
+  const pathname = usePathname();
+  const KEY = `scroll-${pathname}`;
 
-    sessionStorage.setItem(storageKey, JSON.stringify(scrollState));
-  }, [data, lastId, hasNextPage, storageKey]);
+  const isRestoringRef = useRef(false);
+  const hasRestoredRef = useRef(false);
+  const lastIdRef = useRef<number | null>(lastId);
+  const lenRef = useRef<number>(currentDataLength);
 
-  // 저장된 상태 복원
-  const restoreScrollState = useCallback(() => {
-    const saved = sessionStorage.getItem(storageKey);
-    const navFlag = sessionStorage.getItem(NAVIGATION_FLAG_KEY);
+  useEffect(() => {
+    lastIdRef.current = lastId;
+  }, [lastId]);
+  useEffect(() => {
+    lenRef.current = currentDataLength;
+  }, [currentDataLength]);
+
+  // 브라우저 기본 복원 비활성화
+  useLayoutEffect(() => {
+    if ('scrollRestoration' in history) {
+      try {
+        history.scrollRestoration = 'manual';
+      } catch {}
+    }
+  }, []);
+
+  const jumpOnce = useCallback(
+    (y: number) => {
+      const el = document.scrollingElement || document.documentElement;
+      const enough = () => document.body.scrollHeight >= y + window.innerHeight;
+      let done = false;
+
+      const finish = () => {
+        if (done) return;
+        done = true;
+        el.scrollTo({ top: y, behavior: 'auto' });
+        isRestoringRef.current = false;
+        hasRestoredRef.current = true;
+        sessionStorage.removeItem(KEY);
+      };
+
+      if (enough()) {
+        requestAnimationFrame(finish);
+        return;
+      }
 
-    if (!saved) return false;
+      const ro = new ResizeObserver(() => {
+        if (enough()) {
+          ro.disconnect();
+          finish();
+        }
+      });
+      ro.observe(document.body);
+      window.addEventListener(
+        'load',
+        () => {
+          if (enough()) finish();
+        },
+        { once: true }
+      );
+      setTimeout(() => finish(), 1000);
+    },
+    [KEY]
+  );
+
+  // 복원
+  useEffect(() => {
+    if (hasRestoredRef.current) return;
 
-    // 네비게이션 플래그가 없으면 복원하지 않음 (새로 진입한 경우)
-    if (navFlag !== 'back') {
-      sessionStorage.removeItem(storageKey);
-      return false;
+    const raw = sessionStorage.getItem(KEY);
+    if (!raw) {
+      hasRestoredRef.current = true;
+      return;
     }
 
-    // 플래그 사용 후 제거
-    sessionStorage.removeItem(NAVIGATION_FLAG_KEY);
-
+    let saved: SavedShape | null = null;
     try {
-      // 데이터 복원
-      const parsed = JSON.parse(saved);
-
-      const {
-        scrollY,
-        data: savedData,
-        lastId: savedLastId,
-        hasNextPage: savedHasNextPage,
-        timestamp,
-      }: ScrollState<T> = parsed;
-
-      // 세션이 30분 지나가면 세션 삭제
-      const isRecent = Date.now() - timestamp < 30 * 60 * 1000;
-
-      if (isRecent && savedData.length > 0 && scrollY > 10) {
-        // 조건 충족 시 스크롤 데이터 복원
-
-        isRestoringRef.current = true;
-
-        setData(savedData);
-        setLastId(savedLastId);
-        setHasNextPage(savedHasNextPage);
-
-        const restoreScroll = () => {
-          // 스크롤 복원 시도 로직
-          window.scrollTo({
-            top: scrollY,
-            behavior: 'instant',
-          });
-
-          setTimeout(() => {
-            // 무한 스크롤시 데이터에따라 한번에 스크롤 복원 안되는 현상 발생 => 재시도 로직
-            const currentScroll = window.scrollY;
-            const diff = Math.abs(currentScroll - scrollY);
-
-            if (diff > 5) {
-              // 스크롤 재 조정이 필요한 경우 실행
-              window.scrollTo({
-                top: scrollY,
-                behavior: 'instant',
-              });
-            }
-
-            setTimeout(() => {
-              // 복원 완료 ref초기화
-              isRestoringRef.current = false;
-              scrollRestoredRef.current = true;
-            }, 300);
-          }, 100);
-        };
-
-        // 재 조정시 애니메이션 매끄럽게 처리
-        setTimeout(restoreScroll, 0);
-        requestAnimationFrame(() => {
-          setTimeout(restoreScroll, 50);
-        });
-
-        return true;
-      }
-    } catch (err) {
-      console.error(err);
-      sessionStorage.removeItem(storageKey);
-      return false;
+      saved = JSON.parse(raw) as SavedShape;
+    } catch {
+      sessionStorage.removeItem(KEY);
+      return;
     }
-  }, [storageKey, NAVIGATION_FLAG_KEY]);
-
-  // 스크롤 리셋
-  const resetScroll = useCallback(() => {
-    window.scrollTo({ top: 0, behavior: 'smooth' });
-    sessionStorage.removeItem(storageKey);
-    sessionStorage.removeItem(NAVIGATION_FLAG_KEY);
-  }, [storageKey, NAVIGATION_FLAG_KEY]);
-
-  // 아이템 클릭 시 호출할 함수 (네비게이션 플래그 설정)
-  const handleItemClick = useCallback(() => {
-    if (!isRestoringRef.current && window.scrollY > 10) {
-      saveScrollState();
-
-      // 뒤로가기임을 표시하는 플래그 설정
-      sessionStorage.setItem(NAVIGATION_FLAG_KEY, 'back');
+    if (!saved) {
+      sessionStorage.removeItem(KEY);
+      return;
     }
-  }, [saveScrollState, NAVIGATION_FLAG_KEY]);
 
-  // 컴포넌트 마운트 시 복원 시도
-  useEffect(() => {
-    if (hasMountedRef.current) return;
-    hasMountedRef.current = true;
+    const { targetId, scrollY } = saved;
+    isRestoringRef.current = true;
 
-    const restored = restoreScrollState();
+    const MAX_FETCH = 50;
 
-    if (!restored) {
-      setShouldFetch(true);
-    }
-  }, [restoreScrollState]);
+    const restore = async () => {
+      let tries = 0;
+      let lastProgressLen = lenRef.current;
+      let lastProgressId = lastIdRef.current;
 
-  // 헤더에서 같은 페이지 클릭 시 이벤트 리스너
-  useEffect(() => {
-    const handleResetScroll = () => {
-      resetScroll();
-    };
+      // 내림차순 전제:
+      // 더 불러올수록 현재 최소 id(=lastIdRef.current)가 "작아진다"
+      // 목표 지점 도달 조건: currentMinId <= targetId  또는 targetId==null
+      while (
+        targetId != null &&
+        (lastIdRef.current == null || (lastIdRef.current as number) > targetId)
+      ) {
+        if (hasNextPage === false) break; // 더 없음
+        if (tries++ >= MAX_FETCH) break; // 안전망
 
-    window.addEventListener(eventName, handleResetScroll);
+        await fetchData();
 
-    return () => {
-      window.removeEventListener(eventName, handleResetScroll);
-    };
-  }, [eventName, resetScroll]);
+        // 진행 없음(길이와 lastId 모두 동일) → 중단
+        const noLenChange = lenRef.current === lastProgressLen;
+        const noIdChange = lastIdRef.current === lastProgressId;
+        if (noLenChange && noIdChange) break;
 
-  // 언마운트 시 정리 (복원되지 않은 데이터 정리)
-  useEffect(() => {
-    return () => {
-      // 네비게이션 플래그가 없으면 데이터도 삭제
-      const navFlag = sessionStorage.getItem(NAVIGATION_FLAG_KEY);
-      if (!navFlag) {
-        sessionStorage.removeItem(storageKey);
-      }
-    };
-  }, [storageKey, NAVIGATION_FLAG_KEY]);
+        lastProgressLen = lenRef.current;
+        lastProgressId = lastIdRef.current;
 
-  // 스크롤 이벤트 리스너
-  useEffect(() => {
-    if (data.length === 0) return;
-
-    const handleScroll = () => {
-      if (isRestoringRef.current) return;
-
-      if (scrollRestoredRef.current) {
-        scrollRestoredRef.current = false;
+        // 다음 렌더로 넘겨 레이아웃 안정화
+        await new Promise((r) => setTimeout(r, 0));
       }
 
-      saveScrollState();
+      requestAnimationFrame(() => jumpOnce(scrollY));
     };
 
-    // 디바운스 유틸을 이벤트마다 새로 생성시 timer초기화 => 로컬timeout사용
-    let timeoutId: NodeJS.Timeout;
-    const debouncedHandleScroll = () => {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(handleScroll, 100);
-    };
+    restore();
+  }, [KEY, fetchData, hasNextPage, jumpOnce]);
 
-    window.addEventListener('scroll', debouncedHandleScroll, { passive: true });
-
-    return () => {
-      clearTimeout(timeoutId);
-      window.removeEventListener('scroll', debouncedHandleScroll);
+  // 저장
+  const saveScroll = useCallback(() => {
+    const payload: SavedShape = {
+      targetId: lastIdRef.current,
+      scrollY: window.scrollY,
     };
-  }, [data, saveScrollState]);
-
-  return {
-    data,
-    setData,
-    lastId,
-    setLastId,
-    hasNextPage,
-    setHasNextPage,
-    handleItemClick,
-    saveScrollState,
-    shouldFetch,
-  };
+    sessionStorage.setItem(KEY, JSON.stringify(payload));
+    sessionStorage.setItem('saveUrl', location.href);
+  }, [KEY]);
+
+  return saveScroll;
 }
diff --git a/src/domains/shared/utills/share-link/shareLink.ts b/src/domains/shared/utills/share-link/shareLink.ts
new file mode 100644
index 00000000..46a56b48
--- /dev/null
+++ b/src/domains/shared/utills/share-link/shareLink.ts
@@ -0,0 +1,40 @@
+export const handleShareKakao = (title: string, src: string, url: string) => {
+  const { Kakao } = window;
+  Kakao.Share.sendDefault({
+    objectType: 'feed', // 공유 타입
+    content: {
+      title: '🍸SSOUL에서 칵테일 정보보기',
+      description: title + '에 대한 정보와 레시피를 한눈에 확인하세요😁',
+      imageUrl: src,
+      link: {
+        mobileWebUrl: url,
+        webUrl: url,
+      },
+    },
+    buttons: [
+      {
+        title: '더 많은 정보 보러가기',
+        link: {
+          mobileWebUrl: url,
+          webUrl: url,
+        },
+      },
+    ],
+  });
+};
+
+export const faceBookShare = () => {
+  return window.open(
+    'http://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(location.href)
+  );
+};
+
+export const twitterShare = () => {
+  const text = '내용';
+  return window.open('https://twitter.com/intent/tweet?text=' + text + '&url=' + location.href);
+};
+
+export async function CopyLink() {
+  const link = window.location.href;
+  await navigator.clipboard.writeText(link);
+}
diff --git a/src/shared/api/Provider.tsx b/src/shared/api/Provider.tsx
new file mode 100644
index 00000000..dafdf239
--- /dev/null
+++ b/src/shared/api/Provider.tsx
@@ -0,0 +1,8 @@
+'use client';
+import { useState } from 'react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+  const [client] = useState(() => new QueryClient());
+  return <QueryClientProvider client={client}>{children}</QueryClientProvider>;
+}
diff --git a/src/shared/assets/icons/facebook_40.svg b/src/shared/assets/icons/facebook_40.svg
new file mode 100644
index 00000000..9b33c6fa
--- /dev/null
+++ b/src/shared/assets/icons/facebook_40.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="40" height="40" fill="url(#pattern0_1119_1694)"/>
+<defs>
+<pattern id="pattern0_1119_1694" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1119_1694" transform="scale(0.00195312)"/>
+</pattern>
+<image id="image0_1119_1694" width="512" height="512" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAIABJREFUeJzt3XmcnWV9///35zqzJCAJEKgIQZFvhbKISgpkJqHTqtQgi9UmmRDAVJKZAdRqHy71W4sxbuVbiy08LJKZYGTJNhPrAgq/Fi2RZCYBAy2SVGrLIgEU2RIhJDPnXJ/fH9FKMdsk55zrvu/zev6nPB5zvWdg5n6fa7slAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD2l6UOAKD6OuYsHrP9xW0TrDkcFD20hBhbXaHFgre6rCW47/jfHls8hFZTbNnx/ytGaTiYtkf5sJkPe7TtpjAcQ2V7UGk4VsrbTU3DHn1bZWzLc8dsG/v8wMDMSurvGcDoUACAHOiYs3jMyIuV11mTvzbKDwtuE6J0mMwnmNsE93iYhTAhSodZjBMshAPrly66pOdc4Wl3f8bkT8vCM+b+jMueNvNnovS0uf/crPTI4PGP/UwLFsT65QOwMxQAIANOnNHfcnB49ujo9vpQCse46/UmP0ayY2LU60PQa1JnrJYobTfpUZc/ElwPu+wRkx4OVnlkRKVH1i2f95RknjonUHQUAKCOJk+/amxTy7gTK2WdYqZT5DpF0nEK8Sgp8Pu4w0suf9iibXTT/Sa/v1TR/Xed9PijzBwA1cMfHKAm3M7ovO51JQunuOwUk06J8lNCDG9QUEidLo+i9ILcfxSk+z34/UG6f1tZP1o/0LM5dTYgjygAQBV0XLDwsBFXu7tNkazdLb4pKByUOlcjiNJPTfGH5rYmWFzzbOXQ+zYOzBxOnQvIOgoAMGpu7dOvP86bNMU8TonmU4LC8alT4X+8JPk9LlttpjXBRoZWL738udShgKyhAAB70NExv6n86qN+301nRrMpUmwPCoenzoW9F6M2hBDXxGhrSu53rhno+WnqTEBqFABgJ8688LrXVMrhHS47211nhaBDUmdC9bh8o7lui+63H7xl21233/6h7akzAfVGAQAkTepe2NzyfKlNFqe57OxgenPqTKgPj/FFmb6voNubRuy2u1Z2P5w6E1APFAA0rPZZi46U+Tvd49kW7e0KNi51JqTn0n+adJub3zb+uZfuZHYARUUBQEM5bcbiI1pCeXqUOs00NXUeZFz0LQr2TZlWPF8efwenC1AkFAAUXttF1/6OlZve4/JOkzq4cAf7IkY9F8y/IYUV28dX/nV9b89I6kzA/uAPIQrptItvmNBcHn63XJ2KeiuX76Cq3J+R+dddtmJi5eBVvAwJeUQBQGF0zFk8Znj7yLst6r0x2NuD1JQ6ExpA1FOSBqIqX13bf+m9qeMAe4sCgNybOv36E2Mpdsnie6VwaOo8aGj3St5XLo1deveSi7ekDgPsDgUAuTTp3IUHtB5oM2XWJak9dR7gFbZKcYWs1De4bO5a3m6ILKIAIFfaZi16ixS7LOpCju0hH+ID7lrklXDT2pVdz6ZOA/waBQCZ1zFn8ZiR4fJFHnWpmSalzgPsiyhtD/Kvy8KXB5fNG0qdB6AAILM6Llh42EgMl0eLH+DufRTMoLmuOjKO/xYnCJAKBQCZM7Wz97iK7C/c45+FEMakzgPUSpT+2yx+afiX+tr6W3u2ps6DxkIBQEa4Tbmgd0rFw0eD4vlc1oOG4v6MZF+pmL68bnnXz1PHQWPgjyyS6uiY31R+zVHvcfePyMLpqfMAKUVpu0k3l8rhS6tXzt2YOg+KjQKAJDo65jeNHHHURdH9ihDCsanzAJnj/s2K2fx1y7vuTx0FxUQBQF3NmNFfeixs7jTTfJOOS50HyDp39Ufp0+tWdP1H6iwoFgoA6mP+/ND24FHvkbTAZCemjgPkSlSMFpeqEhasXdn1X6njoBgoAKgxtykXLDq34v7ZIHtT6jRAnkXFSnC7oaLKZ9etuOyR1HmQbxQA1Ihb2wV9f2zRP8PmPqDKokbcdH2lyT9/95LuTanjIJ8oAKi6qbP7JsXoX5LsD1JnAYrsV6cGrqmUxnyOlw9htCgAqJrTZiw+ojmMfF7m7+McP1BHUU+ppE8eVR6/mJsFsbf4I439Nm3a1a2bx4/9sJt/MigclDoP0LBivM9V+vBQ/7wfpI6C7KMAYD+4TZ7V9yeK/nec5QeyxAcqXvk4GwWxOxQA7JMzZvWdYvJ/CLI/Sp0FwG+L0vbg+mJz3P7/Vg184IXUeZA9FACMymkX3zChaXj4c+bqVlBInQfA7sUYnwgh/OXg8nlLJPPUeZAdFADsJbe2mb2dHnQNr+YFcumOEELP6qVzH0odBNlAAcAendn51aMrVrlW0rmpswDYLy+5dEXLk5uuXrVqQTl1GKRFAcCu7bi+9zKXXRmkV6WOA6A63LXeSj5vcGn3v6XOgnQoANipMzr7TiiZFklqT50FQPVFxUqQfTGWf/mZtSs/8lLqPKg/CgD+lxNn9LccHDZ/QhY/KYWW1HkA1FjUT2Ipdq1d1rMqdRTUFwUA/2PyBX2nq6KvhqCTUmcBUF/R1TcS48fWD/RsTp0F9UEBgDo65jcNHzHx/7rF+UGhlDoPgGQecY8XDq3oGUwdBLVHAWhwZ3R+5ZiShZulMCV1FgAZEBXd9NmWn236HCcFio0C0MDaZ/ZeKOlaBRuXOguAbInuQ02l0kXcG1BcFIAGNGnGwvGtJbtWstmpswDIrqj4S0X7wNr+rpu4RbB4KAANZsoFC6d6RTcrhNelzgIgH1xxRSlULlu99PLnUmdB9VAAGsSk7oXNrZvDp+T6K+7wBzBarviYmy7muGBxUAAaQPusRUdKlX42+gHYP9Fd9qmh4x//ghYsiKnTYP9QAAquvbP3TJn6JTsidRYAxeBR3x72+F7uDMg3poILy61tVt+fR7Pv8/AHUE0WdH6rhXvaZi46OXUW7DtmAArorItuPPDF8rZedvkDqLGtcl0yuKJrReogGD0KQMFMnt73u6Gkf5LpjamzAGgMHv3vhw/2v1zf2zOSOgv2HgWgQNpmLTrH5EskjU+dBUCDca2qmDrXLe/6eeoo2DsUgCKYPz+0/Xjip8w0P3UUAA3tcYs+fU1/99rUQbBnFICcmzz9qrEhjLtRQdNTZwEAKQ571Jyh/p7lqZNg9ygAOTZ1+vWHl5vit4M0OXUWAHg5d/3foRXz/h9XCGcXBSCn2qcvOj6GyndDCMemzgIAO+Pui4bH++VsDswmCkAOtc1c9Acu/2YIOiR1FgDYnSj/51gaO+PuJRdvSZ0F/xsFIGcmd/bNDhYXS6EldRYA2CuuH5VUOueuFZc8ljoKfoObAHPDrb2z75PBtISHP4BcMb1xxCvr2mYtekvqKPgNZgByYMeb/Ow6mV2SOgsA7CuP8UUrhZmDy7q+mzoLKACZN3n6VWOtadzXTTo7dRYA2G9R0YIuWbO864bUURpdKXUA7Fr7+YsOUmvzrSY7K3UWAKgKk0n6k4lvPPcXmx649Z7UcRoZBSCjps6+9pBKU7g9yKamzgIA1Wayc44+6bytj224ZTB1lkbFJsAMmjr9+sPLlebvc8EPgEIz+9u2Wb0LJGc5OgF+6BnTPmvRkVLlDimckDoLANSDS18aWj7vo9waWF8sAWTIGZ1fOUauO83CcamzAEC9mNR29Enrj3hs+qnf1apVlIA6oQBkxNTO3uPMS3dasNelzgIAdWf2+0c/c9Cxx0449ZZHH10VU8dpBCwBZEDbzEUnmyp3KIRXp84CACm54j8Nj9Ms3h9Qe2wCTGxqZ+9xPPwBYAdTeE/L5nDzjBn9zFDXGD/ghM7o/Mox5qU7FezI1FkAICvMdNKWsP21m/701FvYE1A7zAAk0j5r0ZHm4XsKmpg6CwBkjUl/1vbgUVdzRLB2KAAJTJ1+/eFS5Y4QwrGpswBAVpnsA+2zFv0NJaA2WAKos6mzrz2krHCHmb0xdRYAyIGpR59078hjG265K3WQoqEA1FH7+YsOqjSF24Pp91NnAYDcML31qJPP27zpgVvWpo5SJBSAOpk8/aqxam2+lbv9AWD0TDbt6JPPe+KxB265N3WWomBdpQ4mdS9sbtkSvsUrfQFgf0R32YVDy7uXpU5SBGwCrDm31s12HQ9/ANhfwSzaDVM6+/4wdZIioADUWHvnor+S2SWpcwBAIQQ1VxS/cUZnHy9M208sAdTQ5M6+2cG0JHUOACigRyrS5HXLu36eOkheUQBqpL2z90yZ3yGFltRZAKCQPN69/UX90fpbe7amjpJHLAHUQPv0RcfL/Js8/AGghiyc3noA7w3YVxSAKps6/frDY6h8VwqHps4CAIUX9O5Npc1/mzpGHtGaqmjy9KvGxqaW2wO3/AFA3ZjUNvHk857e9MAt96TOkifMAFTL/PkhhHE3Bmly6igA0Ggs2jVtnb3nps6RJxSAKmn78cRPKWh66hwA0JCCgpst43jg3uMUQBW0zVp0jslvTZ0DABpdVHwwlg44/e4lF29JnSXrmAHYT+2d1/0f98rNqXMAAKSgcHypsnUxrxDeMzYB7oezLrrxwJEY/8XMXpc6CwBgB5OdMPGk9S9t2nDLmtRZsowZgH3m9mJ5W69M7PgHgIwxty+0dS56W+ocWUYB2EdtsxZ9ULLZqXMAAHYiKJjiirbZi5ih3QXWSPZBe2fvmdHs+0FqSp0FALBr7lrfMqZp6qob3rctdZasYQZglNpnLTpS7gM8/AEg+8w0aXh7+cupc2QRmwBHYVL3wuam7f4dWeCcKQDkhEmnHv3G8x9/7IFb7k2dJUuYARiF1i12hRSmpM4BABgl1zVtFyz8vdQxsoQ9AHtpygULp3olrFKgNAFALsV43/N+yOSNAzOHU0fJAh5me2HSjIXjvaKbefgDQI6F8Jbxpc2fSx0jK3ig7YWWUvhHhcBREgDIOZM+xv0AO7AEsAftM3svVDCu+gWA4nh8pLnlTffcNOeZ1EFSYgZgN87o/Moxkq5NnQMAUFVHlYaHFzb6+wI4BrgLHR3zm/ygcd+WhTekzgIAqC4znTjx5Pt+uumBb9+XOksqzADswvBrjvoER/4AoMBi5ZozLvhKw37Ia+jpj12ZfEHf6fI4GBSYIQGAYrun+clN7atWLSinDlJvzAC8wokz+ltU0Vd5+ANAQzht5Iij/iJ1iBQoAK9wcNj8iRB0UuocAID6iO6fmTy973dT56g3CsDLTJ1+/Yly/XXqHACA+gkhjAlBDXcqoKG+2d2aPz+0PzjxLkntqaMAmRYVo/RzyR9XsMdD1CYLelzSE+7+vAdtc/m2JvdtIyq91Oy+zaNvCy0+sm241VPHby6NnCdZb+ocyB6PumSov2tx6hz1QgH4lbZZve83Ga+MBF7Go56W4n0yu0/u91ks3df8i8f+O88bptpm9U432UDqHMieGPVcxZtOvGfgfT9LnaUeeKe9pDM7v3r0iCpX0obQ8GL8uYdwm9y+65WRwbUrL31CsuSf2oF6CEGHBI1cI2lm6iz1QAGQW8UWXRukV6VOAqQQo/8wBN0qhe8MnvDEvVqwIP7mn16WLhiQhM1o7+x91+CK7m+lTlJrDV8A2mb2dkrh3NQ5gLqKvkXS1ypm163r7/6P1HGALInu106asfDO9QM9m1NnqaWGLgCnXXzDBB/Zdg1T/2gg98r0lQNbxiz7l5vf+2LqMEAWhRCObHFdqYJPgTV0AWgaHv6cWTg8dQ6g1ly+0cw+Nrhs3m2s6QN7ZhZ7ps7uW7R6adf61FlqpWHvAThjVt8p5upOnQOoqainounSlicff9Pgsq7v8vAH9lawGOPVRb4boEELgFsp6u8VGvX7R/FFd+mL5eYxb1i7rGthno/tAemEKe2diwp7IqAhH4BtF1z/LgW9NXUOoBZi1JMue/vQ8q6P373k4i2p8wB5Fk1/O+nchQekzlELDVcApk27utUrlatS5wBqwaXbrGXkzUPLu7+fOgtQBEF6beuB4aOpc9RCwxWAzePHfjiEcGzqHEC1mfRXQ8dvOnfo5sufSp0FKBTTX55+Ye/E1DGqraFOAZw2Y/ERbuW/LuyODjSo6JL1rFne3Zc6CVBQB5QqdqWki1IHqaaGmgFoDiOf58Y/FElUrEjhvYM8/IGaMunCKTN7J6fOUU0NUwAmz7zuVJm/L3UOoFqiVA6mzsHlXTenzgI0Aje/WvPnF+a5WZhvZPfcQgh/LwVm/1EY5nr/4LKer6fOATQMC6e3PzhxduoY1dIQBaDtgr4/luwPUucAqsZ94dCKLt5pD9RZjHHBpO6FzalzVEMDFAA3c/ts6hRA9cQ1z8eD/zx1CqARhRCObf1lmJM6RzUUvgBMuWDRuZJOS50DqIYY9eRIpWX6xoGZw6mzAI0quq6YNu3q1tQ59lexC8D8+aES9ZnUMYBqCaX4wXsG3vez1DmARhak124+ZMzc1Dn2V6ELQNuDR70nmN6cOgdQDdHjdweXdf9T6hwAJK+Ev548/aqxqXPsj8IWgBkz+kuSFqTOAVRDjHFbc8U+wNv8gGwIQa8JTeMuTZ1jfxS2ADwWNnea7MTUOYBqCGafvWtl98OpcwB4mahPnHXRjQemjrGvClkAOjrmNwXXp1PnAKohKv4iVn7596lzAHiFoN95YWTbB1LH2FeFLAAjRxx1kYLekDoHUA3Bw9VrV37kpdQ5APw2M//46RfeNC51jn1RuALQ0TG/KbpfkToHUA1ReiGURq5NnQPAroRDm8rbPpg6xb4oXAEYPuLod/O6XxRFcF+4eunlz6XOAWA3PH6wY87iMaljjFbBCoCbqfLR1CmAqoiK5Sb9Q+oYAPYghFeXt41cmDrGaBWqAEy5oHeKLJyeOgdQFcH/9e4l3ZtSxwCwZ27+kby9KTBXYfek4oFP/ygOs+WpIwDYW+GEtgePPjt1itEoTAGY2tl7XFA8P3UOoBqiVI4j4tY/IFfytQRdmAJQkf2FFCx1DqAaQvT/b+3KrmdT5wCw90zhD6fO7puUOsfeKkQBmDr9+sPd45+lzgFUjWll6ggARi9W9JHUGfZWIQpALMXLQgi5O4IB7IpF/37qDABGL1qc2TZ70etS59gbuS8Ak6dfNTZazO1VjMBvifHRNQM9P00dA8DoBYWSyvFDqXPsjdwXgNA87sKgcHjqHEDVhLAqdQQA+86DdU2asXB86hx7kvsC4FG5fh0j8Erm/oPUGQDsuyC9qrVkF6TOsSe5LgBtsxa9xUy52XEJ7I1yqFAAgNyzrtQJ9iTXBUCKmf8BA6PhMb64btml/5U6B4D9durkmdedmjrE7uS2AJx10Y0HWlTu7l4GdsvCjyXz1DEA7D+zUqY/pOa2ALw4sm2GguXyHczArrjif6TOAKA63OKFZ11044Gpc+xKbguALPvrK8BoBYUfp84AoDqCwkEvDG+fmTrHruSyAEyZ1XuSpPbUOYBqM4kZAKBA3DyzH1abUgfYF+42T9z6jwKKbv+ZOkO9nH7hTeOaytsny/zN0fW7wf1oyV8dpfFSGGtSs5lX/Tc9ylr584F6CWZtU2b1nrRmefeG1FleKXcFoGPO4jEj24ffm9PJC2C3PPoTqTPU0rRpV7c+P25sZwh6b6xs65Dt+BsUTJKZJHvFb3b1H9X85UC9+Y4jgR9OneOVcve7MLx95N1SODR1DqDaolRee9Km51PnqJW2zt5zt4wb82AIdoNkbws5/AAC7Jt4ccecxZl7X03uCoBFvTd1BqAmYnxKCxbE1DGqz62ts+/TZnaLQsjFS1KA6gqHlreV35k6xSvlqgCcdvENE2Kwt6fOAdSEhadSR6iFtgt6LzPT/NQ5gJSixcydBshVAWguD7+baUMUlnnhCsCZ03tf7x6+lDoHkJopnJe1OwFyVQDk6kwdAagVk/0idYZqqzT5J4LUmjoHkAEHbC1vOyd1iJfLTQGYOv36wxX11tQ5gFpx19bUGaqpY87iMVHK/BvRgHqpuGVqGSA3BSA2Vf5UIT95gdEy8+2pM1TT8LbKlKBwUOocQGZ4PKf9/EWZ+Z3IzQPV5Uz/o9DMVagCEMxPT50ByJIQwpg41s9LnePXclEATpux+AiTOlLnAGrJzQpVAFx+QuoMQOaYMrMMkIsC0BLK0391VxhQWEWbAZDba1NHALImKJ49acbC8alzSDkpAFHs/kfxuYq1B0AWfyd1BCB7Qkuz2btSp5ByUADaZy060kxTU+cAai9UUieoqsgGQGBngrKxDJD5AiDzzF2fCGAvhHhA6ghAFkX52yZPv2ps6hyZLwAxalrqDABGL0rNqTMAWRRCGKOmcck3tme6AEzqXtgc3M9KnQPA6FnM9t8XIKWg9B9uM/0L2vJ8qU3BxqXOAWD0LHByB9gVl85OnSHTBUAWkzckAPuMAgDsgknHTZ19/bEpM2S6ALgseUMCsG9ijBQAYDcqXk76ITezBeDMC697TTC9OXUOAABqwTwk/ZCb2QJQKYd3pM4AYD+wBwDYk7d2zFk8JtXgmS0ATP8D+RbEEgCwBweUt5fPTDV4JgtAR8f8Jndx/A8AUGgx4XHATBaA8quP+v0QdEjqHAD2Q2QJANgzpwC8nJuSTYkAqI4YOAYI7InJTjzt4hsmpBg7kwUgmk1JnQHA/mIPALA3WsrD7SnGzWABcJNikh8GAAD15q4kH3ozVwCmdva9ISgcnjoHgP0T2AMA7BUKwK9UnOl/oBACSwDA3nDTadOmXd1a73EzVwDMfGrqDACqgRkAYG8EqXXLIQeemmDcbInmzAAAABqKx/ovA2SqAHRcsPCwoHB86hwAANSTKTZ2ARhxsfsfKARn+h8YhR2z3/X9vclUAXA2AALFMP/TFABgFILC4VM7+95Q3zEzxZgBAAA0pKj6zoJnqAC4ucU3pU4BYP/N2HgSMwDAaJm9uZ7DZaYAnNF53euCwkGpcwDYf089tYECAIxW1BvrOVxTPQfbnZKFU1JnAHYmSi8o6tFaj2PyZ2o9Rj3FqA2pM+xUiE2cNkImmb9px0ZA87oMV49B9kbbrN6/NtlnU+cAfkv07wz2d5+bOgaqo336ouPV5D9OnQPYmVKpcuRdSy59sh5jZWYJwCRmAADUnDfFo1JnAHalUm6q2zJAZgpAlFMAANScR01MnQHYFa/jh+FMFIDJ068aG2Ko6/lHAI2pFIwZAGSWWWysAtDUMu5EhWxkAVBsHkUBQGbFRpsBqJRZ/wdQJ+YUAGRWkJ8wqXthc33GygAzCgCAOjGWAJBloWXMFjuuLiPVY5A9cgoAgPqIkVMAyLZ6LQNkogB4iGwABFBzHR3zm4LCEalzALtjUmPMAJw4o7/FxLEcALX30sSjjmDDMbLOZcfUY5zkvwgHh2ePlkJmbiQEUFwtFab/kX3men09xkleAKJbXb5RAHAvUQCQfR6PqccwyQtAKIVjUmcA0BicI4DIhXB0PY4CJi8AXqepDgBwZ78RciAoHPCs1fy/1eQFwOTHpM4AoEFwBwByotxU+w/HyQuAZMckDgCgYbAJEHlR++Xx5AUgRpYAANSHxUABQC6Ye7FnADrmLB4Tgl6TMgOARuGmwIuAkA9RtT8JkLQAjLxYeV3K8QE0jo45Xxsv6YDUOYC9EazgewCsyV+bcnwAjWP4pQonAJAbLtX8+Zi0AET5YSnHB9BASmwARH6YQs2fj0kLQHCbkHJ8AA3E2QCIXBk76dyFNV2ySjwDIGYAANSHcwsg8uWAA5tr+iE57TFAc2YAANSFiQKAfKmUysUtAMYSAIB64Rpg5Ews13afXNIC4B5ZAgBQF5FrgJEzwUKBZwBCbb85APgfxikA5ItbgWcA2AQIoB6mTbu6NSgcnjoHMBq1XiZPOwMQIzMAAGruufEtXDmO3PEaf0hOVgA65iweYyEcmGp8AI3DvInpf+SO1fikXLICsP3FbXz6B1AXwTgBgPyp9TJ5sgJgzeGgVGMDaDTcAYAcctX0OZmsAEQPLanGBtBYnCOAyCGT1fQ5mawAhBhbU40NoNFwBBD5Y1bb52SyAuBiBgBAnfAiIORRDMUsABacGQAAdWFsAkQuxWIuAXiN1zYAYAc3KR6ZOgUwasGKOQMQnBkAALU3dfpXDxNLjsglL+oMAL+QAGovtlRY/0cueVQxZwDMa7u2AQCS5JENgMgnq/EH5XQzAKG2uxsBQJLkXAKEnApq1vz5NXtOp5sBqPHuRgCQJDPnBABya9q6Q5tr9bWbavWF98RlLZZqcGAU3Gx8++zeN9d8nFB+Yujmy5+q9Tj14dY+6/pJqVNIkjy+UfyxQU49O+HQVknba/G1kxWA4IrOLyVywExTFe2+mg9UafmYpL+r+Th10NHx6dKIJt6TOockyfhDg/wab16p1ddO9y4AaTjV2AAA5MGzB7xUs2dlunsArDZTGgAAFEP09b3d5Vp99YQzAM4MAAAAuxAVhiXzWn39dKcAjAIAAMCuhOg1nSlPdw9ANJYAAADYBZfV9INywnsAAjMAAADsgoXa7pVLtwcgVJgBAABgF7zGp+XSnQJQiRkAAAB2wWJRZwAqZWYAAADYpVjMGQBTEzMAAADsSgjFnAHw6NtSjQ0AQNa5F3QJoDK25blUYwMAkHmuZ2v55ZMVgGO2jX1eijW74QgAgDyzEJ+p5ddPVgAGBmZWJDELAADATrjC07X8+skKgFT7bw4AgNxyL+YMgCR5jb85AADyKkjFnQEwOTMAAADsRAyhuDMAstp+cwAA5FVQpcAzACwBAACwU+VY4BkAl7EEAADATjRXCnwKwIwZAAAAdqb0i5/W9Kh80gIQa7zDEQCAPIpRz61ataBcyzFS7wH4ecrxAQDIpBCfqvkQtR5gd8xKj6QcHwCALArRHq75GLUeYHcGj3/sZ1G1fdsRAAB540HFLgBasCCa9GjSDAAAZIzJHqn1GGkLgCSXP5I6AwAAWeJe8CUASQpe+2kOAAByxSuP1HqI5AXm1fWvAAAXPUlEQVTA6zDNAQBAnrSUir4HQJI8PpI6AgAAWeExvrhqWXfNL8pLXgBKwVkCAADgVyzoYcm81uMkLwAj4i4AAAB+IzxSl1HqMcjurFs+7ylJL6XOAQBAFnidNscnLwCSuYtlAAAAJMnqdDw+AwVAsmgbU2cAACALPGhDPcbJRAFw0/2pMwAAkAVNIdblmZiJAmByCgAAAO7P3LWk52f1GCoTBaBUYQYAAIBour8eRwCljBSAu056/NEovZA6BwAAKQVZ3T4QZ6IAaMGCKPcfpY4BAEBK3nAFQFIQywAAgAYXK3X7MJyZAuCBjYAAgEYWfXhrfY4ASlJTvQbakyDdX5ddDwAAZJAr/GT9rV1b6zVeZmYAmlpaHkidAQCAVNxV171wmSkAq2543/NR+mnqHAAApFDvvXCZKQCSZIo/TJ0BAIAkgur6DMxWAXBbkzoDAAApBBsZqut49RxsT4JFCgAAoOHEqA2rl17+XD3HzFQBeLZy6H0xxm2pcwAAUE/BfHXdx6z3gLuzcWDmcAh2d+ocAADUkyvUfQY8UwVAktzFMgAAoKGUSvXfA5e5AiCrfwsCACAd/9nqpZc8XO9RM1cASmF4MHUGAADqJbqtqdcrgF8ucwVg9dLLn4uxfnchAwCQUrA0S9+ZKwCSFALHAQEAjcFjrPsJACmjBSBGLgQCADSErcMH699SDJzJAlByvzN1BgAAas1jXLO+t2ckxdiZLABrBnp+6vKNqXMAAFBLFsJtqcbOZAGQJHMl+6EAAFAPbpEC8ErR/fbUGQAAqKFHhpZ1P5hq8MwWgIO3bLtL0tbUOQAAqAV33Z7i/P+vZbYA3H77h7ZL+n7qHAAA1IIlnP6XMlwApLRrIwAA1EzUSHNlJOmH3EwXgJI1sQ8AAFBEd60a+MALKQNkugCsXjr3IZf+M3UOAACqyc2Sz3BnugBIkonjgACAYgkZWOLOfAFw8+Q/JAAAqiZq05rlXckvu8t8ARj/3Et3KvqW1DkAAKgGN30j5fG/X8t8Abj99g9tV7Bvps4BAEA1hBD7U2eQclAAJEmmFakjAABQBY+vOe6JwdQhpJwUgOfL4++IUc+lzgEAwH5xDWjBgpg6hpSTArBxYOZwMP9G6hwAAOwPc8/MjHYuCsAOITM/NAAARitKP13T37UudY5fy00B2D6+8q9yfyZ1DgAA9kWQ92dh9/+v5aYArO/tGZH511PnAABg32RrJjs3BUCSXJapHx4AAHsjxvjQ4PK561PneLlcFYCWJx//gaKeSp0DAIDRCMEyNf0v5awArFq1oCxpIHUOAABGw2JpeeoMr5SrAiBJUZWvps4AAMAo3Lumf+6/pw7xSrkrAGv7L71X0r2pcwAAsHe8L3WCncldAdghmz9MAABeYWu5NHZp6hA7k8sC8Ksf5tbUOQAA2B2X+u9ecnEm32ibywKw44cZORIIAMg2j5mdsc5lAZAkWSmzP1QAAFy+cWhF91DqHLuS2wIwuGzu2hi1IXUOAAB2xqW+rJ39f7ncFgDJ3Cy7UysAgEYWhyvNrTelTrE7OS4AklfCTVHanjoHAAD/i4ev33PTnEy/wC7XBWDtyq5ng3hBEAAgW9x8UeoMe5LrAiBJsvDl1BEAAPg1l28cOv7xO1Pn2JPcF4DBZfOGJA2mzgEAwA7hKi1YEFOn2JPcFwBJMtdVqTMAAKAYfz7++ReXpI6xNwpRAI6M478Vpf9OnQMA0ODMrrn99g/lYnN6IQrAwMDMiln8UuocAICGtjVW7LrUIfZWIQqAJA3/Ul+T4rOpcwAAGpO7rl+7sis3z6HCFID1t/ZslYdrU+cAADSgqFgqhX9IHWM0ClMAJKli+rIUh1PnAAA0mOBfX7107kOpY4xGoQrAuuVdP3eFTF+9CAAonqCYu9NohSoAklQqBzYDAgDqJkp3rV5+6brUOUarcAVg9cq5G+X+zdQ5AACNIZiuTJ1hXxSuAEhSxWx+6gwAgOKL0trBZfNuS51jXxSyAKxb3nW/5AOpcwAACi7GKyTz1DH2RSELgCSFcunTUszlvxQAQB74D9b2d38vdYp9VdgCsHrl3I2usDR1DgBAMXkMuf30LxW4AEhStPKCqFhJnQMAUDh3DPXP+0HqEPuj0AVg3bLLfhKkG1PnAAAUi0W/InWG/VXoAiBJFY+fUdRI6hwAgIKI/p01/d1rU8fYX4UvAOtWXPaIm65PnQMAUAxR8VOpM1RD4QuAJFWa/PNRysX7mQEAGRb1jbX9l96bOkY1NEQBuHtJ9yaTrkmdAwCQX1GxUjF9MnWOammIAiBJldKYzynqqdQ5AAD5FKL947oVXf+ROke1NEwBuHvJxVtUKk5zAwDUU3w2RluQOkU1NUwBkKSjyuMXR9e/pc4BAMgXl31q7cquZ1PnqKaGKgADAzMr5vah1DkAAPkRoza0PPn4wtQ5qq2hCoAk7bi5iRcFAQD2VvzwqlULyqlTVFvDFQBJqnjl4xwLBADsiUd9e21/zx2pc9RCQxaAdSsue8Tkf5c6BwAgw6JGYqn80dQxaqUhC4AktVSGr4xRT6bOAQDIqOBXr1t22U9Sx6iVhi0AqwY+8EII+njqHACADIp6anvFP5c6Ri01bAGQpMHl85ZI/r3UOQAA2WLBP7h+oGdz6hy11NAFQDIPodQt6aXUSQAA2eAeb1mzvKvwp8UavABIq5fOfcil3L/XGQCw/6LiLytNdrlknjpLrTV8AZCklic3Xe2u9alzAADSMtMn7l7SvSl1jnqgAEhatWpB2Uo+LypWUmcBACQzOHTcE9elDlEvljpAlrTP6v0byT6ROgcak0u3yfWD1DmqwaSSTIXeQY2iicOh3PSW1SvnbkydpF6aUgfIklj+5WdCGPenCnpD6ixoPCadLdPZqXMADcnD5xvp4S+xBPC/rF35kZdiKXalzgEAqJ8YteH5OP7K1DnqjQLwCmuX9ayKrr7UOQAA9RA9lKxr48DM4dRJ6o0CsBMjMX5M0iOpcwAAasvdvji4bN5Q6hwpUAB2Yv1Az+YYdZGiYuosAICauXdzPLhh74EppQ6QVZs23PLYxJPPD2b6w9RZAABV95LK9sf3rrz4qdRBUmEGYDdafrbpc1FamzoHAKC63PXhwZXzHkydIyXuAdiDqbOvP7Yc478H6VWpswAA9l+UvrV2+bx3N8J1v7vDDMAerF469yFFf3/qHACA/Rejnmy1OK/RH/4SewD2yqYN375/4sk//D2TnZw6CwBg3wXTn961vPuB1DmygBmAvWJeCpXLXPGx1EkAAPvGpS+tWd71L6lzZAUFYC+tXnr5c266WIoNP20EALkT4/3jn9/6V6ljZAlLAKOw6YFbH5148vkVk701dRYAwF6KviWYnfX9b72/YY/87QwzAKM0dPzjX3CPt6TOAQDYS6b3rl7R/Z+pY2QNBWC0FiyIw1EXK+onqaMAAHbPpS8Mruj+VuocWUQB2AfrB3o2u+w9kramzgIA2Lko/+eJlfGfSp0jqygA+2iof94Dcl2SOgcAYCdifLTS3Dp7YGBmJXWUrGIT4H54bMMtGyaeeN54M2tLnQUAsEOMcZvL33H3snkPpc6SZcwA7Kfhg/0v5VqVOgcAYIdgdtna/kvvTZ0j63gXQBWcMavv1SVpvaSjUmcBgEbmruuGVnRdljpHHjADUAXrlnf93KJPl+Jw6iwA0Kii+9D4zVs/nDpHXlAAqmRNf/daj5qTOgcANCKXHrbm8p/cfvuHtqfOkhdsAqyiTRtufeC1J58/LOltqbMAQKOIUc9ZiG8dWnrZo6mz5AkFoMoee+DbayaetP4oMzs1dRYAKL44LA/nDK3oXp86Sd6wBFB15sPj/fIo/+fUSQCg8KJdMtQ/7wepY+QRBaAG1vf2jIxUfKZcP0qdBQCKyuVXDPZ3L0mdI684BlhDZ3Z+9egRr6wLQa9JnQUAiiUuHlzePVcyXtG+j5gBqKG7VlzymAU7x2N8MXUWACgO/972cerh4b9/KAA1NrR83n0KpU5FxdRZACDvYtSG5tbm6et7e0ZSZ8k7CkAdDC2f9x0LvDgIAPaHSw8rlt+x6ob3PZ86SxFwDLBOHnvgln+f+MZzf2Gyc1JnAYAceryp7H84uPLSn6YOUhQUgDra9MCt9xx90nlbZXZW6iwAkBdR8Rcy/6M1/T3/lTpLkVAA6uyxDbcMTjz5vGCyjtRZACDrosfnQ8nePrSs54HUWYqGApDApge+vWriyfceZFJb6iwAkFVReqHkesfg8u4fps5SRNwDkIxbe2ffV2TWkzoJAGRNjHFbycLZa1Z03Zk6S1FxCiAZ88Hfe/zy6PHm1EkAIFOiRkqm9/Dwry2WAFJatcr/z2GTbqkc9KqTTXZC6jgAkFxUVCnOGlze8+3UUYqOGYDEVq1aUB4ep1nu6k+dBQCSihpRKc4cXNbz9dRRGgEFIAPW9/aMTIzjZ7v0tdRZACCFGOM2s/guHv71wxJARmzcOOCb/vTUW47+xbjDZDo9dR4AqJcovVCSnbNmRfcdqbM0Ek4BZI5b+6xFfyPpL1MnAYBaix6fbzKftnr5petSZ2k0FIBMcmub1fdJk302dRIAqJWo+ItSbDprTf/cf0+dpRFRADKsfVbfX0j6UuocAFBtMcYnrKS3DS3r+XHqLI2KApBxbZ193WbxOinw7wpAIbj0cCmEt69eOveh1FkaGQ+VHJjc2Tc7uL6moObUWQBgf7h8Y6Wkd9y9pHtT6iyNjmOAObB2RddSM/1x9Mg7sAHkmH+vpbV5Cg//bGAGIEfO6Ow7oWT6rqRjUmcBgNGJi5+vHHLpxoGZw6mTYAcKQM6cMavv1SWP35YF7goAkAsuv2JoedfnJfPUWfAbFIAcmnTuwgNaDwg3K+jdqbMAwK7FYUW7ZLC/e0nqJPht7AHIofW39mw9ysfP8Oh/nzoLAOxMjHoumv6Yh392MQOQc22zet9v0a5RoMwByIYY40Mhlt45uHLeg6mzYNcoAAXQ1tl7rpstC9KrUmcB0Nii+5A1l/9k6ObLn0qdBbvHp8YCGFrRfau7To+KtG0AybjruoM3v/RHPPzzgRmAAjn9wpvGNY1s+xqbAwHUU5S2B/dLB1d0fy11Fuw9CkDhuLV19n3c3L7AvgAANRfjo1H+nrX9l96bOgpGhwJQUJNnLnx7MFsuswmpswAopij/50pz6+x7bprzTOosGD0+IRbU2v6eO7wUJrlrfeosAIrHpS8cXTn4nTz884sZgILrmLN4zPD28pdNmps6C4ACiL5FpvcOruj+Vuoo2D8UgAbRfkHfPLmukTQ2dRYAORXj/cFsxuoV3f+ZOgr2H0sADWJwWdeiimtSdP1b6iwA8selL43bsu10Hv7FwQxAg5k27erWzQcf8FmTPpY6C4Dsi1FPloLmrFne9S+ps6C6KAANqq1z0dvcKzeGEI5MnQVANkXpW60W561a1vN06iyoPgpAAzvt4hsmNI1s6zWF96TOAiBTXnLXh4dWzOvjFb7FRQFoeG5ts65/n2LlGgvhwNRpACR3r1u8cGhZz49TB0FtUQAgSTrjgq+8oeRNSySdljoLgBSiu9sXN8eDr9g4MHM4dRrUHgUA/6OjY37TyBFH/UV0/0wIYUzqPADqw+UbzcK8wWXzhlJnQf1QAPBbJk/v+90QtFBBb02dBUAtxWF5+PzzcfyVfOpvPBQA7MKOvQHulauChYNTpwFQdYOhHLpWr5y7MXUQpMFFQNgF86Hl875aiS0nSD6QOg2A6oiKv3SL7x88ftOZPPwbGzMA2Cvtnb3viu7Xcm8AkF/u8ZYmNb//rhWXPJY6C9KjAGCvTZqxcHxLCFeaxR4p8N8OkBdRT1nwD65Z3jXAuX78Gn/EMWpTZ/dNijFeLYUpqbMA2I2oEQ/6h+FK/Pz6gZ7NqeMgWygA2Edu7Z2LZrrFL5rC0anTAPjfovQtlfXRtSu7/it1FmQTBQD7ZdK5Cw9oPTB8VKZPiFcNA8nFqA1S/PDa/p47UmdBtlEAUBWnX9g7sVSxK026MHUWoDHFZ910RcsTT/SuWrWgnDoNso8CgKqaMrN3sptfLQunp84CNIKoWAnR/jFGW7B2ZdezqfMgPygAqL7580P7gxNnxxgXhBCOTR0HKKyob1RMn1y3ous/UkdB/lAAUDOTuhc2t/4yzImuK4L02tR5gMKI/p2o+Km1/ZfemzoK8osCgJqbNu3q1s0Hj53n0T4Zgl6TOg+QVx7jvwTZp9b0d69NnQX5RwFA3UyeftXY0DTuUkV9QkG/kzoPkB/+A4/hiqH+eT9InQTFQQFA3Z110Y0HvjCy7QNm/nEpHJo6D5BVUVqrGK9Y29/9PW7wQ7VRAJDM6RfeNK6pvO2Dcv05MwLAb0TprmC6cnDZvNt48KNWKABIrmPO4jEjw+WLVNFHFPR7qfMASURFBf96ULxq9fJL16WOg+KjACA75s8PbQ8efbZU+agp/GHiNEC9bHXX9aVS+IfVS+c+lDoMGgcFAJnUPmvR70v+kag4IyiUUucBqs9/ZrJrKmUt5AIfpEABQKad0fmVY0pq+lA0zQvSq1LnAfaXyzcq2t+N37J16e23f2h76jxoXBQA5MKkGQvHt4YwWx67FMJbUucBRicOy8PX3XzR0PGP36kFC2LqRAAFALkzeeZ1p5qVutzihUHhoNR5gF1x+UaX+irNrTfdc9OcZ1LnAV6OAoDcOuuiGw98YXj7TDfvCmZtqfMAv7JViitkpb7BZXPXcowPWUUBQCG0zVx0sgWfJ8WLuVwIidwred/2ii9bP9CzOXUYYE8oACiUjjmLx5S3ld8ZLc40hfMkHZA6E4orxviQma0IXlqxpn/uv6fOA4wGBQCFddZFNx64tbztnCjv9Kh3hhDGpM6EAojxUQ+h32T9g8vnrmeKH3lFAUBDaD9/0UFxrJ9nrk4LcZoUWlJnQq487tH7g9S/pr9rHQ99FAEFAA1n0oyF45vN3hWkmVH+NmYGsFNRm9z0jRBi/5rjnhjk6B6KhgKAhjZ5+lVj1TSuI0jTXDrbpONSZ0IiUSOS7nKz24LF29Ys79rIJ30UGQUAeJmps68/thIrZ5tsmqS3ik2ExRbjo27hNrN4W3Nl5PurBj7wQupIQL1QAIBd6JizeEx5e/nMKE2TfJrJTkydCfvtJY9xtYVwm1u8bWhZ94N8ykejogAAe+m0i2+Y0FIebnfXFHdNcdNpQWpNnQu74z+Lbmtkvtqirxk+WP+2vrdnJHUqIAsoAMA+mjbt6tYthxx4qkdNMcUp0XxKUDg8da7GFV3SBrmtcYU1pZKtWb30kof5hA/sHAUAqBq3qZ19b4hSu8zerKg3yvxNMpuQOlnxRHeFn7jrR0G6X0E/DDYytHrp5c+lTgbkBQUAqCm3My9ceEQ5hlMUwxvN4ilROiXIT+Augr3k/kw03R9k97vsfsXKj4a3asP6W3u2po4G5BkFAEhgUvfC5jFb7LgonWLScS47xlyvl8djpHC0gkLqjPXkMb5oQQ9L4RF3PWzyRzxoQ1OI99+1pOdnTOMD1UcBADJmUvfC5gOetYnlJr1eCseY++uj4jHB9HqXXmsKh0kamzrnaMSo5xTiUyHawx70sMkecbeH5ZVHWkp6eNWy7md4yAP1RQEAcmjSuQsPOODA5gmVUnlCLPthwcIENz/M3Ca4dJiZT4jSYXIdZLIWs9iqGFql2KJgrZK3eFSrKbQoqHlnY0Rpe4i+3WXDFrTdpWGL2i7FYYWw3V3b5XrWQnzGFZ6W+zNBejqG8ExQ5elyDM80V8LTpV/89LlVqxaU6/0zArB7FACg0c2fH6atO7T52QmHto43rzx7wEvD63u7y3wiBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQDb9/3FeoBgSzpGEAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>
diff --git a/src/shared/assets/icons/link_36.svg b/src/shared/assets/icons/link_36.svg
index 6d1588cb..90917094 100644
--- a/src/shared/assets/icons/link_36.svg
+++ b/src/shared/assets/icons/link_36.svg
@@ -1,4 +1,4 @@
-<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.9526 15L15.9526 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24.9526 19.5L27.9526 16.5C30.0237 14.4289 30.0237 11.0711 27.9526 9V9C25.8816 6.92893 22.5237 6.92893 20.4526 9L17.4526 12M12.9526 16.5L9.95264 19.5C7.88157 21.5711 7.88157 24.9289 9.95264 27V27C12.0237 29.0711 15.3816 29.0711 17.4526 27L20.4526 24" stroke="white" stroke-width="2" stroke-linecap="round"/>
+<svg width="41" height="41" viewBox="0 0 37 36" fill="white" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.9526 15L15.9526 21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24.9526 19.5L27.9526 16.5C30.0237 14.4289 30.0237 11.0711 27.9526 9V9C25.8816 6.92893 22.5237 6.92893 20.4526 9L17.4526 12M12.9526 16.5L9.95264 19.5C7.88157 21.5711 7.88157 24.9289 9.95264 27V27C12.0237 29.0711 15.3816 29.0711 17.4526 27L20.4526 24" stroke="black" stroke-width="2" stroke-linecap="round"/>
 </svg>
diff --git a/src/shared/assets/icons/x_40.svg b/src/shared/assets/icons/x_40.svg
new file mode 100644
index 00000000..38948048
--- /dev/null
+++ b/src/shared/assets/icons/x_40.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="40" height="40" fill="url(#pattern0_1119_1695)"/>
+<defs>
+<pattern id="pattern0_1119_1695" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1119_1695" transform="scale(0.00102041)"/>
+</pattern>
+<image id="image0_1119_1695" width="980" height="980" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9QAAAPUBAMAAAC++my3AAAAJ1BMVEVHcEw5OTwgHRocGRcWFRUSERHd294LCgoFBAQeHR729PeAfoG4tbmIEKlyAAAABHRSTlMA/lSpfRS7XAAAIABJREFUeNrsXct2GzcSzdhfwElmwd0knixmN7HihZc5QS9q33148iE85B9IW47Li/7bQb2AAhrdpPz2EJASShRF+vDiVt26VWj98ENfffXVV1999dVXX3311VdfffXVV1999dVXX3311VdfffX17a1faL3m//c34/8S34ff5qBrnKZhiDf67fzu4fUv/+zv0fe+XkSM9xHPaTocD4djsQ6TrQh8gB8fOs+/Wyq/ehsZPJyOh9PpdKAPB3bEOf5Hn5NAPhynCPjlocP9HcIcpojtiXCeGOMD4TplLrsV75cfHMYO9/cUtCPMw2RcPkaUT0eL1MMUKE8P8f9jXJS5eRXAxzT+R4f7O8AZI8wnWgdakpFHyceyMEBcMwDGFW8g3sNyzQN+HKGj/U3j/FOM1RHlGK4jn0/TMakugjiCO28sRIiPisTXNQZ46Mr8G43b03SKwfrEKdqDHHAT4wLvmfCOgA8UCzra3+B69XacThK3T4rzOAiXI3o4r2J9aeKNxu94+8frjva3lKBT4D5K0GbJFQjiVZD3F/qMWO/lq32JOodzigwR7x872N8G0L8NSmiqp1RCkykC8wzXyOxuL/OF17xPjxJzjcLDu67Rvj7Qb6eDAi1qW/LzzclZcN4L1sJ2pnnSapK4Y/31ur/ZXzVFv9HK6sT+yDQ+U4UVAT1+0mJi8xee2+MUoIP99YB+PxSRmxM0toX1jFZGk0jT2hpXNsVlluy911jOKo06JF2Pfx2gsUzRHLkpOcOyfKJPIPckghz1lvgmSPo8hJm+cb/EwdyUGidvRXsc4lb6e3/jvzjQPynQMXQfiNCj4IwZ4uSPSa3MmCrigf0Svo0E5y8I/1qgszafldv0qGEcexj/wmLs9wQ04zxI5FacKUhrrcWZmxFFuYtLbaY0R3HJ7Ex2rq5CHcZtWdaOL9UF2tdQ3Ry6o2IKiZGAwKiq7cVggoCMoEuCN/2M7goc0Bls/k1P7r3G8BTH2UqDP3vK/jLrIRljBzHFICSXCwVFFJiBwzUaoNbuEJUuaTvYDxR43gjUDcmy/FKgLb/+roP9JWR3qqNVdCsNgUM0hW7Fl8nLIKMAql8TmqhpnNM3f6C0uGhfcFTIvZF9DuN7Y3YIrzvYnzl2vzHZTXU0iTEAldkoaVlYnJitt/ITvjFyo5CeiW+NTNsEMDPjMQXzi1bbu4v6KqGX2Z+Z0l6NTVT8CM7AJRTHbEGMAzEytzWOt5ew2oI98m+STgsk1Wj/ZJF2MbgtikOP4p+R0j52T2KXkCUClpyVrspklWMQ7DvQO7FAO1g8R5C8DZQG+EveREFNcgrgO2P2zAq/E/szU9palNSdhFkRBdNVGojd1EmSYvkOSIEcgoc5xXiSeOkZfRgnqFmgYZdnn4vS/zg4c4zzKbBRAsrklJlR2W05Ghz2BZ+N/uDCuWZ8LcZAKm6qvJOzsi/A7hn7k6+fE6WPHLvVyg6GJ1YZWXJ1uLpQU3XmPGMrpTfFb0B11RKxCWlV49CJ/TkofRbhzQUWm5gCptoeZovkL3MqBh/Lg1XTq7irWP8raPGGVpobsZnVQmzoxP70lD5bq5IqaWa0KSzJ0uqLFKCaFktJGdsQy/1lei+qNyvNzDHdEbWF2D1jf2LhfT4rpSf2qQFn8UUQUmot43WySdAJ7VDRPX0/GLhY/1BsmCQCQBP2RVK2VV5zx/qTIP3+cHoU4X0kpCVya79C62lPUAQIVZI21ifOQuI75p8NYpQ7+Z5TA8+Ng3S7Be3dZWdRHHsQ/1Ql1uOjpmn2TFgQ6+i+BVtVZAuEi1vI3lmZvJveinskaoRAfa0k0HZmllIQ71B95Po9zR9MQmkEc8UcYMOqvjYHPMsz8MU2WJpWqyys7gSur0EcOJht6nBHEo2J3dtdH628z0l5y5BBsrGNaEWJlRmsRXOZqkPwZhlWZA/NoIC6Y5IRR89tUVzUmRC7B/GPCt7nbISyaYKiw1SMYfZCKkQLcZX2g86bBPTAV7iXd3u4pSMa5JiXdjh3tNgqpRf5b4fsA9e/p2x5a5Yu8m4Ba+pO2ZRJUVH7Qsvyrz4icR8hBfwCf6vpHMMtisuU6W5nNXavuj64xmJBJlO/MPvkm5ob0PBAllEYCzMFM4UxFd8lwTFFCiisGNQOuGRuqbt2hDUFcfrH/acD9wE1lutisSDKUduGC7AQzPKR0ATDFKGZgCuZbiMKzizHhTiT14/SUFxTkDC+E7OUD3NiT9jPXS8HNciOXEzrIFHqL2+sFIH948ZCo2HiOWQRV+lzb7jAwomhQUVQrCOvKV/vhdhdnD2/mjbfRDgNKaS6qslSLHjUDEN0obpRZqOFZMd6DNjaSaVtiiruZsxjKtTINqxDF2cf4pu44G35GUxMoU+76PBtRd5au9XSKz8VmrcGlZ5H1znjfxBw6afE3kvGZiXe3ZRnSG+tpoXSqZdhhK7FN7Qg8zZJqAJywyCxiO7rNyhStivr2E2dBX0Dm8suUmfxri7Eb3bI3JS3GGNQtSuwbFFmTABKK6UQZVjLM3DiLaQ26GJHVPMLmdoUxpNTSq64VF296Lq9yHq06D1IvwoL79pLsyGLJainyVoMRo8+lANmrobGpAF8XAh+O8n9s7RXVJ3tmdkszjrWt5XTNkE2uvEQlz8LZd0G1ZnfxZ7w+yDtCwx5XAmceQpF+Cjm1SANIbN1Ju0uCuIXrbB7gX1LOS2cprNY2ovWE1VLy2Qo4rFvRcnjhsY+wFbvqy60wYt3XO+k8BAxuEY2gb0T66wXXVeQHvJgUeo2uUq5mXihGkFY5vNqNqX6HupWCdTDSnZus9DvwmqeTEYRZxctsS/cgOtYX0Fa0vTxOOXIigvTE2ppDG3qwnpzMyyeTsNAfjUIjTlTN3H+Vz61nQ4H7KX/weKsY72F9JlJfeQJMu9oFHIKod1yxHCDlbbxAwzt7ghWAaX8FdSaS2dKM9Y9hm8jnYyTYBO6tRtaZWtc6mysJwgrmOr4jMtsjSsKPmNvlUEK5jpAzNPD5J2RmdKxvob0MUtv08QIlQ5/7wQ4tqY9W6NDmzNGa7QGfw82XBU726u83qWE3Q3xdUXmkYayZ9kKucMKStfjdaP5mYxW9HcWGwU2NoZMKYtzJkGciq6OdRvp05PU02M2waAc6oYN6LcYegOj28Z48EPCtWrHFHiY1nOB9Z6x7rxu1tOiyIjTak40eAlJKENLGTdsEmwADE26F89QDAlXpIbGM0M6UCRBXCaRyEzpWC+Qlqn+A5/eSNc5WDStVryyNQ4PqwWW3yx4pfuNaWyh0vnpTJBed8GOgFwYa5kl7byukD6fz+KRjWmSCJbsg6rUUu4PBDo2BxQ21dhiFgUqf2WxPYoUgpWzI5WXc0nFEO9YV24oIW0DJ+v2SDOVQtia9gyNHlcIGy2RpgKrTnXB4rQ22EU3pNUlxpnm6+6HF5yWA7Vj8NIb3GUslv3mtXHBDendNF+2lR4uSQ0Bmq+C+UpJNoekvO5Y63pzojLrUaJ31rVZZA0L+9rN4d8owXHRqcBn6XcIbkqxeuliT6brWO53idf9+J5HmgYRRl/etiIs3lQ0VSodtkrtYfXJ6gO7VTAvK4Q0H5GujpV1+IUmSTvWcf16OD2ZIsM6G2K4KTBfK51xrWzztMRtOY/ZKoNl5ea6YjMPlGasidfQ581ojuzxSUyy0RtPq/0MXImu17J0UWHd5sK0eiG+5ZJzvLv6il4Piwvsi+pwiuEd61eO0wBh+X62Jk1gk+FQ++LQ7mOvnt9sgFye6MqX2Gg0xKT5OgOmBjbPKtz9zPBLQvrRFJlO/9ZyOmOyopXLqaSay9jsWI3XMwH4fwD4IdJq5xStNEizbqmnKby+b6xfTHbpizGramig1EBivDV9e3erFeahSf6158ExTy4grAk65D/6lPP15d4tUrJDn55oFGEsIi42z1QVwrqaBFsXZxtC3l02uBUEcM05x6ZS19EozPGHvZR98lLuubx+8UZHBvnwdEp0+MyGVDGTgGu1NNRxYrz+Ips9UFxus3w0ULwz/mshGsPv20qJBTVJMuY0bE0EwrMbkq0AXV7PZqMgw20Zj7leh9aTjabdQJuamq8j1vdqpfx6OD/Jxchsxh58BwtWmkzXMMe1lnMjfruhhJva3bjM+FBcJWlxCBjzvBlJsz/vEumfY0Etzrd3Flvv9/hcx6SulWDj8Xir/VZPNG2oOLQhKQg6b2a8vsvy+uXh8fH8eE7WSWoMl4N9w/qJq0w1bI6QQGvcrN2oKP3NqjuGm5ssFQ0IwZ8jUq8G5UJn2Ta7v5KL+pbx43jSMgtCccUhr7iHEpJVjl+rlGE7FkBzm2w1u6Cdq0O20MDmSLNtNt+dNHtzeuLx0FRQA6z1GNcnC2rwYA3exXGN9s7ApYka2kOkUF9Dy9lqmHI1pJZm7mjeXZfrXwce7qdDHLnrj1c4Cbcn09rKaj55cSIb6ytbQR0xWtY7lgNoZbzH9Gd+/LgZ3Jc0+xtJMh47ScmxfQWq2zUTVDfQ9Mpg5SlhfXphLe7j0pHHekIF9dR9yet7Stcv6AS1Iq0AuLdxGK/m1We1MjE05hhweeGzW6NG41qmdY/LHSsjL1x4nbG+nz+syZLsfLIeh/0p0q23Fq6PgUHraF5rLAHhiitWh33caIkWF0Isro2TkvZs0iw7KXcjzd6ceJYsd6gzQghbdghewWfhdmCrTdWE0LI1wrNDCZYuX3E9akhXL/QyHO5FmvFFbR7ZD4VCvV47bLPmk9bHA2D5a1BUU7A5n3Jj7MbFIFI7GOhR+5AcUupe34eTQt7JyRJ16Vmgbw//j7yr15HjPIIwqYSZE8EQlCjQBc6YEI5lfAui8lnQD2Li9gWE25RiEcI9ht/QN//9+803p2RnKUCARIK8u53p7uqq6u4GAydbCjoqWIphlKNB94BYr7CajjQCwEqkzPbwKYeT3wM0e9OvJLsszDeKWEu0gbxPgb5sUj8yiIWgcKNsqqH1Pjt8HaCe8nyQYKRIf1riurz/Hgr1QH2PhZplZ/701Af25F4WRBNbCKo6qoMgTIAj1H+tL9V400cOc92/h/TXXs56ms0Iwu+LnMRC+ktUWrQppBXKe0PvZPR/GW1Kb5DSP9TsWXiJagg2/Ot3UKiHjrrTjQ3NU84fUbeFjpGd8KhALPGsTqFBqUkEo9qJJS8CzY452XLdufAxDGddZpYMYsMEAhtnV39SkHIzGmhzLm8CWkp0Ox/fqRKNyI/Ieejjy3cifDw8jn3WeQkkhrrFqSSQrHSnkvXK1iaGXQ/MnWeq+5AYsS60q+ZVyli2pcxx/dtdU9+Xy5q+UZ2cYrWLYiXm40F5dNl1RMTLpOldKwwoFtZeIDNoAKwqV+8r/Pcd91lPE/r2Hnw2IOpq0c1kTEV1QIxtJ3uM4vkAtmV2ZQgPDEgQMPyl47pfW+GHsVA/ntcpth2yFTOxyYwGcMdr0Mh47nA6ifbevjjT7DVWgvRup/b+OaXvs5aASlKda1DLt77cjaXqhhRUFPT48Xd0dvK5dk87C1/eA0OG8z47rr7P6tP3uVubj6JGY9AY4b6MsyFmkbpNglrNsPIz8aXQ6pm0gENcQ19TeN9d32XH9ePjtXd9fzpXkim7dtd9NeciwXZUPVd4KiDFWUjeqylbd/H3DfEVJ2c4pKB5hyn84bKmbxY7/XoKngtDYSKO19QSQrcOJ8Lf0euF6nRuxuAhFGJkoE8nm2YU/vUO0/e4wmgkRMmEok4GYVFKusBf32vJyLC+O0OQUC2iYiiX0LAwtXoDbUgWB3lHMXOa0VysZveWwt98fEnfl7mjpl9mwu3SutfnW/KMWvyQR+4mCji2FODRmWFckppXpSzl+s46rofHgfseO2o2mLerwiFjmSKxGKFUAJmfzinRhHftb1i488BCQ+eIGp2FFFaz3+4ufQ/ct6ScGougYhtZaquLGvph5O6VBvsxkxadIQuAFZTM9/k4D2pKZHZXKfzbZZyj7uQH451lvnaitJiR/ApJBIbtWpousSlFzW/AfncolaY8t7JwhmaLdv3+7tL34zlYVBJ5eHbSISw1kyg3/jwTX2krOZMuywrb/1HMG3eHf5nC+o6k6z59X5dBvEZHPx2DIfootNBk1LkcYvgdWbWAo0TMq+lvqjomHwb50zSO03IN6SC9mxT+4TIMaH3u6ovcJZBC1jdvil8NvhMZ7oynLeG/APITX4EgitgSs0i32hl+L2bhYTPZZea+5w+5a6KoN3jIrGHaI56wmGCHIlcYAnqWBkerRJOLc2Gi6aYbPrOD9D5S+JtP18vypFEXOJLARGAkRHMNMA0VdpXe9n++2TdCviqqe5g8pJD7FO4CmfUW0acxfa8QqHtFSIetb2zcDAxBLF6HKLldEK3PHqXqMqQhg7CYJyVpdh9bUt59ugzrBs/yB+6iqpfUZ2590kzwXPqUqJ4nIz1DV/MV1cHjxPitoLifCm07mso1AIoR+z/uIH33KsfT43+7pOH1QX5qb7T2mMDNImCWGuZC69d2WL6LSRkhuZHLIJd81u/vIX1fZ/QdBQHqtjA05GiUODqn/zkFB9Fy6kYfUo2hObarO0PtjFynQadzADMXzufjt9SDzHGuBdyw4ITYj5BYJ0crQbhReUVupz26mo3kdbp6QHjMaPH4+FaPVrN7SeHfJjdw19jwImYoa3C7IfNODy6+3UH7FCu+YMZsW60HsFCN0tIo3EdHNxU+jOh7DmpGscuNp16x/CNdcWUtIvJxsj2sA1jN3UCBwqGq9l4NYY+VSPl6bEx2fbrW03ciILBUK3JLf4YWgUoQHLoL9maj+PAPa8JZ+iZO+6Y1MuP7Y2OyuaVGXaHGaxrt5IFyn2nBJdb0G6G5rgrDeyp+nlpblzUEWDd4PQuzMA6NyQQj2mfPk3jfudXQMMXliaUo+r2UOg0KhIrmCDZUc3Y0YgRvYJFH7yl94V8OjMw+vLTU19EN3FCdF3bilBBPhnKa0kOX2VE2OCzGPR7lC8CGqb8QbVKDCaovgjWBj/aj6Vn3/OhBObN3nwQmC2VAVDBsttgETSYg1uoCt4g3hoUAVgGf5WdLfdbNhWVdZjiV66W5Pioye/NxUKlTTLanICd/GKFEvaKCk5ObGNsZgm6oxpVgez4BYh+bFqspXiwsS0gPzZk9PF5nlbpxUXsSESh1Q+lfVargeUxq19Er/jkF4jgiuWZ61kduuN58GreTnbfa4yhSu32Wo8x81gX4eTN7ZxkfUTwjltkQ8KgBH8tpB6ncffT3IzZaw1WlMKghVwBhjYMav0kVLSgbniMG1jJs3V6DAX45PiTWSp30dpTZwU/7EVi1a2E0O95w5ttPT0NQd/b1ds3PKVkmhIaYThToKp1Oe0S1VngbvzWaJiqr3rTH7EenMCRndriGq7cDvwT1OQCmaERbjbOVsLIXXwkBEViRbIQWuRa64W9lvNp2krlGUXtaN/vloD6zX3s78GVK3/EH3oC0aJ478pjaCfFZbdUChM+YWq1YYoxYnY76DdQZBWf29WCY7DJM2J6rH3XnnnS4z3W/MTx2KDnHJ82tkLQhfw26R6W3Hg2lXBoy6rA+VMM1j2h1AUWCza0TVIHTeY+QIx/zzozWgcQaF48QDMZfoIrwEGtwcNNl88VFCFv4b4cK6uvlEitabKlo25y34Kpw+mukDDQrz/TZxQQsozeFsX8C+s9OlwIHCL4is58O1XB9mDBZt5HUOqseczs3bo7ZoFTKaksRgMpEDKtM+74e6u5SPHdIPewZh1S4hu2SotHaoL+kpbLi6K/N1yFhO+XT5obS5R6466ywDQeYHP1bcZ6a9+OyXHpEZvPM9R9HC+rcEcQoMtWuXeZgllHIBo6vaNYP21I5lXbNgDpDE2Bk6LxAsOp2PIKsrMK/HCqoR0xWpxXshlCE62KKWcpa9ME8pj15SqlvbLKz0Yr6eY8qyqQKa0rYCUhQzsWkcBxLoQnqvWQG9QgAa1HDTP087dRCWIKFJ9EdD5mCud1jwWcgKIQ2Pu7BjdIbUpb9o78cLqg3ZGUdUYi7W3X8lnpw3nzsWVia32Ut3rndqLPkh0X0aJYJ8MVHaf+GEZpxNSkcIqx/vFwvNqizFNflaVRtmRo/vlOVWkGL5ahzlN1yyo0pZT6fZtA7JVNThfsWqM3kcG7x4d/nIiYADhHWf/vPsHRQB3XXoCPA9rQo4Soj+GfRUBmwg2Pznu0SGEXDnouRiBlIpe6VHaAZBWd2gLD+Ngd1184lwkGZ6Lk4eJNz1mw7vwf3ZeutWHZmkcnGq1V4FYN9MGPccyLjrHD9fJBq/e7x6WlYcHOKg5oV9YNKWGTUhrH4GQxkgZ4wsdvrx5IVWBn1yrjNZ7q8zGyZnz3F48z1l6PYzP6swW/TWneqxYLz9+Q3mRjup4TN9Dscn6YAs4SiWnM7AUveYIZkELuuijr4SnUF4ObD+of+tFIAv1tpRKEJs9/Lvx5JwJ7ehs3PhhmAC2OdpW1Li6vYdNUfxpAz37rG8qhvO6zffOzFy6eGyR0GNAWtqzs6qlCkyxqLu+NUN4DYP42Sku9B+vGsC5V1PCJko91IXH9t6S9RxIY0KD/KTYuZD4/Xiwhq1CAubUulmEe4I3miLCJ3IyAstm1tHqsEe7Gbqfw1F8Tv1dpPs5h9R6q/7m0p67O+7bDuVyRoR8Kp2uXSfMzQQ7Z6CoZRz0WI4s2QZocMKRRtSAzMJQxkioYKRPHTdp6jNeYL42JZ8vrzQIUfIKwfJj9wt0Mrhq1iiDjIdYoChjOJXb0ofpldVuxzfQvJVJgTLGJsvvwCJSmaqSyTNUUCs6+3HNTXZT2wOgmZR8c6wGSlTMjGh6atpXuy86VopG6w1wDFRM0OX5Vt2Ei9tFTWnLmMj/vMvtx6WP/wOHhPdE/txMugmYJrpBjDN/qUyEBWUBVUpgtWLIi0xZYVWwTrI/mwABAmF0DtNlve2KG5fsbtOwr/HC+bnstmA9NpejjYvky3E4H68xNng0O3Ca1l04IHR8t6eptOEWdtDpzwSRqqfa7cDhCT130K/3mcwr3RsH73Ar+vk80IJRlIRtCvqOOWq41TXhiE5VosEerVb1aNKfqBoim5s654O4gG3+IhQA9ajeV41Py2mfA/hzssn89NtHdd9w/IB02PKJ8I9e7wBY7RwNtSsrM50TdSqfXuB+oQyx1M3jomcyLjpbln3jhl9m68ziHg9wafQascoUBc0YKrojSjWohnG3Vp7l5D2bEygYlM+kCYKsQtD11wZDfHGZKV+QTATYf1P/qtg0+fz+YHyQybhvKCTcyU3ZSasWGUBLhSEh6jb59tyAxKCGlOl1uSDgwRSo/ZOgo3JUcQ/r9bDeu3faW+jEHtQVaNO5SJOey7jOFE8mb0uy6SNnlzEIOuX/czXDECdKmFEDAOOoRpQQyVp2a8kfrMWw7rf/U99dPntr1VgvygT+TUQAYO5dI9VMrGhSX0d4pSncvSiGIdJZjwEY+QintT1IBCC/R0ERQwXfeb3XC1fttv/b4qSYslPmaC6KNmcPKONqSDZaI0O2uYWwgiJIRmYq+KMJE365o8gE87TheZjMI3G9a9TfQ6SlqVY8Un+ZNy7Y3pRCy4Owi0ijW0LGxRLyo8ZMn6W0a0TQKvgzzONe/QbPpBMB6g2AOWdaKXuN2wfgnqJxPU1ZXc0I9HhGhJuGJKExmt5pUYuiDfCajCzMRYstOpVFHB16kySdwh26O6Ji11c+3mwvrDpd8F/fvZQujk/I2WddbxU6imUwi7DMGZVAkNG4JiXcSoQDdEPb1ny9gg3kA6vZG8gLAeOspdhsPvc6LMXp71jQkd/2fuWnLcSo4gbHkW2nlnCN7MRkcY6AJFGLFnwycR1BcwupcjIwyhj6Ebut97lVn5qyK1ITkzgropqId8VZWVGREZ+fIq6ffK8hGrLqxMWieM0kVJFnJdIu6Ha4yF58AGJqlaa2UU50RJhgEbBNkxW3EY9iaAnoR/+vT250Oxl++H+nkpPqEHPpDvYHptf6qS4nzZcJW7RBeTIdVzzJpLJdKUHksKp4HW0RdV001GmqAhmmPjmfHp7fujHertpj6fM22Zi2NbpCDyynAmZnCR2BctrgiaNEAmZO1KEzJevKSnvIdB80eQSeEHlewFNl01t/XfH/BQn1oreQ6/+RliMlooM0N45xx8YcwBaOeZKaRlhScr5wpWZAguCfmnb79M3APL44pwjP1Oc1s/EJf575fn12xRVrPGQU43YY4wkSI4NVaIzsxqEGJFdddKg2tnLS0NsFiJpQwmaIO2ayYh5CNaTfjDcJkfD0XwU5uqRBSsMmwkDedRxtqEdwOBkAiCrbjTYv10ygxkHYZhERkUpOeEI03KBkdwYDrLk0nGBq//f5h66x+7ePDr4LTmi93S3RUKUbKQ4fgWyRjv6WoYuqHCcl/CC08naTkuHVwWbzrrqXIyB0ML2OTRxHy2MAnK3dYPAqN88Owla8FHxLwwtjwTM8RrRGDTialowVx/lncVIbYeDLSyPzkNbJ0eoiFmb58I9xRifJLBx3sH18Mc6w0+CURHBVEcn/scDHpjtYLEeFTNOHTywgidh7ELBYjSFo4KV7DZ67EDRh2KFOqZpDQljHhsMI7b+kEqrcheonmouzohzTXkuUS4RK4P91XmS5J+zk5IlxHSAayUEr+0+pOJ6GEeYhK3nQJQiPLGY7+tx1o/RL21DVhy8AlnCi6XM8GfZI8nqKdXhLx1J+VIy2YMgwZqFujm8pbmNHUIJMiSBkeorfLonmriMYqKWt7rlph9ehzt6F+3SssQHWuNPWqvXpZnGddwyo4IQcVEoGH654XJ/+XBELUi2UckhjRvaUlt/8KQo0i/9c8dHX2Aeutj79051U8uPRxaljElrawqnqaffKHsirC1a1zHbA4jZgoZljuv93xDAAAgAElEQVSXy81MS9FYFlXTtf/tAjKbYpisgnFvHq5H3x/mWG8N1c8vX3dI1MHUNl5ysjKObWJreVwhHXsJDNxBHEaYkCqG10pKdPYnZR7f1kaJXMDnYWybL7YR9RYKB0NmM6lE4fdHqLReXuVQrwokWOiyjJ8+Q4JVVFL7egrhg2vL9jU3fKMFXHpf3i9Vpo5L2yKyY/R7nTVEMxHPmDYB6FiP7/evt/7Y4e+t0jqXq4xWE8W0dRFpnzM9s0GprY4BNn0reH9wJ89kdHC1pRdn7OQVndlrtstz0HSfGQ4ORpGlpXaY4zMeiNnPR6i39krr/VCfzxX94DVA5WGiq7FVDUgtsBiHYOTk1xmzDnA1w6uYkWCTAmrOdS/bQUz6F94ZWagfqLojaAw7fuAbx7Set3vT1p/rWVqzrhm64Tbj6iVUCo147A3oDSs+olbbU60AkjRxPHpZjdP5QrbdSl/UeQCPipa9Qb4Poe9THK6gT+X6Gl5md07M3g/1VlMb+DttcuTJJCgMAmGxpGMFIaUyGuDFZVRnoObaMTJCZlNarrbFFYqyemFgfIDb4OA53S4B6RvqFDYvE5fUTBwK71pv/e3ZCo1iVcwMJ6WXMFaUXioUZz6bM68/iiztKvyjvHbey8WIfiWeSu+ItY84hd7PPGhKtgjfwotajuHWrdv//7x7vfVjsz6x8DezqqpMykKI1fWk1Q6FekWbmvptRtNxj1b0sFrvKMLsLoO5zWeXxwSAHjlByczE1h4gKswcmjTuFpd9Q1H+99/fqMajv9+z0vr2uidlbVq5RuDbZsKIErL4ojHHB/xZbpVUvK2n/pQDAnh14L44cUQX7v2/kyXsPAFLKZxzeKcn5ykH+/609efduioaYhT9c9OnZ2a+GkuMLsLreZix24V496niDhjNe4TfI02bs9ECYX1pbuOS5OAqKwvctleZuQLRTw+EA8r6ZzrGo/bE7J56ws5pfZVKC61Sgxh8w4NjwOhx4ACA6RfDUx3MErWC46ZGwTNzFhXbrYkLaVemWe3Sn5txbXFlHkcKScvHEAiDsickuhwHpa3vlph97CaTpwm6PP3Ofz6OmnooUcaZGJD5Uay4S/Pw8FsWQkPtwYzdVpTyLEQj65WmEcD+ZB65SLO1M7JkjhbjG52LRnh0R8Tsy7dXa5MQB16wAo6F1gfsEXP5aa+xoahYFGXpaynnIyNTDD8GhpV+8MISt1bjmJPFhi0OqDvZrDT0Sq9L6gCmDe/ouwHhvU9LkbLp45JWJQadBUUwx333uoHRLkZ3V90BgOtTktpFsIrWnMS8rPWQm6c5Xc/TxYSNqVCnd5Md9sDQtabxmQ1mR3T9iuJQeF/EbFN/v74f6tOay2UuUCRsA8GNBMdBJs1K02c0GEQYUV8RPoaynO4jv06FJJHFcU30ZeHeXiDm5tduSTb2l2yJU5sPyT0ez26D83aYKNyptN6Ssm8O/nbCQFaEoBEPtVGaAFFzBQ19bKM2wZGxI/ZJCDVQdF0FCgKVKOEy65EAAc7+zkDoMJrLjPHWOLCM/IY2djmxSneZfbunad3HTl+6bDZRf2Z/G3RA1JSM2otjgaEYCtnJfFOKHUgpOpKitTjDYWqujYqwKXQupnmp3rqqOkMlMGEHdlVIZim6AK4w//3N3Wp01t8lMfvyvNmUfa1uai6T2B6SMfpkdK1pgoJ+p8SP/IvQ/EGPVaFNSqjRtn9esOomVJ9qOcUMHKXlKKGZolbRtKV/k4IiAPJ0khSJaZDS+h6J2V5Uv1TWsVjCVki5OhUZ1Yy1H9YGd9h1pTu2EAMqQ4uWLsDEpsPWuou9ihVpeS4QYasCHXTNSEapoLhBBBNpZ+mfXXj0z3tJRz/3lo5TCt6tHH5B63g+IAUqJGasMmiuZXfYxdKIms4CqKwmaDX05holcjm90hAhsWAsIpX1+obhpQ1JI/uYrJA3hoslgk+7ldndNGY/tj6tl6/nK5i+aFEkyhLSOCXIqZYs3NU8bqUpa4bBkVCgGWZvaFvBhJCS5UC8KisrxRc243ZaCu/63mERJ8KwEkVY4TrEQmEowm+emH349m0rtZ70TvPASTjWUIbZd74d9RWb8wzp50I5asFUfOFKWz07IAbIuqMrxvCM5B8Xrma2tm7xU/RTUjK3fEy9psg1o0afc384XRF+B2uUPyzTcYnmje1UJNzg19G5wTQmQQAw9nybEtNVLgzYQeP9JaNlQRriNJl3eYXlTd2qK8AfPJUVWTl9Qx3R9TeZScbpUQAeIz0OIPzmGrMtKXtZ+vkzwfeEFxLBigFJ37MFOZzN8QMGc2Kh5jS8rxRspsvX4zjeZnhNdS3+8OTvbfOm7VVzBDRl2IGCCUPy6xrAwcZbi3T0xonZb3ac1vliYToOmZwyPayCFWOggI7QHre1Zmr9SR3j5vrlz0aTzBIrHsLcqklYuFjycZmfLpXe9PEJRoMkWgppmQ9GSGZIp/zM0/7d270Ssx8bUvaimrKzvWsYSg56DbADIdmSfFceg0FH7fBRGBTZciE0dHa0LAgT2OjdtharKxf1+fJRT1MM0OXrRr9I0rGhtFY5yEo365cB3kf8vwn9t6TsaXoh5+Ka5rH3haQWyZDbl4IrCbg46IwWEq7UHE8CYXvBld4sy+RzoUz7xX+i5C3gsR3+o6y+Jhh6uP22hHOFEMckdRP+87ZF9T7N9mm24f30dTl/cjWTfnixESP0EirKaLVlxwEfchNAMrRctscNR5fsWu4BbeEI7BYU1ZzUTKOrbM6uNweLkURtvo3QauMOuQ3vEsH/1ZkOk5eUss248DABFkPb3le/37od3d4TTyqz5fluWxJDuGEV1FMLNyYnOHhctV5dXjlqkUVAg83Je4ohp7rfTM0AgvQo+CSI00w8vqmc8MO3553peGqmrG65j5oVzccOkNEoDBQshiiR+mNxEl8Cdq1hbuEeKIKgHt4oJSLduX0Ll6dcwhfAsJCWm4QIQ9FhjNEyMDgnHCnsTlU94fuLIlD4723j9+tWVJ8mI25KJoAeMtQgx2NMtyh+0e3P+/Tu4+HsXzuffoswQsubXpjBJO/IygEuOOLZIZ5rT5iGrA9f+uNzoX+So+IS6RSsxVrsJ7T/D/TaWuqtW8oJN/NBV1SfW9XSkaSvgMtbukfuUThq5kKJc724MjIWwUAte4QR4az9QQ8g3hcsLiyitJdXkpVTKZmU6I5Wh5o4UNY6NWYzcJeIrV17AJdjfTNw9C9b+H75z9PThaPAmHv3T4DBZjVJuAUj5WC42JPqTk13fGlsDtqkRR4yfNVXKArHeULL1kXOoeKqlNseZASvYNnECqhI1gBZeZ9+I84UsBtp9/4/cvCbRfAvhyb4aa2tDNKUkHL0s0tdx0bNy47zvK0sR/DqtxzHetr1Gum9uzOdApOVFKwASCqpRQGluDbTEHWNUk4hAgoaTjq9YJGOIzJmx+4YKMqtwNGtJ+/VyQcv5apGvS0Xl0oDB3woupJmtKIjS9Oru38xxryPU42hYUBlye2hUh9223Vq8AVE7jx0JAXDaFGSvHK8f8daj0M9nCubaYJoNGt9owj+8fk41KdW3X1IAc6q3KXfTgmtjgjTeKZ3bSghKHKnvyiM3mi8JoBgfWQ1Xc07YDFe0XMT6TR4eKlLopOsEw7clY8rCIrtR/SHNyABUQo3huDerKXnyzZm6fXpyeKhvnRAOCZwdJLUTYJpq77AHGAlKbev3vqZpwSFTvYoxynQG4Pu074PJu/PsrmMU3GR743PsChifBeMvgcgEcJCY1uTXT2/HoJFMlSMcrv4vSmNngoQim1Zl3KkVZqsiMjK1I89ZwGMZLSZp0MBW0YI5LicOYYnImU5YUIIEqf0S7RWom4FxKRg4Cq0eb9qd+PnVjREIHehZyEPjZnwjSzCf+tKo/kHz66sA/EzQP9xljHUlO5UD2obohvdXnr7P2/XziPHcYQBEgqY2YFNWo4Jp874B7otVmhgBkeFSgSImYPzrmEnBETsEXIgA2WdOlTC4MTEkQzaoQQD+lWe7np09WtmCezc4HS4u72jdqa6Xl99VaXUJEMbBcM6K9FQqNAObFCKM7n8W0xR7CwVEUck51aIGBxyuBbzKWveNbxDPT33OELh2fFGp1eNHwBWITejRAJyQeZ+Ix33xTUrUzRt9s0kWjTqLNKXf6ZAn4StZHPwejpv65SxWCfdZAt4BomqgRRAmRMpkWDzHYhPws7LNDxg3ciKFd0ZRdb32dLz4HBKoOjkfM5HcOzuGoKoQRTE3wqMFJ8CiZCi1xB/wGcEVbSKNGKOdUCJZoaMUkTWtZGBznQO1xS8mljNjXbe1jO6GNCLJG5kDBsk8IhZZHfpM/ZVxmxbQ+nU+8V92O+bzBRtIJIeAbjgjgj2D4KOAAk4fy8DkjHjaICiqxJwKVDOHiBTdcBWyMwuxoYuCCVVpptJYM9bT4U/KFYoc3ypk7cIBFhUUW9bkUGsgFHX7AJoOpCKXut7sOC3eU7wyK5VtcOKFoS571gvOQME9JqXBDyR0C2/wEAFaEsnZP4G1JsSql1ZsEbyxh47YXMEClQ1HX13ED2TY3U2Yi6I7O3+sILXavmjQWLw3S14LGrVpISa+Nbj7UAepShhlogsPQ7NQWLoBfJrUgUx8GIubUi0LQ7bLLMym0Sh0l5j17Fqce8CPx1hdtZaYlUsz8isMVPLbQVQuN/g94OoEJvJQWBw8N0JCk9T+bIffyOMSz8ZX0YdlEB3L0EpYLZuwgSNSi6avNymIGogdVAUqFGIx8pXEG+pmDa6NUJY4RJxqz5d4kMVC1WxIFpjykuK07A5CHSsnZ5dKLky2OxCbagVGpjtbsFvE/9kNga8RiK6k53qZmlHEZgobwZJUlmWXHg61sGJhUdGUHTSm5RJEOoGEUtoszRVy1Bdvpvaihd2B1dsG29o8BSpyUQJ83snRQ2BLVhdHYdekwKC3bVG2zLvJwZ/eEjL00xQhj3Giauo7dnngXQroMulaBqcmhSXhBhAIzhWbuBf4botqXs2hBl5c7ZmlUkPOscUi6YRLON2HDvtcgpD3EwxoKMZCjojB0hrDyFAkExDetBcM9wI15EbWnd8HxSzj47FTIy1NMG1Ow3RBizxgFMIHmJXaewYZx8d9BNH5+k7G8Q5elpS/dRKh9NBliUS0YzX34jEelFmmZv5Lrs01yglD4TkoZGyxpDuNZ7nILX0nkCnhk0v6AKd6fuJwR+nSQlzNwCHsn+5Sj9RyxDJqFHRAinTDLEnKZEi050AEankAeW/Z/2VYwCSTwEYXM328GGBjGEvZwVX8CWw7pDcsOejtS1CjcOky5CkDOSb4m25bNBWKmXd/WF4PxSzB7HScbwuJI2boJkJw5VM5OJdhwSSKBsWaKw9qGMLKZ4J0V5TqBUgJ6jEMXT6bbnOSQogeb5hNaeokn5nFSpWR+I8jLTYd64RWCw/QuqJp3tULBy6Cd8oFWCtDoSifH0f+Em2NG2bUweDAlMYFJpV4FpAcj6USieRBoIOg3RnkSKE5MVDTr+BRR80c0GlkFuhW8UF17U3DjYqNJ3QHCuWC9bFTOm3pJW18cYgmW9A0nENJvv6gq4iyCraDnlaxq4W/NkpDnrPpISphQdHDQDKNECuRUMQc4bUVAqcR9OziAY8aTWJL8QwLLk+ZnUwsRA4E5cYQFmoYEbuK6jiynaKohPWVkBwxJ3qEiQRhhMYAp/fZMKAJl0kwxUgdzacUVexc3XYgu87c/TBVcRPrgk/mTZqAKWFhIxVCJbNehwwKD6aDr4DVlY6C8n4BdobSH8ZUkJmgDPMjjtAaaGtYYVRP3WvhRQHMh4XxLDYpJ3OJ7CTIhEnuRMqntTcDtAYJfztVK6ga3r2xMEfRUz0xE0dU73DAbfpOHEOLgXdkm9yIBaDUuDALFAuzX45SBxHAAryIeAcUwtGApyq9GxnPVSLpF3d1rqyB3E4RJbScnTVzDEwtTwu10QRi4DZWMWYMyf2qw+t2GiCvAJ3dy7Ks+Mx8b8nP+ZOQsuwR5toc0UjijcgBeFAOSfS8Zfv6TBoMJN+4AKKPZDUDED5n0hIs9NI3DVbsCvMAqHm71dTK+rgCDr+CTvwNR060WTgKUWSVrAZc7kL140oblA9YUo0JQbflX9yLJuqp+7Jx/wQ0FaJZHYgHWpEPuHiwcizcayaXqAPDKILLGuq+OYyibP1kLz0BYXiUCwJqGw29pp3wEzXgs7eO+zfb8X1pZsZXxsT58G1i7ooLuPurR354I+OkYBi65dTD5iAtYpXiptJzCkQI+nSUSdxEtRAaivawEFbRNOStXfJIqiflrUYWtJErPUZOxQAM3YUzrHZY16pzazzbxz0OkWMsbmu+8lVU3ergde8umU3C/67NBRjng0noZjs5VczFR2+SO4ZGQBLxhqCQRoCawMJPgjKRD+JRtyRwU+V4BTLgzQFIRiaqG0dKOhv4Ko5woOSJpbljCok8f11U2oa8Pgb2j7N12/j9a//LB98/fdXHUQU1ylPzF7SGHy3/p0l0Top/9v7cdza6oba8CQ6iU1AUo9AgzQlTpXP+YcSocegLdp3IAOgrEHMzMM8Md5V+yGw4we1jFnOu+0WMtaX4VZ2/vlXd+vXu9vhuswi2oVi4wP3Wu877oj658eplusElFVgmwBPoCwzfeZIjC21IuKUhgGDDZyqsJqDJKqOTD/H8dryhrmab4fi2HSrCsZxMK7I94p3o+wLDdyefuf4/vPV6+X/vtwM9ysKk1JhA+wbgz+NK1lOBSnBj9tdoB+sIbCwJeLiZBo4GAsKhbI2E6ZIJp/AFkC2BFQOIViFead5Hk4xLAjlRdhOpLBYfT0sguQ0qx5wSp+ef/V2XdTvjuczUvUuPhV4nbko/9jLft9UpeoPvoClmNx0GaACx2ckbUUQA8XlQdMw+TYdAobClZYmlW0ByzoDRoqZOIq/Q8vj2t5D3HOr8hvzzZZS//TaNSCP6zaDYk1kB4BdezIfKlXUGmu/DThYrhxguMAlKAzZepVxHi1d9uVxMaTZg1MTCMEMRasqW81JsdMrsQDm4heTf7Gp1C8UXh5lb67qT7GGXLgoX+9jv4lqlIUbA7PpPNBQrqvrw3X84OtwJf8V18wvmx/JHywfh4NgE6i2PYUqKOOjTVNtJnCBbcaEQYA20ifoJ0KDUz7N20r94+tqCFiXCeHb0wAFYLZLyeN2SQ4XVz35QTCmz2oaocjgPvnlJZQ6fKvOnqC1gkVqNormFUZmm2a13Au7AoQeMI7l1LNq05+JYPz84k93G0r9fJqmzjIn7CTYmJtKs2nZsWj9gF216eoopH7GCKjJPX9/d4nruzfi8g3DOtVBct8Egtn63WX5pmf6T7t+sltnwr4uY4NsqaD9PB8/XrffL7947ZfH53uWY+XiSVhOK5m7FK0/Op6kVO0HgEkniPFF5jIf/77hwc673j4OAqUSkyFIFRttJ7Md/VeScaElUEAH+YH1PQDdjoDJzfP84tXGfb79dpqqyfK41j1kR4ZTdWVH4uizGJSZUjXZ6Q+Ixmc3L4bh50uI+uWPn2ZgJUo8EUtzox9CZoCjdj3bYRp2sa63PWadDZglBQm7DH2V+HKXs59vtpV6OtceTh18HBB3BMyuCqqR13ex/kZVq6cpmrWbmz9fRK3fXZu4LOXaEUOTolkKo9EUXMzIvxV8apNHVqOWdS/T5Kek0/Ph1d2WUseeZe9Xnp/v5AoFOiq0o9/vkWrFnbbz4M3037OyVXyUdGwMeXN3EbX+N2jehYSugVKZiE9abvmBvPsIi6F/UJBKoUBKB6F3z/zrfUZJXx1/vaHUn72e47OZfYW52wqMT5FEW1CTafe7Fa2fHmj+t+956R5GP1nzvgQgyxOIwOrp40uI+vMUmCVchcq/ITf+xR5skKEqOn6jWGBXxlnQoQrCBtMCC2QM6Ib9FNOs5UZfvdxQ6idkHqmMAGPLONWdM2goZmzBL+6sb29SV0eVavlznLT3yawt+XAcrPHXywRmTwpEhbA3xkpAtyjmSYdazjCaU0dc5USTjV08nTrUTDo9X28r9YmE7Dedie/97wXcD7t0eTy4OhVTjaatU5jjdJb01dUhclguFZh98Zcs6aTZccscR2a5H0z7tZR4ZO130ecB4+rrGbhoCsiSn76ar96codRLSub8NFUmpKmH9qMhdMww26PT+lEclTDoyvM9QZuX+LBHTx1lfZl8692sgk4JV6SnSL6Fqtx22axtsBkkTK2rHvY11OSQJRqZZ1bqbzbu8LuTTzrTp/AM1i02TFXcyVk/S1Utnorhq3r1UNzJsdMjSFSMxMXYOvNnqvUPwJKW0hg3fCk1RWbeGeeMUA54RjMVzG5Pzu4bVrn4xpqR6ZqvF+u1dYN3Uakj0uIHsh4a9Xxei2X1l69qEavMj2uYU0+vSdIJumaezWUCs++/NBacqWqyOdGOypHhnjqGHM1+n6qq1IIrbuCcsTFfnnX6HKWe54SKirLAWViZZSpIYLZDdethiqjKpba+cNGT7zrsKRm2q8VRL546gjDL9ceLWPCXT5S0gtQAgkEapXJrj8My5M7T2A0xvd4732UQd1wpZJ1WSZ+l1NFRRz3xmyQU7DPbLEf4wgyzp4dT31VPg68pTIkPIT2BJGrR6tP7i4j6szcmCM9tujJIIY/oxZxYQ98um3GArphQgnXpKXd7lmjo4nxJ0vPxDxsn+fvE7vDRIk5sFqFvQhqPDSUjhWhHF65uPY6rTjn+9mNpT0a549ezz9Y75eVEnLwQEH6rckaikKOwx3VuoZY6oOYEmeHxFiyvUxvcpq1EjU73+ckSfV9fvf55C/25Xn53mt2kT7JX8IC1phmn0zIuXt1KDTwWKvOrEKjmmY5lfViU+nSkXCtelwnMfvq01OqIhUvvFYqzBjtnWEbVVhlyNYa7U9BcIajEnCmWLSnPmo9/21Lqm5kqHeL18EOQCkN6Vjr4RdOtR7GBPjXweHfWG2OojB0Ym+9Y7iZRf/P2koEZDyQIqF2bmLfdQB5M/H/arl1XktuIBgsHzuxMshMnC6XK9gdICAQckhj9geELJw4G0wKcCNC6B5ADC2bgCZVsIOsDFoZDA1Kgj3LXk0U2+7EaerFYQdjHvT3sYlWdOnWOM8Zd0nE3c+Jccxh2+V6l8HTcZqVbusyHQf12+YNYfMdY+7Gt+6kaka8pUaYGH5msP8EFnpTWrZRtN6qw9k77zOX6vixBDXapHNVfjinM3ttkTVxhK4wldj3Fkk0UqU3aC11hm9zGdNigr2BFxhf4FXrqvx0HdUL8BA6aytzsznR0eT3olGQ9st263NEqL8VzYCgA+ViR+eVGg/IbgLJpMmE9pDATIJzmW8RBFFcAY9ul/vZm68kqb1uecLtBE/Z7IMQNEr/TVyi/7yeCOsam5sn7TfvqQpE7qyTrT8e1WnBEWwKya3wQHwNeXkpgVJRNENQS1l+PKcw+Mp114L23bBTlW8Nszd25eF2taJubJq7d8PORwUB41LNB7aitjnW7vLnnu/VO/B+oKK9FKyHuEb/NRZ60+OaDhndlBlxUdpdGA+G8fW+0cUoRHorakLVUVCPWvGqlglGpj7v8AR996ajPBfVyC1RSvGFvKcZ1O0PRy3fDqSiolbDc3z7uX9+GoJL0rBk+QfykbKkNZCjIvk94BLXyUfKJiMJXVqO5mFw3cHZYGZq3EFpTkiUJ6QsCZV+fCWpUUo8IlX0AiSc34zi2LHoM1U8gr463pPXujyknS/mWPHeaV+qpYaiFRZmc9SAgXBkKusr3MGIpGtGCINfpzow41+Trne2scj4pOQnq5UnT7ZARjOV3jAghQxUeO18pbGbuXNEhMm04DU3Wr2jUkQ7IZBLynql0JabBwB7/DbN6OggIN4iZqBSofqFZv81qLKnbW1bkNlToaF6xDqT4DavZjueKBDjrx0H9PQY11N+JujRLv3WuS1qMK7Au27jGG/ybUe3Wa9J6T7vXjb4HESY2FNVwqd1uV4BPbhjQs0b1IIbCiy3M4Bf3YElLGX4ENYouSzA622/3N8IHiGQgdELIQbxeMFcfBvWPmKmTr0Jjq4sPaw0h80qyDnoem6xhgAmydP7M/b1UpNB/p1KrcFGGP0tdNqbfsoUZ73WR1l3tkqw2H6HljAVD38pGJcGF1rWyRsgcwUme2QhXyFTnghqK77XAyIYMQe6+cFo9ovXWQCoKoqLAFU17MU3oD5x0jO1JQ002we09lRt8/suYwszboCZJ/cdD7bGz0y37IPma1T1DbYZTYyS51arL/bgufVa6nQtqRMr8PtwIXzyGrca6hnTDSN7oK2iH1YD+iGkEnUTUljrh/X2jeK5y9f2rMYXZD6Fkah12sEipK1Pr3G46lg28hqywdlHYusqTwie4VHYyUy+fjy/D/mh56SYTx81gtlwZdd4aREV5DTiXkTXyOweNHWO5v6FaoaIMAhoq8DLyOGLFfzhDgeFw5ISrvabsZoqtuTqzaalWdVrbCzrZPjxVJjLkWGrvM0H9A5XfMUa/mZV3wNHsWjVTTPIjeaNvZvaqTtuzSzPDhE0ketml/MapFmFlNqy/HFyYMVWY65VHUAmkepRlrXLXXj2VdtQm9x8ZJPBGRxloXdJxUH+Ob79nGMp/4HKMa7y4M4veD0zWyBVFWvCJ7ysSIMqfAI46LjDUwpOG+9vc4cMZCix/9qC5h1jlslxGMa0rXOFQ6yo4I4bawFfrQ0/ettSXE+X3fzGocVIdjfF3DNsa1auzDvZ7ox2Pgcn6FbdacTNHW6qR92amBZvSjIpiYXavNZ1GMxSMeOdDdeKdWvco07IEtt0CKHzS5oYsDbblzkVDm1tKkut0vJCHMR2FEeybr7MGwMPh4ecidjQiWYsCSr/NSt58z4nbCCm/EwHg0w2CerPT4koAACAASURBVOYhZknW8xggvDAUpAwP6gNRzISNgFGBUVzHt7Nrp9UpTWiigy01vNLz8UIeJWpAUHxVf+cTo/Fcw7Si8YHl57Bk/YYcjJP30e3Q/b00W3rUSEm4XDVVz21UD2YoPIqISuWBrQb3ZpTZ6CdUFtK5gsyq6izq7A75/VHv7yWovzsT1MnTTKtOwHa6uqfAUm0HyAbaY9iSx9JVtxs8sV+Ie+K7wrXmGSy88kHjEJTytYnq8QyFIPI5VJKJMiFbJobSozhRT8lbedLnvYArBPcLnvT1eMt2pqmux8/I+9VNvM8P7lJWg0N9PsZGPx2RqmFWvdH2e22nlyePvKGVDP8Ez3qWptr0WuMQs28tdTSoemulIa368JWRXhNcoagd5Tohtpi053eamXPXz4+DGsmDcH3Dtm394YUtgllnQ7C4sGcxAB6VrF/fUIEwddppW6XIN59KBX7F1x1PeuK6bG4OezhDIfC6R0bErMjWqZliWegQczsxdQlb5K5ehaJTakhSsGV7KlPD64HtqN/gOB378TQ04ay+WwOS9Rsyy4t9zKTmmmE6x1dXK3CJary5aZBp8/XwVT1qrjNrSmeSRzGmANnpnGOL25Etktb+GV2g9JykcHXn1JYttlqekjX+I2mT63KCdKSYfRgFgy9d9Yy6oq5FwKNvzz4xpa60mzekiuLlPdFZWxh8+fHXoQwF01y7QgV3In1Ulz15NbDOphDPe62OttSfEcx/vR9v2cJBe5wEGcblqZ3lXiWR7RrXoM76lYi929GqpYfa50f6jUcMnDfVbhcuwPGs7yut5NEMhYcI4Ygpofgw8ak7vbVDx9u4J3EU1ugg9pSF+b1k6sPHoKCGPiv6s1PSLkGiVvqwyoRPJ+vXakEfNzd2kA/MO6Q46fBKoLwwsWy+c6quKvD7/e1ohkLgw1YHp+zKambZt1X3zGxcCFfkow1bpOgKc255yOvlaCHvBRbysC+hAWZaR3Q4iOXcW0JQKsqQZP1mYgDcR1dVYb7D8Y9YmCbdSaQbfEZWMCbq9VmPKcy+++hRL9aTX5tYn6taeDHyCK62utWQyU2H3TxmQuagPmICGcXbUVC/UFAjZSP6/WFHOLzDs5XGC+RzPCJZX+b5zhb0PU0E+3/R07Vmey2cVt9mmm3dkXZ0r856FBD+heEniF2GGpq5ohguJppO73MFVVbbrc12nufam/hUXi+u6+FCHgY13vhY4Xj34ZOOdqxuif8PUUV5KlmjBPgNUrXfKSHwRWWbnsjjnqXTgrO+ip0BDram+d5m60EaCr6aYwamHllTPcW6wxZdrxKQzZ0gk47SsPzhBv/qOKgxAuDqjnJ/V/zg2jGxu0mSQ4uv6VYpJ+vHc2zwXzCDEKbwBvxdnbUXEo4Q/QkEx5OemC4qBOH6qN8eFmbv3r2rZSf3GAqBdz2w3yTEjO/vHGSQJTqV1TzThk0DTeW2/owCB6blAa/335/K1FjExHUnE7o6snkvkVevQBbW0ZPJ+hO1oG/QEt8J7ET4iS51wP2NyOj9NhGtjP5TH3a3MHuBI9VP8E8//fTTf5Yf6Hjx69++O2IoIMPMGUfFbNj/612srPhorjx5N5JnTE5IRliWndiy9XzSHbHlXbhk9XvqAW1Gq5knHktYP3PUn5GEFdw8lgEc15AwJ+qSqak4ZWrCTaqyadVvdYHw9yGnaeVgA8I599Q1SlAgXDSFiWYmm5hkoaleitUoxLVO27nS/WuuL+JIEh8W1a2Pt2xnQU8AE0267GTvjHDM9bfhZXMPucR+8+yeNUlYXWUFM27makC+oaOGV1c6TvokKFfD/T3L5V2fYbcw+/a+86Ob3q2Gghj8KAzurK1yCeHt+rbz6Vuif2m1bie3bOGjicILjm30htMFuLF21VpcZtaPj5/Ys/7lRFXZ6pTXQACm64jPlHQzkcfVgLcxMXhqodH+yb37595ZvxwwFNSTzeViay/omWLgerMLRK7HHLoZU66vwjICxfpzC3nwqUBcu3RIIsvbpXflzprLd5rd8yDKa9jIqI1ZetFNu1zeJdtskTQ/nTWoY+A/xY11fdadsHj5w95R9xALq6EQVKGQJY/EIZUvvFz7sKzSYS+2VBi7fpXPLeTBPRC5T6uQxrCz47kV6aEaeuKLKgSzfzwDoExUlXm3zUvwTItD6RdGRYFFqVuYuFw9zbRzy1D40cl9v3fUfz4qzNjPCT0eiCbMuKh4MglxQXvsHDZMG0It5aToCS+OnwvqRPnNx9iyElSUI3xAc53rmiKzfMJTW3oXkpCN1ZbSWveGLviId5uOtWCCSWE9w0+ATnBra1pFda8we3m/d9Z7hVkudbhu3gb1U7Sz6FD5nlYc0c4aNY9tzfgS0MBzC3lUlPlo/YFDO5DO2zMuqzia6wspG2HCJxTMXl2Y7O/TLgDuGDa15XfCmuUiyRoPWpbp27PufFwv/9o65mkLTi0MBdIwe7Btm7ZclVl9Nia3OW9QrXP91IlIwUqRvJzesvXI3PDH6+lb5IRcUf9rXyFDMPv7zwdQ0JgldQDvWNVoJLiGjXVUDiEZ7tAFfuOQ1qiej4Dwl4/WJ7xPQKzEhMkOOYswIU0wpcdWXqHgo26T75OrbQ6nSj7X5ZxvJxjB75kRjBuLDf4dmm2SrapsRf0Pre4xK2U8oWAmAErSxZXNGSuqB0RvsDI6bi7LphuadCkE3jTXvcLsj3s3eG/OXRgKgRGzh5P7W8zWSkkj4FkjB++Ml2L7GUfcxisPeHp1HiI60lr1+hR7jVbeGW1VJGLlwsqe9c/XAIcJZhE22tzXglWHREOtUqDCzIfHmBTTQvknTuHRyb2bOjG9u4lvGQrs1yOnrBPMHApvVKy4rE9mPdIKLXogmRq2qW+X8wt5hIjG2A3ZbAT886kZV21eTgZzUJc9Pv7dEwDKdDUaVv2ojlqc2qi+YO8pezzLcd/0/r63cd07uZcf2yRN1z7+9a5XgHF54NiG8Ba3nqx0FJFjLWftehsWuaZd8GSrPNz19EKeT8L+9rULWThJNepNZmxtWegJv3oCQAEPBx8Ppm6RMXDot2KRBsHtjoKX3eeJCWYrePQ33cuvOmccdNM60PJr90MuDIWsJLNc6ISyBpM5Y3cc1bLVT4Df83WllAQ/QUrwuaD2vLzjLfZ0prcKm1OPVb3+rHoCrWCmIw2ryF01yTp5qVqo77yILTtqZNioPizMvjP91ix7QLMwEf99vKr3QBIh2yIXf+ui7h6kFA/b65B2XSmVoIZHO7a9nBJ3WhE/HunZ2kiuv7Q/BaTYzjprsv65dRmTRVOMO7PqRL2Wp7osmn4LJtY3DuqbnjTfwdOJTrkGwomzdJeF/N6QQRkK1qyH/dbU0kMlj/J6ULnn6Yk7HVGWtGB+ecLLlk4alLKF/e1r8sP2Yeb/kXb1OnYkVVhgIYsMIjDRJs5JeIMuoEKkKnoQMYvseK+6JQhtdSMc7IgS7CVzMoG9D7DyC+yKp+LW+atT3ae7q69H1u4mY+1M3ao69f3u7XZf/0+DNPZzoo7YgknvfvsAhwwXhFXqu/oCI3gvsv+RyC2grcel+v/vu0A4ak7R9kWypen1jkIhcV0yaIS9wCe0vwtKlZZklje4JsochLcxUTm3DXB5aHPZ4o1GaRqLDelXtk/TgmdKiBdpW9fP8Xg8G0gsGtRYtk6UBQFhgB4tBPWrtxZBo5myHjOVyef3uLisrZWrgfBJBne8B0wg/Ps/6cAj7L712ufhu8Ju8JvUq5TvLdeMozA29b44CmmiTR2h+zJ2tVUrLeX+fnU9+w3PlkVxJpnLvr4XQIES4yDUW1jCJ45sti6QVtQ5DZddWF+GWpQRAwnR07PQE/53GwhHBQut8ZQ/MfkY/8MuEJ4kOpqy/6WynmAy1iwozGyjEqXa2oXTOuyyffo9rTRO4CEuC/HScQe0/tT5ejJOmnFlbPTxvsv6JcUFZwbDIG2F1MOJhYQWsqthMIsFGs18B53DdPWOrUA4R2sA6Z0dvMh8fzqw6nlGRvEqYyRcF18qK6Y3rJG1oqz0aEHDdkPtJWlyYP6Oq4nsWCfqW9XDQOnAZf34eGeyfwZQMLrDCU0d6jkRuBAgPAIMIPLuJPRQ0giB82AloczS+4PZRwZQkBSDK/92F+A98G4fCGfdEb65GBKVUErvVb1auTOTt8TfDkcSnkGG2A8Pbdb5yBlAS2g7dd1Guo4/WNxFJQXf5dfPUKJQM0te6rBGUKIYbSmz3hW1fyxhXnkExxN8xk1J49X6y3xv/RLJkdvyDvj5mLJMLU/0G4avWqHA9aisCC/5/0UwXz2tN8Bo6Nno5CF529axyZDHSAN+VMyCSfvOSAql3egIqkLYPLv07iK3njGD6fYTZIXWBLJDRCg9HOGXXt/V0ySyo2ll63m7BYQDTZJPhRFWeEIT2GRH0krdsTj1WEOYWKVAwaOV+dZ3lhtSJzcVScJtU1/iw6Eh7xsydDi8rNHCExab09d6iP0z3e/c516E/1/fKzaKZOzYfFa7ksKFc5mayhBVEgxlGMjOQ2PZ4ssSzj89ICCKyzvCgg8zXNgbpbkfv1oEzBYMJfkCm7BOVKwecnAnG0LJIH9gcWRT7SW5tCD+21nSE3vfWi68Wj4qnI1SjXakEL7eg5e9BJEQCN/CpuBI69eVCAVVKCgF5wMceloQSZnF2VMNZh9sIHyEpb3N3RN+jfmEyLeLCYR/qIBwoK0papTr6jtOSOmqKFmvLXGLBQiFvcxAWewfGl22Ec2KIbo1COIN7nk1FBacZ53QottaoY4IQJTHO7GyC73+N0IxuBUM5BVoeiiW2zym9rFkl2WJMMnBV5qjHSB8Ak0wpGygcAkjGKbxUKFAwSigUSjndyfGHhVf1vm9GZdeGEF+rMOGPN7UJKHFptNgzleuM/qdjgiuVDsVMIGSLusv7hAb3RbkLeocd6QSrpJSlrua3tV9ZBRFbmtEy4C5rrf1n20gnOI1RvB+jbirCU45Uij4Kz+yrp2c32zOZFEK3treb9l3KA6i0DgNhjy2zrvIa21TkHvQaNoVlmnnLay0yEZ/fZ7BHLGFPoR4pIwJ1OJQ7ep80GUZCj+38HU94wjOyOihdPTL93n4zhkb+ZuHmUbxEVWo7w4UCtiWee2uuL5XJC5pVVPq6mLbpBuYtMrfSUhCD0NZW+0lvqpBHC8T7JEtp1FAaJk/El3W50VHP4UK+cjGEzbgmcKyGDCGsNjo6WndC2UtvPWkE4THY23J0zcwsuPpPVOqyjygINE0fEndMSMpicp6hKBOIv7nIBSTgyA+ixXuNGhmAKXRZQtQgyNJrVtRWakUiLQZML11AVAOTqIR/A4x+EvWlYUYthWEqFrAUg+6qvXLGqJv+p6bWjKTSUAnjWf1Yr+xgXCAQvOQmG9tSOEZ8c1lX+8qQyGRkLADfyaLjMSEq5Xz9ts28B1V2qmzJOG3rdZ54IKCPLOCjkNI9hL6sEVYhjWXnSpfyp1zWWEwN8SigZLKOhTHEamlzR10hGP4JJ3gUuwwGpyHuXLfznQ9j/DaGlHTAvzJhuFLFAqed/W1o7d0iVLwrOHwvkoFV6CpU0e4goX6/s3/2jY13O+gxNJ/nZru/eo48YYZwLy2a6cHOeof7zLpwVR2wfhT5DUMGjNv+EBNPQ7JDrWtL5xxRNsa5qoJw29IPTQdI2avb4MZ7Gp8b40zLHrOssyb+9N+hgJFUarIOokIx+u7NmSu3dSBrygl/j405NGmBukJNtqWt8uqta3lXt619qiGtbvwsjyVTZhMt0RQGDJxJUIRbjQI0Ax6W/c9jmcXuauHgY9uCped5gZFeBacziOqEWFyzxsbbNv2YFZZ9fjFVax63usqvVUD5urdxd5LfD72DYa8C76oMf0kuoVLwq/N1X4XDd+xkWm1K5NbP7trKqNIYwzAtpZc3twcOCkNY2LcEkMmXNdk8cCze1ze1u9sRThsaXhtEVMimkRzav/2P1U8oeeHNdfnFSjclx7U5Fe/SfoJOXMPP7Z9S5dt5EiBrGewH9RiLUhnRvClUqlTQpQ7k45+QroyMmRZ4CgP54QFxdLEI48tMpsPrEUZMG50pMTRcUVlWibL168k72wi9VLWnw6w3iacKgoFzygK3tJX6u0o0VbqV+Y39EZ5FBG+7tJYexlReeKcW8Rod/7ghZXadGVJoy1ygue1Pk1Z/2bkvOBNpSjcQzSgB0xMhilOm+mx0gFOcM61mnG8WtY77Fj1nm73M4hOeYwHdBS2+dZg9mbBbeE5LsKEJC3HicpcNoVdjsYRfFDcPreNhrxAz5FQcVqploR5DY6l00/rrsRQptKQeXYu+x13k+9oCKl/KND+xhM8aFUOiI5QicJZRyM2WTPFtVT/W9qS1z/MIDyBqQ6Y7/x30Jvt7a/2FQpUbZ0kIJwbj7uCj/punVan+cuS8d7usqXkWOeCoQNNZgRLix7Bb2FqcC/RZf3FuakMB/AYwmY6osPUI2azQ4eQQRdV8jvHSGjWmtBRFu9PxxkKH2fWnMLxDUg44unDRjdbFSaM7JZnq20qCkKv/ZjeOl0zOqTqqVu7bEHmn98ukXT+iwk82Xt0syPRWx8CMSbRcY5ZdS9O6v5/xFNZMJWioklxhbZ2+IzUu5ruazDqEYyCmsKZnJmYRnmYofD6O+A48kLD8Z3f1nnBoT9gX6GAbEfGRinbqshGvSy0XymOqseW8NR5AJ8aDXkORxdz0El62beJFl9xYEdKYdnVJ+ey5/ktNJhvrdrdEopFkeSirhIHo+gOqEw4wpG1yNc1B0YvWS5LofAe9CuIpOCjDXhNMOjbHw5RKFCMGVTXSEKG5HOSK9PmE/FnjAKK5rmj0ZAHIe+UB+3siWqnNiIdQuS4KMqMSYaGO6SEL3lXb57eAd1qoZMuoaxsl4Rop723GgiHoWyYSXa0TsuY/2gD4SPua9jVSJMNBLjZVr2vtHLUg6XHc4SCZPzTriBgpUYpg9CX0sR9u6sbrfMORaJgqHZrTbDfdMynBvmo6dGk2kQ8wc95MHEqMz6URelPzkJHHwg8vrXm/8IVTANbrXEwI1+9qFGmQ+noX2fcywjD0Ag+03ofAOFeKQqTUJgiVdhV+QSoyJPLaGg15BEeav36iijYbw6DJ3C0gvGlEkt4Zi6jECskdbasWhFT/QU/lDyrEl92gQFcRMICmc30tp7X3S2TDYSPA7+4aFfDtZ3va1sRrgYzT/4tnr65CKGc26n8xhLvaM6CUPB3s8sWrCBo3nGW0L9b5NYeCILTSrbg/OpCkKCMF6co62e58XS4xOi2rfN4bGdJGZ3yuLxOCQklBf9y4RhhmMpIOVTwk+q2/ps9mIEQHBXGOJGBEgn+fNpTKPgi/b8ySpYkSFiAk2TZZeABQuqTjPw1bOqeeWpwajm3zhJN69nA2+jIfo5CWqgfQYHxeJayhgF8BPWy2xMlOO5cyktPmTc1i4l1v30vCjOMUOC4UbQANGQofMwPcRjhUYSSp8b8zaBH2VcooEYhn988fPtOIhT43ZUsHCOU6G9kqhs3dUBA2bnObe6V9BlEh2awJcjHIwr+eHIEfw5HK3row57+BOfvGMr8Unb1hSSj0A16W2sERyegLUhHaCsUbCCcKcwJVML4HxPKWmwgPOo0+AQBV9eraP05D75Iwq0bUlvQhmaXLQiqwbpT+WxTUbF5VY2m2yNWZIZvN3qA5fT0CP6SUwhjF/f8tlSNSIRIQIOSq2OOEEsRFBwWCk9jlClMKw/uP2wgHB/luLEhHwsYTYBRTKueVihQRrhsazbgsvKoeOpTBfIX72XfclN/Tzc1YmWom2YM3G/aOTYTEVa0hmlK8NrDdZqy/sU4UjLGtgbcFa9eYMFR1MmTvfxzuJRoQia4UEQ4GiO4PVI/jfyFVPVEuxpu/AaFwhWkKAyKcsWDBpyqaEeCfIPCgo69O9xli2/xTpec1quWlrhoy1G97nRMpUOPDvOEhMeJEbyfaQDfJjtotAy81h0JURZezB51o6A66suuHEep6VEJJ7sKhR8mCWBAgmwonMdBhkIq72seypKKoEyq1GPxyoAzqicA/LD2Erps0YvnsPXYruhYSI3Sap8n0Z6t8dHkt84BLEM957L+MQ3gwZmhPKwSJSrABTFAhKBjonuMvgGFwgWncFYJU5UeMR5TS9rgx5l3NecwIH0Nf9c/9xUK6So8JkVbdVdKqaNuPb1T1Ju6tF7G5tpLShSgveA6hYD7Y/2J3wfQ0qblmjjrk3n/MIDPOF2YJ3igYFUYXBzpDIPj0rDqsu57yspgMco4kHifqrfGVeCROZh9+I7v6hlJTXx7zShM2QPCE+Gj1ysnJxCAUrLTF0x1oE+uJunioXX+1cSQqDoP3Xo/epP42Dm+06GLSyo98gj+4uftI/hz0N/GGIwJnOkPVodHUb66SAytXmfa2BfAwUtJ5jDJM8vobrFjoN/jts7fPQvwBpTotJFZJxkKnktRtamH88w63bRUX1F4RPXgp26svaRfgYtO2jP1r1AydtY8dSNp7W1HEPf5onHrX2cGcCjXciGaBp4CEgdpaKGPs76se8VaD8Ju0WJnPSDF4MzTUjz6bxsIL0Y/xFIynALaIxsIr1oeMAse/3BtHudlVL96hf26Qmr1h4a8V4J+B+ypho//ji0j7ZCUa/dtUre6N01dXVcihM+Y6CmaLrj9pYYfBz23KEvQqn8U0+Jchl1MvK1RwE95R4bd2gTC/8L2vKlMd1gLcvv3oULB/5+0a+e17KbCBaGgSxNB6OnT5B/YAffe2oOUEoGUjuKwN5qKYuSNRMGAgzhlmjTQg9Ijofwqxuvl5ef2EbcYjXTvnDn3eNte61vfg5lHnIxpnhxa3jWWsSKoRp7RmsoWn3ZCECuhW6yDGudAt851jBOcRR5S4F8ghrJcgkO4FvISfJ5StuwMAsx4629ih1zc1TQAPHa5reG+BmoYn9znAnX01/+8cKLFpTjxUVBKMJXqOaKEm2d02UrY6GQ12TSR2INyVePzeq+yfYfYCUw6PPBne/hTfFG60/AMdenu6p1NEo/lElwKcEyG6ix1otGINk9gXgTKOloe2tXbQxY7ILX3JHvBsORZlxgKx6l0QQeh4tCnd4HwHxdZmUlp/cwrHTmCqQeAY2pBdrteFOQRIYEkeTwILUCvHKQ9QUQbPkw0ZT5iD0QDc4iXSnCmoMBhZHqUYE/gOMEErLylLV3hZUT+T5/YlltjYgjT1LphjoYBEH4ibsKwG/pkpQnnDUNBLbbjKB6n0ni0OYknoqgRPem2Lapsoc9i7uC0nH4VQOF/7PoCP05Xw5H1sgElFOBhbwTg8rjT0S0ja+obfUYFdQEOllYgtNatNVBREDE72WnwjqHw1U+IRRgEdQtBgPC5mTDqPBBBiRGi9YwTBxnXXKFqpLUiyOMs2w2QE1J0+An/b6DHdL2fHkis+Yz4Gt/117DdaYz51xcoKAeJ6H3vlgbcG0De4ion48lmVxP3aAPT6OyhEE42iW1BlK77RWKEH+ep6njgKlzIULgBwimzHgszMkcpQjtiPaTN735bzLIFyxMkU/qMPxQPUZRctNixHC+wr86gchAtIyh4UtSjK+F6AQ7WRsZOph1248fXe1xtsP0oLmvc1lTYYCzVcciAKx3icP6S0LpkhfeB8OPM7RbQTwF7O++BcABSAC1jjR7zAtB/tPz4vFixoc3eisrWbkTNADTC15q8V7TUcSADbjGzumJD1uhztQRPFJRA3qJ2NMD0hIx6NH43XuTmDYqC094DWpZchQeCzCgWtRllvh0A4SLGBDE9XAUXmI3fmgmTaZ1h1hEvue6pHf9+QpyCiI5Vla2nr8FN7Tr3dVSz5zXZTlOfR3UEMGv0s0UOOLmg2C4CjtezwW6CYh486awtCtLoS+V4kDuhlm+hrcmVxx3nvYfCP66TgruU6wZs6xEQnj0U4lMaroixHuJoFV31WVv2899BpvVuSWVLRSn4BJe6VVdzeWM5ph5SwRVmG8vGq6Kk8fmEA48PjfUSF/wHB8q1IIfHDggJVdHBf8d2o47mYWptWmnyRiHqUHayaUU9AyAcD206wpEcDiYp5w1DAfU8T7AId8w9UdKtAgLP5oPprZ9frqls0VHXe9+ldMjeW8a+J4A3jV1dFdmS1vr9egn+Q86s9mbIQbG8vX3Bfd1Ieav0mA9ZZTrH+QiHwRQGHYer4wbfxzq/uQhHydcAvA6Ud7+7KcwcZa0BQurEhFLcUTT1meN6gea/orLFiGqCwIs9kKu+WJhFDmjC8WbS1R98RYqoRxR8sQT/GbS7m+2lp6kiXMWD8e73loxeisJMddbF1JpGU+j835lkdv1av/07Mv8VjgKVeBLY9+krDITTIruIkXrkGe3KPSG8BNIvQI/45la7E1DsAPgJBczVCsxmb0Y3Tj6NL7CFXT69kSGMjfWSTcbnkkRvZgU4XkebUhtYpPx7hY0+eGuAWQaA4Y89xycep+TVt17CA0Y4uWWcmdESUBz04bV+elOYiYcCmt1wmIdzrjZMyPZrj21BkMcwIeKhgn+nT8g13BH9n9m+el/RYxz743QPflecEnAxEQq+RPcXEeYkmUWd25LTazGUB6juvdaayChqwgWOJpTdEq7a3OrdAAhnFDwQ+ZTyfm4ZCun8hoSeJ/MIsyW3uvKA55mT07ZVQR4+5pZVi+3t5zpsk9W+y5Wv4rpEYpzTfajL3i8mO6QCnIhlE7qoxcXeLMKjnjBwX462xD1BbmyZZaJ3DZq50zVds8xGUr1Dnd+BdB+It303ZyiQUwY5/xvS1xttfMNlWaZMralsPWKiCVyqdbYxL3PsYqPVOR9tl1YYZ4c4oQQAC+Gu/myl1woYuWT8eFvbDl+BVpoELMUgk60JtRElA5snk0dbFKWLdQLxKBy6LgOLFZDh1BLTCwAAIABJREFU/umGoYDmVuImzCV4BZh5ItKAjnQ5yxbvaiJpea8bk/zyVaBArAZYDXQ64/9H7YYqJOdIKPjHK8oOGnZ4OznB7ZZ/I5G9oB+49+W+pnQ13OCPLbtlXFg8kw30dbbWKF90PcJhWMJLDQkPSCMdedZxYUYwOJuDM4zC4WoCn2zeqENpRZDnOXXeezvsWmIfCJkRhmN1GceycWtfCk4sRMEXZlsfHRelszSYj6+PORF5MOWIEvSs9VaL9HZCGPcHMsKz5dFJplSnxHTcBVUnIFyjo7TuSDQbAOE65/hJ4S0uMQnVENNpTkL22FtW2ULvYYl6uXXO105PNfOgjB0miukTxVXFBrHlny4qPNiGEEQbflaVSaFJ7UUGyLyvjMHJnXMjOyhY63ByQo8QhRt49Ls+EA62N3riAY9LKvK6Vfs3f1RmGToP1TXXNE3och75YpYtdNPYgbJFpzeVs3d2Hx8ktOiuO6rzvlvbOTnDY5EdBd3W2mwrz7VMnxqs9jhtfKpDLBEJLQ7oy3XmaSDQzETBxRd2V2k9BsKxBj8ZS2GHwvQKU6keAmYO5h6GMbOY/axyU82A7rrKtmMRLIsVJ+V1nNfk0RTOCGPhJtsDIDT6fqXb+gQR8H4Irzz30FX7DJPSuAORB2TRlc3WzsRRqMF3sRLGTCbS6IXaN3oAhOMKB0HDU299AXW0uzRf/er3WuZBy+tyUSY4RCzZg/u2JsgD1RrotPJa+/6q8oP1f3w5nS4jEw8GzTG2fIlelthG5wHxOsOl3rBM9dRDUrFu0VUTgaMyWm1jivADAaisy7yw4eo4E44ZCv8OJfMIeA7YnJ9dEFMYCpHYKGSbQB44+ZOCh5be/P7CprbIgednvj1xK/pIbLao6yAiXQ2XHm26jowr7epPl0TW4G10TRFwy366DIyCQgkua88dV7WrRWtNEly8rU9KyyRfKpbX30r1kkd4yGQUUvKiTnPwcGQPBYPGKC4n3xafOrtMYtuwJsjzMrxUQVUT0tAa49u98AMxPwCRdVsf3/daYvk+ySY3qEHTdZrnaw4va+9rGIW01uB3xG7CJ46tpShrLuyuLVlihGsc5WDlXlL9dUm8pVQvOeA8KcLDZYE19RFSky1n2VohlVVamKYL7tB67zTW1aPojGnr+ZhxV7LJWOm22Fx047p6NMXMFspZ1UMia9+W4I+d/8REBPasO3HswW6UrRXl2z4j/GQWIW9vSNW7RtYo3xZmwsBEycTRurndJLxhaVODYVuCvunGszNaibsJ1prRgm9ohpID6BajeT5Cc1HfT1sudS5Zg8m1GfFjbbmrdW0G/PnMUEBGOBFRzp5W7/shIzxIb40OOOgePWUoYD7PMz6zq1EmHjHzQo6iN79dUdmS0JhTqNT+iMVOjLPl8iNzwjiw0aivaGniIl7WC3p66bWsN3a+0nRB43yLbOAZK2uY/w8CyzA79HiwiULAaLwzU8LDmmcdiW+Zi3KgO+1IgYtxx5GZRyTfAuKoOhJZwkBv+TYhL2XZwkVNJjd1dmizh3XCk3up6O5ja+VfaIxJgVu33dbnKOLx24hYZhWMQplwm2F7BfZ/Vz4ZNl/XD76sky4z37PQD5+DEryf8gBWlCjSxo2NABoY4PVTzP/lVEgP6beM0wIP3tRsKLrvt7GXv8AkW3jAmeJvO2d4QeO+gclcjwE8LsTrJY8sx7yfbe1pczwm7qKW2y1R2xoVDwfitI2ec73Wu2Ip7CDzyPZWF1dmoRdt3R9Cp8NAc8wERDnOdzdSPfdk03/jOJhHUAp18azFXqKSA2Ra6cLb/JDo78y9vLoghcZ1zY8SdkYqy+6WmjiE0CBPiAnYbuVHmVvwjJTlbsuXRvDbgTMuDZddHL11hhYJHwDhRDBW/RYaUId+FjYyFCLt6ycVZkzIdkp+yWlab5ak86S63DiOvIFNipz7+AJDuHtxmxHbSE3deVd/vOJYdjCgOxphos/eRpeb/CTnL+ExriuzXVquB4q3hPwP7IJDjvAQ6tKsb0t2kvfNoWgOUON9eIE/TBgKkYZb7EyYD1WEAcVmcltT2eIv6Zk/KyV4HLF7dfJm7C9hM9x2k3y1WBWAkaJ5bnVbP5IRZmoeZnUZZiN6muTjaQ7PNt7TyllW7ESIdpS0enB87+yhEETrcbUW4f3C7L9kBV/QFE5KvJ8xFKizZm0HmVsRKMrqy/RWl2IvPZug2wYmi+UwKlaqLTdgm9x237E8sCuuMEbzAFz2lzu6aJBptZ1MMJkKTmCZ5ZnmJiYZdrO+bbYg1GaDqcdDrxInt1xkenQuAOFBjm6caYLYI6Vn9vut//wyZ2W6TCIsPkxrPIs6VrNsk+IHkKM+8VvxBrpuwW6Cp7i1Y92V80zEUN7fWiewY9ksyUHPq61qJi19UjT0kG7LK8gMfIRTGQ4N1y5DjwAjTRxiNumofxtYo4R8T9NUM1nCp8r8+0lhhjc19tbRlGkO9J4T2LOwqS2plrzYNnZr2fgqLDK8n2NnvhVlAOKymOe5QBpNbXV4cJTM/IsfBkJRsMu27BPtG5UH6bcof0sbZuBWDmrocd5RR9EaRcHgF/boF9hmfDEFwsFaVoytiHeEhDmxpFtT2aIcEVq0qsmKxaUbXXvaOk3IVT5zrtZuOtM3d4j1v5C7Yok0+gnFs+gMAj8YVluO1rNWOOGwLWwXQ9mFRI8m4RzygLDXETJm1tCEv+sD4QWhEO9tmnl0i2diKGDyVoyCnmhciIuy1dhLvqkBSBLubLE0atTozEsVuHvhW8xNQNY/wGU33dbPoa0Gve0UKzNimWAEZvLE4OCLuoeN0nBwo8t6Zzf4wF6UKgb3xkPhNwEQ9GrocUHW9RwIj+QwK/1W5JEdlpIf7pcVlW3ygAaszFSiVTclD8VX2i1XItxxBKHkup7sJ+8ba5bmeevVAb41BRo3FTDlAHW9JXjUKpNNhlEsuXSyVcaB4S37XoRlIvEokNnsAhBONJRT9dbMQn07NxPO6R3a8s9mAOXdyqb22G2YwezSVPT+cVXtK9TT6U4qmiGErmc1uQKX2dZnt8zgA1WY280dDV7Xnp4ITj/2zJIVbEEhZoo8ih4Kx0PPMrGGZmlmsa37aqxwFqpMyuoJY6neIy8zExRMVlr7TCl78+XtpubRziaa1J7qQje/PS+qEeM6utuaOzbf4PlZmm2lXf3ne2bwY9vIj6+v4CELcGKgGKLPUf4xdtX+f5Rdu44dxxEFbCu3MtKREuZK+AEGpm0U4LAbd/0DMqyYFzOGFS49VyADXbpsaEMmCiR9gD/AgaGv8k49+l3dQwWCIJGrXfat7qpT59EReVySJpNoKXqBC6WwG9AzYigc81bGUNjZuU7mrfdGY4aROopqXZb+qCNyu5/LsuU0Fl85iUAzWWNtflCGWVa/GUxpR/b4Y4O5aPXTxppIo99Nt9WrqMJtaplP9x3J6EmS5sQOibYgWtauJYRftQO/1mRCdsERM7NTQHjekQnEKo34tyOGAo9aYmKm07XKL4/2exp7qa5Auq23UGlYOuYHYx+y/iWPsAxISMVH51h4HFKeMYbymRATaJXnuw+Ky9BR2mOqeTBD4syX97oFKGJbYmHTaYc1iHM0+yDsqftuTRTeGUD4bat68APXJQ+F3xlAOCgQTnrMXNyRPpfnsmwpiPz4fDTBl5gDX5hXZe5mZV/mUBQ4mqvqHo+UVtZHVX8+xlBeaUC54RmcO1yrk5uapmiCh5PNHnvghEbRcxGPWSGYZR2VdtA9k3ALCF8LF4WNfeV3IyxTGjPk5daTIKPRxEoXrqe0O/TjcU9W/pF0Cfux+4NhLcNAqQVNA445TorZ/0rgsvtMcLutISqPLGDUF70E628lzvro52TOcjEk1peMcFp4HNadGXN048VWbMyqG/wbAwi/1ZM1O8Kv/S3Jz39Mtv+agapXY4pOOynIY/GOy3IOqucTdQiCrpwDbUDMmp6xKwOB4moH2W1NqOCvNwXLTLq/M5jhusPz8ZhD7mHmue8Wy7cr8/+vmRclYWaqwG19ox/7Uj32Go2lzVQFdi+1pXr8VD9pbmLdlT2cEuQ5psrngidvkvbjPguMdxrLSsaBrqfYiuHSGitwPv19MlhTwO3KKP4QQ4lDl0vgWQRWYrZaasLLRKYLK5dzvyOCwLebeii0ccd9v9g9Ecw2dcFh/39jS/KY2Qgr5R+FASmg6InYS50l6ZxdSx6Ekm5Umnpj1WOPFpp95RYYhMNoyiVV/cUQQdk4ycGfO+iEqCQG6aJ4oQ+Z2Lr0E+ZM1IJPyJz9TVnCrAKYeSh8lHlrJTd4cQg/KMLHqqwr1XsBqr4F3XeAwERygz+cEORRVD3dfXL9ub64EiEnlHwCJ6E2IUW7yJci3R7VEOU+1lj/Ko7VwZvbDl8NXQIBi4YlMLaizDr1gvdlc3a9SNRa5BNGikKHSThgKHxfyjzYtI45ZwOGAvdlYi0bf6yzjODnl9oF4U96HlSc+bKVafcwS+XBTpfWfxKqT0K+TWGn0TEVnBCUNUh05zKtaxXxkDKPrGKEUqhl7CJilqu4xC0jcK5eAszY+2CLu+sTDIW/kGtwkmZukuFCNjhjDwVlgSvZ/xOKWvyMiIpTGqZDBWhBtYSaTtjQudOhs9iGmsqQPkissb7fh3AZcVBuHCvjBnutHE0RPzZP3Kog8xeZgog40dfbLe3M9KCPv7H9mPbeXNW10uMXyxpl3fY9kglJZ82SEYuhgOKLgum5jk3ZOZUtv070c4coSLVUdFgLM2flDA15GLp0BtRPGWb8ONLdCgj+YWZZFsyERNdCZj6uqpXM4HzkmOUGCs//cEmiHjpoSvPI47c4doUdZlvPo75M/sYxxzdhmokVJalG+o3ZWwHCIXOdlF31gX6fEeRpuKmXT3dDQIGGjg8NHTzDrDMFn7XXOqfjQt1jPt3v4wiPV6TCpP7bWRXtyg0XE4O9BN0qjqLixNpwNGZaM0XhwnZHl7StSPP1ba9v8N4S+gDC5fbX51qc/4/G7JsufQUYQFGjjLi+O1fU/xNGcBAupbcaZoT6tl0Mr+A+37DgJjSEhLIXwOK6QDL7f67q+8yyjEQpzmSVheqoj4fac1B5yslUs+RakhmJRyLWuyYB7r5pUXcN68zgtCzPgweubZNgc8PQUBgKoAh4AvnCqaL20ojSpjoMnjkoeKL17AXjexy7o3f1L6C+7zXx8+n+cizweL2JkSwRS3rffw2MKgOcImHTb3AxcMv5XpKHWDpS1M0lwSi75OvsKuE6B4TvybNuU60emeqYDAUml2W356cVNdX0wrmXVueN0BZihqbYag2IwQN1MpfpHg7VlcHmZcPBOkk7lrHlDfNovXr+8z2WUBcyq2OszFcL69id0cxF7rKXnNx7UzYKe47OPRR+eJCuW5eZ+lofxz+S6h3bjqeotuVvdKrdOVS21Hey7YmPfMqStpsAESy4vAaHEBab7N24kELnHi9Io9RqPk2yMS+Ki4Y5iVDkOy7RRlMfSgXNKR6uWnuohUJaW+cDF/s9p6Kunut/GNYoW0zyyIVgB+TWBcKvRA8+sFE1DFZP/zOCPDpp/hmbGsCUcQYFzjnET5rVFSw9AA3HkAumAe9gl92HGAo5JhxHXS2rnU36XzKpaUhvtVNBpspcQuuhcCVKeDRGiRAIIeH6WJ8wE/7pJiZHt6y7kzofMBQouzwqbtnX+jLT7vz8wLcVPdQDog72uCTQWUmdlOzA8Lzb2Rykqn87Asv2naIJvPFQ+1K4JR7/2npncj1NLZc0Il+pbyXP46JbDw3O2oVgsHUJKXvv7SWP8LT2iK0Zj+emVI8CyDQp8WxR//dt4GylRbjffnZWRVwt1ipcnOjtYDB9oUFdYQPa56oeYSi/vrC0wwfbxcrnqluOfHCZIbwqEbmSFSKtB66r2tYdVpRrBpixEmdXHkrjeNQPTrtJJSdGeErX68oFXjA0iomAIi/1XJBHJ830qmiS4Dus/DpxGmEZtNRgWr1jPaN1SaNFg8/I6MvPR+wyAstyEuHsvfY0lYX4K5U4KWJMH/cetWFdigom/VZhosB6yr19qQeM8C2Z1q1sI0yP/fNnp89Q+FaTmIClWoyKnlLZOhoqHFtMFmNKb18FHeGWHVN+UqwJhoYLIh53OFq9HMFlv1m1qiW1oyruAlbhfjuQJE+nMCfm0Xq6gipVb7UErHFZH/Eta6SEMxNlFwTl1oa3WEA4eYvnVzhn4BpmwsRQIA/hSPV3ZwR53zOUvwRVlGfwQ8EzKU8X7DjbST49WtY5JmtUWrSZbOszphtxOzVtyiTl2SvRiKnjPIHRaK7n7VrDOlH0qPd/qmnJZGJJz96O1vvXBiO8FOCyCIyCHt71GQps+S8CHrb/PqeydWxZ5Vz2gc+PEpuVMuaVjvaljp0LHqxrADvMh/y0jw584D756ngYV5ELn9l1LEGxQbE5c8IKl9daOrIqvTyaolyEenSN9H9aShGvQMkJdQ7uvw1G+Lbm2noSA9yIcGwxFACSGSE9wOFMli2BoS4ZRuSVUJU1dhjgbTUW3RcujXFV/dVhcKtH6Qi7T74cyLZex21HmE7VgpTIDo8BFf2sC1rKzY4Lnb4s8YQlkimUwqtdsZSaJHz7/Q8GEL4VHgos/NjNFPP/AKol4SKuGHNB3lt1/3BiIrBUoo4WFsNi4Zi3WnA63rhTzNBfhqYbBbmqn2a4qOvpFcyNNdMHKakpDtmO0TI1UciyMIQumrVm5EPJnRlHZUpsy6cC4YXMQ90JNwsIf3zC7Kk+vpV57OUb+uCSbodkHXU2Xnva2fUN7WQ9nLqws6RuB6t83MZsi3nsO+6DEL1/KbMsP+oZQsrPlfTdkWamokYvZd3ErCWhHus8uC2TK1jTt043Zn+9cSFn3FHagRyedXvf0FAFtyrVepirbBnZd/RwtSwdaOYgKN5kKKkHCBaVDItBDI1FCNiDOEjc1gAZPSBwqurgfWid3vtNmtfWxNOiWt94utDlS4WOpOeiBoXXqxgUxnrU2TpJPeZA+Bb9orX5PqzvmNXSZyj8jfBp0MkwzAOq33DcUPDOWW0MloRBKJknWJV1dbtPp6v4AYHujI2QgbPIVf3lmFlGfZQbmRH65tAlutzn83gIeQ+eqvrauBSyuZXWNYcUb1b+1h8GHuF7rtST2Lb+nf/TjvpSUwDmrKi/+ri7IOo06kp8hyOKSx423DRM5sHiqQe6LrV+l4aKjNJZfzkOaKHBeuBkVUCjGVU0pA22jwQF9SbMllsu8kbpBmcwvFDqbewcLeV8In6LGOGFB86NHah3Gwj/c/QgPL6hxwnN/8fnl5qUEIG9nULJ3cD+/Q35eUALfRl4aIN8Q8tbqlE3TLeGcEYHYkyVYXLY9jLvzAgE95p5K2v69BFRQwFxv88e60vmJkx9GedvXTLLOjGi7Kyt3xpAON34yR+Fu7KbBYR//fExG7XCw5/mRa0PdaKHui5WiYVWC8pFReqqfB8AGUoswJrXoPiEHG0IV/V3I88ysSha5ged3eWuwMF9RjtSFwnn+wwF2WgemBm1ZtSYRcN/0XuUZ/13Ewjfs0t80z587TPCv3oReXjuhCDvaL8pqJu8RJ3FG4zPKpSzEdpnCBZMBfFX4TlmWe4LLlX9YZbFE7ybc4O16ikRV4j/equJEzx3rNqY5bL6q+aYk+XRhWJR1bOOqdxsbLX15q1fTCB8L/wyWOfx/PX6hoaPoAkO4WGusnWEBx6b2mo6UfoQ9KQXiWAmb2hs1XzvmDD7mvV/NYS2PSXX0YTwYP1h4Fm2imLL9ftt12nOfIEFk+A6yD9KMYvauqxrVWReL4KaZTvIVVYevN2qFQDvLWuUwhlFfDcIYu0C4auW9RlB3hu66dwi9qqjDUTyay5qHfvcg/Y2xvKWhl7LjR1aIWSNAMoF/s+B4nYXhw+3uO5kVVa1X4QFrb/csUMh/1mohURZ1aE5cuKYrYljdpO0+hTwsM0ZCj+L62hM36KebKOUD6Mxe6PKoxOCPEZMQlf1AgWnaMmowNhuLcDIr55RTdByDG+OnOcuXljfJxC4C3PJlkDeUtVBQz8Ddd9BcTSvybexql08a8no4VhU9h29XpU5uq+ZfKuJtraketnWmglIO3Xhm8UIV1nHvKgfg4+5piGt64uOGDpbKeh1ztCtUMgTOMYIGo4HMmRPWRqsxxA4KcTdQK0VhR/q9F/AK975qPIRX0IfGmMUgb/FDD7w1jqdkjrMim9d9dc7a946VhyZtH4nFtJx1N3wlheenR/OqGwJ9pblTfO0YUv2bHicus+s15YwUdFg+TuwgcKhs/IkJvhLGwSPuKhp+16duGODI4K49bVmspJb+Gu46GPWBGVyQct+SxjhPG7d1N1qSwSzE551P77Yt3LrQYJcdrfqba2eGzPGyk5od7xPCYgu555ANBBVKWQzZC+lgBqXsVwD+/d5opNDQVzB8npPYCzvO74YBlfT+BjsMc9lhNElUelkFCdqtMKqTtinLTb6XO5XMTNbyRXlYApHdyvS9OxR5dE04u9tRnh+1ISWPTd3FiP8ge7jUyrb/1N2xbp23Ea0SfqkCCC5yiek8QcEIGGwJ3O/IDL8ugC62P0AC7tBUij2KMgr1bwiUpPOcB0ggr8qjzNDckjO7O6LC8mxFSCPO+TMOWfOIQqoCmmj/OaNXA4YAhHPxYPjfx3cFVQtjCg8Xh2HfMdtrRtbV6Ay7s0YHCtRHg4l4HXorsuYoznhrReF31ETfrtz/taGB81OOPs25aKqCoWnde0FChRZv2MyiAqEf3mbv8KLWbYIEyVnJbhDr/sLYRAfhclL7iIoGrq9XXAG4zV8Xnlt67UpD+aMcnqNNItRrxU5tSrYdlOT6nrWh9M8fJqj6lk0ihBp7sLzVmbjm/GwW9TxuZnww5fecxSlhOw3bigUtmtFzUiD9wUN9JrKSIhEgzKBKfipszysjsRn4RxhKxt61lHXPfoUkzvfxKzw50DQx85zmDaReSez1bXvBYX4bi/NI3wl0X4xzZgF4RYQvvbKIx618vqWMW/FeK2oqfvUQMQPPYkBoT8W+XTPLuFB4ypBs7QbVaOgiBOgOVGiTd1rSwleVODoOebiOTJa04ylHCOWW6726JzR0zfhvrvCs+VoEvZWGwmFdwZHt5nhUkER9AgfjMxQ7ZAzmVTX0I/v0jdXtmwdA/2u035L27jOBlqPOG14WbCqBw6e4qD+7cRthyr6x6p+b0LgG9HVSSxgxZOxum6eVrNh3z6FIkXpytoPQmGCzG7YoFFhEzi6Fh24IkexFeEbWY8Wg8L8FJBnnQqnxvV8IY/QwBSHn4nydgaVpwI3J1aHK1IjmNET+T8RB/RGtAnPf+QRdzHfW8TWtt2LdvscBS9PsheyBZI0cKw1pm95jmxPneuoFzc3YuBkKCwSmQpmRqDZZCa8/GJ6hIu63jc2uFqN8Jb/bZe2bGNRUw3qyr7fGoJqwzwR9Ui1LSsJTlWEB4XEdJoiMYfFEVz2gy34p4SW2FJsD+m1WCdsXtNjdbivFzx5/FE9l7KOPIDdmvM/Rh1L8T+WIjldFLOM9Vyh8O1W1oHWAoPvJEdZjFS9C7GXBPdqMYj9myp2551iDh0GCxyzKRt6eUZlwjEwCn2KNV3g1lH/inY78BywZNMJgynr3ne/8SWsh4w7uZojR9bP81b+7ZJYoYAEF6fOUxOuhB0bjdnnHQ+6tyjMaJlpJvyfs4W8NWJmZPLFeXHa24GxcEGGSx94+4fz34fj/jyM7Vto3WGGy4yj/jVzmAhupTOHujj0Z6XrZlS0+Qmwi3Di057nLdYn5K16EdODPkUb4eBqqJ4FhEsbnIKxLhSWqd35D09nRR0x01rxBxbqD3NvVpV7H05LwVAC6/zlpCatJCYc7Hew5w3C1sddmZ/3etrmVsRCFoN54jxrdhNOqotC0ZCiKGWROz0bKvfFHu5h3PGnfRWhqKWXp8V6FQh/c7plWz/g7vaCIKSBUgwqWIvAEWeuzxIP12PKw5EkuF3YWlkCVfWPRxm3uCMeGwEfjyqaqI6IPUuRJHBbXu5/2qRvFuFxlI62SCZeqm8ruGRKpQ3WVpG+2pZFEtcoJd04xfzFR/3w33d4f5NWLo4/DLAoSOiWtkKnL9SwbaXzhnl+VqocxkkOv6ls33TEYrJBdC7JxHs5TSw4H7NnywSanmMByrBTjZL84basVPUAo7TaZo1ZucNL/Hh1J1wvedZ9t0uzjEJ65Cbv+bi/eulRP/2LIts9BVd4C7dkIBT6dgpmxBIm1YmJcgf95Z7AF+Njye7BFov5NUPgvir+DxwJfTnu8muqEiS6vH0sXQwL/8lKOMbpkKs/OCekLsWIEoOLmzvhpZSHN08FB99bBAwt/C2GKu14Ic+TT4ob4y1A8/yOg24wzKRFOAoxBVsWHqxfQFkNAHL6Pz3q2G3nHSx3tMRm4rgYJfNE39N7Tyk9icXyqYur9/HeXBRubKBATjhdTg8P1fMCl9qYfSkChVWc9UI56GcSBAVhQaAsRZ11AvlAD5U4JqOJ4OQQzIt/xsmt/GoFkAMxo+Pe7eNrUI/6w4J0NSX09s+1+moL/TDSHWUlG4mxwm3lhy6xoFDaE/am0cUC5y6qmj371040ul1RKGzdY11FLbms//700qL2KU0tWed40WOi3QZmGI7lRWnGQZOHBxdcsHkxkE8HAaMqi/mh4qLeO5PxmHtwMhpFSQIVOcoVUvJNgib0RvrMRee8LEUTXunmEkmtZTwYCgXcwJWYGdnioCnx6QresLsTOa4h1qF6grmhgR7auAWy4kN7Zv05LHpgOwm2VSm0ENTXljYBTcvoAtdV4KNrahumu6/Cc761cC0sHpTJKy34vXmEc2L90hnCr0USPvnL6kX6cRe7WyUEF12yjFS9gy1bniP8EUYdRvFSaexBAAAgAElEQVQIKHQVhMlO8oyltlnNpjW3CFEMJcFhK/zBUibcqYVqRx1tsX9Fy+gb4A/EU5y1XPlq/jeUYj5sZd7YKuOGF/nSotbYrp/NjjTLowdTEU4ODNUWfsMmb1Mj7g+K2vgRDHHjEJSTgVr8vVF0ebRBp6E74isoVQzzP5LGdVUhfEBYN7o6ORmodoHLLPgJod/cfQvaGh/sxJ4oXoHMbpXfyuTWbWnOKISOLjtTHqMaRVUo/Jk965r4CHd68l/LGeQ9FLX1MygpwuDkwAyhddEdVBJUuAy0tezTZ/viZYDUVq7q39hHjSbu+hA5NWhRlnWsHAliDd2qIjkepWIRLvQoda+elGa5tBdhjlK4TPaCH8v6LzoQTt7v8rHemCl7QWP28IoILQLyhZisc4mF8gpbudQNLQN9fo7HFKZmM1pz/wyvIwqVMq3L0LQs641wg9idsFqSnpYMdirzuO8e8padSG34JBNmjXCWEiIQfq/5OjtF61EHPi16/Pzm1Bpl4wxF7OXX6/PWx3fK/8VOuQ+hEx2NJGb9Z6KdCoNJivFljARZ0NsxMHTgdOsghBLeW8qEhV5Tf+3CKJ86zuExysQSL0GH6DnxoUCkUUXMbrRcv9yEHfxS27LtBfNWcSfcZGAbKRT+ebGs//3qrcyemRrj/k0uFmjgutS7vmMfJi64IiO0BKRB78ohtO/woKpX0hvFFC8Ed7hOKshdWmw6Jd/dS0lOWnHAzBguu5G9VdeEk4iEDRR2bbf+F10RvvXCI0LTcUS/CoR/3Fy/yjA+sqHlZjVblWlVDnSmEU4f5CB6ezBude1baWAdVfUPRvLpVgJIrpS0dIen6dM7he4gkXCR/UdBX0vpf6rwKOpRWlnnOaklZU49+J8sa5S2vIVes5zEuO0XgfDnovZFK6eOM+UcQGTMjqIvmUA7rNB1cZZ2ZoNOYJYH22wP0LvJ1Cbgyu1y57Wbs757CC+nG1yIDz1ZFRbVGfKitSOTs3X+BO5sjkLFTe6E92rkTjGXdeS6Ih19QlZMZJivK3fh23oRCP+0HazWiEmqe2PBmUEsk4TYpsesxhqO2vGu96Ph4PHxuQMH66g3/On786r2E7riXQeUyrmb2jJG11lipogU0Pg/w+CpmQlvK6cU0w7A1bjjL8L4f6vNGanMLjVmDz+9jWWJoYXG84MbQlXwkhQIgoKfyIcdBOABg3+7eswwvsYWsAph0qSWrd/nYeu3j+FHO8+Y6Cf3sv80IsyzjpbMdVseLhqmM4ASZeqWT7WmU4HBhaKQKMh13Xcj0eOgMWui8GxxiFTZtl8Dwp+L2qhqkDuWra4ptKtKEbo2fOqvIShsBWvIxnEb3BjYAk6L6hpeAgBSHIF11MudEkhOJ63GbvmmUYgDyOZjJa5JEF49Zn2SZR3vfNg34rkogqstW28csLOPntG2QuEn3uJpCwBEZuZTvwCEPxe1j9YRQ4Ozy08VgvHOgrwPwoF28CrxMQBvMAIw1YEl2DKUVtXJxYvDlnc1YotdnvjWLlBZEkbDBTLzfI0bMjPe9LiJTCbyUKiuo+sFhcLHfZF7Hhvv8dL9/9WlorbfTbq6A3OFTmzTuiEGSUOuhcAQbGEC6E+x4uhvKc9CyG0Z/MPUG1GxvfD+Hox/ynOdXVJSLXm8xfMjHScz4ZsI9kBJ4fNJp3bOaEtFknAlAvevBhC+dNnW+1bAN+PO1wwVuicRiqdjnZ+KAQLMFHJQvW4gNAdKcE5X7M94it3n9U92aIJGtATHC/yPtrQsxegPF+mV4Tpy7Kkvlhk0YNU0PVcfbHYHp5FrtEa5sdCMPI9k0trODrOkHV0vNGbfFmOrtlePfhnZOvoUCJ+Kuo5GUBNRQpVzueH+BgXGhFFNBs4armEcwo0IY9nOx75BQ0tklCboVc1m4FchFCkYJW8MqWSo2rT2GrAgnC3rxEHH9E07cCzpW36suTEjU9iyWr8pA9ffTCBcYigZICKnw1MgHNtvEYgFckpucJRjj1KoAw7XfLnDR3k/dLayQw82x5hOS/cwUCOgzEP1rX50JC4Lmt6omoG7a/vVsbex49Ju1CVHeTR0sQnCZw+FW931uJN+dFnukt+i23uraZnnQPi+LEvflm2EppzOW58277qw0mZ1QUGjjYcMoj0CY7sO5uc6XAFEQVsVAWO9HtyI1LiQT1pTHH1dqjrFOCxrnA7XsfmWxVTNMhgubYJwzOlpiNkUn8jQKP6ypLt0fM5i8LWm1V8xt0JFuGC3iL/eN9uzTpjcdMpemqShIGNQ+u8yYA8icMEa9y/9OIWFw54btBOFM0C0viQ5h8asavFWi3C0eHTQseUaEIJSQj/I+R+36oWjGWcm8gbAUNfMblFVL5SgyM7/VYpS4jxGGOVBV4RLBxyUKKCdcH4LDoHwz1vXa0l9PbSnsAl+ZRL5kCcdhvcVgpjXRmAkHIuE7VMehrDyfCBhrVX170oHTl4Qp2yqb0cskHCMEOwckLoLIjXTOu+VVFTqwdlldmkcZKYrKMtjKy4KpwqF73ZWCK+C9MhgjJViXqG276VMSApChdYjkGVU+9e4VwtSQKYKENQPQft9GEnoSRIcDkBWABq2wu9VwehKKbfxKokpRQoEkfnYejVy2u0ic9lwtE+2LmzmrYSt3VGOci8SBQwgX8uqnmaXYQHhVXK0NTth+lwO5q3Pu5JR1lCQLpK0NGYT6RSU2zYccJGnUApY13a3NSSyQvKwlXXg2lGXlNuLxNZU4r7c0o3fYh1pY0hSlSgMRmboPUm/lFSP5XYTLpK00sOk9TRc/6wD4QvnPFTUjOxLs0z4F3sh7/u+wRksqkIllficA3ferWPLf9BDN6QJq6sZxYz9QQen2vxfu8NZ6IYpqFkyqlV1EYwyWBZfdNSxe8CrT3gHsRaL2f+Tdi27chw3FM7jH+Ss8gn+h1TB4TJANSZeBghk5O7H00KyvEmPEC0MhwHc3nmjhe0PMLQ3kuircpuvYnWxeubKkmAv5HtliEMWeXh4Dvvf9o+1scJJPuFEtnpnuapnOyWRt+r96g+AcBX/n5VQOJNn/fWLt8ODPM1hUHcbYY9AHalTCpUicZip3m4h7qTjKg7dwvoAioNGtRSEhvLbEWF0mkrKzwl0lhsOY5/YQb1INIreqHwmdE89XG9VmfDJBMIZNJvNxHzpNIXfDzTCl6VKy1bhjadvNgLCH3565HiibH3ZZM88ze28EvhBrNmvuw5IPvVToNwNPScM7W8Tb8PhEKw3ofk2DOhRWxawg021rDjk+qg1y+1dLhNGS64kpGwQmvsmxiMUt8ydsJVeZNK5tcnBs0ysCglbvN2PLwaM8NnL/ot0Eg1eIyD8h9+7Am0x066ZfOx3BFD5FEA/EZc2p/fSB7UVx4PQhqA3jp/vOiRIVn8y9K4mMYjy7JeaL7hYdNLfOLGDtRWKogTwLI5rYU4zx4y3W2ddQpJhvVbuPUPh9XcjILzz1ROOWdyYPfzvkd9ctrUB3WiAnWlImw2GjqEgZmLbBZD2Xh0dYwFDPu+4BcMBjjo85eROYuMmBFn9C2P8d+vqfON9rq/0VGqPpgSUIvLK+lWTuFSVZr+V3cDFKMoGopyd3TE7cchdT39YPwTCd6Gmix6K9bv4IK89jgVmHnDI0UaqmmCQnDVyU0x3BNPmxYYUyqXsZOPv2nT6P8LtwZEK+FNWp09CGji/1eX4LC8gHDG1SG9uc/LT2tRwwhVB4Re7a8xOJiUsXJSzVzxaQvPbYyD8uuMTXkRKegCEf/6oMAcAOnqgPtrSdgNH3nOxUbK8pRZBve7CBH03Ng5nrSB4K9zYgS6QrICnL4fOS8UutvLN57r5bfIwKcmpCE+i4Oe+vEyy9tCsrq3ZyQRHNdZbpM/+nnIRZ9Q5kJh9PwTC5726FXvphpp1nz9K7ZZHmT1SbX8FlsSGfSFWZA3cVnmsEoztcrI0dOM0gNGDft/TFB14p9GWq1v4cqBFaEooz/5BNG/RtKKgi8mFWVxbqEuz9MghYkZj9uV8MrfjWe635pEU5QAIp69pLBRJLWOr4hHG9sMppRUkiVeU5BVkTGq5cszQLZjAgaXSvFtNAE8miydm3OXN/ee5sMfNVety+5h+HHL+f1kVRu9cbPVuD2xSryceKTtaoQNS7HIrT93AJTD4U/vN60yio9RYX/XndekIhY8PQ2mUZpm56F40djH/72cInMjIzVeSrEYp4246RmUENwqU6CnD4DCyZgON/rWPazgkOEZLgi9qyjihZWkY6jJNKX9IVttyS9SNRKYx83VeSVWgsOTiJOtyEGmmCW9ZbZFmv2M6shMXxa4xG2mEX1uvNW7xNhmc0FXv7ytlL1Vue5VXCT832WhPtVKukx3oYGsO345HDR0QG8k6vCuV9xf07QEo+C0aGRs/DdZRqP0l/V0UFM8w0Z0lcciIUFiKO+LLps85sYhCFYTv6WVq3TLJTc9ZL3pUFkVj3OKjQ0Z4+1iz/S3N1qFG+AvY4GOUDoxDqx2YpTDuxAugYhgYYGF1e7nXgsfU0IpLD7K5FxjCcgqDak5OLUdZnYVZltM9A1enmZFFHH3nldtYACc11ZtyYFdvzFHaZToDRY33VVz19lm9vBtJo/hVpuik0NY68lF7+NOjRHel1F45Z2HV/huhYqUUBq32Pq0gpfb8on+i8Wg6PsA+G/ZajKFJNeK5epDVdNyRzd7y2TBKYX85kcyw4VrMJG1IK0r+n6YBNqrdOLOET8YNu16MOtqDo28G0ijtuDVzddh+hldAb79e8amZoaq9UrtNTbZS/XX8QQi4BOg30LgHQxAab1Q8vgSJonlj21FXqjz43WjL+AhjYLA1Xm6yXDSPWyIgPLk1dRG0la8CpCGbQu3/k+Eoonh08kHilbXY9Mx3MMI3jfDmrTbRjEuMsT3859WqqCVSyC1zUWYwgb4RtT2vnnimX4XtwN12bt2yBLtoloNV9O3EQ7Yr33iEB291IN1U//g7xmt5p/Mkiy1ljRbzYEtstsV0wlLCp1rYKMJJOenSQwnhC2Ojy22GwstvrzsVHLXH3j4pv4kbs23N+5TbgiSjNWRu3tZZGhsvHtlow5AllFrJKX3XywG3DG6tsCOyA/UadLR1EOqDdfXxxivv3cyz6mHRaf2Uhb2Q1E3PVEcD95YzX/Sczk5hlirxZngs3qjdXU/cmH29XBzJjJXhWcosNm/57kegN3ojZ1F/tm4BlwccDSKV0x3PBm5VrbDrr6DRkcZ2L33PKI0pUsFp23G0+oEEoYzeahl49wIYAzg0msqywKKT4xeyOGGpUHkyULTTUFDJurO0aBtz1CHh18tFHulI/f/dAAhfVCGcOS3bkoxKQyyN8u0jdWPbr5XpBoSooDBFZZcNjgMu9dzlrGMM/ruNJN4rT3jIKozzGRo0HIdZbao3Weekm63Z/k0vrGRltb5FUEx4VO8xC/uEWKyLlnDmHJ1MitIKONdd5aIs9wLhF6dPqLtrkk+6Rg63b19sbffTX9RKrRlnL0qkQRtwrNNT5ZhUxgoiDN5YbHhBRwuN6HmGA8Jhw0RGzuog1B9JB16Cdcdw3mpC7aihbM4iPXlOdqSpJorq0zPlqa/hnpBy3lAUlUaZVTqaQfDoXO/9yCyTS7glNp1kbo92hLE9/PkVP9bbiLVlswbZxioAY/Uk/ZesM2FnZIe7xznWx4BbZXsfYxgTzuvt4CCrP+KsJs2buwatqewLuPCEJ3Zvqb/JJXwS/ITvclUZvLDl2q6An1R1VJXMtILrobWJme1+/GNkltk6cAknfFtdfxMB4ectJZDjTdkNtuhC67/rJZ4r39iUVGwly+rRBwaMQh/UcnAwsE9vbEG0+q2JB47pq965Q82rU342izBVboJIG1nNLjJZZ3236UOS5aEoer1VnAGulG1efFwmz/2nl1q4o9EqM6QRbdIotOLwOArRly4xI/zhR1h1tEaK88okeoXGBT/RdFZ6giGpbmndU4A7WvkdGMod8oW4p6ggU0ajULN5dTRU3yjjuSMhZWb+094jy0egmtnQ2eaU7ZfL6i3Pz2fzZCIUhYTCa1oTDZQJwnO3vg6FTjaN8Eu7td622ESwihnh3z/yvLX9QgJJcQXtwKUNB2igFBRWCjTUEtypW3imUneSjXFQYcA3GkIoNqrBdl89CvWZ9TGeGevdb7DTInODq5E5AaYTQyisVudkcKaeecRkYXbAraZMSg6el+V+hsLb+bInKMwyYC8DIHyVHyTLuqFnipsxOqpEJAHFAVJyjCSj/DQvbOCzBiPb26npzvEw82MM3LI6B6G2tix9WAFvMpsUDScVTdBtyMRQuMqNeg0c7tGYgXSWE1xVjj47GRwesK2CdzIK70fSKO1zPYux3tObHwHhf3mNktcS7iQsFIVJFUoBu8Osiw4EaN0bXKTAhA6gd6pP6caYDfuxLXjqq2oaMgbeh/qPktX3MYPzACwj2+pMdAS+zCu5YqOCspAVxLYqLeJknkfoqNn01FNr1h9bFnPLvEdM+Hsq2HsX3K38P5WJyLDrh0810Mjd2cpB5oTW6UshM1PMaEhmHH6AgNOJB1ZLsW9PzykKRvLStHrIwmVxAZ8vQtH+ORmtS+qkMzYb4LIKDrftE7VmzFAQG0Uf50+r/OiZ7z3Ol8kICuSJKm14cOgR0oh6s0w1V91O9UIg/DMkvAwoqRkzk6U1oNtIS0m3iz2BU8AzQZ2rB+z4Qg2l/9ibCe647GhY4NuwtcYduMqWCTUsPzfEtJXWvlvWWEUMBic3eMkspgKzoY35yRpxiXaVCCdZ2KtoKMzd+db1m5cjjfClNUa9SpMXA+GP+lhzL74aLcGyGwB2FHseuYylAEHr1Rh0dGbyAxQcu8uAgw+Fk1waZDXJls2SZx+c0vLOl+zRs0l4pNLuTTKY0bRl97c5d5rRZ0XCJxP+F9U69vKQDm1Xwf/wdqQRPnuOwqaDw+58818H8xa33yvlNm09GB7Fuox0EUefm1gRb+jHZwRPDLREgYPtxnFfnrtpjqd6glByHOqLoNK3Wd8xTso9XTZrh1y8D5NILdu3V+l/oQsHYJmShOudhxKPrpLVAZ9wBIRf55ZPyAZcW7hDIPz1SiDK9k/Kaoo1Kr2IerR1t49OUs1dG4ZOIQf2okbYYWvwjOkahv+5Xg0O5mqVLSM557vDXPahFjqhAGcMpjutzg2Jq7McT1ilUaxjybqTo4VfBEsRaRRRCmXe0RK81m9GQDiB3jvEjDTR/hYzFFaJNEVbaAr6WiddZiqW0uocKYk0GKqNmBTW9/glhliVFLvjkIrQATAwiulfA5tE3XZ8OJGQZmmaprIYMiW1fKFAO7dMHakLZ3Vra32yW9xttr5YDZ+X2TQU5msEmg0Y4fOlmbjmWe235hAI/+mVNeHUiFO4V7fsACOQostq2KMkkHpuKN6TS9HnAG+CZ5Xb8vRRo3XH756T1c8KtXFHi8LfVRqFT7r86Ye4orqsLlPdb53krb5Umx56b6+6yaRgL3cwFDZG+LwfrWd+DWKyKTMU6KEWPFxwE8JKq96REpCq6qgy8fXEz1Py3TEA+oVHbkCS3C2v8FZ53935gShPRh34r9lla2LK/4dFu/pjEr1B3F5stqbaXTVmqRnX89v90uPkvVHZPtEgMx6HZ3Nlmu9hKDy8IC2ra3u/RQzUy3UMhFsbbhOXguBJL7jQET/1L1wFZzEQjgU/JkOkP4s3XmM4AkjdjPf0f/4xDjpwJgeX515i7hI76656Z+OeGWKRl5xaNK7aov3f+vQ413qihJ/dtfVFb+rn0O/43csBI7yduNg7k2QtR42ZRBoNQqGavYK+0OBuKUzcqtEg7RxPvenDnd12TD/CPcJS3ZXlQzTI6l+dFs3qlG/B3Ycj1/YUb6913iGsWUq2g3kz68HrKrM14Dqf7KZetYRP/hZH3Vv6vP7nUCO8W2WSE+Myv4kZCtaXbc/01pzRkc/KTZh2VlghUT3uqvI4LfnEN28hcf8GSNI99hj045XWytcdX4Ui/xuEQv3Rz8HAiwttkY3mxABamWRlnawxK8IH3x31nOt9vWw+zj7SLF+jOPhyvQ8IX+b/k3Y1q5YdVVgF506UmLmP4AOIVUgNxSoPDU6cZHBngpu9Q5wIwX2CGSgsiMeZkx6EfgDJWBB8Km+tv1r1t/c+t28nBNLdN03qrKq1vvX9NDThDKTQjmsIhH/+KF9Y1PmRfjiiLBAmBqrbrOcnYYubpUfTgof+Ag/TnIcOZZs3ZYafkIctmG+2cKyOl2arEdEsCgulrC3RhVApxJR6bCdxtqJsvFEW7cQXWn/cKqkeEUfZ22q7zFBAN5Rqu4Xz1riV+7DYt5rY/8JJYe4oE4WtqRXbmoEc82AlDROy0GgD3e20oGcthbpzK1fK36fA6CbcsrdB33zMiIdGEeA6Ed0ybsbUB368qapLXKZv+YS3G1c2La2XQuLeN3Uy6z0UXmbWKFvzWKPPYQ5v+fa4MROiGTB6kpnD6i8roKkTzxQoU4/BwAy20vjBwhPT1AUcXAwd8K328311CS592+3tJTSRWGX4uUmGSF4FrdESk2TWg6qWvTUF1i83Y3NRVlvFNePYQwGB8PzxWGuQFWnhR0A4PIRBWr50YR1C53EGIAZXoVk/QVPSwbljteWo/uGMPCwfF2ow5uuOjGe49JZuzNzelOMukkwDj0fn6kbAF0WmeimYhYcUNFX1wmWNxjWZZsaJeFcbs3/se2VFmd275Ib44oihEHhzDfiXE+DbcAplpd3uFdXaDGACoHi7GDFddXQD7EX6dtPcw+T4AWONp1W9EgtlNlXH2kF2UNHaXUuCaqT9tVDCcY520fRu6leXBtb/Sznt/GgXuwzJHt8k7PgiI7ysMjfdW98JNxtK9b6ybRnd3yy158omaqHFSYyvcJiQfEFtMzrmWZje0mHILupGbZGOUdbt4+iocWURn1Tn2TjrWK237HXtY2eJlpLlHbXk/6W82jRuSaLHRkpKPOxVDOGro/7TBAjf1iqyntZbqAEYzVsfvrGPNYIouPxQDxxxIuSMllDlOYhR0kC2N2isJ0j4BCWZKffA/vtJVX+fchIlu8NfIJPNSCnqbsQzFqUGRCcUUsTBy4KE1tWe0VHfr60XYoSnmy1qitfZKfy2JwrvL5Pwli5Uj1jh29Cz7uW/7+xJI80s6NqD3cGYfKRyDz32wl9wBSKFGj5pV2PnRkZHyXkN02VCTRDNFnuYxOYQ4zNWlF41m5KAq08CdmL2u9MDHWVz3SPhLKxH8ZbZW2NYZvG16kiF/5xZo9SbTCzrOyp7DhkKvPlgUiFvK5VRxNI9JY9ZKzqoVx62IYfDQxuLPWDKQoKOo0Qd+JGQ5/mYrQNhQKULYH2HGawFBOeq7uFR9sxYKcucgXBZPxLpcxhjPgPCW8SMuOWvN/uYOvpve4ET+8g91JCSzzqotroiBharlFasZ99V41Np85TO+vKZ4aw65yEwmqv6QHSbjJ1VegtLuAjxPDtbWdCkbsBFqOcTR3r0eUyLmNatqQRbr/hWy7Z6JLaeAeG12Brf7tyBT6xRFAindSYOXfakZfchKi0zh03GZKj8Mi6NzPC0AsC81XF61JGTysXg+yIKOqEf4TMdbedOWw5yQkLclKIZPavrLfv/Jgd9owBzcphddCTekPUp+YmXqKPvt60DR9EQPgvrh0B4acwA2f+PoDRhBZuDynpKYQmGpSZXVmxfXbY6DA8El6Pc6lr2BwVrtQsv/Ib4p47HVc0pWRd2ltEdCT4INUOIjEV/8oZHNVWgJL2YWG2duv3WzcStrRp3jERugU+2vfeNngHhjQ/lTvtvPOtRY/afd+akmUTKMzRPXKCDtVCHjcJjZkkUzHse+tnYV6usMF18DPD18h8H5BsdHHVCBliMlxll05qOTDNi9I1kPQnTtvJwTVcGpm/xIXs7b0UJOeZZiwpbE+vJuYZMrcZr6798NvYIr6UeeMocjz0Ewr+sxq184kEYwdKTidi2gNYA1jRFDJJ65na4jIRCa4o1+jU2oQ1I3QHpbwcdeOQp6YQ5evCzNFJzdHnM97KXE89cQuYise1s9PJS1wJcL+Sym6i3cntWvP9RlXknmtndBCnqDf7ZDAgfqDLRrfaUoZD5/7maH7TlKtItsa4DkV13Y3IX/FAbRna2Vu6AkzBsujuWMQ1bR1XtpwLr8yL3sTL8x66sjnzhfabww0kdQJL6FHsFrp2xGUW5VWRuDusZEEf/PPZ2zx7h1eZ6p2POFgrHjZniKDxuBRH1qCdOyWADqN3fw5j7XWt9ejp3uEYOHnwY2A/8Ma5qHbZStGvJ5xceSg0WIQ8/BvLtiEtYFCDlBq9b8GiPmeFRJCiIHTzvKjbuw+uq/nSc2IAe4XgL2Bxzzm/56wFDgYctZI8SOKoIirMOpKGJ3TOqvAoiAVfgFmiFmnBpO62L0zDo11jd4YZHvbH1e4zVOup5iNR7b2crcqxDygmjKFzRUWo/8l6roZhFibNWxTUL9W7WGlZsUeoefLSVHHuE4w3ObMQThgIeNDXi1ppShVyu2MbLosPS/N2JqBLKxXmhjGFKJQWlJvx03oGvdJHOlDxXq7wYQ7Ngi8WYQipLFitP9Fr7FkSpkltE6FEQs23jk94KodB8/WQaw3Lf6s5s25g8+lrYI07Dh/Ro19bZgPkhTmaShQpB48qdGMqGCi8L7RsNPQ52cS097c5spOKkqsn6nTHwj1LdRlFleUVGWcTlVXxrb4yELVvBRmMara3zpLWQrP5WUsxXTfK43yt3wnkc+Qt61pnA422nNz9/XIZAuDRmNFbLPx2T/8F0ZWowDOAMgqY5DxUnEOQxhwZeCa2deLB3c+iOeZj6ArjEnB81t2VJ3tVBe3Ym6PKy0lBDoxjZP9p5E3KNuQ6FSSqbrWFVL8bcCkEUCwV5t0QAACAASURBVKNosnU1Wk+LmoDwZueBiHqmo4yB8K86MgqRCfWMJfbBnFywtjj2EochWQzcyfZyAK3BMcMshEkH/oPshXInN0J/cqDxcn079ZvEazsp1BpdVE94YoQTL2GQvrXoeS8rdeF61qy2JnqCtY2eFzUD4XuV1YNMpEw/HQLh335S4+BkiqJ8FD1pVwlxNTeVDtOyi8AM1aFlkIQnLlDoCYhQ5NVU1fFH46pemXD0cb4JsXnoo8i5vHZskTwJi3mpZ+cb366tl5vywdNtTW2qnmajVrGoR0m2AoRXuUw78QuHUr2X339uIBSSZuZZSz3/hYECwZUFl9LCJWTP7LJL9cNwN+XbeoKWDw4tA9VVVBZqFPIf2ad5+FLpy54FTlRmXYOjMSoOHpk7Sk7U0TCbdMNFgUCxI6PchFJIaZly8eKuYhcXM7nAv3w5iqd+z21ZNVvjXP3699czDwUlhQcymX2gAgDL25A2QZgptu2u7KK7N9YmK8HBrgOmRQ3txM4UN7RCif1RJ86vTrJl/IhNZpLKpse+vMpJJix6wA3fJTJA1ofqETrKKCnreoR6RHbPvNgqF/hvD1PnkRG+Vk04Auok9BhK9d5VskzS4aqwXqwoAdRJVrJdLNRdAo2HWPZwtdH25uGk/5aPC/0C5BvFcVVvZDLqoz+mIoySzP0YTGFRUBK3SaUltRlNnkkobciDNTPjyHq1wcEJKQOjkmy9zykoNSO8Q0d3YTGN7n7DUKDZGgDMc+3USZra7RYNEzNhDW8wyEk4KtrQfyBaQuGMjQZkPPn6VvdH/atNpZgekev45lbMJWcgEiKPRkllQlGvN7wUhtKkpNPMInyhQKaW+685PZv61v3u/fFRk0d47ZdBHLPXb/eHM4YCg+HkXRekfkWyJVl7mtjkGr93GBxXGbLgsK8ebjc7yF16fOIGu3GoMXPLfFlH9VuMy1xhL84nVNHVZ8EjLTi6wkihZaakt/QuZqzCvS0SWl88FDal/PO09b/PTr7+dW9dcDgVNesIvjukjmL7TRY4DyaZKe9DZT3OpCAXcBTCjFBylEIPo5qHOcPQ8Nawqt/1R/1jjj8VzVZ8uuvu8FE9dfqR5IEmoiFCoiIlkch6Rsx6HGWRZxubM+NuhUPSnYn7eNZfvz876gyEb3tLUcC8+n0MhH8zLes8YQe9jaEsNstJgzmcILNXe4EflXQYrD3NT7UTGuTwbEzkeX2rB0f9802kmHTSH9GVRUsnJOiMdXm6Cce9piQrCvff8YajZ4Qvyh5dWOpBdJSNInZqJc9pURMQ3t7gFIw6/v0v//m8Zo7SQYNc1PnHI1SeVkWXB5KxNnyUQ2VXF04VHLMtSP2u49w3PWp2yMDKcscRet4dEf5j/Qtjof3T7BXZID4yeCLTlmNrq4oR7ovzP7kT0sS1ql9GPmh2raNp67yokRFe92VMCc+YzDAg+cMfK8SMYZTwKOQj2XCIbiuUIEXnrN5+wueGiYSvuRWOKh7Kw8Hxpw9I7743Puo9kRu7f9MCM40/FHSghsFEEA2WuRf32sx90cTjFiBdigg3R1ungoNzRA+rMvGpPi9qCss0MDg7o6yYB7IdAuE0cAW8v7GQkRnuRAEQinG0Jl0HYwxeshPDqIhDpZMGd8RROGcRIrVscNQ/20TJQ+kd8U3MQaX1d9B5MhCL2MJT1gP9fKabMSE82a2H9zdhg7Nf3boYoQdCXLvGoW6XipoVuPe1JQrv6Jjy6TFDgXce2RRFJD1sicE0M11Nh8ZZNDTVC/WyAobXs79yvu13AUbLXi/wwVGrQwZqntMb4LI03ozIBZHKBgX5axkWT2LGkUmkWs19VRe1x3JjbxQere8rRXEINeFKUZNHeNeEk3n0GAh//0ml88DtVmZv0YDNC+tQEuzVsgxC0zUPgtCmYR6DgVrb++mVLkETRC2bVfXObZF/dpx20wbcFVopklFTNOx/tc2KuLSOSE1ud5kekTKBwYlmhuEtawnUW8WD8otLRZ2B8Jb9T0sQRNy+O2QoBKWPgqws5XnUBHsJctGWCyr3MVfAVIuRhfI/bMhEgKu7kCD7apd+3R/1D/kCp7bsyt0dL97sXsvWxcT2SZ4oSdH0BF58wcUsWgHSgpQukuCCUT2aqrcJRXjs5D4Bwrc2AxcHt3US3mIYCrTxsMGoSjkKzEyxbzW44AYjUd0vD4hkcNKJwwFYFgRCSb+YHbV41En63RtHLl1fGtI4ucoW96SkkmuhE3p9rNmiMHarzFzUmLVWDI+EYYbX98Wi7hnhdD8Q82iYYt6aW5Haw5DAiyoP5A2ulbfqcCYPdrg0X0FdMudrTjZTY2bCb0ZHTastXCc+r7vtxACF2MAWZmxO58uD3cx0tNCSGMXOJXxJ1pLyZmCUdVdLlKtFTYxwe4ln53sKXNv3Y4ZC2W6BhmaCsYdvlhdibARG9tHC3ND23BDOWu/JFQEFA6cL/JeDoxaLo+Tf6lA36coYB6XFVnGg1hAA+UQkkVvTH8G81/FmPK44VU85Zvv6f9qunTeu4woLSBp3qRJClZv0afIHnJkgUxqZwcJlCqtg52K9tw1gYteICsMZJNqSDQtGfQz9gQj+VeE973ndB0ULgkHLtmTw7JmZ853vcZah+h8Pm0sNQHhpokCX9SjF/KYcrelJpiRCxsquFHHOap8c2udXZamxITVtQBuuz20DiQMJxXdK/WtONfZ4hH/yD/tbJFxxIGmUmCgyu8tHwgN4itZWqRXqHTXzOCW1J5zQJAPgk+1NLWGZpq95BX6+LAPhah1NNJSr3Xvk0g0hKAclu8JCPLglQ/BceBYOkbHcw2QQmkVmwhedUktXg7nri1WZ2AnznUDiDYXOkrnVwQGJDEdjilXS2vFov2bLOkU08Qjf0dTECC9IwmdSW5+nNakeW8xqb2M9g1ZWQh84fa14cwdTqlzYmozP5Ob7W66tram8cINdr9SfibwDdhBxjTGYNsCmvtpt8mzllSwqPqSArGBPR+Ye4WO8slEAEe5B32VzghJtqvc09Zvbr5E/WI1bF4g77gLh1kOBADMK6Ama5xEkcC3rtRtqSuBgmRW2nuLDRjevgABd/WNb6l8RuSwi52ttX7kxtb76KMIaPGFsctRPjBgpJAZmS8SsEFvj1tpIeiZS4uxragTCp1MZd8xmlN3wlpKhEAAvy3p480yt1oQcfpxpyxnGkeM5VBjathYPzQpTUVmkgY9KjT7/UUj6+zYeq+c5Tlr06kOiC1LCyfXIuh3FTmI9edZBV584kEkSevY1NQLhNTiKMXvTSKpXnN9UZpmwmYyiSCizEcQHpRRC51BOz7m0BM6bjOpyHy4LzCL8oS01cv4PaO3q12n/RB7bWWtQYib2CE/CGCXtpuDe1Nilv6zR6R0xk+mARqFY6S8fdpYaGOFnK8A9nzAhe7qsA+FEPQKE7GqoZGwoLMlMEl5tyJ1BhT6hhLB90fBh3yMpWOXQjIsOSm0oo9sx0bjS9ZENwVnskQz7lbddkAzgSNEnzIRWk3nEiJ6EIg+T8ABA2eudpWZrFEMnvBDV4dwHYx5+ZxlmRCgUFT3hKCrnYURFWaHBld7B7QzVZOGFERNFv/+hKTd84oBvNO7qI6HOLzBsGTZhdCOGM7iORryyIyl6BB21lzWbRifO0zvyaguWj0//6988vtlb6soaBYVbaHY4YCh8VelvIRmVBLhoJByysykPjh9p+pN9pW3atWbWD/hkebAQGe23GBftsAiJCE6c/5ezOKof7CjCVXsUtpJOdJebRWYblIlxqBR7TAsPZAc/tfXupkZGeONkxqrMt4tmwlcScM1bBUytDyTpkLPcccC5vruC9VZw9dqrywHdkltvnCqDOo+PuMFY6svdEfV5ae/TawORGDAz9D0hFbYnTDxFGrkILDN/Ef2tHawBL9MwD0BP/r67qTEsc6pCUWFQn/Hw7xaBcAlmChKaKC/xbNBvmbODXVB1YhtCnXC+mYTg+mc+0cA/75RaKKPC7XP24I3N9bzrkPdsHD1fxtH4Xc2KD7mzo8p5OITLWKNwVD0BKbjamii3fKWpb3/uA+HnwhB+IkHuZe7tFakeR9ZnZo5mSe0gIQCHO2S5sHPNG81lSwc7gYfKSyMsrUOksYnfhLZlrl9qpoz6hVjjzfTgOPzaJ7MM54+UV0PSSPGJJQpe6G9JVc/PMoBP1pr6fXfofvzpXAT1IFuBtEHfrADhmU7xp5tavcxIcR3UDzwX2cY5VBUOxYTkWpf4DnAel8YvyZcYsQhnyqiygxtCSXzeRN0c5j5Fo8Zk8qHZgeEKMzH3v8pPPJKsR1koE0Uc/3alqT/26Sn3l/KqhrTN+Q0+nxYf1lIeWG3NZEK2xciySxS4LFhNtSsz0UJjdrOJg5Dz4sQNXd0joTCP8IiAld82UqWdHe4J86Y0RSc7LTkvkmPT0bqrzdqaLEeV8z8yuTHI2MCz7l1NPAKoFDOZ3q55KIBMTwhmswjAyZUtwbdZgx2yc2W2ddmxwXV0t3n1eg5t94FKdFzq32tXN1vMOGrpjYQV+dUkOJzlJbAJDvJIKfxW9tb1GS6UUYBG0bjsX6tN3Zdnzh7hBRAO/GDMMZ+689Z/C+ooGly5+af60xnvUbqwXTDS+tIiOsgVnRU/G0HbQ1n9/J0UE0xdbC2W+pg6la7Wjc51n2vbZmxYm2m2Gp3gScNbokOYzLdtfdA91wExcIhZuUzfrzX1NPI8el9remYlAFhPny6rUj2M4ApoeYTzljE90mM2ZwN/5aJdu5NzsA6kmyIzO+sTxEW/7JUaGEfoR+jGPHBf3Nyspt0YhIt0cGdZRniAexvTAxi4Z/a/0v/JJ4PZCbSshtTEtab+emwmDCnmU1Frmq0HqXo3xcrjylmZ3MaEkAVadci2I5RMslw91Noxa/kAr2hKuXzGwQkDpf7TcqmTd4sBqHHjbR2Lf5wc2p/MnGBvd2dEWyido5NP9XLrUGy4JMjjaaj+bqWpH/4CgfUf3ix4hFuGAtzWT2+9u9crUj1KRQVKeOC9taRvaS2D5Xy1YKfIt4KFUF3LOliofy54hfgqyz79s1fqz05a6mVm2Y4zO5k4DyfQegSFliEuuOKP9AiXIT+hEerBtuPIsxbsof78sAaAjs2Eb29mmcek1/WEYZkz+78PhFdSPRBvEQ6O33A+f7NZamQlAOcexF2m1feY3dsQFWWbD0kotMU8nVL3sl67oONaqYkvOsc7wO3ABGHn9R7w4I4DbBShjPrWKOPIvoQk7bjcrTX1OxLu3Y6A8NKz7ozpLecNDAU8vq9B8DK6pkmJGRgRzZWbleWNDJ5hJR7qFx7g5hGQxXpnPsBzl5lQWE/6sRv43j1IGdAW+REQmV0I1H+PzNHkhCTOEFk9buGkNevz1NBqxQ9DmnrghvMwX/dTq+iZ3TK6B0GZ8hAou+UqoCjBKCKTU7/ubIxxct2Lwd7X2+ko9UdHbm08wH/olVpM6nxqjW/ic4ETm5prJFteg60jAqZehm7ERzv84INdZUKtZxxzuvt5Y1MPHmYfkUleQuGwBp8GnnWV2HqORSWnusCr6Jztelp8jkoaWLYeGk55LFWdR4SUUBFQFEflHeaw1LKw9v5lVh3lZ4S9JxP53qTk2Teagnoihil6iVirfcwIKzukoyAoq4K8278tpzy8qVPMIXJzulCKeec3NAyFEJh3pOl6welD3L7GsglO3LDGCIOhbNN/FLZ1dVqKSvTbD/XUoKLczzKgRdlmer3YIekcRT2dNA+yJNSzdk2Qd3uzkqr3NG8VHDNEUGa62oCEqgwFsY1GUSY9viXAg2epbCi7PGYL94j2YEZt3ZXsuTCuu68/FNTVT93U22G+ejX7EZIbSurU76X6nKR5IgGJMovxWe/JRhhZZrG5qHGLye/vtaa+X015uIfcxSrnAV5804pUj/ngaoBDGQ98nIdij2kRs+rZlY2XtyvFIUOyaFt3GeS5q+Og1MIjXGCWxU/iEkadvHDNEYXv4iM/ENDtyKEuz6OncL3fOvCyY1pr6scbW+pvB0D4VNFRcPyaPRTersUd6+l9pfIq7Ug0PE79E1xrKppdDxNvz+zcGhll14HRnUDg3R0mLqwJBB+f4D5ua9vVfwMxUqWmRuds6BNApchPKHSY6I5xOoqwY006f1/GHT8OrFGKExxzeyb0RlmW6gWmjlrPUSaFkwcOgyqs/GgpJ6FUc4zL6QpDpLwwgS2WmreY4JqQ4t5a+g1XuCT1eO5kM5XJYx0O7RjZnbDjVacc8H1N3SeCzkA4Bi+q/BYVnrOdcBcI/75ihKMEQJGyoGlb2WInhI6F0ElXazDthQ1XX75pnC6p1F8NSq1SHk1VexY7Ia79YzBL0DcZr7nk3iZ+cOmUIX6EJ4bKnkbfNZr//XlD3DEwwjnRA+zrzhiqN4Om3QmtYijwokPua+eyfukETym9behJ3jXGyFvf2q5OrydWGyIo3cWWbjGB/OUX2N+x18bedegLlZJHeEaejY/QEAcWXVL3hAm43qp59J6GYQvx7/Puph4ZaEAmU/kInxAg7avzSw8FYoQHeZ8R48dxil42kfTyqwOuiQlOHQCfYQEkNWSIpVKbfUcarTEWJD5p43E/Uwl9SRJGH2EE6WDeppOljug5EgB+SMwPWmvq/zRJD927/RE8wq0d5fwFeox3/4z3vlhkBrBGCbkEy67y4g7GTyHUz67QMJCyGxzqrm3l2vqfTw9kgf91VOpJQ3mia6KK5fQ29KCdjHB6h0cMy/SuPD1Mo3sU8vhkjIQP9FPTO05r2p2nk7n+cbcAhJuBC+1l551Hn6Hwv1BZ/+OSywEoztm3hoqAX7FGM4SuAMC+zDN8w/Ju0qihgefBDpNWW6djn5wgydObpXgrJLMiI5t32Li3JgccUmXGOm5L9Lan9aa+tD9ej6xR8Aw/GwHuCXNRv12T6iEGnh0Wm2R4TD4yWfTZEPuzFdDnOoYru7GSz/VopHMbBbs2xVJ/0S81azEhrHzAOOiO1X5Hpb0QhfHvkhH3wt4rElkBmf+lzPogGfXY1c9o6kuXCErWKKDNM0aU8009AsJvKsu6K/uNBi43BTuw2ai+wINrs1mqxYgr6Qv9rbVrUzOzHOMLuKhJauED/MUAs9h8yT7R3gSiimHd7GcHm+qyq48UwyTedM9q6sv5w4gRzuk8MMSRlTAg4csMBX6Dz1+4rJ7wFKPoNLY+F3aE5R2de2E7QzClub+z/TRgdt7TrHUcllp8opu0cr+PJLq8AOGFNXGQMPLBvNCQgiR3dSWwPrBl2fOaevQw++mMiVvn4ik+f0NOG8yEsdCBCaNOHtoFEBpCMV6FkjCayzWVa7OM8zL1KFvFAELgv+mXmpDR4+LCYwtv0JvgjtGDPALFyJtgRUZU8M5mWln5AEcJZkJU9PKsph7NW8AIny4i1DufLhRufem+/jTlgfNbMiSZq/O/E4m9kdHztjoUcXq63MxFa7dzVcceqVN7tjc6/mFUahmsC6rXJ5ITOruOiDmoTCIVwFUqT2utSsxDey0Byp7X1COGwrszivUmlmdCocHwaoWhkK/ignPNNn0pi3G/OB6p0joo6mG8w3sHs2/WmmUgS0NkyLDYykNc9NWrf4tLncFQ/C+x4ELvf+QnJCYcstQaK89s8Gh8UEBDz6hoH8Yqaf79H32GwuwRTlGosx0KCbjQmvhuA0PhCnqeq4XM7I1cjdOhNRPNRgmwNW8rG6A8aCgQLrb8uNR/NEzwF9xZDoYtJBtx5YtzH4VjjURvrjfc09DY5zVB3sdRqfvHwXsMb5nIOoFtcHCV2TsI7quUBwzBzcoMFvdovqhDULNXubJzxSUJvdTMEXXYjSawRbDMIKPwHXa/0AkuUEo0nHCvkAwkaM7625Lyj5HlyTT1/2m7llU7jisq4vgXgvBIk8w98Q9EXYQaGlfThIwEeSDNDDp0CWuiQegOmRhTRDmZZaKBow/IDwSEvsq39qt2Vdejz73SAaErnStdOLt31X6sx8/3TOo2QgGim4TCASG+g3nLmxFC4S6jwXlrukr5rfTB1aJDDF2OF3ExHW8Mynrg0SAHRjgT6kuqysw942qGTwZCihSzehKTD4SjGJKqKxZbq5hs7fdP6uYgHDrrFcHCyNLHXnvbBoNwmIRjb03bzCuTekS6jCzMxbHFKoBYNjUJNVn/UNqchibsH9+DUH/bCrXidySg52c6yB0ZG6cVmklbTJaqK/xaYFvNtOoHJPVeNS/GQXgOUYjBh8q8Pgi/FLao4IyaeJlUUGNYbTI7JpreVEHxh/sgRSv7DlxsLU9bof614nd8CunJTsKzeeKM2G8ADRuH7RaKJyDaXybgaNlxSevL3zwgqev2qHEQ7ombp7QoAf5fH4QrMeFAvMwoMYpOD4I9YmCCDFEEFG6PeCGxO1dvmOrpHVqLL2ZsTc256KNHXyjaLfdC5iEB7TZszjC6zLA1TzpJKNZ6An7RmAT/5gwhr/36qimNkukTwroLMOFVsHlCKNhkcG1ZK4OzOtCCQ6ZlzKrSR7btwL/dVOpLdoHDzMPshjphRsG+YzK3IMrO/7Wh2tuJZjSMS2JnJZ4tAERRBbhUZJjWw6T+czfSjcLsQyFutW3Ivo18vf4gPFkoXpVW9JVccINmWBdClKGyxyhwRq6VyKVIjkt2bt25qB6Cu9l8Ws2b8jHFBaZBoD9tTBNriyDgB39MkHy/nElqJOR1Xq1BOLbUmtMD57ff6oPwV+mqxoS2NomE2ymNyljSTEGFgz3EL2T2d/mE/Agf61zVOEGZO6FOZomz8J/7IEJz63CFggyN81Q4qUqoES3q2IqJFtXrzC4OQ5bt80Gkq54N2G+l8SjBUaJ3y1o/CDRCQfYe6MkUyMqDltMJ4h2ypqiky04a9tnsnEN/92GnLgo8gwfPLWDow3PdiQ0jNldOZBTmmctxQC1QW22SNDTzbNchdT5xd1qvOkIBEOFeiyggonBvbEw1QsGikUfaWYegBuAh6RzxDLwIpzL46EjVNfeZ8tzwDvMuq1+2Q/3WZ0DCFG/NxhksPM4AgzOvBwUpS4cHCaLMc8avvpCC1cOTet//3ZJGgRFZJo2yow/M66GGguij2CtbrXFllsi1ogyfLPam2lYjTFMpsqAGbKGx8qAGHtvq5lxU4MEvaWFd0cNw5tY1V/NZmMngOvF3RIMBdexMBixTtqefIKnbg3CyqNceuAQ7+1u3MKPlFnZdxKi3rBnNNi4JC241byekqbcyb7GNpA6jnIeKMBbgzWEZ2apJVs+fsBArv8EJyB/HoLjsSuhzBBAayerLTCY88QQfsmyfjSPdQCi8x7WWz5yt0dy6ehAohIINVJ4lnPDEiEKxWcsmntnyQwkLh8IM9RhR2y/Jw2gEnmNG2ab0M8zAJ23ZBqk8Z6AXWmoZuagXlJNdCUA4ZNk+zq1v9/MIhUjVWzN5q424vVv9ICgQCuBtHefPLElIMkfXBBW14sIVKuNPKwamGk5sW9gyW99zYa+1fDcINQonzB3pm9NmaqMER5aWI9U6/nFO2LYu03y/8PT79ZC7Q2LC/dfHpjRK4fLgI8mjZd6iEAqBB+GTUh6d0CGVjZdswZnPfVB1w5RX5KG23Krd47T+hgL8d+1Qw7gMhaLRWvhzleE06QaAAjRfAEkh8QSItUGAWWbOsiL8ZDvBsl3Hka7XdlEjfNWqo+C85WGYUu23UmFmWfgfKbji0CNQIK7CWU846JP6eDkf2yrTOMoPoAU4V+alF+qEGY1Ud1MNcgEwNDeH34h8AqphkGs95jKvOwgvmtxZgNQBH/7rIcsW9hT3LMye74XeEfp5ANNj/ThEKFgcpkSJcHbgmhiCpHmZk01yc1mqZ9e2FhOurhlD/esIfTJLe4KSs+mTFmg/qd09znDD0GPo6bDPJgemCQVlaTCqOTyxz4KibJjUZHw7jHVjEL56n2Tr/IbqRzEF6lJKGqEg/lsMRmFbPWbgTkLSrNXOtnIph2Z4QwefABiUJogwAxLiPKNTPldKrPMxV0bXhuKMjRbOzww5qqWsXsCBBzutEcv2v7h53GqVmc8egD82EeHZyoOc12JavxnYHSeMGR/UdB3zFEWLzQpq4bh9ttNBYXbqIBKy6TkUBLDCdF93Qv12kyl4D3Jkbr24XfV74U52CXY0zWyWiSZ6egAuokbDpP7fTgOuSqSL8Deper4k1iPwyFcH4Yqqh1kNd7WlnSbFW9T+GS5MzbU97DuCEpK27al3hmQ5vANt9csnnVB/47UcSq0Cf0hJVkEkzrjNIgSho0KA0SdOWSSuSN85kdQA09+AnFG00pjYA4QCDML9liU1dNbx4flhJCZ8pfXWlbYdV1lcB9ZIsWVHpWIZ7HghPVUx41NWjUNb/aoT6Ue/3aUuU36GtzbLzeCm/YZhjJHhQZlLTTzpGiklwgvoJMBNPUYEw7YCVJ7zWHtfxvrvrUG4L3ytwbgFuq4hQoHu6ukq2CNSEbY6ZQVAZK2t+VeH7pEduhgUBKTfFeB/6IX6S//gcdmwD6eFBtfaTMBN/saGvI1dwg/OzN85wd0hSiW4J/oyp/Po1zUUollm4eixoZjpWh+8ZBoK2sdcIq24ehgLNQqv83EKxQzXBxgdHhDYVj/thxp5tzAFTzJT82dCH1E1bvJzweD4m8RQkFUtM9FxUpMeJQ64iliD+vMQofBXLXcEQ3BUMov/W0259ufHGa/eCrU+F1GQ+5laLZqrWKWEErQaZWNTGY7LjbzFDifa6rvG2tMB7tIe87PgCKn8AiOP2RCsEKNu0BZTlWTgl4c672eS2pM47EYByuqyIrFbg3BVl20rjcVBFb4GVFUIBdKivLI4OEnWWSnAWUFaEP5q5VVHFubpm1ubl+9yQQcH+OWnbqhlhhJFhozpnB3uHh219GozQYJNuq8TJJz41rOWvAAAIABJREFU8y5ttBDpv5xNasTs+z1rr2NOx1Wk304MwkV0dKNei+hbjUF4jlBA8D+ijSxRcadkfDxNepNVu5fVuDTYcz4exdoaqrLLj71QI+RIMfROj8HP3dUuRRwBRobM6ZNBvdgY60YLVh2nb2pm4oiuN9RkO/uZ67TeXtQH4WSKDZMUPM3xgGho1omYMIqYTTGzJzYyj2W3OB1zCRbUwW2rpbRtfdaNfZdemkCvdelNUOIMxXO3havE22Fjzb9zDDgiPUJM7HlSBF+UhncZVvSSnPLGSa0GmjsoHkSHHZymxKZ6k/JMEAots0xQqvXwzMBnQn4efiQmzHhCEMpIgH92ZuKY2nRPJ2Y9i1QGBSQN1Rq8hmGhWRtgj2NWv/y6G+q3inc71+Ip+Hx3Y7Y7Te0w4uDgSMIqVWSslWCMZtrGomyY1O/3TBQWBU1iRns8uBHSnc1Rvm8MwvUU3ON1HW0e1hYi/HrUg1fiVkzp0MKjVopwW6FqtFCCdjA6o7Y6BLO8etINdWLomR7x9iYUSs3VnBSiZ4KXiQXubJg+79Sug8g7w6T+oHVCIa1XyGXIa883tx8jFN6xHiEPU+IW26+4yqxtxDKEAkb4Snhwln8mWKEw7MtJlzLPtA3rnfbgJEcV47a621ZnOBTKanfrTW2mATPEOdaKzqbhhD6ZJ6TwmIQHpkX1TUmtBZ8hryHWHm/ubViYfSChOjgP8PAGpkf89zUKkUYoWNIIDySPQvsOFstIIQ4CS2FtBVtW2VSmmxyKEI51XP5PABk8CPWXPq0x0a/c3NJwuTOpbUjqncrtGZeW9HPI1Zju6gWz+uRNjUm95IsKvGDxII+BKtut5iBc3HlgeILt9Q6yeF+N7I4DJjfPTlhHNljRg2b8kb5ls3YpFKKz1I+5qUXFTOJ0BEy4fNcPtaJtoTHPQ8aiw1OdhqGkf0OIYZdndSzKYH7iRwbV73nEdVHeOnA9x4uav/Jbsd/6Z0MahZT/N1IHR0XqWNFXN2KZuJUwuKYg60ybkjcwViTHC4bGqjKMeqsjvGw8QWHaloiCnxc5Oh1qrOdkBkrQMmeI40HCGHhT40QU9hzLZciy/f+WH95JXHBfSbOfsnqMUPjLf3ZGG3E9jx1cuzCzhT6hvQarZMySFmUQIwdrdbelEtsWUMHQX2DafJYW/fzMMg9C/SvRQzGNEryPNrh1ZsZ44Aj/N9TfaVY11t8x2v77dyPuDh7fl9xxJR7daIcHGQ3pnRXhzUE4tNV+3VVFDwoKVWkU7fJw5UCzycOVWZnWJrdqm4BgHKJQ7CjV9MRkFbZtFOd8IUBb/WM/1AhOYDZmT7rKnb2lj+8Qe9spISRZahnmaqmxKBzgw6T+05YiXYR7I5tirMrKvP6hhQhftYci0LdIua66EXtcqODgdovIelKCSzS01K/NKTy2BgItTvamlEL8EbHX6rF4dGNNn3ItgO5+GKPDNWAA8m/InZ57LbLDNGn6TYDgIXU+JjUSNZclw3vupFxIU1FovvLK7GO9nPe5WybU49jCDRAKgTBHV7bKtDZYYU0z2ihordHShiuk4bitPQHN5Rb8Dr3WyyeDUH+j7RLbK2gzPSTijjAIBp22DBb7IDI7g8e12l8SUWvIsn0esxBKdR6YM2IfGi6gU3Ksi0V2CxGOKkdZVu97E3hUIBSIw5U8HkRMQfzp04rDps1HGpbZWvd9YH7YrHTHP4231aKHwuCErjGmuX/nheGG0Yn00/Q/ukSqBp33BTutMcv2XxRpyOllST0XJiegzfAXVuFDhEL0ZPKr1jBD5dEY6qqLuXJ5IJtM1sBhkJm1ShEhjGwZBrBQW/+040+CUH87CjU01ow5Oq2SYW49vl3G0cInJ67I8QRP3rbI6LgrykZJ/WyjINNVfckOcQBzY4hjrLcz0NEXj5FIn8p5kKSEBdkQoSAxJ/9EiwtNImYmebHUVocDwL/myBXa2FHDT4+Fqmx9Ogr1FymrjePKbL5PcT2eqbIBT+RTEwJiTtNvsk87ybJ9vOFFjYf3ooK9oeAz9tYYa1/gUf7RRoQr7BGuQKCz3mu0A03VCwIHZxMmouHyuUxQ76CQKNkXoWbqkYc+1GanWIDfVWXrT8NQL3vhtjXf5zrupznczOxW7oQa5uZDUi/gf7n6Ecv22Q4FGZbgjBi/KKGLrNkCPMo2Qii887w0yZBHkNy1wUtmdwy/AgAV2OuYCVxsVBqCxDrowbadCsR/aBzzlWUH6nKEMC/DXivTlDXueCO7TxBqlJGdJwF/48oapK3yPQcyOpZ1lNQvIKnhjkYTl8slXdceqzO4pDHaB/ZeaxCegYQ3KMlWvPBHVD0cotDMRCCj3G1px8xJu7eoM/ug9d0OslXLsQCEMdNWkk2v3//C2rXz2HFb4YVcuXO5UOWf4E5toAwTs1RCZhQgTSrB6gyInhFcBbAwN7AKFYTgW7rZQnYfIX2AwL8ql+fFwxnykruRYNkyhF0B4j3kOd/5HpsSeDShke5OqxNhDpi3IX86z5aynnPzRKeFNdot6p9PMGTNGGyNNOLsGw5JtgnchLuXAJS1y1BAosOm6hqOPlmFLx2GgpJlclbPpPzgBQeJvATJpMLpuL3a5Xxc8VSwwiHsz1o3N08KNaZx/pN0YseqFtN3Gq4ph0cOGiJZFky/HCjqBYsajM1mzj0OQY/XG17fWw1Hed9S4KZC5vca++8Fv/rHwZSHmLtwtiQTEV1UQ1UsyEa2lgfQ7tdtXnzDB2zy4XX3pJX7pAFLK9e4wathuMc0e3OtCweTugnVBaDt0EAZKPLg3V3/MFLUUNbQkeHSExryoOIZTmgOi7TRcuXRkOolIHw7rQowW2nkaqSYfyx8zOAWn3BzjbayURhmzC+x1lbI/AUiFmsOKZZZvJUH+3z5W13+2j9qPW1VdVtuql/s7n54ivrIIEA2EffbyDmjpVFfOp+KOhAmejnmRE+CNFzxI8VLPG1yVrjF10EPBbBGUS04dOTYldelIT8XDAXI6RFrq/MkS03hlEkCgD0KqKPVS83O2B3Vr9KsNc+/7x/152t2tHKmt8Vw5el2n3DmngBSxr4MDsc6R0Kt3H6joej6ty55EN/nOYDhbEgL7nzScx6ut03f4Ft/3npBNCNyHE0iAthfbw3gpfRQOEOYR2ajkOVk1GsMMkyZJoWPZ6cMO7WYZQc8XA474lj9tH/UypLQ8P1t7luq1x93jGIRlyN0jcWgDg1/81Pblc5/3JZsP4qq+xlmbBYKID6KLBQctLYdSbgqnSZrlE1h4SjJRDi8x1BIVQ3IGV3fRPLLq8wc0mPV9nqqkcxsVnnEJrOUfg9WmAOz1s2j52sW3hJwaaoLSzM8bZmy2hkQxZ9Q52D3b/AWpzjyFNGRzm9EZYvICfAYZoz3IJ9Kv+SyzlA40YSLw/5L0xpF+WVsnGy9NjwUfn2lmShncRJOqFkymrVTTq7Pm2l1VZcIStyZZTRbtIy0Qmjf5S/vi/5RF2Et07EB98wn0FXs7lfuFFDPy0sjOy1t9R7Ij66vst0ovCXd4UmxiQ5nMHmxqR3MSRsD4SdsxovOrLo5I0b4whIA+hUxHP7dk+ohBeV8ZsEW9dZ2svw620zptYdxKl/Mtr69dIpGmgMjAAF/9dXAUT/ZpAU3zpnaQG3ue5mbvUaLiUbYg8PTTSHG6qWGt3akqBH3BiLDwh7D6Rb36gpnlpmwCvcks8dtRrhefsOtANvMKvAijVnkfyytMjFuSzFHmQhWkAt0SRcFXR23bI2fACKe11/eDE5bGybe+gP984q2ZxhIy82e4w+Ow/4bi9oBIurRu2qgqAE4maGNwxjcy5fia38palpf4+biRLSj2irz+xYQfvBQoCavCrxoDwVLTjjp1VaFLQtM6b2zxidWZXjKZfYIkgr4wsuOxEsYmbV42iItjzcjZ9fcaLQizdMG0yB2wvGbzlOIGnO/iZLwdqT9hsMO+D4LodiHoBAzjEsjBzKmCfepo3erxPRkujHEedQZ4UXcMQWtkShTWGVWqttmtEQbScdpB4srPqGtQylWLTsSLPrnkaP+fGXdlvEVr+iHoGTu8BnwoufhuC0UdjhBvxeUVG8D2h20pARcFBVe0IKn7wDrkkxTwBcahT3boGfdf3lfrWioC32Pb7sMBeq/s9iDm+/ijGKO3lJIis0YysgdzovQmI56fjpy1Io06ihi4cG6vPpXGbYzMmDxL6RgBYoGik4bEOQF2GmRXwrc4T6JvGYKQFYHTVzhDT1xoLfaeikPYI2ysfKWnAnJE/56YxazDY7I6i2F6k2y65LZ2VbN5+S1jgeuoMLHi5O/PNUmLO9GjvpRZhJ6b3rqDvOQM8cAa+EtOaT+M3wSyNM/FfUAzX9G1BvwMjYYRrQN3/BATwEShhY66xO14V2GQgrL3NZViMao9TihJ0Plg/hSMRSs5crOUUyW8451/2XVsiPuKaCt0j4oeygPJvkQhpEG/Obmj8olYygC041f8YYCEp2YWDGpUPH8Z1xpzUsY0e6kRps2np5+iUaV+LlZ5sw0g3EL99VahHsVMUuM8BVhE2rBCR8FEOa36ykPkV3Cz4iPnmnW4mna8sOdPcvikX1QVdnGg2IvkrlRQsBffTl01E9WleuQY7B0V1UUtjMVZNS0qd9TTsQ0XvijXnnHenxg55GivnwoZurKoJ79QoedvkeYaWWSWeEgykH26EGC2wLC8a0utNsYoFlLMRcPhZhJClnkEVmql6PWSlxz0r+568IqbkYHOtLljzADHEIl0SNo1JDm4totXuWVXgHUGCzDsJYEnEzG60ytgNmXy/K8X9SXg0QKGqxH6OaG9ExPkxfdEDQinWDDRbLMbUiq9wKo/ydZW2/klpW+Rw8IjyToYcs6iSwnyEQQ00n+Wyj0rNpkxia7THad8GGazLw8Gztq0m0FtBnar7HcZPZ13r/A1ZcI+Vs+Librd/JOa1iQB0gJzll4jwf21EDHM7/kzgzVeswcpela/3jZZITnvgw0ehuoMk+nN4+vMhRAvQX5t2cI36JdNUt7hGRis2FGMVnb9nRVYxNKA748HTvqzxZNGr13uLH+CtfcVTN0QuCZMq/yGLtzqcT+S72CIJcOG7V8AR/qma/x1Jexahf1lMgGJxOcbYihsCLfKFc1kFDXhmdd4aGQdh4T/jsSfVRyj/GsrYJTNNAZj4SUqMazVnp10tuGd2NHTS24p7wtd5VpdO8xGwPKUZ/lPL362dAIYS4PW6luUf9ng5ubFyTkccbH7REb9ZJiTysPUluzVG/teij8ckI3q4JOyDaW1z0ULA1cIrSOgo1Fyr+lXYXNMg5dwiIBiFM1ysFNuoXHP+BSKl+MHbVeeCA/uLzAs+/rg5jBVMhJf2nkpLX3yULqjG5R330dEFejsTowo5jD9qgnB6RUDFJOorbGZWY/fgsY4UtO9FiBzrIuLUa4luqRqIeqGKKZxEg4FsH09riOtAfThLjDu0scBT9HZohYdqSXOe/ax1mXBJgOjdDBxlK9+exFR0XtiTnULepvtlT/uKL2IUs3824sHf+CV4SOxKOKrPTgbUa4NglHvQi819UUpxx3HMVFAe3/JQI3coS1VWSUyMvpWCUeuKr8NtpCpHkeRsClBUcMxfnhTdYQo9T4TEADtMwgfpKH6gRewyjcTZ2/+0md60x9mNhqZDAmeBIBEIBNSlys76G447t1WYoIXJi1Tsj+rwHhmqEQ0YySg9aizVGZOdxY+5NFDXnHaw/zbisCk3raYIZno0et6WVptK4n5O0HbleQfxsPOkEn0JiRtz9MWipPC1bOYSB1/puNEFRca7HHMEcCyNDly7U1wKJshHNAw79rMcJ3Ow/8Volc/ux63DGaZaCDmaTV542HVvGwyqdhHFoU+f6UBVlJHPDlT6NH/RnSy+Y6k9CZ3gvtruutvV5d+2LSgiNC8mBfZftTAEOzWbo5X/4QH1q0SApKjgNTMb7Uu3Hrn3fNnbhO9ECkFN78jlSPEuvxwJmDkh0pp7yCPMCgsfYsY+FkotLuLoeuLPxu9KjLFryNepv7dmUGA8nh4kaeESWdavY3rijmrnT+7xstN6DRnqkjmznpQ7LNaeul982SArAepB5vWkB4NrZiYSbgqj0zYUuJ9WBJeBYlD59vVPsK6cNKarCdmqTRWDRslmeteR5twHdiHt86SNPcUV7ZexqB3rxD3tGuFpk+2C3qWxqocretvwstvWGnSTtOdUYb2x1th2Xmj21rlCzzWE8b0Y8a81aR8pBVHpGDHZhFyuVrs7FopiLYIn5pt/SIVWMrBFCGG3BuwUO+wE2LPlQ56ausUSOSPMZQ/KRSTgO21CN+GJeiRuCb6jnw7jPoZh6ZhSQSyXQU0ughlLK7xH9rAOFZ5SEmKwt4CdfCWzJDIZ55vXXGwz5rzn/MIZl2mioBDdSRmeL/SzZpZjZAA2Dm5fXwSRMKTt2t+f+5CaYglhnhB3vaXup6RM1sVzr/8hYBUAZDi5RUPnusaiztPHAh1Yg4R+ugh8KLLRsmAToKGQ9pKdo3E0ZvQkuU8MtgTVgHKTvEW3a/eY77zsw0NlyZoAIbzOXZ+FErozrvP6kfOJKCqQ1PK0yd24BrDlh09PwwLjeqB1GWLCu59c4VHXJR40kHIR4hF7BCMGsyFH49FY+1GCjADV4Dwv9lCz4huijEmE3MplzW1k57W/B4YIPbVrUVLzZgZU/HjzoTUdKs5d0nPGsvp43fFpoygcrIuGp53ivqD7dvgIgwMxbq9y+1/Ao/DZynSf6wJLXm4Xrteyh8BOro6aQd4Zmi9n3PQyFGcs2YpAGncFTeMhdE0ai5g8Ux2ypVRT43aa91mUrejR/1owIaLT9E7gFYKMtwQbzhlHMObi9F0oFzcWIEv+8X9eI9F7WCUgrULfdmYVYuChjWk40Kd0D4s7srVpQadIP7uynVuz1XYvWiKG0pLdHqrbMt4DBeXl8XbNki5SPBon4Zb8AvLXj2OQLA41MEtridcss4Ck8zKnoHeUNdle2H2xBwpxEy4D37QodPADhwl2Bc57rekP6fySjriJnwh1tCXvitXtBfBdzC316POyY74VTb0ZLAGpsoIptNbCZdMk7KBtzsfiMe1dgIoLz66h5H/QQ806Wq3afJ5uH227AjsUPzQey/wXaQIjp6Rf3LiZ92X8FO1CVOJR1mEuWrxgyrmmT1xWG/bXmESzqPrLfohvihL9WDquatlqWfu6qeskwvTgPheVZDqPiNUpDDPRrwwtIK3V13GqwHHLNnjhGMWZ6ANwOO0aYo6nn+odd+f3wTlpnG6RB2M7XWZ7MnVpi9cMyQ3otklPVIRWkxFNAjXChmiKbzlz6+HndsLan1SF9NQQ/WooEC2yoc5qjCuqzgg9vaTQ5P9Ty+7BAiCousJ3/VA96NjVsGN9WO7RLAgNB4JbIlr4PL5Tigsg2yo64XNc1cnmG0gNZ1MwFmJ6KiQHO27TOZ3jcZ4WuRtIY80tTefXuNoYCRTHSJ57x6Wk/bAhQpUPB4IB9NNb1mtnyf4Kif3ueoiYgSXoEc00z3v8FNi3uibOkQFnWSh5iksgkVfTMgyINCDY1jVgEv7EjrvVJ6wLy1iYnZAQj/RwsI38QIZwULBaCVp/egDoTrpTUmuPyPtWvXueQowosQARkZv4mcIFI/AzutVUskK/do1iGJkTZD2tGMBYklLzPIGxirEfrJSAjsfYB9g/Vjcbrqq+rqufXM+TmBLe1V2jrVXf3Vd4lwPII7oYQAKFmhdEuoqOg3I+m77soAXrjKtshb2K1jOHlPE+sEHv8EpdBOS5IveybyJp5oNXX+x9n09Gr4Xr63cF5QvfG05rCGtS3hMUMhMcKHCZe1DGiSCPLu2EOBCGaP/lFVWzlrzYKdPss8Yl5Bb5U32lZXtZ+PCUX47FKp/6XQKNfneLQ+V+2gIq5Ash3GSc1Oi/V0Z6TzRAHu5c289Qn64OpFdn0rc5ttTSi5Ppv/lxU/AMJnLvEMaHSGAGATCP91scpMUmvho2h6vGpv/R4d1FoMbxm9m7OAeGVXEHCdy2ZhJ7RPf25JCHkmjYL9nR1FAZSNJ5q67ze72dlKZ8JZx0ga7HCUOYpCj0VmZhUIz7stXnlME7/Pj6V6CNUjALxhIFwIhbmT45o76usOpOWtfetqf6nSz35h3P7TRuL/8LSW1pfM++QyGbSr2Y8uHeGnpPOy0erL4dstFtaAwKH9KA2FZxAKxVR4rjMU/jRN2Ut45kN8Qsrq18cMBUJGo9LMAIDH6K1nmcHA/2mOa39wUZv3Fv2Jt1I/v1ZqWI0ClXAV0tFJ5DQI079FzfVNDf72WZWtuar78tA2bBatdgepD48C2bNfgjzmeVrFmB8B4ZPR+5EfGhEdNhnhBUPBI9DDSPW8bKSiPrOz8nozh3x3MGNa6e1VPVybykywA/aYT996YKvlVArUamwaX6tsfVJt6p+mjh/T+p4qmjpsz2dEDB/6VnUerLRGV68VuLtAOLbWCFIkK3j+vhwC4RD1EDQqRzaC1iQMtSl9LnxJEizYoq5ZA2VES0gUwv7aVMZu/6OM4EeynBoNqVhVcwSmsNJCwUjoyE+02tTvZwFGch2D/i+0Bdeh1/wP+KPYDJdZ/MGZIlzyhP/y331rlJGn+JkjHyZOd6oxFKJ4o6Q2JvtRQc2kXOCPel/Kc/w+dBYX9U4uhFensmfPfqd4GTViOJWAWLmqlTXseIeZOWU0ZTHPqK7dAUJW3NOB3aWTnHB1gNunnOLgBF+rpmfjzbXHCEf4Lftk0N2dDvEdPNUOZnhtUW8X6Q5ME943jvVmpVm+vkJ+qoFjfLumvrhY6YI1atKInzaXhUCrSwf2YIM5ivhf5GlxTruzohfx2RNCEe9in9Ud/w1GgDspF2VkJGXR1dNf94DwDI+O2FpTKNP2/a4MhYiwY1p3sFsG00ayJTjk0dlW2O/ZvodmL0Hx+lSmrFG9rGm//JT7Oku1RZ/P6Lp6BDMmWmvqj2/l4u2UL+ho4e3wKeZwQygUeZDdQoIjDEpKcWN/swOEk+KWSQp034/zIL/xkKGAvk6sI6/2stFa1hlQJDrLSKh7T8LaKJGN+u+vltqwRh2yjdfk0avYKO+22ODIvqj11Vtv6lf52O7K8VvaOmxShPl9Zh2PJgitR5nLlgyFPSB8hB8839n8wqYvzMstD4VvHgvuqCckRZLLcR9jM60pXCUjIe5G6IVMMeWHubt19a+ulhq+4MwalUqH5vJBnmmlLYKW2Oid9LwakpfI34SJ1gV5LVTz5ejtclOz10Z5X8sh3mb9LdjgXGhsMov31tdHDIVpnAfJuE5nOj2tN4Hwh0VGTzqd4TErz63oy4i8uEjl2BbTx9WMRrzgy1MZr6wLfll40mXN62kHWUdTvooQp9WdEuQpjGoLTU90+ty+U/3Ohc2ZuV1vQ7jElFD5KDWGwgcmNkguE3I3GYOpMRRUlNnIeitT/zm33mulN57V8UBozd+VdhguT2ULKmEawN3TpjIYG1KoLV+uYgjdghHcDycEeVg+29GMq6wBi25NLZfTnrzke6ET8uMaZkfz+gR/twOEQ9mhXc0Ws3t4asFQ4ClcUZRGA+vZ8r9Z2vh7DTX3e2vMTFRKr+qu+/x6qX822By9EJondzTH0Qc2yNBKA8nqz6TOkyCvzdIdlYAH8tcI+cJebq3p7+i4zvYMn5DRI+ZW4xkgXPKsyR5rQOrmtLPoNgwFz8YoZrsF2wzZd1hoZfv1FXdCt4RXNgzfXy+1pRI68DsvN7bLphp8MiAX0YYhUp+SafuZph5Uhydhji03MhqalmXwr8x3RKdngHBS+ejlrfWoJS7P8G2GwkdCvtkTnn83P9CnnfvdeCiw1BrHuFCPtKt99oXd0k432wquJvMSaAD/7nqpoebRwBbylbsrpbqB0R1ebBxNnqN3GPu6ddurapbtg4pplWREMRCQfSk9yn6N0NgwQKK1dR7BB5CEhRh+IuWBPcKh/VLBdtpkjntmwo9lUA8Jb2Mmg0eTfVnoMheM0LgS9ZSbTJ++9V99dkepyUF4Qv+4qoH/0bcg0wddI3XJJmUDU/zOaHdaGCSYAZx8SeUEl4KHJV7WK/XIKHAZRzGX9dIHZxsx+zAbnIxX1uxDub3oth4KpOahC7shmYec5QtJZQ5ai7WFRy5/WmvdNZWpp1WfM2+PL2x3bH8ifOAGcAfVBSAIbS9f/bkuyFve0hwlw18dNqR1oS1hcDXMIIow246SApfdZUkiDWuUFR/l213ikenqkXMA8HU5YChEBUeTpqchL/g8eDXKE16yEJaWwpvsYE9TWTt8fk+pf2mphNnpyF0vdQiq3Qn0wAb9O9/UlGV7oqmzslYvaifPLPGYxny/emuBkZJtzEbxekb0lp7ilcHshwdzV3Pcw6RG8n87BsJl76EJ5kUGfSOEFAOdie+NP6YkNHxVX6MQbnqNPsFVFHkObZDUPMfSnSDwN+20umrq/OsH/sUlRVQNc1IWBIrMl4NUO4AsLlo9g45OYIRP86ZZxnbqjjDCBQmfyG5W1t2bQHhbWISTWo/mMrH/x8QdCy113LYV3d5Z0x/h+u7NPVPZs2cvzAFOknpEoZ3lKJTHPQdTO6IaZ5UtiefIZrLa1P+Z2sU+S91yguh2WSnUbm094IOD4awXWT1b9vMIPk7L59bfDxjhWc1DeJuc4IcMBY/NtTy3oi+zMUH5l3SeYlgr/+nj1lXdDXdgZdlrdOiz22i4Dy/TaE1+dBlqECOcadPxqiadf/3wlu1s8vjNXvFOcO9ETiSysTPZPrfK93rqy1/XF2trPKxlIiv2W7/ZM0EcVNQzQZQ57d/v1kxYBnDJLs8+3lGO7hjts6rwJMwBCXHJYyAGyl1TWbHHBKGgPXeAr7X1ZEhHCS+tY39/s7JILdbXVbag+MeuAAAgAElEQVQTdNM6adFrGhsOfIUcwl7SbIFZwMFJmA8ElhV0urYe2RRYeEcs5DoxmI3FdmwUqcjO2G7jjtnYSmOOrVQrriDwhaB+0dHecMXTT9/upef3lfrnoznBGV6+UmThIjiXkRRwvzPNqO9YO1+Xzn94u3S30UGbHuxgqvHNHcJqKuvlOOhtkPk0iA/lqLyjOnWUPMLR1RzBODKePleBcB7KPOZweGVI4rFq63Oog99fX5ZnuE9XdX/fVa16zA5OdUrivqanZo8b8FgCdZ9OyD3na9RT55MgDzD2G7moAwEoLXe1Y6oD97p9t5v1dQemKS0yu6yonJDPMI7rtt4FwjN6IjwUIDBb4S3vXywY4Q1lPOgmM/pCpqWaveiX3btZccZZbk3z5rM7S816TMnmyWKecGn4RiR5CzN/DugIwgKC4KKaZfthagsdHkhk+sZKJ3ZgVBRoinydXN5jAgrvspkwAyETVPXzxm39eg8I565OsAvFgQx62W8B4WomHFlS/6iaW0QxiZpnM7V4l1xmhXxpV/3Vp3eW+rejMQZ3ockqvbAWZoZ9DC2AgRKgq5azlwOTaHt5SmXbdabWqXkda774KRdATGRjcbdecOGypveWPrimMZvLIj6xbOt/f7lrjUJuwknUOYzWaqMChOt6ywuzLEpMizGW3ZBv7Ky19HP7h3x5Z6Ulmyc/aNx1EiEXt0EyOXNG+Uh9IaSEW1/Xm/ptZ21iBRXj1E5WEMpbi38yN7XDl0oynSjDZcguCoM+uGbxg697KLyf5fCmHC7xqd3FUw0QziEPQguO2fo7er8s8C4C7he/0BNZtP/9vaU2y610L1bqum1XFhqrvnQNHklqc0MxxCeaui9hMgFIbod2AO2YeC60/uCd1vKu7tRztGPHo2yMolbwszpcVYFwxkZTagDndhnJwLeHg5kG1uc15qOC3ZujdizzMs1PW5J4e+day4AoE6zqrrJQ4HfmsNmiwYmu1qyoktCzunR+WrAR5BPgxEBDuDCNzCJTKt2rVUanb63OpGVKfuI6aG1nMPtxNnajhsNUZSiwyvrxEUprO5NJXIsvQur9anUZtyR67h4K+HK5NbRFwvG1IxxfkYC0agYvNSEvcb36fvzDmZt6gxHMGqNUVtgQA4fDUL5ScXWFBJdqzVsL8MG3hHq7QPi8/3l3yFCA5xEcwkWhZ5P0LLlkJ8J6ka7HtIQv7q70IqFeqtoumjfsVp+01HxPs5Be3r90U8v2oZ46/+Ft33bF+J3wVQpZbBlhV8w2sGcSwNEgZ31nXvJ9kdLDlEAW3g5YXk8nGAp/tHKsT/7x+In5vNz6ur7JXBQE9ERhmklCi0Iq3hfUwWxrtl309IMJXn5+f6mZDI6NR0tVLjYf1YeW6voC5Fq6UiaRFh+hVZXt+7lAyXDGuJZfcg2sVRx/7bjQbUFQCISZ9Zr30EuQrhiQUcilDmRj2djbDIUfjj5f1s2Eo4T0CJLSeL8xYvt91MQ2t3/iVV0ut0iaESoO0EaL14jrNw9labPFaSwh24kSJaQuyOPxu9dNh2wrOR43vfjbAHw4ZBs0eVrTYlxNcER9a33/qboDoyfj8mU913hQ5z6GoQDxltqiaIxtI26zjQnyWF7Sce2Ak/7b3SHMWzOEs68sd05YAqA7pbaTeRJzkii/DTmNhZ0H64K8BfEboDfLQ4MDnRVh2yTb1r52S7U13ODTigVT+IgN16zeKMtEjxq78eTnwYY8RMm0FkVeYVq2JbeNh+LbdFWHT59Qao52UBhc9bK1xXXb2KZ2WMm4YLeXlDs8nGrqhRMGOEaOGzoVm9moeLw3ON0VMDOxTnixDV2bA4+xl0rPLlVbT/XB7HJbF1I95h6phbDV1npfGAIvDf1XrIQIsv/9AEpmokzSSuJAlp0jd45y/FKeyljK4ZBma92gT6ps+75fzN1stxAaoaBCjxAg+lNgvF10NcwZEl7W9QqZ0XYLbS3w5lRlKFz+KEMB5gnNI9xvss664PvHle56M4SeC97ey0ApLutJjDJCc40gHHJAZoB4Hh3WZz+6alN/fKvgR1bt4Izhqa+1i3S8sZyxROPu7iREQLkoJV42SUzmvKQdzTUw72RbF4MZe2ZEiUqMJWPMr3gHx0Yo9Kr+7imlZobw3P+PtqvXkeM4whfY70A4UubUz2B3GZhY3W4Sjhw40MGJAQ5mBUcCKMwSUOBgBPlCJgwOfgDBsQ048EN5u+qr6uqZ2d0hr7mCwFvt6Y7Y3ur6+34sSYZ4K5jxCvbnEnSlHBO1m6Q75aTO0vlIUL+upbMdXMnLKan4At/dYpvLcR2tbrOwXkNIZaGmYV2QJBNLHpkqyum+mPAnPxShMBi2jMXBF0MmhOpa3sw9FyvPlu10nP8sqfrtVy86ajC3xoolpKtrTKvNSaXoeMcdQ1KSbfKDMmG233Wd//c8tqo2BMSJbcAZpVjhGQhrwa9ZXRZRwWeh80CmQU8avrXiqFfn4Z0Ls1ZMeIHHgzC4lqpoBV3YlXvLcGVnLbm8RM6bF530wy/5061uhFHHIek2NiGaJh3DvuWKTSG66BLq/FHuTnJ9VuIT5A5aladLZRZVxbQOy6S5S3tGPeJi7gYp88kcFIEI/wL9VrU7XliXkIdli/Zby+79XWejww0hq/T5CJRWgRJm1lD899vMG00Wpt9aqGPnZNV3zodYtt8wzmhc65MFabh0DR4xBo+6JFVkYbPJzMjVKjxu6H8hTAONAi/z9qx/6FOY/dRqCQ/lpHXBVXtrBwVfbqkc1d67pOrxZakayfokYa11dTyon2BIfxYp4/Qaqy576WyPBHX2429BIfBZS5cfcWO04FQ5btoqZmQPB89mvsW5mrEk2FfPK7vjuU9hZggF0DFZOXhRCcplCBuh0dXWegg7TpnSVb/9zQuP2m08CAuuIyAzilqWRcY0tEHGbc4hPYxv5gx9OVeWCekyaTGmMiv28dOLvg7McCl5ypfICTvx/9OkeRrHfLo7CP/0wuydt/OAVb24JA4mabSYefmalhd2OHv8Oo3TS1O1bjzmMRkQM+ygweNOzuZdmMywUiPkz6VR0RoaD2XqvJJHUHnyCHtk8eJ1p02o0ZGuQ7PhHnNSivaYjJUJwNDsHcxbDsB3fQqzn72dB3yYFD7oPJiWZkI27M2/m49Ah1RtctHG5wn3iXquSifc3tL2+O0lp+q7Qf2nObfLSxKMSZCQpsr9C8H8ZMqMJ+mna5e/5VaZKjoKBtfptF1i3tBQ+OTHh/fep4cFcJ7U8dbOeQgtb35Ntd4kbsr55an6kqxn51FPEtY3WJdauPHdHZl8mVQ31tEsyr15IKhfjeuKLCjyCciHiM8Ur9GYGMza8tBZ2dO3yuqeKLRMh1DwpkwbKbM+/ZYiFESY8MmsjRddXixDG9PDroeDvgwsWpdUvdJESUAZhLYyW9tkCkTACHmCFMUdrvaF+b7rPMP821QtkFPBkmnhHdWTz9qtULusZuXhPB5kiTqOzcRsOimv/rSJ7KnPINzbHQ/ivyXqcovtMZcdrD/a66hfU6ML/kJYwk6yhkUmi1zEW2JGEQMU223TGrdZgun1vUB5fjXWgxkVyR+FLcKIcp2+ynRUfiHvVXDGG9m6sYqYlZ89mcbsLOqC4pI56zTcx/Xv+/Rbb10Jrl1121+1SkbLrgj4qqueOqRq5XjMlaWnfjp07bBRpVd5DHGdF3GD0fToxnsG1SWoc3ZIQAJTJ7K5iyzPU7QunmAdIHMbMiUcH9UGOxX4f24H4fMEwvUeK7NXYTY4sjVG4EExZsOw02EZqLStkUi1KxkB3iFVQ8DsNDnSTPTjz83uUgzyTM4/gj9HTs2fk/XpPiFv7cLCGZgQ1Kaupe17UNnbwItxAo07+jKBnA4tBKRNGeWs3KsZK+tVb/2rvoXZAH+eJ5uU/FjRCSFUX9QmsvcAR2Uq2iFVPzz8+uwp9Twxi9fW1bwtJpuPcm0UgPghMpEKxgXce+seP5xX2u4gzQvDjxelpMhBgyDr1lQlrlay0dlYJSODzLLBUcR/RfGEKMSbs/5bn8LslR+XDWDUL2bMc8PYYUfmiP+v1CdV6xjcbvAqn7CKamq2HtFOG1NpqkHNa4YDLNsxb1CiPH8v425ut/jOThiHCqgJfwXFn4HY4/ZbWRkAo248qlmmhvIJ7fXqHu+MUGAZYRXIWAwEblyeCiYql/QOPEEIQEOZir5sV207a6eJgitRCmuKu7Gtti5M3+Hm15Mjs8A1812RG0YEN2MyYk2tJJRQF8UwaBNCr2ZuIjN22tRlAKMI3W9yYBTh551Oe4SefoPw5ABmT+rgYSSP4RZPa9krzrql6razljccF2c7K9OaTHO5eGmKGYsCjcqESpTi7gf1z9/nDfabsNHQOY3w/YgEMupmttFwpeulhzmYT8oAqMijSXxRTS/jkIbC5yMUoFanOtFDCJvi+xZQVJ3sS1C/cFdtALNzU5dRaAtwWm+0onk2yO5J0nTFd/F7e77Pss0qXdVstDgxk9MPEECTjMvInTT6eE/0MFgEoMIjwIyml4EHzno+5PLw2QgFEbYaVCl6MP5sqB4eg7Mh967kPnGWqWiXVG0761HfbVlmGsTMJ2qCVJUsHaJc5pCGxJyMvSnH6bsDLNsV9LuAWSSG1di+BnEwD4GkOsUKTm2jOjsgimf1VPi/IFBUJvzcf2L2/MqLEwbn6RBAqQ9X4ruW4aTlWxmA90rVAjCbbQyedDd8BZmAbXYt0h2cD5bhl3b2fIQ63y46YhKFUvnNKVoJmOCdi37fFE1VEj5eUcHJkCicDCbMVGsZn+xghPshFN5X7m0QKIpKEu4uspY6JdspxMtWq1OqtmSdDV6mM26HGpWrMzEexLRuBFKWyAFFy7/TlN8fIeRtvJVk4k22RwF5RM+fkpdKS0ntQcjDjsCpZzYmY5D8FEXUYbHXOm1ERzsVZjoI505rqIblixpm2ZP2vvbShHUwml6KAN9Q6i1Z870sQ5Lor270VlUgXir0uluS7FgcZ6fzIeq8P2lRl45Rt+BBN5bBwlv4YXWMQqlGNW2tWwAm5MOG7qiozkE4+rznydQTocAjcMy/4Y65tOqxw3oy6mT/7cUyj+qUqh8eftF01lRJehuSh1VnqkGLfEle+WTKR6jzTUCTTW/IaemQSh3KGFYWW3qTozwgUlcP98NGTMGTmjJVERzxXTnP+zyPvgiFJxhah7rBWpZVN7Xs1971BW61ftvrqMVfzRT/lQcnzgwO9M2lEBC7euLVo8NkC/J4urc6+Oe5sd0RUVKosegGM8ooxfbn5GmictJukxnTpjKDttVomBjZdxRtk+lcvY6bs/7rxz79lmu2oAw+NIDR4G2sryscDYIVfdsrVYu/WpW1oqCe46tZmSqbSWkm9B0/wODL8vJ4fZc6/9+59aYGgRZjzxCjLV1EvboWDQwP5/s7UoSUKVHL88h1WSaGXZML6+lUxWVFQOHUvTDTQbgoWoVqXL7xIA8b1m0LNGMGZr9Urcm6MjIV+eu51jGsZuMMBjG1z6g97CWq77rOK8t2bNYcZHrkUa19gpun8C+MQg5jES3jB/huz7kASYPNa7bqlwkRySr7fP6ShZnUZS6Ch9WY7KqIrDZiPBX9uttJC8/aZqP8Tsc96H+pgHhclgSf0KhhlPmUvKPfH+Lu1AocMrGBYYN2XRtCOarMVlJ2piqaovqOIlC5xqJUoy4neDSpRLjE9MZ+69wRoVBwhKZGN6yMWYZGDOUqO6/c3/1StZnUqza41LcqCewBZSr7DcZPio1CxaXNSoeo8yfLqXVPAagTmNQtrTeuhceF8ZFgJUDk3ZiiNexZV6qTDkcZY1YVj+ad/dYfeiIUBhOfbO7swbNs9xUyFgcg7LLAXCnLqrinTCOjH48CeBIQ8GioKbo9x8TaJwcIef+Zc5uoeeOtWZioTRgNYjVVffkQbVQmI7wdjJmaLlaU8DyblJnUZevxaE+EgvglQi8YvsbLlflnJW81x1+ANG86nvSl3WoQZkKFawyZZFSBfSJmHORMhgHzP8SyFYe8nJx/rf10ik5+RVzukx27dNVMwxVigAEJqZ2DZ/0sCRYlj45tzbZ6AISL4FEDUZj7IRQup63ettfz8kbbavFNV0GVTT3vb1Uw837WAAnWLXXkCbUVSxSo3R9OWpTdC+o/z1YbG3QQqG9c4mB6xmr4Ex1A2CSVQnXpSZTWcELYt2Qx2MyNLyqDRxHX6+FoR4QChBPUN7HOO6vL2hXkt3wAfuT7e/x7z6N++GmuanVqeciEuKiasSFWSTqhXVCACCTmzeBH3Qvqj//gdrdVrFK9HdleRdNPshqBr+5guigKRjIl4Toxi37pITKFo6DdlFjP7joTpI42Yd0RobA8LXWbtawptffE/VXXqGOrZe3WbJL/JnuhG41oFRp0jUIy5x3D+XNjc8ghr9GCxshLFid1GAo3PqnR1FM1UMMGhQ6uDMwiarPoDRoBVGgucIgdQUT4oGbd5yAUBqgm2L562VlULyFcM7eWBebXXU9acaNTZU2hQGIMaTRuD1fdBGXXyt4xibJ8JKhzq3HDE9FySyQ5WfKUA1wl5nUPmIJhktHuRegg+rjOmqwnbgPttE1f9mwYswb93xGhYFZ5RqV3U+9bgQ0GCE2f42J8SBvckP82/yTIFdjuA/qx0A+jatyQucg9FtTZ3+AFZ5SikrrjhkekojfyDcnNdQQtGhVlRpveGu2WzGt9WM/AHmkBPn8BhMI7tr1d7LQBRXCUjl2fPOd1zFutrq2WI3lkjTTtpBHT6gEQpQS2iqiC/MXf6gh3pwlqGWyGSt1ZjWQ5jmXNETd0Qb2xI1weqD4dVfRuhEKhq8ILKfMMA0WVhT/fFRP+dA0FEDuukeWXcFMBnBVQpml60/mk17hRyY/JpAaDMiOjsp5dxYsBZD6SqZmQ12ASIjmaCBaYrp2XLCKlv05PXA+ISRl8PrbgBGuwDYwyo+M66b5jMxyd//X8+Pj48fn54+Wfx0d+Ur6QPy9f8dfP+E/6Kp49X56Vb3l+/vCtC2FfgQcHNhs2Eu+Yo4kH5uWm/F3vowZuVFceQPZEAD+Sm1cB6Z9MuWoU9EnR6j1EyFvJ0alxCDn1E397UwJ8tYxYaiZPOsZRPPgWTgibNUYepalqW6mx9awpe91v/fC/Ho+/VAZeLb+3vJ3heniX/WXnVmvVbnGBJL61BIpWJO+NWsuhSpvJRwh5xSFvTI2WPyufRP08GbXDA5yUPETYr6Y6sq2yhLSBKBhUOCe1RdWJWUFiQPNfTns+H3icNk/m6db3vxuqOPQQGtrOsu/Bs7rFS33x9qvuRw0oSr3BEUvRa0vabkv4VVUCEJfjH5/vPF6NW0t5MmSLJYoVl1vGZCJPT9oPCEhBxqpwaNpq4ICCK39FR8uc9KRnkcs493/MYwyK9PeYgwOPpdKq/8/bteRIchvRtgEtvPQNZtN7bXwADzIg1J4EoXuYIHUAI2tpwLXzKbz25SxGvAgGmayqHnVlFyANRhhJnRXJYHze53MShI+3Wxm2WzqlsDYLdyTwZKMUoIgklPqf/42f//7++av/XKNNpj2fwxwDIGV0QC/yjU3UYYSbSidSNLf6pTJKxv+x6eDAsb7qQLTn7/368mjn2F/Zy2BEf1e4akrqPCr7/vpQ/9lvt0iSqdijARkg+kehcy9DJ85rK7P4vv6JnkGfP/sETuLE4sYiC4MYDEvR58fNb1ftqj5A/7tFT9IpSoE9kOjB28oaQrMv/pQoM9zbyKK+PK6+b0P9nU5otWy7ZU4eJJUZC53EmcXVzZHwpcJcttYnj18G2wYzpuZf5ZZeE7sBJYyIMqCq+ubFbsm0MDvO8BvIDhFeWdsKFg/il3mtL07fwFkPw5ODF/0sZuR7a87fv54QaWy3DA6OjZKsOcI2WDC5QVmW5VFhyuPTSMugckQE+2XppLnTiSY0DVbIpXHqL01cODLJKK+wwqxDHol3bQWesL76om4TClqCxVb/cCmGwovCf58R6g4mzFGNb5UoF50v5xZdulREpuTvZ4/fAWVkUv5O5G4lwhJNrpahTSrRMDCNYGYe5wo86WuVZZPmlf/F6PKKaC/x/5+KdMbi/zIHuiuTPRFL4PlJ/NcZoZaBmc3BZVUcVG0myq5rs8wd3JWoa6Mnhzrzqba2mrRJiia70Y+0VYB9/QFojLIOtPlr+R8DlNFPws9RsLT25lsMUdgBOXrxVS25UX7u22oTfafL8i9G86BPv307JdQ/qZPHPxTlHYREwT80bw/D1pXo+vSbMWXt23sW6UkkgW9oVikTlZvoT3UY0jWbYgYTxkS1rqEm22kdx+AWbF69FRuZ7aJEKYutF9/UhRsZwGrCxdznV+CTZUPN9Xd5jQLK0xo8chAYTMaCM2QIbbikBBOYMerEw6psb5O4nGekEZyAVh7p0S9YNvBKdMwSnV4GhP5p8MoMboKSzEokwgVXzrSRuK4iffSi7C2rBBZVfNw4z7/1UrPEq45z8jfg4F0xGtqtxn7UGiiEjvnIovCeIeT5+EVPfvytwpGE2br9X2h5rgFp69G31nozzR2dmx2I9VGQKCJv1Zn1LHckAIV9v76q4Wpumjy1mUJ9GU3J+7bysjzW1M5P+HZSqN8HhBn3WWi2+ADJqTKhR8PgIi/W8iALtgH5USJYLLSgXBW2sI3bK8cLFM2yzsht/Vnv/SjgXIfxWAffcPE2M6fuiSezUVXK2Pfra7J4lUZDmr/DydVgh3tiwaoA35bCZ+VvFaG8GnBUxT03Bw4RAWca5DB05f/gu2JrTJVxNt6l2GZvR3S/P85IKBTxGzqUbfDoCWqhGI/Io8yddXZsa3HeAixht83Hp890e6t5TMTeUas0vXQnPwQ+vR5Vdlh52Bxc9OCMuqPCcRRVuirpTZ0ybMse3NPFTHdyt8jjhg7Gl2FSS6MDszu6Gz16Ow84sIUBZKaNvyP3MsvfvK1bCi+snqDSdS8INltoJpU2Xup7P4jxxaAJMir7dlqo36vjbgGbSSZDh/MjqwWbk6lJXi0Pb682wlDKXO+0YhiWlrTUM+2UX56mYZoSvZ9M1FH4YYiSjbyV4arnVKP3Ng7H4qO+JNa8DefXK4ThJ1xBCZ211m0OP9fffz8t0pbBk3bW0csc4Y4k56OAUoeDvbPn5L1II9Bp2mcFHccdNcgnKS07+bFL4ujwLpg0OGvRjvQtsDLFbG3oreE0X/e9ux7XT0c666G2Wf2hEDtKS8439WmrjlE/wZPqe3kEww4hSgWnJtrvvn15KFjds+keJee8E9AphzGu4y8dHurKbiDMgqNqBg9e9X4evUtI0Qqz7m3NfGvsrmV09smOS6zsQUTbQnist33x6LJJOIPr71NWHXMGz1o4keJQZDBKWApT31QXSYnt4ruuTjVHukj2nJpqIhOL3Zw4wj3zCNbF8WgjxSlFAMLtrqbBw9xUzGTXNZzqKubz14YrZMhZ/Wz2LkmmsTwUortl2GGRNQKQWlNdLidG+u1PteqwuivgWM4UzyvHW09otB5UZfz07XWYBmUR6EDbTi1QgvMwnBxZjxwCDYLkONWEhpA8ySirNWq2rTX04M2Nqf305TN1OCINDpHMaJ8hBZcCCje5qk/N3xMlU0Y+2sjyVhMogJ4YtX0RGuthNipnOuWBuaMK7/bfDoHoibOA+DwB/A/KwWZEgI1MnTT4H7H9ku29jGKenotxcEtjeRStwOWvvf7B0ttKEsnfwwjlsh3GorfLetUlqqLp5Pz99vY3rcGTP9YOe+KR/smxJmQYMR9sZO8s8IDsGB2kqrE6C4vbAwVyGAsw59bW5zylj32TKbosaosaBjh4Ms1RWc6YGDxzcIXqsVdZuP8R+BHP1HGohQ0VXOc/a0zeLgf6pa1CLqTz719PjfTbX6pn9Mh6S72PRJKiAwCy+hEmKWbbd1QWkW677INurBDDotJnn+4A+A8ROe0ykHsQauMDjSsPsuGovL1J8Opd32pvFC51AGjBLuBe/8iB3vciT9rmRLlrB5FHv15G6t0hk9+m/eXJ+dutPBLpsdZCMiq31cFP+gaYv6M6jMELHj8rH3Ly3kG3TuGOidv8z8QmxANKo8BZNzbOJsjgDPzQnsELdC5L6mrCFTrhPCSVUSnf2j9WiP/+b+JZHemNRjjF7R4Bb6lF2HLlyflbYUe7XaxOxkpOjZMIjgMugXcH6hHdXnV503lAlab1JcntHIMJzT/76PA0hmH3FaByukklFsAuGuCEvzjkC8tG27xM0rfWZ00kpQWtmj/TQ3gwSF9VyJ0F6Tul7gQ+15e3hb77ZRIsY73oGM/P3+ZobYqjEaUvkVqORlOZzAI1yqCyNpWoa5EDIV8aTnWaq281nQ8fjPO0/LASjgc6tnOjLm61wghLZQGjtTQYPVzF2qOJH7V6Q+rwqhrxQuGrKM537aCrkL8aewAPWlwtgtmepqbbpOp+OwiUufBzU12+nx1qyeDdeMugPRLjTp+HUZ2yqgWFKTRHvrpqf9GV5mwof9ROJu29fcSYkTpaVSd3o9t2DATJvInSkzoJl4919D49MFLk3M0/OnsgX3nSCydk2Yy0ar2V5+0BmR9yhbqhcINK1jMdQ1jZJDwYf0+Mrq+ov10Nbm+oDqh4/EPRUShEeyI6ZIKAO9oeuFZN33l0p+5NHGYMtP3IJ2DvYS4iRNaRK4X3gDoiZdTzHF5C0jdcFTyu7tF03fE09cq6V7yJryBk87KWVTbktba3RaqSJIgLIZjFFRrhpkd71h3spI7yFfm7Z/A4Hms3z6RRnLe4KSOEZeyray1sHJRPTM/ISfl/LNrUAWikGkcU+lpz05HtKDs6q49i7zFIzO7K2dO4tUNcJK9XLtKL1tjIV7DE7mlBDnXMZiMrCMlwD4dwlBW1qLNUWf5+fqihI8NGVX4AACAASURBVGxyR2I0KwUZZh+evqyttX5L4oWiX0DKRn41KWi4RuhFFrZnvrrA/SuVP6ouJjwlDLyg/g6egOtindBdqzvroBPONy8eAcGEFhJHWlK2fiR/YbTqXurkEBfUd+0PivDbiuLDTfUX5O+3t/ciZYf1wQYoI5E/IecfnPpAYi/jr6wzgzmZX2iJvgEvqsmCdY+KGDxPT1uugL05CPbK94rKqxcKwBZGvTpPJYyDcvTxs4uWHQ57q8r5BkelWbvDTxnSV+qXk6qsLQffk7L/iP9npP+58+9xk2mwo8iKYki7MdJQ8mTfWhd71d3llWbNb63Mtm1hqUsPD7fAYkw/g0DYMyEk6KipC64TlVc/RiFvFay4Sm+6hjDbbbS7m3x4k/c6PDGbZTMrTFfxQ9swhPmygiD5Y83195fkb3is6XqLm1UOMAnWyF/WGepvy097AeIYaZYTByxIUd1PqrChAg/mjd51ZnWFzY5MGmJySxmKg58ADOtTJ5qtP3X4u5RftS7/aOZ9TrZTPaOl7ARf7tXgbhxODCr77ecvCfV71a11IkA7dfQ9DKOSLrfSMhu2N31caAUDiqKjDg/3lkfQUTAJeFtdy+JaqVtyhFVIoQ/cLdhSk7VXMKETfJjIXdm1/m1iNZ22LTPLmbCtj7SpAd8uE/j/diB1nEG1XWZwtNY2MQuK41HlVlfQehx9csPlxlsXAs1gjgfkd3TR+2ioYTwQSVefkCznvI10TuizKCzsjg1lliDe8vBUT3fRImtp4V1Scfou7TWm5zP9YXLmY81U9RPxgws04d4dUXX5qor+3qg6RcSav7c85LQiyJM8XtRcx3ObRPTMFT1Mpzoqrwi0DrihRpX935ThQYelR4od/y9ahew9kWH3wIoKabyM9ifBxh0gJUBfaamkufFQHlXhtwEybPX3ty8K9fuw3urFDemEIgyNdectM1A4CQgpAXlyoF0Kl6nn7g+ORik4XXB4l0NVQ5y/ZJtkekd3bHp4oZnFca3EY2nml9nLSxn/QhaPwCJoNf+YkO2he6QOpw1+W4nSncjfWWVwC3X2bjn9vHQQYZaPXHsZI3EZJnjSfFDZb9lGCG97C9vd8ckxsxOmqNJaKygclH99GQBEiRQPNL0uhIMqQ2nhrD8KdXhGX8s1lDVLZ5etkjYW/Edbg9WUsSG4IsNva7HChPu+HPN1h5fdutLNF+Zv5WTqcDSIsqd45EF6ZLgBC74ikWLmLoZjPmjG8n+HyGiVRM+6q+MAHMPGYDNHwLeC8nWZMypb62E8Sh4XkcUGN0tF2TkLoooj6jgZLYS7lJJs3uWG57ebl7NtWyA1GXVI9fPW8XKHhPlLPJO/s+JkjgMzHSwHM8DxG2vksCxwk1QAws1d80TpsNCnCRCW3zb6aPoevjgx2aa5nyF1WqNugztjwvVHMgUAkAC44IhF9HuS3EQKTdKnk14cVYi8Exh7qxYHeLa0uJVux756Vka52VLry/J3W2/tg4JC1KoMjPUwDaJy1pPMhY7cXikP5hy8xBVfasIpDNuHl5hkXpyEWzkYs4PPseN94EfFHNxTPbT1010mg1KadIYEE0+hdzhfRVlzec7WQMsKS+iGogSjT0oxENGzkZDZ0V8OR5yb6vB1+VsBCtVmfTIRlVPtj3W2h84i2Co0GT7rrs8KJlC2CYEnaL6ljx9mgBP4lidhAPXM3okJJhIOEu5cluVkFysoXKmoPVj6P3NXz+NIckM3cOLMmdNLLr/EcL5XhDE5iYL/hxs9/gW34cKQ4b/rE/n4Ud2lVmtuMZKSu9XOYNWqKhb5+PieHeu++onudqh7nGpdaLcTW8yru0AH0ZmdlBGXwR1v5tRyASj6z58+camtvfWtMEdxmqPyKv7BSszrZj1pAbIX+6P0USRkd9GnmIx0VAnZbb1lVFFNzJhbsWbiVsWGI5ewTckya10vRgtfzP14wQJeSwk8DmZWNPkQI0DbedaUTDORGEzKXa3iDUw3T/TlQLnsonjfp5ASJhQznfPo5PBoHJaBTH+N1KrEbFmO32i91/xdjzVZexkTnsRnLmoaqi0Oipnyn1yrUkpjhAQKV/je9x6KfTjjCpNes4wVfWw7vgJFDUM0zObe1npVsM0aZUpwj7W2e4TvDc7Xnta48nZTf0pTqxIUrN4KFIjdpdqT25yGghiCDuuYcutgTsmopqEeiYHKMhp/PjEzdpm7HVNYSxT74xZ7EorwPAI4oDMuSCi7TgCsi79jG1frblSRXeM8Cm7o0y4A/6/X+saul3j+UG+T7PutsAnR1Fo+h5QwGdTTJLwIZhAcrXhbq+r6mgSFomRLWXG94xvIoTjN0rjJWZSs9A4osJNy5okk0zIU1g6470SPhrUJHtTabdTwOnKl1kJ6DQucm1a0PvWhbCAp4P0h+dyKARyIY8yEyzQpW75+7lKHd+JSUmjn6jslE4Px8Im2UmunIWo+WI3cgAXCG3Kv8rzJFuZqZG1io1J7C0gffawnEzMeN6gdV2Rm17VGTwR5tQIsVjjmVvZUbrFEfdw6LHIoffJ2SDTTD37dav/+5ZOX+udkjlp/C5ULOIBDv8NE9EMaxbo83tFj947HLRZt+8MEnI4AtJBTC7P0BmuZONeubSVzAy7Xjw50d9WbePF0/Prh16jLjL9iYlhun9vt+h56tHSPT7Nzwqw6k4C/P7Oo3pTWvTrnGAqeN6AHQEtI9errm3lLx08aTFYysNEZVOlGgBdKtWFNytgjBaH9ZRsyOq8TtnA481qWtfisJiZ/DCGw/+jj4drGj/U9N/IY0r9MZCc38LdO2n7/7KX+8rcgo/Rs+wa2PKgI9RBtDWR859iAuXnb+Ncc73CB+c4bLCFV7iPWdedQ6iWO4J74zRONuTDNFCzhgjAllpOvuMjFMjZZU/nBWgC54EahOvm6bHuYv39qhWD5p09f6j+voLbXkQzTqtmA4FB27LKU9ZZRucDMUkOFbIp/0ykgBb9rwnZXPivteFzmlul19WDWk6Yyrohz7WUuKZCz9FAR91GFxb1UNWoHAXYIX2wPud+YtKGPve3oopc2dDq+fvn8VzBH/XtgT2g5lzC6/cCCuy97YWtqC9f82VJO8B5QxvO1Bnrilo0mcKycIy4zfkaHg+HyiIXrLuiO8qAotpgEEK1bWe0WfB3wKRp1vWhyDTE8hgXvT1Rf2ox9pKI8n11Ul671lVOVXxKYwQPeuMC5LKT/NtNZhmSYpQ4KLKLGx+A3H73Neby9GwpycEJtBGxOaBzA3c57eKdLPC4vS+SasWmX4e8iMIyFBhOdH0uazV/KZzKNbvGObPci9WbeSHlmhTJCJx4GICvuZxJKdNI++IqySsYUnlok+S7bIhSStdO19tzKKyrXQ4og7pLDdWihJydjHE0yR7KHbupaYlultXx/xlKj5/FtLQkWCYbgeNful31UIxD7goFgIBfcOfiDKx1idVKQ7/DrdIB0ONFFfkuKtfooeOWeirl1x9s9myWy9x8RHrnqk/B0mYcsf/tpSVmO1a/rWhs36Gfuz8kygqKR7SqtgSL5xkTeCaYRzQN4jr5JsdqTgMkzNcLmhJPAnHwEALvPInsf+YdVNXMEirR16a6sh034S/2/y/Cmge1fn7LSPpQZs9bkXKMBBV+chOHzSsMUtWhYxbQNpezP2UGtg9Ot3y7Vw85UQAwduIZTDw/HWoRGy4fIvV1gwQdHIwXrvUpY9q2jkBk9jruT2pyjoH+xb4A8pdOxpROuv/mTh0F4vax7Hy9oKRFAjU3B+WqwaeOqQfbBEK4sBTbeETnv1HTQorGUVb3sx3ALv3nII/twGReJ0np57x9TJ0640WHFeLy3xTrVT1rpSMzWinzZdT1+cztJYANOMJzFWlQLhWfWVmjwkSQcLtamilTCt06MMkUvU5wVnkSnXSIeyN6y26h9thFm+7kgoszbkcJ8lLc9RnYZ0m/jJ/7nWUv95a/vbjnifEhK7ijJzZcnv2hdWg+5ahU9tOEn9/U4J8M+z5lnWgt5z79BVh33JyUcXukUSxiBlWhlLbs9EuobH2p7st/CPH+8DYnw90/2zKTs+vrT+/s450Eg3t5kWVfWiiFWAWkRQbaGP77SSLti3IsKQsWqQcxDp6gkDbylKXBFBkAp6d0Dd+81S+/TR0w16uYGgA9lIJf8pHaof33aSnti9r7GHcYnTjW4H+SK2DDYlIBE+cGQve31YQzf7ggk9GQq1jS2wYLfqhF/tj+7lAR82dUUfVd3DUfaXCSauU3QdOdSu9//YDOafFpSlmoZBQgn0wbj29MT1EoW5DM3EBoDr+yRjGycxQTx2xkJBBcIMlo5jYnANf8nzy8cSplu0CX1KbcL2/faCx65GRdamQ6lgwPMblS+b25ZT+t5SZklZgGEh8Js3oCzxXbuHsHLxVIxy8mEieiDRRZNWglc5asJ5LO6N9BliY9MxPtFm/2BJuF683MYfmjSHtVzuWwzNI/fX5+51F/+jlbmGvRPuGzx1KjO+9M2dO8k3uZCXjSd0uGj40y7fkf1AsgOtc37QZ+eoYnjMdyT8EkwmiimJCuWZoueUy4Q47Bpk+mtxLd5hENLdu3PTcqylfntPWEwX2SiaVzz9pcquwtD6gCdDg6SP++W8i5zlLa/oA5vlTwcyT2aTORuPcFOoOPKoeSUB6/iDmIBy/bZ2WHxyz5g9f78Q+1i8HlZQ2WdeYtA+QyI32JstAwtOaGWbGR9fpBQtutXFxyKqQqlKNwuLijsjn8Rivgoxbi16Pu0u+hl4eOI3BWAOHxmu6n5lycv9c/voWO29JBsp8kBcTcOpQ9DLIcwfgP+th7zbab1wMhtKVcppuvZm5ohrcI5ocsY/OGA5Gn0eXzoxRy0YygZabl3DPK+TeYY8n1yTHT99ckr7RyzGPSApUNo6o8QYXUrDItzRYiHEcVTpRYdnw82HXHtarjODINrTsP4fRMZetemr/DgKgf91I1bMZzFcGycZx9n6i6yRvXyl2cvtVNHfys0YZdPSEyCXXg9UhxwvySf/LrWqRzxUQS8UaRlBN0Ez86p4KJjRPDDSJE93w3kNEMLOKFAdd3GWCgXJOdMHB+7ImxE0benr3Stt3rOa3hrkEsv22sa0Pc0NrGy6zhRjh/18o0EfxbPxexf4WidkakWBondVuxUdsYb8wnKaV4bVrFOKlObS1y/nQlgFPD39+cvdYiOumMVeeR2UExUlrtSkagQKPUEpR3aH+5dTgsyrsMAFP5r46m2D55EyNlq0wYMq7J68auahsFfubh0fjArs0P95ErL66330dDDMCfj/vtFmJwTO2b6NbAXnbFCkwSGDleV7i23oRgFTGET0KjjHoHmQmTvFpoSZz/z9fBqK+MtAjlbvbDRhj+7Q3kHq+Gm/vrlFV7/G5c6VGXYkbNEz5pLSTXrPXDgmdxCgupHxe9KVqM8wcXpITGKtDzOootkb7ZnuyEIpwMxzQcTzYCCLPeQxhOiaDrs3CvDcFM/vdLa1FvR1h0motTtiGorRF3Nsz6i0cPij60u1z5mzm5F2BBVH3XD7WSQckZxrCC7XIeEUJcqd4j9tG+I7HOzRNZpQev25r1Ncd+0cFlepNIa6i2b38qM20dlOJaclfIj4JlwrjYz/aCVbqPIdkTDEiEJVNLQN7M3A/ehPNSK3CLRYi8Tc7yPEzl3Vqi5xbQwidmUf4+2Z6m9QE9rX28VQw/9QrgMT3M0sRnxzaZ2DOLQNPzgWPOjmRnf4hj6EJdO4Ur9Nx3+cPQjNixnTzYiOw152+DcpfmJt83ZkzJ+/DEwWGg39duLrLTXW+9rH/HBaGGp2ix6XawXlCjLqLQ1+HiLy4czckLYTgMcS/utKxGZoGuv5VBPdjYjmHut6CgQ+jYhKY91R88sMbmPxqzfv7T1ZSqtoW3tbBQC1s2FbuLTPe505gx8audcG/jMWZ/Qx91DlWvA1HOnC2uTAE42Q6RO72MO9Y481vFjqcJI0BIYZlLEpD4elPnYfHaTOX2JSgv1lt/WXQarWvYmEKMJQBJO9trey3k55kdLajr3Qw5POnFBzSd0ul7Y4znaJDmeyblVQ0Xcw3Sut+ckknZgohZUDnzTVjiWj/fr2y79Xl6o0rLXf1dHR/uAc0sA/2Ri4ULB/IUOHcjwDx/q+U/M7KuipM52uGy0w6wO5vBSJEu8g27GqcTEpWddbndTPNZFhhhLjAjeY47tAALOoYT1xQ71FUbBbT1wENgH631evcEqh40iyt7Oephg90C2ZmQjMjaIUGTf7vORHBbvVrBksh13j2zwM46ZEI0GxKGCV3eb/uN86hEmz4+VfpVKC69/wBh0ddIdpacV6FuJCzczBBjS0/Fpad6jHJSr+Li4LnxBQKEtJ9nJdUnCOCJthSguY8+zKYyGSoEFOkMDBYGT2CQgp4LPOF3PtwmVeYKJLk8RP7lXb612rJdBtc6LT/Y2gEVRuH8aT9Rqai559okUbIKg8u0rHcym6o6Mol5sjMtNfa4fZsy9fdbeS8WgHtgZb8ZAMAWOZh7PyApgAcgfjksvBp8kjBL6hL1MmiZXocGKxrr1GHyOVcOXLee/Ezr/lVkmNkqWsn6eNtGW9161myp6zUjhRBPZN1vfHespO5soOd+tm5Eg0ej412sdalgyOU14iVOd8MIVKgtagN2WqKVDqITuLt7HbvUkf+ccD+otYNB21FXukhkVM4/TZZ6E0U7IBlunwTfCExKnvWwzwFtzCnvqVFcXgRc71IWNUnRHwyyjRe21OcAfA5Iei4d6rXtuJOLRO4WExyExMul5SGW05JQEBdRIrztiq4FjoXFJN7X8zz0t0Us1OiZNj9+qoRISMxOhQ4hrMbxEqeyL4eN9gvID9gADotHrlE2ANNIlNiR+oJUiglsm6fBZQEGAdjk/Hoep+q5byYUZczvczP9SzN/n5Q51DPWkSLjxvYMrzP8n71p25DaSYFvYi68L7F2H9cG3vewHrF150HGBKMz6PzRo/gH7LNj/u83KRyXJIlnF5kDNVhswBGkePVPMrMyIyMhR9o16R4e8yrBN7b8KuaAoMdRmj+FPKRsQxmEt7ySpC0xMSoIFwfaqmlw9agrWdC6lCOYbmbceYZoqgvunkJSthbW3qnJtSSDZyqG3FgItJTmUruXd/igkLjjas0X44nyEZuouZFI4G7pThNzVHD33FBQsw+LjSiXopKL87q9fnvCk5bZ2lkemHgzss0/B9nPzzhzxPImVNzCV5URVqCkla1GRGPr2fKgjlIUh1ZwlqWlUGDSYYHixl1MKR5CCGCp3bmNRzp7yd/89vAfrSQ92Mnvz8sH0wydyI+ag4MRtYv9ppzGjJafgEuprnawzD6M9itLpRb/bPMhYnwqGZCEEdERh+kURdVeI/CTRDxhiBQ/dCGre/vLHU560cJndTVdy66yHiMzSJLssriUXbAi0SV/APSFVdEfxUjAlsnxPKf4Tdg0Gc/jQOcYTqKdJOc4RTnD6l7s6qvu4thnknypU1h+jnvppg1r94G9+qke4Px6Os4mpEGUjLVEVx7e7DnfVFgz7Bo0N8KB3eWqmM+8pHneQ0boCb5Fkzbns5go/pf8SOFP/Y5Cc9LMGtXmjcFgbc82IMGuBZQOW6j8oVET0pLzarxEOyp36+BSKjasz1YgTfHUISURxcsxRl+tC8wPkU/0CICrk7839jzK781TsZTGss2tdstbkTRpMNiBftNrvYmec1iCmHhvV+iDavG3aIpSmNcHGBomBGz0HDOACBYRTUVGGexleh8lf4wN5KDJ60j0Xe1kM6zTVY2uZIJAJ8mwcbPNnViTQnpimzWeBfAueh3xcgWbAB1OtAXl+N+uRaBaLLK0gNVjh3V7kpJEtvdZkAmRgL/unDmoLa6cyY15LQAY+3OhimWh3s7zjEs8aTujCTK6oZLCb5dtu7COVWHC7uvJTAI5dXc2oPYR67BUexcpbCjKP1z9zUKew7ieeR86eWdKkWtCRDFMdA4DXPBWOgPAGJXq/kpmeSR/GT6enVsmUhzEbIehWR8r5u+ZcvxQZEEo3dX//76mDWsO6G8L6PW+xhVrORDKFncBS0ykXOrgGD46WQIbeY4xjTQRp5lZUDb71DjpvBBW1jM6IswJtoLWlDI45hjCU3wkT/ePzUx+1hHV/He+wDQ5KEvcChr6d0c1m24XlE481JCbyMkV5zDI2Q8JhizcKI7iRMu8pOFCSSqVyLsQMcvNGoag/2rJ0sCqHx7e3vrtev367XJ48rAUye3crOjS5ca1LJqJlm5Cqw5wE6N4knrrnVDojmxUqqhIhZsMCAzBEIv4LrGlXW3GE7CQfZOhWH6MmXWtBXyM99ZcnP+kBCe/zqMeb2fFJA8LC2fQbVxv+YnCiqRSb5k0s91sQ/D2T5WZ1xtonWS5BIzsVEHQsJH0Mi41J7iPmu6BalDmyTXXnLsjq28BdPi9QNpP/5xncKEEUbLrFtU4wAhFl4Boj7QKqvGVnvAim5VlkF3hblTr8BR9zRk0i5NkERRn/Bn8Ki8aiHaF+ch7j9u8Ja/3+XPWYBjr6/vmDOvHWk3lrWxunthXKKpbqmCl6htGfC7zHdsUGrwAAa8H4GtbZsUgZZocs1uRpMwU4E6vB8YuoXlhEJleiBWOy6Rn/OdKLznPR/T29JUXCU/LUc946nfX97Tp3fGS+gVtPaheKUUNpsyZM8ywbY2cO9LRIZTadJ2x58UZCzXSQVLMHS1mi4GpUfUljCfyO6aSv/znBSWfxqFlmZKo30kinU1WPHoCuwCWVXAYik42ZSiWpKiCmalEGhQ3adiV7UH8PLOvIKt8otDUXQfDTyUSXxKP9ZAhX3OjYwyCjJuvlNGE5uNvqcFpMCuJzZZzjaOgnRqWy44gxQfA+KrmPq5s6+3MJ+GZBQuSb+vdTnPQ9rFn+z/r/N0NRbH1hMF5gmeVZNIummiu69DhgWgzBhGS+47MnQhREQkySg2AUU5Egp3wxVTLni7Gd0nd3mqC+h/X/ZDAzbzKPmqHA/Qg1qAb3AMkVuR1EhqpIXwxb5UMhCx/hygrHbiphl7eNPIrYc032nT3eG8OaDEcZLZrK9LQala2cHh4IkcqErpqn3GdzgZZwUrW1NdsWTt3QaW1dJOSPeZVow/IYtSaxOMiM7ukbZwnqy+Vvpv9/c1vrWVkJwyb2IF8Lm3rQfNBBKNSJ7Wxu5MsriKHmxrCtIzvqh4U8ZY3WaYL6/vqrm4jCxdNf9UZQHLqdqtzjKzytzjIuqxu+KFjJOCY73ScS2/Oo6RqpqvwxmtW4tphOelDcniioL5efGB7tvY+C0NRQ/Ylb5oyqX8+aTIeagluPWvBa4rQc2bxbEXonXCbzWGNWGzaJR+vXdAtPdy8Y3pP25MnJywXWw7seJdk8Ra1zqHUbC5bpL2quy6I79WgNsjbQIWsR+H8a5tE+icR0eOX5wnwQs4gaqfgppe/u+tyKhBKZaTjKe3xT/2B1JrGF5KAdl+1DdVqORT45yFCuYCRR6E3HxEB4OYpOM2N2XIvi9bAyAV448UFmzi3113MF9YCjTJb1sGRepdgs1Y1Vt9yRKpUxxB6N0YqADvBpXyjj0XmtvQADyEv5XF4i2vss6mUyBPXte22ofhAeHTtc6cYpTp6KTqzAwWspHVk/VKGnxzroiiwfs8aAzElBhwKi7u1cbBJRdXWUyRhK09Td2Woyfv2TR7jY4SqHNdSYZAtEyTUb4cA8DkyBcc3lZHIzrbSiao3MAoDJaj7yKRI6dnWhxWq7RNwRnbLRmjRc2R6FvYPN8CaQH4LEQsiNfqFL3HZDLMWZaoA0tfAWAJns4PGeBGukD5GtWWpqSJsPGBVh/EltQuRb6gFfPFlNZjKzbhjhuplSWOSiWspsI6NLJTqtENztTwGywIAxPLUV1ucg5fdoGUG7RFrdD0TV8EnidCO31O+/Xc74+rfs4EopnBfhclnDW5aSuVS1DBxNlRe2Pj9XzuT/yINlkQUoQawFzavFRykeeMNUBr+7a//sKtENhmtI4XlxqHWiNNo8XzGCfrBeHO73LNclTMKv85hk+lJyC2WAox5MjBqtUwjK1onrq3MKFwkI6ZLKBR9vB1BOwOjd/sKL3VCWh5NWi3Bjvjlnkw2aYRuhx6pMYnyDyEmfhqZebrisCudVJmQLEWkbB28Z9KFdH4ZxeRwxUSIYOlbxDeoQb/h6I0mVB/C7O2Wjpa+fncOVGc0muEBGnQ7LyThgm0+wiS3yViwK+IyeE5RgeW90s5VgkCtMFiQMkzunDWqDwrsRc52ScoSY6zacty+NyuKe2BDSVOy4EfIOtgyoQHbgbb1VamNTZXaM0/ftpI1Wbrj6JB+95sEeAR4T3kjUkIExybbtZdp65NOqgoCqGXZUZHJXyTN40g/ak2+XM7/uDZfuzHwzU3iKIRtPYuuoQbtu5HLG3GIVMYG6eGzaWDXHblTVENvFpFTfQ/r+8vnUR/0pKsPlJgA86NXQuDx8FdffFH4wd1+vtwXrUaY5JH1//dfl3K+f33gCwGgP9gjX2wrOsPsIGhO7z7z8zMH7LMw+GS1vrZClKBj2fVacbJzC+9t8iYtocnOeLJ0G7Si7FgiGanj0Yaxm3RZ6ehkl25PuBNPUtc21bNdTMNwmGG2gp8FjFy2lVsPZVeZqbJ8gwmjUp/xxgirYSZ8+fQ+vX3m6vnNW4QMGGSj4raSzX2L8iFu44qPx2DdAS1HB6fs6+AT9fnmFl+nMhoG9EXfNcb1wUccQS/qEBVargtReVZ5iBY1vHiGsu8OTG9YQ1N3JW2rfXN+v696rFBKConQxLfnExMotklRqyZqR07hRNK/c5dSQA+Cv9FR9DzHw9dvlNV6/mFW4mY/qwJ5acpYuYNStzCt334e+FkstFOv/uPqcQbtMSd/9yRHRqSClUyBFY2GCrQAAEDdJREFUzprSrLKuNpMtCHnLghi4tmAUOKShXoFaqM7XhLZTCJTPSsN456Y5Svgoz2Y67zqeaVVgGVszq00yYmr/V6r+8ngQ6gGng6hT8+eTA6+n8N6cZvM+cylOzIGyTOseh5Z9PM62+bBBpwmQpua7vrudxCGhurnm2cx+DJrFzB8QhbiBkdIRd27bK+5OF+usCoH7rC4pv18ofXMKV1NhJypM3LUtpQI1xw5q7FFof4xS0+NCo25gpT/nHakyzPEKiGgRH+3yuAebCtuviBZKn90mI7RcqtHx6YCaroN7QTpsph5YjuvJCa1SCjcs/BrzIi6wpIhkJGr5N7gASK72wg85VrTf5bHymeGtTmnAtnu59C0pnK/rm6/Ck1uUzjt6w+4jyiUc503bgKJTWF04I9B34rO6/rWq70kVnq6n6Lhr1mwCVIE9EVoClLA7Qj+wYEfQPqt7KfDEv/7h6ExvkuJ0CjsKIf/LpZazwIEnPQf2qKw74u0lXH13r4N9z1J47Dpbfex29kBcFMICybUCU9XlVYQPIj4LT9vGZw9/r5PUg/Lk2+U1X7++6cRe5rg0rqn5xt0mJD4Uc3HLmRsadbDumwX+r5q+x4qUZH1kS1KjzluiUMfSR1RRFatTq84QI7Pgqb8Z5snbmMvhgQ+fX/aoP1HK4P3E+ghAfSCi7sxWHhBqCtwtORPMn9DEJVS+f1gpKxf1rX/JPmtEXQ+iwn60yCXG3GI9VP76ZLqL1MQI2sS2tAEVvf/4M+SiHqCk998ur/wS6rpLHtLOGj563/0q5niDCgM9WnNR299Q4euioDBKhoPDz//+35c+6cunv6597z2kzSdlSIWgrX14dNBtLd8JBZ55dyONjTfCG0KTY9Wte/H0LR3XbTyeKaCZNxehGpJp/q8Pgx+098rAttM7z+HJJF7/wn3WuOPqFDVzsFlUkyhktyhUHsIBANfKN6KHsogIEQiUi+9r/8p9lu+4bgVj4chLEYLbYORMcVYE1QcgmDjsK5XfG9vIS/F9v7+Gp/zl+Kz169ovXrufdZDFiTQ+WVTg3LEpH9P6l0UVGTr315voBB3BwWyOFt/dj3BR5+taJCkzNJxGW43qMy4++lbeJs+X4HsZTBvy91B8J4Vd/Pvlx3j9pJKUtMDeF+KxuSkGHV1+lZQtmA8fbPcF3gmDpCTrr0l09dvlR3n9wmfdO0IT4P9RrBVpNRRl2PUBqObFg+1TowlzRsn7JS1ZTOm7u/U/SEk2K82uY7mwLuyJj1HOi9Ti/9u7liW5rRvqSlbZJs7eHuUDIo29mKXKxEJLV+FWfwmL/ANyaztazN+GOAAuL8lmN9kPaaTGLdfIsqUZlc7gdXAAXCQTpHKR1fF4QQtzzjev9c5qFn133zf1fTQ16/MhAJ/PJD2peClpcpLVoG3tzQsc/urqI658KD9hhegBI5dt9ygp2YxJkQ8TNpx0/99KlKzmDaQzSJ5117z5u2bLRABPux7WC6lg0klVg7Lv+88fHuv9w3rXeo6rLihS9DSHGHcbMoQuTs9WRYBH/2PJsur6M8qbSn21TStyhIcK1Pr+I/OZmLwe2XDWEx/ku+K2InCZdqgQvtBmw+YdDt9vlIw76IaU7ONPDwe1bZvVVVf5FIAOfVCyK/Cn/fhVBdcd6m4q7xlb1oGBS+1mdf33KyY7p1MwTcqky8U4JkzuEbetjLqPsoh3/1KaJulYME5eUPfN47Bky9TMGNK2GO8hL7l4Kjk7VXURb0crnbHik2IYnoqHjugceSYlg5dSm26+Z9nguffOU7Me07jlGXvSM/Dj5gS+wLvSlbY6+9p0kiefaxBs1YtSJ/Ld/GjcyaKh2WZRSiEY1s3Ck8lMWs29dp7C4b3buhcywRNKFB4PdLm236eoHxtpScPbPN4zp814soJmO23GBa2xXGFwlaR8jSplXth4Yh1E04kdcMD1bz89MNQ//OpbzWYbFfyO4njnji+xwlvk2Fx6aD4nLByrRNYpPJWHts2DtKhPpOG/Hvq2m1GkmptVuBgPg0l7+S3aIEXYqxHeSMZYAx1yBHKkH7bMWrLhQybedrO7uFMHedEW0v3NEr48h3Mu1JpcXmUp0t2jllmz8trS8G7iw8mEpHwJf8kX6ouoqI35DNRczVbD+jeXVQ3J4/QjyU42ldedb8Up6HA7UqiM+A4T3b92dtkM828y3vpJc4QW5qSyelp0wDh/+GcArV0u05p1szw8lX3+G2yA35eZ0WwslDd9SlSFlNh1wLosNpDO5bVlZu1kLY7UKttuze9P1s5U47xTiOLFv8bqZFKEXvuW3UMX1Mvyul1gbdcfeNrAPpY1Ee+tpOgOmnKC6BX+x3tZvRXUAXGJtR3QRB4+KboSUy6v+YbIrGlHeJcedC4axIFX63BIkA7q5BjWFrCnNRehx49M5y5tKz7OtPIlNq3HfKEYTJ6RBdKL90umSNt+MuEjyRmtnV87P7q5rLyKDO+KZVd8JOlnHEoVpHMvK5Bewbr107jTPNwaXek6+93i96mifVrBiTeQWJ28awnepA+kV7Du3bCLER9CJm5yjh37fW+iP9hUyxM24TKWAbORoZig7sOm11sfrhhuZwuvjFAhvuEZTTqdf20XKAtfL/UVq9xbydC+6SNOn8baONLZmGY+C5AmZx7oqmycjsZy2usTWP9cle9/MDIUcfr3QPpES7PAupi+ZshJq4IfTetdxI2iM7qIR58leIzAIjuuyaZqtcGBOP0xkD6JtWRnrW+8KsavNRAml4jvOpJ7Xvt3lEfnc9QY+YXmyvSCtVBk4E26QPos1p1SKSZMKYYBYNZoZHvHmQq+7C4LgU/YNvQTFYT9qpFK40obHcILpDfm4dr7a+YBG+0uWRqfqlRwW3Sr7tYmd+9NLJFFSYVlNVYe4Yh6elvvI+XJvdmWYXfk3nWazbWnG5dhJ1JuYh3bYB2yJA0thvQAtCx/DqTPv58z1p0eQ57M2osjx1I774HQRanzdfYtjUo9LkP481h3ulPFCdRF0eHY8t4lO/4gZj1bPavr7JQRp4VYf0mUb+uP7FsJ60wOGG81aNY7eC3onyGhDCXCxvd3kiavD/ksK2xm7CLwijaVE3RnBQzXGn9ijx44/sc5H8NCG9s+9yFA3Pj+9vmQXTg0Z4e0SM9YxbeSe+/Vk15boclBhsS+9oJGEVmvS22qQHoH1lJ0dVZ0IRMv6RT2Nrargmgm9023w54XNs1+olcGUJKt95bhO4he+6b+9N8AcA/WvxQkKXZK12nmx0FfcD5un9K2QZ0rwFfZmG/O8wa1nlESYYWSoQ+u7L+owJaA3WmnS6R4E8GCKj1mW51XkKR1qHm7TasQhpTBsa+eCl2oJN9RTl9TYHfjrOZ0m10ytEGVpiqNLWWmayx5JUNPxa4qzBkhYGPrnCgQOlQLbZMC6YuKLjK1AqhSGPai24VzuTzNvPeqiLdoUVSPnpwYs7zbMu9OZ876kHtfHrD/rUcBJDfrMPyRJt0uW6chudHY+Fg5t3Ndfob7y4I3Rvzz2hY1aXC46G9E6n1FcuaLFZQ6647adUK5JT8QX1A6bzgXIvGBsaFFv7MsV5Dtgp20NjpwodHfuNKJNz4O4NsL62l6pnqkZGDnxmZamc7ZGKu5KK8wC1qRj5EZ4S21dAMWVP5Ywpv8FXBdx5x9ttEP6Q22SMXrZiYxTNbFZoTUxDyZvimlDLTcEbmQcxcMnGkXE6pn7LAmc91q0o2xt1JNB0N2AzZldOLW7JpphzV6kjYdnK+Ei+UsRqPk5r12zpp8iFuZT1t8wCICFb9tazEt7x99d29i76imb/F+TspEaX5m5Fk9r7E1UYPZsd9SReVdbD2gY0t0CumvhHuxYDuKZ2MlKjwg8l2J6VA3tvWiNyo0Wpa3q7qascLW3dLNrLUJlYpaN9aFTe4v+gDvxJCnklBw2ply04JdYgIuyCAVG7+n3KQVaBmp/WeAdEsnDuZRU3HFuknHsnHBBjpd1lEBdjGD8qd8dIIHE5+2aQc7oeW7BYE/5dpq7Gyoqqhzfj5I79vTKf0oWcAJ1WauT8lNr1x4V7pL3mhy/0Boh2l0RgyG9FMtGSoxTBhUNNZV/tkPlne7qrWLzPsOJfZQdrU5P2uhKG2W3U313eTQaKHEpJtzLFNDSQagOediRqhjrkApT/Jlee4glDJpYM4gdXCFI0z6XobdmVkL7MtkfPThig06ElB0VnlIG23m4uy0fUvIZQEstmByiAtP4YU0Kml0V1H41WHS9+POwEL22gdxsOupQmUpY9DhdvXTCbc0KrYZMORx5F7atphQme6559Yg3dnGel3IFCZ954idFaWmPVuxbK+4XVTsP1GWhDBixdYig8zXf2sFt0AF1vDcphEEzF3ssvkCht3i/pwV2Tp6P62zOU320uoPnAtv8v/FGJ+Ep2ZV7XOOz1Q6hxp1dAeLRn0vpMlg0lFL39ewP9vuKwuYgF38+OBhl5ZNJcOSwzgD5GkmZysPoDOfhui6OaCOli8n1TTOMjR1FbX03d+zECrFGF+Pv/3mRKXNGchZADauzf08mU/gmUE3rbWkwYRKX3pIx8Kkv4QXfyG5+6FB04UqCNpi20fAzpUxuapAGG2yahl3YVTlS7R03OhIy9dqLPOWvDt40C8Ysg9maU6V5qjdHI61tGfIs91HJ3PzxqwVVn+AZkxSscFnmHpVupXIu6OJ9SVD9o+pabMbN7Rbc+RDcE3n8E7Lemr89/qAjobqS3BIRpzHYNcCdEhNvkp+pq2uvi/UC42iPQTujWhP30G5T2XFjHSXal52ekuQpsjGvkqVneBgDZG+U0cO/U+zHrlPvdp+o96F8o6pferBoiMb+2pg/y+J0LArrBoOt1MJkL26ruv6tCUPCZgbc9PoKLzgDCW/8rACdPWvAPqrxuyD7v3rx8DdKs8BfNy+ByingNfCdQ5RuXFL7vTmsPWhe/mJzoKiaVpHMvbV39NLJcKFvisJUxg3AMdtWUdy+uriY9MYq67zOO4bBGeto38PoN9C6fUey1t7R7efpOV+i7FfQN2OYVl/rUd6W8XS4XNq/+op/prfCNjvKmkxqqrUL21asY20bZKkt42xIf7Tvu2Mi7H6XCtoaA8Gz11FLva2/Ph7Ato6aqEdqL7PlXers89musiuW3vm5Tsn1FXbjYEN4PwhgH6DUVvQRomkftvXbGiH27ZkOS3S5lH9vvjVveVlLc7v8m+B85tNyF90g0ELA/Y+p0Pc2ev7bOD+0SC33wjdGn8MnN942H7R64Q2D2ItCiDa6j+uY2n7glntkHXrTqXBb/OnwPmb8OTPP5KptfvWc+rxtbMk3SN2b1o1/vT8FDh/S3C/kin/lM02SNVDSw2VnblKG1RsHDB/q3C/VK7dFgUgxMVtFgK2uILVuF6pqj4+R/n8TQfvp+f3r9AhyG7aCVtWu1b89a/nD2HM342FPz0P7/3La57He/1D/suAcfzlxIsXL168ePHixYsXL168ePHixYsXL168ePHixYsXL168ePHiXf3+D9SR0Vfq72avAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>
diff --git a/src/shared/assets/ssury/ssury_cry.webp b/src/shared/assets/ssury/ssury_cry.webp
index fdcd5d6e..e2f52779 100644
Binary files a/src/shared/assets/ssury/ssury_cry.webp and b/src/shared/assets/ssury/ssury_cry.webp differ
diff --git a/src/shared/components/Input-box/Input.tsx b/src/shared/components/Input-box/Input.tsx
index 6b703c75..fbdad349 100644
--- a/src/shared/components/Input-box/Input.tsx
+++ b/src/shared/components/Input-box/Input.tsx
@@ -1,24 +1,19 @@
 'use client';
 import tw from '@/shared/utills/tw';
 import { cva } from 'class-variance-authority';
-import { HTMLInputTypeAttribute, Ref } from 'react';
+import { ChangeEvent, HTMLInputTypeAttribute, Ref } from 'react';
 import Search from '@/shared/assets/icons/search_32.svg';
 import Button from '../button/Button';
-// select나올떄 자연스러운 처리 화살표 로테이트 [x]
-// 인풋 타입받을 수 있게 수정 [x]
-// 인풋접근성 라벨이 중요함 라벨 을 div에 묶어서 하거나 label로 인풋감싸거나 div로 묶고 같은 선상에두게 [x]
-// div안에 라벨이랑감싸기 [x]
-// 텍스트 에어리어 버전도 만들기
-// 인풋 잘림 = 라인height 인풋 높이랑 맞춰두기 [x]
 
 interface Props {
   placeholder: string;
+  value?: string;
   type?: HTMLInputTypeAttribute;
   ref?: Ref<HTMLInputElement | null>;
   size?: 'default' | 'lg';
   variant?: 'default' | 'search' | 'comment';
   className?: string;
-  onChange?: () => void;
+  onChange?: (() => void) | ((e: ChangeEvent<HTMLInputElement>) => void);
   id: string;
 }
 
@@ -44,6 +39,7 @@ function Input({
   size,
   variant = 'default',
   className,
+  value,
   id,
   onChange,
   ...rest
@@ -54,6 +50,7 @@ function Input({
         <input
           id={id}
           type={type}
+          value={value}
           placeholder={placeholder}
           className={`outline-none w-full flex-1 leading-${size}`}
           ref={ref}
diff --git a/src/shared/components/footer/Footer.tsx b/src/shared/components/footer/Footer.tsx
index b1d533b4..284420e8 100644
--- a/src/shared/components/footer/Footer.tsx
+++ b/src/shared/components/footer/Footer.tsx
@@ -2,7 +2,7 @@ import Github from './Github';
 
 function Footer() {
   return (
-    <footer className="w-full bg-primary flex items-center justify-between p-[12px] font-serif font-light">
+    <footer className="w-full bg-primary flex items-center justify-between p-[12px] font-serif font-light shadow-footer">
       <div className="flex flex-col gap-1">
         <p className="text-sm md:text-base">Cocktail Discovery Service, SSOUL </p>
         <div className="flex flex-col sm:flex-row gap-0.5 sm:gap-2 text-sm md:text-base">
diff --git a/src/shared/components/header/DropdownMenu.tsx b/src/shared/components/header/DropdownMenu.tsx
index be084c67..45c31ab4 100644
--- a/src/shared/components/header/DropdownMenu.tsx
+++ b/src/shared/components/header/DropdownMenu.tsx
@@ -4,6 +4,7 @@ import { navItem } from '@/shared/utills/navigation';
 import Image from 'next/image';
 import Close from '@/shared/assets/icons/close_32.svg';
 import User from '@/shared/assets/icons/user_24.svg';
+import Bell from '@/shared/assets/icons/bell_24.svg';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { useEffect, useRef, useState } from 'react';
@@ -13,6 +14,7 @@ import { createPortal } from 'react-dom';
 import { useAuthStore } from '@/domains/shared/store/auth';
 import { setPreLoginPath } from '@/domains/shared/auth/utils/setPreLoginPath';
 import LogoutConfirm from '@/domains/login/components/LogoutConfirm';
+import { useRouter } from 'next/navigation';
 
 interface Props {
   isClicked: boolean;
@@ -28,8 +30,9 @@ function DropdownMenu({ isClicked, setIsClicked, visible, setVisible }: Props) {
   const tlRef = useRef<GSAPTimeline | null>(null);
   const [mounted, setMounted] = useState(false);
 
-  const { isLoggedIn, logout } = useAuthStore();
+  const { isLoggedIn } = useAuthStore();
   const [logoutModalOpen, setLogoutModalOpen] = useState(false);
+  const router = useRouter();
 
   useEffect(() => {
     setMounted(true);
@@ -87,7 +90,7 @@ function DropdownMenu({ isClicked, setIsClicked, visible, setVisible }: Props) {
             className="w-[62px] md:w-[82px] h-auto"
           />
         </div>
-        <ul className="flex flex-col gap-[12px] text-black px-2 my-5">
+        <ul className="flex flex-col gap-[12px] text-black my-5">
           {navItem
             .filter((item) => {
               // 비로그인 유저 마이페이지 숨기기
@@ -121,17 +124,31 @@ function DropdownMenu({ isClicked, setIsClicked, visible, setVisible }: Props) {
 
         <div className="border border-t-[1px] border-t-gray flex items-center py-[32px] gap-2">
           {isLoggedIn ? (
-            <button
-              type="button"
-              onClick={() => {
-                setLogoutModalOpen(true);
-                setIsClicked(false);
-              }}
-              className="flex items-center gap-2 text-black font-light text-xl hover:text-black/70"
-            >
-              <User color="var(--color-primary)" aria-hidden />
-              <span>로그아웃</span>
-            </button>
+            <div className="flex flex-col gap-3">
+              <button
+                type="button"
+                onClick={() => {
+                  setIsClicked(false);
+                  router.push('/mypage/my-alarm');
+                }}
+                className="flex items-center gap-2 text-black font-light text-xl hover:text-black/70"
+              >
+                <Bell color="var(--color-primary)" aria-hidden />
+                <span>알림</span>
+              </button>
+
+              <button
+                type="button"
+                onClick={() => {
+                  setLogoutModalOpen(true);
+                  setIsClicked(false);
+                }}
+                className="flex items-center gap-2 text-black font-light text-xl hover:text-black/70"
+              >
+                <User color="var(--color-primary)" aria-hidden />
+                <span>로그아웃</span>
+              </button>
+            </div>
           ) : (
             <Link
               href="/login"
diff --git a/src/shared/components/header/Header.tsx b/src/shared/components/header/Header.tsx
index e91d2fc1..b58ae40d 100644
--- a/src/shared/components/header/Header.tsx
+++ b/src/shared/components/header/Header.tsx
@@ -44,7 +44,10 @@ function Header() {
     >
       <HamburgerMenu />
       <HeaderLogo />
-      <NavItem pathname={pathname} className="sm:block hidden" />
+      <NavItem
+        pathname={pathname}
+        className="hidden sm:block sm:absolute sm:left-1/2 sm:top-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2"
+      />
       <HeaderBtn pathname={pathname} />
     </header>
   );
diff --git a/src/shared/components/header/HeaderBtn.tsx b/src/shared/components/header/HeaderBtn.tsx
index 3c5b4be9..e86cb7e6 100644
--- a/src/shared/components/header/HeaderBtn.tsx
+++ b/src/shared/components/header/HeaderBtn.tsx
@@ -18,7 +18,9 @@ function HeaderBtn({ pathname }: { pathname: string }) {
     {
       icon: Bell,
       label: '알림',
-      onClick: () => setLogoutModalOpen(true),
+      className: pathname === '/mypage/my-alarm' ? 'text-tertiary' : 'text-current',
+      hiddenMobile: true,
+      onClick: () => router.push('/mypage/my-alarm'),
     },
     {
       icon: User,
diff --git a/src/shared/components/select-box/SelectBox.tsx b/src/shared/components/select-box/SelectBox.tsx
index 05f8f590..3bb905ad 100644
--- a/src/shared/components/select-box/SelectBox.tsx
+++ b/src/shared/components/select-box/SelectBox.tsx
@@ -1,5 +1,5 @@
 'use client';
-import { Ref, useMemo, useRef, useState } from 'react';
+import { Ref, useEffect, useMemo, useRef, useState } from 'react';
 import Down from '@/shared/assets/icons/selectDown_24.svg';
 import { useShallow } from 'zustand/shallow';
 import { ID, useAccordionStore } from '@/domains/recipe/store/accordionStore';
@@ -11,22 +11,26 @@ interface Props {
   ref?: Ref<HTMLButtonElement | null>;
   option: string[];
   title: string;
+  value?: string;
   onChange?: (value: string) => void;
   use?: string;
 }
 
-// groupKey를 Props로 내릴경우 == 아코디언 없는 경우 == select박스
-function SelectBox({ id, groupKey, ref, option, title, onChange, use }: Props) {
+function SelectBox({ id, groupKey, ref, option, title, value, onChange, use }: Props) {
   const [isOpen, setIsOpen] = useState(false);
-  const [select, setSelect] = useState('');
+  const [select, setSelect] = useState(value || '');
   const menuRef = useRef<HTMLDivElement>(null);
 
   const ingroup = !!groupKey;
-  // groupKey가 있을경우 true
-  // groupkey일 경우 전달받은 ID로 식별 아닐경우 title로 식별
 
   const keyId = useMemo<ID>(() => id ?? title, [id, title]);
-  // id가 없을경우 title로 키 아이디를 받음
+
+  // value prop이 변경되면 select state도 업데이트
+  useEffect(() => {
+    if (value !== undefined) {
+      setSelect(value);
+    }
+  }, [value]);
 
   useCloseOutside({
     menuRef,
@@ -39,22 +43,18 @@ function SelectBox({ id, groupKey, ref, option, title, onChange, use }: Props) {
   const { openId, toggleGroup, closeGroup } = useAccordionStore(
     useShallow((s) => ({
       openId: ingroup ? (s.openByGroup[groupKey] ?? null) : null,
-      // 그룹키가 없으면 openId == null 따라서 state로 관리됨
       toggleGroup: s.toggle,
       closeGroup: s.closeGroup,
     }))
   );
 
-  //groupkey가 있을 떄와 없을때로 구분해서 state혹은 store로 관리
   const localOpen = ingroup ? openId === keyId : isOpen;
 
-  // 그룹일 경우 filter와 id abv | base | glass 를
   const toggle = () => {
     if (ingroup) toggleGroup(groupKey, keyId);
     else
       setIsOpen((prev) => {
         const next = !prev;
-        console.log('TOGGLE BTN CLICK:', { prev, next });
         return next;
       });
   };
@@ -71,11 +71,6 @@ function SelectBox({ id, groupKey, ref, option, title, onChange, use }: Props) {
     close();
   };
 
-  useCloseOutside({
-    menuRef,
-    onClose: close,
-  });
-
   return (
     <div className="flex flex-col gap-2 relative h-6" ref={menuRef}>
       <button
@@ -83,6 +78,7 @@ function SelectBox({ id, groupKey, ref, option, title, onChange, use }: Props) {
         className="flex gap-2 cursor-pointer text-base"
         onClick={toggle}
         aria-expanded={isOpen}
+        type="button"
       >
         {select ? select : title}
         {localOpen ? (
@@ -93,7 +89,7 @@ function SelectBox({ id, groupKey, ref, option, title, onChange, use }: Props) {
       </button>
 
       <ul
-        className={`w-30 text-gray-dark p-2 rounded-xl z-99 duration-200  absolute transition-all 
+        className={`w-fit min-w-30 text-gray-dark p-2 rounded-xl z-99 duration-200  absolute transition-all 
          ${
            groupKey
              ? localOpen
@@ -109,7 +105,7 @@ function SelectBox({ id, groupKey, ref, option, title, onChange, use }: Props) {
           <li
             key={v + i}
             role="option"
-            className="cursor-pointer p-1 hover:bg-secondary aria-selected:bg-secondary"
+            className="cursor-pointer whitespace-nowrap p-1 hover:bg-secondary aria-selected:bg-secondary"
             onClick={() => handleChoose(v)}
             aria-selected={v === select}
           >
diff --git a/src/shared/components/tool-tip/ToolTip.tsx b/src/shared/components/tool-tip/ToolTip.tsx
index 12e885c9..9a703a20 100644
--- a/src/shared/components/tool-tip/ToolTip.tsx
+++ b/src/shared/components/tool-tip/ToolTip.tsx
@@ -89,7 +89,7 @@ function ToolTip({ position, message, viewPoint = 'web', children, ref }: Props)
       aria-expanded={isVisible}
       ref={ref}
       onMouseLeave={() => setIsVisible(false)}
-      onClick={handleClick}
+      onMouseEnter={handleClick}
     >
       {children}
       {isVisible && (
diff --git a/src/shared/hook/useFetchInterceptor.tsx b/src/shared/hook/useFetchInterceptor.tsx
new file mode 100644
index 00000000..3d8df3ac
--- /dev/null
+++ b/src/shared/hook/useFetchInterceptor.tsx
@@ -0,0 +1,43 @@
+'use client';
+
+import { useEffect } from 'react';
+import { getApi } from '@/app/api/config/appConfig';
+import { useRouter } from 'next/navigation';
+import { useToast } from '@/shared/hook/useToast';
+
+export const useFetchInterceptor = () => {
+  const router = useRouter();
+  const { toastInfo } = useToast();
+
+  useEffect(() => {
+    const originalFetch = global.fetch;
+
+    (global.fetch as typeof global.fetch) = async (input, init?) => {
+      const response = await originalFetch(input, { ...init, credentials: 'include' });
+
+      if (response.status === 401) {
+        try {
+          const refreshRes = await originalFetch(`${getApi}/user/auth/refresh`, {
+            method: 'POST',
+            credentials: 'include',
+          });
+
+          if (refreshRes.ok) {
+            return originalFetch(input, { ...init, credentials: 'include' });
+          } else {
+            toastInfo('로그인 인증 만료로 다시 로그인해주세요.');
+            router.push('/login');
+          }
+        } catch {
+          toastInfo('로그인 인증 만료로 다시 로그인해주세요.');
+          router.push('/login');
+        }
+      }
+      return response;
+    };
+
+    return () => {
+      global.fetch = originalFetch;
+    };
+  }, [router, toastInfo]);
+};
diff --git a/src/shared/hook/useInfiniteScrollObserver.ts b/src/shared/hook/useInfiniteScrollObserver.ts
index a5125630..0d462158 100644
--- a/src/shared/hook/useInfiniteScrollObserver.ts
+++ b/src/shared/hook/useInfiniteScrollObserver.ts
@@ -4,7 +4,7 @@ import { useCallback, useRef } from 'react';
 type UseInfiniteScrollObserverParams = {
   items: CommentType[] | Post[] | null;
   isEnd: boolean | undefined;
-  onLoadMore: (lastItemId: number) => void | undefined;
+  onLoadMore: ((lastItemId: number) => void) | undefined | ((lastItemId: number) => Promise<void>);
 };
 
 export function useInfiniteScrollObserver<T extends HTMLElement>({
diff --git a/src/shared/styles/_theme.css b/src/shared/styles/_theme.css
index 85be9a56..3ffcd1fd 100644
--- a/src/shared/styles/_theme.css
+++ b/src/shared/styles/_theme.css
@@ -19,4 +19,5 @@
   --inset-shadow-black: inset 0 0px 6px rgba(0, 0, 0, 0.6);
 
   --shadow-header: 0 6px 17px 0 rgba(255, 210, 187, 0.3);
+  --shadow-footer: 0 -1px 6px 0 rgba(255, 210, 187, 0.2);
 }
diff --git a/src/shared/styles/_utilities.css b/src/shared/styles/_utilities.css
index 60db4b26..02fbc28b 100644
--- a/src/shared/styles/_utilities.css
+++ b/src/shared/styles/_utilities.css
@@ -95,4 +95,36 @@
   .animate-shake {
     animation: shake 3s ease-in-out infinite;
   }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateY(5px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+  .animate-fadeIn {
+    animation: fadeIn 0.3s ease-out forwards;
+  }
+
+  .swiper-button-next,
+  .swiper-button-prev {
+    color: var(--color-secondary) !important; /* 버튼 색상 */
+    width: 30px; /* 너비 */
+    height: 30px; /* 높이 */
+    border-radius: 9999px; /* 동그랗게 */
+    padding: 10px;
+  }
+
+  .swiper-button-next::after,
+  .swiper-button-prev::after {
+    font-size: 14px; /* 아이콘 크기 줄이기 */
+  }
+
+  .swiper-pagination-bullet-active {
+    background: var(--color-secondary) !important;
+  }
 }
diff --git a/src/shared/styles/global.css b/src/shared/styles/global.css
index 5bc37f34..2d234271 100644
--- a/src/shared/styles/global.css
+++ b/src/shared/styles/global.css
@@ -14,3 +14,16 @@
   color: #fff;
   background-color: var(--color-primary);
 }
+
+html {
+  scroll-behavior: auto; /* smooth가 아닌 auto로 */
+}
+
+/* 전역 CSS 또는 글로벌 스타일에서 */
+.swiper,
+.swiper-slide,
+.swiper-button-prev,
+.swiper-button-next,
+.swiper-pagination {
+  font-family: inherit !important;
+}