diff --git a/README.md b/README.md
index 2081322..0a8daa2 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,2 @@
-# UpAndDown-Client
-About [오르락내리락] 과거의 차트로 공부하고! 나만의 종목으로 예측까지 해보는 주식 차트 학습 서비스
+# Candly-Client
+About [Candly] 과거의 차트로 공부하고! 나만의 종목으로 예측까지 해보는 주식 차트 학습 서비스
diff --git a/src/components/Navbar/navbar.client.tsx b/src/components/Navbar/navbar.client.tsx
index 8893c6e..edd10e5 100644
--- a/src/components/Navbar/navbar.client.tsx
+++ b/src/components/Navbar/navbar.client.tsx
@@ -6,11 +6,12 @@ import Link from "next/link";
 import { checkUserStatus, getStock } from "@/services/userStock-service";
 import { useAuthStore } from "@/stores/authStore";
 import Image from "next/image";
+import { TutorialOverlay } from "../blocks/Tutorial/TutorialPopup.client";
 
 const menuItems = [
   { label: "홈", href: "/" },
   { label: "연습문제", href: "/practice" },
-  { label: "실전투자", href: "/investment", dynamic: true },
+  { label: "실전예측", href: "/investment", dynamic: true },
   { label: "랭킹", href: "/ranking" },
   { label: "마이페이지", href: "/mypage" },
 ];
