diff --git a/app/create/page.tsx b/app/create/page.tsx
index 09bb220..c0a0ee6 100644
--- a/app/create/page.tsx
+++ b/app/create/page.tsx
@@ -174,8 +174,11 @@ export default function Page() {
     <div className="flex flex-col">
       <div className="flex flex-1 justify-center overflow-hidden">
         <div className="mx-5 my-10 flex w-full flex-col items-center gap-11 sm:max-w-sm md:mx-12.5 md:my-20 lg:mx-42.5 lg:my-25 lg:gap-11">
+          <div className="flex w-full justify-start">
+            <h3 className="text-gray-10 text-2xl leading-[1.33] font-bold">모임 만들기</h3>
+          </div>
           <div className="flex w-full flex-col gap-2">
-            <label className="text-gray-9 text-[14px] leading-[1.571] font-semibold tracking-[0.203px]">
+            <label className="text-gray-9 text-[16px] leading-[1.571] font-semibold tracking-[0.203px]">
               약속의 이름을 알려주세요.
             </label>
             <input
@@ -188,10 +191,14 @@ export default function Page() {
           </div>
 
           <div className="flex w-full flex-col gap-2">
-            <label className="text-gray-9 text-[14px] leading-[1.571] font-semibold tracking-[0.203px]">
+            <label className="text-gray-9 text-[16px] leading-[1.571] font-semibold tracking-[0.203px]">
               어떤 약속인가요?
             </label>
 
+            <label className="text-gray-6 text-[11px] leading-[1.273]">
+              추후 맞춤 장소 추천을 위해 선택해주세요.
+            </label>
+
             <div className="flex gap-2">
               <button
                 type="button"
@@ -305,7 +312,7 @@ export default function Page() {
           </div>
 
           <div className="flex w-full flex-col gap-2">
-            <label className="text-gray-9 text-[14px] leading-[1.571] font-semibold tracking-[0.203px] sm:text-[15px] md:text-[14px]">
+            <label className="text-gray-9 text-[16px] leading-[1.571] font-semibold tracking-[0.203px]">
               참여 인원을 알려주세요.
             </label>
             <div className="border-gray-2 relative flex h-11 items-center rounded border bg-white">
@@ -351,7 +358,7 @@ export default function Page() {
           </div>
 
           <div className="flex w-full flex-col gap-2">
-            <label className="text-gray-9 text-[14px] leading-[1.571] font-semibold tracking-[0.203px] sm:text-[15px] md:text-[14px]">
+            <label className="text-gray-9 text-[16px] leading-[1.571] font-semibold tracking-[0.203px]">
               참여 기한을 정해주세요.
             </label>
             <div className="border-gray-2 relative flex h-15 items-center rounded border bg-white">
diff --git a/app/meeting/[id]/page.tsx b/app/meeting/[id]/page.tsx
index 8bff73d..30605cc 100644
--- a/app/meeting/[id]/page.tsx
+++ b/app/meeting/[id]/page.tsx
@@ -33,7 +33,7 @@ export default function Page() {
 
   const hasHandledErrorRef = useRef(false);
   const isDeletingRef = useRef(false);
-  const hasInitializedRef = useRef(false); // ⭐ 초기화 플래그 추가
+  const hasInitializedRef = useRef(false);
 
   const params = useParams();
   const id = params?.id as string;
@@ -46,6 +46,10 @@ export default function Page() {
   const { mutate: setDeparture } = useSetDeparture(id);
   const { mutate: deleteDeparture } = useDeleteDeparture(id);
 
+  const currentCount = meetingData?.data?.currentParticipantCount || 0;
+  const totalCount = meetingData?.data?.totalParticipantCount || 0;
+  const isResultEnabled = totalCount > 0 && currentCount === totalCount;
+
   useEffect(() => {
     setTimeout(() => {
       setIsMounted(true);
@@ -56,7 +60,6 @@ export default function Page() {
 
   useEffect(() => {
     if (isMounted && !myName && id) {
-      console.log('❌ 로그인 정보 없음 - /join으로 리다이렉트');
       router.replace(`/join/${id}`);
     }
   }, [isMounted, myName, id, router]);
@@ -80,14 +83,12 @@ export default function Page() {
       setSelectedStation(null);
 
       deleteDeparture(undefined, {
-        onSuccess: (data) => {
-          console.log('✅ 출발지 삭제 성공:', data);
+        onSuccess: () => {
           refetch().then(() => {
             isDeletingRef.current = false;
           });
         },
-        onError: (error) => {
-          console.error('❌ 출발지 삭제 실패:', error);
+        onError: () => {
           setErrorMessage('출발지 삭제에 실패했습니다.');
           show();
           isDeletingRef.current = false;
@@ -98,8 +99,7 @@ export default function Page() {
 
     setSelectedStation(stationName);
 
-    const searchName = stationName.endsWith('역') ? stationName : `${stationName}역`;
-    const stationInfo = STATION_DATA.find((s) => s.name === searchName);
+    const stationInfo = STATION_DATA.find((s) => s.name === stationName);
 
     if (stationInfo) {
       setDeparture(
@@ -108,11 +108,9 @@ export default function Page() {
         },
         {
           onSuccess: () => {
-            console.log('✅ 출발지 등록 성공');
             refetch();
           },
-          onError: (error) => {
-            console.error('❌ 출발지 등록 실패:', error);
+          onError: () => {
             setErrorMessage('출발지 등록에 실패했습니다.');
             show();
           },
@@ -156,10 +154,7 @@ export default function Page() {
   const myParticipant = useMemo(() => {
     if (!selectedStation || !myName) return null;
 
-    const correctStationName = selectedStation.endsWith('역')
-      ? selectedStation
-      : `${selectedStation}역`;
-    const info = STATION_DATA.find((s) => s.name === correctStationName);
+    const info = STATION_DATA.find((s) => s.name === selectedStation);
     if (!info) return null;
 
     return {
@@ -182,18 +177,12 @@ export default function Page() {
     const others = serverParticipants
       .filter((p) => p.userName !== myName)
       .map((p, index) => {
-        const displayStationName = p.stationName
-          ? p.stationName.endsWith('역')
-            ? p.stationName
-            : `${p.stationName}역`
-          : '';
-
-        const stationInfo = STATION_DATA.find((s) => s.name === displayStationName);
+        const stationInfo = STATION_DATA.find((s) => s.name === p.stationName);
 
         return {
           id: `other-${index}`,
           name: p.userName,
-          station: displayStationName,
+          station: p.stationName,
           line: stationInfo?.line ?? '미확인',
           latitude: p.latitude,
           longitude: p.longitude,
@@ -208,7 +197,7 @@ export default function Page() {
   if (!isMounted || !myName) {
     return (
       <div className="flex h-screen items-center justify-center bg-white">
-        <div className="h-8 w-8 animate-spin rounded-full border-4 border-gray-200 border-t-blue-500" />
+        <div className="border-t-blue-5 h-8 w-8 animate-spin rounded-full border-4 border-gray-200" />
       </div>
     );
   }
@@ -219,7 +208,7 @@ export default function Page() {
         <section className="border-gray-1 flex w-full flex-col gap-5 bg-white md:w-77.5 md:gap-10">
           {isLoading && (
             <div className="flex h-20 items-center justify-center">
-              <div className="h-6 w-6 animate-spin rounded-full border-4 border-gray-200 border-t-blue-500" />
+              <div className="border-t-blue-5 border-gray-2 h-6 w-6 animate-spin rounded-full border-4" />
             </div>
           )}
 
@@ -234,7 +223,7 @@ export default function Page() {
             />
           ) : (
             !isLoading && (
-              <div className="text-center text-gray-500">모임 정보를 불러올 수 없습니다.</div>
+              <div className="text-gray-6 text-center">모임 정보를 불러올 수 없습니다.</div>
             )
           )}
 
@@ -253,12 +242,10 @@ export default function Page() {
 
           <div className="relative flex flex-1 flex-col gap-3 overflow-hidden px-5 md:gap-3.5 md:p-0">
             <div className="flex items-center justify-between bg-white">
-              <h3 className="text-gray-9 text-xl font-semibold">참여현황</h3>
+              <h3 className="text-gray-9 text-[22px] font-semibold">참여현황</h3>
               <span className="text-gray-6 text-normal text-xs">
-                <span className="text-blue-5">
-                  {meetingData?.data.currentParticipantCount || 0}명
-                </span>
-                이 참여 중
+                <span className="text-blue-5">{currentCount}</span>
+                <span> / {totalCount}</span>
               </span>
             </div>
 
@@ -283,7 +270,7 @@ export default function Page() {
             </button>
 
             <div className="flex-1">
-              <div className="[&::-webkit-scrollbar-thumb]:bg-gray-6 flex h-80 flex-col gap-3.5 overflow-y-scroll pr-2 pb-5 md:pb-18 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full">
+              <div className="[&::-webkit-scrollbar-thumb]:bg-gray-6 flex h-80 flex-col gap-3.5 overflow-y-scroll pb-5 md:pb-18 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full">
                 {allParticipants.length > 0 ? (
                   allParticipants.map((user) => (
                     <div
@@ -312,12 +299,23 @@ export default function Page() {
               </div>
             </div>
 
-            <button
-              onClick={handleSubmit}
-              className="bg-gray-8 right-5 left-5 mb-10 h-12 cursor-pointer rounded text-lg text-white md:absolute md:right-0 md:bottom-0 md:left-0 md:mb-0"
-            >
-              결과보기
-            </button>
+            <div className="group relative right-5 left-5 mb-10 md:absolute md:right-0 md:bottom-0 md:left-0 md:mb-0">
+              {!isResultEnabled && (
+                <div className="bg-gray-9 absolute bottom-full left-1/2 mb-2 hidden w-max -translate-x-1/2 rounded px-3 py-1.5 text-xs text-white opacity-0 transition-opacity group-hover:block group-hover:opacity-100">
+                  모든 팀원이 참여해야 결과를 확인할 수 있어요
+                  <div className="border-t-gray-9 absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent"></div>
+                </div>
+              )}
+              <button
+                onClick={handleSubmit}
+                disabled={!isResultEnabled}
+                className={`h-12 w-full rounded text-lg font-semibold text-white transition-colors ${
+                  isResultEnabled ? 'bg-gray-8 cursor-pointer' : 'bg-gray-4 cursor-not-allowed'
+                }`}
+              >
+                결과보기
+              </button>
+            </div>
             <Toast message={errorMessage} isVisible={isVisible} />
           </div>
         </section>
diff --git a/app/recommend/page.tsx b/app/recommend/page.tsx
index a9994cc..c427d87 100644
--- a/app/recommend/page.tsx
+++ b/app/recommend/page.tsx
@@ -158,7 +158,7 @@ function RecommendContent() {
             <button onClick={handleBack} className="flex h-6 w-6 items-center justify-center">
               <Image src="/icon/left_chevron.svg" alt="왼쪽 꺾쇠 기호" width={24} height={24} />
             </button>
-            <h2 className="text-gray-9 text-xl font-semibold">{midPlace}역 주변 장소 추천</h2>
+            <h2 className="text-gray-9 text-[22px] font-semibold">{midPlace}역 주변 장소 추천</h2>
           </div>
 
           {/* 모바일 전용 지도 (작게 표시) */}
@@ -248,7 +248,7 @@ function RecommendContent() {
                     {selectedPlaceId === place.id ? (
                       <button
                         onClick={(e) => handleOpenKakaoMap(e, place.placeUrl)}
-                        className="bg-gray-8 w-full rounded py-1 text-[15px] text-white"
+                        className="bg-gray-8 w-full rounded py-2 text-[15px] text-white"
                       >
                         카카오맵에서 보기
                       </button>
diff --git a/app/result/[id]/page.tsx b/app/result/[id]/page.tsx
index 9396615..b647208 100644
--- a/app/result/[id]/page.tsx
+++ b/app/result/[id]/page.tsx
@@ -9,6 +9,7 @@ import { useMidpoint } from '@/hooks/api/query/useMidpoint';
 import { useCheckMeeting } from '@/hooks/api/query/useCheckMeeting';
 import { getMeetingUserId } from '@/lib/storage';
 import { useQueryClient } from '@tanstack/react-query';
+import Loading from '@/components/loading/loading';
 
 export default function Page() {
   const queryClient = useQueryClient();
@@ -17,7 +18,6 @@ export default function Page() {
   const params = useParams();
   const id = params?.id as string;
 
-  // 현재 사용자 닉네임 가져오기 (모임별로 분리된 userId 사용)
   const [myNickname] = useState<string>(() => {
     if (typeof window === 'undefined') return '';
     return getMeetingUserId(id) || '';
@@ -36,21 +36,13 @@ export default function Page() {
       const myRoute = userRoutes.find((route) => route.nickname === myNickname);
       const travelTime = myRoute?.travelTime || 0;
 
-      // 호선 번호 추출 함수 (숫자가 있으면 숫자만, 없으면 앞 글자만)
       const extractLineNumber = (linenumber: string): string => {
         if (!linenumber) return '';
-
-        // "호선" 제거
         const cleaned = linenumber.replace('호선', '').trim();
-
-        // 숫자가 있는지 확인
         const hasNumber = /\d/.test(cleaned);
-
         if (hasNumber) {
-          // 숫자만 추출 (예: "4호선" → "4")
           return cleaned.replace(/\D/g, '');
         } else {
-          // 숫자가 없으면 앞 글자만 추출 (예: "수인분당선" → "수")
           return cleaned.charAt(0);
         }
       };
@@ -107,14 +99,11 @@ export default function Page() {
   const handleModifyStart = () => {
     queryClient.removeQueries({ queryKey: ['midpoint', id] });
     queryClient.removeQueries({ queryKey: ['recommend', id] });
-
     router.back();
   };
 
   const getLineColor = (fullLineName: string) => {
     const cleaned = fullLineName.replace('호선', '').trim();
-
-    // 숫자 호선 처리 (1~9)
     if (/^\d+$/.test(cleaned)) {
       switch (cleaned) {
         case '1':
@@ -139,8 +128,6 @@ export default function Page() {
           return 'bg-gray-400';
       }
     }
-
-    // 전체 호선명으로 처리 (앞 글자가 겹치는 경우 구분)
     switch (fullLineName) {
       case '우이신설선':
         return 'bg-[#B0CE18]';
@@ -172,178 +159,181 @@ export default function Page() {
       case '서해선':
         return 'bg-[#5EAC41]';
       default:
-        return 'bg-gray-400';
+        return 'bg-gray-4';
     }
   };
 
   return (
     <div className="flex items-center justify-center p-0 md:min-h-[calc(100vh-200px)] md:py-20">
       <div className="flex h-full w-full flex-col bg-white md:h-175 md:w-174 md:flex-row md:gap-4 lg:w-215">
-        {/* [LEFT PANEL] 결과 리스트 영역 */}
-        <section className="border-gray-1 flex w-full flex-col gap-5 bg-white md:w-77.5 md:gap-3">
-          {/* 헤더 섹션 */}
-          <div className="px-5 pt-5 md:p-0">
-            <div className="flex items-center justify-between">
-              <div className="text-gray-9 text-xl font-semibold tracking-[-1.2%]">
-                최종 위치 결과 Top 3
-              </div>
-              <button
-                className="text-blue-5 bg-blue-1 hover:bg-blue-2 flex h-7 cursor-pointer items-center gap-1 rounded px-2.5 text-[11px] font-semibold transition-colors"
-                type="button"
-                onClick={(e) => openModal('SHARE', { meetingId: id }, e)}
-              >
-                <Image src="/icon/share.svg" alt="공유 아이콘" width={12} height={12} />
-                결과 공유하기
-              </button>
-            </div>
+        {isLoading ? (
+          <div className="flex h-full w-full items-center justify-center">
+            <Loading />
           </div>
-
-          {/* 모바일 전용 지도 영역 */}
-          {locationResults.length > 0 &&
-            (() => {
-              const selectedResult =
-                locationResults.find((r) => r.id === selectedResultId) || locationResults[0];
-              return (
-                <div className="relative h-93.5 w-full max-w-[100vw] overflow-hidden md:hidden">
-                  <KakaoMapLine
-                    className="bg-gray-1 relative block h-93.5 md:hidden"
-                    endStation={{
-                      name: selectedResult.endStation,
-                      latitude: selectedResult.latitude,
-                      longitude: selectedResult.longitude,
-                    }}
-                    userRoutes={selectedResult.userRoutes}
-                    meetingId={id}
-                    purposes={meetingData?.data?.purposes}
-                  />
+        ) : (
+          <>
+            {/* [LEFT PANEL] 결과 리스트 영역 */}
+            <section className="border-gray-1 flex w-full flex-col gap-5 bg-white md:w-77.5 md:gap-3">
+              {/* 헤더 섹션 */}
+              <div className="px-5 pt-5 md:p-0">
+                <div className="flex items-center justify-between">
+                  <div className="text-gray-9 text-[22px] font-semibold tracking-[-1.94%]">
+                    최종 위치 결과 Top 3
+                  </div>
+                  <button
+                    className="text-blue-5 bg-blue-1 hover:bg-blue-2 flex h-7 cursor-pointer items-center gap-1 rounded px-2.5 text-[11px] font-semibold transition-colors"
+                    type="button"
+                    onClick={(e) => openModal('SHARE', { meetingId: id }, e)}
+                  >
+                    <Image src="/icon/share.svg" alt="공유 아이콘" width={12} height={12} />
+                    결과 공유하기
+                  </button>
                 </div>
-              );
-            })()}
+              </div>
 
-          {/* 결과 리스트 & 하단 버튼 */}
-          <div className="relative mb-10 flex flex-1 flex-col gap-3 px-5 md:mb-0 md:p-0">
-            {/* 리스트 스크롤 영역 */}
-            <div className="mb-15 flex-1 overflow-auto">
-              <div className="flex h-125 min-h-0 flex-col gap-3 pr-1">
-                {isLoading ? (
-                  <div className="flex h-full items-center justify-center">
-                    <span className="text-gray-6 text-sm">로딩 중...</span>
-                  </div>
-                ) : isError || locationResults.length === 0 ? (
-                  <div className="flex h-full items-center justify-center">
-                    <span className="text-gray-6 text-sm">
-                      {isError ? '데이터를 불러오는데 실패했습니다.' : '결과가 없습니다.'}
-                    </span>
-                  </div>
-                ) : (
-                  locationResults.map((result) => (
-                    <div
-                      key={result.id}
-                      onClick={() => setSelectedResultId(result.id)}
-                      className={`flex cursor-pointer flex-col gap-3.75 rounded border bg-white p-5 ${
-                        selectedResultId === result.id
-                          ? 'border-blue-5 border-2'
-                          : 'border-gray-2 hover:bg-gray-1'
-                      }`}
-                    >
-                      {/* 카드 헤더: 역 이름 & 시간 */}
-                      <div className="flex items-center justify-between">
-                        <span className="text-gray-10 text-lg font-semibold">
-                          {result.endStation}역
-                        </span>
-                        <span className="text-gray-6 text-[13px] font-normal">
-                          이동시간
-                          <span className="text-blue-5 ml-1.75 text-lg font-semibold">
-                            {result.travelTime}분
-                          </span>
-                        </span>
-                      </div>
+              {/* 모바일 전용 지도 영역 */}
+              {locationResults.length > 0 &&
+                (() => {
+                  const selectedResult =
+                    locationResults.find((r) => r.id === selectedResultId) || locationResults[0];
+                  return (
+                    <div className="relative h-93.5 w-full max-w-[100vw] overflow-hidden md:hidden">
+                      <KakaoMapLine
+                        className="bg-gray-1 relative block h-93.5 md:hidden"
+                        endStation={{
+                          name: selectedResult.endStation,
+                          latitude: selectedResult.latitude,
+                          longitude: selectedResult.longitude,
+                        }}
+                        userRoutes={selectedResult.userRoutes}
+                        meetingId={id}
+                        purposes={meetingData?.data?.purposes}
+                      />
+                    </div>
+                  );
+                })()}
 
-                      {/* 환승 경로 (호선 아이콘) */}
-                      <div className="text-gray-6 flex items-center gap-3 text-[13px]">
-                        <span>내 환승경로</span>
+              {/* 결과 리스트 & 하단 버튼 */}
+              <div className="relative mb-10 flex flex-1 flex-col gap-3 px-5 md:mb-0 md:p-0">
+                {/* 리스트 스크롤 영역 */}
+                <div className="mb-15 flex-1 overflow-auto">
+                  <div className="flex h-125 min-h-0 flex-col gap-3 pr-1">
+                    {isError || locationResults.length === 0 ? (
+                      <div className="flex h-full items-center justify-center">
+                        <span className="text-gray-6 text-sm">
+                          {isError ? '데이터를 불러오는데 실패했습니다.' : '결과가 없습니다.'}
+                        </span>
                       </div>
-                      <div className="flex items-center">
-                        {result.transferPathLines.map(
-                          (line: { display: string; text: string }, idx: number) => (
-                            <div key={idx} className="flex items-center">
-                              {/* 호선 원형 아이콘 */}
-                              <span
-                                className={`flex h-5 w-5 items-center justify-center rounded-full text-[11px] text-white ${getLineColor(line.text)}`}
-                              >
-                                {line.display}
+                    ) : (
+                      locationResults.map((result) => (
+                        <div
+                          key={result.id}
+                          onClick={() => setSelectedResultId(result.id)}
+                          className={`flex cursor-pointer flex-col gap-3.75 rounded border bg-white p-5 ${
+                            selectedResultId === result.id
+                              ? 'border-blue-5 border-2'
+                              : 'border-gray-2 hover:bg-gray-1'
+                          }`}
+                        >
+                          {/* 카드 헤더: 역 이름 & 시간 */}
+                          <div className="flex items-center justify-between">
+                            <span className="text-gray-10 text-lg font-semibold">
+                              {result.endStation}역
+                            </span>
+                            <span className="text-gray-6 text-[13px] font-normal">
+                              이동시간
+                              <span className="text-blue-5 ml-1.75 text-lg font-semibold">
+                                {result.travelTime}분
                               </span>
-                              <span className="text-gray-10 ml-1 text-sm font-semibold">
-                                {line.text}
-                              </span>
-                              {idx < result.transferPathLines.length - 1 && (
-                                <Image
-                                  src="/icon/rightarrow.svg"
-                                  alt="화살표"
-                                  width={13}
-                                  height={22}
-                                  className="text-gray-6 mx-1.75 w-auto"
-                                />
-                              )}
-                            </div>
-                          )
-                        )}
-                      </div>
+                            </span>
+                          </div>
 
-                      {/* 모임원 경로 보기 버튼 (카드 내부) */}
-                      <button
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          openModal(
-                            'TRANSFER',
-                            {
-                              userRoutes: result.userRoutes,
-                              endStation: result.endStation,
-                            },
-                            e
-                          );
-                        }}
-                        className="bg-gray-8 h-8 w-full cursor-pointer rounded py-1 text-[15px] font-normal text-white"
-                      >
-                        모임원 환승경로 보기
-                      </button>
-                    </div>
-                  ))
-                )}
-              </div>
-            </div>
+                          {/* 환승 경로 (호선 아이콘) */}
+                          <div className="text-gray-6 flex items-center gap-3 text-[13px]">
+                            <span>내 환승경로</span>
+                          </div>
+                          <div className="flex items-center">
+                            {result.transferPathLines.map(
+                              (line: { display: string; text: string }, idx: number) => (
+                                <div key={idx} className="flex items-center">
+                                  <span
+                                    className={`flex h-5 w-5 items-center justify-center rounded-full text-[11px] text-white ${getLineColor(line.text)}`}
+                                  >
+                                    {line.display}
+                                  </span>
+                                  <span className="text-gray-10 ml-1 text-sm font-semibold">
+                                    {line.text}
+                                  </span>
+                                  {idx < result.transferPathLines.length - 1 && (
+                                    <Image
+                                      src="/icon/rightarrow.svg"
+                                      alt="화살표"
+                                      width={13}
+                                      height={22}
+                                      className="text-gray-6 mx-1.75 w-auto"
+                                    />
+                                  )}
+                                </div>
+                              )
+                            )}
+                          </div>
 
-            {/* 하단 버튼: 내 출발지 수정하기 (파란색) */}
-            <button
-              onClick={handleModifyStart}
-              className="bg-blue-5 hover:bg-blue-8 absolute right-5 bottom-0 left-5 h-12 rounded text-lg font-semibold text-white transition-transform active:scale-[0.98] md:right-0 md:left-0"
-            >
-              내 출발지 수정하기
-            </button>
-          </div>
-        </section>
+                          {/* 모임원 경로 보기 버튼 */}
+                          <button
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              openModal(
+                                'TRANSFER',
+                                {
+                                  userRoutes: result.userRoutes,
+                                  endStation: result.endStation,
+                                },
+                                e
+                              );
+                            }}
+                            className="bg-gray-8 h-8 w-full cursor-pointer rounded py-1 text-[15px] font-normal text-white"
+                          >
+                            모임원 환승경로 보기
+                          </button>
+                        </div>
+                      ))
+                    )}
+                  </div>
+                </div>
+
+                {/* 하단 버튼 */}
+                <button
+                  onClick={handleModifyStart}
+                  className="bg-blue-5 hover:bg-blue-8 absolute right-5 bottom-0 left-5 h-12 rounded text-lg font-semibold text-white transition-transform active:scale-[0.98] md:right-0 md:left-0"
+                >
+                  내 출발지 수정하기
+                </button>
+              </div>
+            </section>
 
-        {/* [RIGHT PANEL] 데스크탑 지도 영역 */}
-        <section className="hidden h-full flex-1 bg-gray-100 md:block">
-          {locationResults.length > 0 &&
-            (() => {
-              const selectedResult =
-                locationResults.find((r) => r.id === selectedResultId) || locationResults[0];
-              return (
-                <KakaoMapLine
-                  className="h-full w-full"
-                  endStation={{
-                    name: selectedResult.endStation,
-                    latitude: selectedResult.latitude,
-                    longitude: selectedResult.longitude,
-                  }}
-                  userRoutes={selectedResult.userRoutes}
-                  meetingId={id}
-                  purposes={meetingData?.data?.purposes}
-                />
-              );
-            })()}
-        </section>
+            {/* [RIGHT PANEL] 데스크탑 지도 영역 */}
+            <section className="bg-gray-1 hidden h-full flex-1 md:block">
+              {locationResults.length > 0 &&
+                (() => {
+                  const selectedResult =
+                    locationResults.find((r) => r.id === selectedResultId) || locationResults[0];
+                  return (
+                    <KakaoMapLine
+                      className="h-full w-full"
+                      endStation={{
+                        name: selectedResult.endStation,
+                        latitude: selectedResult.latitude,
+                        longitude: selectedResult.longitude,
+                      }}
+                      userRoutes={selectedResult.userRoutes}
+                      meetingId={id}
+                      purposes={meetingData?.data?.purposes}
+                    />
+                  );
+                })()}
+            </section>
+          </>
+        )}
       </div>
     </div>
   );
diff --git a/components/join/joinForm.tsx b/components/join/joinForm.tsx
index a1da9ce..9e094e8 100644
--- a/components/join/joinForm.tsx
+++ b/components/join/joinForm.tsx
@@ -7,6 +7,7 @@ import { useToast } from '@/hooks/useToast';
 import Toast from '@/components/ui/toast';
 import { useIsLoggedIn } from '@/hooks/useIsLoggedIn';
 import { setMeetingUserId } from '@/lib/storage';
+import Image from 'next/image';
 
 interface JoinFormProps {
   meetingId: string;
@@ -15,26 +16,34 @@ interface JoinFormProps {
 export default function JoinForm({ meetingId }: JoinFormProps) {
   const router = useRouter();
   const searchParams = useSearchParams();
-
-  // meetingId는 부모(Page)에서 props로 전달받음
   const { isLogin, isChecking } = useIsLoggedIn(meetingId);
+  const participantEnter = useEnterParticipant();
+  const { isVisible, show } = useToast();
 
   const [name, setName] = useState('');
   const [password, setPassword] = useState('');
   const [isRemembered, setIsRemembered] = useState(true);
   const [errorMessage, setErrorMessage] = useState('');
 
-  const participantEnter = useEnterParticipant();
-  const { isVisible, show } = useToast();
+  const [meetingTypeVal] = useState(() => {
+    if (typeof window === 'undefined') return '';
+    const param = searchParams.get('meetingType');
+    if (param) return param;
+    return localStorage.getItem(`meeting_${meetingId}_meetingType`) || '';
+  });
+
+  const [categoryVal] = useState(() => {
+    if (typeof window === 'undefined') return '';
+    const param = searchParams.get('category');
+    if (param) return param;
+    return localStorage.getItem(`meeting_${meetingId}_category`) || '';
+  });
 
-  // [추가] 공유 링크로 들어왔을 때 카테고리 정보를 localStorage에 저장
   useEffect(() => {
     if (!meetingId) return;
-
     const meetingType = searchParams.get('meetingType');
     const category = searchParams.get('category');
 
-    // 값이 존재할 때만 저장 (기존 값을 덮어쓰거나 새로 저장)
     if (meetingType) {
       localStorage.setItem(`meeting_${meetingId}_meetingType`, meetingType);
     }
@@ -43,10 +52,8 @@ export default function JoinForm({ meetingId }: JoinFormProps) {
     }
   }, [searchParams, meetingId]);
 
-  // 기존 로그인 체크 및 리다이렉트 로직
   useEffect(() => {
     if (isChecking) return;
-
     if (isLogin && meetingId) {
       router.replace(`/meeting/${meetingId}`);
     }
@@ -77,12 +84,11 @@ export default function JoinForm({ meetingId }: JoinFormProps) {
         },
       });
 
-      // 1. HTTP 200 OK지만 논리적 실패인 경우 (success: false)
       if (result.success) {
         setMeetingUserId(meetingId, name, isRemembered);
         router.push(`/meeting/${meetingId}`);
       } else {
-        setErrorMessage(result.data.message || '모임 참여에 실패했습니다. 다시 시도해주세요.');
+        setErrorMessage(result.data?.message || '모임 참여에 실패했습니다. 다시 시도해주세요.');
         show();
       }
     } catch (error: any) {
@@ -94,20 +100,47 @@ export default function JoinForm({ meetingId }: JoinFormProps) {
       } else {
         setErrorMessage('모임 참여에 실패했습니다. 다시 시도해주세요.');
       }
-
       show();
     }
   };
 
   return (
-    <div className="flex flex-col items-center justify-center gap-11 bg-white px-5 py-10 md:min-h-[calc(100vh-200px)] md:justify-center">
-      <h1 className="w-full text-[22px] font-semibold text-black md:max-w-sm">
-        모임에 참여해 주세요.
-      </h1>
+    <div className="flex flex-col items-center justify-center gap-11 bg-white px-5 pt-12.5 pb-25 md:min-h-[calc(100vh-200px)] md:justify-center">
+      <div className="relative h-64 w-full max-w-215">
+        <Image
+          src="/images/banner.jpg"
+          alt="배너이미지"
+          fill
+          className="rounded-2xl object-cover"
+          sizes="(max-width: 768px) 100vw, 860px"
+          priority
+        />
+      </div>
+
+      <div className="flex w-full flex-col items-start gap-3 md:max-w-sm">
+        <h1 className="w-full text-[22px] font-semibold text-black">모임에 참여해 주세요.</h1>
+
+        {/* ⚡️ suppressHydrationWarning 필수 */}
+        {/* 서버(값 없음) vs 클라이언트(값 있음) 불일치 경고 무시 */}
+        {(meetingTypeVal || categoryVal) && (
+          <div className="flex gap-2" suppressHydrationWarning>
+            {meetingTypeVal && (
+              <span className="text-blue-5 bg-gray-1 rounded px-3 py-1 text-xs font-medium">
+                {meetingTypeVal}
+              </span>
+            )}
+            {categoryVal && (
+              <span className="text-blue-5 bg-gray-1 rounded px-3 py-1 text-xs font-medium">
+                {categoryVal}
+              </span>
+            )}
+          </div>
+        )}
+      </div>
 
       <form onSubmit={handleSubmit} className="flex w-full flex-col gap-5 md:max-w-sm">
         <div className="flex flex-col gap-2">
-          <label htmlFor="name" className="text-gray-9 text-sm font-semibold">
+          <label htmlFor="name" className="text-gray-9 text-[16px] font-semibold">
             이름을 입력해주세요.
           </label>
           <input
@@ -122,8 +155,8 @@ export default function JoinForm({ meetingId }: JoinFormProps) {
         </div>
 
         <div className="flex flex-col gap-2">
-          <label htmlFor="password" className="text-gray-9 text-sm font-semibold">
-            비밀번호를 입력해주세요
+          <label htmlFor="password" className="text-gray-9 text-[16px] font-semibold">
+            비밀번호를 설정해주세요
           </label>
           <input
             id="password"
@@ -140,7 +173,6 @@ export default function JoinForm({ meetingId }: JoinFormProps) {
             }`}
           />
 
-          {/* 내 정보 기억하기 체크박스 */}
           <div
             onClick={() => setIsRemembered(!isRemembered)}
             className="flex cursor-pointer items-center gap-2"
diff --git a/components/map/kakaoMapRecommend.tsx b/components/map/kakaoMapRecommend.tsx
index 01f9e67..6327e53 100644
--- a/components/map/kakaoMapRecommend.tsx
+++ b/components/map/kakaoMapRecommend.tsx
@@ -29,11 +29,11 @@ interface KakaoMapRecommendProps {
 // 전체 카테고리 목록
 const ALL_CATEGORIES = [
   { id: '식당', label: '식당', icon: '/icon/place/restaurant' },
-  { id: '술집', label: '술집', icon: '/icon/place/bar' }, 
+  { id: '술집', label: '술집', icon: '/icon/place/bar' },
   { id: '카페', label: '카페', icon: '/icon/place/cafe' },
   { id: '놀거리', label: '놀거리', icon: '/icon/place/play' },
-  { id: '스터디카페', label: '스터디카페', icon: '/icon/place/studycafe' },
-  { id: '장소 대여', label: '장소 대여', icon: '/icon/place/rent' }, 
+  { id: '스터디 카페', label: '스터디 카페', icon: '/icon/place/studycafe' },
+  { id: '장소 대여', label: '장소 대여', icon: '/icon/place/rent' },
 ];
 
 export default function KakaoMapRecommend({
@@ -54,7 +54,7 @@ export default function KakaoMapRecommend({
   const categories = useMemo(() => {
     if (meetingType === '회의') {
       // 회의: 스터디카페, 장소 대여
-      return ALL_CATEGORIES.filter((cat) => cat.id === '스터디카페' || cat.id === '장소 대여');
+      return ALL_CATEGORIES.filter((cat) => cat.id === '스터디 카페' || cat.id === '장소 대여');
     } else if (meetingType === '친목') {
       // 친목: 식당, 술집, 카페, 놀거리
       return ALL_CATEGORIES.filter(
diff --git a/components/meeting/MeetingInfoSection.tsx b/components/meeting/MeetingInfoSection.tsx
index 1fad764..b47acd9 100644
--- a/components/meeting/MeetingInfoSection.tsx
+++ b/components/meeting/MeetingInfoSection.tsx
@@ -22,7 +22,6 @@ export default function MeetingInfoSection({
 }: MeetingInfoProps) {
   const { days, hours, minutes, isExpired } = useCountdown(deadline);
 
-  // 남은 인원 (음수 방지)
   const pendingCount = Math.max(0, totalCapacity - currentParticipants);
 
   // 1. 시간 렌더링 여부: (기한 유연 아님) AND (59일 미만)
@@ -35,7 +34,7 @@ export default function MeetingInfoSection({
   return (
     <div className="px-5 pt-10 md:p-0">
       <div className="flex items-start justify-between">
-        <div className="text-[22px] leading-[1.364] font-semibold tracking-[-1.948%] break-keep">
+        <div className="text-[28px] leading-[1.358] font-bold tracking-[-2.36%] break-keep">
           {/* --- [타이틀 영역] --- */}
           <h2 className="text-gray-9">
             {isTimeSet ? (
diff --git a/components/meeting/stationSearch.tsx b/components/meeting/stationSearch.tsx
index 3af7dbc..c8d78ec 100644
--- a/components/meeting/stationSearch.tsx
+++ b/components/meeting/stationSearch.tsx
@@ -45,7 +45,7 @@ export default function StationSearch({
 
   return (
     <div className="relative z-20 px-5 md:p-0">
-      <h3 className="text-gray-9 mb-3 text-xl font-semibold">내 출발지</h3>
+      <h3 className="text-gray-9 mb-3 text-[22px] font-semibold">내 출발지</h3>
       <div className="relative w-full">
         {selectedStation ? (
           // [CASE 1] 선택 완료 상태
@@ -87,7 +87,7 @@ export default function StationSearch({
 
             {/* 자동완성 드롭다운 */}
             {searchValue && filteredStations.length > 0 && (
-              <ul className="border-gray-2 absolute top-full left-0 z-50 mt-2 max-h-50 w-full overflow-y-auto rounded border bg-white p-2 shadow-lg">
+              <ul className="border-gray-2 absolute top-full left-0 z-50 mt-2 max-h-50 w-full overflow-y-auto rounded border bg-white p-2">
                 {filteredStations.map((station, index) => (
                   <li
                     // key에 index를 섞거나 고유 ID가 있다면 사용하는 것이 좋습니다.
diff --git a/components/modal/nudgeModal.tsx b/components/modal/nudgeModal.tsx
index 296a951..71e7c9e 100644
--- a/components/modal/nudgeModal.tsx
+++ b/components/modal/nudgeModal.tsx
@@ -37,7 +37,7 @@ export default function NudgeModal({ isOpen, onClose, meetingId }: NudgeModalPro
         className="flex w-80 flex-col gap-6 rounded bg-white px-6 py-5 md:w-89.5"
       >
         <DialogHeader className="text-left">
-          <DialogTitle className="pr-4 text-[22px] leading-[1.364] font-semibold text-black">
+          <DialogTitle className="pr-4 text-xl leading-[1.4] font-semibold text-black">
             아직 입력하지 않은 친구를 <br />
             재촉해 보세요!
           </DialogTitle>
diff --git a/components/modal/shareModal.tsx b/components/modal/shareModal.tsx
index fb6cd44..7fd8c19 100644
--- a/components/modal/shareModal.tsx
+++ b/components/modal/shareModal.tsx
@@ -38,7 +38,7 @@ export default function ShareModal({ isOpen, onClose, meetingId }: ShareModalPro
       >
         {/* 헤더 영역 */}
         <DialogHeader className="text-left">
-          <DialogTitle className="pr-4 text-[22px] font-semibold text-black">
+          <DialogTitle className="pr-4 text-xl font-semibold text-black">
             모임 링크를 공유해주세요
           </DialogTitle>
           <DialogDescription className="sr-only">
diff --git a/components/modal/transferModal.tsx b/components/modal/transferModal.tsx
index bd692c5..26ce2c9 100644
--- a/components/modal/transferModal.tsx
+++ b/components/modal/transferModal.tsx
@@ -37,85 +37,91 @@ interface TransferModalProps {
   endStation?: string;
 }
 
-export default function TransferModal({ isOpen, onClose, userRoutes = [], endStation = '' }: TransferModalProps) {
- 
-// 호선별 색상 반환 함수 (전체 호선명을 받아서 처리)
-const getLineBadgeStyle = (fullLineName: string) => {
-  // "호선" 제거
-  const cleaned = fullLineName.replace('호선', '').trim();
-  
-  // 숫자 호선 처리 (1~9)
-  if (/^\d+$/.test(cleaned)) {
-    switch (cleaned) {
-      case '1':
-        return 'bg-[#004A85]'; // 1호선 파랑
-      case '2':
-        return 'bg-[#00A23F]'; // 2호선 초록
-      case '3':
-        return 'bg-[#ED6C00]'; // 3호선 파랑
-      case '4':
-        return 'bg-[#009BCE]'; // 4호선 파랑
-      case '5':
-        return 'bg-[#794698]'; // 5호선 보라색
-      case '6':
-        return 'bg-[#7C4932]'; // 6호선 빨강
-      case '7':
-        return 'bg-[#6E7E31]'; // 7호선 초록
-      case '8':
-        return 'bg-[#D11D70]'; // 8호선 빨강
-      case '9':
-        return 'bg-[#A49D87]'; // 9호선 회색
+export default function TransferModal({
+  isOpen,
+  onClose,
+  userRoutes = [],
+  endStation = '',
+}: TransferModalProps) {
+  // 호선별 색상 반환 함수 (전체 호선명을 받아서 처리)
+  const getLineBadgeStyle = (fullLineName: string) => {
+    // "호선" 제거
+    const cleaned = fullLineName.replace('호선', '').trim();
+
+    // 숫자 호선 처리 (1~9)
+    if (/^\d+$/.test(cleaned)) {
+      switch (cleaned) {
+        case '1':
+          return 'bg-[#004A85]'; // 1호선 파랑
+        case '2':
+          return 'bg-[#00A23F]'; // 2호선 초록
+        case '3':
+          return 'bg-[#ED6C00]'; // 3호선 파랑
+        case '4':
+          return 'bg-[#009BCE]'; // 4호선 파랑
+        case '5':
+          return 'bg-[#794698]'; // 5호선 보라색
+        case '6':
+          return 'bg-[#7C4932]'; // 6호선 빨강
+        case '7':
+          return 'bg-[#6E7E31]'; // 7호선 초록
+        case '8':
+          return 'bg-[#D11D70]'; // 8호선 빨강
+        case '9':
+          return 'bg-[#A49D87]'; // 9호선 회색
+        default:
+          return 'bg-gray-400';
+      }
+    }
+
+    // 전체 호선명으로 처리 (앞 글자가 겹치는 경우 구분)
+    switch (fullLineName) {
+      // 수도권 도시철도(경전철)
+      case '우이신설선':
+        return 'bg-[#B0CE18]'; // 우이신설 노랑
+      case '신림선':
+        return 'bg-[#5E7DBB]'; // 신림선 하늘
+      case '의정부경전철':
+        return 'bg-[#F0831E]'; // 의정부경전철 주황
+      case '용인에버라인':
+        return 'bg-[#44A436]'; // 용인에버라인 초록
+      case '인천2호선':
+        return 'bg-[#F4A462]'; // 인천2호선 살색
+      case '김포골드라인':
+        return 'bg-[#F4A462]'; // 김포골드라인 금색
+
+      // 수도권 도시철도(중전철)
+      case '경의선':
+      case '경의중앙선':
+        return 'bg-[#6AC2B3]'; // 경의선/경의중앙선 민트색
+      case '수인분당선':
+        return 'bg-[#ECA300]'; // 수인분당선 노란색
+      case '신분당선':
+        return 'bg-[#B81B30]'; // 신분당선 빨강색
+      case '인천1호선':
+        return 'bg-[#B4C7E7]'; // 인천1호선 연한 하늘색
+      case '공항철도':
+        return 'bg-[#0079AC]'; // 공항철도 파랑색
+
+      // 광역철도
+      case '경춘선':
+        return 'bg-[#007A62]'; // 경춘선 초록
+      case '경강산':
+        return 'bg-[#0B318F]'; // 경강산 파란
+      case '서해선':
+        return 'bg-[#5EAC41]'; // 서해선 초록
+
       default:
         return 'bg-gray-400';
     }
-  }
-  
-  // 전체 호선명으로 처리 (앞 글자가 겹치는 경우 구분)
-  switch (fullLineName) {
-    // 수도권 도시철도(경전철)
-    case '우이신설선':
-      return 'bg-[#B0CE18]'; // 우이신설 노랑
-    case '신림선':
-      return 'bg-[#5E7DBB]'; // 신림선 하늘
-    case '의정부경전철':
-      return 'bg-[#F0831E]'; // 의정부경전철 주황
-    case '용인에버라인':
-      return 'bg-[#44A436]'; // 용인에버라인 초록
-    case '인천2호선':
-      return 'bg-[#F4A462]'; // 인천2호선 살색
-    case '김포골드라인':
-      return 'bg-[#F4A462]'; // 김포골드라인 금색
-
-    // 수도권 도시철도(중전철)
-    case '경의선':
-    case '경의중앙선':
-      return 'bg-[#6AC2B3]'; // 경의선/경의중앙선 민트색
-    case '수인분당선':
-      return 'bg-[#ECA300]'; // 수인분당선 노란색
-    case '신분당선':
-      return 'bg-[#B81B30]'; // 신분당선 빨강색
-    case '인천1호선':
-      return 'bg-[#B4C7E7]'; // 인천1호선 연한 하늘색
-    case '공항철도':
-      return 'bg-[#0079AC]'; // 공항철도 파랑색
-
-    // 광역철도
-    case '경춘선':
-      return 'bg-[#007A62]'; // 경춘선 초록
-    case '경강산':
-      return 'bg-[#0B318F]'; // 경강산 파란
-    case '서해선':
-      return 'bg-[#5EAC41]'; // 서해선 초록
-
-    default:
-      return 'bg-gray-400';
-  }
-};
+  };
 
   // transferPath에서 호선과 환승역 추출 함수
-  const extractTransferLines = (route: UserRoute): Array<{ linenumber: string; station: string }> => {
+  const extractTransferLines = (
+    route: UserRoute
+  ): Array<{ linenumber: string; station: string }> => {
     const lines: Array<{ linenumber: string; station: string }> = [];
-    
+
     // transferPath의 모든 항목에서 호선과 환승역 추출
     if (route.transferPath && Array.isArray(route.transferPath)) {
       route.transferPath.forEach((path) => {
@@ -127,7 +133,7 @@ const getLineBadgeStyle = (fullLineName: string) => {
         }
       });
     }
-    
+
     return lines;
   };
 
@@ -139,11 +145,11 @@ const getLineBadgeStyle = (fullLineName: string) => {
       >
         {/* 헤더 영역 */}
         <DialogHeader className="gap-6 text-left">
-          <DialogTitle className="text-gray-10 text-[22px] font-semibold">
+          <DialogTitle className="text-gray-10 text-xl font-semibold">
             모임원 환승경로 보기
           </DialogTitle>
-          <DialogDescription className="text-blue-5 text-xl font-semibold">
-            {endStation ? `${endStation} 도착` : '도착역'}
+          <DialogDescription className="text-blue-5 text-lg font-semibold">
+            {endStation ? `${endStation}역 도착` : '도착역'}
           </DialogDescription>
         </DialogHeader>
 
@@ -156,7 +162,7 @@ const getLineBadgeStyle = (fullLineName: string) => {
           ) : (
             userRoutes.map((route, index) => {
               const transferLines = extractTransferLines(route);
-              
+
               return (
                 <div
                   key={index}
@@ -179,15 +185,13 @@ const getLineBadgeStyle = (fullLineName: string) => {
                       ) : (
                         transferLines.map((lineInfo, idx) => (
                           <div key={idx} className="flex flex-col items-center">
-                            
-                            <div className="flex items-center">                                                    
+                            <div className="flex items-center">
                               <span
                                 className={`flex items-center justify-center rounded-[5px] px-2 py-px text-[13px] text-white ${getLineBadgeStyle(
                                   lineInfo.linenumber
                                 )}`}
                               >
-                                {lineInfo.station}
-                                ({lineInfo.linenumber})
+                                {lineInfo.station}({lineInfo.linenumber})
                               </span>
                               {/* 화살표 아이콘 (마지막 요소 제외) */}
                               {idx < transferLines.length - 1 && (
@@ -201,7 +205,6 @@ const getLineBadgeStyle = (fullLineName: string) => {
                                 </span>
                               )}
                             </div>
-                            
                           </div>
                         ))
                       )}
@@ -210,7 +213,9 @@ const getLineBadgeStyle = (fullLineName: string) => {
                     {/* 이동 시간 */}
                     <span className="text-gray-6 text-[13px]">
                       이동시간
-                      <span className="text-blue-5 ml-1.75 text-lg font-semibold">{route.travelTime}분</span>
+                      <span className="text-blue-5 ml-1.75 text-lg font-semibold">
+                        {route.travelTime}분
+                      </span>
                     </span>
                   </div>
                 </div>
diff --git a/components/share/shareContent.tsx b/components/share/shareContent.tsx
index 417d5c9..1c33222 100644
--- a/components/share/shareContent.tsx
+++ b/components/share/shareContent.tsx
@@ -19,8 +19,8 @@ export default function ShareContent({ id }: ShareContentProps) {
 
   return (
     <div className="flex flex-col items-center justify-center bg-white px-5 py-10 md:py-25">
-      <h2 className="text-gray-10 mb-9 text-center text-2xl leading-[1.334] font-bold md:text-4xl">
-        모임이 만들어졌어요!
+      <h2 className="text-gray-10 mb-9 text-center text-2xl leading-[1.334] font-bold">
+        모임원들에게
         <br />
         링크를 공유해주세요
       </h2>
diff --git a/public/images/banner.jpg b/public/images/banner.jpg
new file mode 100644
index 0000000..2d82953
Binary files /dev/null and b/public/images/banner.jpg differ