diff --git a/components/StockDetails.tsx b/components/StockDetails.tsx
index ecd37fa..f662c3b 100644
--- a/components/StockDetails.tsx
+++ b/components/StockDetails.tsx
@@ -8,7 +8,7 @@ import { Check, ChevronDown, ChevronLeft, Heart } from 'lucide-react';
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { TrendingUp, TrendingDown } from "lucide-react"
-import { useGetOverallPortfolioQuery, useGetWalletQuery } from "@/lib/api";  
+import { useGetOverallPortfolioQuery, useGetWalletQuery } from "@/lib/api";
 import { mutate } from 'swr';
 
 // 주식 상세 정보를 보여주는 컴포넌트(종목정보 상세, 내 계좌, AI 추천 탭)
@@ -32,8 +32,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
   const [aiSubmitted, setAiSubmitted] = useState(false);
   const [isHeartFilled, setIsHeartFilled] = useState(false);
 
-  const { data: portfolioData, isLoading: isPortfolioLoading } = useGetOverallPortfolioQuery();
-  const { data: walletData, isLoading: isWalletLoading } = useGetWalletQuery();
+  const { data: portfolioData, isLoading: isPortfolioLoading, refetch: refetchPortfolio } = useGetOverallPortfolioQuery();
+  const { data: walletData, isLoading: isWalletLoading, refetch: refetchWallet } = useGetWalletQuery();
 
   const [selectedRiskLevel, setSelectedRiskLevel] = useState<RiskLevel | null>(null);
   const [selectedStrategies, setSelectedStrategies] = useState<PreferredStrategy[]>([]);
