diff --git a/ringus.pem b/ringus.pem
new file mode 100644
index 0000000..84a5f54
--- /dev/null
+++ b/ringus.pem
@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEpAIBAAKCAQEArZaqVLRApg80VuUUiOwP3NJiFgxsu0TNgR4aJ6St7YR7mkSQ
+hkDBCcJIVSBfqkNDtyyuQci7JrFuAyN+m5zHkbv0X0oFKB8pFKWCGEeUn9UWJXDb
+3OAp7MamsEjUhSds9SD8vtHGRhA3tWq8kbUD60YpMpfoTj0EviZj/Ik+LaSshUDE
+ryazI6+xIa3uhLNmn+4O2uizu28QAgl2Iq3MYAFhrNrjIYAgRtSh+CAS7lqvtW2d
+oDqeWUqh1VE+k+jlYMCB1x5lasOW8VBKA1jUm8t265jBrVKL8lB7Dk2LltMpavg3
+YI3UzkXGtrS7AapEf98RTdITbtHLGwZRSFSzzQIDAQABAoIBADImkzNBmGPhhKeO
+K26bdMHBbmEcWdWIvS6OedP2OeGjIuqg4HhJAPxGywr8/WZ9ZHTpTbbnvVoibLwv
+ZwaiNu4dtS5Kfk7nIcE7R+in1YKP14QdpQedI7+qbMIFaJDHoSz4yMyAYp4fVVju
+a2hVObqhXImnZZAlBNfC06REKliY/sbWwzzb2NuhjCG40AROIqVVeNfwuIJZtmFC
+h3X2OVdI7DWNn+Fix97n08JAjvx3ov/BSvG3aJpx8ZhO/hPO1yVca4PHpv6Orb43
+pXzk/dm0QC9NwweWMBZ0ZwdWvU1gsPIfNnvVGoz4qKc0QYYcLYRQibFe5/ZnGGF7
+CGrEz+kCgYEA4OV1VPRquveWCeW1zyX5vOutQl0qm3BYL9oNr5DMcQOM0k5bIUlJ
+jHu/M70vYetsgYLfuDXdPb7xqIc9QaX94q39vYZZT+3lxfcgJIPk1Jq5o4XqX5+z
+LYmGtDFfA6oBEcTUe//AWU9Mh47/ATmvheoI4JMK5D6oeU4xUS4zvbMCgYEAxZii
+jIiVw46UQwCFCc2Qw3tNc6QzgIzS4keAWXOZKoEQz79/mkT9zPZ9NMQykwkrI4Y+
+QARqDi7Z2iZmijWXk0IjwI3XIxYx8BALsuO3Pd2CSsN2DS3roTFR4fY+3KvCZ2/W
+p/LG9dRvUGjJNm/GV+4Lb0AVZZPZL4EEIoBUCH8CgYEA3FURycSYGErebR3nLGZp
+MQS4vy7lwlmjnGYGSH4VPZebzKLFt2vEqeTG41qy5D0xFgVxR1lGQusieNjeU8Xb
+YczSrm7Ea4GIPpYpoHyzoPNhcmqNv1eHxNJa7Yj9LGrPF2h+QGnFOfpt4NVg0gOB
+CjLKtbJ51jno9sd7m6wnNu8CgYAKJUUrXBP8f4SjUBKEp1Zogxs99c9jKVfmoG85
+qJLTuN7JG/cMT8CMVpelLvG91PmvEER/+voLEmLDLbeUHx5SRFIbn+zM82XLArfn
+DoQpHAeFmTWlhZcUpriilocxw2vu7bIi23dVxfuVMFwsfF69ww45PxwaJBZBtykk
+MFygNwKBgQDbRMJH6IcbOF8HWa2VQp10VnnJaw7P1zYvuIXDgHvizePxNj2OD0zS
+hC8tnCBTyhUPSRPs3QIN5PQmzMfFT1HzzQMGqb5TKL4WXR8VO2YNcsvnx60sigMD
+MK3GcLuMjKSPZcNNY5x81fLPSxbj2ZTmkyXqp5fIoQ9OxSZ113Litg==
+-----END RSA PRIVATE KEY-----
\ No newline at end of file
diff --git a/src/mentorship/api/fetchMentors.ts b/src/mentorship/api/fetchMentors.ts
new file mode 100644
index 0000000..aed64e8
--- /dev/null
+++ b/src/mentorship/api/fetchMentors.ts
@@ -0,0 +1,60 @@
+import axiosInstance from '@/global/api/axiosInstance';
+
+export interface Mentor {
+  mentorId: number;
+  nickname: string;
+  imgUrl: string;
+  introduction: {
+    title: string;
+    content: string;
+  };
+  organization: {
+    name: string;
+    jobCategory: string;
+    detailedJob: string;
+    experience: number;
+  };
+  message: string;
+  mentoringCount: number;
+}
+
+export interface MentorResponse {
+  status: number;
+  message: string;
+  data: {
+    content: Mentor[];
+    sliceInfo: {
+      size: number;
+      numberOfElements: number;
+      last: boolean;
+      empty: boolean;
+      cursor: number;
+    };
+  };
+}
+
+// ✅ 멘토 목록 조회 API
+export const fetchMentors = async (cursor?: number , size: number = 5): Promise<MentorResponse> => {
+  try {
+    // URL 객체
+    const nextUrl = new URL(`${import.meta.env.VITE_API_BASE_URL}/v1/mentor`);
+    // 파라미터 추가
+    nextUrl.searchParams.append('bookmarked', 'false');
+    nextUrl.searchParams.append('suggested', 'false');
+    nextUrl.searchParams.append('commissioned', 'false');
+    nextUrl.searchParams.append('size', size.toString());
+    nextUrl.searchParams.append('sort', 'mentorId,DESC');
+
+    // 커서 있을때만 추가
+    if (cursor !== undefined){
+      nextUrl.searchParams.append('cursor', cursor.toString());
+    }
+    
+    //요청
+    const response = await axiosInstance.get<MentorResponse>(nextUrl.toString());
+    return response.data;
+  } catch (error: any) {
+    console.error('❌ 멘토 목록 조회 실패:', error.response);
+    throw error.response?.data?.message || '멘토 목록 조회 실패';
+  }
+};
diff --git a/src/mentorship/components/mentorlist/MentorItem.tsx b/src/mentorship/components/mentorlist/MentorItem.tsx
index 651f8dc..c94cbce 100644
--- a/src/mentorship/components/mentorlist/MentorItem.tsx
+++ b/src/mentorship/components/mentorlist/MentorItem.tsx
@@ -1,60 +1,58 @@
-import React from 'react';
-import { MentorType } from '@/mentorship/pages/mentorlist/MentorshipList.types';
+import React, { forwardRef } from 'react';
+import { Mentor } from '../../api/fetchMentors'; 
 import { Bookmark } from 'lucide-react';
 
 interface MentorItemProps {
-  mentor: MentorType;
+  mentor: Mentor;
   isBookmarked: boolean;
-  onToggleBookmark: (mName: string) => void;
+  onToggleBookmark: (nickname: string) => void;
 }
 
