diff --git a/src/components/Card/ReservationCard.tsx b/src/components/Card/ReservationCard.tsx
index bc2c21d..4ce84d4 100644
--- a/src/components/Card/ReservationCard.tsx
+++ b/src/components/Card/ReservationCard.tsx
@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 import StatusBadge from '../Badge/StatusBadge';
 import Button from '../Button';
 
@@ -46,13 +48,13 @@ export default function ReservationCard({
     status,
     reviewSubmitted,
   } = item;
-  const { title, bannerImageUrl } = activity;
+  const { title, bannerImageUrl, id: activityId } = activity;
   const isCancelPossible = status === 'pending';
   const isReviewPossible = !reviewSubmitted && status === 'completed';
 
   return (
     <div className={cardListWrap}>
-      <div className={cardVariants({ type })}>
+      <Link href={`/activity/${activityId}`} className={cardVariants({ type })}>
         <CardThumb type={type} bannerImageUrl={bannerImageUrl} title={title} />
         <div className={cardDetailVariants({ type })}>
           <div>
@@ -64,7 +66,7 @@ export default function ReservationCard({
             <CardPrice price={totalPrice} headCount={headCount} />
           </div>
         </div>
-      </div>
+      </Link>
       {(isReviewPossible || isCancelPossible) && (
         <div className={btnPosition}>
           {isReviewPossible && (
diff --git a/src/components/Card/card-type.ts b/src/components/Card/card-type.ts
index b2fb7e4..796c833 100644
--- a/src/components/Card/card-type.ts
+++ b/src/components/Card/card-type.ts
@@ -36,6 +36,7 @@ export interface ReservationCard {
 export type activityType = {
   title: string;
   bannerImageUrl: string;
+  id: number;
 };
 
 export interface ReservationCardProps {