diff --git a/src/components/StampProgressBar.jsx b/src/components/StampProgressBar.jsx
index 8d52645..0312f67 100644
--- a/src/components/StampProgressBar.jsx
+++ b/src/components/StampProgressBar.jsx
@@ -1,8 +1,9 @@
 import React, { useState, useEffect } from "react";
 import dummyStores from "../data/dummyStores";
 
-const StampProgressBar = ({ selectedStoreIdx }) => {
+const StampProgressBar = ({ selectedStoreIdx, isSuccess }) => {
   const [lastStampedDiffText, setLastStampedDiffText] = useState("");
+
   useEffect(() => {
     if (selectedStoreIdx === null) {
       setLastStampedDiffText("");
@@ -26,6 +27,14 @@ const StampProgressBar = ({ selectedStoreIdx }) => {
     else setLastStampedDiffText(`${diffDays}일 전 완료`);
   }, [selectedStoreIdx]);
 
+  // 기존 도장 개수
+  const baseCount =
+    selectedStoreIdx !== null
+      ? dummyStores[selectedStoreIdx].stampCount ?? 0
+      : 0;
+  // 성공이면 UI상으로만 +1
+  const displayCount = isSuccess ? baseCount + 1 : baseCount;
+
   return (
     <div className="mt-3 w-full bg-white rounded-2xl shadow-md p-4 flex flex-col gap-1 h-30 justify-center">
       <div className="flex flex-row justify-between items-center">
@@ -34,7 +43,7 @@ const StampProgressBar = ({ selectedStoreIdx }) => {
             완식 스템프
           </span>
           <span className="text-black text-sm font-bold">
-            {dummyStores[selectedStoreIdx].stampCount}개
+            {displayCount}개
           </span>
         </div>
         <div className="text-xs mainColor text-white rounded-2xl px-2">
@@ -47,7 +56,7 @@ const StampProgressBar = ({ selectedStoreIdx }) => {
         <div
           className="h-full mainColor rounded-full transition-all duration-500"
           style={{
-            width: `${(dummyStores[selectedStoreIdx].stampCount / 15) * 100}%`,
+            width: `${(displayCount / 15) * 100}%`,
           }}
         ></div>
 
diff --git a/src/components/StepUploadImage.jsx b/src/components/StepUploadImage.jsx
index fbe7a4a..68a1aac 100644
--- a/src/components/StepUploadImage.jsx
+++ b/src/components/StepUploadImage.jsx
@@ -68,14 +68,14 @@ export default function StepUploadImage({
           <div className={
             circle
               ? "w-72 h-72 bg-gray-200 rounded-full overflow-hidden flex items-center justify-center mb-6 shadow"
-              : "w-80 h-60 bg-gray-100 rounded-xl overflow-hidden flex items-center justify-center mb-6 shadow border-2 border-dashed border-gray-300"
+              : "w-80 h-80 bg-gray-100 rounded-xl overflow-hidden flex items-center justify-center mb-6 shadow"
           }>
             <img src={image.url} alt="preview" className="object-cover w-full h-full" />
           </div>
           <div className="font-bold text-xl mb-2">확인됐습니다!</div>
           <div className="text-gray-500 text-center text-sm mb-2 px-2">
             {circle
-              ? <>식사 맛있게 하세요! 완식 확인 잊지마세요!<br />바로 분석한다면, ‘다음’ 버튼을 눌러주세요.</>
+              ? <>식사 맛있게 하세요! 완식 확인 잊지마세요!<br />바로 분석한다면, '다음' 버튼을 눌러주세요.</>
               : <>접시 상태가 업로드됐어요.<br />바로 분석하려면 '다음' 버튼을 눌러주세요.</>
             }
           </div>
@@ -84,14 +84,15 @@ export default function StepUploadImage({
         {/* 하단 버튼 */}
         <div className="flex gap-2 w-full px-6 pt-4 pb-6">
           <button
-            className="flex-1 h-12 rounded-full bg-white border text-gray-700 font-bold shadow"
+            className="flex-1 h-12 rounded-full bg-white  font-bold "
             onClick={onHome}
             type="button"
           >
             홈으로
           </button>
           <button
-            className="flex-1 h-12 rounded-full bg-green-700 text-white font-bold shadow"
+            className="flex-1 h-12 rounded-full text-white font-bold shadow"
+            style={{ backgroundColor: '#003D28' }}
             onClick={() => onNext && onNext(image)}
             type="button"
           >
@@ -123,12 +124,16 @@ export default function StepUploadImage({
           className={
             circle
               ? "w-72 h-72 flex items-center justify-center cursor-pointer bg-transparent mb-4"
-              : "w-80 h-60 flex items-center justify-center cursor-pointer bg-[#F7F7F7] rounded-xl border-2 border-dashed border-gray-300 mb-4"
+              : "w-80 h-80 flex items-center justify-center cursor-pointer bg-[#F7F7F7] rounded-xl mb-4"
           }
           onClick={handleUploadClick}
           type="button"
         >
-          <img src={UploadIcon} alt="업로드" className={circle ? "w-full h-full object-contain" : "w-20 h-20 object-contain opacity-60"} />
+          <img
+            src={UploadIcon}
+            alt="업로드"
+            className="w-full h-full object-contain"
+          />
         </button>
         <input
           ref={fileInputRef}
@@ -141,14 +146,14 @@ export default function StepUploadImage({
       {/* 하단 버튼 */}
       <div className="flex gap-2 w-full px-6 pt-4 pb-6">
         <button
-          className="flex-1 h-12 rounded-full bg-white border text-gray-700 font-bold shadow"
+          className="flex-1 h-12 rounded-full bg-white font-bold "
           onClick={onPrev}
           type="button"
         >
           뒤로가기
         </button>
         <button
-          className="flex-1 h-12 rounded-full bg-gray-300 text-gray-500 font-bold shadow"
+          className="flex-1 h-12 rounded-full bg-gray-300 text-gray-500 font-bold "
           disabled
           type="button"
         >
@@ -157,4 +162,4 @@ export default function StepUploadImage({
       </div>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/src/pages/FoodProcess.jsx b/src/pages/FoodProcess.jsx
index 98fb8d8..c7c2957 100644
--- a/src/pages/FoodProcess.jsx
+++ b/src/pages/FoodProcess.jsx
@@ -77,7 +77,8 @@ export default function FoodProcess() {
       )}
       {step === 6 && (
         <Step6_Result
-          analyze={analyze}
+          storeId={qrResult}         // **여기서 QR 결과 넘김**
+          analyze={analyze}          // {percent, isSuccess}
           onRestart={() => {
             setStep(1);
             setQrResult(null);
diff --git a/src/pages/steps/Step1_QR.jsx b/src/pages/steps/Step1_QR.jsx
index da0d129..5365cd9 100644
--- a/src/pages/steps/Step1_QR.jsx
+++ b/src/pages/steps/Step1_QR.jsx
@@ -39,7 +39,7 @@ export default function Step1_QR({ onNext }) {
     processedRef.current = true;
 
     // 즉시 alert 표시하고 다음 단계로 진행
-    alert("QR 인식 성공! 결과: " + result);
+    // alert("QR 인식 성공! 결과: " + result);
     
     // 약간의 딜레이 후 다음 단계로 진행
     setTimeout(() => {
@@ -140,7 +140,7 @@ export default function Step1_QR({ onNext }) {
 
         {/* 하단: 버튼+네비바 */}
         <div className="absolute w-full left-0 bottom-0 flex flex-col items-center pb-4 z-40">
-          <button
+          {/* <button
             onClick={handleMock}
             disabled={isProcessing}
             className={`mb-30 px-8 py-3 rounded-xl font-semibold shadow-lg ${
@@ -150,7 +150,7 @@ export default function Step1_QR({ onNext }) {
             }`}
           >
             {isProcessing ? "처리 중..." : "확인(임의)"}
-          </button>
+          </button> */}
           <div className="w-full">
             <BottomNav />
           </div>
diff --git a/src/pages/steps/Step2_Map.jsx b/src/pages/steps/Step2_Map.jsx
index 45cae93..79be04f 100644
--- a/src/pages/steps/Step2_Map.jsx
+++ b/src/pages/steps/Step2_Map.jsx
@@ -12,12 +12,21 @@ export default function Step2_Map({ qrResult, onNext, onPrev, onExit }) {
   // qrResult로 매장/도장 데이터 찾기
   useEffect(() => {
     if (qrResult) {
+      // 디버깅용 콘솔 로그
+      console.log("=== Step2_Map 디버깅 ===");
+      console.log("qrResult:", qrResult);
+      console.log("dummyPlaces:", dummyPlaces);
+      console.log("dummyStores:", dummyStores);
+
       // 1. 매장 정보
       const found = dummyPlaces.find((place) => place.id === qrResult);
+      console.log("found place:", found);
       setSelectedLocation(found || null);
 
       // 2. 내가 방문한 매장(도장) 인덱스
       const idx = dummyStores.findIndex((s) => s.id === qrResult);
+      console.log("store index:", idx);
+      console.log("matching store:", idx !== -1 ? dummyStores[idx] : null);
       setSelectedSearchStoreIdx(idx !== -1 ? idx : null);
     }
   }, [qrResult]);
@@ -30,8 +39,15 @@ export default function Step2_Map({ qrResult, onNext, onPrev, onExit }) {
 
   return (
     <div className="h-screen w-full flex flex-col relative">
+      {/* 디버깅 정보 표시 */}
+      {/* <div className="absolute top-16 left-4 z-30 bg-black/70 text-white p-2 rounded text-xs">
+        <div>QR: {qrResult}</div>
+        <div>Store Index: {selectedSearchStoreIdx}</div>
+        <div>Location: {selectedLocation?.place_name || "없음"}</div>
+      </div> */}
+
       {/* 상단 뒤로가기 버튼 */}
-      <button 
+      <button
         className="absolute top-4 left-4 z-20 flex items-center justify-center w-12 h-12 transition-transform hover:scale-110"
         onClick={onPrev}
       >
@@ -47,6 +63,8 @@ export default function Step2_Map({ qrResult, onNext, onPrev, onExit }) {
         ) : (
           <div className="w-full h-full flex items-center justify-center text-gray-400">
             매장 정보를 찾을 수 없습니다.
+            <br />
+            QR 결과: {qrResult}
           </div>
         )}
       </div>
@@ -70,6 +88,10 @@ export default function Step2_Map({ qrResult, onNext, onPrev, onExit }) {
                   <div className="mt-3 w-full bg-white rounded-3xl shadow-md p-4 flex flex-col gap-1 h-30 justify-center">
                     <div className="w-full textGrayColor text-center text-sm">
                       매장을 방문한 적이 없어요!
+                      <br />
+                      <span className="text-xs">QR: {qrResult}</span>
+                      <br />
+                      <span className="text-xs">Store 개수: {dummyStores.length}</span>
                     </div>
                   </div>
                 )}
@@ -77,6 +99,8 @@ export default function Step2_Map({ qrResult, onNext, onPrev, onExit }) {
             ) : (
               <div className="mt-10 text-center text-gray-400">
                 매장 정보를 찾을 수 없습니다.
+                <br />
+                QR 결과: {qrResult}
               </div>
             )}
           </div>
@@ -87,15 +111,21 @@ export default function Step2_Map({ qrResult, onNext, onPrev, onExit }) {
       <div className="absolute bottom-0 left-0 right-0 z-20 p-4 flex gap-3 ">
         <button
           onClick={onPrev}
-          className="flex-1 h-14 rounded-full font-bold text-lg transition-all duration-200 bg-white  hover:bg-gray-50"
+          className="flex-1 h-12 rounded-full bg-white font-bold"
+          type="button"
         >
           뒤로가기
         </button>
         <button
-          className="flex-1 h-14 rounded-full text-white font-bold text-lg transition-all duration-200 shadow-lg"
-          style={{ backgroundColor: '#003D28' }}
+          className={
+            selectedLocation
+              ? "flex-1 h-12 rounded-full text-white font-bold shadow"
+              : "flex-1 h-12 rounded-full bg-gray-300 text-gray-500 font-bold"
+          }
+          style={selectedLocation ? { backgroundColor: '#003D28' } : undefined}
           onClick={() => onNext({ name: qrResult, review: "" })}
           disabled={!selectedLocation}
+          type="button"
         >
           다음
         </button>
diff --git a/src/pages/steps/Step5_Analyze.jsx b/src/pages/steps/Step5_Analyze.jsx
index 2b19569..14bae6f 100644
--- a/src/pages/steps/Step5_Analyze.jsx
+++ b/src/pages/steps/Step5_Analyze.jsx
@@ -54,7 +54,7 @@ export default function Step5_Analyze({ bowl, food, onFinish }) {
             완식 여부를 확인중입니다.<br />잠시만 기다려주세요.
           </div>
         </div>
-        <div className="w-72 h-56 relative rounded-xl overflow-hidden shadow">
+        <div className="w-72 h-72 relative rounded-xl overflow-hidden shadow">
           <img src={bowl.url} alt="plate" className="object-cover w-full h-full" />
           {scanning && (
             <div className="absolute inset-0 pointer-events-none">
@@ -93,4 +93,4 @@ function ScanEffect() {
       }}
     />
   );
-}
+}
\ No newline at end of file
diff --git a/src/pages/steps/Step6_Result.jsx b/src/pages/steps/Step6_Result.jsx
index 99d175b..dbb3bf5 100644
--- a/src/pages/steps/Step6_Result.jsx
+++ b/src/pages/steps/Step6_Result.jsx
@@ -1,181 +1,157 @@
-import React, { useState } from "react";
-
-// 실제 SVG 파일 import
+import React, { useMemo } from "react";
+import { useNavigate } from "react-router-dom";
+import BackBtn from "../../assets/icons/BackBtn.svg";
 import SuccessChar from "../../assets/icons/Result_icon/SuccessChar.svg";
 import FailChar from "../../assets/icons/Result_icon/FailChar.svg";
 import PointIconStar from "../../assets/icons/Result_icon/PointIcon-star.svg";
 import PointIconLine from "../../assets/icons/Result_icon/PointIcon-line.svg";
 import StampIcon from "../../assets/icons/Result_icon/StampIcon.svg";
+import StampProgressBar from "../../components/StampProgressBar";
+import dummyStores from "../../data/dummyStores";
 
-export default function Step6_Result() {
-  const [percent, setPercent] = useState(80);
-  const [demoMode, setDemoMode] = useState('success'); // 'success' or 'fail'
-
-  // 성공/실패 판정
-  const isSuccess = percent >= 80;
+export default function Step6_Result({ storeId, analyze, onRestart }) {
+  const isSuccess = analyze?.isSuccess;
+  const percent = analyze?.percent;
+  const navigate = useNavigate();
 
-  const handleToggleDemo = () => {
-    if (demoMode === 'success') {
-      setDemoMode('fail');
-      setPercent(60);
-    } else {
-      setDemoMode('success');
-      setPercent(80);
-    }
-  };
+  // 도장 데이터: 해당 매장 인덱스
+  const selectedStoreIdx = useMemo(() => {
+    const idx = dummyStores.findIndex((s) => s.id === storeId);
+    return idx !== -1 ? idx : null;
+  }, [storeId]);
 
   return (
     <div className="relative w-full min-h-screen bg-[#F5F5F5] flex flex-col items-center">
-      {/* 상단 바 */}
-      <div className="w-full flex items-center px-6 pt-4 mb-2">
-        <span className="w-9" />
+      {/* 상단바 */}
+      <div className="w-full flex items-center px-6 pt-4 mb-2 relative">
+        <button className="w-9 h-9 flex items-center justify-center" onClick={() => navigate("/main")}>
+          <img src={BackBtn} alt="뒤로" className="w-7 h-7" />
+        </button>
         <span className="flex-1 text-center text-gray-700 font-bold text-lg">식사 인증</span>
-        <button 
-          onClick={handleToggleDemo}
-          className="w-9 h-9 rounded-full bg-white shadow-sm flex items-center justify-center text-xs font-bold text-gray-600"
+        {/* <button
+          onClick={onRestart}
+          className="w-9 h-9 rounded text-xs font-semibold text-gray-400 border border-gray-200 flex items-center justify-center"
         >
-          {demoMode === 'success' ? '실패' : '성공'}
-        </button>
-      </div>
-
-      {/* 진행바 */}
-      <div className="flex items-center justify-center gap-2 mb-4 mt-2">
-        {[1, 2, 3, 4].map(i => (
-          <div key={i} className="flex items-center">
-            <span className={`block w-2 h-2 rounded-full ${i === 4 ? "bg-green-700" : "bg-gray-300"}`} />
-            {i < 4 && <div className="w-8 h-[1px] bg-gray-300 mx-1" />}
-          </div>
-        ))}
+          재시작
+        </button> */}
       </div>
 
-      {/* 캐릭터와 말풍선 영역 */}
-      <div className="relative w-full flex items-center justify-center px-6 mb-8">
-        {/* 캐릭터 - 왼쪽에 위치 */}
-        <div className="relative">
+      {/* 캐릭터+말풍선 */}
+      <div className="relative flex flex-row items-center justify-center w-full px-8 mb-5 h-32">
+        <div className="relative flex-shrink-0 w-28 h-28 flex items-center justify-center">
           {isSuccess ? (
-            <div className="relative">
-              {/* 성공 시 배경 효과 */}
-              <div className="absolute inset-0 w-32 h-32 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-gradient-to-br from-yellow-200 via-green-200 to-green-300 rounded-full blur-xl opacity-60"></div>
-              {/* SuccessChar 캐릭터 */}
-              <img src={SuccessChar} alt="성공" className="w-24 h-24 drop-shadow-lg relative z-10" />
-            </div>
+            <>
+              <div className="absolute w-32 h-32 bg-gradient-to-br from-yellow-100 via-green-200 to-green-300 rounded-full blur-xl opacity-60 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" />
+              <img src={SuccessChar} alt="성공" className="w-24 h-24 z-10 relative" />
+            </>
           ) : (
-            <div className="relative">
-              {/* 실패 시 배경 효과 */}
-              <div className="absolute inset-0 w-32 h-32 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-gradient-to-br from-gray-300 via-blue-200 to-blue-300 rounded-full blur-xl opacity-50"></div>
-              {/* FailChar 캐릭터 */}
-              <img src={FailChar} alt="실패" className="w-24 h-24 drop-shadow-lg relative z-10" />
-            </div>
+            <>
+              <div className="absolute w-32 h-32 bg-gradient-to-br from-gray-200 via-blue-100 to-blue-300 rounded-full blur-xl opacity-50 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" />
+              <img src={FailChar} alt="실패" className="w-24 h-24 z-10 relative" />
+            </>
           )}
         </div>
-
-        {/* 말풍선 - 캐릭터 오른쪽에 위치 */}
-        <div className="ml-4 relative">
-          <div className="bg-white rounded-xl px-4 py-3 text-center shadow-lg font-bold text-gray-800 text-sm leading-tight">
+        <div className="ml-4 flex flex-col relative">
+          <div className="bg-white rounded-xl px-5 py-4 shadow font-bold text-gray-800 text-base text-left whitespace-pre-line relative">
             {isSuccess
               ? "덕분에 지구가\n오늘도 웃고있어요!"
               : "완식률이 부족해요.\n다음에 더 노력해볼까요?"}
           </div>
-          {/* 말풍선 꼬리 - 왼쪽으로 향함 */}
-          <div className="absolute left-0 top-1/2 transform -translate-x-1 -translate-y-1/2 w-0 h-0 border-t-[8px] border-b-[8px] border-r-[8px] border-t-transparent border-b-transparent border-r-white"></div>
+          <div className="absolute left-0 top-1/2 -translate-x-2 -translate-y-1/2 w-0 h-0 border-t-[10px] border-b-[10px] border-r-[12px] border-t-transparent border-b-transparent border-r-white" />
         </div>
       </div>
 
-      {/* 원형 게이지 영역 */}
-      <div className="relative w-full flex flex-col items-center">
-
-        {/* 원형 게이지와 아이콘들 */}
-        <div className="relative flex flex-col items-center mt-4 mb-6">
-          {/* 성공 시 별 아이콘 - 원형 게이지 위쪽에 위치 */}
-          {isSuccess && (
-            <img 
-              src={PointIconStar} 
-              alt="별" 
-              className="absolute -top-8 left-1/2 transform -translate-x-1/2 w-10 h-10 animate-bounce z-20"
-              style={{ filter: "drop-shadow(0 0 8px #ffe066)" }}
-            />
-          )}
-          
-          {/* 실패 시 라인 아이콘 - 원형 게이지 위쪽에 위치 */}
-          {!isSuccess && (
-            <img 
-              src={PointIconLine} 
-              alt="라인" 
-              className="absolute -top-6 left-1/2 transform -translate-x-1/2 w-9 h-9 opacity-80 z-20"
-              style={{ filter: "drop-shadow(0 0 8px #8db5e7)" }}
-            />
-          )}
-          
-          <svg width={180} height={180} className="transform -rotate-90">
-            <circle
-              cx={90}
-              cy={90}
-              r={80}
-              fill="none"
-              stroke="#e5e7eb"
-              strokeWidth={12}
-            />
-            <circle
-              cx={90}
-              cy={90}
-              r={80}
-              fill="none"
-              stroke={isSuccess ? "#22C55E" : "#6B7280"}
-              strokeWidth={12}
-              strokeDasharray={2 * Math.PI * 80}
-              strokeDashoffset={2 * Math.PI * 80 * (1 - percent / 100)}
-              strokeLinecap="round"
-              style={{
-                transition: "stroke-dashoffset 0.8s ease-out, stroke 0.3s ease-out"
-              }}
+      {/* 원형 게이지 + 아이콘 */}
+      <div className="relative flex flex-col items-center mt-2 mb-4" style={{ width: 260, height: 260 }}>
+        <div className="absolute right-6 top-10 z-20">
+          {isSuccess ? (
+            <img
+              src={PointIconStar}
+              alt="별"
+              className="w-16 h-16 animate-bounce"
+              style={{ filter: "drop-shadow(0 0 10px #ffe066)" }}
             />
-          </svg>
-          
-          {/* 퍼센트 텍스트 */}
-          <div className={`absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 font-extrabold text-4xl transition-colors duration-300`}
-            style={{ color: isSuccess ? "#22C55E" : "#6B7280" }}>
-            {percent}%
-          </div>
-          
-          {/* 스탬프 아이콘 - 원형 게이지 오른쪽에 걸쳐져 있도록 배치 */}
-          {isSuccess && (
-            <img 
-              src={StampIcon} 
-              alt="스탬프" 
-              className="absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2 w-20 h-20 animate-pulse z-20"
+          ) : (
+            <img
+              src={PointIconLine}
+              alt="라인"
+              className="w-14 h-14 opacity-80"
+              style={{ filter: "drop-shadow(0 0 10px #8db5e7)" }}
             />
           )}
         </div>
+        {/* 원형 게이지 */}
+        <svg width={240} height={240} className="transform -rotate-90 z-10">
+          <circle
+            cx={120}
+            cy={120}
+            r={105}
+            fill="none"
+            stroke="#e5e7eb"
+            strokeWidth={18}
+          />
+          <circle
+            cx={120}
+            cy={120}
+            r={105}
+            fill="none"
+            stroke={isSuccess ? "#22C55E" : "#6B7280"}
+            strokeWidth={18}
+            strokeDasharray={2 * Math.PI * 105}
+            strokeDashoffset={2 * Math.PI * 105 * (1 - (percent || 0) / 100)}
+            strokeLinecap="round"
+            style={{
+              transition: "stroke-dashoffset 0.8s ease-out, stroke 0.3s ease-out"
+            }}
+          />
+        </svg>
+        <div
+          className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 font-extrabold text-6xl"
+          style={{ color: isSuccess ? "#22C55E" : "#6B7280" }}
+        >
+          {percent}%
+        </div>
+        {isSuccess && (
+          <img
+            src={StampIcon}
+            alt="스탬프"
+            className="absolute right-2 bottom-2 w-24 h-24 animate-pulse z-20"
+          />
+        )}
       </div>
 
-      {/* 아래 도장/포인트 현황 */}
-      <div className="w-full px-5 mt-2">
-        <div className="text-xs text-gray-500 mb-2">
-          현재 1회 방문 중 <b className="text-green-600">4회</b> 더 방문하면 쿠폰 지급!
-        </div>
-        <div className="w-full bg-gray-200 h-2 rounded-lg mb-4 relative overflow-hidden">
-          <div
-            className={`h-2 rounded-lg transition-all duration-500 ${isSuccess ? 'bg-green-400' : 'bg-gray-400'}`}
-            style={{ width: `${Math.min(percent / 5, 100)}%` }}
+      {/* 도장(스탬프) 세트 Progress */}
+      <div className="w-full px-5 mb-2">
+        <div className="w-full textGrayColor text-sm mb-1">도장</div>
+        {selectedStoreIdx !== null ? (
+          <StampProgressBar
+            selectedStoreIdx={selectedStoreIdx}
+            isSuccess={isSuccess} // **성공이면 도장+1**
           />
-        </div>
+        ) : (
+          <div className="w-full bg-white rounded-3xl shadow-md p-4 flex flex-col gap-1 h-30 justify-center">
+            <div className="w-full textGrayColor text-center text-sm">
+              매장을 방문한 적이 없어요!
+            </div>
+          </div>
+        )}
       </div>
 
       {/* 하단 버튼 */}
-      <div className="flex gap-2 w-full px-6 pt-6 pb-6 mt-auto">
+      <div className="flex gap-2 w-full px-6 pt-4 pb-6 mt-auto">
         <button
-          className="flex-1 h-12 rounded-full bg-green-700 text-white font-bold shadow-lg hover:bg-green-800 transition-colors"
-          onClick={() => console.log('기록 클릭')}
+          className="flex-1 h-12 rounded-full bg-[#003D28] text-white font-bold"
+          onClick={() => console.log("기록 클릭")}
         >
           기록
         </button>
         <button
-          className="flex-1 h-12 rounded-full bg-gray-100 text-green-700 font-bold shadow-lg hover:bg-gray-200 transition-colors"
-          onClick={() => console.log('공유 클릭')}
+          className="flex-1 h-12 rounded-full bg-white text-[#003D28] font-bold border border-gray-200"
+          onClick={() => console.log("공유 클릭")}
         >
           공유
         </button>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}