diff --git a/src/components/Book/BookInfo.tsx b/src/components/Book/BookInfo.tsx
index 3e7f00d9..a0b12691 100644
--- a/src/components/Book/BookInfo.tsx
+++ b/src/components/Book/BookInfo.tsx
@@ -20,6 +20,7 @@ interface Props {
 /** 도서 상세 페이지, 리뷰/메모 리스트 내 도서 정보 컴포넌트 (도서 커버, 배경 포함) */
 function BookInfo({ bookId, bookData, canClick = false }: Props) {
   const isInFeed = useIsInFeed();
+  const isEmpty = !bookData.title;
 
   return (
     <CustomLink
@@ -41,12 +42,31 @@ function BookInfo({ bookId, bookData, canClick = false }: Props) {
         />
       </div>
 
-      <Book imageUrl={bookData?.image} canClick={canClick} />
+      <Book
+        imageUrl={bookData.image || IMAGES.book.cover}
+        canClick={canClick}
+      />
       <div className='flex-col-center w-[80%] gap-[4px]'>
-        <h3 className='text-center text-title-lg-bold'>{bookData?.title}</h3>
-        <span className='flex text-body-sm text-gray-600'>
-          {bookData?.author} | {bookData?.publisher}
-        </span>
+        {isEmpty && (
+          <>
+            <span className='rounded-[12px] bg-gray-900 px-[12px] py-[4px] text-caption-bold text-white'>
+              ...
+            </span>
+            <h1 className='text-title-lg-bold text-gray-800'>
+              책 정보 불러오는 중...
+            </h1>
+          </>
+        )}
+        {!isEmpty && (
+          <>
+            <h3 className='text-center text-title-lg-bold'>
+              {bookData?.title}
+            </h3>
+            <span className='flex text-body-sm text-gray-600'>
+              {bookData?.author} | {bookData?.publisher}
+            </span>
+          </>
+        )}
       </div>
     </CustomLink>
   );
diff --git a/src/features/Feed/components/FeedList/BookInfo.tsx b/src/features/Feed/components/FeedList/BookInfo.tsx
index d25da0a0..419a1991 100644
--- a/src/features/Feed/components/FeedList/BookInfo.tsx
+++ b/src/features/Feed/components/FeedList/BookInfo.tsx
@@ -25,17 +25,22 @@ function BookInfo({
   hasToolTip = true,
 }: Props) {
   const { bookData } = useBook(feedData.isbn);
+
   if (!bookData) return null;
 
+  const fallbackCategory = 'cartoon';
+
   const { title, author, publisher, category, image } = bookData;
 
   return (
     <div className='pt-[30px]'>
       <div
-        className={`relative flex h-fit w-full gap-[16px] rounded-t-[20px] bg-category-bg-${category} px-page pt-[24px]`}
+        className={`relative flex h-fit w-full gap-[16px] rounded-t-[20px] bg-category-bg-${category || fallbackCategory} px-page pt-[24px]`}
       >
         {hasToolTip && (
-          <div className={`tooltip-feed border-b-category-bg-${category}`} />
+          <div
+            className={`tooltip-feed border-b-category-bg-${category || fallbackCategory}`}
+          />
         )}
         <div className='flex'>
           <Image
@@ -54,19 +59,23 @@ function BookInfo({
         >
           <div className='flex w-full flex-col gap-[4px]'>
             <h5
-              className={`line-clamp-1 w-full text-body-lg-bold text-category-text-${category}`}
+              className={`line-clamp-1 w-full text-body-lg-bold text-category-text-${category || fallbackCategory}`}
             >
-              {title}
+              {title || '책 정보 불러오는 중...'}
             </h5>
             <ul
-              className={`line-clamp-1 flex text-caption-bold text-category-text-${category}`}
+              className={`line-clamp-1 flex text-caption-bold text-category-text-${category || fallbackCategory}`}
             >
-              <li className="after:content-['|']">
-                <span className='pr-[6px]'>{author}</span>
-              </li>
-              <li>
-                <span className='pl-[6px]'>{publisher}</span>
-              </li>
+              {title && (
+                <>
+                  <li className='after:content-["|"]'>
+                    <span className='pr-[6px]'>{author}</span>
+                  </li>
+                  <li>
+                    <span className='pl-[6px]'>{publisher}</span>
+                  </li>
+                </>
+              )}
             </ul>
           </div>
           <div className='w-full'>
@@ -86,8 +95,8 @@ function BookInfo({
             ) : (
               <Rating
                 rating={!isGetMemoRes(feedData) ? feedData.rating : null}
-                textClass={`text-heading-lg-bold text-category-text-${category}`}
-                categoryId={category}
+                textClass={`text-heading-lg-bold text-category-text-${category || fallbackCategory}`}
+                categoryId={category || fallbackCategory}
               />
             )}
           </div>
diff --git a/src/features/Profile/components/Feed/ProfileFeedItem.tsx b/src/features/Profile/components/Feed/ProfileFeedItem.tsx
index bbb4a6e0..1b62fdd7 100644
--- a/src/features/Profile/components/Feed/ProfileFeedItem.tsx
+++ b/src/features/Profile/components/Feed/ProfileFeedItem.tsx
@@ -6,6 +6,7 @@ import React from 'react';
 import { getPath } from '@/utils/getPath';
 import { useUserId } from '@/store/sessionStore';
 import { useCustomRouter } from '@/hooks/useCustomRouter';
+import { IMAGES } from '@/constants/images';
 
 interface Props {
   feedData: GetProfileFeedItem;
@@ -23,16 +24,16 @@ function ProfileFeedItem({ feedData }: Props) {
     <div className='flex w-[calc(50%-10px)] flex-col overflow-hidden rounded-[12px]'>
       <div
         className='absolute rounded-br-[12px] rounded-tl-[12px] bg-gray-900 px-[12px] py-[4px]'
-        style={{ color: CATEGORY[category].band }}
+        style={{ color: category ? CATEGORY[category].band : '#fff' }}
       >
-        {CATEGORY[category].name}
+        {category ? CATEGORY[category].name : '...'}
       </div>
       <Image
-        src={image!}
+        src={image || IMAGES.book.cover}
         alt='book cover'
         width={191}
-        height={272}
-        className='flex-[8] cursor-pointer'
+        height={244}
+        className='flex-[8] cursor-pointer object-cover'
         onClick={() =>
           navigate(getPath.rootUserMemo(userId!, wellId!, isbn), {
             from: 'profile',
diff --git a/src/features/Well/components/Well/WellItem/WellItem.tsx b/src/features/Well/components/Well/WellItem/WellItem.tsx
index e5a19213..c7eb984f 100644
--- a/src/features/Well/components/Well/WellItem/WellItem.tsx
+++ b/src/features/Well/components/Well/WellItem/WellItem.tsx
@@ -51,6 +51,7 @@ function WellItem({
   const height = page > 400 ? page * 0.15 : 55;
   const isReading = status === 'reading';
   const hasMemo = memo_cnt > 0;
+  const fallbackCategory = 'economic_business';
 
   useEffect(() => {
     let timeoutId: NodeJS.Timeout;
@@ -89,7 +90,7 @@ function WellItem({
           newItemId === id && isTopItem ? staggerItemVariants : undefined
         }
         style={{ zIndex, height }}
-        className={`flex h-fit w-full bg-category-bg-${category} relative z-auto box-border justify-center pt-[12px]`}
+        className={`flex h-fit w-full bg-category-bg-${category || fallbackCategory} relative z-auto box-border justify-center pt-[12px]`}
       >
         {isLastItem && (
           <div
@@ -99,7 +100,9 @@ function WellItem({
           />
         )}
         <Image
-          src={CATEGORY[category].wave}
+          src={
+            category ? CATEGORY[category].wave : CATEGORY[fallbackCategory].wave
+          }
           alt='wave'
           width={392}
           height={12}
@@ -108,21 +111,24 @@ function WellItem({
         />
         {isReading && (
           <WellBubble
-            fill={CATEGORY[category].band}
+            fill={CATEGORY[category || fallbackCategory].band}
             className='absolute left-[24px] top-[8px]'
           />
         )}
         {hasMemo && (
-          <MemoLeaf bg={CATEGORY[category].text} line={CATEGORY[category].bg} />
+          <MemoLeaf
+            bg={CATEGORY[category || fallbackCategory].text}
+            line={CATEGORY[category || fallbackCategory].bg}
+          />
         )}
         <span
-          className={`text-category-text-${category} truncate text-center text-body-sm-bold ${isReading || hasMemo ? 'w-[65%]' : 'w-[90%]'}`}
+          className={`text-category-text-${category || fallbackCategory} truncate text-center text-body-sm-bold ${isReading || hasMemo ? 'w-[65%]' : 'w-[90%]'}`}
         >
-          {title}
+          {title || '책 정보 불러오는 중...'}
         </span>
       </motion.div>
       <div
-        className={`absolute h-[20px] w-full bg-category-bg-${category} bottom-0 left-0 z-0`}
+        className={`absolute h-[20px] w-full bg-category-bg-${category || fallbackCategory} bottom-0 left-0 z-0`}
       />
       <AnimatePresence>
         {isFirstMemo && (