diff --git a/package.json b/package.json
index 9c5b9924..51f1524a 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@tanstack/react-query-devtools": "^4",
     "axios": "^1.6.2",
     "classnames": "^2.5.1",
+    "lodash": "^4.17.21",
     "next": "^13",
     "react": "^18",
     "react-dom": "^18",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 42a6ac31..c3e2313a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,6 +7,7 @@ import Flex from '@shared/flex/Flex';
 import Header from '@shared/header/Header';
 import ProductArticle from '@shared/product-article/ProductArticle';
 import Radio from '@shared/radio/Radio';
+import ScrollToTop from '@shared/scroll-to-top/ScrollToTop';
 import Spacing from '@shared/spacing/Spacing';
 import Text from '@shared/text/Text';
 
@@ -123,6 +124,422 @@ const productArticleData = [
     name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
     warningLevel: 'warning',
   },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 1,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 2,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 3,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
+  {
+    brand: '카믹스',
+    category: '코팅제',
+    id: 4,
+    img: '/assets/profile.JPG',
+    name: '아머올 세차용품 스피드 왁스 스프레이 500ml스피드 왁스 스프레이 500ml',
+    warningLevel: 'warning',
+  },
 ];
 
 export default function Home() {
@@ -159,6 +576,7 @@ export default function Home() {
             })}
           </div>
         </div>
+        <ScrollToTop />
       </main>
       <BottomNav />
     </>
diff --git a/src/components/shared/scroll-to-top/ScrollToTop.module.scss b/src/components/shared/scroll-to-top/ScrollToTop.module.scss
new file mode 100644
index 00000000..8c6c28c8
--- /dev/null
+++ b/src/components/shared/scroll-to-top/ScrollToTop.module.scss
@@ -0,0 +1,13 @@
+.wrapper {
+  position: fixed;
+  z-index: 1;
+  right: 8%;
+  bottom: 10%;
+
+  button {
+    padding: 5px;
+    border: 1px solid var(--tertiary);
+    background-color: var(--white);
+    cursor: pointer;
+  }
+}
diff --git a/src/components/shared/scroll-to-top/ScrollToTop.tsx b/src/components/shared/scroll-to-top/ScrollToTop.tsx
new file mode 100644
index 00000000..de09421c
--- /dev/null
+++ b/src/components/shared/scroll-to-top/ScrollToTop.tsx
@@ -0,0 +1,26 @@
+/* eslint-disable jsx-a11y/control-has-associated-label */
+
+'use client';
+
+import classNames from 'classnames/bind';
+
+import Expand from '@components/icons/Expand';
+import useScrollToTop from '@hooks/useScrollToTop';
+
+import styles from './ScrollToTop.module.scss';
+
+const cx = classNames.bind(styles);
+
+function ScrollToTop() {
+  const { showButton, scrollToTop } = useScrollToTop();
+
+  return showButton && (
+    <div className={cx('wrapper')}>
+      <button onClick={scrollToTop} className={cx('scroll')}>
+        <Expand width={18} height={10} isRotate color="tertiary" />
+      </button>
+    </div>
+  );
+}
+
+export default ScrollToTop;
diff --git a/src/hooks/useScrollToTop.ts b/src/hooks/useScrollToTop.ts
new file mode 100644
index 00000000..476f1409
--- /dev/null
+++ b/src/hooks/useScrollToTop.ts
@@ -0,0 +1,40 @@
+import {
+  useCallback, useEffect, useMemo, useRef, useState,
+} from 'react';
+
+import { throttle } from 'lodash';
+
+function useScrollToTop() {
+  const [showButton, setShowButton] = useState(false);
+  const scrollY = useRef(0);
+
+  const handleScroll = useMemo(() => {
+    return throttle(() => {
+      if (scrollY.current > 800) {
+        setShowButton(true);
+      } else {
+        setShowButton(false);
+      }
+      scrollY.current = window.scrollY;
+    }, 300);
+  }, []);
+
+  useEffect(() => {
+    window.addEventListener('scroll', handleScroll);
+
+    return () => {
+      window.removeEventListener('scroll', handleScroll);
+    };
+  }, [handleScroll]);
+
+  const scrollToTop = useCallback(() => {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  }, []);
+
+  return { showButton, scrollToTop };
+}
+
+export default useScrollToTop;