-const MentorItem: React.FC<MentorItemProps> = ({
-  mentor,
-  isBookmarked,
-  onToggleBookmark,
-}) => {
-  return (
-    <div className="bg-white p-4 border-b relative w-full">
-      {/* 북마크 아이콘을 우측 상단에 절대 위치로 배치 */}
-      <div
-        className="absolute top-4 right-4 cursor-pointer"
-        onClick={() => onToggleBookmark(mentor.mName)}
-      >
-        <Bookmark
-          strokeWidth={1}
-          className={`w-[24px] h-[24px] ${
-            isBookmarked
-              ? 'stroke-primary-4 fill-primary-4'
-              : 'stroke-gray-2 fill-none'
-          }`}
-        />
-      </div>
-
-      {/* 프로필 + 멘토 정보 */}
-      <div className="w-full items-center ml-[15px]">
-        <div className="flex w-full items-center space-x-[13px]">
-          <img
-            src={'/assets/Profile.png'}
-            alt="프로필"
-            className="w-[78px] h-[78px] rounded-full object-cover"
+const MentorItem = forwardRef<HTMLDivElement, MentorItemProps>(
+  ({ mentor, isBookmarked, onToggleBookmark }, ref) => {
+    return (
+      <div ref={ref} className="bg-white p-4 border-b relative w-full">
+        {/* 북마크 아이콘을 우측 상단에 절대 위치로 배치 */}
+        <div
+          className="absolute top-4 right-4 cursor-pointer"
+          onClick={() => onToggleBookmark(mentor.nickname)}
+        >
+          <Bookmark
+            strokeWidth={1}
+            className={`w-[24px] h-[24px] ${
+              isBookmarked
+                ? 'stroke-primary-4 fill-primary-4'
+                : 'stroke-gray-2 fill-none'
+            }`}
           />
-          <div>
-            <div className="text-[16px] font-bold">{mentor.mName}</div>
-            <div className="mt-[4px] text-gray-5 text-[12px]">{mentor.mcompany}</div>
-            <div className="text-gray-5 text-[12px]">{mentor.mJobDetail}</div>
-            <div className="text-gray-5 text-[12px]">{mentor.mYear}</div>
-            <div className="flex items-center justify-between gap-[22px] border border-gray-8 bg-gray-8 px-2 py-0.5 rounded-[5px] mt-[4px] h-[30px] w-[130px]">
-              <span className="text-primary-3 text-[12px]">멘토링 횟수</span>
-              <span className="text-gray-5 text-[12px]">{mentor.respond}회</span>
+        </div>
+
+        {/* 프로필 + 멘토 정보 */}
+        <div className="w-full items-center">
+          <div className="flex w-full items-start space-x-[13px]">
+            <img
+              src={'/assets/Profile.png'}
+              alt="프로필"
+              className="w-[86px] h-[86px] rounded-full object-cover"
+            />
+            <div>
+              <div className="text-[20px] font-bold">{mentor.nickname}</div> 
+              <div className="mt-[4px] text-gray-5 text-[14px]">{mentor.organization.name}</div> 
+              <div className="text-gray-5 text-[14px]">{mentor.organization.detailedJob}</div> 
+              <div className="flex items-center justify-between gap-[2px] border border-gray-8 bg-white px-2 py-2 rounded-[4px] mt-[4px] h-[25px] w-[106px]">
+                <span className="text-primary-4 text-[12px]">멘토링 횟수</span>
+                <span className="text-gray-5 text-[12px]">{mentor.mentoringCount}회</span> 
+              </div>
+              <p className="text-gray-600 text-[12px] mt-[12px]">"{mentor.introduction.title}"</p> 
             </div>
           </div>
         </div>
-
-        {/* 멘토 소개 */}
-        <p className="text-gray-600 text-[12px] mt-[15px]">{mentor.intro}</p>
       </div>
-    </div>
-  );
-};
+    );
+  }
+);
+
+// displayName 붙이면 디버깅 편해~!
+MentorItem.displayName = 'MentorItem';
 
 export default MentorItem;
