diff --git a/src/domains/club/introduction/api/useClubIntro.ts b/src/domains/club/introduction/api/club-info.queries.ts
similarity index 63%
rename from src/domains/club/introduction/api/useClubIntro.ts
rename to src/domains/club/introduction/api/club-info.queries.ts
index edafc770..17c8057a 100644
--- a/src/domains/club/introduction/api/useClubIntro.ts
+++ b/src/domains/club/introduction/api/club-info.queries.ts
@@ -1,36 +1,19 @@
 import { apiRequest } from '@/api/apiRequest';
+import {
+    ClubDetailResponse,
+    ClubRecruitmentResponse,
+    ClubScheduleResponse,
+} from '@/api/data-contracts';
 import { useQuery } from '@tanstack/react-query';
 import { useParams } from 'react-router-dom';
 
-interface ApiClubIntroductionResponse {
-    introduction: string;
-    activity: string;
-}
-
-type Schedule = {
-    month: string;
-    content: string;
-};
-
-interface ApiClubScheduleResponse {
-    schedules: Schedule[];
-}
-
-export interface ApiClubInfoResponse {
-    leaderName: string;
-    leaderEmail: string;
-    leaderPhone: string;
-    activities: string;
-    membershipFee: string;
-    snsUrl: string;
-}
-
 interface UseClubApiOptions {
-    clubId: string;
+    clubId?: string;
     isPreview: boolean;
-    endpoint: string;
+    endpoint?: string;
     errorMessage: string;
 }
