diff --git a/src/shared/components/card/banner-card/banner-card.tsx b/src/shared/components/card/banner-card/banner-card.tsx
index a0f35a38..65ec5ebb 100644
--- a/src/shared/components/card/banner-card/banner-card.tsx
+++ b/src/shared/components/card/banner-card/banner-card.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@libs/cn';
+import { useState } from 'react';
 import BannerImg from '/images/card_banner_img.webp';
 
 interface CardBannerProps {
@@ -9,13 +10,22 @@ interface CardBannerProps {
 }
 
 const BannerCard = ({ text, subText, onClick }: CardBannerProps) => {
+  const [imageLoaded, setImageLoaded] = useState(false);
+
   return (
     <button type="button" className={cn('relative cursor-pointer text-left')} onClick={onClick}>
-      <img src={BannerImg} alt="홈배너" className="w-full" />
-      <div className="absolute inset-0 flex-col justify-center gap-[0.4rem] py-[2.2rem] pl-[2.4rem]">
-        <p className="cap_14_m text-gray-800">{subText}</p>
-        <p className="subhead_18_sb text-gray-black">{text}</p>
-      </div>
+      <img
+        src={BannerImg}
+        alt="홈배너"
+        className="min-h-[9.6rem] w-full"
+        onLoad={() => setImageLoaded(true)}
+      />
+      {imageLoaded && (
+        <div className="absolute inset-0 flex flex-col justify-center gap-[0.4rem] py-[2.2rem] pl-[2.4rem]">
+          <p className="cap_14_m text-gray-800">{subText}</p>
+          <p className="subhead_18_sb text-gray-black">{text}</p>
+        </div>
+      )}
     </button>
   );
 };