diff --git a/src/styles/assets/icons/ic-sort-on.svg b/public/assets/icons/ic-sort-on.svg
similarity index 100%
rename from src/styles/assets/icons/ic-sort-on.svg
rename to public/assets/icons/ic-sort-on.svg
diff --git a/src/styles/assets/icons/ic-sort.svg b/public/assets/icons/ic-sort.svg
similarity index 100%
rename from src/styles/assets/icons/ic-sort.svg
rename to public/assets/icons/ic-sort.svg
diff --git a/public/assets/images/crew-sample/crew-sample-1.jpg b/public/assets/images/crew-sample/crew-sample-1.jpg
index 4a5936ac..930b4d76 100644
Binary files a/public/assets/images/crew-sample/crew-sample-1.jpg and b/public/assets/images/crew-sample/crew-sample-1.jpg differ
diff --git a/public/assets/images/crew-sample/crew-sample-2.jpg b/public/assets/images/crew-sample/crew-sample-2.jpg
index 368e20d1..fa764cf1 100644
Binary files a/public/assets/images/crew-sample/crew-sample-2.jpg and b/public/assets/images/crew-sample/crew-sample-2.jpg differ
diff --git a/public/assets/images/crew-sample/crew-sample-3.jpg b/public/assets/images/crew-sample/crew-sample-3.jpg
index 20b0a049..d49f9248 100644
Binary files a/public/assets/images/crew-sample/crew-sample-3.jpg and b/public/assets/images/crew-sample/crew-sample-3.jpg differ
diff --git a/public/assets/images/gathering-sample/gathering-sample-1.jpg b/public/assets/images/gathering-sample/gathering-sample-1.jpg
index 30c640c1..16bd650f 100644
Binary files a/public/assets/images/gathering-sample/gathering-sample-1.jpg and b/public/assets/images/gathering-sample/gathering-sample-1.jpg differ
diff --git a/public/assets/images/gathering-sample/gathering-sample-2.jpg b/public/assets/images/gathering-sample/gathering-sample-2.jpg
index 12d523f4..d656de7e 100644
Binary files a/public/assets/images/gathering-sample/gathering-sample-2.jpg and b/public/assets/images/gathering-sample/gathering-sample-2.jpg differ
diff --git a/public/assets/images/gathering-sample/gathering-sample-3.jpg b/public/assets/images/gathering-sample/gathering-sample-3.jpg
index 5c9cf75e..bf745e07 100644
Binary files a/public/assets/images/gathering-sample/gathering-sample-3.jpg and b/public/assets/images/gathering-sample/gathering-sample-3.jpg differ
diff --git a/public/assets/images/logo-icon.svg b/public/assets/images/logo-icon.svg
new file mode 100644
index 00000000..651c9a5f
--- /dev/null
+++ b/public/assets/images/logo-icon.svg
@@ -0,0 +1,19 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_9416_29702)">
+<path d="M31.0487 13.7305H22.6118C22.2927 13.7305 22.1316 13.3414 22.3581 13.1131L28.3241 7.09886C28.6933 6.7266 28.6933 6.11537 28.3241 5.74312L26.3045 3.70721C25.9352 3.33496 25.3289 3.33496 24.9596 3.70721L18.9936 9.72148C18.7672 9.94973 18.3812 9.78735 18.3812 9.46565V0.958974C18.3812 0.431998 17.9527 0 17.43 0H14.5731C14.0503 0 13.6218 0.431998 13.6218 0.958974V9.46412C13.6218 9.78582 13.2358 9.9482 13.0094 9.71995L7.04188 3.70568C6.67262 3.33343 6.06629 3.33343 5.69703 3.70568L3.67746 5.74159C3.3082 6.11384 3.3082 6.72507 3.67746 7.09732L9.64346 13.1116C9.86988 13.3398 9.7088 13.7289 9.38969 13.7289H0.951277C0.428531 13.7289 0 14.1609 0 14.6879V17.5679C0 18.0949 0.428531 18.5269 0.951277 18.5269H3.99202C5.92801 18.5269 7.7637 17.6292 8.93836 16.0789C10.5613 13.9373 13.1203 12.554 16.0015 12.554C18.8827 12.554 21.4417 13.9358 23.0647 16.0789C24.2393 17.6292 26.075 18.5269 28.011 18.5269H31.0518C31.5745 18.5269 32.003 18.0949 32.003 17.5679V14.6879C32.003 14.1609 31.5745 13.7289 31.0518 13.7289L31.0487 13.7305Z" fill="white"/>
+<path d="M26.8714 27.9883C26.572 28.2656 26.262 28.5336 25.9414 28.7879L26.8714 27.9883Z" fill="white"/>
+<path d="M28.5412 26.1797C28.3056 26.4769 28.0594 26.7649 27.8057 27.0437L28.5412 26.1797Z" fill="white"/>
+<path d="M28.5431 26.1805L27.8076 27.0445L26.873 27.9867L25.943 28.7863C23.9432 30.3795 21.5605 31.5024 18.9543 31.9911C18.6565 32.0477 18.3814 31.8134 18.3814 31.507V21.81C18.3814 20.5033 17.3648 19.3973 16.0686 19.362C14.7724 19.3268 13.622 20.4129 13.622 21.7595V31.5054C13.622 31.8118 13.347 32.0462 13.0491 31.9895C10.4445 31.5009 8.06024 30.378 6.06043 28.7848L5.13195 27.9867L4.20194 27.0491L3.46037 26.179C3.33425 25.8374 3.40719 25.4376 3.67768 25.1633L11.3836 17.3951C11.4505 17.3276 11.525 17.2725 11.604 17.2296C12.7042 16.047 14.2679 15.3086 16.0033 15.3086C17.7387 15.3086 19.3023 16.047 20.401 17.2296C20.48 17.2725 20.5545 17.3276 20.6214 17.3951L28.3273 25.1633C28.5978 25.436 28.6707 25.8359 28.5461 26.1775L28.5431 26.1805Z" fill="white"/>
+<path d="M3.45898 26.1816L4.20056 27.0518C3.94374 26.7714 3.69604 26.4804 3.45898 26.1816Z" fill="white"/>
+<path d="M5.13086 27.9902L6.05934 28.7884C5.74022 28.5341 5.43022 28.2675 5.13086 27.9902Z" fill="white"/>
+<path d="M25.9414 28.7879L26.8714 27.9883C26.572 28.2656 26.262 28.5336 25.9414 28.7879Z" fill="white"/>
+<path d="M28.5412 26.1797C28.3056 26.4769 28.0594 26.7649 27.8057 27.0437L28.5412 26.1797Z" fill="white"/>
+<path d="M4.20056 27.0518C3.94374 26.7714 3.69604 26.4804 3.45898 26.1816L4.20056 27.0518Z" fill="white"/>
+<path d="M6.05934 28.7884C5.74022 28.5341 5.43022 28.2675 5.13086 27.9902L6.05934 28.7884Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_9416_29702">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
deleted file mode 100644
index 6cead488..00000000
Binary files a/public/assets/images/logo.png and /dev/null differ
diff --git a/public/assets/images/logo.svg b/public/assets/images/logo.svg
new file mode 100644
index 00000000..a5e3ed19
--- /dev/null
+++ b/public/assets/images/logo.svg
@@ -0,0 +1,9 @@
+<svg width="83" height="24" viewBox="0 0 83 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="83" height="24" fill="url(#pattern0_9348_31609)"/>
+<defs>
+<pattern id="pattern0_9348_31609" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_9348_31609" transform="matrix(0.00162083 0 0 0.00560538 -2.70139e-05 -0.0416667)"/>
+</pattern>
+<image id="image0_9348_31609" width="617" height="223" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 00000000..7ffab4bf
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 115cbd99..7ffab4bf 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 81c140ea..fa99b76d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -28,6 +28,7 @@ export default function RootLayout({
           content="내 크루와 함께 약속하고 만나는 운동 소모임 웹사이트"
         />
         <meta property="og:url" content="https://crewcrew.vercel.app" />
+        <link rel="icon" href="/favicon.ico" />
         <ColorSchemeScript />
       </head>
       <body>
diff --git a/src/components/common/header/container.tsx b/src/components/common/header/container.tsx
index 7041776b..c45a2b68 100644
--- a/src/components/common/header/container.tsx
+++ b/src/components/common/header/container.tsx
@@ -18,7 +18,7 @@ export default function Header() {
   const { data: user } = useUser();
 
   return (
-    <div>
+    <div className="sticky top-0 z-10">
       <HeaderPresenter
         isAuth={isAuth}
         handleLogout={handleLogout}
diff --git a/src/components/common/header/presenter.tsx b/src/components/common/header/presenter.tsx
index 37181812..d108981f 100644
--- a/src/components/common/header/presenter.tsx
+++ b/src/components/common/header/presenter.tsx
@@ -5,7 +5,8 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { Menu } from '@mantine/core';
 import { Profile } from '@/src/components/common/profile';
-import Logo from '@/public/assets/images/logo.png';
+import IcoLogo from '@/public/assets/images/logo-icon.svg';
+import Logo from '@/public/assets/images/logo.svg';
 
 export interface HeaderPresenterProps {
   isAuth: boolean;
@@ -26,17 +27,17 @@ export default function HeaderPresenter({
 }: HeaderPresenterProps) {
   const pathname = usePathname();
   return (
-    <header className="sticky top-0 z-10 h-10 w-full bg-blue-500 px-6 md:h-13">
+    <header className="h-header w-full bg-blue-500 px-4 md:px-6">
       <div className="mx-auto flex h-full w-full max-w-[1200px] items-center justify-between">
-        <div className="flex space-x-2 md:space-x-5 lg:ml-2 lg:space-x-5">
-          <Link href="/" className="mt-1">
-            <Image src={Logo} alt="crew logo" width={83} height={30} className="hidden md:block" />
-            <Image src={Logo} alt="crew logo" width={53} height={28} className="block md:hidden" />
+        <div className="flex items-center gap-5 lg:ml-2">
+          <Link href="/" className="it ems-center flex gap-2">
+            <Image src={IcoLogo} alt="crew logo" aria-hidden width={32} height={32} className="" />
+            <Image src={Logo} alt="crew logo" width={83} height={24} className="hidden md:block" />
           </Link>
-          <nav className="flex items-center space-x-2 text-base font-semibold md:space-x-6 md:text-lg lg:space-x-6">
+          <nav className="flex items-center gap-3 text-base font-semibold md:gap-6 md:text-lg">
             <Link
               href="/"
-              className={`${pathname === '/' ? 'text-white' : 'text-blue-300'} ml-4 hidden md:block`}
+              className={`${pathname === '/' ? 'text-white' : 'text-blue-300'} hidden text-base font-semibold md:block md:text-lg`}
             >
               크루 찾기
             </Link>
@@ -46,7 +47,7 @@ export default function HeaderPresenter({
                 href={isAuth ? href : `/login?redirect=${href}`}
                 className={`${
                   pathname.startsWith(href) ? 'text-white' : 'text-blue-300'
-                } ml-4 text-sm font-semibold md:text-lg`}
+                } text-base font-semibold md:text-lg`}
               >
                 {label}
               </Link>
@@ -73,7 +74,7 @@ export default function HeaderPresenter({
             </Menu>
           </div>
         ) : (
-          <Link href="/login" className="text-sm font-semibold text-white md:text-lg">
+          <Link href="/login" className="text-base font-semibold text-white md:text-lg">
             로그인
           </Link>
         )}
diff --git a/src/components/common/input/button/floating-btn.stories.tsx b/src/components/common/input/button/floating-btn.stories.tsx
deleted file mode 100644
index 0f41ca49..00000000
--- a/src/components/common/input/button/floating-btn.stories.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import FloatingButton, { FloatingButtonProps } from './floating-btn';
-
-const meta: Meta<typeof FloatingButton> = {
-  title: 'common/button/floating-button',
-  component: FloatingButton,
-  tags: ['autodocs'],
-  argTypes: {
-    onClick: {
-      action: 'clicked',
-      description: '참가 버튼 클릭 이벤트',
-    },
-  },
-};
-
-export default meta;
-
-function Template(args: FloatingButtonProps) {
-  return <FloatingButton {...args} />;
-}
-
-export function Default() {
-  // eslint-disable-next-line no-alert
-  return <Template onClick={() => alert('참가 버튼 클릭')} />;
-}
diff --git a/src/components/common/input/button/floating-btn.tsx b/src/components/common/input/button/floating-btn.tsx
deleted file mode 100644
index 6190e18c..00000000
--- a/src/components/common/input/button/floating-btn.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import Image from 'next/image';
-import Logo from '@/public/assets/images/logo.png';
-
-export interface FloatingButtonProps {
-  onClick: () => void;
-}
-
-export default function FloatingButton({ onClick }: FloatingButtonProps) {
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      className="sm:h-18 fixed bottom-16 right-24 flex h-24 w-24 flex-col items-center justify-center rounded-full bg-blue-500 shadow-sm transition-transform hover:scale-105 hover:bg-blue-400 hover:shadow-md active:scale-105 sm:bottom-10 sm:right-16 sm:w-18 md:h-24 md:w-24"
-    >
-      <Image src={Logo} alt="crew logo" width={70} height={32} className="mt-2" />
-      <span className="typo-lg-bold text-white">참가</span>
-    </button>
-  );
-}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2b51b5e1..0d71c28b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -35,13 +35,14 @@ const config: Config = {
       },
       width: {
         7.5: '30px',
-        12.5: '50px',
+        12.5: '56px',
         18: '72px',
         27.5: '110px',
         29.5: '118px',
         30: '120px',
       },
       height: {
+        header: '50px',
         7.5: '30px',
         12.5: '50px',
         13: '52px',
@@ -160,13 +161,13 @@ const config: Config = {
             'scroll-snap-align': 'start',
           },
           '.sort-bg': {
-            'background-image': "url('./assets/icons/ic-sort.svg')",
+            'background-image': "url('../../public/assets/icons/ic-sort.svg')",
             'background-repeat': 'no-repeat',
             'background-position': '12px center',
             'background-size': '24px 24px',
           },
           '.sort-bg-on': {
-            'background-image': "url('./assets/icons/ic-sort-on.svg')",
+            'background-image': "url('../../public/assets/icons/ic-sort-on.svg')",
             'background-repeat': 'no-repeat',
             'background-position': '12px center',
             'background-size': '24px 24px',