@@ -21,9 +22,15 @@ export default function Navbar() {
   const auth = useAuthStore((s) => s.auth);
   const clearAuth = useAuthStore((s) => s.clearAuth);
   const loginRequiredPaths = ["/", "/practice", "/ranking", "/mypage"];
+  const [showTutorial, setShowTutorial] = useState(false);
+  const handleCloseTutorial = () => {
+    localStorage.setItem("hideTutorial", "true");
+    setShowTutorial(false);
+  };
 
-  // hydration mismatch 방지용
   const [mounted, setMounted] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(false);
+
   useEffect(() => {
     setMounted(true);
   }, []);
@@ -31,28 +38,13 @@ export default function Navbar() {
 
   const handleInvestClick = async () => {
     try {
-      if (!auth?.token) {
-        console.warn("로그인 필요");
-        return router.push("/auth/login");
-      }
+      if (!auth?.token) return router.push("/auth/login");
 
       const status = await checkUserStatus(auth.token);
-      //("이미 연동 완료된 user: ", status.hasHoldings);
-
-      if (status.hasHoldings) {
-        const stockData = await getStock(auth.token);
-        const firstCode = stockData.stocks[0]?.stock_code._id;
-        //console.log("주식 조회", firstCode);
-        if (firstCode) {
-          router.push(`/investment/${firstCode}`);
-        } else {
-          router.push("/investment");
-        }
-      } else {
-        router.push("/investment");
-      }
+      const stockData = await getStock(auth.token);
+      const firstCode = stockData.stocks[0]?.stock_code._id;
+      router.push(firstCode ? `/investment/${firstCode}` : "/investment");
     } catch (err) {
-      console.error("실전투자 이동 중 오류:", err);
       router.push("/investment");
     }
   };
@@ -60,9 +52,7 @@ export default function Navbar() {
   const handleLogout = async () => {
     try {
       await fetch("/api/auth/logout", { method: "POST" });
-    } catch (e) {
-      console.warn("서버 로그아웃 실패");
-    }
+    } catch {}
     sessionStorage.removeItem("token");
     clearAuth();
     router.replace("/auth/login");
@@ -72,16 +62,18 @@ export default function Navbar() {
     router.push("/auth/login");
   };
 
+  const navButtonClass = (isActive: boolean) =>
+    "text-base transition-colors cursor-pointer " +
+    (isActive
+      ? "text-[#396FFB] hover:text-blue-500 font-semibold"
+      : "text-[#E2E2E2] hover:text-white");
+
   return (
-    <nav className="h-[98px] flex items-center px-8 pl-10 whitespace-nowrap fixed bg-inherit w-screen z-20">
+
+    <nav className="h-[98px] flex items-center px-8 pl-10 fixed bg-inherit w-full z-20 text-nowrap">
+      {/* 로고 & 홈 이동 */}
       <button
-        onClick={() => {
-          if (!auth?.token) {
-            router.push("/auth/login");
-          } else {
-            router.push("/");
-          }
-        }}
+        onClick={() => router.push(auth?.token ? "/" : "/auth/login")}
         className="flex items-center pr-2.5 bg-transparent border-none cursor-pointer"
       >
         <Image
@@ -93,98 +85,123 @@ export default function Navbar() {
         />
         <div className="text-2xl pr-20">Candly</div>
       </button>
-      <ul className="flex gap-15">
+
+      {/* 데스크탑 메뉴 */}
+      <ul className="hidden md:flex gap-15">
         {menuItems.map((item) => {
           const isActive =
             pathname === item.href || pathname.startsWith(`${item.href}/`);
           const isLoginRequired = loginRequiredPaths.includes(item.href);
 
-          if (item.dynamic) {
-            return (
-              <li key={item.href}>
-                <button
-                  onClick={handleInvestClick}
-                  className={
-                    "text-base transition-colors cursor-pointer " +
-                    (isActive
-                      ? "text-[#396FFB] hover:text-blue-500 font-semibold"
-                      : "text-[#E2E2E2] hover:text-white")
-                  }
-                >
-                  {item.label}
-                </button>
-              </li>
-            );
-          }
-          // 로그인 필요한 메뉴 (홈, 연습문제, 랭킹, 마이페이지)
-          if (isLoginRequired) {
-            return (
-              <li key={item.href}>
-                <button
-                  onClick={() => {
-                    if (!auth?.token) {
-                      router.push("/auth/login");
-                    } else {
-                      router.push(item.href);
-                    }
-                  }}
-                  className={
-                    "text-base transition-colors cursor-pointer " +
-                    (isActive
-                      ? "text-[#396FFB] hover:text-blue-500 font-semibold"
-                      : "text-[#E2E2E2] hover:text-white")
-                  }
-                  type="button"
-                >
-                  {item.label}
-                </button>
-              </li>
-            );
-          }
+          const onClick = item.dynamic
+            ? handleInvestClick
+            : () => {
+                if (!auth?.token && isLoginRequired) {
+                  router.push("/auth/login");
+                } else {
+                  router.push(item.href);
+                }
+              };
 
-          // 나머지(로그인 필요없는 메뉴) (실제로 위에서 다 처리됨)
           return (
             <li key={item.href}>
-              <Link href={item.href}>
-                <span
-                  className={
-                    "text-base cursor-pointer transition-colors " +
-                    (isActive
-                      ? "text-[#396FFB] font-semibold"
-                      : "text-[#E2E2E2] hover:text-white")
-                  }
-                >
-                  {item.label}
-                </span>
-              </Link>
+              <button onClick={onClick} className={navButtonClass(isActive)}>
+                {item.label}
+              </button>
             </li>
           );
         })}
       </ul>
 
-      {/* 로그인/로그아웃 버튼 */}
-      <div className="ml-auto pr-5">
-        {mounted ? (
-          auth?.token ? (
+      {/* 오른쪽 버튼 (데스크탑 전용) */}
+      <div className="ml-auto hidden md:flex gap-4 items-center pr-5">
+        <button
+          onClick={() => {
+            setShowTutorial(true);
+          }}
+          className="text-sm px-4 text-[#E2E2E2] hover:text-white"
+        >
+          튜토리얼
+        </button>
+        {auth?.token ? (
+          <button
+            onClick={handleLogout}
+            className="text-sm text-[#E2E2E2] hover:text-white transition"
+          >
+            로그아웃
+          </button>
+        ) : (
+          <button
+            onClick={handleLoginClick}
+            className="text-sm text-[#E2E2E2] hover:text-white transition"
+          >
+            로그인
+          </button>
+        )}
+      </div>
+
+      {/* 모바일 햄버거 버튼 */}
+      <button
+        onClick={() => setMenuOpen(!menuOpen)}
+        className="ml-auto md:hidden text-white text-xl"
+      >
+        ☰
+      </button>
+
+      {/* 모바일 메뉴 */}
+      {menuOpen && (
+        <div className="absolute top-[98px] left-0 w-full bg-black border-t border-neutral-700 px-5 py-4 flex flex-col gap-4 md:hidden z-40">
+          {menuItems.map((item) => {
+            const isLoginRequired = loginRequiredPaths.includes(item.href);
+            const onClick = item.dynamic
+              ? handleInvestClick
+              : () => {
+                  if (!auth?.token && isLoginRequired) {
+                    router.push("/auth/login");
+                  } else {
+                    router.push(item.href);
+                  }
+                  setMenuOpen(false);
+                };
+            return (
+              <button
+                key={item.href}
+                onClick={onClick}
+                className="text-left text-base text-[#E2E2E2] hover:text-white"
+              >
+                {item.label}
+              </button>
+            );
+          })}
+          {/* <button
+            onClick={() => {
+              setShowTutorial(true);
+            }}
+            className="text-left text-base text-[#E2E2E2] hover:text-white"
+          >
+            튜토리얼
+          </button> */}
+          {auth?.token ? (
             <button
               onClick={handleLogout}
-              className="text-sm text-[#E2E2E2] hover:text-white transition"
+              className="text-left text-base text-[#E2E2E2] hover:text-white"
             >
               로그아웃
             </button>
           ) : (
             <button
-              onClick={handleLoginClick}
-              className="text-sm text-[#E2E2E2] hover:text-white transition"
+              onClick={() => {
+                router.push("/auth/login");
+                setMenuOpen(false);
+              }}
+              className="text-left text-base text-[#E2E2E2] hover:text-white"
             >
               로그인
             </button>
-          )
-        ) : (
-          // 서버에서 렌더링되는 placeholder (같은 구조 유지)
-          <div className="w-[64px] h-[20px]" />
-        )}
-      </div>
+          )}
+        </div>
+      )}
+      {showTutorial && <TutorialOverlay onClose={handleCloseTutorial} />}
     </nav>
   );
 }
diff --git a/src/components/blocks/Investment/InvestmentStock/InvestmentStock.client.tsx b/src/components/blocks/Investment/InvestmentStock/InvestmentStock.client.tsx
index 8b480bf..21cc373 100644
--- a/src/components/blocks/Investment/InvestmentStock/InvestmentStock.client.tsx
+++ b/src/components/blocks/Investment/InvestmentStock/InvestmentStock.client.tsx
@@ -393,7 +393,7 @@ export default function InvestmentStockClient() {
                       </>
                     )}
                     <span
-                      className="px-1 cursor-pointer text-gray-400 hover:bg-gray-800 rounded-sm"
+                      className="cursor-pointer text-gray-400 hover:bg-gray-800 rounded-sm"
                       onClick={() => setShowIndicators((prev) => !prev)}
                     >
                       {showIndicators ? "– 보조지표 접기" : "+ 보조지표 설정"}
diff --git a/src/components/blocks/Loading/Loading.client.tsx b/src/components/blocks/Loading/Loading.client.tsx
index 0ba6758..935671c 100644
--- a/src/components/blocks/Loading/Loading.client.tsx
+++ b/src/components/blocks/Loading/Loading.client.tsx
@@ -28,32 +28,25 @@ export default function LoadingPage() {
       const wait = elapsed < minDelay ? minDelay - elapsed : 0;
 
       setTimeout(() => {
-        //("✅ getStock result:", result);
-
         if ("message" in result) {
           setStatus("error");
           setErrorMessage(result.message);
           return;
         }
 
-        const rawStocks = Array.isArray(result)
-          ? result
-          : Array.isArray(result.output1)
-          ? result.output1
-          : null;
-
-        if (!rawStocks) {
+        if (!result) {
           setStatus("error");
           setErrorMessage("응답 형식 오류");
           return;
         }
 
-        const mapped = rawStocks.map(
+        const mapped = result.map(
           (item: { pdno: string; prdt_name: string }) => ({
             stock_code: item.pdno,
             company: item.prdt_name,
           })
         );
+        // console.log("map", mapped);
 
         setStocks(mapped);
         setStatus("done");
@@ -66,6 +59,7 @@ export default function LoadingPage() {
   const handleChart = () => {
     if (stocks.length > 0) {
       const firstCode = stocks[0].stock_code;
+      // console.log("stocks", stocks[0].stock_code);
       router.replace(`/investment/${firstCode}`);
     }
   };
diff --git a/src/components/blocks/MainHome/MainHome.client.tsx b/src/components/blocks/MainHome/MainHome.client.tsx
index 52ad417..1aa13c6 100644
--- a/src/components/blocks/MainHome/MainHome.client.tsx
+++ b/src/components/blocks/MainHome/MainHome.client.tsx
@@ -36,7 +36,7 @@ export default function MainHomeClient() {
         router.push("/investment");
       }
     } catch (err) {
-      console.error("실전투자 이동 중 오류:", err);
+      console.error("실전예측 이동 중 오류:", err);
       router.push("/investment");
     }
   };
diff --git a/src/components/blocks/MyPageInvestment/MyPageInvestment.client.tsx b/src/components/blocks/MyPageInvestment/MyPageInvestment.client.tsx
index 3a59787..74b6caa 100644
--- a/src/components/blocks/MyPageInvestment/MyPageInvestment.client.tsx
+++ b/src/components/blocks/MyPageInvestment/MyPageInvestment.client.tsx
@@ -101,8 +101,20 @@ export default function MyPageInvestmentClient() {
         });
 
         const validScores = stockResult.stocks
-          .map((item: any) => item.cumulative_score)
-          .filter((score: any) => typeof score === "number");
+          .map((item: any) => {
+            const predictCount =
+              investResult.find(
+                (s: any) =>
+                  s.stock_code === item.stock_code?._id ||
+                  s.stock_id === item._id
+              )?.scores?.length ?? 0;
+
+            return predictCount > 0 && typeof item.cumulative_score === "number"
+              ? item.cumulative_score
+              : null;
+          })
+          .filter((score: any) => score !== null);
+
         const avg =
           validScores.length > 0
             ? Math.round(
@@ -124,7 +136,7 @@ export default function MyPageInvestmentClient() {
 
   return (
     <div>
-      <p className="text-2xl font-semibold mb-6">실전투자 히스토리</p>
+      <p className="text-2xl font-semibold mb-6">실전예측 히스토리</p>
 
       <div className="flex items-center gap-4 mb-8">
         <div className="h-20 w-55 bg-[#16161A] rounded-lg text-center flex items-baseline gap-1.5 justify-center pt-4">
diff --git a/src/components/blocks/MyPagePractice/MyPagePractice.client.tsx b/src/components/blocks/MyPagePractice/MyPagePractice.client.tsx
index 1b49a68..3b3b38a 100644
--- a/src/components/blocks/MyPagePractice/MyPagePractice.client.tsx
+++ b/src/components/blocks/MyPagePractice/MyPagePractice.client.tsx
@@ -52,7 +52,7 @@ export default function MyPagePracticeClient() {
         (acc, cur) => acc + (cur.score ?? 0),
         0
       );
-      setAvgScore(scoreList.length == 0 ? 0 : sum / scoreList.length);
+      setAvgScore(scoreList.length === 0 ? 0 : parseFloat((sum / scoreList.length).toFixed(1)));
       // 항목별 만점 기준
       const maxScores = {
         logic: 15,
@@ -136,7 +136,7 @@ export default function MyPagePracticeClient() {
           <div className="bg-[#16161A] hover:bg-[#24242C] w-60 h-20 rounded-lg flex items-center justify-center">
             <button
               onClick={openModal}
-              className="text-xl font-semibold text-white cursor-pointer"
+              className="w-full h-full flex items-center justify-center text-xl font-semibold text-white cursor-pointer"
             >
               최근 푼 문제 확인
             </button>
diff --git a/src/components/blocks/PracticePage/PracticePage.client.tsx b/src/components/blocks/PracticePage/PracticePage.client.tsx
index 7f82e91..6f3196b 100644
--- a/src/components/blocks/PracticePage/PracticePage.client.tsx
+++ b/src/components/blocks/PracticePage/PracticePage.client.tsx
@@ -56,7 +56,7 @@ export default function PracticeClient() {
   //   if (!params.problemId) return;
   //   fetchMyPracticeAnswer(params.problemId).then((result) => {
   //     if (result) {
-  //       console.log("이미 푼 문제!", result); // 🔥 여기에 찍힘!
+  //       console.log("이미 푼 문제!", result);
   //     } else {
   //       console.log("아직 푼 적 없는 문제입니다.");
   //     }
@@ -111,35 +111,45 @@ export default function PracticeClient() {
         setLoading(false);
         return;
       }
+
       setGradeResult(data);
 
       try {
         const token =
           sessionStorage.getItem("token") ||
           localStorage.getItem("accessToken");
+        // breakdown 점수 직접 합산
+        const breakdown = data.breakdown || {};
+        const logic = Number(breakdown.logic ?? 0);
+        const technical = Number(breakdown.technical ?? 0);
+        const macroEconomy = Number(breakdown.macroEconomy ?? 0);
+        const marketIssues = Number(breakdown.marketIssues ?? 0);
+        const quantEvidence = Number(breakdown.quantEvidence ?? 0);
+        const score =
+          logic + technical + macroEconomy + marketIssues + quantEvidence;
+
         const practiceScoreData = {
           problem_id: params.problemId,
           answer: input,
-          score: data.score,
+          score, // breakdown 다섯 항목 합산 점수!
           feedback: data.feedback,
-          logic: data.breakdown?.logic,
-          technical: data.breakdown?.technical,
-          macroEconomy: data.breakdown?.macroEconomy,
-          marketIssues: data.breakdown?.marketIssues,
-          quantEvidence: data.breakdown?.quantEvidence,
+          logic,
+          technical,
+          macroEconomy,
+          marketIssues,
+          quantEvidence,
           date: new Date().toISOString(),
         };
-        //console.log("채점 결과", data);
         await postPracticeScore(token, practiceScoreData);
         toast.success("채점 및 저장 완료!");
         setFeedback(data.feedback || "피드백 없음.");
         setShowFeedback(true);
         setIsAnswered(true); // <- 차트 오버레이 해제
       } catch {
-        toast.error("채점은 완료되었으나 저장에 실패했습니다.");
+        toast.error("잠시 후 다시 시도해주세요");
       }
     } catch (e: any) {
-      toast.error(e.message || "채점 실패");
+      toast.error("잠시 후 다시 시도해주세요");
     } finally {
       setLoading(false);
     }
@@ -307,7 +317,7 @@ export default function PracticeClient() {
                     )}
 
                     <span
-                      className="px-1 cursor-pointer text-gray-400 hover:bg-gray-800 rounded-sm"
+                      className="cursor-pointer text-gray-400 hover:bg-gray-800 rounded-sm"
                       onClick={() => setShowIndicators((prev) => !prev)}
                     >
                       {showIndicators ? "– 보조지표 접기" : "+ 보조지표 설정"}
@@ -416,6 +426,7 @@ export default function PracticeClient() {
                     onChange={(e) => setInput(e.target.value)}
                     placeholder="답변을 입력하세요"
                     maxLength={300}
+                    disabled={isAnswered}
                     className="w-full h-32 p-4 rounded border border-gray-600 bg-transparent resize-none focus:outline-none"
                   />
                   <div className="flex float-right items-center mt-2 gap-4">
@@ -425,7 +436,7 @@ export default function PracticeClient() {
                     <button
                       className="bg-[#396FFB] px-5 py-1.5 rounded text-sm"
                       onClick={handleGrade}
-                      disabled={loading}
+                      disabled={loading || isAnswered}
                     >
                       {loading ? "채점 중..." : "제출"}
                     </button>
diff --git a/src/components/blocks/Tutorial/TutorialPopup.client.tsx b/src/components/blocks/Tutorial/TutorialPopup.client.tsx
index edd8bbe..b397fbb 100644
--- a/src/components/blocks/Tutorial/TutorialPopup.client.tsx
+++ b/src/components/blocks/Tutorial/TutorialPopup.client.tsx
@@ -2,7 +2,7 @@
 import React, { useEffect, useState } from "react";
 import MainHomeClient from "../MainHome/MainHome.client";
 import { useRouter } from "next/navigation";
-function TutorialOverlay({ onClose }) {
+export function TutorialOverlay({ onClose }) {
   const [index, setIndex] = useState(0);
   const images = [
     "/tuto1.png",
diff --git a/src/components/charts/InvestCandleChart.tsx b/src/components/charts/InvestCandleChart.tsx
index 4304324..7daac28 100644
--- a/src/components/charts/InvestCandleChart.tsx
+++ b/src/components/charts/InvestCandleChart.tsx
@@ -385,14 +385,32 @@ export default function InvestCandleChart({
     visibleCandles > 1 ? chartWidth / (visibleCandles - 1) : chartWidth;
   const candleWidth = Math.min(40, candleSpacing * 0.7, 24);
 
+  // function getLinePoints(
+  //   arr: (number | null)[],
+  //   candleSpacing: number,
+  //   getY: (v: number) => number
+  // ) {
+  //   return arr
+  //     .map((val, i) =>
+  //       typeof val === "number" && !isNaN(val)
+  //         ? `${i * candleSpacing},${getY(val)}`
+  //         : null
+  //     )
+  //     .filter(Boolean)
+  //     .join(" ");
+  // }
   function getLinePoints(
     arr: (number | null)[],
     candleSpacing: number,
-    getY: (v: number) => number
+    getY: (v: number) => number,
+    slicedData: Candle[]
   ) {
     return arr
       .map((val, i) =>
-        typeof val === "number" && !isNaN(val)
+        typeof val === "number" &&
+        !isNaN(val) &&
+        slicedData[i] &&
+        !isDotOnlyCandle(slicedData[i])
           ? `${i * candleSpacing},${getY(val)}`
           : null
       )
@@ -400,24 +418,72 @@ export default function InvestCandleChart({
       .join(" ");
   }
 
-  const ma5Points = getLinePoints(ma5_visible, candleSpacing, getY);
-  const ma20Points = getLinePoints(ma20_visible, candleSpacing, getY);
-  const ma60Points = getLinePoints(ma60_visible, candleSpacing, getY);
-  const ma120Points = getLinePoints(ma120_visible, candleSpacing, getY);
+  // 캔들이 정상적인 날인지 확인하는 유틸 함수
+  function isDotOnlyCandle(candle: Candle) {
+    return (
+      candle.open === candle.close &&
+      candle.high === candle.close &&
+      candle.low === candle.close &&
+      candle.volume === 0
+    );
+  }
+
+  // const ma5Points = getLinePoints(ma5_visible, candleSpacing, getY);
+  // const ma20Points = getLinePoints(ma20_visible, candleSpacing, getY);
+  // const ma60Points = getLinePoints(ma60_visible, candleSpacing, getY);
+  // const ma120Points = getLinePoints(ma120_visible, candleSpacing, getY);
+  // const bb_upper_points = getLinePoints(
+  //   bb_visible.map((b) => b?.upper),
+  //   candleSpacing,
+  //   getY
+  // );
+  // const bb_middle_points = getLinePoints(
+  //   bb_visible.map((b) => b?.middle),
+  //   candleSpacing,
+  //   getY
+  // );
+  // const bb_lower_points = getLinePoints(
+  //   bb_visible.map((b) => b?.lower),
+  //   candleSpacing,
+  //   getY
+  // );
+  const ma5Points = getLinePoints(ma5_visible, candleSpacing, getY, slicedData);
+  const ma20Points = getLinePoints(
+    ma20_visible,
+    candleSpacing,
+    getY,
+    slicedData
+  );
+  const ma60Points = getLinePoints(
+    ma60_visible,
+    candleSpacing,
+    getY,
+    slicedData
+  );
+  const ma120Points = getLinePoints(
+    ma120_visible,
+    candleSpacing,
+    getY,
+    slicedData
+  );
+
   const bb_upper_points = getLinePoints(
     bb_visible.map((b) => b?.upper),
     candleSpacing,
-    getY
+    getY,
+    slicedData
   );
   const bb_middle_points = getLinePoints(
     bb_visible.map((b) => b?.middle),
     candleSpacing,
-    getY
+    getY,
+    slicedData
   );
   const bb_lower_points = getLinePoints(
     bb_visible.map((b) => b?.lower),
     candleSpacing,
-    getY
+    getY,
+    slicedData
   );
 
   const chartRef = useRef<HTMLDivElement>(null);
@@ -481,7 +547,13 @@ export default function InvestCandleChart({
     const lowerPoints: string[] = [];
 
     bb_visible.forEach((bb, i) => {
-      if (bb?.upper && bb?.lower) {
+      const candle = slicedData[i];
+      if (
+        bb?.upper &&
+        bb?.lower &&
+        candle && // candle 존재 확인
+        !isDotOnlyCandle(candle) // dot 전용 데이터 제외
+      ) {
         const x = i * candleSpacing;
         upperPoints.push(`${x},${getY(bb.upper)}`);
         lowerPoints.push(`${x},${getY(bb.lower)}`);
@@ -490,12 +562,11 @@ export default function InvestCandleChart({
 
     if (upperPoints.length === 0) return "";
 
-    // 상단선을 그리고, 하단선을 역순으로 연결해서 닫힌 영역 만들기
     const pathData = [
-      `M ${upperPoints[0]}`, // 시작점으로 이동
-      `L ${upperPoints.slice(1).join(" L ")}`, // 상단선 그리기
-      `L ${lowerPoints.slice().reverse().join(" L ")}`, // 하단선을 역순으로 그리기
-      "Z", // path 닫기
+      `M ${upperPoints[0]}`,
+      `L ${upperPoints.slice(1).join(" L ")}`,
+      `L ${lowerPoints.slice().reverse().join(" L ")}`,
+      "Z",
     ].join(" ");
 
     return pathData;
@@ -504,7 +575,7 @@ export default function InvestCandleChart({
   // --- 렌더 ---
   return (
     <div
-      className="flex flex-col"
+      className="flex flex-col "
       style={{
         width: "100%",
         maxWidth: w,
@@ -921,12 +992,13 @@ export default function InvestCandleChart({
             strokeWidth="2"
             points={rsi_visible
               .map((val, i) =>
-                typeof val === "number" && isFinite(val)
+                typeof val === "number" &&
+                isFinite(val) &&
+                !isDotOnlyCandle(slicedData[i])
                   ? `${i * candleSpacing},${(1 - val / 100) * RSI_HEIGHT}`
                   : null
               )
               .filter((v): v is string => v !== null)
-
               .join(" ")}
             opacity={0.96}
           />
@@ -1011,7 +1083,7 @@ export default function InvestCandleChart({
                     : {todayPrice.toLocaleString()}
                   </div>
                   <div style={{ marginTop: 4 }}>
-                    <span style={{ color: "#396FFB", fontWeight: 600 }}>
+                    <span style={{ color: "#C9DF00", fontWeight: 600 }}>
                       예측값
                     </span>
                     : {dot.close.toLocaleString()}
@@ -1027,7 +1099,7 @@ export default function InvestCandleChart({
             ) {
               return (
                 <div>
-                  <span style={{ color: "#396FFB", fontWeight: 600 }}>
+                  <span style={{ color: "#C9DF00", fontWeight: 600 }}>
                     예측값
                   </span>
                   : {dot.close.toLocaleString()}
@@ -1052,12 +1124,12 @@ export default function InvestCandleChart({
             if (dot?.close) {
               rows.push(
                 <div key="pred" style={{ marginTop: 6 }}>
-                  <span style={{ color: "#396FFB", fontWeight: 600 }}>
+                  <span style={{ color: "#C9DF00", fontWeight: 600 }}>
                     예측값
                   </span>
                   : {dot.close.toLocaleString()}
                 </div>,
-                <div key="diff" className="text-[#d23e3e] font-bold">
+                <div key="diff" className="text-[#e75480] font-bold">
                   오차: {(dot.close - tooltip.data.close).toFixed(2)} (
                   {(
                     ((dot.close - tooltip.data.close) / tooltip.data.close) *