\ No newline at end of file
diff --git a/src/mentorship/components/mentorlist/MentorList.tsx b/src/mentorship/components/mentorlist/MentorList.tsx
index 146e278..dc21141 100644
--- a/src/mentorship/components/mentorlist/MentorList.tsx
+++ b/src/mentorship/components/mentorlist/MentorList.tsx
@@ -1,34 +1,41 @@
 import React from 'react';
-import { MentorType } from '@/mentorship/pages/mentorlist/MentorshipList.types';
+import { Mentor } from '../../api/fetchMentors'; 
 import MentorItem from '@/mentorship/components/mentorlist/MentorItem';
 
 interface MentorListProps {
-  mentors: MentorType[];
+  mentors: Mentor[];
   bookmarked: { [key: string]: boolean };
-  onToggleBookmark: (mName: string) => void;
+  onToggleBookmark: (nickname: string) => void;
+  lastMentorRef?: (node: Element | null) => void; // ✅ ref prop 추가
 }
 
 const MentorList: React.FC<MentorListProps> = ({
   mentors,
   bookmarked,
   onToggleBookmark,
+  lastMentorRef,
 }) => {
   return (
     <div className="w-full px-0 pt-[4px] space-y-4">
       {mentors.length > 0 ? (
-        mentors.map((mentor) => (
-          <MentorItem
-            key={mentor.mName}
-            mentor={mentor}
-            isBookmarked={bookmarked[mentor.mName]}
-            onToggleBookmark={onToggleBookmark}
-          />
-        ))
+        mentors.map((mentor, index) => {
+          const isLast = index === mentors.length - 1;
+
+          return (
+            <MentorItem
+              key={mentor.nickname} // ✅ 유니크 key
+              mentor={mentor}
+              isBookmarked={bookmarked[mentor.nickname]}
+              onToggleBookmark={onToggleBookmark}
+              ref={isLast ? lastMentorRef : undefined} // ✅ 마지막 mentor에만 ref 연결
+            />
+          );
+        })
       ) : (
-        <div className="text-center text-gray-500">검색 결과가 없습니다.</div>
+        <div className="text-center text-gray-2 mt-6">멘토 내역이 없습니다.</div>
       )}
     </div>
   );
 };
 