@@ -79,7 +79,7 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
   useEffect(() => {
     const fetchData = async () => {
       if (!symbol) return; // symbol이 없으면 실행하지 않음
-      
+
       setIsLoading(true);
       setError(null);
       try {
@@ -90,8 +90,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
           if (response.data) {
             const price = response.data.currentPrice;
             const lastPrice = response.data.lastPrice;
-            const change = lastPrice !== 0 && lastPrice !== undefined && lastPrice !== null 
-              ? ((price - lastPrice) / lastPrice) * 100 
+            const change = lastPrice !== 0 && lastPrice !== undefined && lastPrice !== null
+              ? ((price - lastPrice) / lastPrice) * 100
               : 0;
             onTabChange(activeTab); // 탭 변경을 통해 상위 컴포넌트에 데이터 업데이트 알림
           }
@@ -113,7 +113,7 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
   useEffect(() => {
     const fetchUserPreference = async () => {
       if (!isLoggedIn) return;
-      
+
       setIsLoadingPreference(true);
       try {
         const response = await getUserPreference();
@@ -127,7 +127,13 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
 
     fetchUserPreference();
   }, [isLoggedIn]);
-
+  //내계좌 누를대마다 리패치하기
+  useEffect(() => {
+    if (activeTab === '내 계좌') {
+      refetchPortfolio();
+      refetchWallet();
+    }
+  }, [activeTab]);
   // AI 추천 종목 데이터 가져오기
   useEffect(() => {
     const fetchAiRecommendations = async () => {
@@ -168,7 +174,7 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
   };
 
   const handleStrategyClick = (strategy: PreferredStrategy) => {
-    setSelectedStrategies(prev => 
+    setSelectedStrategies(prev =>
       prev.includes(strategy)
         ? prev.filter(s => s !== strategy)
         : [...prev, strategy]
@@ -176,7 +182,7 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
   };
 
   const handleSectorClick = (sector: PreferredSector) => {
-    setSelectedSectors(prev => 
+    setSelectedSectors(prev =>
       prev.includes(sector)
         ? prev.filter(s => s !== sector)
         : [...prev, sector]
@@ -218,11 +224,11 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
       console.log('API 요청 데이터:', requestData);
       const response = await saveUserPreference(requestData);
       console.log('API 응답 데이터:', response);
-      
+
       // 선호도 저장 후 데이터 다시 가져오기
       const updatedPreference = await getUserPreference();
       setUserPreference(updatedPreference);
-      
+
       setShowResult(true);
     } catch (error) {
       console.error('API 에러:', error);
@@ -233,9 +239,9 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
   };
 
   // 추천 이유 파싱 함수
-  const parseAiReason = (reasons: any[]): { 
-    portfolio: string; 
-    industry: string; 
+  const parseAiReason = (reasons: any[]): {
+    portfolio: string;
+    industry: string;
     ai: string;
     portfolioStrategy: string;
     industryStrategy: string;
@@ -297,9 +303,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                   onTabChange(tab);
                   setShowReasonDetail(false);
                 }}
-                className={`px-2 md:px-4 py-2 rounded-xl font-medium text-xs md:text-sm whitespace-nowrap transition-colors ${
-                  activeTab === tab ? 'bg-[#f5f7f9]' : 'bg-[#f5f7f9] hover:bg-gray-200'
-                }`}
+                className={`px-2 md:px-4 py-2 rounded-xl font-medium text-xs md:text-sm whitespace-nowrap transition-colors ${activeTab === tab ? 'bg-[#f5f7f9]' : 'bg-[#f5f7f9] hover:bg-gray-200'
+                  }`}
               >
                 {tab}
               </button>
@@ -325,9 +330,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                 onTabChange(tab);
                 setShowReasonDetail(false);
               }}
-              className={`px-2 md:px-4 py-2 rounded-xl font-medium text-xs md:text-sm whitespace-nowrap transition-colors ${
-                activeTab === tab ? 'bg-[#f5f7f9]' : 'bg-[#f5f7f9] hover:bg-gray-200'
-              }`}
+              className={`px-2 md:px-4 py-2 rounded-xl font-medium text-xs md:text-sm whitespace-nowrap transition-colors ${activeTab === tab ? 'bg-[#f5f7f9]' : 'bg-[#f5f7f9] hover:bg-gray-200'
+                }`}
             >
               {tab}
             </button>
@@ -420,9 +424,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
               onTabChange(tab);
               setAiSubmitted(false);
             }}
-            className={`px-2 md:px-4 py-2 rounded-xl font-medium text-xs md:text-sm whitespace-nowrap transition-colors ${
-              activeTab === tab ? 'bg-[#f5f7f9]' : 'bg-[#f5f7f9] hover:bg-gray-200'
-            }`}
+            className={`px-2 md:px-4 py-2 rounded-xl font-medium text-xs md:text-sm whitespace-nowrap transition-colors ${activeTab === tab ? 'bg-[#f5f7f9]' : 'bg-[#f5f7f9] hover:bg-gray-200'
+              }`}
           >
             {tab}
           </button>
@@ -464,55 +467,55 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                 <div className="flex justify-between items-center p-3 bg-slate-50 rounded-lg">
                   <span className="text-sm text-gray-500">투자금액</span>
                   <div>
-                  <span className="text-xs mr-1">$</span>
-                  <span className="text-xl font-bold ">
-                    {portfolioData?.data?.investedAmount?.toLocaleString("en-US", {
-                      minimumFractionDigits: 2,
-                      maximumFractionDigits: 2,
-                    }) ?? '-'}
-                  </span>
-                </div>
+                    <span className="text-xs mr-1">$</span>
+                    <span className="text-xl font-bold ">
+                      {portfolioData?.data?.investedAmount?.toLocaleString("en-US", {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 2,
+                      }) ?? '-'}
+                    </span>
+                  </div>
                 </div>
                 {/* Unrealized P&L */}
                 <div className="flex justify-between items-center p-3 bg-emerald-50 rounded-lg">
                   <span className="text-sm text-gray-500">평가손익</span>
-                    <div
-                      className={`flex items-center text-xl font-bold transition-colors 
-                        ${(portfolioData?.data?.evalGain ?? 0) >= 0 
-                          ? "text-[#41c3a9] group-hover:text-[#4caf50]" 
-                          : "text-[#e74c3c] group-hover:text-[#a73d2a]"}
+                  <div
+                    className={`flex items-center text-xl font-bold transition-colors 
+                        ${(portfolioData?.data?.evalGain ?? 0) >= 0
+                        ? "text-[#41c3a9] group-hover:text-[#4caf50]"
+                        : "text-[#e74c3c] group-hover:text-[#a73d2a]"}
                       `}
-                    >
-                <span className="text-xs mr-1">$</span>
-                <span>
-                  {(portfolioData?.data?.evalGain ?? 0) >= 0 ? "+" : "-"}
-                  {Math.abs(portfolioData?.data?.evalGain ?? 0).toLocaleString("en-US", {
-                    minimumFractionDigits: 2,
-                    maximumFractionDigits: 2,
-                  })}
-                </span>
-              </div>
+                  >
+                    <span className="text-xs mr-1">$</span>
+                    <span>
+                      {(portfolioData?.data?.evalGain ?? 0) >= 0 ? "+" : "-"}
+                      {Math.abs(portfolioData?.data?.evalGain ?? 0).toLocaleString("en-US", {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 2,
+                      })}
+                    </span>
+                  </div>
                 </div>
                 {/* Return Rate */}
                 <div className="flex justify-between items-center p-3 bg-emerald-50 rounded-lg">
                   <span className="text-sm text-gray-500">수익률</span>
                   <span className="text-sm font-medium">
                     <div
-                    className={`text-xl font-bold transition-colors flex items-center gap-1 
-                      ${(portfolioData?.data?.returnRate ?? 0) >= 0 
-                        ? "text-[#41c3a9] group-hover:text-[#4caf50]" 
-                        : "text-[#e74c3c] group-hover:text-[#a73d2a]"}
+                      className={`text-xl font-bold transition-colors flex items-center gap-1 
+                      ${(portfolioData?.data?.returnRate ?? 0) >= 0
+                          ? "text-[#41c3a9] group-hover:text-[#4caf50]"
+                          : "text-[#e74c3c] group-hover:text-[#a73d2a]"}
                     `}
                     >
                       {(portfolioData?.data?.returnRate ?? 0) >= 0 ? (
-                      <TrendingUp className="h-5 w-5" />
-                    ) : (
-                      <TrendingDown className="h-5 w-5" />
-                    )}
-                    {(portfolioData?.data?.returnRate ?? 0) >= 0 ? "+" : "-"}
-                    {Math.abs((portfolioData?.data?.returnRate ?? 0)*1000).toFixed(2)}%
-                    
-                  </div>
+                        <TrendingUp className="h-5 w-5" />
+                      ) : (
+                        <TrendingDown className="h-5 w-5" />
+                      )}
+                      {(portfolioData?.data?.returnRate ?? 0) >= 0 ? "+" : "-"}
+                      {Math.abs((portfolioData?.data?.returnRate ?? 0) * 1000).toFixed(2)}%
+
+                    </div>
                   </span>
                 </div>
               </div>
@@ -539,10 +542,9 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
               <div className="bg-[#e7f4e8] rounded-2xl p-4 mb-6">
                 <h2 className="text-[#000000] text-base font-bold text-center mb-3 tracking-tight">당신의 투자 성향</h2>
                 <div className="flex gap-2">
-                  <button 
-                    className={`flex-1 rounded-xl py-2 px-2 flex items-center justify-center gap-1 whitespace-nowrap ${
-                      selectedRiskLevel === 'high' ? 'bg-[#ffe2e5]' : 'bg-[#ffe2e5] opacity-50'
-                    }`}
+                  <button
+                    className={`flex-1 rounded-xl py-2 px-2 flex items-center justify-center gap-1 whitespace-nowrap ${selectedRiskLevel === 'high' ? 'bg-[#ffe2e5]' : 'bg-[#ffe2e5] opacity-50'
+                      }`}
                     onClick={() => setSelectedRiskLevel('high')}
                   >
                     <div className="w-5 h-5 bg-[#ff616d] rounded-full flex items-center justify-center">
@@ -550,10 +552,9 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                     </div>
                     <span className="text-[#000000] font-medium text-sm tracking-tight">고위험</span>
                   </button>
-                  <button 
-                    className={`flex-1 rounded-xl py-2 px-2 flex items-center justify-center gap-1 whitespace-nowrap ${
-                      selectedRiskLevel === 'low' ? 'bg-[#c3e7f2]' : 'bg-[#c3e7f2] opacity-50'
-                    }`}
+                  <button
+                    className={`flex-1 rounded-xl py-2 px-2 flex items-center justify-center gap-1 whitespace-nowrap ${selectedRiskLevel === 'low' ? 'bg-[#c3e7f2]' : 'bg-[#c3e7f2] opacity-50'
+                      }`}
                     onClick={() => setSelectedRiskLevel('low')}
                   >
                     <div className="w-5 h-5 bg-[#006ffd] rounded-full flex items-center justify-center">
@@ -577,9 +578,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                   ].map((strategy) => (
                     <button
                       key={strategy.value}
-                      className={`flex-1 bg-[#ffffff] rounded-xl py-2 px-2 whitespace-nowrap ${
-                        selectedStrategies.includes(strategy.value as PreferredStrategy) ? 'border-2 border-[#006ffd]' : ''
-                      }`}
+                      className={`flex-1 bg-[#ffffff] rounded-xl py-2 px-2 whitespace-nowrap ${selectedStrategies.includes(strategy.value as PreferredStrategy) ? 'border-2 border-[#006ffd]' : ''
+                        }`}
                       onClick={() => handleStrategyClick(strategy.value as PreferredStrategy)}
                     >
                       <span className="text-[#000000] font-medium text-sm tracking-tight">{strategy.label}</span>
@@ -606,9 +606,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                   ].map((sector) => (
                     <button
                       key={sector.value}
-                      className={`bg-[#ffffff] rounded-xl py-1 px-2 whitespace-nowrap ${
-                        selectedSectors.includes(sector.value as PreferredSector) ? 'border-2 border-[#006ffd]' : ''
-                      }`}
+                      className={`bg-[#ffffff] rounded-xl py-1 px-2 whitespace-nowrap ${selectedSectors.includes(sector.value as PreferredSector) ? 'border-2 border-[#006ffd]' : ''
+                        }`}
                       onClick={() => handleSectorClick(sector.value as PreferredSector)}
                     >
                       <span className="text-[#000000] font-medium text-xs tracking-tight">{sector.label}</span>
@@ -622,9 +621,8 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                   <p className="text-red-500 text-sm mb-2">{submitError}</p>
                 )}
                 <button
-                  className={`text-[#71727a] font-medium text-sm tracking-tight border-2 border-[#2563eb] rounded-md px-4 py-2 ${
-                    isSubmitting ? 'opacity-50 cursor-not-allowed' : ''
-                  }`}
+                  className={`text-[#71727a] font-medium text-sm tracking-tight border-2 border-[#2563eb] rounded-md px-4 py-2 ${isSubmitting ? 'opacity-50 cursor-not-allowed' : ''
+                    }`}
                   onClick={handleSubmit}
                   disabled={isSubmitting}
                 >
@@ -651,12 +649,10 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                         <div>
                           <h3 className="text-sm font-semibold mb-2 text-center">투자 성향</h3>
                           <div className="flex gap-2">
-                            <button className={`flex-1 rounded-xl py-2 px-2 flex items-center justify-center gap-1 whitespace-nowrap ${
-                              userPreference.data.riskLevel === 'high' ? 'bg-[#ffe2e5]' : 'bg-[#c3e7f2]'
-                            }`}>
-                              <div className={`w-5 h-5 rounded-full flex items-center justify-center ${
-                                userPreference.data.riskLevel === 'high' ? 'bg-[#ff616d]' : 'bg-[#006ffd]'
+                            <button className={`flex-1 rounded-xl py-2 px-2 flex items-center justify-center gap-1 whitespace-nowrap ${userPreference.data.riskLevel === 'high' ? 'bg-[#ffe2e5]' : 'bg-[#c3e7f2]'
                               }`}>
+                              <div className={`w-5 h-5 rounded-full flex items-center justify-center ${userPreference.data.riskLevel === 'high' ? 'bg-[#ff616d]' : 'bg-[#006ffd]'
+                                }`}>
                                 <span className="text-white text-xs font-bold">
                                   {userPreference.data.riskLevel === 'high' ? '!' : '↓'}
                                 </span>
@@ -674,11 +670,11 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                               <div key={strategy} className="bg-[#ffffff] rounded-xl py-2 px-2 border-2 border-[#006ffd]">
                                 <span className="text-[#000000] font-medium text-sm tracking-tight">
                                   {strategy === 'dividend_stability' ? '배당 안정성' :
-                                   strategy === 'portfolio_balance' ? '포트폴리오 균형' :
-                                   strategy === 'value_stability' ? '가치 안정성' :
-                                   strategy === 'momentum' ? '모멘텀' :
-                                   strategy === 'sector_rotation' ? '섹터 로테이션' :
-                                   '반등 매수'}
+                                    strategy === 'portfolio_balance' ? '포트폴리오 균형' :
+                                      strategy === 'value_stability' ? '가치 안정성' :
+                                        strategy === 'momentum' ? '모멘텀' :
+                                          strategy === 'sector_rotation' ? '섹터 로테이션' :
+                                            '반등 매수'}
                                 </span>
                               </div>
                             ))}
@@ -779,12 +775,11 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
                                   onClick={() => handleToggleFavorite(aiRecommendations[selectedAiIndex].symbol, aiRecommendations[selectedAiIndex].name)}
                                   className="flex items-center justify-center"
                                 >
-                                  <Heart 
-                                    className={`w-4 h-4 cursor-pointer transition-colors ${
-                                      favoriteStocks.some(stock => stock.symbol === aiRecommendations[selectedAiIndex].symbol) 
-                                        ? 'text-red-500 fill-red-500' 
+                                  <Heart
+                                    className={`w-4 h-4 cursor-pointer transition-colors ${favoriteStocks.some(stock => stock.symbol === aiRecommendations[selectedAiIndex].symbol)
+                                        ? 'text-red-500 fill-red-500'
                                         : 'text-[#1f2024]'
-                                    }`} 
+                                      }`}
                                   />
                                 </button>
                               )}
@@ -844,7 +839,7 @@ export default function StockDetails({ symbol, activeTab, onTabChange, favoriteS
               </div>
               <div className="flex justify-between py-2 md:py-3 px-3 md:px-4 border rounded-full">
                 <span className="text-sm text-gray-500">ROE</span>
-                <span className="text-sm font-medium">{details.roe !== undefined ? `${(details.roe*100).toFixed(2)}%` : '-'}</span>
+                <span className="text-sm font-medium">{details.roe !== undefined ? `${(details.roe * 100).toFixed(2)}%` : '-'}</span>
               </div>
               <div className="flex justify-between py-2 md:py-3 px-3 md:px-4 border rounded-full">
                 <span className="text-sm text-gray-500">EPS</span>