diff --git a/src/components/recommendations/LectureRecommendationsCard.tsx b/src/components/recommendations/LectureRecommendationsCard.tsx
index a583fe2..c3d2722 100644
--- a/src/components/recommendations/LectureRecommendationsCard.tsx
+++ b/src/components/recommendations/LectureRecommendationsCard.tsx
@@ -34,11 +34,6 @@ export default function LectureRecommendationsCard({ lecture }: Props) {
               {channel}
             </p>
           </div>
-          <div className='mb-2 min-h-[3.5rem]'>
-            <p className='text-sm break-all whitespace-normal text-sroom-black-200 line-clamp-3'>
-              {description}
-            </p>
-          </div>
           {review_count > 0 && (
             <StarRatingWithReviewCount
               rating={rating}
diff --git a/src/components/recommendations/LectureRecommendationsList.tsx b/src/components/recommendations/LectureRecommendationsList.tsx
index 2c75342..f727649 100644
--- a/src/components/recommendations/LectureRecommendationsList.tsx
+++ b/src/components/recommendations/LectureRecommendationsList.tsx
@@ -1,30 +1,12 @@
 'use client';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore from 'swiper';
-import 'swiper/css';
-import 'swiper/css/mousewheel';
-import SectionHeading from '../ui/SectionHeading';
-import LectureRecommendationsCard from './LectureRecommendationsCard';
-import useWindowSize from '@/src/hooks/useWindowSize';
-import SwiperNavigationButton from '../ui/button/SwiperNavigationButton';
-import { useEffect, useRef, useState } from 'react';
-import { useRouter } from 'next/navigation';
 import { useQuery } from '@tanstack/react-query';
 import { QueryKeys } from '@/src/api/queryKeys';
 import { fetchLectureRecommendations } from '@/src/api/lectures/search';
 import { CACHE_TIME, STALE_TIME } from '@/src/constants/query/query';
-import { RECOMMENDATION_BREAKPOINT_LG, RECOMMENDATION_BREAKPOINT_SM } from '@/src/constants/window/window';
+import ChannelRecommendationsList from './channel/ChannelRecommendationsList';
+import GeneralRecommendationsList from './general/GeneralRecommendationsList';
 
 export default function LectureRecommendationsList() {
-  const windowSize = useWindowSize();
-  const router = useRouter();
-  const prevRef = useRef<HTMLButtonElement>(null);
-  const nextRef = useRef<HTMLButtonElement>(null);
-  const [swiper, setSwiper] = useState<SwiperCore>();
-  const [currPageIdx, setCurrPageIdx] = useState(1);
-  const [isFirstSlide, setIsFirstSlide] = useState<boolean>(true);
-  const [isLastSlide, setIsLastSlide] = useState<boolean>(false);
-
   const { data } = useQuery(
     [QueryKeys.RECCOMENDATION],
     fetchLectureRecommendations,
@@ -36,84 +18,13 @@ export default function LectureRecommendationsList() {
     }
   );
 
-  const { recommendations } = data || { recommendations: [] };
-
-  const slidesPerView =
-    windowSize.width < RECOMMENDATION_BREAKPOINT_SM ? 1 : windowSize.width < RECOMMENDATION_BREAKPOINT_LG ? 2 : 3;
-  const totalPage =
-    recommendations.length - (slidesPerView - 1) > 0
-      ? recommendations.length - (slidesPerView - 1)
-      : 1;
-
-  useEffect(() => {
-    if (currPageIdx === totalPage) {
-      setIsLastSlide(true);
-    } else {
-      setIsLastSlide(false);
-    }
-    if (currPageIdx === 1) {
-      setIsFirstSlide(true);
-    } else {
-      setIsFirstSlide(false);
-    }
-  }, [totalPage, currPageIdx]);
+  const general_recommendations = data?.general_recommendations ?? [];
+  const channel_recommendations = data?.channel_recommendations ?? [];
 
   return (
     <>
-      {recommendations.length > 0 && (
-        <section className='max-w-screen-xl px-4 mx-auto my-20 lg:px-24 min-h-12'>
-          <SectionHeading title='이런 강의는 어때요?' />
-          <div className='relative'>
-            <Swiper
-              className='!py-2'
-              slidesPerView={slidesPerView}
-              navigation={{
-                prevEl: prevRef.current,
-                nextEl: nextRef.current
-              }}
-              onBeforeInit={(swiper) => {
-                setSwiper(swiper);
-              }}
-              onSlideChange={(swiper) => {
-                setCurrPageIdx(() => swiper.activeIndex + 1);
-              }}
-            >
-              {recommendations.map((lecture) => (
-                <SwiperSlide
-                  key={lecture.lecture_code}
-                  className='!flex justify-between'
-                >
-                  <div
-                    onClick={() => {
-                      router.refresh();
-                      router.push(`/search/${lecture.lecture_code}`);
-                    }}
-                  >
-                    <LectureRecommendationsCard lecture={lecture} />
-                  </div>
-                </SwiperSlide>
-              ))}
-            </Swiper>
-            <div className='flex items-center justify-center gap-10 mt-3'>
-              <SwiperNavigationButton
-                onClick={() => swiper?.slidePrev()}
-                disabled={isFirstSlide}
-                navigation='prev'
-              />
-              <div>
-                <span>
-                  {currPageIdx} / {totalPage}
-                </span>
-              </div>
-              <SwiperNavigationButton
-                disabled={isLastSlide}
-                onClick={() => swiper?.slideNext()}
-                navigation='next'
-              />
-            </div>
-          </div>
-        </section>
-      )}
+      <ChannelRecommendationsList recommendations={channel_recommendations} />
+      <GeneralRecommendationsList recommendations={general_recommendations} />
     </>
   );
 }
diff --git a/src/components/recommendations/channel/ChannelRecommendationsList.tsx b/src/components/recommendations/channel/ChannelRecommendationsList.tsx
new file mode 100644
index 0000000..830c9f2
--- /dev/null
+++ b/src/components/recommendations/channel/ChannelRecommendationsList.tsx
@@ -0,0 +1,113 @@
+'use client';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import SwiperCore from 'swiper';
+import 'swiper/css';
+import 'swiper/css/mousewheel';
+import SectionHeading from '../../ui/SectionHeading';
+import LectureRecommendationsCard from './../LectureRecommendationsCard';
+import useWindowSize from '@/src/hooks/useWindowSize';
+import SwiperNavigationButton from '../../ui/button/SwiperNavigationButton';
+import { useEffect, useRef, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import {
+  RECOMMENDATION_BREAKPOINT_LG,
+  RECOMMENDATION_BREAKPOINT_SM
+} from '@/src/constants/window/window';
+
+type Props= {
+  recommendations: PersonalizedLecture[];
+}
+export default function ChannelRecommendationsList({recommendations}: Props) {
+  const windowSize = useWindowSize();
+  const router = useRouter();
+  const prevRef = useRef<HTMLButtonElement>(null);
+  const nextRef = useRef<HTMLButtonElement>(null);
+  const [swiper, setSwiper] = useState<SwiperCore>();
+  const [currPageIdx, setCurrPageIdx] = useState(1);
+  const [isFirstSlide, setIsFirstSlide] = useState<boolean>(true);
+  const [isLastSlide, setIsLastSlide] = useState<boolean>(false);
+
+  const slidesPerView =
+    windowSize.width < RECOMMENDATION_BREAKPOINT_SM
+      ? 1
+      : windowSize.width < RECOMMENDATION_BREAKPOINT_LG
+      ? 2
+      : 3;
+
+  const totalPage =
+    recommendations.length - (slidesPerView - 1) > 0
+      ? recommendations.length - (slidesPerView - 1)
+      : 1;
+
+  useEffect(() => {
+    if (currPageIdx === totalPage) {
+      setIsLastSlide(true);
+    } else {
+      setIsLastSlide(false);
+    }
+    if (currPageIdx === 1) {
+      setIsFirstSlide(true);
+    } else {
+      setIsFirstSlide(false);
+    }
+  }, [totalPage, currPageIdx]);
+
+  return (
+    <>
+      {recommendations.length > 0 && (
+        <section className='max-w-screen-xl px-4 mx-auto my-20 lg:px-24 min-h-12'>
+          <SectionHeading title='이런 강의는 어때요?' />
+          <div className='relative'>
+            <Swiper
+              className='!py-2'
+              slidesPerView={slidesPerView}
+              navigation={{
+                prevEl: prevRef.current,
+                nextEl: nextRef.current
+              }}
+              onBeforeInit={(swiper) => {
+                setSwiper(swiper);
+              }}
+              onSlideChange={(swiper) => {
+                setCurrPageIdx(() => swiper.activeIndex + 1);
+              }}
+            >
+              {recommendations.map((lecture) => (
+                <SwiperSlide
+                  key={lecture.lecture_code}
+                  className='!flex justify-between'
+                >
+                  <div
+                    onClick={() => {
+                      router.refresh();
+                      router.push(`/search/${lecture.lecture_code}`);
+                    }}
+                  >
+                    <LectureRecommendationsCard lecture={lecture} />
+                  </div>
+                </SwiperSlide>
+              ))}
+            </Swiper>
+            <div className='flex items-center justify-center gap-10 mt-3'>
+              <SwiperNavigationButton
+                onClick={() => swiper?.slidePrev()}
+                disabled={isFirstSlide}
+                navigation='prev'
+              />
+              <div>
+                <span>
+                  {currPageIdx} / {totalPage}
+                </span>
+              </div>
+              <SwiperNavigationButton
+                disabled={isLastSlide}
+                onClick={() => swiper?.slideNext()}
+                navigation='next'
+              />
+            </div>
+          </div>
+        </section>
+      )}
+    </>
+  );
+}
diff --git a/src/components/recommendations/general/GeneralRecommendationsList.tsx b/src/components/recommendations/general/GeneralRecommendationsList.tsx
new file mode 100644
index 0000000..16009c3
--- /dev/null
+++ b/src/components/recommendations/general/GeneralRecommendationsList.tsx
@@ -0,0 +1,113 @@
+'use client';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import SwiperCore from 'swiper';
+import 'swiper/css';
+import 'swiper/css/mousewheel';
+import SectionHeading from '../../ui/SectionHeading';
+import LectureRecommendationsCard from './../LectureRecommendationsCard';
+import useWindowSize from '@/src/hooks/useWindowSize';
+import SwiperNavigationButton from '../../ui/button/SwiperNavigationButton';
+import { useEffect, useRef, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import {
+  RECOMMENDATION_BREAKPOINT_LG,
+  RECOMMENDATION_BREAKPOINT_SM
+} from '@/src/constants/window/window';
+
+type Props = {
+  recommendations: PersonalizedLecture[];
+};
+export default function GeneralRecommendationsList({ recommendations }: Props) {
+  const windowSize = useWindowSize();
+  const router = useRouter();
+  const prevRef = useRef<HTMLButtonElement>(null);
+  const nextRef = useRef<HTMLButtonElement>(null);
+  const [swiper, setSwiper] = useState<SwiperCore>();
+  const [currPageIdx, setCurrPageIdx] = useState(1);
+  const [isFirstSlide, setIsFirstSlide] = useState<boolean>(true);
+  const [isLastSlide, setIsLastSlide] = useState<boolean>(false);
+
+  const slidesPerView =
+    windowSize.width < RECOMMENDATION_BREAKPOINT_SM
+      ? 1
+      : windowSize.width < RECOMMENDATION_BREAKPOINT_LG
+      ? 2
+      : 3;
+
+  const totalPage =
+    recommendations.length - (slidesPerView - 1) > 0
+      ? recommendations.length - (slidesPerView - 1)
+      : 1;
+
+  useEffect(() => {
+    if (currPageIdx === totalPage) {
+      setIsLastSlide(true);
+    } else {
+      setIsLastSlide(false);
+    }
+    if (currPageIdx === 1) {
+      setIsFirstSlide(true);
+    } else {
+      setIsFirstSlide(false);
+    }
+  }, [totalPage, currPageIdx]);
+
+  return (
+    <>
+      {recommendations.length > 0 && (
+        <section className='max-w-screen-xl px-4 mx-auto my-20 lg:px-24 min-h-12'>
+          <SectionHeading title='스룸에서 인기 폭발한🔥 강의를 만나보세요!' />
+          <div className='relative'>
+            <Swiper
+              className='!py-2'
+              slidesPerView={slidesPerView}
+              navigation={{
+                prevEl: prevRef.current,
+                nextEl: nextRef.current
+              }}
+              onBeforeInit={(swiper) => {
+                setSwiper(swiper);
+              }}
+              onSlideChange={(swiper) => {
+                setCurrPageIdx(() => swiper.activeIndex + 1);
+              }}
+            >
+              {recommendations.map((lecture) => (
+                <SwiperSlide
+                  key={lecture.lecture_code}
+                  className='!flex justify-between'
+                >
+                  <div
+                    onClick={() => {
+                      router.refresh();
+                      router.push(`/search/${lecture.lecture_code}`);
+                    }}
+                  >
+                    <LectureRecommendationsCard lecture={lecture} />
+                  </div>
+                </SwiperSlide>
+              ))}
+            </Swiper>
+            <div className='flex items-center justify-center gap-10 mt-3'>
+              <SwiperNavigationButton
+                onClick={() => swiper?.slidePrev()}
+                disabled={isFirstSlide}
+                navigation='prev'
+              />
+              <div>
+                <span>
+                  {currPageIdx} / {totalPage}
+                </span>
+              </div>
+              <SwiperNavigationButton
+                disabled={isLastSlide}
+                onClick={() => swiper?.slideNext()}
+                navigation='next'
+              />
+            </div>
+          </div>
+        </section>
+      )}
+    </>
+  );
+}