diff --git a/src/app/(crew)/crew/detail/[id]/_components/create-gathering.tsx b/src/app/(crew)/crew/detail/[id]/_components/create-gathering.tsx
index f513e379..064e3fca 100644
--- a/src/app/(crew)/crew/detail/[id]/_components/create-gathering.tsx
+++ b/src/app/(crew)/crew/detail/[id]/_components/create-gathering.tsx
@@ -1,13 +1,25 @@
 'use client';
 
+import { useRouter } from 'next/navigation';
 import { useDisclosure } from '@mantine/hooks';
+import { useAuthStore } from '@/src/store/use-auth-store';
 import CreateGatheringModalContainer from '@/src/app/(crew)/crew/_components/create-gathering-modal/container';
 import Button from '@/src/components/common/input/button';
 import { CreateGatheringRequestType } from '@/src/types/gathering-data';
 
 export default function CreateGathering() {
+  const { isAuth } = useAuthStore();
+  const router = useRouter();
   const [opened, { open, close }] = useDisclosure(false);
 
+  const handleButtonClick = () => {
+    if (isAuth) {
+      open(); // 로그인 상태일 경우 모달 열기
+    } else {
+      router.push('/login'); // 비로그인 상태일 경우 로그인 페이지로 이동
+    }
+  };
+
   const initialValue: CreateGatheringRequestType = {
     title: '',
     introduce: '',
@@ -19,7 +31,7 @@ export default function CreateGathering() {
 
   return (
     <>
-      <Button type="button" className="btn-filled px-4" onClick={open}>
+      <Button type="button" className="btn-filled px-4" onClick={handleButtonClick}>
         약속 만들기
       </Button>
       <CreateGatheringModalContainer opened={opened} close={close} data={initialValue} />
diff --git a/src/app/_components/hero/hero-crew.tsx b/src/app/_components/hero/hero-crew.tsx
index 3956cf4f..3316364c 100644
--- a/src/app/_components/hero/hero-crew.tsx
+++ b/src/app/_components/hero/hero-crew.tsx
@@ -1,9 +1,12 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import { Button } from '@mantine/core';
+import { useAuthStore } from '@/src/store/use-auth-store';
 import ImgHeroCrew from '@/public/assets/icons/ic-dumbbell.svg';
 
 export default function HeroCrew() {
+  const { isAuth } = useAuthStore();
+
   return (
     <section className="pb-3 md:pb-4 lg:pb-12.5">
       <div className="flex items-end justify-between">
@@ -20,7 +23,7 @@ export default function HeroCrew() {
         </div>
         <Button
           component={Link}
-          href="/crew/create"
+          href={isAuth ? '/crew/create' : '/login'}
           className="-translate-y-1 items-center rounded-xl bg-blue-500 py-2 text-sm font-semibold md:h-11 md:text-lg md:font-bold"
         >
           크루 만들기
diff --git a/src/components/common/crew-list/crew-card.tsx b/src/components/common/crew-list/crew-card.tsx
index f561a0f2..4023939f 100644
--- a/src/components/common/crew-list/crew-card.tsx
+++ b/src/components/common/crew-list/crew-card.tsx
@@ -37,7 +37,9 @@ export default function CrewCard({
   inWhere,
 }: CrewCardProps) {
   const [prefetched, setPrefetched] = useState(new Set());
-  const CREWPAGE = `/crew/detail/${id}`;
+  // NOTE: api연결 후 되돌리기
+  // const CREWPAGE = `/crew/detail/${id}`;
+  const CREWPAGE = `/crew/detail/1`;
   const router = useRouter();
 
   const handleCardClick = () => {