-export default MentorList;
+export default MentorList;
\ No newline at end of file
diff --git a/src/mentorship/components/mentorlist/MentorshipFilterBar.tsx b/src/mentorship/components/mentorlist/MentorshipFilterBar.tsx
index 5f627ea..5637faf 100644
--- a/src/mentorship/components/mentorlist/MentorshipFilterBar.tsx
+++ b/src/mentorship/components/mentorlist/MentorshipFilterBar.tsx
@@ -4,8 +4,7 @@ import { ChevronDown } from 'lucide-react';
 interface MentorshipFilterBarProps {
   selectedField: string | null;
   selectedSubField: string | null;
-  selectedYear: string | null;
-  onFilterClick: (filterType: string) => void;
+  onFilterClick: (filterType: '직무' | '세부직무') => void; // ✅ 타입 명확화
 }
 
 const MentorshipFilterBar: React.FC<MentorshipFilterBarProps> = ({
diff --git a/src/mentorship/components/mentorlist/MentorshipFooter.tsx b/src/mentorship/components/mentorlist/MentorshipFooter.tsx
index 2a09571..9b8c2f5 100644
--- a/src/mentorship/components/mentorlist/MentorshipFooter.tsx
+++ b/src/mentorship/components/mentorlist/MentorshipFooter.tsx
@@ -7,40 +7,29 @@ interface MentorshipFooterProps {
 }
 
 const MentorshipFooter: React.FC<MentorshipFooterProps> = ({ isVisible }) => {
+  const menuItems = [
+    { menu: '홈', icon: <Home size={24} />, link: '/' },
+    { menu: '멘토링 현황', icon: <ClipboardList size={24} />, link: '/mentorship' },
+    { menu: '북마크', icon: <Bookmark size={24} />, link: '/bookmark' },
+    { menu: '마이', icon: <User size={24} />, link: '/user' },
+  ];
+
   return (
     <div
-      className="w-full max-w-[600px] mx-auto h-[50px] fixed bottom-0 bg-background p-4 pt-[7px] transition-transform duration-[1500ms] ease-in-out"
-      style={{
-        boxShadow: '0px -4px 4px rgba(210, 205, 205, 0.25)',
-        transform: isVisible ? 'translateY(0)' : 'translateY(100%)',
-      }}
+      className={`w-full max-w-[600px] mx-auto h-[50px] fixed bottom-0 bg-background p-4 pt-[7px] transition-transform duration-500 ease-in-out shadow-lg ${
+        isVisible ? 'translate-y-0' : 'translate-y-full'
+      }`}
     >
       <div className="flex justify-around">
-        {[
-          { menu: '홈', icon: <Home size={24} />, link: '/' },
-          {
-            menu: '멘토링 현황',
-            icon: <ClipboardList size={24} />,
-            link: '/mentorship',
-          },
-          { menu: '북마크', icon: <Bookmark size={24} />, link: '/bookmark' },
-          { menu: '마이', icon: <User size={24} />, link: '/user' },
-        ].map(({ menu, icon, link }) =>
-          link ? (
-            <Link key={menu} to={link} className="text-center w-[47px]">
-              <div className="w-[21px] h-[21px] mx-auto">{icon}</div>
-              <div className="text-[10px]">{menu}</div>
-            </Link>
-          ) : (
-            <div key={menu} className="text-center w-[47px]">
-              <div className="w-[21px] h-[21px] mx-auto">{icon}</div>
-              <div className="text-[10px]">{menu}</div>
-            </div>
-          ),
-        )}
+        {menuItems.map(({ menu, icon, link }) => (
+          <Link key={menu} to={link} className="text-center w-[47px]">
+            {icon}
+            <div className="text-[10px]">{menu}</div>
+          </Link>
+        ))}
       </div>
     </div>
   );
 };
 
-export default MentorshipFooter;
+export default MentorshipFooter;
\ No newline at end of file
diff --git a/src/mentorship/components/mentorlist/MentorshipListFilter.tsx b/src/mentorship/components/mentorlist/MentorshipListFilter.tsx
index 1e8638e..495d89e 100644
--- a/src/mentorship/components/mentorlist/MentorshipListFilter.tsx
+++ b/src/mentorship/components/mentorlist/MentorshipListFilter.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { X } from 'lucide-react';
 
 interface MentorshipListFilterProps {
-  filterType: string;
+  filterType: '직무' | '세부직무';
   onClose: () => void;
   selectedField: string | null;
   onFieldSelect: (field: string) => void;
@@ -11,125 +11,27 @@ interface MentorshipListFilterProps {
 }
 
 const fieldOptions: string[] = [
-  '전체',
-  '마케팅',
-  '서비스 기획',
-  '디자인',
-  '개발',
-  '대학원',
-  '인사',
-  '영업',
-  '금융',
-  '데이터',
-  '의료',
-  '법률',
+  '전체', '마케팅', '서비스 기획', '디자인', '개발',
+  '대학원', '인사', '영업', '금융', '데이터', '의료', '법률'
 ];
 
-const subFieldOptions: { [key: string]: string[] } = {
+const subFieldOptions: Record<string, string[]> = {
   전체: [],
   마케팅: [
-    '브랜드 마케팅',
-    '퍼포먼스 마케팅',
-    '디지털/소셜 마케팅',
-    '그로스 마케팅',
-    'PR',
-    'AE',
-    '콘텐츠 마케팅',
-    '크리에이티브 디렉팅',
-    '카피라이터',
-    '미디어 플래너',
-    '방송PD/영상PD',
-    '기타',
-  ],
-  '서비스 기획': [
-    '서비스기획',
-    'PM/PO',
-    '전략 기획',
-    '운영/기획',
-    '사업 개발',
-    'CX 매니저',
-    '창업',
-    '기타',
-  ],
-  디자인: [
-    'UX/UI디자인',
-    '그래픽 디자인',
-    '상품 디자인',
-    '브랜드 디자인',
-    '웹 디자인',
-    '아트 디렉터',
-    '기타',
-  ],
-  개발: [
-    '프론트엔드',
-    '백엔드',
-    '풀스택 개발자',
-    'iOS/Android 개발자',
-    'DevOps 엔지니어',
-    '클라우드 엔지니어',
-    '시스템/네트워크 엔지니어',
-    '보안 엔지니어',
-    '기타',
+    '브랜드 마케팅', '퍼포먼스 마케팅', '디지털/소셜 마케팅',
+    '그로스 마케팅', 'PR', 'AE', '콘텐츠 마케팅', '크리에이티브 디렉팅',
+    '카피라이터', '미디어 플래너', '방송PD/영상PD', '기타',
   ],
+  '서비스 기획': ['서비스기획', 'PM/PO', '전략 기획', '운영/기획', '사업 개발', 'CX 매니저', '창업', '기타'],
+  디자인: ['UX/UI디자인', '그래픽 디자인', '상품 디자인', '브랜드 디자인', '웹 디자인', '아트 디렉터', '기타'],
+  개발: ['프론트엔드', '백엔드', '풀스택 개발자', 'iOS/Android 개발자', 'DevOps 엔지니어', '클라우드 엔지니어', '시스템/네트워크 엔지니어', '보안 엔지니어', '기타'],
   대학원: ['국내 대학원', '해외 대학원', '기타'],
-  인사: [
-    '인사기획',
-    '채용담당',
-    '인재육성/교육담당',
-    '조직문화담당',
-    '노무담당',
-    '총무/경영지원',
-    '인사운영',
-    '리크루터',
-    '기타',
-  ],
-  영업: [
-    '기업영업(B2B)',
-    '개인영업(B2C)',
-    '해외영업',
-    '기술영업',
-    '솔루션 컨설턴트',
-    '주요고객관리(KAM)',
-    '영업관리/지원',
-    'CSM/CX',
-    '기타',
-  ],
-  금융: [
-    '컨설턴트',
-    'VC/투자',
-    'IB/PE/대체투자',
-    '에널리스트',
-    '회계/재무',
-    '기타',
-  ],
-  데이터: [
-    '데이터 사이언티스트',
-    '데이터 엔지니어',
-    '데이터 애널리스트',
-    'BI 엔지니어',
-    '머신러닝 엔지니어',
-    '데이터 아키텍트',
-    '리서치 애널리스트',
-    '기타',
-  ],
-  의료: [
-    '임상의사',
-    '임상연구원',
-    '의료기기 연구개발',
-    '제약회사 연구원',
-    '바이오 연구원',
-    '기타',
-  ],
-  법률: [
-    '변호사',
-    '법무담당',
-    '특허담당',
-    '준법감시인(컴플라이언스)',
-    '법무법인 사무직',
-    '법률자문',
-    '특허엔지니어',
-    '기타',
-  ],
+  인사: ['인사기획', '채용담당', '인재육성/교육담당', '조직문화담당', '노무담당', '총무/경영지원', '인사운영', '리크루터', '기타'],
+  영업: ['기업영업(B2B)', '개인영업(B2C)', '해외영업', '기술영업', '솔루션 컨설턴트', '주요고객관리(KAM)', '영업관리/지원', 'CSM/CX', '기타'],
+  금융: ['컨설턴트', 'VC/투자', 'IB/PE/대체투자', '에널리스트', '회계/재무', '기타'],
+  데이터: ['데이터 사이언티스트', '데이터 엔지니어', '데이터 애널리스트', 'BI 엔지니어', '머신러닝 엔지니어', '데이터 아키텍트', '리서치 애널리스트', '기타'],
+  의료: ['임상의사', '임상연구원', '의료기기 연구개발', '제약회사 연구원', '바이오 연구원', '기타'],
+  법률: ['변호사', '법무담당', '특허담당', '준법감시인(컴플라이언스)', '법무법인 사무직', '법률자문', '특허엔지니어', '기타'],
 };
 
 const MentorshipListFilter: React.FC<MentorshipListFilterProps> = ({
@@ -148,34 +50,22 @@ const MentorshipListFilter: React.FC<MentorshipListFilterProps> = ({
     }
   }, [filterType, onSubFieldSelect]);
 
-  const handleClose = () => {
-    setIsClosing(true);
-  };
+  const handleClose = () => setIsClosing(true);
 
   const handleAnimationEnd = () => {
-    if (isClosing) {
-      onClose();
-    }
+    if (isClosing) onClose();
   };
 
   return (
     <>
-      {/* 필터 슬라이드로 닫히도록 */}
       <style>{`
         @keyframes slideDown {
-          from {
-            transform: translateY(0);
-            opacity: 1;
-          }
-          to {
-            transform: translateY(100%);
-            opacity: 0;
-          }
-        }
-        .animate-slide-out {
-          animation: slideDown 300ms forwards;
+          from { transform: translateY(0); opacity: 1; }
+          to { transform: translateY(100%); opacity: 0; }
         }
+        .animate-slide-out { animation: slideDown 300ms forwards; }
       `}</style>
+
       <div
         className="fixed top-0 left-1/2 transform -translate-x-1/2 w-full max-w-[600px] h-full bg-[#000] bg-opacity-75 flex justify-center items-end z-50"
         onClick={handleClose}
@@ -188,8 +78,7 @@ const MentorshipListFilter: React.FC<MentorshipListFilterProps> = ({
           <div className="pl-3 mt-[10px]">
             <div className="flex justify-between items-center">
               <h2 className="text-[16px] font-bold">
-                {filterType === '직무' && '직무 선택'}
-                {filterType === '세부직무' && '세부직무 선택'}
+                {filterType === '직무' ? '직무 선택' : '세부직무 선택'}
               </h2>
               <button onClick={handleClose} className="p-1">
                 <X strokeWidth={1} className="w-6 h-6 text-gray-1" />
@@ -197,6 +86,7 @@ const MentorshipListFilter: React.FC<MentorshipListFilterProps> = ({
             </div>
           </div>
 
+          {/* 직무 선택 필터 */}
           {filterType === '직무' && (
             <div className="grid grid-cols-3 gap-x-[11px] mt-[34px] gap-y-[13px]">
               {fieldOptions.map((field) => (
@@ -218,21 +108,20 @@ const MentorshipListFilter: React.FC<MentorshipListFilterProps> = ({
             </div>
           )}
 
+          {/* 세부직무 선택 필터 */}
           {filterType === '세부직무' && (
             <div className="flex flex-col gap-[20px] mt-[34px] mx-auto px-3 mb-[10px]">
-              {selectedField &&
-              subFieldOptions[selectedField] &&
-              subFieldOptions[selectedField].length > 0 ? (
-                subFieldOptions[selectedField].map((subField) => (
+              {subFieldOptions[selectedField || '전체']?.length > 0 ? (
+                subFieldOptions[selectedField || '전체'].map((subField) => (
                   <button
                     key={subField}
                     onClick={() => {
                       onSubFieldSelect(subField);
                       handleClose();
                     }}
-                    className={`rounded-[8px] text-[12px] text-start text-gray-2 ${
+                    className={`rounded-[8px] text-[12px] text-start ${
                       selectedSubField === subField
-                        ? ' text-primary-1'
+                        ? 'text-primary-1'
                         : 'bg-gray-100 text-gray-800'
                     }`}
                   >
diff --git a/src/mentorship/components/mentorlist/MentorshipSortDropdown.tsx b/src/mentorship/components/mentorlist/MentorshipSortDropdown.tsx
index 58aa93c..fe66f6b 100644
--- a/src/mentorship/components/mentorlist/MentorshipSortDropdown.tsx
+++ b/src/mentorship/components/mentorlist/MentorshipSortDropdown.tsx
@@ -1,47 +1,51 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { ChevronDown } from 'lucide-react';
 
+type SortOption = 'respond'; 
+
 interface MentorshipSortDropdownProps {
-  sortOption?: string; // optional prop
-  onSortChange: (value: string) => void;
+  sortOption?: SortOption;
+  onSortChange: (value: SortOption) => void;
 }
 
 const MentorshipSortDropdown: React.FC<MentorshipSortDropdownProps> = ({
-  sortOption,
+  sortOption = 'respond', // ✅ 기본값 설정
   onSortChange,
 }) => {
-  // sortOption이 없으면 'respond'를 기본값으로 사용
-  const effectiveSortOption = sortOption || 'respond';
   const [isOpen, setIsOpen] = useState(false);
   const dropdownRef = useRef<HTMLDivElement>(null);
 
-  const options = [
-    { value: 'respond', label: '멘토링 횟수 순' },
-    { value: 'mYear', label: '경력 낮은 순' }, // 임시로 해둔 정렬 기준
+  const options: { value: SortOption; label: string }[] = [
+    { value: 'respond', label: '멘토링 횟수 순' }, 
   ];
 
-  // 드롭다운 외부 클릭 시 닫기
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
         setIsOpen(false);
       }
     };
-    document.addEventListener('mousedown', handleClickOutside);
+
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+    } else {
+      document.removeEventListener('mousedown', handleClickOutside);
+    }
+
     return () => document.removeEventListener('mousedown', handleClickOutside);
-  }, []);
+  }, [isOpen]);
 
   return (
     <div className="relative inline-block px-4 w-full justify-end" ref={dropdownRef}>
       <div
-        className="w-full text-[12px] text-gray-2 cursor-pointer focus:outline-none text-right p-0"
+        className="w-full text-[12px] text-gray-2 cursor-pointer focus:outline-none text-right p-0 flex items-center justify-end"
         onClick={() => setIsOpen((prev) => !prev)}
       >
-        {options.find(option => option.value === effectiveSortOption)?.label}
-        <ChevronDown strokeWidth={1} height="24px" width="24px" color="#94939B" className="inline ml-2" />
+        {options.find((option) => option.value === sortOption)?.label}
+        <ChevronDown strokeWidth={1} height="24px" width="24px" color="#94939B" className="ml-2" />
       </div>
       {isOpen && (
-        <div className="absolute right-4 w-1/2 bg-white border z-10 rounded-[10px] px-4 py-1">
+        <div className="absolute right-4 w-1/2 bg-white border z-10 rounded-[10px] px-4 py-1 shadow-md">
           {options.map((option) => (
             <div
               key={option.value}
diff --git a/src/mentorship/pages/mentorlist/MentorshipList.tsx b/src/mentorship/pages/mentorlist/MentorshipList.tsx
index e0ef77e..2615848 100644
--- a/src/mentorship/pages/mentorlist/MentorshipList.tsx
+++ b/src/mentorship/pages/mentorlist/MentorshipList.tsx
@@ -1,200 +1,114 @@
-import { useState, useEffect, useRef, useMemo } from 'react';
-import { MentorType } from '@/mentorship/pages/mentorlist/MentorshipList.types';
+import { useState, useEffect, useRef, useCallback } from 'react';
 import MentorshipHeader from '@/mentorship/components/mentorlist/MentorshipHeader';
 import MentorshipFilterBar from '@/mentorship/components/mentorlist/MentorshipFilterBar';
 import MentorshipSortDropdown from '@/mentorship/components/mentorlist/MentorshipSortDropdown';
 import MentorList from '@/mentorship/components/mentorlist/MentorList';
 import Footer from '@/global/components/Footer';
 import MentorshipListFilter from '@/mentorship/components/mentorlist/MentorshipListFilter';
-
-const mentorshipData: MentorType[] = [
-  {
-    mName: '트레블',
-    mJob: '마케팅',
-    mcompany: '제일기획',
-    mJobDetail: '퍼포먼스 마케팅',
-    mYear: '5년차',
-    respond: 29,
-    intro: '“퍼포먼스 마케팅에 대해 알려드립니다.”',
-  },
-  {
-    mName: '트레블2',
-    mJob: '마케팅',
-    mcompany: '하나기획',
-    mJobDetail: '디지털/소셜 마케팅',
-    mYear: '7년차',
-    respond: 54,
-    intro: '“소셜 미디어 최적화와 브랜딩 노하우를 알려드립니다.”',
-  },
-  {
-    mName: '트레블3',
-    mJob: '서비스 기획',
-    mcompany: '삼송회사',
-    mJobDetail: '전략 기획',
-    mYear: '3년차',
-    respond: 123,
-    intro: '“시장 조사 및 제품 기획에 관한 경험을 공유합니다.”',
-  },
-  {
-    mName: '트레블4',
-    mJob: '디자인',
-    mcompany: '엘지물산',
-    mJobDetail: 'UX/UI디자인',
-    mYear: '5년차',
-    respond: 85,
-    intro: '“UI/UX 디자인의 최신 트렌드를 안내합니다.”',
-  },
-  {
-    mName: '트레블5',
-    mJob: '개발',
-    mcompany: '아플',
-    mJobDetail: '풀스택 개발자',
-    mYear: '7년차',
-    respond: 190,
-    intro: '“웹 개발에 필요한 기술들을 알려드립니다.”',
-  },
-  {
-    mName: '트레블6',
-    mJob: '개발',
-    mcompany: 'HSAD',
-    mJobDetail: 'iOS/Android 개발자',
-    mYear: '3년차',
-    respond: 165,
-    intro: '“모바일 앱 및 AI/ML 개발에 대해 경험을 공유합니다.”',
-  },
-  {
-    mName: '트레블7',
-    mJob: '마케팅',
-    mcompany: '최고기업',
-    mJobDetail: '디지털/소셜 마케팅',
-    mYear: '5년차',
-    respond: 80,
-    intro: '“브랜딩 전략과 소셜 미디어 마케팅에 관해 설명합니다.”',
-  },
-  {
-    mName: '트레블8',
-    mJob: '데이터',
-    mcompany: '두리티비',
-    mJobDetail: '데이터 애널리스트',
-    mYear: '7년차',
-    respond: 88,
-    intro: '“데이터 분석과 엔지니어링의 노하우를 공유합니다.”',
-  },
-  {
-    mName: '트레블9',
-    mJob: '의료',
-    mcompany: '삼송기획',
-    mJobDetail: '의료 데이터 분석',
-    mYear: '5년차',
-    respond: 75,
-    intro: '“의료 분야의 데이터 분석과 임상 연구를 소개합니다.”',
-  },
-  {
-    mName: '트레블10',
-    mJob: '법률',
-    mcompany: '제일기획',
-    mJobDetail: '법률자문',
-    mYear: '7년차',
-    respond: 95,
-    intro: '“법률 자문과 계약 검토에 대해 전문적인 조언을 드립니다.”',
-  },
-];
+import { fetchMentors } from '../../api/fetchMentors';
+import { Mentor } from '../../api/fetchMentors';
 
 const MentorshipList = () => {
-  const [isFooterVisible, setIsFooterVisible] = useState(true);
-  // filteredMentors를 직접 정렬 결과로 관리하거나 useMemo로 파생 데이터로 관리
-  const [sortOption, setSortOption] = useState('respond'); // 기본값을 'respond'로 변경!
-  const [filterType, setFilterType] = useState<string | null>(null);
+  const [mentors, setMentors] = useState<Mentor[]>([]);
+  const [sortOption, setSortOption] = useState<string>('respond');
   const [selectedField, setSelectedField] = useState<string | null>(null);
   const [selectedSubField, setSelectedSubField] = useState<string | null>(null);
   const [selectedYear, setSelectedYear] = useState<string | null>(null);
   const [bookmarked, setBookmarked] = useState<{ [key: string]: boolean }>({});
+  const [cursor, setCursor] = useState<number | null>(null);
+  const [hasMore, setHasMore] = useState<boolean>(true);
+  const [loading, setLoading] = useState<boolean>(false);
+  const size = 5;
 
-  const scrollContainerRef = useRef<HTMLDivElement>(null);
-  const lastScrollYRef = useRef(0);
-
-  useEffect(() => {
-    const container = scrollContainerRef.current;
-    if (!container) return;
-
-    const handleScroll = () => {
-      const currentScrollY = container.scrollTop;
-      if (currentScrollY > lastScrollYRef.current) {
-        setIsFooterVisible(false);
-      } else {
-        setIsFooterVisible(true);
+  const observer = useRef<IntersectionObserver | null>(null);
+  const lastMentorElementRef = useCallback((node: Element | null) => {
+    if (loading) return;
+  
+    if (observer.current) observer.current.disconnect();
+  
+    observer.current = new IntersectionObserver((entries) => {
+      if (entries[0].isIntersecting && hasMore && !loading) {
+        loadMoreMentors();
       }
-      lastScrollYRef.current = currentScrollY;
-    };
+    });
+  
+    if (node) observer.current.observe(node);
+  }, [loading, hasMore, cursor]); 
 
-    container.addEventListener('scroll', handleScroll);
-    return () => container.removeEventListener('scroll', handleScroll);
-  }, []);
-
-  // sortOption 변경 시, mentorshipData를 정렬해서 filteredMentors에 업데이트!
-  const sortedMentors = useMemo(() => {
-    const dataCopy = [...mentorshipData];
-    if (sortOption === 'respond') {
-      // 멘토링 횟수가 많은 순으로 내림차순 정렬
-      dataCopy.sort((a, b) => b.respond - a.respond);
-    } else if (sortOption === 'mYear') {
-      // mYear가 '5년차' 같은 문자열이므로 숫자만 추출해서 오름차순 정렬
-      dataCopy.sort((a, b) => {
-        const yearA = parseInt(a.mYear);
-        const yearB = parseInt(b.mYear);
-        return yearA - yearB;
+  const loadMoreMentors = async () => {
+    if (loading || !hasMore) return;
+  
+    setLoading(true);
+  
+    // ✅ 현재 커서 값을 따로 저장
+    const currentCursor = cursor ?? undefined;
+  
+    try {
+      const res = await fetchMentors(currentCursor, size);
+      const { content, sliceInfo } = res.data;
+  
+      // ✅ 받은 mentorId 배열
+      const newMentors = content;
+  
+      // ✅ 중복 방지를 위해 mentorId 기준 필터링
+      setMentors((prev) => {
+        const existingIds = new Set(prev.map((m) => m.mentorId));
+        const filteredNew = newMentors.filter((m) => !existingIds.has(m.mentorId));
+        return [...prev, ...filteredNew];
       });
+  
+      // ✅ 다음 요청을 위한 커서 업데이트
+      if (newMentors.length > 0) {
+        const nextCursor = newMentors[newMentors.length - 1].mentorId;
+        setCursor(nextCursor);
+      }
+  
+      setHasMore(!sliceInfo.last);
+    } catch (err) {
+      console.error('멘토 로드 실패:', err);
+    } finally {
+      setLoading(false);
     }
-    return dataCopy;
-  }, [sortOption]);
+  };
+  
+  useEffect(() => {
+    loadMoreMentors();
+  }, []);
 
   return (
     <div className="h-screen flex flex-col bg-gray-100 relative">
-      {/* 헤더 */}
       <div className="sticky top-[16px] w-full max-w-[600px] mx-auto bg-gray-100 z-20">
         <MentorshipHeader />
         <MentorshipFilterBar
           selectedField={selectedField}
           selectedSubField={selectedSubField}
           selectedYear={selectedYear}
-          onFilterClick={setFilterType}
-        />
-        <MentorshipSortDropdown
-          sortOption={sortOption}
-          onSortChange={setSortOption}
+          onFilterClick={(field: string) => setSelectedField(field)}
         />
+        <MentorshipSortDropdown sortOption={sortOption} onSortChange={setSortOption} />
       </div>
-
-      {/* 스크롤 영역 */}
-      <div
-        ref={scrollContainerRef}
-        className="flex-grow overflow-y-auto pb-[60px] mt-[16px] no-scrollbar"
-      >
+      <div className="flex-grow overflow-y-auto pb-[60px] mt-[16px] no-scrollbar">
         <MentorList
-          mentors={sortedMentors}  // 정렬된 리스트를 전달
+          mentors={mentors}
           bookmarked={bookmarked}
-          onToggleBookmark={(mName) =>
-            setBookmarked((prev) => ({ ...prev, [mName]: !prev[mName] }))
-          }
+          onToggleBookmark={(nickname) => setBookmarked((prev) => ({ ...prev, [nickname]: !prev[nickname] }))}
+          lastMentorRef={lastMentorElementRef}
         />
       </div>
-
-      {/* 필터 모달 */}
-      {filterType && (
+      {loading && <p className="text-center p-4">Loading more mentors...</p>}
+      {selectedField && (
         <MentorshipListFilter
-          filterType={filterType}
-          onClose={() => setFilterType(null)}
+          filterType={selectedField}
+          onClose={() => setSelectedField(null)}
           selectedField={selectedField}
           onFieldSelect={setSelectedField}
           selectedSubField={selectedSubField}
           onSubFieldSelect={setSelectedSubField}
         />
       )}
-
-      {/* 푸터 */}
       <Footer />
     </div>
   );
 };
 
-export default MentorshipList;
\ No newline at end of file
+export default MentorshipList;
diff --git a/src/mentorship/pages/mentorlist/MentorshipList.types.ts b/src/mentorship/pages/mentorlist/MentorshipList.types.ts
deleted file mode 100644
index 03a42da..0000000
--- a/src/mentorship/pages/mentorlist/MentorshipList.types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface MentorType {
-  mName: string;
-  mJob: string;
-  mcompany: string;
-  mJobDetail: string;
-  mYear: string;
-  respond: number;
-  intro: string;
-}
\ No newline at end of file
diff --git a/src/user/components/payment/PaymentHeader.tsx b/src/user/components/payment/PaymentHeader.tsx
index 943f866..c126d4e 100644
--- a/src/user/components/payment/PaymentHeader.tsx
+++ b/src/user/components/payment/PaymentHeader.tsx
@@ -1,7 +1,7 @@
 import { ArrowLeft } from 'lucide-react';
 const PaymentHeader = () => {
   return (
-    <div className="sticky top-0 left-0 w-full flex justify-between items-center h-[56px] z-50 bg-[#fff] bg-opacity-90">
+    <div className="sticky top-0 left-0 w-full flex justify-between items-center h-[56px] z-50 bg-[#fff] bg-opacity-90 py-3 px-4">
       <ArrowLeft strokeWidth={1} className="h-[24px] w-[24px] cursor-pointer" />
       <div className="text-[20px]">결제</div>
       <div className="h-[24px] w-[24px]"></div> {/* 빈 요소로 공간 유지를 위해 추가 */}
diff --git a/src/user/pages/payment/Payment.tsx b/src/user/pages/payment/Payment.tsx
index d68f5f9..1fdd4c8 100644
--- a/src/user/pages/payment/Payment.tsx
+++ b/src/user/pages/payment/Payment.tsx
@@ -8,11 +8,11 @@ import { GlobalButton } from '@/global/ui/GlobalButton';
 
 const PaymentPage = () => {
   return (
-    <div className="p-4 pt-0 h-screen flex flex-col overflow-auto">
+    <div className=" pt-0 h-screen flex flex-col overflow-auto">
       {/* 헤더 */}
       <PaymentHeader />
 
-      <div className="flex flex-col gap-[28px] mt-[12px]">
+      <div className="px-4 flex flex-col gap-[28px] mt-[12px]">
         {/* 제안 멘토 */}
         <MentorSection />
 
@@ -26,11 +26,13 @@ const PaymentPage = () => {
         <PaymentMethodSection />
       </div>
 
-      {/* 정책 */}
-      <PolicySection />
+      <div className="px-4">
+        {/* 정책 */}
+        <PolicySection />
 
-      <div className="flex bottom-0 left-0 w-full mx-auto bg-white py-4 z-50">
-        <GlobalButton>결제하기</GlobalButton>
+        <div className="flex sticky bottom-0 left-0 w-full mx-auto bg-white p-4 z-50">
+          <GlobalButton>결제하기</GlobalButton>
+        </div>
       </div>
     </div>
   );