+
 export const useClubApi = <T>({
     clubId,
     isPreview,
@@ -44,7 +27,9 @@ export const useClubApi = <T>({
                 ? `/api/clubs/club-admin/${clubId}`
                 : `/api/clubs/${clubId}`;
             const suffix = isPreview ? '/draft' : '';
-            const requestUrl = `${baseUrl}/${endpoint}${suffix}`;
+            const requestUrl = endpoint
+                ? `${baseUrl}/${endpoint}${suffix}`
+                : `${baseUrl}${suffix}`;
 
             const response = await apiRequest({
                 url: requestUrl,
@@ -69,26 +54,34 @@ export const useIsPreview = () => {
     return { nowUrl, id, isPreview };
 };
 
-export const useClubIntroduction = (clubId: string, isPreview: boolean) =>
-    useClubApi<ApiClubIntroductionResponse>({
-        clubId,
-        isPreview,
-        endpoint: 'introduction',
-        errorMessage: '동아리 소개 조회 실패',
-    });
+interface ClubDetailHookProps {
+    clubId?: string;
+    isPreview: boolean;
+}
 
-export const useClubSchedules = (clubId: string, isPreview: boolean) =>
-    useClubApi<ApiClubScheduleResponse>({
+export const useClubSchedules = ({ clubId, isPreview }: ClubDetailHookProps) =>
+    useClubApi<ClubScheduleResponse>({
         clubId,
         isPreview,
         endpoint: 'schedules',
         errorMessage: '동아리 스케줄 조회 실패',
     });
 
-export const useClubInfo = (clubId: string, isPreview: boolean) =>
-    useClubApi<ApiClubInfoResponse>({
+export const useClubInfo = ({ clubId, isPreview }: ClubDetailHookProps) =>
+    useClubApi<ClubDetailResponse>({
         clubId,
         isPreview,
         endpoint: 'info',
         errorMessage: '동아리 정보 조회 실패',
     });
+
+export const useClubRecruitment = ({
+    clubId,
+    isPreview,
+}: ClubDetailHookProps) =>
+    useClubApi<ClubRecruitmentResponse>({
+        clubId,
+        isPreview,
+        endpoint: 'recruitment',
+        errorMessage: '동아리 모집 상태 불러오기 실패',
+    });
diff --git a/src/domains/club/introduction/constants/club-info.constants.tsx b/src/domains/club/introduction/constants/club-info.constants.tsx
new file mode 100644
index 00000000..8e9324e7
--- /dev/null
+++ b/src/domains/club/introduction/constants/club-info.constants.tsx
@@ -0,0 +1,37 @@
+import Sns from '@/assets/common/sns.svg?react';
+import Jjang from '@/assets/common/jjang.svg?react';
+import Card from '@/assets/common/card.svg?react';
+import Phone from '@/assets/common/phone.svg?react';
+import Label from '@/assets/common/label.svg?react';
+import { ClubInfoKey, InfoMeta } from '../types/club-info.types';
+
+export const DISPLAY_ORDER: ClubInfoKey[] = [
+    'leaderName',
+    'contactEmail',
+    'leaderPhone',
+    'membershipFee',
+    'snsAccount',
+] as const;
+
+export const CLUB_INFO_META: Record<ClubInfoKey, InfoMeta> = {
+    leaderName: {
+        icon: <Jjang className="w-4 h-4" />,
+        label: '대표',
+    },
+    contactEmail: {
+        icon: <Label className="w-4 h-4" />,
+        label: '이메일',
+    },
+    leaderPhone: {
+        icon: <Phone className="w-4 h-4" />,
+        label: '연락처',
+    },
+    membershipFee: {
+        icon: <Card className="w-4 h-4" />,
+        label: '회비',
+    },
+    snsAccount: {
+        icon: <Sns className="w-4 h-4" />,
+        label: 'SNS',
+    },
+} as const;
diff --git a/src/domains/club/introduction/lib/getBaseInfoFormat.ts b/src/domains/club/introduction/lib/getBaseInfoFormat.ts
deleted file mode 100644
index 4754dabd..00000000
--- a/src/domains/club/introduction/lib/getBaseInfoFormat.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import {
-    BASE_INFO_CONFIG,
-    FALLBACK_MESSAGES,
-    SNS_CONFIG,
-} from '@/constants/base-info.constant';
-import { ApiClubInfoResponse } from '@/domains/club/introduction/api/useClubIntro';
-
-export type BaseInfoItem = {
-    key: string;
-    iconUrl: string;
-    label: string;
-    value: string;
-} & ({ clickable: true; onClick: () => void } | { clickable: false });
-
-export const formatBaseInfo = (
-    data: ApiClubInfoResponse | undefined,
-    onSnsClick: () => void,
-): BaseInfoItem[] => {
-    const mainInfo: BaseInfoItem[] = BASE_INFO_CONFIG.map((config) => {
-        let value = '';
-        switch (config.key) {
-            case 'leader':
-                value = data?.leaderName || FALLBACK_MESSAGES.leader;
-                break;
-            case 'contact':
-                value = data?.leaderPhone || FALLBACK_MESSAGES.contact;
-                break;
-            case 'meeting':
-                value = data?.activities || FALLBACK_MESSAGES.meeting;
-                break;
-            case 'fee':
-                value = data?.membershipFee
-                    ? `${data.membershipFee}원`
-                    : FALLBACK_MESSAGES.fee;
-                break;
-        }
-
-        return {
-            ...config,
-            value,
-            clickable: false,
-        };
-    });
-
-    const snsInfo: BaseInfoItem = data?.snsUrl
-        ? {
-              ...SNS_CONFIG,
-              value: `@${data.snsUrl}`,
-              clickable: true,
-              onClick: onSnsClick,
-          }
-        : {
-              ...SNS_CONFIG,
-              value: FALLBACK_MESSAGES.sns,
-              clickable: false,
-          };
-
-    return [...mainInfo, snsInfo];
-};
diff --git a/src/domains/club/introduction/model/useBaseInfo.ts b/src/domains/club/introduction/model/useBaseInfo.ts
deleted file mode 100644
index f878ed76..00000000
--- a/src/domains/club/introduction/model/useBaseInfo.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import {
-    useClubInfo,
-    useIsPreview,
-} from '@/domains/club/introduction/api/useClubIntro';
-import { formatBaseInfo } from '@/domains/club/introduction/lib/getBaseInfoFormat';
-
-export const useBaseInfo = () => {
-    const { id, isPreview } = useIsPreview();
-    const { data, isLoading, isError } = useClubInfo(id || '', isPreview);
-
-    const handleSnsClick = () => {
-        if (data?.snsUrl) {
-            const username = data.snsUrl.replace('@', '');
-            window.open(`https://www.instagram.com/${username}`, '_blank');
-        }
-    };
-
-    const items = formatBaseInfo(data, handleSnsClick);
-
-    return {
-        items,
-        isLoading,
-        isError,
-    };
-};
diff --git a/src/domains/club/introduction/types/club-info.types.ts b/src/domains/club/introduction/types/club-info.types.ts
new file mode 100644
index 00000000..8aeec086
--- /dev/null
+++ b/src/domains/club/introduction/types/club-info.types.ts
@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+
+export type ClubInfoKey =
+    | 'leaderName'
+    | 'contactEmail'
+    | 'leaderPhone'
+    | 'membershipFee'
+    | 'snsAccount';
+
+export interface InfoMeta {
+    icon: ReactNode;
+    label: string;
+}
diff --git a/src/domains/club/introduction/ui/public/ActivityGuide.tsx b/src/domains/club/introduction/ui/public/ActivityGuide.tsx
deleted file mode 100644
index fa7eb5eb..00000000
--- a/src/domains/club/introduction/ui/public/ActivityGuide.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import ContentBlock from '@/domains/shared/components/card/ContentBlock';
-import {
-    useClubIntroduction,
-    useIsPreview,
-} from '@/domains/club/introduction/api/useClubIntro';
-
-export default function ActivityGuide() {
-    const { id, isPreview } = useIsPreview();
-    const { data } = useClubIntroduction(id || '', isPreview); // TODO isLoading, isError로 분기처리
-
-    return (
-        <ContentBlock title="활동 안내" content={data?.activity}></ContentBlock>
-    );
-}
diff --git a/src/domains/club/introduction/ui/public/BaseInfo.tsx b/src/domains/club/introduction/ui/public/BaseInfo.tsx
deleted file mode 100644
index 481caa65..00000000
--- a/src/domains/club/introduction/ui/public/BaseInfo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useBaseInfo } from '@/domains/club/introduction/model/useBaseInfo';
-import ContentBlock from '@/domains/shared/components/card/ContentBlock';
-
-export default function BaseInfo() {
-    const { items, isLoading } = useBaseInfo();
-
-    if (isLoading) return null;
-
-    return (
-        <ContentBlock title="동아리 기본 정보">
-            <div className="flex flex-col gap-[11.5px]">
-                {items.map((info) => (
-                    <div key={info.key} className="flex items-center gap-4">
-                        <img
-                            src={info.iconUrl}
-                            alt={info.label}
-                            className="w-[15px] h-[15px]"
-                        />
-                        <span className="text-neutral-400 min-w-20">
-                            {info.label}
-                        </span>
-                        <span className="text-neutral-700">{info.value}</span>
-                    </div>
-                ))}
-            </div>
-        </ContentBlock>
-    );
-}
diff --git a/src/domains/club/introduction/ui/public/ClubDetailDefaultInfo.tsx b/src/domains/club/introduction/ui/public/ClubDetailDefaultInfo.tsx
new file mode 100644
index 00000000..2c499123
--- /dev/null
+++ b/src/domains/club/introduction/ui/public/ClubDetailDefaultInfo.tsx
@@ -0,0 +1,39 @@
+import { ClubDetailResponse } from '@/api/data-contracts';
+
+import { formatClubInfo } from '@/domains/shared/utils/formatClubInfo';
+import {
+    CLUB_INFO_META,
+    DISPLAY_ORDER,
+} from '../../constants/club-info.constants';
+
+export default function ClubDetailDefaultInfo({
+    data,
+}: {
+    data?: ClubDetailResponse;
+}) {
+    if (!data) return null;
+    return (
+        <div className="flex flex-col gap-1.5">
+            {DISPLAY_ORDER.map((key) => {
+                const rawValue = data[key];
+                if (!rawValue) return null;
+
+                const { icon, label } = CLUB_INFO_META[key];
+
+                return (
+                    <div key={key} className="flex gap-2.5 items-start">
+                        <div className="w-18 flex gap-1 items-center shrink-0">
+                            <div className="w-4 h-4">{icon}</div>
+                            <span className="text-b3 text-neutral-400">
+                                {label}
+                            </span>
+                        </div>
+                        <span className="text-b4 text-neutral-600 break-all">
+                            {formatClubInfo(key, rawValue)}
+                        </span>
+                    </div>
+                );
+            })}
+        </div>
+    );
+}
diff --git a/src/domains/club/introduction/ui/public/ClubIntroduce.tsx b/src/domains/club/introduction/ui/public/ClubIntroduce.tsx
deleted file mode 100644
index ab5033e3..00000000
--- a/src/domains/club/introduction/ui/public/ClubIntroduce.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import {
-    useClubIntroduction,
-    useIsPreview,
-} from '@/domains/club/introduction/api/useClubIntro';
-import ContentBlock from '@/domains/shared/components/card/ContentBlock';
-
-export default function ClubIntroduce() {
-    const { id, isPreview } = useIsPreview();
-    const { data } = useClubIntroduction(id || '', isPreview);
-    return (
-        <ContentBlock
-            title="동아리 소개"
-            content={data?.introduction}
-        ></ContentBlock>
-    );
-}
diff --git a/src/domains/club/introduction/ui/public/Intro.tsx b/src/domains/club/introduction/ui/public/Intro.tsx
new file mode 100644
index 00000000..1654307a
--- /dev/null
+++ b/src/domains/club/introduction/ui/public/Intro.tsx
@@ -0,0 +1,32 @@
+import {
+    useClubApi,
+    useIsPreview,
+} from '@/domains/club/introduction/api/club-info.queries';
+import { ClubDetailResponse } from '@/api/data-contracts';
+import ClubDetailDefaultInfo from '@/domains/club/introduction/ui/public/ClubDetailDefaultInfo';
+import ClubDetailCard from '@/domains/shared/components/layout/ClubDetailCard';
+import ClubDetailText from '@/domains/shared/components/club-detail/ClubDetailText';
+
+export default function Intro() {
+    const { id, isPreview } = useIsPreview();
+
+    // TODO isLoading 전달
+    const { data } = useClubApi<ClubDetailResponse>({
+        clubId: id,
+        isPreview,
+        errorMessage: '정보 조회 실패',
+    });
+
+    return (
+        <section className="flex flex-col gap-2.5">
+            <ClubDetailCard title="동아리 기본 정보">
+                {/* TODO isLoading 전달 */}
+                <ClubDetailDefaultInfo data={data} />
+            </ClubDetailCard>
+
+            <ClubDetailCard title="동아리 소개">
+                <ClubDetailText text={data?.description} />
+            </ClubDetailCard>
+        </section>
+    );
+}
diff --git a/src/domains/club/recruitment/ui/public/Recruit.tsx b/src/domains/club/recruitment/ui/public/Recruit.tsx
index a4176c47..31b7677e 100644
--- a/src/domains/club/recruitment/ui/public/Recruit.tsx
+++ b/src/domains/club/recruitment/ui/public/Recruit.tsx
@@ -1,19 +1,30 @@
-import ContentBlock from '../../../../shared/components/card/ContentBlock';
-import { useClubDetail } from '@/domains/club/profile/model/useClubDetail';
-import { useClubRecruit } from '@/domains/club/recruitment/api/useClubRecruit';
+import {
+    useClubRecruitment,
+    useIsPreview,
+} from '@/domains/club/introduction/api/club-info.queries';
+import ClubDetailText from '@/domains/shared/components/club-detail/ClubDetailText';
+import ClubDetailCard from '@/domains/shared/components/layout/ClubDetailCard';
 
 export default function Recruit() {
-    const { clubId, isPreview } = useClubDetail();
-    const { data } = useClubRecruit(clubId || '', isPreview);
+    const { id, isPreview } = useIsPreview();
+    const { data } = useClubRecruitment({ clubId: id, isPreview });
     return (
-        <section className="flex flex-col gap-[10px]">
-            <ContentBlock title="모집기간" content={data?.due} />
-            <ContentBlock title="모집대상" content={data?.target} />
-            <ContentBlock title="유의사항" content={data?.notice} />
-            <ContentBlock
-                title="💡 기타 동아리 모집 안내"
-                content={data?.etc}
-            />
+        <section className="flex flex-col gap-2.5">
+            <ClubDetailCard title="모집기간">
+                <ClubDetailText text={data?.due} />
+            </ClubDetailCard>
+
+            <ClubDetailCard title="모집대상">
+                <ClubDetailText text={data?.target} />
+            </ClubDetailCard>
+
+            <ClubDetailCard title="유의사항">
+                <ClubDetailText text={data?.notice} />
+            </ClubDetailCard>
+
+            <ClubDetailCard title="기타 동아리 모집 관련">
+                <ClubDetailText text={data?.etc} />
+            </ClubDetailCard>
         </section>
     );
 }
diff --git a/src/domains/club/schedule/ui/public/AnnualSchedule.tsx b/src/domains/club/schedule/ui/public/AnnualSchedule.tsx
deleted file mode 100644
index 765368d8..00000000
--- a/src/domains/club/schedule/ui/public/AnnualSchedule.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import ContentBlock from '../../../../shared/components/card/ContentBlock';
-import {
-    useClubSchedules,
-    useIsPreview,
-} from '@/domains/club/introduction/api/useClubIntro';
-
-export default function AnnualSchedule() {
-    const { id, isPreview } = useIsPreview();
-    const { data } = useClubSchedules(id || '', isPreview);
-
-    return (
-        <ContentBlock title="주요 연간 일정">
-            {data?.schedules && data.schedules.length > 0 ? (
-                <div className="flex flex-col gap-2">
-                    {data.schedules.map((schedule) => (
-                        <div key={schedule.month} className="flex">
-                            <span className="flex bg-badge-blue-bg rounded-full w-[35px] h-5 justify-center items-center text-badge-blue-text text-caption font-semibold">
-                                {schedule.month}월
-                            </span>
-                            <span className="flex-1 flex justify-start text-body-03 font-medium mt-px ml-[7px]">
-                                {schedule.content}
-                            </span>
-                        </div>
-                    ))}
-                </div>
-            ) : (
-                <div className="flex flex-col text-center gap-2">
-                    <span className="text-emoji-large">🅧</span>
-                    <div>주요 연간 일정이 비었어요.</div>
-                </div>
-            )}
-        </ContentBlock>
-    );
-}
diff --git a/src/domains/club/schedule/ui/public/ClubDetailSchedule.tsx b/src/domains/club/schedule/ui/public/ClubDetailSchedule.tsx
new file mode 100644
index 00000000..14c98ea9
--- /dev/null
+++ b/src/domains/club/schedule/ui/public/ClubDetailSchedule.tsx
@@ -0,0 +1,33 @@
+import { ClubScheduleResponse } from '@/api/data-contracts';
+
+interface ClubDetailScheduleProps {
+    data?: ClubScheduleResponse;
+}
+
+export default function ClubDetailSchedule({ data }: ClubDetailScheduleProps) {
+    if (!data || data.schedules?.length === 0) {
+        return (
+            <div className="text-b4 text-neutral-400 py-4">
+                등록된 일정이 없습니다.
+            </div>
+        );
+    }
+
+    return (
+        <div className="flex flex-col gap-1.5">
+            {data.schedules?.map((schedule, index) => (
+                <div
+                    key={`${schedule.month}-${index}`}
+                    className="flex gap-2.5 items-center"
+                >
+                    <div className="w-8.25 px-2 py-0.5 bg-primary-50 text-primary-600 rounded-xl flex items-center justify-center text-c4">
+                        {schedule.month}월
+                    </div>
+                    <p className="text-b4 text-neutral-600">
+                        {schedule.content}
+                    </p>
+                </div>
+            ))}
+        </div>
+    );
+}
diff --git a/src/domains/club/schedule/ui/public/Schedule.tsx b/src/domains/club/schedule/ui/public/Schedule.tsx
new file mode 100644
index 00000000..531b193b
--- /dev/null
+++ b/src/domains/club/schedule/ui/public/Schedule.tsx
@@ -0,0 +1,22 @@
+import {
+    useClubSchedules,
+    useIsPreview,
+} from '@/domains/club/introduction/api/club-info.queries';
+import ClubDetailSchedule from './ClubDetailSchedule';
+import ClubDetailText from '@/domains/shared/components/club-detail/ClubDetailText';
+import ClubDetailCard from '@/domains/shared/components/layout/ClubDetailCard';
+
+export default function Schedule() {
+    const { id, isPreview } = useIsPreview();
+    const { data: scheduleData } = useClubSchedules({ clubId: id, isPreview });
+    return (
+        <section className="flex flex-col gap-2.5">
+            <ClubDetailCard title="주요 연간 일정">
+                <ClubDetailSchedule data={scheduleData} />
+            </ClubDetailCard>
+            <ClubDetailCard title="활동 안내">
+                <ClubDetailText text={scheduleData?.scheduleDescription} />
+            </ClubDetailCard>
+        </section>
+    );
+}
diff --git a/src/domains/shared/components/club-detail/ClubDetailText.tsx b/src/domains/shared/components/club-detail/ClubDetailText.tsx
new file mode 100644
index 00000000..7ef8dc12
--- /dev/null
+++ b/src/domains/shared/components/club-detail/ClubDetailText.tsx
@@ -0,0 +1,7 @@
+interface ClubDetailTextProps {
+    text?: string;
+}
+
+export default function ClubDetailText({ text }: ClubDetailTextProps) {
+    return <span className="text-b4 text-neutral-600">{text}</span>;
+}
diff --git a/src/domains/shared/components/layout/ClubDetailCard.tsx b/src/domains/shared/components/layout/ClubDetailCard.tsx
new file mode 100644
index 00000000..a1ccd90c
--- /dev/null
+++ b/src/domains/shared/components/layout/ClubDetailCard.tsx
@@ -0,0 +1,16 @@
+interface ClubDetailCardProps {
+    title: string;
+    children: React.ReactNode;
+}
+
+export default function ClubDetailCard({
+    title,
+    children,
+}: ClubDetailCardProps) {
+    return (
+        <section className="px-5 py-4.5 bg-neutral-00 flex flex-col gap-3 rounded-lg w-[320px]">
+            <h3 className="text-b2">{title}</h3>
+            {children}
+        </section>
+    );
+}
diff --git a/src/domains/shared/components/layout/ClubDetailTab.tsx b/src/domains/shared/components/layout/ClubDetailTab.tsx
index a1dd2507..c72d50ab 100644
--- a/src/domains/shared/components/layout/ClubDetailTab.tsx
+++ b/src/domains/shared/components/layout/ClubDetailTab.tsx
@@ -1,5 +1,4 @@
 import Tab from '@/components/Tabs/Tab';
-import { useClubDetail } from '@/domains/club/profile/model/useClubDetail';
 
 interface TabProps {
     setActiveTab: (activeTab: string) => void;
@@ -7,7 +6,6 @@ interface TabProps {
 }
 
 export default function ClubDetailTab({ setActiveTab, activeTab }: TabProps) {
-    const { isPreview } = useClubDetail();
     return (
         <Tab
             count={3}
@@ -16,10 +14,8 @@ export default function ClubDetailTab({ setActiveTab, activeTab }: TabProps) {
             onChange={setActiveTab}
         >
             <Tab.Item tabKey="intro">동아리 소개</Tab.Item>
-            <Tab.Item tabKey="recruit">모집안내</Tab.Item>
-            <Tab.Item tabKey="log" disabled={isPreview}>
-                활동로그
-            </Tab.Item>
+            <Tab.Item tabKey="schedule">연간일정</Tab.Item>
+            <Tab.Item tabKey="recruit-info">모집정보</Tab.Item>
         </Tab>
     );
 }
diff --git a/src/domains/shared/components/layout/Intro.tsx b/src/domains/shared/components/layout/Intro.tsx
deleted file mode 100644
index 6dcc6bc6..00000000
--- a/src/domains/shared/components/layout/Intro.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import ActivityGuide from '@/domains/club/introduction/ui/public/ActivityGuide';
-import AnnualSchedule from '@/domains/club/schedule/ui/public/AnnualSchedule';
-import BaseInfo from '@/domains/club/introduction/ui/public/BaseInfo';
-import ClubIntroduce from '@/domains/club/introduction/ui/public/ClubIntroduce';
-
-export default function Intro() {
-    return (
-        <section className="flex flex-col gap-[10px]">
-            <BaseInfo />
-            <AnnualSchedule />
-            <ClubIntroduce />
-            <ActivityGuide />
-        </section>
-    );
-}
diff --git a/src/domains/shared/utils/formatClubInfo.tsx b/src/domains/shared/utils/formatClubInfo.tsx
new file mode 100644
index 00000000..9041dadd
--- /dev/null
+++ b/src/domains/shared/utils/formatClubInfo.tsx
@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { ClubInfoKey } from '../../club/introduction/types/club-info.types';
+
+export const formatClubInfo = (key: ClubInfoKey, value?: string): ReactNode => {
+    if (!value) return '-';
+
+    switch (key) {
+        case 'membershipFee':
+            return `${Number(value).toLocaleString()}원`;
+
+        case 'leaderPhone':
+            return value
+                .replace(/[^0-9]/g, '')
+                .replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`);
+
+        case 'snsAccount': {
+            const username = value.trim().startsWith('@')
+                ? value.trim().substring(1)
+                : value.trim();
+
+            if (!username) return '-';
+            return (
+                <a
+                    href={`https://www.instagram.com/${username}/`}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="text-neutral-600 underline"
+                >
+                    @{username}{' '}
+                </a>
+            );
+        }
+
+        default:
+            return value;
+    }
+};
diff --git a/src/pages/club/detail/ClubDetailPage.tsx b/src/pages/club/detail/ClubDetailPage.tsx
index 187ff682..6dc465f6 100644
--- a/src/pages/club/detail/ClubDetailPage.tsx
+++ b/src/pages/club/detail/ClubDetailPage.tsx
@@ -3,7 +3,7 @@ import ClubDetailHeader from '@/domains/club/profile/ui/ClubDetailHeader';
 import { useClubDetail } from '@/domains/club/profile/model/useClubDetail';
 import ClubDetailTab from '@/domains/shared/components/layout/ClubDetailTab';
 
-export type activeTab = 'intro' | 'recruit' | 'log';
+export type activeTab = 'intro' | 'schedule' | 'recruit-info';
 
 export default function ClubDetailPage() {
     const { activeTab, setActiveTab } = useClubDetail();
@@ -11,13 +11,13 @@ export default function ClubDetailPage() {
     return (
         <div className="flex flex-col items-center pt-5">
             <ClubDetailHeader />
-            <div className="w-full bg-white flex justify-center h-[47px]">
+            <div className="w-full bg-white flex justify-center h-11.75">
                 <ClubDetailTab
                     setActiveTab={setActiveTab}
                     activeTab={activeTab}
                 />
             </div>
-            <div className="mt-[15px] mb-5">
+            <div className="mt-3.75 mb-5">
                 <TabContents activeTab={activeTab} />
             </div>
         </div>
diff --git a/src/pages/club/detail/TabContents.tsx b/src/pages/club/detail/TabContents.tsx
index 8cda8fdc..1d4ce201 100644
--- a/src/pages/club/detail/TabContents.tsx
+++ b/src/pages/club/detail/TabContents.tsx
@@ -1,6 +1,6 @@
-import Intro from '@/domains/shared/components/layout/Intro';
-import ClubActivityLog from '@/domains/club/activity/ui/ClubActivityLog';
+import Schedule from '@/domains/club/schedule/ui/public/Schedule';
 import Recruit from '@/domains/club/recruitment/ui/public/Recruit';
+import Intro from '@/domains/club/introduction/ui/public/Intro';
 
 interface TabContentsProps {
     activeTab: string;
@@ -10,10 +10,10 @@ export default function TabContentsSwitch({ activeTab }: TabContentsProps) {
     switch (activeTab) {
         case 'intro':
             return <Intro />;
-        case 'recruit':
+        case 'schedule':
+            return <Schedule />;
+        case 'recruit-info':
             return <Recruit />;
-        case 'log':
-            return <ClubActivityLog />;
         default:
             return null;
     }
diff --git a/src/pages/faq/FAQPage.tsx b/src/pages/faq/FAQPage.tsx
deleted file mode 100644
index 6bd6e495..00000000
--- a/src/pages/faq/FAQPage.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import AccordionItemCard from '@/domains/shared/components/card/AccordionItemCard';
-import { useState } from 'react';
-
-interface NoticeItem {
-    title: React.ReactNode | string;
-    questionType: string;
-    content: React.ReactNode | string;
-}
-
-export default function FAQPage() {
-    const [rotatedStates, setRotatedStates] = useState<{
-        [key: number]: boolean;
-    }>({});
-
-    const noticeItems: NoticeItem[] = [
-        {
-            title: '동아리 등록 방법',
-            questionType: '서비스질문',
-            content: (
-                <>
-                    1. 우측 상단 메뉴에서 <strong>어드민 로그인</strong>을
-                    클릭합니다. <br /> <br />
-                    2. 하단에 있는 <strong>동아리 등록하기</strong>를
-                    클릭합니다. <br /> <br />
-                    3. 요청 승인 후 로그인 코드는 입력된 대표자 이메일로
-                    전송됩니다.
-                </>
-            ),
-        },
-        {
-            title: '모든 동아리가 등록되어 있나요?',
-            questionType: '서비스질문',
-            content: '아니요, 현재는 일부 동아리만 등록되어 있는 상태입니다.',
-        },
-        {
-            title: (
-                <>
-                    중앙 동아리가 아니어도 플랫폼에 <br />
-                    동아리를 등록할 수 있나요?
-                </>
-            ),
-            questionType: '서비스질문',
-            content: (
-                <>
-                    네! 하지만 현재 한자리는 중앙동아리를 기준으로
-                    <br /> 카테고리를 나누었기 때문에
-                    <br /> 맞는 카테고리가 없을 수도 있습니다.
-                    <br />
-                    <br /> 필요한 부분이 있다면 메일로 문의해주세요!
-                </>
-            ),
-        },
-    ];
-
-    const handleCardClick = (index: number) => {
-        setRotatedStates((prev) => ({
-            ...prev,
-            [index]: !prev[index],
-        }));
-    };
-
-    return (
-        <div className="flex flex-col items-center w-full">
-            <div className="w-[320px] flex flex-col">
-                <div className="text-body-01 font-semibold text-black my-5">
-                    FAQ 페이지
-                </div>
-                <div className="flex flex-col w-full">
-                    {noticeItems.map((item, index) => (
-                        <div key={index} className="flex flex-col w-full pb-2">
-                            <AccordionItemCard
-                                $variant="FAQ"
-                                title={item.title}
-                                questionType={item.questionType}
-                                isRotated={rotatedStates[index]}
-                                onClick={() => handleCardClick(index)}
-                            />
-                            <div
-                                className={`w-[320px] flex-shrink-0 rounded-[10px] border border-neutral-300 bg-white overflow-hidden transition-[max-height] duration-300 ease-in-out ${
-                                    rotatedStates[index]
-                                        ? 'max-h-[200px]'
-                                        : 'max-h-0'
-                                }`}
-                            >
-                                <div className="w-[320px] text-body-03 font-medium text-neutral-700 leading-[18px] p-5 whitespace-pre-line">
-                                    {item.content}
-                                </div>
-                            </div>
-                        </div>
-                    ))}
-                </div>
-            </div>
-        </div>
-    );
-}
diff --git a/src/routes/Routes.tsx b/src/routes/Routes.tsx
index 25e76745..ef7e1126 100644
--- a/src/routes/Routes.tsx
+++ b/src/routes/Routes.tsx
@@ -17,7 +17,6 @@ import RegistrationsListPage from '@/pages/admin/service/registrations/Registrat
 import RegistrationPage from '@/pages/club/registration/RegistrationPage';
 import NoticePage from '@/pages/notice/NoticePage';
 import ClubSocialPage from '@/pages/social/ClubSocialPage';
-import FAQPage from '@/pages/faq/FAQPage';
 import ClubDetailPage from '@/pages/club/detail/ClubDetailPage';
 import AdminClubPage from '@/pages/admin/club/dashboard/AdminClubPage';
 import AdminClubDetailPage from '@/pages/admin/club/detail/AdminClubDetailPage';
@@ -42,7 +41,7 @@ export default function AppRoutes() {
             <Route path={PATHS.NOTICE} element={<NoticePage />} />
 
             {/* 자주 묻는 질문 페이지 */}
-            <Route path={PATHS.FAQ} element={<FAQPage />} />
+            {/* <Route path={PATHS.FAQ} element={<FAQPage />} /> */}
 
             {/* 동아리 등록 및 수정의 미리보기 페이지 */}
             <Route