diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 9d3e2612..648b661f 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -13,6 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     outputs:
       web: ${{ steps.filter.outputs.web }}
+      university-web: ${{ steps.filter.outputs.university-web }}
       admin: ${{ steps.filter.outputs.admin }}
       root: ${{ steps.filter.outputs.root }}
     steps:
@@ -26,12 +27,15 @@ jobs:
           filters: |
             web:
               - 'apps/web/**'
+            university-web:
+              - 'apps/university-web/**'
             admin:
               - 'apps/admin/**'
             root:
               - 'package.json'
               - 'pnpm-lock.yaml'
               - 'pnpm-workspace.yaml'
+              - 'scripts/**'
               - 'turbo.json'
               - '.github/workflows/**'
 
@@ -62,6 +66,33 @@ jobs:
       - name: Run checks (lint & typecheck)
         run: pnpm --filter @solid-connect/web run ci:check
 
+  # University Web 앱 품질 체크
+  university-web-quality-check:
+    name: University Web - Quality Check
+    runs-on: ubuntu-latest
+    needs: detect-changes
+    if: needs.detect-changes.outputs.university-web == 'true' || needs.detect-changes.outputs.root == 'true'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 9
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22.x"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run checks (lint & typecheck)
+        run: pnpm --filter @solid-connect/university-web run ci:check
+
   # Admin 앱 품질 체크
   admin-quality-check:
     name: Admin - Quality Check
@@ -120,6 +151,39 @@ jobs:
         run: pnpm --filter @solid-connect/web run build
         env:
           NODE_ENV: production
+          UNIVERSITY_WEB_DOMAIN: https://university-web.ci.local
+
+  # University Web 앱 빌드
+  university-web-build:
+    name: University Web - Build
+    runs-on: ubuntu-latest
+    needs: [detect-changes, university-web-quality-check]
+    if: |
+      always() &&
+      (needs.detect-changes.outputs.university-web == 'true' || needs.detect-changes.outputs.root == 'true') &&
+      needs.university-web-quality-check.result == 'success'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 9
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22.x"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build university web application
+        run: pnpm --filter @solid-connect/university-web run build
+        env:
+          NODE_ENV: production
 
   # Admin 앱 빌드
   admin-build:
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 32447364..c69d6ea2 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -7,14 +7,16 @@ on:
   workflow_dispatch:
     inputs:
       target:
-        description: "Promote target"
+        description: "Promote target (both keeps the legacy web+admin selection)"
         required: true
         default: "both"
         type: choice
         options:
+          - all
           - both
           - web
           - admin
+          - university
       force_redeploy:
         description: "When up to date, skip divergence and print manual redeploy guidance"
         required: true
@@ -71,6 +73,12 @@ jobs:
             admin)
               RELEASE_BRANCHES="release-admin"
               ;;
+            university)
+              RELEASE_BRANCHES="release-university"
+              ;;
+            all)
+              RELEASE_BRANCHES="release-web release-admin release-university"
+              ;;
             both)
               RELEASE_BRANCHES="release-web release-admin"
               ;;
diff --git a/.husky/pre-commit b/.husky/pre-commit
index 68038af8..c39c416a 100644
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -2,6 +2,7 @@ echo "🔍 Running CI parity checks before commit..."
 
 CHANGED_FILES=$(git diff --cached --name-only)
 RUN_WEB=0
+RUN_UNIVERSITY_WEB=0
 RUN_ADMIN=0
 
 for FILE in $CHANGED_FILES; do
@@ -9,11 +10,15 @@ for FILE in $CHANGED_FILES; do
     apps/web/*)
       RUN_WEB=1
       ;;
+    apps/university-web/*)
+      RUN_UNIVERSITY_WEB=1
+      ;;
     apps/admin/*)
       RUN_ADMIN=1
       ;;
-    package.json|pnpm-lock.yaml|pnpm-workspace.yaml|turbo.json|.github/workflows/*)
+    package.json|pnpm-lock.yaml|pnpm-workspace.yaml|scripts/*|turbo.json|.github/workflows/*)
       RUN_WEB=1
+      RUN_UNIVERSITY_WEB=1
       RUN_ADMIN=1
       ;;
   esac
@@ -23,11 +28,15 @@ if [ "$RUN_WEB" -eq 1 ]; then
   pnpm --filter @solid-connect/web run ci:check
 fi
 
+if [ "$RUN_UNIVERSITY_WEB" -eq 1 ]; then
+  pnpm --filter @solid-connect/university-web run ci:check
+fi
+
 if [ "$RUN_ADMIN" -eq 1 ]; then
   pnpm --filter @solid-connect/admin run ci:check
 fi
 
-if [ "$RUN_WEB" -eq 0 ] && [ "$RUN_ADMIN" -eq 0 ]; then
+if [ "$RUN_WEB" -eq 0 ] && [ "$RUN_UNIVERSITY_WEB" -eq 0 ] && [ "$RUN_ADMIN" -eq 0 ]; then
   echo "ℹ️ No CI-targeted changes detected; skipping parity checks."
 fi
 
diff --git a/.husky/pre-push b/.husky/pre-push
index f49f8c48..b6052a2e 100755
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -15,6 +15,7 @@ else
 fi
 
 RUN_WEB=0
+RUN_UNIVERSITY_WEB=0
 RUN_ADMIN=0
 
 for FILE in $CHANGED_FILES; do
@@ -22,11 +23,15 @@ for FILE in $CHANGED_FILES; do
     apps/web/*)
       RUN_WEB=1
       ;;
+    apps/university-web/*)
+      RUN_UNIVERSITY_WEB=1
+      ;;
     apps/admin/*)
       RUN_ADMIN=1
       ;;
-    package.json|pnpm-lock.yaml|pnpm-workspace.yaml|turbo.json|.github/workflows/*)
+    package.json|pnpm-lock.yaml|pnpm-workspace.yaml|scripts/*|turbo.json|.github/workflows/*)
       RUN_WEB=1
+      RUN_UNIVERSITY_WEB=1
       RUN_ADMIN=1
       ;;
   esac
@@ -34,7 +39,12 @@ done
 
 if [ "$RUN_WEB" -eq 1 ]; then
   pnpm --filter @solid-connect/web run ci:check
-  NODE_ENV=production pnpm --filter @solid-connect/web run build
+  NODE_ENV=production UNIVERSITY_WEB_DOMAIN=https://university-web.ci.local pnpm --filter @solid-connect/web run build
+fi
+
+if [ "$RUN_UNIVERSITY_WEB" -eq 1 ]; then
+  pnpm --filter @solid-connect/university-web run ci:check
+  NODE_ENV=production pnpm --filter @solid-connect/university-web run build
 fi
 
 if [ "$RUN_ADMIN" -eq 1 ]; then
@@ -42,7 +52,7 @@ if [ "$RUN_ADMIN" -eq 1 ]; then
   NODE_ENV=production pnpm --filter @solid-connect/admin run build
 fi
 
-if [ "$RUN_WEB" -eq 0 ] && [ "$RUN_ADMIN" -eq 0 ]; then
+if [ "$RUN_WEB" -eq 0 ] && [ "$RUN_UNIVERSITY_WEB" -eq 0 ] && [ "$RUN_ADMIN" -eq 0 ]; then
   echo "ℹ️ No CI-targeted changes detected; skipping parity builds."
 fi
 
diff --git a/apps/university-web/.env b/apps/university-web/.env
new file mode 100644
index 00000000..75c471fe
--- /dev/null
+++ b/apps/university-web/.env
@@ -0,0 +1,40 @@
+# Shared configuration across all environments
+# Environment-specific values are in .env.development, .env.preview, .env.production
+
+NEXT_PUBLIC_IMAGE_URL=https://cdn.default.solid-connection.com
+NEXT_PUBLIC_UPLOADED_IMAGE_URL=https://cdn.upload.solid-connection.com
+
+# google maps
+NEXT_PUBLIC_GOOGLE_MAP_API_KEY=
+
+# google analytics
+NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=G-V1KLYZC1DS
+
+# apple
+NEXT_PUBLIC_APPLE_CLIENT_ID=com.basakcrispy.solidconnection.auth
+NEXT_PUBLIC_APPLE_SCOPE="email"
+
+NEXT_PUBLIC_CONTACT_LINK=https://open.kakao.com/o/grTrKWdg
+
+# AI Inspector (server-only)
+# Set these values in .env.local or deployment environment variables.
+# AI_INSPECTOR_FIREBASE_PROJECT_ID=
+# AI_INSPECTOR_FIREBASE_CLIENT_EMAIL=
+# AI_INSPECTOR_FIREBASE_PRIVATE_KEY=
+# AI_INSPECTOR_FIRESTORE_COLLECTION=aiInspectorTasks
+
+# BELOW IS EXAMPLE FOR .env.local
+
+# firebase private
+# FIREBASE_PROJECT_ID=
+# FIREBASE_PRIVATE_KEY_ID=
+# FIREBASE_PRIVATE_KEY=
+# FIREBASE_CLIENT_EMAIL=
+# FIREBASE_CLIENT_ID=
+# FIREBASE_CLIENT_X509_CERT_URL=
+
+# sentry
+# SENTRY_PROJECT=
+# SENTRY_ORG=
+# SENTRY_DSN=
+# SENTRY_ENVIRONMENT=
diff --git a/apps/university-web/.env.development b/apps/university-web/.env.development
new file mode 100644
index 00000000..bbf8a2de
--- /dev/null
+++ b/apps/university-web/.env.development
@@ -0,0 +1,10 @@
+SENTRY_ENVIRONMENT=development
+
+# web page
+NEXT_PUBLIC_WEB_URL=http://localhost:3000
+
+# api server
+NEXT_PUBLIC_API_SERVER_URL=https://api.stage.solid-connection.com
+
+# kakao
+NEXT_PUBLIC_KAKAO_JS_KEY=
diff --git a/apps/university-web/.env.production b/apps/university-web/.env.production
new file mode 100644
index 00000000..388df289
--- /dev/null
+++ b/apps/university-web/.env.production
@@ -0,0 +1,10 @@
+SENTRY_ENVIRONMENT=production
+
+# web page
+NEXT_PUBLIC_WEB_URL=https://www.solid-connection.com
+
+# api server
+NEXT_PUBLIC_API_SERVER_URL=https://api.solid-connection.com
+
+# kakao
+NEXT_PUBLIC_KAKAO_JS_KEY=
diff --git a/apps/university-web/AUTHENTICATION.md b/apps/university-web/AUTHENTICATION.md
new file mode 100644
index 00000000..9ee799d5
--- /dev/null
+++ b/apps/university-web/AUTHENTICATION.md
@@ -0,0 +1,60 @@
+# Authentication & Authorization
+
+## Overview
+
+웹 인증은 **클라이언트 재발급/인터셉터 중심**으로 동작합니다.
+
+- 서버 진입 시 middleware에서 보호 경로를 `/login`으로 선리다이렉트하지 않습니다.
+- 인증 실패 시점은 페이지 렌더/데이터 요청 단계에서 결정됩니다.
+
+## Current Flow
+
+### 1. App Initialization
+
+- `ReissueProvider`에서 앱 최초 진입 시 `/auth/reissue`를 시도합니다.
+- 성공 시 access token이 스토어에 반영되고, 실패 시 비로그인 상태를 유지합니다.
+
+### 2. Request Interceptor
+
+- `axiosInstance` 요청 인터셉터가 access token 만료 여부를 검사합니다.
+- 토큰이 없거나 만료된 경우 재발급을 시도하고, 실패하면 로그인 이동을 유도합니다.
+
+### 3. Response Interceptor
+
+- API 응답이 401이면 재발급 1회 후 원요청을 재시도합니다.
+- 재시도 실패 시 로그인 페이지로 이동합니다.
+
+### 4. Page-level Guards
+
+- 인증이 필요한 UI(예: 멘토 페이지)는 클라이언트에서 재발급/토큰 상태를 확인합니다.
+- 필요한 경우 페이지 내부 로직에서 `/login`으로 이동합니다.
+
+## Middleware Responsibility
+
+`apps/web/src/middleware.ts`는 현재 아래만 담당합니다.
+
+- stage 환경 `robots.txt` 제어
+- 스캐너/프로브 경로 차단 (`.php`, `/.git`, `/wp-admin` 등)
+- 정적 리소스 경로 제외 matcher 유지
+
+즉, middleware는 더 이상 인증 선검증(보호 경로 강제 로그인 리다이렉트)을 수행하지 않습니다.
+
+## Tokens
+
+### Refresh Token
+
+- HTTP-only 쿠키로 관리
+- 재발급 API 호출 시 서버가 검증
+
+### Access Token
+
+- Zustand store 기반으로 관리
+- API 인증 헤더에 사용
+- 만료 시 재발급을 통해 갱신
+
+## Related Files
+
+- `apps/web/src/lib/zustand/useAuthStore.ts`
+- `apps/web/src/utils/axiosInstance.ts`
+- `apps/web/src/components/layout/ReissueProvider/index.tsx`
+- `apps/web/src/middleware.ts`
diff --git a/apps/university-web/COMPONENTS.md b/apps/university-web/COMPONENTS.md
new file mode 100644
index 00000000..b4f5e982
--- /dev/null
+++ b/apps/university-web/COMPONENTS.md
@@ -0,0 +1,399 @@
+# Component Design System
+
+## Overview
+
+This document defines the component standardization patterns for Solid Connection. All components should follow these guidelines to maintain UI consistency and AI-friendly development.
+
+## Component Categories
+
+### 1. UI Components (`/components/ui/`)
+
+Generic, reusable UI components that are domain-agnostic.
+
+**Examples:**
+- Button
+- Input
+- Modal
+- Toast
+- Dropdown
+- Checkbox
+- Progress
+- Tab
+
+**Guidelines:**
+- Must accept `className` prop for custom styling
+- Use `clsx` for conditional class names
+- Follow Tailwind CSS utility-first approach
+- Should be composable and reusable
+
+### 2. Layout Components (`/components/layout/`)
+
+Components that handle page structure and navigation.
+
+**Examples:**
+- GlobalLayout
+- TopLogoBar
+- BottomNavigation
+- PathBasedNavigation
+
+**Guidelines:**
+- Handle routing and navigation logic
+- Manage authentication state
+- Provide consistent layout structure
+
+### 3. Feature Components
+
+Domain-specific components organized by feature area.
+
+**Examples:**
+- `/components/mentor/*`
+- `/components/search/*`
+- `/components/score/*`
+- `/components/community/*`
+
+**Guidelines:**
+- Keep components focused on single responsibility
+- Use hooks for business logic
+- Separate presentation from logic
+
+## Common Patterns
+
+### Button Pattern
+
+```tsx
+import clsx from "clsx";
+
+interface ButtonProps {
+  children: React.ReactNode;
+  variant?: "primary" | "secondary" | "outline";
+  size?: "sm" | "md" | "lg";
+  disabled?: boolean;
+  onClick?: () => void;
+  className?: string;
+}
+
+export const Button = ({
+  children,
+  variant = "primary",
+  size = "md",
+  disabled = false,
+  onClick,
+  className,
+}: ButtonProps) => {
+  return (
+    <button
+      onClick={onClick}
+      disabled={disabled}
+      className={clsx(
+        "rounded-lg font-medium transition-all",
+        {
+          "bg-primary text-white hover:bg-primary-dark": variant === "primary",
+          "bg-secondary text-white hover:bg-secondary-dark": variant === "secondary",
+          "border border-k-200 bg-white hover:bg-k-50": variant === "outline",
+          "px-3 py-1.5 text-sm": size === "sm",
+          "px-4 py-2 text-base": size === "md",
+          "px-6 py-3 text-lg": size === "lg",
+          "cursor-not-allowed opacity-50": disabled,
+        },
+        className
+      )}
+    >
+      {children}
+    </button>
+  );
+};
+```
+
+### Input Pattern
+
+```tsx
+import clsx from "clsx";
+import { forwardRef } from "react";
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label?: string;
+  error?: string;
+  helperText?: string;
+}
+
+export const Input = forwardRef<HTMLInputElement, InputProps>(
+  ({ label, error, helperText, className, ...props }, ref) => {
+    return (
+      <div className="flex flex-col gap-2">
+        {label && <label className="text-k-900 typo-sb-9">{label}</label>}
+        <input
+          ref={ref}
+          className={clsx(
+            "h-12 rounded-lg border border-k-200 bg-k-50 px-4 typo-regular-2",
+            "focus:border-primary focus:outline-none",
+            error && "border-red-500",
+            className
+          )}
+          {...props}
+        />
+        {error && <p className="text-red-500 typo-regular-4">{error}</p>}
+        {helperText && !error && <p className="text-k-400 typo-regular-4">{helperText}</p>}
+      </div>
+    );
+  }
+);
+
+Input.displayName = "Input";
+```
+
+### Modal Pattern
+
+```tsx
+"use client";
+
+interface ModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+  title?: string;
+}
+
+export const Modal = ({ isOpen, onClose, children, title }: ModalProps) => {
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="relative z-10 w-full max-w-md rounded-lg bg-white p-6">
+        {title && <h2 className="mb-4 text-xl font-bold">{title}</h2>}
+        {children}
+      </div>
+    </div>
+  );
+};
+```
+
+## Styling Guidelines
+
+### Typography Classes
+
+Use predefined typography classes from Tailwind config:
+
+- `typo-bold-1` - Bold, large text
+- `typo-sb-3` - Semi-bold, medium text
+- `typo-regular-4` - Regular, small text
+- `typo-medium-5` - Medium, extra small text
+
+### Color Palette
+
+- Primary: `text-primary`, `bg-primary`
+- Secondary: `text-secondary`, `bg-secondary`
+- K-series (grayscale): `text-k-900` to `text-k-50`, `bg-k-900` to `bg-k-50`
+- Accent: `text-accent-custom-indigo`, `bg-accent-custom-yellow`
+
+### Spacing
+
+Follow Tailwind's spacing scale:
+- `gap-2`, `gap-3`, `gap-5` for consistent spacing
+- `px-5`, `py-3` for padding
+- `mt-5`, `mb-10` for margins
+
+## Component Props Best Practices
+
+### 1. Always Accept `className`
+
+Allow consumers to customize styling:
+
+```tsx
+interface Props {
+  className?: string;
+}
+
+export const Component = ({ className }: Props) => (
+  <div className={clsx("base-styles", className)}>Content</div>
+);
+```
+
+### 2. Use Discriminated Unions for Variants
+
+```tsx
+type ButtonProps =
+  | { variant: "primary"; onClick: () => void }
+  | { variant: "link"; href: string };
+```
+
+### 3. Forward Refs for Form Elements
+
+```tsx
+export const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {
+  return <input ref={ref} {...props} />;
+});
+```
+
+## Accessibility Guidelines
+
+### 1. Semantic HTML
+
+Use appropriate HTML elements:
+- `<button>` for clickable actions
+- `<a>` for navigation
+- `<input>` for form fields
+
+### 2. ARIA Labels
+
+Add labels for screen readers:
+
+```tsx
+<button aria-label="Close modal" onClick={onClose}>
+  <CloseIcon />
+</button>
+```
+
+### 3. Keyboard Navigation
+
+Support keyboard interactions:
+- Tab navigation
+- Enter/Space for buttons
+- Escape to close modals
+
+## File Organization
+
+```
+components/
+├── ui/                    # Generic UI components
+│   ├── Button/
+│   │   ├── index.tsx
+│   │   └── Button.test.tsx
+│   ├── Input/
+│   └── Modal/
+├── layout/               # Layout components
+│   ├── GlobalLayout/
+│   └── BottomNavigation/
+└── [feature]/           # Feature-specific components
+    └── [ComponentName]/
+        ├── index.tsx
+        └── hooks/
+            └── useComponentLogic.ts
+```
+
+## Testing Guidelines
+
+### Unit Tests
+
+Test component behavior:
+
+```tsx
+import { render, screen } from "@testing-library/react";
+import { Button } from "./Button";
+
+describe("Button", () => {
+  it("renders children correctly", () => {
+    render(<Button>Click me</Button>);
+    expect(screen.getByText("Click me")).toBeInTheDocument();
+  });
+
+  it("calls onClick when clicked", () => {
+    const onClick = jest.fn();
+    render(<Button onClick={onClick}>Click me</Button>);
+    screen.getByText("Click me").click();
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+});
+```
+
+## Migration Checklist
+
+When refactoring existing components:
+
+- [ ] Extract inline styles to Tailwind classes
+- [ ] Add `className` prop for customization
+- [ ] Use `clsx` for conditional classes
+- [ ] Separate logic into custom hooks
+- [ ] Add TypeScript types
+- [ ] Add proper error handling
+- [ ] Test component behavior
+- [ ] Update documentation
+
+## AI-Friendly Development
+
+### Component Context File (llm.txt)
+
+See `/llm.txt` for component usage examples and patterns that AI assistants should follow when generating or modifying components.
+
+### Naming Conventions
+
+- PascalCase for components: `Button`, `UserProfile`
+- camelCase for props: `onClick`, `isLoading`
+- kebab-case for CSS classes: `bg-primary`, `text-k-900`
+
+### Import Order
+
+```tsx
+// 1. React imports
+import { useState, useEffect } from "react";
+
+// 2. Third-party imports
+import clsx from "clsx";
+
+// 3. Internal imports (absolute)
+import { Button } from "@/components/ui/Button";
+import { useAuth } from "@/lib/hooks/useAuth";
+
+// 4. Relative imports
+import { ComponentChild } from "./ComponentChild";
+
+// 5. Type imports
+import type { User } from "@/types/user";
+```
+
+## Examples
+
+### Before Refactoring
+
+```tsx
+const MyButton = ({ text, handleClick }) => (
+  <div
+    onClick={handleClick}
+    style={{
+      backgroundColor: "blue",
+      color: "white",
+      padding: "10px",
+    }}
+  >
+    {text}
+  </div>
+);
+```
+
+### After Refactoring
+
+```tsx
+interface MyButtonProps {
+  children: React.ReactNode;
+  onClick: () => void;
+  variant?: "primary" | "secondary";
+  className?: string;
+}
+
+export const MyButton = ({
+  children,
+  onClick,
+  variant = "primary",
+  className,
+}: MyButtonProps) => (
+  <button
+    onClick={onClick}
+    className={clsx(
+      "rounded-lg px-4 py-2 font-medium transition-all",
+      {
+        "bg-primary text-white hover:bg-primary-dark": variant === "primary",
+        "bg-secondary text-white hover:bg-secondary-dark": variant === "secondary",
+      },
+      className
+    )}
+  >
+    {children}
+  </button>
+);
+```
+
+## Resources
+
+- [Tailwind CSS Documentation](https://tailwindcss.com/docs)
+- [React TypeScript Cheatsheet](https://react-typescript-cheatsheet.netlify.app/)
+- [Figma Design System](link-to-figma)
diff --git a/apps/university-web/REACT_COMPILER.md b/apps/university-web/REACT_COMPILER.md
new file mode 100644
index 00000000..945160a7
--- /dev/null
+++ b/apps/university-web/REACT_COMPILER.md
@@ -0,0 +1,24 @@
+# React Compiler rollout
+
+## Current setup
+
+- React Compiler is wired through top-level `reactCompiler` in `next.config.mjs`.
+- The web app runs on React 19 and Next.js 16, so compiled output can use React's built-in compiler runtime.
+- `react-compiler-runtime` is not installed because it is only needed when targeting React 17 or 18.
+- The compiler runs in `compilationMode: "annotation"` so only components or hooks with `"use memo"` are compiled.
+- `ChannelBadge` is the first annotated component. It is intentionally small and presentational to keep the first rollout low risk.
+
+## Rollout notes
+
+- A custom Babel config is intentionally not used because it disables SWC and conflicts with `next/font` in this Next.js app.
+- Keep `babel-plugin-react-compiler` aligned with the React Compiler rollout notes when upgrading Next or React.
+- Build time should be watched before widening compiler coverage.
+- Do not switch to full compilation until the app has a React Compiler lint/audit path. The current repo uses Biome instead of ESLint, so `eslint-plugin-react-hooks` `recommended-latest` is a follow-up decision rather than part of this first slice.
+- For any component that behaves incorrectly after annotation, remove `"use memo"` or add `"use no memo"` while investigating.
+- Re-check the required `babel-plugin-react-compiler` version whenever Next or React is upgraded.
+- When verifying compiled output on React 19, look for `react/compiler-runtime` rather than `react-compiler-runtime`.
+
+## Verification
+
+- Run `pnpm --filter @solid-connect/web build` and confirm the compiled server/client output references `react/compiler-runtime`.
+- Run `pnpm --filter @solid-connect/web ci:check` before merging.
diff --git a/apps/university-web/biome.json b/apps/university-web/biome.json
new file mode 100644
index 00000000..b776eb42
--- /dev/null
+++ b/apps/university-web/biome.json
@@ -0,0 +1,42 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.12/schema.json",
+  "extends": ["../../packages/config/biome/base.json"],
+  "files": {
+    "includes": ["**", "!node_modules", "!.next", "!build", "!dist", "!*.tsbuildinfo"]
+  },
+  "vcs": {
+    "useIgnoreFile": false
+  },
+  "linter": {
+    "rules": {
+      "a11y": {
+        "noStaticElementInteractions": "off",
+        "useKeyWithClickEvents": "off",
+        "useButtonType": "off",
+        "useFocusableInteractive": "off",
+        "useHtmlLang": "off",
+        "useSemanticElements": "off",
+        "noSvgWithoutTitle": "off"
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off"
+      },
+      "performance": {
+        "noImgElement": "off"
+      },
+      "correctness": {
+        "noUnusedVariables": "off",
+        "noUnusedFunctionParameters": "off"
+      },
+      "style": {
+        "noNonNullAssertion": "off"
+      },
+      "suspicious": {
+        "noConsole": "error",
+        "noExplicitAny": "error",
+        "noUnknownAtRules": "off",
+        "useIterableCallbackReturn": "off"
+      }
+    }
+  }
+}
diff --git a/apps/university-web/components.json b/apps/university-web/components.json
new file mode 100644
index 00000000..1d82d929
--- /dev/null
+++ b/apps/university-web/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
diff --git a/apps/university-web/headver.json b/apps/university-web/headver.json
new file mode 100644
index 00000000..2a27d7de
--- /dev/null
+++ b/apps/university-web/headver.json
@@ -0,0 +1,3 @@
+{
+  "head": 34
+}
diff --git a/apps/university-web/images.d.ts b/apps/university-web/images.d.ts
new file mode 100644
index 00000000..25565b95
--- /dev/null
+++ b/apps/university-web/images.d.ts
@@ -0,0 +1,41 @@
+declare module "*.png" {
+  const content: StaticImageData;
+  export default content;
+}
+
+declare module "*.jpg" {
+  const content: StaticImageData;
+  export default content;
+}
+
+declare module "*.jpeg" {
+  const content: StaticImageData;
+  export default content;
+}
+
+declare module "*.gif" {
+  const content: StaticImageData;
+  export default content;
+}
+
+declare module "*.webp" {
+  const content: StaticImageData;
+  export default content;
+}
+
+declare module "*.ico" {
+  const content: StaticImageData;
+  export default content;
+}
+
+declare module "*.bmp" {
+  const content: StaticImageData;
+  export default content;
+}
+
+interface StaticImageData {
+  src: string;
+  height: number;
+  width: number;
+  blurDataURL?: string;
+}
diff --git a/apps/university-web/instrumentation.ts b/apps/university-web/instrumentation.ts
new file mode 100644
index 00000000..f8a929ba
--- /dev/null
+++ b/apps/university-web/instrumentation.ts
@@ -0,0 +1,9 @@
+export async function register() {
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    await import("./sentry.server.config");
+  }
+
+  if (process.env.NEXT_RUNTIME === "edge") {
+    await import("./sentry.edge.config");
+  }
+}
diff --git a/apps/university-web/next.config.mjs b/apps/university-web/next.config.mjs
new file mode 100644
index 00000000..062a5609
--- /dev/null
+++ b/apps/university-web/next.config.mjs
@@ -0,0 +1,136 @@
+// Injected content via Sentry wizard below
+
+import bundleAnalyzer from "@next/bundle-analyzer";
+import { withSentryConfig } from "@sentry/nextjs";
+
+const shouldRunBundleAnalyzer = process.env.ANALYZE === "true";
+const svgComponentLoaders = ["@svgr/webpack"];
+
+const withBundleAnalyzer = bundleAnalyzer({
+  enabled: shouldRunBundleAnalyzer,
+});
+
+const imageRemotePatterns = [
+  "k.kakaocdn.net",
+  "cdn.default.solid-connection.com",
+  "cdn.upload.solid-connection.com",
+].map((hostname) => ({
+  protocol: "https",
+  hostname,
+}));
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  assetPrefix: "/university-static",
+  transpilePackages: ["@solid-connect/ai-inspector"],
+  reactCompiler: {
+    compilationMode: "annotation",
+  },
+  turbopack: {
+    rules: {
+      "*.svg": {
+        loaders: svgComponentLoaders,
+        as: "*.js",
+      },
+    },
+  },
+  images: {
+    unoptimized: true,
+    remotePatterns: imageRemotePatterns,
+    formats: ["image/avif", "image/webp"],
+    deviceSizes: [360, 640, 768, 1024, 1280],
+  },
+  // 압축 활성화
+  compress: true,
+  // 정적 리소스 최적화
+  experimental: {
+    optimizeCss: true,
+    gzipSize: true,
+    optimizePackageImports: [
+      "lucide-react",
+      "@radix-ui/react-select",
+      "@radix-ui/react-checkbox",
+      "@radix-ui/react-label",
+      "@radix-ui/react-progress",
+      "@tanstack/react-query",
+      "class-variance-authority",
+      "tailwind-merge",
+      "zod",
+      "react-hook-form",
+      "@hookform/resolvers",
+    ],
+  },
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  ...(shouldRunBundleAnalyzer
+    ? {
+        webpack: (config) => {
+          // Bundle analyzer still runs through webpack because it is webpack-plugin based.
+          if (!config.optimization) {
+            config.optimization = {};
+          }
+          if (!config.optimization.splitChunks) {
+            config.optimization.splitChunks = {};
+          }
+          if (!config.optimization.splitChunks.cacheGroups) {
+            config.optimization.splitChunks.cacheGroups = {};
+          }
+
+          config.optimization.splitChunks.cacheGroups.styles = {
+            name: "styles",
+            test: /\.(css|scss)$/,
+            chunks: "all",
+            enforce: true,
+          };
+
+          config.module.rules.push({
+            test: /\.svg$/,
+            use: svgComponentLoaders,
+          });
+          return config;
+        },
+      }
+    : {}),
+};
+
+export default withSentryConfig(
+  withBundleAnalyzer(nextConfig),
+  {
+    // For all available options, see:
+    // https://github.com/getsentry/sentry-webpack-plugin#options
+
+    // Suppresses source map uploading logs during build
+    silent: true,
+    org: process.env.SENTRY_ORG,
+    project: process.env.SENTRY_PROJECT,
+    authToken: process.env.SENTRY_AUTH_TOKEN,
+  },
+  {
+    // For all available options, see:
+    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+
+    // Upload a larger set of source maps for prettier stack traces (increases build time)
+    widenClientFileUpload: true,
+
+    // IE11 지원 불필요 - 번들 사이즈 최적화를 위해 비활성화
+    transpileClientSDK: false,
+
+    // Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers. (increases server load)
+    // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
+    // side errors will fail.
+    tunnelRoute: "/university/monitoring",
+
+    // Hides source maps from generated client bundles
+    hideSourceMaps: true,
+
+    // Automatically tree-shake Sentry logger statements to reduce bundle size
+    disableLogger: true,
+
+    // Enables automatic instrumentation of Vercel Cron Monitors.
+    // See the following for more information:
+    // https://docs.sentry.io/product/crons/
+    // https://vercel.com/docs/cron-jobs
+    automaticVercelMonitors: true,
+  },
+);
diff --git a/apps/university-web/package.json b/apps/university-web/package.json
new file mode 100644
index 00000000..de8b9412
--- /dev/null
+++ b/apps/university-web/package.json
@@ -0,0 +1,65 @@
+{
+  "name": "@solid-connect/university-web",
+  "version": "2.2445",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --port 3001",
+    "build": "next build",
+    "start": "next start",
+    "lint": "biome check --write .",
+    "lint:check": "biome check .",
+    "format": "biome format --write .",
+    "format:check": "biome format .",
+    "typecheck": "tsc --noEmit",
+    "typecheck:ci": "tsc --noEmit -p tsconfig.ci.json",
+    "ci:check": "pnpm run lint:check && pnpm run typecheck:ci",
+    "analyze": "ANALYZE=true next build --webpack"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@next/third-parties": "^16.2.6",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-select": "^2.1.6",
+    "@react-google-maps/api": "^2.19.2",
+    "@sentry/nextjs": "^10.22.0",
+    "@solid-connect/ai-inspector": "workspace:^",
+    "@stomp/stompjs": "^7.1.1",
+    "@tanstack/react-query": "^5.84.1",
+    "@tanstack/react-query-devtools": "^5.84.1",
+    "@tanstack/react-virtual": "^3.13.12",
+    "@vercel/speed-insights": "^1.3.1",
+    "axios": "^1.6.7",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "firebase-admin": "^13.7.0",
+    "linkify-react": "^4.3.2",
+    "linkifyjs": "^4.3.2",
+    "lucide-react": "^0.479.0",
+    "next": "^16.2.6",
+    "next-render-analyzer": "^0.1.2",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-hook-form": "^7.60.0",
+    "react-hot-toast": "^2.6.0",
+    "sockjs-client": "^1.6.1",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^4.0.0",
+    "zustand": "^5.0.7"
+  },
+  "devDependencies": {
+    "@next/bundle-analyzer": "^16.2.6",
+    "@svgr/webpack": "^8.1.0",
+    "@types/node": "^20.11.19",
+    "@types/react": "19.2.15",
+    "@types/react-dom": "19.2.3",
+    "autoprefixer": "^10.4.20",
+    "babel-plugin-react-compiler": "1.0.0",
+    "critters": "^0.0.23",
+    "postcss": "^8.4.45",
+    "tailwindcss": "^3.4.10",
+    "typescript": "^5.3.3"
+  }
+}
diff --git a/apps/university-web/postcss.config.js b/apps/university-web/postcss.config.js
new file mode 100644
index 00000000..fcac40ac
--- /dev/null
+++ b/apps/university-web/postcss.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {
+      config: "./tailwind.config.ts",
+    },
+    autoprefixer: {},
+  },
+};
diff --git a/apps/university-web/public/fonts/PretendardVariable.woff2 b/apps/university-web/public/fonts/PretendardVariable.woff2
new file mode 100644
index 00000000..49c54b51
Binary files /dev/null and b/apps/university-web/public/fonts/PretendardVariable.woff2 differ
diff --git a/apps/university-web/public/icons/favicon_256.ico b/apps/university-web/public/icons/favicon_256.ico
new file mode 100644
index 00000000..ec7d51d1
Binary files /dev/null and b/apps/university-web/public/icons/favicon_256.ico differ
diff --git a/apps/university-web/public/icons/favicon_32.ico b/apps/university-web/public/icons/favicon_32.ico
new file mode 100644
index 00000000..ec7d51d1
Binary files /dev/null and b/apps/university-web/public/icons/favicon_32.ico differ
diff --git a/apps/university-web/public/icons/favicon_48.ico b/apps/university-web/public/icons/favicon_48.ico
new file mode 100644
index 00000000..ec7d51d1
Binary files /dev/null and b/apps/university-web/public/icons/favicon_48.ico differ
diff --git a/apps/university-web/public/images/article-thumb.png b/apps/university-web/public/images/article-thumb.png
new file mode 100644
index 00000000..c48e5bf0
Binary files /dev/null and b/apps/university-web/public/images/article-thumb.png differ
diff --git a/apps/university-web/public/images/check-grade.jpeg b/apps/university-web/public/images/check-grade.jpeg
new file mode 100644
index 00000000..bd143abb
Binary files /dev/null and b/apps/university-web/public/images/check-grade.jpeg differ
diff --git a/apps/university-web/public/images/gpa-cert-example-1.png b/apps/university-web/public/images/gpa-cert-example-1.png
new file mode 100644
index 00000000..25b80206
Binary files /dev/null and b/apps/university-web/public/images/gpa-cert-example-1.png differ
diff --git a/apps/university-web/public/images/gpa-cert-example-2.png b/apps/university-web/public/images/gpa-cert-example-2.png
new file mode 100644
index 00000000..56eb1345
Binary files /dev/null and b/apps/university-web/public/images/gpa-cert-example-2.png differ
diff --git a/apps/university-web/public/images/gpa-cert-example-3.png b/apps/university-web/public/images/gpa-cert-example-3.png
new file mode 100644
index 00000000..b3de591d
Binary files /dev/null and b/apps/university-web/public/images/gpa-cert-example-3.png differ
diff --git a/apps/university-web/public/images/lang-cert-example-1.png b/apps/university-web/public/images/lang-cert-example-1.png
new file mode 100644
index 00000000..0cbbe0e5
Binary files /dev/null and b/apps/university-web/public/images/lang-cert-example-1.png differ
diff --git a/apps/university-web/public/images/language/default.png b/apps/university-web/public/images/language/default.png
new file mode 100644
index 00000000..1a17bca5
Binary files /dev/null and b/apps/university-web/public/images/language/default.png differ
diff --git a/apps/university-web/public/images/language/ielts.png b/apps/university-web/public/images/language/ielts.png
new file mode 100644
index 00000000..6218faaf
Binary files /dev/null and b/apps/university-web/public/images/language/ielts.png differ
diff --git a/apps/university-web/public/images/language/toefl_ibt.png b/apps/university-web/public/images/language/toefl_ibt.png
new file mode 100644
index 00000000..e8968e74
Binary files /dev/null and b/apps/university-web/public/images/language/toefl_ibt.png differ
diff --git a/apps/university-web/public/images/language/toefl_itp.png b/apps/university-web/public/images/language/toefl_itp.png
new file mode 100644
index 00000000..a27b3750
Binary files /dev/null and b/apps/university-web/public/images/language/toefl_itp.png differ
diff --git a/apps/university-web/public/images/language/toeic.png b/apps/university-web/public/images/language/toeic.png
new file mode 100644
index 00000000..1a17bca5
Binary files /dev/null and b/apps/university-web/public/images/language/toeic.png differ
diff --git a/apps/university-web/public/images/onboarding-1.jpeg b/apps/university-web/public/images/onboarding-1.jpeg
new file mode 100644
index 00000000..1452cae8
Binary files /dev/null and b/apps/university-web/public/images/onboarding-1.jpeg differ
diff --git a/apps/university-web/public/images/onboarding-2.jpeg b/apps/university-web/public/images/onboarding-2.jpeg
new file mode 100644
index 00000000..a908f52d
Binary files /dev/null and b/apps/university-web/public/images/onboarding-2.jpeg differ
diff --git a/apps/university-web/public/images/onboarding-3.jpeg b/apps/university-web/public/images/onboarding-3.jpeg
new file mode 100644
index 00000000..89ed5cff
Binary files /dev/null and b/apps/university-web/public/images/onboarding-3.jpeg differ
diff --git a/apps/university-web/public/images/onboarding-4.jpeg b/apps/university-web/public/images/onboarding-4.jpeg
new file mode 100644
index 00000000..d40e091b
Binary files /dev/null and b/apps/university-web/public/images/onboarding-4.jpeg differ
diff --git a/apps/university-web/public/images/placeholder/profile112.png b/apps/university-web/public/images/placeholder/profile112.png
new file mode 100644
index 00000000..41b6ca43
Binary files /dev/null and b/apps/university-web/public/images/placeholder/profile112.png differ
diff --git a/apps/university-web/public/images/placeholder/profile64.svg b/apps/university-web/public/images/placeholder/profile64.svg
new file mode 100644
index 00000000..b8a94408
--- /dev/null
+++ b/apps/university-web/public/images/placeholder/profile64.svg
@@ -0,0 +1,9 @@
+<svg width="86" height="86" viewBox="0 0 86 86" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="43" cy="43" r="42.5" fill="white" stroke="#DDDDDF"/>
+<mask id="mask0_2620_39830" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="86" height="86">
+<circle cx="43" cy="43" r="43" fill="#EFEEFF"/>
+</mask>
+<g mask="url(#mask0_2620_39830)">
+<path d="M42.9993 15.4799C47.333 15.4799 51.4891 17.2037 54.5535 20.2722C57.6178 23.3407 59.3393 27.5025 59.3393 31.8419C59.3393 36.1814 57.6178 40.3432 54.5535 43.4117C51.4891 46.4801 47.333 48.204 42.9993 48.204C38.6657 48.204 34.5096 46.4801 31.4452 43.4117C28.3809 40.3432 26.6593 36.1814 26.6593 31.8419C26.6593 27.5025 28.3809 23.3407 31.4452 20.2722C34.5096 17.2037 38.6657 15.4799 42.9993 15.4799ZM42.9993 56.385C61.055 56.385 75.6793 63.707 75.6793 72.7471V99.6276C50.1547 108.977 35.844 108.977 10.3193 99.6276V72.7471C10.3193 63.707 24.9436 56.385 42.9993 56.385Z" fill="#DDDDDF"/>
+</g>
+</svg>
diff --git a/apps/university-web/public/images/rabbit.png b/apps/university-web/public/images/rabbit.png
new file mode 100644
index 00000000..b8ef5d25
Binary files /dev/null and b/apps/university-web/public/images/rabbit.png differ
diff --git a/apps/university-web/public/images/region_america.jpeg b/apps/university-web/public/images/region_america.jpeg
new file mode 100644
index 00000000..45557b96
Binary files /dev/null and b/apps/university-web/public/images/region_america.jpeg differ
diff --git a/apps/university-web/public/images/region_asia.jpeg b/apps/university-web/public/images/region_asia.jpeg
new file mode 100644
index 00000000..244bee84
Binary files /dev/null and b/apps/university-web/public/images/region_asia.jpeg differ
diff --git a/apps/university-web/public/images/region_china.jpeg b/apps/university-web/public/images/region_china.jpeg
new file mode 100644
index 00000000..b7b7ae4f
Binary files /dev/null and b/apps/university-web/public/images/region_china.jpeg differ
diff --git a/apps/university-web/public/images/region_europe.jpeg b/apps/university-web/public/images/region_europe.jpeg
new file mode 100644
index 00000000..8722b9a9
Binary files /dev/null and b/apps/university-web/public/images/region_europe.jpeg differ
diff --git a/apps/university-web/public/images/site-thumbnail.png b/apps/university-web/public/images/site-thumbnail.png
new file mode 100644
index 00000000..874f611a
Binary files /dev/null and b/apps/university-web/public/images/site-thumbnail.png differ
diff --git a/apps/university-web/public/images/survey-complete-icon.png b/apps/university-web/public/images/survey-complete-icon.png
new file mode 100644
index 00000000..bdd44379
Binary files /dev/null and b/apps/university-web/public/images/survey-complete-icon.png differ
diff --git a/apps/university-web/public/images/survey-modal/arrow-right.svg b/apps/university-web/public/images/survey-modal/arrow-right.svg
new file mode 100644
index 00000000..035a61cf
--- /dev/null
+++ b/apps/university-web/public/images/survey-modal/arrow-right.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="teenyicons:right-outline">
+<path id="Vector" d="M6 13L12 7L6 1" stroke="var(--stroke-0, white)" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>
diff --git a/apps/university-web/public/images/survey-modal/bg-vector.svg b/apps/university-web/public/images/survey-modal/bg-vector.svg
new file mode 100644
index 00000000..99e2b6e2
--- /dev/null
+++ b/apps/university-web/public/images/survey-modal/bg-vector.svg
@@ -0,0 +1,17 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 464 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Vector 13" opacity="0.32" filter="url(#filter0_f_0_25)">
+<path d="M50 310C144.78 228.564 310.521 53.0299 315.832 50L389.106 61.904L360.55 106.023L280.128 201.576L392.979 125.822L414 151.389L244.724 259.339L50 310Z" fill="url(#paint0_linear_0_25)"/>
+</g>
+<defs>
+<filter id="filter0_f_0_25" x="0" y="0" width="464" height="360" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_0_25"/>
+</filter>
+<linearGradient id="paint0_linear_0_25" x1="274.56" y1="103.863" x2="328.97" y2="241.008" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5950F6"/>
+<stop offset="0.485577" stop-color="#034FE9"/>
+<stop offset="1" stop-color="#08BBF5"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/university-web/public/images/survey-modal/checkbox-circle.svg b/apps/university-web/public/images/survey-modal/checkbox-circle.svg
new file mode 100644
index 00000000..3cce0f57
--- /dev/null
+++ b/apps/university-web/public/images/survey-modal/checkbox-circle.svg
@@ -0,0 +1,3 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle id="Ellipse 1" cx="11" cy="11" r="10.5" stroke="var(--stroke-0, #D9D9D9)"/>
+</svg>
diff --git a/apps/university-web/public/images/survey-modal/top-logo.svg b/apps/university-web/public/images/survey-modal/top-logo.svg
new file mode 100644
index 00000000..d1a12e3f
--- /dev/null
+++ b/apps/university-web/public/images/survey-modal/top-logo.svg
@@ -0,0 +1,27 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 109 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#235;&#160;&#136;&#236;&#157;&#180;&#236;&#150;&#180; 1">
+<path id="Vector" d="M30.5151 6.27516C30.3945 6.27516 30.2717 6.27516 30.1489 6.28273C28.9899 4.29144 27.3048 2.65414 25.2765 1.54864C23.2482 0.44313 20.9542 -0.0883285 18.6437 0.0119721C16.3333 0.112273 14.0945 0.840499 12.1707 2.11757C10.2469 3.39464 8.71147 5.17175 7.73122 7.2559C6.34661 7.51729 5.03778 8.08184 3.89953 8.90865C2.76128 9.73545 1.82211 10.8038 1.15005 12.0363C0.478002 13.2689 0.0898947 14.6347 0.0138462 16.0349C-0.0622023 17.4351 0.175713 18.8346 0.710356 20.132C1.245 21.4294 2.06299 22.5922 3.10506 23.5363C4.14713 24.4803 5.38719 25.1819 6.73542 25.5902C8.08365 25.9986 9.50628 26.1034 10.9003 25.8972C12.2942 25.6909 13.6247 25.1788 14.7952 24.3978C16.2015 24.9173 17.6898 25.1828 19.19 25.1817C19.4269 25.1817 19.6736 25.1742 19.9268 25.1601H29.8968C30.1261 25.1742 30.3217 25.1817 30.5108 25.1817C30.6999 25.1817 30.8955 25.1742 31.1248 25.1601H32.1235V25.0455C34.4659 24.6407 36.5707 23.377 38.0225 21.5037C39.4743 19.6305 40.1676 17.2838 39.9656 14.9269C39.7637 12.5699 38.6811 10.3739 36.9315 8.77221C35.182 7.17054 32.8926 6.27958 30.5151 6.27516ZM29.7305 17.5996C29.5879 17.0923 29.348 16.6172 29.0241 16.2004C28.6089 15.6825 28.0786 15.3354 27.4026 15.0964C28.0389 14.8924 28.6026 14.5102 29.0263 13.9957C29.3508 13.5769 29.5907 13.0996 29.7327 12.59C29.8747 13.0993 30.1142 13.5766 30.438 13.9957C30.8607 14.5111 31.4242 14.8941 32.0605 15.0986C31.3834 15.3397 30.8531 15.6847 30.438 16.2026C30.1141 16.6196 29.874 17.0946 29.7305 17.6018V17.5996ZM9.51676 9.08979C11.0353 9.08838 12.5184 9.54606 13.7697 10.4022C15.0209 11.2583 15.9812 12.4725 16.5233 13.8839C17.0653 15.2953 17.1637 16.8372 16.8052 18.3054C16.4467 19.7736 15.6483 21.0988 14.5159 22.1054C12.1756 20.9681 10.3358 19.0163 9.3448 16.6198C8.3538 14.2233 8.28043 11.5484 9.13857 9.10168C9.26463 9.0952 9.38852 9.09195 9.51241 9.09195L9.51676 9.08979ZM9.51676 24.0118C7.75825 24.0107 6.05607 23.3946 4.70775 22.2714C3.35943 21.1482 2.45075 19.5892 2.14053 17.867C1.83031 16.1447 2.13829 14.3688 3.01065 12.8496C3.883 11.3304 5.26422 10.1645 6.91289 9.55583C6.26284 12.1575 6.46442 14.8976 7.48829 17.3774C8.51216 19.8571 10.3049 21.9469 12.6053 23.3424C11.6342 23.7824 10.5794 24.0095 9.51241 24.0085L9.51676 24.0118ZM19.8758 23.1716H19.8453C19.628 23.1846 19.4106 23.1911 19.1987 23.1911C18.3166 23.1911 17.4379 23.0822 16.5829 22.8667C17.7783 21.5441 18.5744 19.9127 18.8795 18.16C19.1846 16.4074 18.9864 14.6046 18.3077 12.959C17.629 11.3134 16.4972 9.89184 15.0427 8.85771C13.5881 7.82358 11.8697 7.21889 10.0851 7.11317C11.0675 5.49765 12.4659 4.17264 14.1357 3.27525C15.8054 2.37786 17.6857 1.94067 19.5822 2.00892C21.4787 2.07717 23.3225 2.64838 24.9227 3.66345C26.5229 4.67852 27.8214 6.10058 28.6839 7.78249L28.9991 8.39559H29.011C28.8643 11.0188 28.6492 12.4483 28.033 13.2128C27.3277 14.093 25.9138 14.2736 22.8546 14.4736V15.7279C25.9138 15.929 27.3277 16.1085 28.033 16.9887C28.7383 17.8689 28.9198 19.6628 29.0752 23.1738L19.8758 23.1716ZM31.0574 23.1716H31.0194C30.8281 23.1846 30.6684 23.19 30.5195 23.19H30.3858C30.5412 19.666 30.7118 17.8765 31.428 16.9865C32.1442 16.0966 33.5483 15.9269 36.6064 15.7257V14.4714C33.5483 14.2714 32.1333 14.0908 31.428 13.2106C30.8053 12.4353 30.5945 10.9734 30.4499 8.27449H30.5227C32.4527 8.29237 34.3015 9.05 35.6843 10.3897C37.067 11.7295 37.8774 13.5481 37.9467 15.4673C38.016 17.3864 37.3389 19.2582 36.0563 20.6932C34.7737 22.1283 32.9844 23.016 31.0607 23.1716H31.0574Z" fill="url(#paint0_linear_0_6)"/>
+<path id="Vector_2" d="M45 11.3018L46.2158 10.1632C46.6947 10.8171 47.493 11.4484 48.7088 11.4484C49.5684 11.4484 50.0228 11.0763 50.0228 10.5916C50.0228 10.2421 49.814 9.90391 48.8561 9.77991L48.193 9.68972C46.6456 9.48475 45.6252 8.66487 45.6252 7.44632C45.6252 6.04842 46.8287 5 48.7322 5C50.034 5 51.127 5.51243 51.7656 6.21752L50.5877 7.38893C50.0753 6.8765 49.4054 6.55572 48.6965 6.55572C48.0088 6.55572 47.6035 6.89392 47.6035 7.25467C47.6035 7.59287 47.886 7.88598 48.5368 7.97207L49.2 8.06225C50.9684 8.30309 52 9.13117 52 10.4635C52 12.0008 50.6 13 48.6719 13C46.6825 13.0041 45.6096 12.1032 45 11.3018Z" fill="var(--fill-0, black)"/>
+<path id="Vector_3" d="M52 10.5C52 8.73732 53.1243 7 55.4989 7C57.8734 7 59 8.73732 59 10.5C59 12.2627 57.8757 14 55.4989 14C53.1221 14 52 12.2627 52 10.5ZM57.083 10.5C57.083 9.40942 56.4264 8.69928 55.4989 8.69928C54.5713 8.69928 53.9158 9.41288 53.9158 10.5C53.9158 11.5871 54.5713 12.3007 55.4989 12.3007C56.4264 12.3007 57.083 11.5906 57.083 10.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_4" d="M60 5H62V13H60V5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_5" d="M63 5H65V6.80683H63V5ZM63 7.64576H65V14H63V7.64576Z" fill="var(--fill-0, black)"/>
+<path id="Vector_6" d="M71.081 13.1664C70.8304 13.4305 70.528 13.6407 70.1925 13.7841C69.8569 13.9275 69.4953 14.001 69.1301 14C67.3089 14 66 12.6687 66 10.5785C66 8.48825 67.3089 7.15697 69.1301 7.15697C69.497 7.15502 69.8603 7.22927 70.1966 7.37496C70.5329 7.52066 70.8349 7.73458 71.0832 8.00301V5H73V13.8337H71.081V13.1664ZM71.081 11.4992V9.67022C70.8055 9.12278 70.2046 8.82418 69.6013 8.82418C68.6498 8.82418 67.9361 9.44627 67.9361 10.5785C67.9361 11.7107 68.6498 12.3328 69.6013 12.3328C70.2046 12.3328 70.8055 12.0342 71.081 11.4992Z" fill="var(--fill-0, black)"/>
+<path id="Vector_7" d="M45 21.5C45 19.7436 46.1155 18 48.2524 18C49.4971 18 50.3659 18.6109 51 19.6418L49.7671 20.6982C49.4469 20.1509 49.0199 19.7055 48.3581 19.7055C47.3836 19.7055 46.82 20.4182 46.82 21.5C46.82 22.5818 47.3836 23.2945 48.3581 23.2945C49.0157 23.2945 49.4501 22.8491 49.7671 22.3018L51 23.3582C50.3659 24.3891 49.4971 25 48.2524 25C46.1187 25 45 23.2564 45 21.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_8" d="M52 21.5C52 19.7373 53.1243 18 55.5 18C57.8757 18 59 19.7373 59 21.5C59 23.2627 57.8757 25 55.5 25C53.1243 25 52 23.2627 52 21.5ZM57.083 21.5C57.083 20.4094 56.4276 19.6993 55.5 19.6993C54.5724 19.6993 53.917 20.4094 53.917 21.5C53.917 22.5906 54.5724 23.3007 55.5 23.3007C56.4276 23.3007 57.0819 22.5906 57.0819 21.5H57.083Z" fill="var(--fill-0, black)"/>
+<path id="Vector_9" d="M60 18.1431H61.8071V18.9046C62.1378 18.3797 62.7874 18 63.7087 18C65.3268 18 66 19.0944 66 20.5381V24H64.1929V20.7117C64.1929 19.9188 63.815 19.4934 63.0118 19.4934C62.7327 19.4943 62.4621 19.5841 62.2435 19.7482C62.025 19.9123 61.8712 20.1412 61.8071 20.398V23.9939H60V18.1431Z" fill="var(--fill-0, black)"/>
+<path id="Vector_10" d="M67 18.1431H68.8071V18.9046C69.1378 18.3797 69.7874 18 70.7087 18C72.3268 18 73 19.0944 73 20.5381V24H71.1929V20.7117C71.1929 19.9188 70.815 19.4934 70.0118 19.4934C69.7327 19.4943 69.4621 19.5841 69.2436 19.7482C69.025 19.9123 68.8712 20.1412 68.8071 20.398V23.9939H67V18.1431Z" fill="var(--fill-0, black)"/>
+<path id="Vector_11" d="M74 21.5195C74 19.4103 75.3154 18 77.0923 18C78.8692 18 80 19.296 80 21.24C79.9941 21.5078 79.9748 21.775 79.9423 22.0405H75.7381C75.8766 22.8028 76.3612 23.3492 77.365 23.3492C78.0573 23.3492 78.6112 22.9045 78.9112 22.4852L79.85 23.7673C79.5242 24.1608 79.1265 24.474 78.6831 24.6864C78.2397 24.8988 77.7605 25.0056 77.2769 24.9998C75.2462 25.0009 74 23.4208 74 21.5195ZM75.8 20.6301H78.2923C78.2231 19.9313 77.7846 19.5628 77.0923 19.5628C76.4462 19.5628 75.9962 19.9186 75.8 20.6301Z" fill="var(--fill-0, black)"/>
+<path id="Vector_12" d="M81 21.5C81 19.7436 82.1155 18 84.2524 18C85.4971 18 86.3659 18.6109 87 19.6418L85.7671 20.6982C85.4469 20.1509 85.0199 19.7055 84.3581 19.7055C83.3836 19.7055 82.82 20.4182 82.82 21.5C82.82 22.5818 83.3836 23.2945 84.3581 23.2945C85.0157 23.2945 85.4501 22.8491 85.7671 22.3018L87 23.3582C86.3659 24.3891 85.4971 25 84.2524 25C82.1155 25 81 23.2564 81 21.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_13" d="M87.9632 22.3582V20.0534H87V18.5914H88.0198V17H89.6969V18.5914H91V20.0523H89.6969V22.4669C89.6969 23.1912 90.0368 23.4547 90.6714 23.4547H91V24.9155C90.7499 24.9681 90.4957 24.9964 90.2408 25C88.7337 25.0022 87.9632 24.2054 87.9632 22.3582Z" fill="var(--fill-0, black)"/>
+<path id="Vector (Stroke)" d="M89.5355 17.1718H88.1811V18.7632H87.1613V19.8816H88.1245V22.3582C88.1245 23.2603 88.313 23.8699 88.6541 24.2547C88.993 24.637 89.511 24.8288 90.2392 24.828C90.4401 24.8251 90.6405 24.8062 90.8387 24.7716V23.6266H90.6713C90.3382 23.6266 90.0465 23.5584 89.8387 23.3606C89.627 23.1591 89.5355 22.8554 89.5355 22.467V19.8804H90.8387V18.7632H89.5355V17.1718ZM91 18.5914V20.0522H89.6968V22.467L89.6979 22.5334C89.7178 23.1857 90.0351 23.4383 90.6127 23.4539L90.6713 23.4548H91V24.9156C90.7499 24.9682 90.4957 24.9964 90.2408 25L90.1017 24.9978C88.732 24.9529 88.0105 24.1988 87.9654 22.5284L87.9632 22.3582V20.0534H87V18.5914H88.0199V17H89.6968V18.5914H91Z" fill="var(--fill-0, black)"/>
+<path id="Vector_14" d="M92 16H94V17.8068H92V16ZM92 18.6458H94V25H92V18.6458Z" fill="var(--fill-0, black)"/>
+<path id="Vector_15" d="M95 21.5C95 19.7373 96.1243 18 98.5 18C100.876 18 102 19.7373 102 21.5C102 23.2627 100.876 25 98.5 25C96.1243 25 95 23.2627 95 21.5ZM100.083 21.5C100.083 20.4094 99.4276 19.6993 98.5 19.6993C97.5724 19.6993 96.917 20.4094 96.917 21.5C96.917 22.5906 97.5724 23.3007 98.5 23.3007C99.4276 23.3007 100.083 22.5906 100.083 21.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_16" d="M103 18.1431H104.807V18.9046C105.138 18.3797 105.787 18 106.709 18C108.327 18 109 19.0944 109 20.5381V24H107.188V20.7117C107.188 19.9188 106.81 19.4934 106.006 19.4934C105.727 19.4943 105.457 19.5841 105.238 19.7482C105.02 19.9123 104.866 20.1412 104.802 20.398V23.9939H103V18.1431Z" fill="var(--fill-0, black)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_6" x1="28.7443" y1="4.42" x2="9.49352" y2="21.6763" gradientUnits="userSpaceOnUse">
+<stop offset="0.060612" stop-color="#5950F6"/>
+<stop offset="1" stop-color="#2AA4E2"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/university-web/public/images/univs/incheon.png b/apps/university-web/public/images/univs/incheon.png
new file mode 100644
index 00000000..b849061a
Binary files /dev/null and b/apps/university-web/public/images/univs/incheon.png differ
diff --git a/apps/university-web/public/images/univs/inha.png b/apps/university-web/public/images/univs/inha.png
new file mode 100644
index 00000000..dbb99bba
Binary files /dev/null and b/apps/university-web/public/images/univs/inha.png differ
diff --git a/apps/university-web/public/images/univs/sungshin.jpg b/apps/university-web/public/images/univs/sungshin.jpg
new file mode 100644
index 00000000..a95d01b3
Binary files /dev/null and b/apps/university-web/public/images/univs/sungshin.jpg differ
diff --git a/apps/university-web/public/images/univs/sungsin.jpg b/apps/university-web/public/images/univs/sungsin.jpg
new file mode 100644
index 00000000..a95d01b3
Binary files /dev/null and b/apps/university-web/public/images/univs/sungsin.jpg differ
diff --git a/apps/university-web/public/images/unvis/incheon.png b/apps/university-web/public/images/unvis/incheon.png
new file mode 100644
index 00000000..b849061a
Binary files /dev/null and b/apps/university-web/public/images/unvis/incheon.png differ
diff --git a/apps/university-web/public/images/unvis/inha.png b/apps/university-web/public/images/unvis/inha.png
new file mode 100644
index 00000000..dbb99bba
Binary files /dev/null and b/apps/university-web/public/images/unvis/inha.png differ
diff --git a/apps/university-web/public/images/unvis/sungsin.jpg b/apps/university-web/public/images/unvis/sungsin.jpg
new file mode 100644
index 00000000..a95d01b3
Binary files /dev/null and b/apps/university-web/public/images/unvis/sungsin.jpg differ
diff --git a/apps/university-web/public/naver79eaa7633f3e5bc9aede38c409737c21.html b/apps/university-web/public/naver79eaa7633f3e5bc9aede38c409737c21.html
new file mode 100644
index 00000000..883dd4bd
--- /dev/null
+++ b/apps/university-web/public/naver79eaa7633f3e5bc9aede38c409737c21.html
@@ -0,0 +1 @@
+naver-site-verification: naver79eaa7633f3e5bc9aede38c409737c21.html
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/applicant-banner.svg b/apps/university-web/public/svgs/applicant-banner.svg
new file mode 100644
index 00000000..a578af05
--- /dev/null
+++ b/apps/university-web/public/svgs/applicant-banner.svg
@@ -0,0 +1,10 @@
+<svg width="36" height="48" viewBox="0 0 36 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1707478045">
+<rect id="Rectangle 3424" width="36" height="48" rx="4.66667" fill="white"/>
+<path id="Vector 8" d="M10.6665 4.6665V5.99984C10.6665 6.73622 11.2635 7.33317 11.9998 7.33317H23.9998C24.7362 7.33317 25.3332 6.73622 25.3332 5.99984V4.6665" stroke="#5A5B63" stroke-width="2" stroke-linecap="round"/>
+<g id="Group 1707478041">
+<path id="Vector 9" d="M26.5107 37.9998H9.75582C9.57235 37.9998 9.38877 37.9667 9.23153 37.8721C7.04939 36.5602 5.21231 30.6757 12.9191 28.7065C13.0225 28.6801 13.133 28.6665 13.2396 28.6665H22.4449C22.5309 28.6665 22.6205 28.6754 22.7047 28.6926C30.682 30.3237 28.9701 36.4132 27.0988 37.8298C26.9311 37.9568 26.721 37.9998 26.5107 37.9998Z" fill="#339660"/>
+<ellipse id="Ellipse 1264" cx="17.9901" cy="21.9998" rx="5.23863" ry="5.33333" fill="#339660"/>
+</g>
+</g>
+</svg>
diff --git a/apps/university-web/public/svgs/arrow-back-filled.svg b/apps/university-web/public/svgs/arrow-back-filled.svg
new file mode 100644
index 00000000..12341a3b
--- /dev/null
+++ b/apps/university-web/public/svgs/arrow-back-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="black" fillOpacity="0.54" />
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/auth/apple-logo.svg b/apps/university-web/public/svgs/auth/apple-logo.svg
new file mode 100644
index 00000000..f5281529
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/apple-logo.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path
+    d="M14.2086 16.9C13.392 17.6917 12.5003 17.5667 11.642 17.1917C10.7336 16.8083 9.9003 16.7917 8.94197 17.1917C7.74197 17.7083 7.10863 17.5583 6.39197 16.9C2.3253 12.7083 2.9253 6.325 7.54197 6.09167C8.66697 6.15 9.4503 6.70833 10.1086 6.75833C11.092 6.55833 12.0336 5.98333 13.0836 6.05833C14.342 6.15833 15.292 6.65833 15.917 7.55833C13.317 9.11667 13.9336 12.5417 16.317 13.5C15.842 14.75 15.2253 15.9917 14.2003 16.9083L14.2086 16.9ZM10.0253 6.04167C9.9003 4.18333 11.4086 2.65 13.142 2.5C13.3836 4.65 11.192 6.25 10.0253 6.04167Z"
+    fill="white"
+  />
+</svg>
diff --git a/apps/university-web/public/svgs/auth/email-icon.svg b/apps/university-web/public/svgs/auth/email-icon.svg
new file mode 100644
index 00000000..7701654c
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/email-icon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none">
+  <path
+    d="M1.8 14C1.305 14 0.8814 13.8288 0.5292 13.4864C0.177 13.144 0.0006 12.7318 0 12.25V1.75C0 1.26875 0.1764 0.856916 0.5292 0.5145C0.882 0.172083 1.3056 0.000583333 1.8 0H16.2C16.695 0 17.1189 0.1715 17.4717 0.5145C17.8245 0.8575 18.0006 1.26933 18 1.75V12.25C18 12.7312 17.8239 13.1434 17.4717 13.4864C17.1195 13.8294 16.6956 14.0006 16.2 14H1.8ZM9 7.875L16.2 3.5V1.75L9 6.125L1.8 1.75V3.5L9 7.875Z"
+    fill="white"
+  />
+</svg>
diff --git a/apps/university-web/public/svgs/auth/index.ts b/apps/university-web/public/svgs/auth/index.ts
new file mode 100644
index 00000000..ea097f61
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/index.ts
@@ -0,0 +1,19 @@
+import IconAppleLogo from "./apple-logo.svg";
+import IconEmailIcon from "./email-icon.svg";
+import IconKakaoLogo from "./kakao-logo.svg";
+import IconPrepare1 from "./prepare-1.svg";
+import IconPrepare2 from "./prepare-2.svg";
+import IconPrepare3 from "./prepare-3.svg";
+import IconSignupProfileImage from "./signup-profile-image.svg";
+
+export {
+  IconPrepare1,
+  IconPrepare2,
+  IconPrepare3,
+  IconSignupProfileImage,
+  IconKakaoLogo,
+  IconAppleLogo,
+  IconEmailIcon,
+};
+
+// Login page icons
diff --git a/apps/university-web/public/svgs/auth/kakao-logo.svg b/apps/university-web/public/svgs/auth/kakao-logo.svg
new file mode 100644
index 00000000..4faefd24
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/kakao-logo.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+>
+  <title>kakao 로고</title>
+  <path
+    fillRule="evenodd"
+    clipRule="evenodd"
+    d="M9.96052 3C5.83983 3 2.5 5.59377 2.5 8.79351C2.5 10.783 3.79233 12.537 5.75942 13.5807L4.9313 16.6204C4.85835 16.8882 5.1634 17.1029 5.39883 16.9479L9.02712 14.5398C9.33301 14.5704 9.64386 14.587 9.96052 14.587C14.0812 14.587 17.421 11.9932 17.421 8.79351C17.421 5.59377 14.0812 3 9.96052 3Z"
+    fill="black"
+  />
+</svg>
diff --git a/apps/university-web/public/svgs/auth/prepare-1.svg b/apps/university-web/public/svgs/auth/prepare-1.svg
new file mode 100644
index 00000000..7d6bd916
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/prepare-1.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="54" viewBox="0 0 40 54" fill="none">
+  <rect x="10" y="50" width="4" height="4" rx="2" fill="#5F6268"/>
+  <rect x="26" y="50" width="4" height="4" rx="2" fill="#5F6268"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5714 0C12.599 0 11 1.59898 11 3.57143V7.42857C11 9.40102 12.599 11 14.5714 11H16.4286C15.6396 11 15 10.3604 15 9.57143V5.42857C15 4.63959 15.6396 4 16.4286 4H23.5714C24.3604 4 25 4.63959 25 5.42857V9.57143C25 10.3604 24.3604 11 23.5714 11H24.4286C26.401 11 28 9.40102 28 7.42857V3.57143C28 1.59898 26.401 0 24.4286 0H14.5714Z" fill="#5F6268"/>
+  <rect y="6" width="40" height="45" rx="8.57143" fill="#FFD2AD"/>
+  <rect x="8" y="12" width="4" height="35" rx="2" fill="#FEA65E"/>
+  <rect x="18" y="12" width="4" height="35" rx="2" fill="#FEA65E"/>
+  <rect x="28" y="12" width="4" height="35" rx="2" fill="#FEA65E"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/auth/prepare-2.svg b/apps/university-web/public/svgs/auth/prepare-2.svg
new file mode 100644
index 00000000..302355c4
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/prepare-2.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="0 0 47 56" fill="none">
+  <rect y="0.740234" width="40" height="50" rx="2.94283" fill="#DDDDDF"/>
+  <rect x="7" y="10.7402" width="23" height="4" rx="2" fill="#AAACAF"/>
+  <rect x="7" y="15.7402" width="18" height="4" rx="2" fill="#AAACAF"/>
+  <rect width="4" height="9" rx="2" transform="matrix(0.857697 -0.514155 0.549448 0.835528 38 47.7402)" fill="#4068D9"/>
+  <circle cx="35" cy="40" r="8.52858" fill="#F5F5F5" stroke="#5C82F0" stroke-width="2.94283"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/auth/prepare-3.svg b/apps/university-web/public/svgs/auth/prepare-3.svg
new file mode 100644
index 00000000..5cf654e2
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/prepare-3.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="54" viewBox="0 0 64 54" fill="none">
+  <path d="M7.87695 40.875V19H56.1231V40.875C54.8422 44.6019 48.4037 54 32 54C16.5613 54 9.7271 45.088 7.87695 40.875Z" fill="#5F6268"/>
+  <path d="M48.4018 26.8858V21.468C48.4018 20.844 47.7037 20.4743 47.1876 20.825C46.9746 20.9697 46.8471 21.2105 46.8471 21.468V26.8468C46.8471 27.4882 46.1347 27.977 45.7078 28.4557C45.4666 28.7261 45.2925 29.1664 45.2925 29.8592V44C45.2925 44.5523 45.7402 45 46.2925 45H49.2156C49.7678 45 50.2156 44.5523 50.2156 44V29.8592C50.2156 29.0354 49.9283 28.5685 49.5638 28.3199C49.0444 27.9656 48.4018 27.5145 48.4018 26.8858Z" fill="#FFC835"/>
+  <path d="M2.98854 15.0116C10.3775 10.73 29.1164 0.0353527 32 0.00012395C34.8973 -0.035272 53.8008 10.804 61.1159 15.064C62.425 15.8263 62.4325 17.6901 61.1276 18.4595C54.0559 22.6293 36.1423 33 32.9014 33C29.6548 33 10.5287 22.5926 3.02183 18.4374C1.67299 17.6908 1.65462 15.7846 2.98854 15.0116Z" fill="#919397"/>
+  <ellipse cx="32.9845" cy="16.5" rx="4.43077" ry="3.5" fill="#5F6268"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/auth/signup-profile-image.svg b/apps/university-web/public/svgs/auth/signup-profile-image.svg
new file mode 100644
index 00000000..644eacb7
--- /dev/null
+++ b/apps/university-web/public/svgs/auth/signup-profile-image.svg
@@ -0,0 +1,4 @@
+<svg width="121" height="120" viewBox="0 0 121 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="60.5" cy="60" r="60" fill="#EFEEFF"/>
+<path d="M68.8211 65.3744V53.2035C68.8211 52.2473 68.0328 51.4648 67.0693 51.4648H54.8065C53.843 51.4648 53.0547 52.2473 53.0547 53.2035V65.3744C53.0547 66.3307 53.843 67.1131 54.8065 67.1131H67.0693C68.0328 67.1131 68.8211 66.3307 68.8211 65.3744ZM57.8722 60.593L60.062 63.2097L63.1277 59.289L67.0693 64.505H54.8065L57.8722 60.593Z" fill="#76797D"/>
+</svg>
diff --git a/apps/university-web/public/svgs/bookmark-filled.svg b/apps/university-web/public/svgs/bookmark-filled.svg
new file mode 100644
index 00000000..42604c1d
--- /dev/null
+++ b/apps/university-web/public/svgs/bookmark-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M19.185 2.85718V1.95718H18.285H6.85645H5.95645V2.85718V18.8572V20.7886L7.43532 19.5463L12.5953 15.212L17.7359 19.1703L19.185 20.2861V18.4572V2.85718Z" fill="#44413D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/bookmark-outlined.svg b/apps/university-web/public/svgs/bookmark-outlined.svg
new file mode 100644
index 00000000..68525ce2
--- /dev/null
+++ b/apps/university-web/public/svgs/bookmark-outlined.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M19.185 2.85718V1.95718H18.285H6.85645H5.95645V2.85718V18.8572V20.7886L7.43532 19.5463L12.5953 15.212L17.7359 19.1703L19.185 20.2861V18.4572V2.85718Z" stroke="#44413D" stroke-width="1.8"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/clock.svg b/apps/university-web/public/svgs/clock.svg
new file mode 100644
index 00000000..6c974c00
--- /dev/null
+++ b/apps/university-web/public/svgs/clock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"/>
+  <polyline points="12 6 12 12 16 14"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/close-filled.svg b/apps/university-web/public/svgs/close-filled.svg
new file mode 100644
index 00000000..85278305
--- /dev/null
+++ b/apps/university-web/public/svgs/close-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/community/communication.svg b/apps/university-web/public/svgs/community/communication.svg
new file mode 100644
index 00000000..0c4260ad
--- /dev/null
+++ b/apps/university-web/public/svgs/community/communication.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M7.24894 17.9999C7.62362 17.9999 7.90217 17.8164 8.36852 17.4069L10.6727 15.3669H14.7472C16.7738 15.3669 17.909 14.2029 17.909 12.2051V6.98455C17.909 4.98677 16.7738 3.82275 14.7472 3.82275H6.16059C4.13521 3.82275 3 4.98125 3 6.98455V12.2051C3 14.2084 4.16307 15.3669 6.11818 15.3669H6.39525V17.0262C6.39525 17.6209 6.70746 17.9999 7.24894 17.9999ZM7.57582 16.5172V14.5954C7.57582 14.2004 7.40659 14.0481 7.02855 14.0481H6.19815C4.92561 14.0481 4.31883 13.4008 4.31883 12.1633V7.0209C4.31883 5.78337 4.92561 5.14159 6.19815 5.14159H14.7108C15.9779 5.14159 16.5902 5.78337 16.5902 7.0209V12.1633C16.5902 13.4008 15.9779 14.0481 14.7108 14.0481H10.6008C10.1924 14.0481 9.99781 14.1141 9.71295 14.402L7.57582 16.5172Z" fill="#595959"/>
+  <path d="M7.20035 10.5963C7.75274 10.5963 8.19931 10.1473 8.19931 9.59609C8.19931 9.04373 7.75274 8.59473 7.20035 8.59473C6.64675 8.59473 6.19897 9.04373 6.19897 9.59609C6.19897 10.1473 6.64675 10.5963 7.20035 10.5963Z" fill="#595959"/>
+  <path d="M10.4613 10.5963C11.0081 10.5963 11.4614 10.1473 11.4614 9.59609C11.4614 9.04373 11.0081 8.59473 10.4613 8.59473C9.90884 8.59473 9.45435 9.04373 9.45435 9.59609C9.45435 10.1473 9.90884 10.5963 10.4613 10.5963Z" fill="#595959"/>
+  <path d="M13.7154 10.5963C14.2702 10.5963 14.7168 10.1473 14.7168 9.59609C14.7168 9.04373 14.2702 8.59473 13.7154 8.59473C13.1642 8.59473 12.7165 9.04373 12.7165 9.59609C12.7165 10.1473 13.1642 10.5963 13.7154 10.5963Z" fill="#595959"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/community/expand-more-filled.svg b/apps/university-web/public/svgs/community/expand-more-filled.svg
new file mode 100644
index 00000000..a2fd3ddc
--- /dev/null
+++ b/apps/university-web/public/svgs/community/expand-more-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M16.59 8.29492L12 12.8749L7.41 8.29492L6 9.70492L12 15.7049L18 9.70492L16.59 8.29492Z" fill="black" fill-opacity="0.54"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/community/index.ts b/apps/university-web/public/svgs/community/index.ts
new file mode 100644
index 00000000..d1d7aec9
--- /dev/null
+++ b/apps/university-web/public/svgs/community/index.ts
@@ -0,0 +1,4 @@
+import IconCommunication from "./communication.svg";
+import IconExpandMoreFilled from "./expand-more-filled.svg";
+
+export { IconCommunication, IconExpandMoreFilled };
diff --git a/apps/university-web/public/svgs/flight.svg b/apps/university-web/public/svgs/flight.svg
new file mode 100644
index 00000000..dd55d6d9
--- /dev/null
+++ b/apps/university-web/public/svgs/flight.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M14.3123 22.0005C15.0009 22.0005 15.4819 21.4387 15.8134 20.5771L21.7229 5.13034C21.8793 4.73117 21.964 4.37195 21.964 4.07221C21.964 3.43511 21.5654 3.03809 20.9283 3.03809C20.627 3.03809 20.2678 3.12283 19.8702 3.27763L4.35734 9.21814C3.58389 9.51286 3 9.99228 3 10.6881C3 11.5429 3.63675 11.8642 4.51769 12.1272L10.979 14.0231L12.857 20.4135C13.1274 21.3328 13.4502 22.0005 14.3123 22.0005ZM11.4885 12.3986L5.8621 10.6777C5.73329 10.6394 5.69172 10.602 5.69172 10.5409C5.69172 10.4814 5.72594 10.4366 5.84419 10.3893L16.6141 6.28163C17.3808 5.9887 18.1221 5.6207 18.9205 5.25646C18.2793 5.7789 17.4947 6.40382 16.952 6.94327L11.4885 12.3986ZM14.4686 19.3235C14.4002 19.3235 14.3643 19.2656 14.3243 19.1384L12.6018 13.5135L18.0589 8.05014C18.5813 7.52286 19.2428 6.70911 19.753 6.05803C19.3872 6.87107 19.0118 7.61245 18.7189 8.38642L14.6112 19.1547C14.5655 19.273 14.5281 19.3235 14.4686 19.3235Z" fill="#5950f6"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/home/cloud.svg b/apps/university-web/public/svgs/home/cloud.svg
new file mode 100644
index 00000000..9156bb2f
--- /dev/null
+++ b/apps/university-web/public/svgs/home/cloud.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="18" viewBox="0 0 26 18" fill="none">
+  <path d="M19.8348 4.34434C19.7564 4.34434 19.6766 4.34434 19.5968 4.34958C18.8434 2.971 17.7481 1.83748 16.4297 1.07213C15.1113 0.306782 13.6203 -0.0611505 12.1184 0.0082884C10.6166 0.0777273 9.16145 0.581884 7.91096 1.46601C6.66047 2.35014 5.66245 3.58044 5.02529 5.02331C4.1253 5.20428 3.27456 5.59512 2.53469 6.16752C1.79483 6.73993 1.18437 7.47956 0.747536 8.33285C0.310702 9.18614 0.0584315 10.1317 0.00900001 11.1011C-0.0404315 12.0704 0.114213 13.0393 0.461732 13.9375C0.80925 14.8357 1.34094 15.6408 2.01829 16.2943C2.69563 16.9479 3.50168 17.4336 4.37802 17.7163C5.25437 17.999 6.17908 18.0716 7.08517 17.9288C7.99126 17.786 8.85603 17.4315 9.61685 16.8908C10.531 17.2505 11.4984 17.4343 12.4735 17.4335C12.6275 17.4335 12.7878 17.4283 12.9524 17.4185H19.4329C19.5819 17.4283 19.7091 17.4335 19.832 17.4335C19.9549 17.4335 20.0821 17.4283 20.2311 17.4185H20.8803V17.3392C22.4028 17.0589 23.7709 16.1841 24.7146 14.8872C25.6583 13.5903 26.1089 11.9657 25.9777 10.334C25.8464 8.70224 25.1427 7.18192 24.0055 6.07307C22.8683 4.96422 21.3802 4.3474 19.8348 4.34434ZM19.3248 12.1844C19.2321 11.8331 19.0762 11.5042 18.8657 11.2157C18.5958 10.8571 18.2511 10.6168 17.8117 10.4514C18.2253 10.3101 18.5917 10.0455 18.8671 9.6893C19.078 9.39941 19.234 9.06892 19.3262 8.71613C19.4186 9.06875 19.5742 9.39918 19.7847 9.6893C20.0595 10.0462 20.4257 10.3113 20.8393 10.4529C20.3992 10.6198 20.0545 10.8586 19.7847 11.2172C19.5742 11.5058 19.4181 11.8347 19.3248 12.1859V12.1844ZM6.1859 6.29293C7.17295 6.29195 8.13699 6.60881 8.95029 7.20153C9.76359 7.79424 10.3878 8.63483 10.7401 9.61193C11.0925 10.589 11.1564 11.6565 10.9234 12.673C10.6903 13.6894 10.1714 14.6069 9.4353 15.3038C7.91415 14.5163 6.71827 13.1651 6.07412 11.506C5.42997 9.84689 5.38228 7.99505 5.94007 6.30116C6.02201 6.29667 6.10254 6.29443 6.18307 6.29443L6.1859 6.29293ZM6.1859 16.6235C5.04286 16.6228 3.93645 16.1963 3.06004 15.4187C2.18363 14.6411 1.59299 13.5618 1.39134 12.3694C1.1897 11.1771 1.38989 9.94763 1.95692 8.89586C2.52395 7.8441 3.42174 7.03698 4.49338 6.61557C4.07085 8.41671 4.20188 10.3137 4.86739 12.0305C5.53291 13.7472 6.69815 15.194 8.19347 16.1602C7.56224 16.4647 6.87664 16.622 6.18307 16.6213L6.1859 16.6235ZM12.9192 16.0419H12.8995C12.7582 16.0509 12.6169 16.0554 12.4792 16.0554C11.9058 16.0554 11.3347 15.98 10.7789 15.8308C11.5559 14.9151 12.0734 13.7857 12.2717 12.5723C12.47 11.3589 12.3412 10.1109 11.9 8.97162C11.4588 7.83237 10.7232 6.8482 9.77773 6.13226C8.83226 5.41632 7.71532 4.99769 6.55534 4.9245C7.1939 3.80606 8.10286 2.88875 9.18817 2.26748C10.2735 1.64621 11.4957 1.34354 12.7285 1.39079C13.9612 1.43804 15.1596 1.8335 16.1997 2.53624C17.2399 3.23898 18.0839 4.22348 18.6446 5.38788L18.8494 5.81233H18.8572C18.7618 7.62842 18.622 8.61806 18.2214 9.14732C17.763 9.75668 16.844 9.88169 14.8555 10.0202V10.8886C16.844 11.0278 17.763 11.1521 18.2214 11.7614C18.6799 12.3708 18.7978 13.6127 18.8989 16.0434L12.9192 16.0419ZM20.1873 16.0419H20.1626C20.0383 16.0509 19.9344 16.0546 19.8377 16.0546H19.7508C19.8518 13.6149 19.9627 12.376 20.4282 11.7599C20.8937 11.1438 21.8064 11.0263 23.7942 10.8871V10.0187C21.8064 9.8802 20.8867 9.75518 20.4282 9.14582C20.0234 8.60908 19.8864 7.59698 19.7924 5.72849H19.8398C21.0943 5.74087 22.2959 6.26538 23.1948 7.19289C24.0936 8.1204 24.6203 9.37946 24.6654 10.7081C24.7104 12.0367 24.2703 13.3326 23.4366 14.3261C22.6029 15.3196 21.4399 15.9341 20.1894 16.0419H20.1873Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/home/graduation-cap.svg b/apps/university-web/public/svgs/home/graduation-cap.svg
new file mode 100644
index 00000000..af41a3c2
--- /dev/null
+++ b/apps/university-web/public/svgs/home/graduation-cap.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="41" height="33" viewBox="0 0 41 33" fill="none">
+  <path d="M5 24.9167V11.5H38V24.9167C37.1239 27.1528 32.6265 31.8 21.646 32.5C11.3664 32.5 6.26549 27.4444 5 24.9167Z" fill="#76797D"/>
+  <path d="M33.1579 16.636V12.818C33.1579 12.2215 32.5218 11.8404 31.9959 12.1219C31.7392 12.2593 31.5789 12.5268 31.5789 12.818V16.6018C31.5789 17.3197 30.7887 17.8253 30.3191 18.3683C30.1289 18.5881 30 18.9141 30 19.3873V30.3468C30 30.9837 30.5163 31.5 31.1532 31.5H33.8468C34.4837 31.5 35 30.9837 35 30.3468V19.3873C35 18.7961 34.7652 18.4347 34.4497 18.223C33.8631 17.8295 33.1579 17.3423 33.1579 16.636Z" fill="#FFC835"/>
+  <path d="M1.96575 9.11639C6.73408 6.63379 18.6593 0.520282 20.5 0.500071C22.3497 0.479763 34.3822 6.67723 39.1033 9.14752C39.9189 9.57428 39.9225 10.7242 39.1091 11.1551C34.5444 13.5733 23.1459 19.5 21.0775 19.5C19.0046 19.5 6.82645 13.5477 1.98418 11.1395C1.1465 10.7229 1.13594 9.54842 1.96575 9.11639Z" fill="#AAACAF"/>
+  <ellipse cx="20.5" cy="10.5" rx="2.5" ry="2" fill="#76797D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/home/id-card.svg b/apps/university-web/public/svgs/home/id-card.svg
new file mode 100644
index 00000000..a5a49639
--- /dev/null
+++ b/apps/university-web/public/svgs/home/id-card.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="37" viewBox="0 0 144 37" fill="none">
+  <rect x="117" width="27" height="36" rx="4.66667" fill="white"/>
+  <path d="M125 3.5V4.16667C125 4.90305 125.597 5.5 126.333 5.5H134.667C135.403 5.5 136 4.90305 136 4.16667V3.5" stroke="#5A5B63" stroke-width="2" stroke-linecap="round"/>
+  <path d="M136.803 28.5H124.386C124.203 28.5 124.019 28.4679 123.865 28.3676C122.259 27.3179 120.984 23.0093 126.65 21.5402C126.753 21.5134 126.863 21.5 126.97 21.5H133.801C133.887 21.5 133.977 21.5088 134.061 21.5262C139.917 22.7407 138.762 27.175 137.387 28.322C137.226 28.4567 137.013 28.5 136.803 28.5Z" fill="#339660"/>
+  <ellipse cx="130.491" cy="16.5" rx="3.92897" ry="4" fill="#339660"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/home/index.ts b/apps/university-web/public/svgs/home/index.ts
new file mode 100644
index 00000000..83d59db2
--- /dev/null
+++ b/apps/university-web/public/svgs/home/index.ts
@@ -0,0 +1,19 @@
+import IconCloud from "./cloud.svg";
+import IconGraduationCap from "./graduation-cap.svg";
+import IconIdCard from "./id-card.svg";
+import IconLoveLetter from "./love-letter.svg";
+import IconMagnifyingGlass from "./magnifying-glass.svg";
+import IconMuseum from "./museum.svg";
+import IconPaper from "./paper.svg";
+import IconRightArrow from "./right-arrow.svg";
+
+export {
+  IconCloud,
+  IconGraduationCap,
+  IconIdCard,
+  IconMagnifyingGlass,
+  IconMuseum,
+  IconPaper,
+  IconRightArrow,
+  IconLoveLetter,
+};
diff --git a/apps/university-web/public/svgs/home/love-letter.svg b/apps/university-web/public/svgs/home/love-letter.svg
new file mode 100644
index 00000000..3fd9ef3b
--- /dev/null
+++ b/apps/university-web/public/svgs/home/love-letter.svg
@@ -0,0 +1,9 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="15" height="15" fill="url(#pattern0_4448_5327)"/>
+<defs>
+<pattern id="pattern0_4448_5327" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_4448_5327" transform="scale(0.0138889)"/>
+</pattern>
+<image id="image0_4448_5327" width="72" height="72" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/home/magnifying-glass.svg b/apps/university-web/public/svgs/home/magnifying-glass.svg
new file mode 100644
index 00000000..43cf0db7
--- /dev/null
+++ b/apps/university-web/public/svgs/home/magnifying-glass.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
+  <path d="M29.6129 26.1453L22.5318 19.0651C22.2817 18.815 21.9426 18.6761 21.5868 18.6761H20.6806C22.215 16.714 23.1267 14.2461 23.1267 11.5614C23.1267 5.17483 17.951 0 11.5633 0C5.17571 0 0 5.17483 0 11.5614C0 17.9479 5.17571 23.1227 11.5633 23.1227C14.2485 23.1227 16.7168 22.2112 18.6793 20.6771V21.5831C18.6793 21.9388 18.8182 22.2779 19.0684 22.528L26.1495 29.6081C26.6721 30.1306 27.5171 30.1306 28.0341 29.6081L29.6074 28.0351C30.1299 27.5126 30.1299 26.6678 29.6129 26.1453ZM11.5633 18.6761C7.63292 18.6761 4.44744 15.4967 4.44744 11.5614C4.44744 7.63162 7.62736 4.44668 11.5633 4.44668C15.4938 4.44668 18.6793 7.62606 18.6793 11.5614C18.6793 15.4911 15.4993 18.6761 11.5633 18.6761Z" fill="#A2B7F6"/>
+  <path d="M11.5633 18.6761C7.63292 18.6761 4.44744 15.4967 4.44744 11.5614C4.44744 7.63162 7.62736 4.44668 11.5633 4.44668C15.4938 4.44668 18.6793 7.62606 18.6793 11.5614C18.6793 15.4911 15.4993 18.6761 11.5633 18.6761Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/home/museum.svg b/apps/university-web/public/svgs/home/museum.svg
new file mode 100644
index 00000000..37b1a030
--- /dev/null
+++ b/apps/university-web/public/svgs/home/museum.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" viewBox="0 0 35 34" fill="none">
+  <rect x="5.14453" y="12.4395" width="3.31707" height="14.9268" fill="#FFD2AD"/>
+  <rect x="12.6074" y="12.4395" width="3.31707" height="14.9268" fill="#FFD2AD"/>
+  <rect x="19.2422" y="12.4395" width="3.31707" height="14.9268" fill="#FFD2AD"/>
+  <rect x="26.7051" y="12.4395" width="3.31707" height="14.9268" fill="#FFD2AD"/>
+  <path d="M31.5292 10.7805H3.7305C2.72005 10.7805 2.34716 9.45279 3.20985 8.92671L17.3198 0.322354C17.6437 0.124848 18.0514 0.127612 18.3726 0.329494L32.0614 8.93385C32.9108 9.46781 32.5325 10.7805 31.5292 10.7805Z" fill="#FFD2AD"/>
+  <rect x="3.48828" y="10.7803" width="28.1951" height="3.31707" rx="1" fill="#FEA65E"/>
+  <rect x="3.48828" y="26.5371" width="28.1951" height="3.31707" rx="1" fill="#FEA65E"/>
+  <rect x="1.82812" y="29.8545" width="30.6829" height="4.14634" rx="2" fill="#FFD2AD"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/home/paper.svg b/apps/university-web/public/svgs/home/paper.svg
new file mode 100644
index 00000000..0594a8ec
--- /dev/null
+++ b/apps/university-web/public/svgs/home/paper.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="35" viewBox="0 0 30 35" fill="none">
+  <rect width="24.8571" height="30.8571" rx="1.5" fill="#60A3ED"/>
+  <path d="M5.79322 2.57129H16.0755L28.2857 2.78557C29.828 2.78557 29.9994 4.28557 29.9994 5.14271L29.7852 24.857L21.2166 33.4284H5.79322C4.42224 33.4284 4.2937 32.5712 4.29372 31.7141V5.14271C4.29372 3.08557 4.07952 2.57129 5.79322 2.57129Z" fill="white"/>
+  <rect x="8.57227" y="9.42871" width="16.2857" height="2.57143" rx="1.28571" fill="#E8EDFD"/>
+  <rect x="9.42773" y="14.5713" width="16.2857" height="2.57143" rx="1.28571" fill="#E8EDFD"/>
+  <path d="M29.1473 25.711L21.4258 33.4324C21.1108 33.7474 20.5723 33.5243 20.5723 33.0789V25.3574C20.5723 25.0813 20.7961 24.8574 21.0723 24.8574H28.7937C29.2392 24.8574 29.4623 25.396 29.1473 25.711Z" fill="#9BC5F3"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/home/right-arrow.svg b/apps/university-web/public/svgs/home/right-arrow.svg
new file mode 100644
index 00000000..bde0cbec
--- /dev/null
+++ b/apps/university-web/public/svgs/home/right-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
+  <path d="M9 14.5L13 10.5L9 6.5" stroke="#5F6268" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/image.svg b/apps/university-web/public/svgs/image.svg
new file mode 100644
index 00000000..38dae38b
--- /dev/null
+++ b/apps/university-web/public/svgs/image.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+  <path d="M0 1C0 0.447716 0.447715 0 1 0H13C13.5523 0 14 0.447715 14 1V13C14 13.5523 13.5523 14 13 14H1C0.447716 14 0 13.5523 0 13V1ZM12.7826 2.21739C12.7826 1.6651 12.3349 1.21738 11.7826 1.21738H2.2174C1.66511 1.21738 1.2174 1.6651 1.2174 2.21738V11.7826C1.2174 12.3349 1.66511 12.7826 2.2174 12.7826H11.7826C12.3349 12.7826 12.7826 12.3349 12.7826 11.7826V2.21739ZM1.46943 11.6505C1.23174 11.8881 0.846401 11.8881 0.608727 11.6505C0.371036 11.4128 0.371035 11.0274 0.608723 10.7897L3.96769 7.43074C4.35798 7.04046 4.99066 7.04018 5.38129 7.43012L7.4549 9.50011C7.84553 9.89006 8.47822 9.88978 8.8685 9.49949L9.77995 8.58804C10.1708 8.19721 10.8045 8.19756 11.1949 8.58881L13.3916 10.7903C13.6291 11.0283 13.6287 11.4138 13.3907 11.6513C13.1527 11.8889 12.7672 11.8885 12.5297 11.6505L11.1937 10.3119C10.8033 9.92068 10.1696 9.92037 9.77882 10.3112L8.86849 11.2215C8.47821 11.6118 7.84552 11.6121 7.45489 11.2221L5.38122 9.15207C4.99062 8.76215 4.35797 8.7624 3.96768 9.15263L1.46943 11.6505ZM8.16261 2.90348C9.14088 2.90348 9.93392 3.69652 9.93392 4.67478C9.93392 5.65305 9.14088 6.44608 8.16261 6.44608C7.18435 6.44608 6.39133 5.65305 6.39133 4.67478C6.39235 3.69694 7.18487 2.90452 8.16261 2.90348ZM8.16261 5.2287C8.46854 5.2287 8.71653 4.98069 8.71653 4.67478C8.71653 4.36888 8.46852 4.12087 8.16261 4.12087C7.85669 4.12087 7.6087 4.36888 7.6087 4.67478C7.60904 4.98057 7.85688 5.22836 8.16261 5.2287Z" fill="#757575"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/index.ts b/apps/university-web/public/svgs/index.ts
new file mode 100644
index 00000000..6dad0563
--- /dev/null
+++ b/apps/university-web/public/svgs/index.ts
@@ -0,0 +1,57 @@
+import IconApplicantBanner from "./applicant-banner.svg";
+import IconArrowBackFilled from "./arrow-back-filled.svg";
+import IconBookmarkFilled from "./bookmark-filled.svg";
+import IconBookmarkOutlined from "./bookmark-outlined.svg";
+import IconClock from "./clock.svg";
+import IconCloseFilled from "./close-filled.svg";
+import IconFlight from "./flight.svg";
+import IconImage from "./image.svg";
+import IconMoreVertFilled from "./more-vert-filled.svg";
+import IconObjectsAndTools from "./objects-and-tools.svg";
+import IconPostCheckboxFilled from "./post-checkbox-filled.svg";
+import IconPostCheckboxOutlined from "./post-checkbox-outlined.svg";
+import IconPostLikeFilled from "./post-like-filled.svg";
+import IconPostLikeOutline from "./post-like-outline.svg";
+import IconScoreBanner from "./score-banner.svg";
+import IconSearchBanner from "./search-banner.svg";
+import IconSearchFilled from "./search-filled.svg";
+import IconShare from "./shareIcon.svg";
+import IconShareFilled from "./shareIconFilled.svg";
+import IconSignupRegionAmerica from "./signup-region-america.svg";
+import IconSignupRegionAsia from "./signup-region-asia.svg";
+import IconSignupRegionEurope from "./signup-region-europe.svg";
+import IconSignupRegionWorld from "./signup-region-world.svg";
+import IconSolidConnectionFullBlackLogo from "./solid-connection-full-black-logo.svg";
+import IconSpeaker from "./speaker.svg";
+import IconSubComment from "./sub-comment.svg";
+import IconTablerSearch from "./tabler-search.svg";
+
+export {
+  IconApplicantBanner,
+  IconArrowBackFilled,
+  IconBookmarkFilled,
+  IconBookmarkOutlined,
+  IconClock,
+  IconCloseFilled,
+  IconFlight,
+  IconImage,
+  IconMoreVertFilled,
+  IconObjectsAndTools,
+  IconPostCheckboxFilled,
+  IconPostCheckboxOutlined,
+  IconPostLikeFilled,
+  IconPostLikeOutline,
+  IconScoreBanner,
+  IconSearchBanner,
+  IconSearchFilled,
+  IconShare,
+  IconShareFilled,
+  IconSignupRegionAmerica,
+  IconSignupRegionAsia,
+  IconSignupRegionEurope,
+  IconSignupRegionWorld,
+  IconSolidConnectionFullBlackLogo,
+  IconSpeaker,
+  IconSubComment,
+  IconTablerSearch,
+};
diff --git a/apps/university-web/public/svgs/loading/cloud-spinner-1.svg b/apps/university-web/public/svgs/loading/cloud-spinner-1.svg
new file mode 100644
index 00000000..219b7652
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/cloud-spinner-1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="101" height="59" viewBox="0 0 101 59" fill="none">
+  <path d="M3 39.9469C2.99982 36.353 4.21548 32.863 6.45235 30.0357C8.68921 27.2084 11.8179 25.2074 15.3374 24.3531C15.4829 18.6426 17.8715 13.2144 21.9939 9.22555C26.1163 5.23671 31.6466 3.00279 37.4057 3.00001C40.7445 2.99763 44.0401 3.74812 47.0435 5.19477C50.0469 6.64141 52.6794 8.74634 54.7421 11.3505C56.4207 9.21204 58.764 7.68298 61.4083 7.00055C64.0527 6.31812 66.8501 6.52048 69.3667 7.57622C71.8832 8.63197 73.978 10.4821 75.3261 12.8394C76.6742 15.1968 77.2001 17.9295 76.8223 20.6137C79.4123 20.149 82.0736 20.254 84.6182 20.9214C87.1628 21.5888 89.5286 22.8022 91.5485 24.476C93.5684 26.1498 95.1931 28.2431 96.3079 30.6081C97.4227 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.1049 47.4252 92.7352 50.7696C89.3655 54.1141 84.7953 55.9953 80.0283 56H19.149C14.8633 55.9906 10.7564 54.295 7.72986 51.2853C4.7033 48.2756 2.99842 44.1978 3 39.9469Z" stroke="#F0F0F0" stroke-width="6" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/loading/cloud-spinner-2.svg b/apps/university-web/public/svgs/loading/cloud-spinner-2.svg
new file mode 100644
index 00000000..9ef12c5a
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/cloud-spinner-2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="101" height="59" viewBox="0 0 101 59" fill="none">
+  <path d="M3 39.9469C2.99982 36.353 4.21548 32.863 6.45235 30.0357C8.68921 27.2084 11.8179 25.2074 15.3374 24.3531C15.4829 18.6426 17.8715 13.2144 21.9939 9.22555C26.1163 5.23671 31.6466 3.00279 37.4057 3.00001C40.7445 2.99763 44.0401 3.74812 47.0435 5.19477C50.0469 6.64141 52.6794 8.74634 54.7421 11.3505C56.4207 9.21204 58.764 7.68298 61.4083 7.00055C64.0527 6.31812 66.8501 6.52048 69.3667 7.57622C71.8832 8.63197 73.978 10.4821 75.3261 12.8394C76.6742 15.1968 77.2001 17.9295 76.8223 20.6137C79.4123 20.149 82.0736 20.254 84.6182 20.9214C87.1628 21.5888 89.5286 22.8022 91.5485 24.476C93.5684 26.1498 95.1931 28.2431 96.3079 30.6081C97.4227 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.1049 47.4252 92.7352 50.7696C89.3655 54.1141 84.7953 55.9953 80.0283 56H19.149C14.8633 55.9906 10.7564 54.295 7.72986 51.2853C4.7033 48.2756 2.99842 44.1978 3 39.9469Z" stroke="#F0F0F0" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M38 3.00001C41.253 2.99762 44.4641 3.7514 47.3903 5.20439C50.3166 6.65738 52.8815 8.77155 54.8912 11.3871C56.5267 9.23929 58.8098 7.70352 61.3862 7.01809C63.9626 6.33267 66.6883 6.53592 69.1402 7.5963C71.5921 8.65667 73.6331 10.5149 74.9466 12.8826C76.26 15.2503 76.7724 17.995 76.4043 20.6909C78.9278 20.2242 81.5208 20.3297 84 21" stroke="#388CE8" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/loading/cloud-spinner-3.svg b/apps/university-web/public/svgs/loading/cloud-spinner-3.svg
new file mode 100644
index 00000000..08a033c7
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/cloud-spinner-3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="101" height="59" viewBox="0 0 101 59" fill="none">
+  <path d="M3 39.9469C2.99982 36.353 4.21548 32.863 6.45235 30.0357C8.68921 27.2084 11.8179 25.2074 15.3374 24.3531C15.4829 18.6426 17.8715 13.2144 21.9939 9.22555C26.1163 5.23671 31.6466 3.00279 37.4057 3.00001C40.7445 2.99763 44.0401 3.74812 47.0435 5.19477C50.0469 6.64141 52.6794 8.74634 54.7421 11.3505C56.4207 9.21204 58.764 7.68298 61.4083 7.00055C64.0527 6.31812 66.8501 6.52048 69.3667 7.57622C71.8832 8.63197 73.978 10.4821 75.3261 12.8394C76.6742 15.1968 77.2001 17.9295 76.8223 20.6137C79.4123 20.149 82.0736 20.254 84.6182 20.9214C87.1628 21.5888 89.5286 22.8022 91.5485 24.476C93.5684 26.1498 95.1931 28.2431 96.3079 30.6081C97.4227 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.1049 47.4252 92.7352 50.7696C89.3655 54.1141 84.7953 55.9953 80.0283 56H19.149C14.8633 55.9906 10.7564 54.295 7.72986 51.2853C4.7033 48.2756 2.99842 44.1978 3 39.9469Z" stroke="#F0F0F0" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M36 3.00001C39.3611 2.99761 42.6789 3.75173 45.7024 5.20535C48.7258 6.65897 51.376 8.77405 53.4525 11.3907C55.1424 9.242 57.5013 7.70556 60.1634 7.01984C62.8254 6.33412 65.6416 6.53745 68.175 7.59829C70.7083 8.65913 72.8172 10.5182 74.1743 12.8869C75.5314 15.2556 76.0608 18.0015 75.6805 20.6986C78.2878 20.2317 80.967 20.3372 83.5286 21.0078C86.0902 21.6784 88.4719 22.8977 90.5053 24.5796C92.5387 26.2614 94.1743 28.3648 95.2966 30.7412C96.4188 33.1175 97.0003 35.7089 97 38.3321C96.9984 43.0832 95.0922 47.6394 91.7 51" stroke="#388CE8" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/loading/cloud-spinner-4.svg b/apps/university-web/public/svgs/loading/cloud-spinner-4.svg
new file mode 100644
index 00000000..c060f067
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/cloud-spinner-4.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="101" height="59" viewBox="0 0 101 59" fill="none">
+  <path d="M3 39.9469C2.99982 36.353 4.21548 32.863 6.45235 30.0357C8.68921 27.2084 11.8179 25.2074 15.3374 24.3531C15.4829 18.6426 17.8715 13.2144 21.9939 9.22555C26.1163 5.23671 31.6466 3.00279 37.4057 3.00001C40.7445 2.99763 44.0401 3.74812 47.0435 5.19477C50.0469 6.64141 52.6794 8.74634 54.7421 11.3505C56.4207 9.21204 58.764 7.68298 61.4083 7.00055C64.0527 6.31812 66.8501 6.52048 69.3667 7.57622C71.8832 8.63197 73.978 10.4821 75.3261 12.8394C76.6742 15.1968 77.2001 17.9295 76.8223 20.6137C79.4123 20.149 82.0736 20.254 84.6182 20.9214C87.1628 21.5888 89.5286 22.8022 91.5485 24.476C93.5684 26.1498 95.1931 28.2431 96.3079 30.6081C97.4227 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.1049 47.4252 92.7352 50.7696C89.3655 54.1141 84.7953 55.9953 80.0283 56H19.149C14.8633 55.9906 10.7564 54.295 7.72986 51.2853C4.7033 48.2756 2.99842 44.1978 3 39.9469Z" stroke="#F0F0F0" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M37 3.00001C40.3611 2.99763 43.6789 3.74812 46.7024 5.19477C49.7258 6.64141 52.376 8.74634 54.4525 11.3504C56.1424 9.21204 58.5013 7.68298 61.1634 7.00055C63.8254 6.31812 66.6416 6.52048 69.175 7.57622C71.7083 8.63197 73.8172 10.4821 75.1743 12.8394C76.5314 15.1968 77.0608 17.9295 76.6805 20.6137C79.2878 20.149 81.967 20.254 84.5286 20.9214C87.0902 21.5888 89.4719 22.8022 91.5053 24.476C93.5387 26.1498 95.1743 28.2431 96.2966 30.6081C97.4188 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.0922 47.4252 92.7 50.7696C89.3077 54.1141 84.7069 55.9953 79.908 56H43.4714" stroke="#388CE8" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/loading/cloud-spinner-5.svg b/apps/university-web/public/svgs/loading/cloud-spinner-5.svg
new file mode 100644
index 00000000..71a19544
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/cloud-spinner-5.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="102" height="59" viewBox="0 0 102 59" fill="none">
+  <path d="M3 39.9469C2.99982 36.353 4.21548 32.863 6.45235 30.0357C8.68921 27.2084 11.8179 25.2074 15.3374 24.3531C15.4829 18.6426 17.8715 13.2144 21.9939 9.22555C26.1163 5.23671 31.6466 3.00279 37.4057 3.00001C40.7445 2.99763 44.0401 3.74812 47.0435 5.19477C50.0469 6.64141 52.6794 8.74634 54.7421 11.3505C56.4207 9.21204 58.764 7.68298 61.4083 7.00055C64.0527 6.31812 66.8501 6.52048 69.3667 7.57622C71.8832 8.63197 73.978 10.4821 75.3261 12.8394C76.6742 15.1968 77.2001 17.9295 76.8223 20.6137C79.4123 20.149 82.0736 20.254 84.6182 20.9214C87.1628 21.5888 89.5286 22.8022 91.5485 24.476C93.5684 26.1498 95.1931 28.2431 96.3079 30.6081C97.4227 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.1049 47.4252 92.7352 50.7696C89.3655 54.1141 84.7953 55.9953 80.0283 56H19.149C14.8633 55.9906 10.7564 54.295 7.72986 51.2853C4.7033 48.2756 2.99842 44.1978 3 39.9469Z" stroke="#F0F0F0" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M37.9157 3.00001C41.2815 2.99763 44.6038 3.74812 47.6315 5.19477C50.6592 6.64141 53.313 8.74634 55.3923 11.3504C57.0845 9.21204 59.4468 7.68298 62.1125 7.00055C64.7782 6.31812 67.5983 6.52048 70.1351 7.57622C72.672 8.63197 74.7838 10.4821 76.1428 12.8394C77.5017 15.1968 78.0319 17.9295 77.651 20.6137C80.262 20.149 82.9448 20.254 85.51 20.9214C88.0751 21.5888 90.4601 22.8022 92.4963 24.476C94.5326 26.1498 96.1704 28.2431 97.2942 30.6081C98.418 32.973 99.0003 35.5519 99 38.1626C98.9984 42.8908 97.0895 47.4252 93.6926 50.7696C90.2957 54.1141 85.6885 55.9953 80.883 56H19.5115C15.1911 55.9906 11.051 54.295 8 51.2853" stroke="#388CE8" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/loading/cloud-spinner-6.svg b/apps/university-web/public/svgs/loading/cloud-spinner-6.svg
new file mode 100644
index 00000000..1a276708
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/cloud-spinner-6.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="102" height="59" viewBox="0 0 102 59" fill="none">
+  <path d="M3 39.9469C2.99982 36.353 4.21548 32.863 6.45235 30.0357C8.68921 27.2084 11.8179 25.2074 15.3374 24.3531C15.4829 18.6426 17.8715 13.2144 21.9939 9.22555C26.1163 5.23671 31.6466 3.00279 37.4057 3.00001C40.7445 2.99763 44.0401 3.74812 47.0435 5.19477C50.0469 6.64141 52.6794 8.74634 54.7421 11.3505C56.4207 9.21204 58.764 7.68298 61.4083 7.00055C64.0527 6.31812 66.8501 6.52048 69.3667 7.57622C71.8832 8.63197 73.978 10.4821 75.3261 12.8394C76.6742 15.1968 77.2001 17.9295 76.8223 20.6137C79.4123 20.149 82.0736 20.254 84.6182 20.9214C87.1628 21.5888 89.5286 22.8022 91.5485 24.476C93.5684 26.1498 95.1931 28.2431 96.3079 30.6081C97.4227 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.1049 47.4252 92.7352 50.7696C89.3655 54.1141 84.7953 55.9953 80.0283 56H19.149C14.8633 55.9906 10.7564 54.295 7.72986 51.2853C4.7033 48.2756 2.99842 44.1978 3 39.9469Z" stroke="#F0F0F0" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M16.3373 24.3531C12.8179 25.2074 9.68921 27.2084 7.45235 30.0357C5.21548 32.863 3.99982 36.353 4 39.9469C3.99842 44.1978 5.7033 48.2756 8.72986 51.2853C11.7564 54.295 15.8633 55.9906 20.149 56H81.0283C85.7953 55.9953 90.3655 54.1141 93.7352 50.7696C97.1049 47.4252 98.9984 42.8908 99 38.1626C99.0003 35.5519 98.4227 32.973 97.3079 30.6081C96.1931 28.2431 94.5684 26.1498 92.5485 24.476C90.5286 22.8022 88.1628 21.5888 85.6182 20.9214C83.0736 20.254 80.4123 20.149 77.8223 20.6137C78.2001 17.9295 77.6742 15.1968 76.3261 12.8394C74.978 10.4821 72.8832 8.63197 70.3667 7.57622C67.8501 6.52048 65.0527 6.31812 62.4083 7.00055C59.764 7.68298 57.4207 9.21204 55.7421 11.3504C53.6794 8.74634 51.0469 6.64141 48.0435 5.19477C45.0401 3.74812 41.7445 2.99763 38.4057 3.00001" stroke="#388CE8" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/loading/cloud-spinner-7.svg b/apps/university-web/public/svgs/loading/cloud-spinner-7.svg
new file mode 100644
index 00000000..20385022
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/cloud-spinner-7.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="101" height="59" viewBox="0 0 101 59" fill="none">
+  <path d="M3 39.9469C2.99982 36.353 4.21548 32.863 6.45235 30.0357C8.68921 27.2084 11.8179 25.2074 15.3374 24.3531C15.4829 18.6426 17.8715 13.2144 21.9939 9.22555C26.1163 5.23671 31.6466 3.00279 37.4057 3.00001C40.7445 2.99763 44.0401 3.74812 47.0435 5.19477C50.0469 6.64141 52.6794 8.74634 54.7421 11.3505C56.4207 9.21204 58.764 7.68298 61.4083 7.00055C64.0527 6.31812 66.8501 6.52048 69.3667 7.57622C71.8832 8.63197 73.978 10.4821 75.3261 12.8394C76.6742 15.1968 77.2001 17.9295 76.8223 20.6137C79.4123 20.149 82.0736 20.254 84.6182 20.9214C87.1628 21.5888 89.5286 22.8022 91.5485 24.476C93.5684 26.1498 95.1931 28.2431 96.3079 30.6081C97.4227 32.973 98.0003 35.5519 98 38.1626C97.9984 42.8908 96.1049 47.4252 92.7352 50.7696C89.3655 54.1141 84.7953 55.9953 80.0283 56H19.149C14.8633 55.9906 10.7564 54.295 7.72986 51.2853C4.7033 48.2756 2.99842 44.1978 3 39.9469Z" stroke="#388CE8" stroke-width="6" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/loading/index.ts b/apps/university-web/public/svgs/loading/index.ts
new file mode 100644
index 00000000..053b3254
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/index.ts
@@ -0,0 +1,19 @@
+import IconCloudSpinner1 from "./cloud-spinner-1.svg";
+import IconCloudSpinner2 from "./cloud-spinner-2.svg";
+import IconCloudSpinner3 from "./cloud-spinner-3.svg";
+import IconCloudSpinner4 from "./cloud-spinner-4.svg";
+import IconCloudSpinner5 from "./cloud-spinner-5.svg";
+import IconCloudSpinner6 from "./cloud-spinner-6.svg";
+import IconCloudSpinner7 from "./cloud-spinner-7.svg";
+import IconNotFound from "./not-found.svg";
+
+export {
+  IconCloudSpinner1,
+  IconCloudSpinner2,
+  IconCloudSpinner3,
+  IconCloudSpinner4,
+  IconCloudSpinner5,
+  IconCloudSpinner6,
+  IconCloudSpinner7,
+  IconNotFound,
+};
diff --git a/apps/university-web/public/svgs/loading/not-found.svg b/apps/university-web/public/svgs/loading/not-found.svg
new file mode 100644
index 00000000..d984f751
--- /dev/null
+++ b/apps/university-web/public/svgs/loading/not-found.svg
@@ -0,0 +1,12 @@
+<svg width="147" height="124" viewBox="0 0 147 124" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 106.432C22.9998 102.5 24.3306 98.6802 26.7794 95.5862C29.2282 92.4922 32.6532 90.3025 36.5061 89.3676C36.6655 83.1184 39.2803 77.178 43.7933 72.8129C48.3063 68.4477 54.3604 66.0031 60.6651 66C64.3202 65.9974 67.9281 66.8187 71.216 68.4018C74.5039 69.9849 77.3859 72.2885 79.644 75.1382C81.4816 72.7981 84.0469 71.1248 86.9417 70.378C89.8366 69.6311 92.8991 69.8526 95.654 71.0079C98.4089 72.1633 100.702 74.1879 102.178 76.7677C103.654 79.3474 104.23 82.338 103.816 85.2753C106.651 84.7668 109.565 84.8817 112.35 85.6121C115.136 86.3424 117.726 87.6704 119.937 89.5021C122.149 91.3338 123.927 93.6245 125.148 96.2126C126.368 98.8006 127 101.623 127 104.48C126.998 109.654 124.925 114.616 121.236 118.276C117.548 121.936 112.544 123.995 107.326 124H40.6789C35.9872 123.99 31.4912 122.134 28.1779 118.841C24.8647 115.547 22.9983 111.084 23 106.432Z" fill="#388CE8"/>
+<circle cx="5" cy="119" r="5" fill="#F0F0F0"/>
+<ellipse cx="34" cy="56.5" rx="3" ry="2.5" fill="#F0F0F0"/>
+<ellipse cx="130" cy="78.5" rx="3" ry="2.5" fill="#C4DDFF"/>
+<path d="M13.8053 89.5615C13.8701 89.7283 13.8813 89.9112 13.8373 90.0846C13.7934 90.2581 13.6966 90.4135 13.5602 90.5293L10.773 92.932L10.8243 96.6117C10.8256 96.7898 10.7724 96.964 10.6718 97.111C10.5712 97.2579 10.428 97.3705 10.2616 97.4336C10.0951 97.4968 9.91328 97.5074 9.74054 97.4642C9.56781 97.421 9.41243 97.3259 9.29529 97.1918L6.89307 94.4032L3.21368 94.454C3.03563 94.4553 2.86145 94.402 2.71455 94.3013C2.56764 94.2007 2.45504 94.0575 2.39187 93.8909C2.32871 93.7244 2.318 93.5426 2.36119 93.3698C2.40439 93.197 2.49941 93.0416 2.6335 92.9245L5.42096 90.5223L5.36939 86.842C5.3681 86.664 5.42134 86.4897 5.52194 86.3428C5.62254 86.1959 5.76569 86.0833 5.93216 86.0202C6.09863 85.957 6.28045 85.9463 6.45318 85.9896C6.62592 86.0328 6.78129 86.1279 6.89844 86.262L9.30117 89.0504L12.9801 88.9998C13.1589 88.9961 13.3345 89.0481 13.4824 89.1488C13.6303 89.2495 13.7431 89.3938 13.8053 89.5615Z" fill="#C4DDFF"/>
+<path d="M144.832 97.7689C144.897 97.9357 144.908 98.1186 144.864 98.292C144.82 98.4654 144.723 98.6209 144.587 98.7367L141.8 101.139L141.851 104.819C141.852 104.997 141.799 105.171 141.699 105.318C141.598 105.465 141.455 105.578 141.288 105.641C141.122 105.704 140.94 105.715 140.767 105.672C140.595 105.628 140.439 105.533 140.322 105.399L137.92 102.611L134.241 102.661C134.062 102.663 133.888 102.609 133.741 102.509C133.594 102.408 133.482 102.265 133.419 102.098C133.356 101.932 133.345 101.75 133.388 101.577C133.431 101.404 133.526 101.249 133.66 101.132L136.448 98.7297L136.396 95.0494C136.395 94.8714 136.448 94.6971 136.549 94.5502C136.649 94.4033 136.793 94.2907 136.959 94.2276C137.125 94.1644 137.307 94.1537 137.48 94.197C137.653 94.2402 137.808 94.3353 137.925 94.4694L140.328 97.2578L144.007 97.2072C144.186 97.2035 144.361 97.2555 144.509 97.3562C144.657 97.4569 144.77 97.6012 144.832 97.7689Z" fill="#F0F0F0"/>
+<path d="M79.5 0C67.626 0 58 7.4307 58 16.597C58 21.7752 61.0745 26.3987 65.8881 29.4418C65.5541 32.5531 65.5001 32.7008 64.4565 38C71.6014 34.1426 70.7298 34.4309 74.383 32.7008C76.0266 33.0114 77.7334 33.1939 79.5 33.1939C91.374 33.1939 101 25.7632 101 16.597C101 7.4307 91.374 0 79.5 0Z" fill="#C4DDFF"/>
+<path d="M80 19C81.1046 19 82 17.8807 82 16.5C82 15.1193 81.1046 14 80 14C78.8954 14 78 15.1193 78 16.5C78 17.8807 78.8954 19 80 19Z" fill="#388CE8"/>
+<path d="M89.5 19C90.8807 19 92 17.8807 92 16.5C92 15.1193 90.8807 14 89.5 14C88.1193 14 87 15.1193 87 16.5C87 17.8807 88.1193 19 89.5 19Z" fill="#388CE8"/>
+<path d="M70.5 19C71.8807 19 73 17.8807 73 16.5C73 15.1193 71.8807 14 70.5 14C69.1193 14 68 15.1193 68 16.5C68 17.8807 69.1193 19 70.5 19Z" fill="#388CE8"/>
+</svg>
diff --git a/apps/university-web/public/svgs/mentor/album.svg b/apps/university-web/public/svgs/mentor/album.svg
new file mode 100644
index 00000000..60d4f884
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/album.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+  <rect width="40" height="40" rx="20" fill="#F5F5F5"/>
+  <rect x="10.4316" y="10.4297" width="19.1378" height="18.1809" rx="3" fill="white"/>
+  <path d="M25.7416 16.1716C25.7416 16.6792 25.54 17.1659 25.1811 17.5248C24.8222 17.8837 24.3354 18.0854 23.8278 18.0854C23.3203 18.0854 22.8335 17.8837 22.4746 17.5248C22.1157 17.1659 21.9141 16.6792 21.9141 16.1716C21.9141 15.664 22.1157 15.1772 22.4746 14.8183C22.8335 14.4594 23.3203 14.2578 23.8278 14.2578C24.3354 14.2578 24.8222 14.4594 25.1811 14.8183C25.54 15.1772 25.7416 15.664 25.7416 16.1716Z" fill="#FF934B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9446 9.47364H20.0562C22.317 9.47364 24.0883 9.47364 25.4708 9.65966C26.8847 9.84961 28.0009 10.2471 28.8773 11.1224C29.7536 11.9987 30.1502 13.1149 30.3401 14.5297C30.5261 15.9112 30.5261 17.6824 30.5261 19.9431V20.0293C30.5261 21.8984 30.5261 23.4277 30.4243 24.6731C30.3225 25.9264 30.1139 26.9711 29.6459 27.8405C29.4409 28.223 29.1847 28.568 28.8773 28.8754C28.0009 29.7517 26.8847 30.1482 25.4699 30.3382C24.0883 30.5242 22.317 30.5242 20.0562 30.5242H19.9446C17.6837 30.5242 15.9125 30.5242 14.5299 30.3382C13.116 30.1482 11.9998 29.7507 11.1235 28.8754C10.347 28.099 9.94558 27.1326 9.7331 25.9322C9.52259 24.7544 9.4844 23.2887 9.47657 21.4695C9.47526 21.0061 9.47461 20.5159 9.47461 19.9989V19.9421C9.47461 17.6814 9.47461 15.9102 9.66065 14.5277C9.8506 13.1139 10.2481 11.9977 11.1235 11.1215C11.9998 10.2452 13.116 9.84863 14.5309 9.65868C15.9125 9.47266 17.6837 9.47266 19.9446 9.47266M14.7257 11.1136C13.4744 11.282 12.7195 11.6032 12.1624 12.1603C11.6042 12.7184 11.2841 13.4723 11.1157 14.7245C10.9453 15.9973 10.9433 17.6696 10.9433 19.9979V20.8243L11.9234 19.9666C12.3534 19.5903 12.9102 19.3914 13.4813 19.4104C14.0523 19.4293 14.5948 19.6645 14.9989 20.0684L19.1994 24.2688C19.5254 24.5946 19.9559 24.7951 20.4151 24.8349C20.8743 24.8746 21.3328 24.7511 21.71 24.4861L22.0017 24.2805C22.5458 23.8982 23.2036 23.7118 23.8673 23.7518C24.5311 23.7918 25.1617 24.0559 25.6559 24.5008L28.4269 26.9946C28.7069 26.4091 28.8724 25.6395 28.9605 24.5537C29.0565 23.3739 29.0574 21.9033 29.0574 19.9979C29.0574 17.6696 29.0555 15.9973 28.8851 14.7245C28.7167 13.4723 28.3955 12.7174 27.8384 12.1593C27.2803 11.6022 26.5264 11.282 25.274 11.1136C24.0011 10.9433 22.3288 10.9413 20.0004 10.9413C17.672 10.9413 15.9986 10.9433 14.7257 11.1136Z" fill="#FF934B"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/alert-sub-c.svg b/apps/university-web/public/svgs/mentor/alert-sub-c.svg
new file mode 100644
index 00000000..9e879684
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/alert-sub-c.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+  <path d="M9.00021 2.25C7.65755 2.25 6.36988 2.78337 5.42048 3.73277C4.47108 4.68217 3.93771 5.96984 3.93771 7.3125V10.0142L2.85264 12.7288C2.81854 12.8142 2.80588 12.9066 2.81576 12.998C2.82564 13.0894 2.85777 13.1769 2.90934 13.253C2.9609 13.3291 3.03033 13.3914 3.11154 13.4345C3.19276 13.4775 3.28329 13.5 3.37521 13.5H6.75021C6.75021 14.7471 7.75314 15.75 9.00021 15.75C10.2473 15.75 11.2502 14.7471 11.2502 13.5H14.6252C14.7171 13.5 14.8077 13.4775 14.8889 13.4345C14.9701 13.3914 15.0395 13.3291 15.0911 13.253C15.1426 13.1769 15.1748 13.0894 15.1847 12.998C15.1945 12.9066 15.1819 12.8142 15.1478 12.7288L14.0627 10.0142V7.3125C14.0627 5.96984 13.5293 4.68217 12.5799 3.73277C11.6305 2.78337 10.3429 2.25 9.00021 2.25ZM10.1252 13.5C10.1252 14.1255 9.62571 14.625 9.00021 14.625C8.37471 14.625 7.87521 14.1255 7.87521 13.5H10.1252ZM5.06271 7.3125C5.06271 6.26821 5.47755 5.26669 6.21597 4.52827C6.9544 3.78984 7.95592 3.375 9.00021 3.375C10.0445 3.375 11.046 3.78984 11.7844 4.52827C12.5229 5.26669 12.9377 6.26821 12.9377 7.3125V10.1222C12.9376 10.1937 12.9512 10.2645 12.9776 10.3309L13.7944 12.375H4.20602L5.02277 10.3309C5.04915 10.2647 5.0627 10.194 5.06271 10.1228V7.3125Z" fill="#FF934B" stroke="#FF934B" stroke-width="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/alert.svg b/apps/university-web/public/svgs/mentor/alert.svg
new file mode 100644
index 00000000..de3ae2d1
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/alert.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none">
+  <path d="M9.00021 2.25C7.65755 2.25 6.36988 2.78337 5.42048 3.73277C4.47108 4.68217 3.93771 5.96984 3.93771 7.3125V10.0142L2.85264 12.7288C2.81854 12.8142 2.80588 12.9066 2.81576 12.998C2.82564 13.0894 2.85777 13.1769 2.90934 13.253C2.9609 13.3291 3.03033 13.3914 3.11154 13.4345C3.19276 13.4775 3.28329 13.5 3.37521 13.5H6.75021C6.75021 14.7471 7.75314 15.75 9.00021 15.75C10.2473 15.75 11.2502 14.7471 11.2502 13.5H14.6252C14.7171 13.5 14.8077 13.4775 14.8889 13.4345C14.9701 13.3914 15.0395 13.3291 15.0911 13.253C15.1426 13.1769 15.1748 13.0894 15.1847 12.998C15.1945 12.9066 15.1819 12.8142 15.1478 12.7288L14.0627 10.0142V7.3125C14.0627 5.96984 13.5293 4.68217 12.5799 3.73277C11.6305 2.78337 10.3429 2.25 9.00021 2.25ZM10.1252 13.5C10.1252 14.1255 9.62571 14.625 9.00021 14.625C8.37471 14.625 7.87521 14.1255 7.87521 13.5H10.1252ZM5.06271 7.3125C5.06271 6.26821 5.47755 5.26669 6.21597 4.52827C6.9544 3.78984 7.95592 3.375 9.00021 3.375C10.0445 3.375 11.046 3.78984 11.7844 4.52827C12.5229 5.26669 12.9377 6.26821 12.9377 7.3125V10.1222C12.9376 10.1937 12.9512 10.2645 12.9776 10.3309L13.7944 12.375H4.20602L5.02277 10.3309C5.04915 10.2647 5.0627 10.194 5.06271 10.1228V7.3125Z" fill="#726AF7" stroke="#726AF7" stroke-width="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/camera.svg b/apps/university-web/public/svgs/mentor/camera.svg
new file mode 100644
index 00000000..f7ac994e
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/camera.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18" fill="none">
+  <path d="M17 0C17.7956 0 18.5587 0.316071 19.1213 0.87868C19.6839 1.44129 20 2.20435 20 3V15C20 15.7956 19.6839 16.5587 19.1213 17.1213C18.5587 17.6839 17.7956 18 17 18H3C2.20435 18 1.44129 17.6839 0.87868 17.1213C0.316071 16.5587 0 15.7956 0 15V3C0 2.20435 0.316071 1.44129 0.87868 0.87868C1.44129 0.316071 2.20435 0 3 0H17ZM10 4C8.67392 4 7.40215 4.52678 6.46447 5.46447C5.52678 6.40215 5 7.67392 5 9C5 10.3261 5.52678 11.5979 6.46447 12.5355C7.40215 13.4732 8.67392 14 10 14C11.3261 14 12.5979 13.4732 13.5355 12.5355C14.4732 11.5979 15 10.3261 15 9C15 7.67392 14.4732 6.40215 13.5355 5.46447C12.5979 4.52678 11.3261 4 10 4ZM10 6C10.7956 6 11.5587 6.31607 12.1213 6.87868C12.6839 7.44129 13 8.20435 13 9C13 9.79565 12.6839 10.5587 12.1213 11.1213C11.5587 11.6839 10.7956 12 10 12C9.20435 12 8.44129 11.6839 7.87868 11.1213C7.31607 10.5587 7 9.79565 7 9C7 8.20435 7.31607 7.44129 7.87868 6.87868C8.44129 6.31607 9.20435 6 10 6ZM17 3H16C15.7451 3.00028 15.5 3.09788 15.3146 3.27285C15.1293 3.44782 15.0178 3.68695 15.0028 3.94139C14.9879 4.19584 15.0707 4.44638 15.2343 4.64183C15.3979 4.83729 15.6299 4.9629 15.883 4.993L16 5H17C17.2549 4.99972 17.5 4.90212 17.6854 4.72715C17.8707 4.55218 17.9822 4.31305 17.9972 4.05861C18.0121 3.80416 17.9293 3.55362 17.7657 3.35817C17.6021 3.16271 17.3701 3.0371 17.117 3.007L17 3Z" fill="#C6C7C9"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/check.svg b/apps/university-web/public/svgs/mentor/check.svg
new file mode 100644
index 00000000..6caf9f7d
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/check.svg
@@ -0,0 +1,9 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="60" height="60" fill="url(#pattern0_1599_22408)"/>
+<defs>
+<pattern id="pattern0_1599_22408" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1599_22408" transform="scale(0.00195312)"/>
+</pattern>
+<image id="image0_1599_22408" width="512" height="512" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7N15fBT1+QfwzzOzCSQkkHAmHIpWAUVBxQvRGltbr2o9umo98aT1PqpWf7ZurUdtVbwtKMgNJrVa8ajUg3or4k29Rc4AAQIBAkl25/n9EQKbZBM2yc5+Z3Y+79frd7j7zcwH2OzzzHe+MwMQERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERkbeI6QBEQTXqror8rM3aJQrNFYQ6q+Xk2NBccbQTICEV5Lf0s6r2egvqiAOF6rr6F7GxNoQNUVgb34v0qErbH4SIfIkNAFGKHHZHea+YSh+BFIuiSARFUOmrqr0h0kNUCqBaCEEhgEIoQk23IZpgwwo0/VVteVzcGGAdFBsAVAGogGIlRCvEkQpHpAKKFQIpz8pyFo9CzxWRiDjt+5MTkR+xASBK0ojI8tzsTqHBAt1VFLsAGCiqAxWyiwC7AJIDoFkhbnit2S9bgnEpbgBazLJ9zLbt1kGxDNClgCwSwQ+Og28tka/rnNpv3rizuCLBlojIx9gAEDVx6J3rCoHNwxXWEIUMsVSHKDAEwE5o+juztZhK3P/2aQOwo9zrAHyjiq9F8ZmK85lYWQtevb1wUYKfIiIfYANAgXbwneUDxbL2EQf7QLAPgOFQDIwf02IhjXs9AA1AS+PWA/q5pfKZinwAkXmx7ML/zY1INMHWiMhD2ABQYJREVuXV5cQOiImMFFgHQ/VgUfRqNjDZQhr3eoAbgER5qhXykSg+gMo827HennN3wcIEWycig9gAUMY65G8rejvQEsA6HNBR4mAvAHb8x75DhTTudTYAzV5pOm4ZgDdE9S1b7DdG5hR8xkWHRGaxAaCMceAdS3tY2VmHA1oiDn4CYE/Ef8a3FSQ2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BYCavfOfKO4sfv/PDfBzUVwogD9igAXAdr1kKAACbFNgkSheK93bZsXaAqmxWYGITgALALnKRX/e2DqYmnYZDAZBcDmAdiwA9uu5uACsA7BcjbxxUVbrVYGAGJtbEVEjsQCQaw1+RX3Fm3ecr0avBNAfwHkAfAALQO0t3FEAtkHlXbHMu1a1vsdX7xM1DRYAShp5f92WmQHpC6C/peiv0N4I/x5nAYiac6gAVEKwUlTeEyv03vK/tPssxt+IiBKIBYCSVp8nd+SmaOgihVwIwQVQ9AKQwgIQPtMkBWArgNUKrLIgq1MOtP5k2WQ5aHM0ImpCLADkGfmBkozUDOmjKheJSB8o8kXROWqQBSBi23Hmrhbgc4WshspqDcrH7z/deqPNykTkMBYA8rTzH9/e0S+Sb3yaL4p8AD2gOAVhPxssADFvXwbIlxBdLwbrLLH+U5NWsZaX3SVyBxYAojoufGJnlkHwbBjfuZbo2WLQXYGzAHTBkesRHOGNArBfgK9VsE5U16ux1sGn699/vN0Wm1sQkUuwABA10BXPfptWVpnZ1R+yTlegG4DTYdAVlpwiik6AtAbgxgJQBWAjFN8DshGq34vo94C10Vdjvn/3yXZb+SI9ouTDAkAUJ/mBkowWqSmdEUInsUxno8gVlXYQtFcjbS3RtgDaAmgHIBuKtLprxKkAGAC7BCgFUApFqUJKLdFSY7DTEi2FsUqNJTtMyHz/0Z/4tjsiL2IBIHJKQK2L0ipa+Q+GMoMwGbCQZRnNtKCpR0YMJFUEmYf+ZAVFsffQ/2u5hKDqk/1BhKr98FcHq3z7/emqKwKty5346xAREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVFj/D8ZSOuUrS7SewAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/mentor/default-profile.svg b/apps/university-web/public/svgs/mentor/default-profile.svg
new file mode 100644
index 00000000..476333b8
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/default-profile.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54" fill="none">
+  <mask id="mask0_1679_13671" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="54" height="54">
+    <circle cx="27" cy="27" r="27" fill="#EFEEFF"/>
+  </mask>
+  <g mask="url(#mask0_1679_13671)">
+    <path d="M26.9997 9.71997C29.7209 9.71997 32.3305 10.8024 34.2547 12.7291C36.1788 14.6558 37.2597 17.269 37.2597 19.9938C37.2597 22.7186 36.1788 25.3318 34.2547 27.2585C32.3305 29.1852 29.7209 30.2677 26.9997 30.2677C24.2786 30.2677 21.6689 29.1852 19.7448 27.2585C17.8207 25.3318 16.7397 22.7186 16.7397 19.9938C16.7397 17.269 17.8207 14.6558 19.7448 12.7291C21.6689 10.8024 24.2786 9.71997 26.9997 9.71997ZM26.9997 35.4046C38.337 35.4046 47.5197 40.0021 47.5197 45.6784V62.5569C31.4926 68.4277 22.5069 68.4277 6.47974 62.5569V45.6784C6.47974 40.0021 15.6624 35.4046 26.9997 35.4046Z" fill="#DDDDDF"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/direct-message.svg b/apps/university-web/public/svgs/mentor/direct-message.svg
new file mode 100644
index 00000000..29f5a519
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/direct-message.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+  <path d="M21.3338 30C22.0236 30 22.5056 29.437 22.8377 28.5737L28.7584 13.0964C28.9151 12.6964 29 12.3365 29 12.0362C29 11.3978 28.6006 11 27.9623 11C27.6604 11 27.3005 11.0849 26.9022 11.24L11.3599 17.1923C10.585 17.4876 10 17.968 10 18.6652C10 19.5217 10.638 19.8436 11.5206 20.1071L17.9942 22.0068L19.8757 28.4098C20.1466 29.3309 20.47 30 21.3338 30ZM18.5046 20.3791L12.8675 18.6548C12.7385 18.6164 12.6968 18.5789 12.6968 18.5177C12.6968 18.4581 12.7311 18.4132 12.8496 18.3658L23.6399 14.25C24.408 13.9565 25.1508 13.5877 25.9507 13.2228C25.3082 13.7462 24.5221 14.3724 23.9784 14.9129L18.5046 20.3791ZM21.4903 27.3177C21.4218 27.3177 21.3859 27.2597 21.3458 27.1322L19.6201 21.4962L25.0874 16.022C25.6108 15.4937 26.2735 14.6783 26.7848 14.0259C26.4182 14.8406 26.0422 15.5834 25.7487 16.3589L21.6332 27.1486C21.5874 27.267 21.5499 27.3177 21.4903 27.3177Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/direction-down.svg b/apps/university-web/public/svgs/mentor/direction-down.svg
new file mode 100644
index 00000000..d4a70fbd
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/direction-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none">
+  <path d="M9 12L15 18L21 12" stroke="#5F6268" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/direction-right.svg b/apps/university-web/public/svgs/mentor/direction-right.svg
new file mode 100644
index 00000000..e79fecb6
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/direction-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none">
+  <path d="M12 9L18 15L12 21" stroke="#5F6268" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/direction-up.svg b/apps/university-web/public/svgs/mentor/direction-up.svg
new file mode 100644
index 00000000..9b6bb095
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/direction-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none">
+  <path d="M9 18L15 12L21 18" stroke="#5F6268" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/file.svg b/apps/university-web/public/svgs/mentor/file.svg
new file mode 100644
index 00000000..0a8dfa82
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/file.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+  <rect width="40" height="40" rx="20" fill="#F5F5F5"/>
+  <path d="M21 17.1993V12.066L26.5 17.1993M14 10.666C12.89 10.666 12 11.4967 12 12.5327V27.466C12 27.9611 12.2107 28.4359 12.5858 28.7859C12.9609 29.136 13.4696 29.3327 14 29.3327H26C26.5304 29.3327 27.0391 29.136 27.4142 28.7859C27.7893 28.4359 28 27.9611 28 27.466V16.266L22 10.666H14Z" fill="#4672EE"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/graduation.svg b/apps/university-web/public/svgs/mentor/graduation.svg
new file mode 100644
index 00000000..eef5d7ea
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/graduation.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21" fill="none">
+  <path d="M4.00317 11.492V13.9112C4.00317 14.5397 4.34754 15.1252 4.89854 15.4265L9.20322 17.7768C9.71978 18.0609 10.3397 18.0609 10.8562 17.7768L15.1609 15.4265C15.7119 15.1252 16.0563 14.5397 16.0563 13.9112V11.492L10.8562 14.3331C10.3397 14.6172 9.71978 14.6172 9.20322 14.3331L4.00317 11.492ZM9.20322 3.17537L1.94553 7.13568C1.35149 7.46283 1.35149 8.32377 1.94553 8.65092L9.20322 12.6112C9.71978 12.8953 10.3397 12.8953 10.8562 12.6112L17.7781 8.83172V13.9198C17.7781 14.3934 18.1656 14.7808 18.6391 14.7808C19.1126 14.7808 19.5 14.3934 19.5 13.9198V8.40125C19.5 8.08271 19.3278 7.7986 19.0523 7.64363L10.8562 3.17537C10.6018 3.03971 10.318 2.96875 10.0297 2.96875C9.74143 2.96875 9.45758 3.03971 9.20322 3.17537Z" fill="#E8EDFD"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/index.ts b/apps/university-web/public/svgs/mentor/index.ts
new file mode 100644
index 00000000..9974caab
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/index.ts
@@ -0,0 +1,59 @@
+import IconAlbum from "./album.svg";
+import IconAlert from "./alert.svg";
+import IconAlertSubC from "./alert-sub-c.svg";
+import IconCamera from "./camera.svg";
+import IconCheck from "./check.svg";
+import IconDefaultProfile from "./default-profile.svg";
+import IconDirectMessage from "./direct-message.svg";
+import IconDirectionDown from "./direction-down.svg";
+import IconDirectionRight from "./direction-right.svg";
+import IconDirectionUp from "./direction-up.svg";
+import IconFile from "./file.svg";
+import IconGraduation from "./graduation.svg";
+import IconLikeFill from "./like-fill.svg";
+import IconLikeNotFill from "./like-not-fill.svg";
+import IconModify from "./modify.svg";
+import IconPencil from "./pencil.svg";
+import IconPlus from "./plus.svg";
+import IconPlusK200 from "./plus-k-200.svg";
+import IconPoligon from "./poligon.svg";
+import IconReport from "./report.svg";
+import IconSearchBlue from "./search-blue.svg";
+import IconSetting from "./setting.svg";
+import IconSmile from "./smile.svg";
+import IconSolidConnentionLogo from "./solid-connection-logo.svg";
+import IconTime from "./time.svg";
+import IconUnSmile from "./un-smile.svg";
+import IconUserPrimaryColor from "./user-primary-color.svg";
+import IconXWhite from "./x-white.svg";
+
+export {
+  IconAlert,
+  IconAlertSubC,
+  IconDirectionDown,
+  IconDefaultProfile,
+  IconDirectionUp,
+  IconDirectionRight,
+  IconGraduation,
+  IconPoligon,
+  IconUserPrimaryColor,
+  IconPencil,
+  IconPlus,
+  IconSolidConnentionLogo,
+  IconSearchBlue,
+  IconSetting,
+  IconCamera,
+  IconDirectMessage,
+  IconLikeNotFill,
+  IconLikeFill,
+  IconUnSmile,
+  IconSmile,
+  IconTime,
+  IconCheck,
+  IconModify,
+  IconPlusK200,
+  IconXWhite,
+  IconFile,
+  IconAlbum,
+  IconReport,
+};
diff --git a/apps/university-web/public/svgs/mentor/like-fill.svg b/apps/university-web/public/svgs/mentor/like-fill.svg
new file mode 100644
index 00000000..9f7b4763
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/like-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
+  <path d="M8.92707 15.5492L8.92621 15.5484C6.94955 13.756 5.3576 12.311 4.25258 10.96C3.15445 9.61748 2.6 8.44106 2.6 7.19619C2.6 5.17769 4.17769 3.6 6.19619 3.6C7.34203 3.6 8.45117 4.13634 9.17262 4.98355L9.62943 5.51999L10.0862 4.98355C10.8077 4.13634 11.9168 3.6 13.0627 3.6C15.0812 3.6 16.6589 5.17769 16.6589 7.19619C16.6589 8.44107 16.1044 9.61751 15.0061 10.9612C13.9011 12.3131 12.3093 13.7598 10.3328 15.5559C10.3326 15.5561 10.3324 15.5563 10.3322 15.5565L9.63096 16.19L8.92707 15.5492Z" fill="#FF474A"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/like-not-fill.svg b/apps/university-web/public/svgs/mentor/like-not-fill.svg
new file mode 100644
index 00000000..2f1f5d02
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/like-not-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20" fill="none">
+  <path d="M14.0001 4C12.7759 4 11.6895 4.48322 10.9533 5.31378C10.2172 4.48322 9.13075 4 7.90654 4C6.8403 4.00129 5.81809 4.42543 5.06414 5.17938C4.31019 5.93333 3.88606 6.95553 3.88477 8.02178C3.88477 12.4299 10.3324 15.952 10.6066 16.1001C10.7132 16.1575 10.8323 16.1875 10.9533 16.1875C11.0744 16.1875 11.1935 16.1575 11.3001 16.1001C11.5743 15.952 18.0219 12.4299 18.0219 8.02178C18.0206 6.95553 17.5965 5.93333 16.8426 5.17938C16.0886 4.42543 15.0664 4.00129 14.0001 4ZM13.6656 12.6749C12.8169 13.395 11.9097 14.0432 10.9533 14.6126C9.99699 14.0432 9.08976 13.395 8.24108 12.6749C6.9206 11.5421 5.34723 9.81452 5.34723 8.02178C5.34723 7.34301 5.61687 6.69204 6.09684 6.21207C6.5768 5.73211 7.22777 5.46247 7.90654 5.46247C8.99121 5.46247 9.89915 6.03526 10.2763 6.95784C10.3312 7.09233 10.425 7.20742 10.5455 7.28843C10.6661 7.36945 10.8081 7.41271 10.9533 7.41271C11.0986 7.41271 11.2406 7.36945 11.3612 7.28843C11.4817 7.20742 11.5754 7.09233 11.6303 6.95784C12.0075 6.03526 12.9155 5.46247 14.0001 5.46247C14.6789 5.46247 15.3299 5.73211 15.8099 6.21207C16.2898 6.69204 16.5595 7.34301 16.5595 8.02178C16.5595 9.81452 14.9861 11.5421 13.6656 12.6749Z" fill="#FF474A"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/modify.svg b/apps/university-web/public/svgs/mentor/modify.svg
new file mode 100644
index 00000000..0cb4e592
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/modify.svg
@@ -0,0 +1,4 @@
+<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="1.5" width="37" height="37" rx="18.5" stroke="#5950F6" stroke-width="3"/>
+<path d="M29.2075 15.0419C29.5975 14.652 29.5975 14.0021 29.2075 13.6321L26.8679 11.2925C26.4979 10.9025 25.848 10.9025 25.4581 11.2925L23.6183 13.1222L27.3678 16.8717M11.5 25.2505V29H15.2495L26.3079 17.9315L22.5585 14.1821L11.5 25.2505Z" fill="#5950F6"/>
+</svg>
diff --git a/apps/university-web/public/svgs/mentor/pencil.svg b/apps/university-web/public/svgs/mentor/pencil.svg
new file mode 100644
index 00000000..ece515eb
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/pencil.svg
@@ -0,0 +1,6 @@
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none">
+              <path
+                d="M9.83752 2.24552C10.0542 2.02888 10.0542 1.66782 9.83752 1.4623L8.5377 0.162477C8.33218 -0.0541591 7.97112 -0.0541591 7.75448 0.162477L6.7324 1.179L8.81544 3.26205M0 7.91696V10H2.08304L8.22664 3.85085L6.14359 1.76781L0 7.91696Z"
+                fill="white"
+              />
+            </svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/plus-k-200.svg b/apps/university-web/public/svgs/mentor/plus-k-200.svg
new file mode 100644
index 00000000..2adbe3d1
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/plus-k-200.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none">
+  <path d="M1.5 5H8.5" stroke="#C6C7C9" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M5 1.5L5 8.5" stroke="#C6C7C9" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/plus.svg b/apps/university-web/public/svgs/mentor/plus.svg
new file mode 100644
index 00000000..1658e625
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none">
+  <path d="M1.5 5H8.5" stroke="#F5F5F5" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M5 1.5L5 8.5" stroke="#F5F5F5" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/poligon.svg b/apps/university-web/public/svgs/mentor/poligon.svg
new file mode 100644
index 00000000..7149e54f
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/poligon.svg
@@ -0,0 +1 @@
+   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none"><path d="M6 0L11.1962 9H0.803848L6 0Z" fill="#4672EE" /></svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/report.svg b/apps/university-web/public/svgs/mentor/report.svg
new file mode 100644
index 00000000..7b194ca0
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/report.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" fill="none">
+  <path d="M0.84375 15.2303C0.84375 15.7027 1.20938 16.0843 1.66193 16.0843H16.3381C16.7906 16.0843 17.1562 15.7027 17.1562 15.2303V9.01264C17.1562 4.31067 13.5051 0.5 9 0.5C4.49489 0.5 0.84375 4.31067 0.84375 9.01264V15.2303ZM2.68466 9.01264C2.68466 5.37275 5.5125 2.42135 9 2.42135C12.4875 2.42135 15.3153 5.37275 15.3153 9.01264V14.1629H6.23864V9.59972C6.23864 9.45295 6.12358 9.33286 5.98295 9.33286H4.85795C4.71733 9.33286 4.60227 9.45295 4.60227 9.59972V14.1629H2.68466V9.01264ZM17.1818 17.7921H0.818182C0.365625 17.7921 0 18.1737 0 18.6461V19.2865C0 19.4039 0.0920454 19.5 0.204545 19.5H17.7955C17.908 19.5 18 19.4039 18 19.2865V18.6461C18 18.1737 17.6344 17.7921 17.1818 17.7921Z" fill="#4672EE"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/search-blue.svg b/apps/university-web/public/svgs/mentor/search-blue.svg
new file mode 100644
index 00000000..2cb796f6
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/search-blue.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
+  <path d="M15.9091 16.3639C13.8973 14.3521 12.803 13.0306 12.803 13.0306M2.5 8.73764C2.5 9.5269 2.65546 10.3084 2.95749 11.0376C3.25953 11.7668 3.70223 12.4293 4.26032 12.9874C4.81841 13.5455 5.48096 13.9882 6.21014 14.2903C6.93931 14.5923 7.72084 14.7477 8.5101 14.7477C9.29936 14.7477 10.0809 14.5923 10.8101 14.2903C11.5392 13.9882 12.2018 13.5455 12.7599 12.9874C13.318 12.4293 13.7607 11.7668 14.0627 11.0376C14.3647 10.3084 14.5202 9.5269 14.5202 8.73764C14.5202 7.94838 14.3647 7.16685 14.0627 6.43767C13.7607 5.7085 13.318 5.04595 12.7599 4.48786C12.2018 3.92977 11.5392 3.48707 10.8101 3.18503C10.0809 2.88299 9.29936 2.72754 8.5101 2.72754C7.72084 2.72754 6.93931 2.88299 6.21014 3.18503C5.48096 3.48707 4.81841 3.92977 4.26032 4.48786C3.70223 5.04595 3.25953 5.7085 2.95749 6.43767C2.65546 7.16685 2.5 7.94838 2.5 8.73764Z" stroke="#5C82F0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/setting.svg b/apps/university-web/public/svgs/mentor/setting.svg
new file mode 100644
index 00000000..916c3a82
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/setting.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 14" fill="none">
+  <path d="M1 1H19" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M1 7H19" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M1 13H19" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/smile.svg b/apps/university-web/public/svgs/mentor/smile.svg
new file mode 100644
index 00000000..540d6a34
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/smile.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" fill="none">
+  <path d="M18 33C20.125 34.575 22.7125 35.5 25.5 35.5C28.2875 35.5 30.875 34.575 33 33" stroke="url(#paint0_linear_2096_14847)" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M48 25.5C48 28.4547 47.418 31.3806 46.2873 34.1104C45.1566 36.8402 43.4992 39.3206 41.4099 41.4099C39.3206 43.4992 36.8402 45.1566 34.1104 46.2873C31.3806 47.418 28.4547 48 25.5 48C22.5453 48 19.6194 47.418 16.8896 46.2873C14.1598 45.1566 11.6794 43.4992 9.5901 41.4099C7.50078 39.3206 5.84344 36.8402 4.71271 34.1104C3.58198 31.3806 3 28.4547 3 25.5C3 19.5326 5.37053 13.8097 9.5901 9.5901C13.8097 5.37053 19.5326 3 25.5 3C31.4674 3 37.1903 5.37053 41.4099 9.5901C45.6295 13.8097 48 19.5326 48 25.5Z" stroke="url(#paint1_linear_2096_14847)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="18.4167" cy="21.3334" r="2.5" fill="url(#paint2_linear_2096_14847)"/>
+  <circle cx="33.4167" cy="21.3334" r="2.5" fill="url(#paint3_linear_2096_14847)"/>
+  <defs>
+    <linearGradient id="paint0_linear_2096_14847" x1="34.6667" y1="32.1667" x2="16.3333" y2="32.1667" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_2096_14847" x1="49.6667" y1="28" x2="1.33333" y2="27.1667" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear_2096_14847" x1="63.4168" y1="21.3334" x2="-6.58325" y2="22.5834" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear_2096_14847" x1="58.4167" y1="22.5834" x2="-11.5833" y2="22.5834" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/solid-connection-logo.svg b/apps/university-web/public/svgs/mentor/solid-connection-logo.svg
new file mode 100644
index 00000000..ebd956e4
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/solid-connection-logo.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="51" height="31" viewBox="0 0 51 31" fill="none">
+  <path d="M38.6439 7.48192C38.4931 7.48192 38.3396 7.48192 38.1861 7.49094C36.7374 5.11671 34.631 3.16455 32.0956 1.84645C29.5602 0.528348 26.6928 -0.105315 23.8047 0.0142745C20.9166 0.133864 18.1182 1.00213 15.7134 2.5248C13.3086 4.04746 11.3893 6.16631 10.164 8.65126C8.43327 8.96292 6.79723 9.63604 5.37441 10.6218C3.9516 11.6077 2.77763 12.8815 1.93757 14.351C1.0975 15.8206 0.612368 17.4491 0.517308 19.1185C0.422247 20.788 0.719641 22.4566 1.38795 24.0035C2.05625 25.5504 3.07873 26.9369 4.38132 28.0625C5.68391 29.188 7.23399 30.0246 8.91928 30.5114C10.6046 30.9983 12.3829 31.1233 14.1253 30.8774C15.8678 30.6315 17.5308 30.0209 18.9939 29.0897C20.7519 29.7091 22.6123 30.0257 24.4875 30.0244C24.7836 30.0244 25.092 30.0154 25.4085 29.9986H37.8709C38.1576 30.0154 38.4021 30.0244 38.6385 30.0244C38.8748 30.0244 39.1194 30.0154 39.406 29.9986L40.0999 29.931L40.6544 29.8619C43.5824 29.3793 46.2133 27.8725 48.0281 25.6391C49.8428 23.4056 50.7095 20.6076 50.457 17.7974C50.2046 14.9872 48.8513 12.3689 46.6644 10.4592C44.4775 8.54949 41.6157 7.48719 38.6439 7.48192ZM37.6631 20.9842C37.4849 20.3793 37.185 19.8128 36.7801 19.3159C36.2612 18.6984 35.5983 18.2845 34.7533 17.9996C35.5487 17.7563 36.2533 17.3007 36.7828 16.6871C37.1885 16.1879 37.4884 15.6187 37.6658 15.0111C37.8434 15.6184 38.1427 16.1875 38.5475 16.6871C39.0759 17.3017 39.7802 17.7584 40.5756 18.0022C39.7293 18.2897 39.0664 18.7009 38.5475 19.3185C38.1427 19.8156 37.8424 20.382 37.6631 20.9868V20.9842ZM12.396 10.8378C14.2941 10.8361 16.1481 11.3818 17.7121 12.4026C19.2761 13.4234 20.4765 14.8711 21.1541 16.5539C21.8317 18.2367 21.9546 20.0751 21.5065 21.8257C21.0584 23.5763 20.0604 25.1563 18.6448 26.3565C15.7195 25.0004 13.4197 22.6733 12.181 19.8159C10.9422 16.9585 10.8505 13.7693 11.9232 10.852C12.0808 10.8443 12.2357 10.8404 12.3905 10.8404L12.396 10.8378ZM12.396 28.6294C10.1978 28.6281 8.07009 27.8936 6.38469 26.5544C4.69929 25.2152 3.56344 23.3564 3.17566 21.3029C2.78789 19.2495 3.17287 17.132 4.26331 15.3207C5.35374 13.5093 7.08027 12.1192 9.14111 11.3935C8.32855 14.4954 8.58053 17.7626 9.86037 20.7192C11.1402 23.6758 13.3811 26.1674 16.2567 27.8314C15.0428 28.3559 13.7243 28.6267 12.3905 28.6256L12.396 28.6294ZM25.3447 27.6277H25.3067C25.035 27.6431 24.7633 27.6509 24.4984 27.6509C23.3958 27.651 22.2974 27.521 21.2286 27.2641C22.7229 25.6872 23.718 23.7421 24.0994 21.6523C24.4808 19.5626 24.233 17.4132 23.3846 15.4511C22.5362 13.4891 21.1215 11.7941 19.3033 10.5611C17.4851 9.32811 15.3372 8.60713 13.1064 8.48108C14.3344 6.55489 16.0824 4.97508 18.1696 3.90511C20.2567 2.83514 22.6072 2.31388 24.9778 2.39525C27.3484 2.47663 29.6531 3.15769 31.6533 4.36796C33.6536 5.57824 35.2768 7.27377 36.3549 9.27913L36.7489 10.0101H36.7638C36.5804 13.1378 36.3114 14.8422 35.5412 15.7537C34.6596 16.8032 32.8922 17.0185 29.0682 17.257V18.7525C32.8922 18.9923 34.6596 19.2063 35.5412 20.2558C36.4228 21.3052 36.6497 23.4441 36.844 27.6303L25.3447 27.6277ZM39.3218 27.6277H39.2742C39.0351 27.6431 38.8354 27.6496 38.6493 27.6496H38.4822C38.6765 23.4479 38.8898 21.3142 39.785 20.2532C40.6802 19.1921 42.4353 18.9897 46.258 18.7499V17.2544C42.4353 17.0159 40.6666 16.8006 39.785 15.7511C39.0066 14.8268 38.7431 13.0837 38.5624 9.86573H38.6534C41.0659 9.88705 43.3768 10.7904 45.1053 12.3878C46.8338 13.9851 47.8468 16.1535 47.9334 18.4417C48.02 20.7299 47.1736 22.9617 45.5704 24.6727C43.9672 26.3837 41.7305 27.4421 39.3258 27.6277H39.3218Z" fill="url(#paint0_linear_2573_14059)"/>
+  <defs>
+    <linearGradient id="paint0_linear_2573_14059" x1="36.4304" y1="5.27" x2="13.3846" y2="26.9277" gradientUnits="userSpaceOnUse">
+      <stop offset="0.060612" stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#2AA4E2"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/time.svg b/apps/university-web/public/svgs/mentor/time.svg
new file mode 100644
index 00000000..8f39cd04
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/time.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 50" fill="none">
+  <path d="M25.6826 2.50098C29.5702 2.53258 33.3832 3.57079 36.75 5.51465C40.1436 7.47407 42.9674 10.2861 44.9404 13.6719C46.9133 17.0575 47.9674 20.8999 47.999 24.8184C48.0307 28.7369 47.0381 32.5956 45.1201 36.0127C43.2021 39.4298 40.425 42.2868 37.0635 44.3008C33.702 46.3147 29.8729 47.4158 25.9551 47.4951C22.0373 47.5744 18.1668 46.6292 14.7266 44.7529C11.2864 42.8766 8.39555 40.1345 6.34082 36.7979C4.28608 33.4611 3.13864 29.6451 3.01172 25.7285L3.01074 25.708V25.6865L3 25.0381V24.9609L3.01074 24.3135V24.292L3.01172 24.2705C3.13777 20.3848 4.26779 16.5979 6.29297 13.2793C8.31818 9.96065 11.1693 7.22399 14.5674 5.33496C17.9655 3.44594 21.7949 2.46938 25.6826 2.50098Z" stroke="url(#paint0_linear_2623_17160)" stroke-width="5"/>
+  <path d="M25.0003 12.9998C24.4492 12.9998 23.9173 13.2022 23.5054 13.5684C23.0936 13.9346 22.8305 14.4392 22.766 14.9865L22.7502 15.2498V26.4998L22.7705 26.7945C22.8218 27.1849 22.9746 27.5549 23.2138 27.8678L23.4095 28.0928L30.1596 34.8427L30.3711 35.0273C30.7657 35.3334 31.2509 35.4996 31.7504 35.4996C32.2498 35.4996 32.735 35.3334 33.1296 35.0273L33.3411 34.8405L33.5279 34.629C33.834 34.2344 34.0002 33.7492 34.0002 33.2498C34.0002 32.7503 33.834 32.2651 33.5279 31.8705L33.3411 31.659L27.2503 25.566V15.2498L27.2346 14.9865C27.1701 14.4392 26.907 13.9346 26.4951 13.5684C26.0833 13.2022 25.5514 12.9998 25.0003 12.9998Z" fill="url(#paint1_linear_2623_17160)"/>
+  <defs>
+    <linearGradient id="paint0_linear_2623_17160" x1="14.7192" y1="20.9965" x2="54.7197" y2="20.9965" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#388CE8"/>
+      <stop offset="1" stop-color="#5950F6"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_2623_17160" x1="-1.4375" y1="26.5" x2="50.3125" y2="26.5" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#388CE8"/>
+      <stop offset="1" stop-color="#5950F6"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/un-smile.svg b/apps/university-web/public/svgs/mentor/un-smile.svg
new file mode 100644
index 00000000..87953035
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/un-smile.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 51" fill="none">
+  <path d="M17.5 33.8334C19.625 32.2584 22.2125 31.3334 25 31.3334C27.7875 31.3334 30.375 32.2584 32.5 33.8334" stroke="url(#paint0_linear_2093_14808)" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M47.5 25.5C47.5 28.4547 46.918 31.3806 45.7873 34.1104C44.6566 36.8402 42.9992 39.3206 40.9099 41.4099C38.8206 43.4992 36.3402 45.1566 33.6104 46.2873C30.8806 47.418 27.9547 48 25 48C22.0453 48 19.1194 47.418 16.3896 46.2873C13.6598 45.1566 11.1794 43.4992 9.0901 41.4099C7.00078 39.3206 5.34344 36.8402 4.21271 34.1104C3.08198 31.3806 2.5 28.4547 2.5 25.5C2.5 19.5326 4.87053 13.8097 9.0901 9.5901C13.3097 5.37053 19.0326 3 25 3C30.9674 3 36.6903 5.37053 40.9099 9.5901C45.1295 13.8097 47.5 19.5326 47.5 25.5Z" stroke="url(#paint1_linear_2093_14808)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="17.9167" cy="21.3334" r="2.5" fill="url(#paint2_linear_2093_14808)"/>
+  <circle cx="32.9167" cy="21.3334" r="2.5" fill="url(#paint3_linear_2093_14808)"/>
+  <defs>
+    <linearGradient id="paint0_linear_2093_14808" x1="34.1667" y1="34.6667" x2="15.8333" y2="34.6667" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_2093_14808" x1="49.1667" y1="28" x2="0.833334" y2="27.1667" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear_2093_14808" x1="62.9168" y1="21.3334" x2="-7.08325" y2="22.5834" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear_2093_14808" x1="57.9167" y1="22.5834" x2="-12.0833" y2="22.5834" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#388CE8"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/user-primary-color.svg b/apps/university-web/public/svgs/mentor/user-primary-color.svg
new file mode 100644
index 00000000..9c2e452a
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/user-primary-color.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 14" fill="none">
+    <path d="M3 3.95801C3 5.61201 4.346 6.95801 6 6.95801C7.654 6.95801 9 5.61201 9 3.95801C9 2.30401 7.654 0.958008 6 0.958008C4.346 0.958008 3 2.30401 3 3.95801ZM11.3333 13.6247H12V12.958C12 10.3853 9.906 8.29134 7.33333 8.29134H4.66667C2.09333 8.29134 0 10.3853 0 12.958V13.6247H11.3333Z" fill="#9892FF"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/mentor/x-white.svg b/apps/university-web/public/svgs/mentor/x-white.svg
new file mode 100644
index 00000000..147dc4f8
--- /dev/null
+++ b/apps/university-web/public/svgs/mentor/x-white.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <path d="M2.64716 1.05025C2.45963 0.862716 2.20527 0.75736 1.94006 0.75736C1.67484 0.75736 1.42049 0.862716 1.23295 1.05025C1.04541 1.23779 0.940057 1.49214 0.940058 1.75736C0.940058 2.02258 1.04541 2.27693 1.23295 2.46447L4.76848 6L1.23295 9.53553C1.04541 9.72307 0.940058 9.97742 0.940058 10.2426C0.940057 10.5079 1.04541 10.7622 1.23295 10.9497C1.42049 11.1373 1.67484 11.2426 1.94006 11.2426C2.20527 11.2426 2.45963 11.1373 2.64716 10.9497L6.1827 7.41421L9.71823 10.9497C9.90577 11.1373 10.1601 11.2426 10.4253 11.2426C10.6906 11.2426 10.9449 11.1373 11.1324 10.9497C11.32 10.7622 11.4253 10.5079 11.4253 10.2426C11.4253 9.97742 11.32 9.72307 11.1324 9.53553L7.59691 6L11.1324 2.46447C11.32 2.27693 11.4253 2.02258 11.4253 1.75736C11.4253 1.49214 11.32 1.23779 11.1324 1.05025C10.9449 0.862716 10.6906 0.757359 10.4253 0.757359C10.1601 0.757359 9.90577 0.862716 9.71823 1.05025L6.1827 4.58579L2.64716 1.05025Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/more-vert-filled.svg b/apps/university-web/public/svgs/more-vert-filled.svg
new file mode 100644
index 00000000..d1261200
--- /dev/null
+++ b/apps/university-web/public/svgs/more-vert-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z" fill="black" fill-opacity="0.54"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/album-white.svg b/apps/university-web/public/svgs/my/album-white.svg
new file mode 100644
index 00000000..f7ea6712
--- /dev/null
+++ b/apps/university-web/public/svgs/my/album-white.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+  <path d="M0.75 1.75C0.75 1.19772 1.19772 0.75 1.75 0.75H12.25C12.8023 0.75 13.25 1.19772 13.25 1.75V12.25C13.25 12.8023 12.8023 13.25 12.25 13.25H1.75C1.19772 13.25 0.75 12.8023 0.75 12.25V1.75ZM12.1631 2.83695C12.1631 2.28467 11.7153 1.83695 11.1631 1.83695H2.83696C2.28468 1.83695 1.83696 2.28467 1.83696 2.83695V11.1631C1.83696 11.7153 2.28468 12.1631 2.83696 12.1631H11.1631C11.7153 12.1631 12.1631 11.7153 12.1631 11.1631V2.83695ZM2.06199 11.1522C1.84977 11.3644 1.50572 11.3644 1.29351 11.1522C1.08128 10.94 1.08128 10.5959 1.2935 10.3837L4.21689 7.46029C4.60717 7.07001 5.23986 7.06973 5.63049 7.45967L7.33041 9.15662C7.72103 9.54656 8.35372 9.54629 8.74401 9.156L9.40626 8.49374C9.79709 8.10291 10.4309 8.10326 10.8212 8.49451L12.7068 10.3842C12.9189 10.5967 12.9185 10.9409 12.706 11.153C12.4935 11.3651 12.1493 11.3647 11.9372 11.1522L10.8202 10.0329C10.4298 9.64176 9.79606 9.64144 9.40526 10.0322L8.74399 10.6935C8.35371 11.0838 7.72102 11.0841 7.3304 10.6941L5.63042 8.99712C5.23982 8.6072 4.60717 8.60745 4.21688 8.99768L2.06199 11.1522ZM8.03805 3.3424C8.9115 3.3424 9.61957 4.05047 9.61957 4.92392C9.61957 5.79737 8.9115 6.50544 8.03805 6.50544C7.1646 6.50544 6.45655 5.79737 6.45655 4.92392C6.45746 4.05084 7.16507 3.34332 8.03805 3.3424ZM8.03805 5.41848C8.3112 5.41848 8.53262 5.19705 8.53262 4.92392C8.53262 4.65078 8.31119 4.42935 8.03805 4.42935C7.76491 4.42935 7.54349 4.65078 7.54349 4.92392C7.54379 5.19694 7.76508 5.41818 8.03805 5.41848Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/alert-error-red.svg b/apps/university-web/public/svgs/my/alert-error-red.svg
new file mode 100644
index 00000000..93288b99
--- /dev/null
+++ b/apps/university-web/public/svgs/my/alert-error-red.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <path d="M5.99988 12C9.27653 12 12 9.28236 12 6C12 2.72342 9.2705 0 5.99385 0C2.71168 0 0 2.72342 0 6C0 9.28236 2.71745 12 5.99988 12ZM5.99435 6.88246C5.68237 6.88246 5.51195 6.69999 5.49991 6.38802L5.41758 3.48264C5.40579 3.15887 5.65276 2.92972 5.98808 2.92972C6.31763 2.92972 6.57037 3.1649 6.55883 3.48841L6.47625 6.38852C6.46445 6.70602 6.28801 6.88271 5.9941 6.88271M5.9941 9.04744C5.65276 9.04744 5.33501 8.77688 5.33501 8.41195C5.33501 8.04702 5.64699 7.77696 5.9941 7.77696C6.3352 7.77696 6.6527 8.0415 6.6527 8.41195C6.6527 8.78265 6.32917 9.04744 5.9941 9.04744Z" fill="#E22A2D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/book.svg b/apps/university-web/public/svgs/my/book.svg
new file mode 100644
index 00000000..6af6ac07
--- /dev/null
+++ b/apps/university-web/public/svgs/my/book.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" fill="none">
+  <path d="M2.5 5.49935C2.5 4.61529 2.85119 3.76745 3.47631 3.14233C4.10143 2.51721 4.94928 2.16602 5.83333 2.16602H17.5V18.8327H5.83333C4.94928 18.8327 4.10143 18.4815 3.47631 17.8564C2.85119 17.2312 2.5 16.3834 2.5 15.4993V5.49935ZM4.16667 12.6118C4.67347 12.3195 5.24828 12.1658 5.83333 12.166H15.8333V3.83268H5.83333C5.39131 3.83268 4.96738 4.00828 4.65482 4.32084C4.34226 4.6334 4.16667 5.05732 4.16667 5.49935V12.6118ZM15.8333 13.8327H5.83333C5.39131 13.8327 4.96738 14.0083 4.65482 14.3208C4.34226 14.6334 4.16667 15.0573 4.16667 15.4993C4.16667 15.9414 4.34226 16.3653 4.65482 16.6779C4.96738 16.9904 5.39131 17.166 5.83333 17.166H15.8333V13.8327ZM8.33333 5.49935H14.1667V7.16602H8.33333V5.49935Z" fill="#76797D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/check-blue.svg b/apps/university-web/public/svgs/my/check-blue.svg
new file mode 100644
index 00000000..aef5b3d5
--- /dev/null
+++ b/apps/university-web/public/svgs/my/check-blue.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <circle cx="6" cy="6" r="6" fill="#4672EE"/>
+  <path d="M2.66663 5.66667L4.88885 8.33333L9.33329 3" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/earth.svg b/apps/university-web/public/svgs/my/earth.svg
new file mode 100644
index 00000000..7378c5db
--- /dev/null
+++ b/apps/university-web/public/svgs/my/earth.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
+  <path d="M10 1.25C8.26942 1.25 6.57769 1.76318 5.13876 2.72464C3.69983 3.6861 2.57832 5.05267 1.91606 6.65152C1.25379 8.25037 1.08051 10.0097 1.41813 11.707C1.75575 13.4044 2.58911 14.9635 3.81282 16.1872C5.03653 17.4109 6.59563 18.2442 8.29296 18.5819C9.9903 18.9195 11.7496 18.7462 13.3485 18.0839C14.9473 17.4217 16.3139 16.3002 17.2754 14.8612C18.2368 13.4223 18.75 11.7306 18.75 10C18.7474 7.68017 17.8246 5.45611 16.1843 3.81574C14.5439 2.17537 12.3198 1.25265 10 1.25ZM2.5125 10.2462L3.34875 10.525L4.375 12.0644V12.8663C4.37504 13.032 4.44091 13.1909 4.55813 13.3081L6.25 15V16.4856C5.14893 15.848 4.22815 14.9408 3.57432 13.8493C2.92049 12.7578 2.55509 11.5179 2.5125 10.2462ZM10 17.5C9.45932 17.4987 8.92035 17.439 8.3925 17.3219L8.75 16.25L9.87813 13.43C9.91572 13.3358 9.92984 13.234 9.91928 13.1331C9.90872 13.0323 9.87379 12.9356 9.8175 12.8512L8.93563 11.5281C8.87854 11.4426 8.8012 11.3724 8.71049 11.3239C8.61978 11.2754 8.5185 11.25 8.41563 11.25H5.33438L4.55438 10.0794L5.88375 8.75H6.875V10H8.125V8.29125L10.5425 4.06L9.4575 3.44L8.92313 4.375H7.20938L6.53125 3.35687C7.44238 2.87603 8.44374 2.59038 9.47143 2.51818C10.4991 2.44597 11.5306 2.58878 12.5 2.9375V5C12.5 5.16576 12.5659 5.32473 12.6831 5.44194C12.8003 5.55915 12.9592 5.625 13.125 5.625H14.0406C14.1435 5.62502 14.2448 5.59964 14.3355 5.55112C14.4262 5.5026 14.5035 5.43245 14.5606 5.34688L15.1088 4.52437C15.823 5.18981 16.4005 5.98829 16.8088 6.875H14.2625C14.1181 6.87509 13.9781 6.9252 13.8665 7.0168C13.7548 7.10841 13.6783 7.23587 13.65 7.3775L13.1981 10.1713C13.1767 10.3028 13.198 10.4377 13.2587 10.5563C13.3194 10.6749 13.4164 10.7711 13.5356 10.8306L15.625 11.875L16.0531 14.41C15.3594 15.366 14.4494 16.1443 13.3973 16.6813C12.3453 17.2184 11.1812 17.4989 10 17.5Z" fill="#76797D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/graduation-primary.svg b/apps/university-web/public/svgs/my/graduation-primary.svg
new file mode 100644
index 00000000..87aba80b
--- /dev/null
+++ b/apps/university-web/public/svgs/my/graduation-primary.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none">
+  <path d="M7.7813 16.0787V18.6555C7.7813 19.325 8.16394 19.9486 8.77616 20.2695L13.5591 22.773C14.1331 23.0757 14.8218 23.0757 15.3958 22.773L20.1788 20.2695C20.791 19.9486 21.1736 19.325 21.1736 18.6555V16.0787L15.3958 19.1049C14.8218 19.4075 14.1331 19.4075 13.5591 19.1049L7.7813 16.0787ZM13.5591 7.22009L5.49504 11.4385C4.83499 11.7869 4.83499 12.704 5.49504 13.0524L13.5591 17.2708C14.1331 17.5734 14.8218 17.5734 15.3958 17.2708L23.0868 13.245V18.6647C23.0868 19.1691 23.5173 19.5817 24.0434 19.5817C24.5695 19.5817 25 19.1691 25 18.6647V12.7865C25 12.4472 24.8087 12.1446 24.5026 11.9795L15.3958 7.22009C15.1132 7.07559 14.7978 7 14.4775 7C14.1571 7 13.8418 7.07559 13.5591 7.22009Z" fill="#837CF8"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/index.ts b/apps/university-web/public/svgs/my/index.ts
new file mode 100644
index 00000000..2ab6e06b
--- /dev/null
+++ b/apps/university-web/public/svgs/my/index.ts
@@ -0,0 +1,43 @@
+import IconAlbumWhite from "./album-white.svg";
+import IconAlertErrorRed from "./alert-error-red.svg";
+import IconBook from "./book.svg";
+import IconCheckBlue from "./check-blue.svg";
+import IconEarth from "./earth.svg";
+import IconGraduationPrimary from "./graduation-primary.svg";
+import IconInterestUniversity from "./interest-university.svg";
+import IconLock from "./lock.svg";
+import IconMyInfoCardBookmark from "./my-info-card-bookmark.svg";
+import IconMyInfoCardMento from "./my-info-card-mento.svg";
+import IconMyInfoCardWish from "./my-info-card-wish.svg";
+import IconMyMenuArrow from "./my-menu-arrow.svg";
+import IconMyMenuCalendar from "./my-menu-calendar.svg";
+import IconMyMenuLock from "./my-menu-lock.svg";
+import IconMyMenuPerson from "./my-menu-person.svg";
+import IconPassword from "./password.svg";
+import IconSolidConnectionSmallLogo from "./solid-connection-small-logo.svg";
+import IconUniversity from "./university.svg";
+import IconVisibilityOff from "./visibility-off.svg";
+import IconVisibilityOn from "./visibility-on.svg";
+
+export {
+  IconMyMenuArrow,
+  IconMyMenuCalendar,
+  IconMyMenuLock,
+  IconMyMenuPerson,
+  IconMyInfoCardBookmark,
+  IconMyInfoCardMento,
+  IconMyInfoCardWish,
+  IconInterestUniversity,
+  IconGraduationPrimary,
+  IconBook,
+  IconEarth,
+  IconLock,
+  IconPassword,
+  IconUniversity,
+  IconSolidConnectionSmallLogo,
+  IconAlbumWhite,
+  IconCheckBlue,
+  IconAlertErrorRed,
+  IconVisibilityOn,
+  IconVisibilityOff,
+};
diff --git a/apps/university-web/public/svgs/my/interest-university.svg b/apps/university-web/public/svgs/my/interest-university.svg
new file mode 100644
index 00000000..08d36d95
--- /dev/null
+++ b/apps/university-web/public/svgs/my/interest-university.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03375 0.294694C9.25447 0.118191 9.52517 0.0156635 9.80744 0.00165471C10.0897 -0.0123541 10.3692 0.0628667 10.6063 0.216648L10.7149 0.294694L14.5831 3.38963C14.7718 3.54047 14.9282 3.72788 15.0427 3.94061C15.1572 4.15334 15.2276 4.38701 15.2496 4.6276L15.2568 4.78998V15.1244H16.1539V7.49917C16.1539 7.39418 16.1906 7.29252 16.2579 7.21187C16.3251 7.13122 16.4184 7.0767 16.5217 7.0578L16.6024 7.05062H17.051C17.5036 7.05048 17.9396 7.22143 18.2715 7.52921C18.6034 7.837 18.8067 8.25885 18.8407 8.71023L18.8451 8.84479V15.9317C18.845 16.1747 18.7553 16.4092 18.5931 16.5901C18.4308 16.771 18.2076 16.8857 17.966 16.9123L17.8583 16.9185H1.89028C1.64712 16.9187 1.41247 16.829 1.23135 16.6668C1.05023 16.5045 0.935397 16.2811 0.908871 16.0394L0.903488 15.9317V8.84479C0.903345 8.39214 1.0743 7.95617 1.38208 7.62427C1.68986 7.29236 2.11172 7.08906 2.56309 7.05511L2.69765 7.05062H3.14619C3.25118 7.05059 3.35284 7.08738 3.43349 7.15459C3.51414 7.22179 3.56866 7.31516 3.58756 7.41843L3.59474 7.49917V15.1244H4.49182V4.78998C4.4918 4.54838 4.54058 4.30926 4.63523 4.08698C4.72988 3.86469 4.86845 3.66381 5.04263 3.49638L5.16553 3.38873L9.03375 0.294694ZM9.87431 6.15264C9.39847 6.15264 8.94212 6.34167 8.60565 6.67814C8.26918 7.01461 8.08015 7.47097 8.08015 7.94681C8.08015 8.42265 8.26918 8.879 8.60565 9.21548C8.94212 9.55195 9.39847 9.74097 9.87431 9.74097C10.3502 9.74097 10.8065 9.55195 11.143 9.21548C11.4795 8.879 11.6685 8.42265 11.6685 7.94681C11.6685 7.47097 11.4795 7.01461 11.143 6.67814C10.8065 6.34167 10.3502 6.15264 9.87431 6.15264Z" fill="#FF934B"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/like.svg b/apps/university-web/public/svgs/my/like.svg
new file mode 100644
index 00000000..4a132e96
--- /dev/null
+++ b/apps/university-web/public/svgs/my/like.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
+  <path d="M14.5994 22.8807C14.7164 22.9583 14.8562 23 14.9995 23C15.1429 23 15.2827 22.9583 15.3997 22.8807L15 22.3514L15.4006 22.8807L15.408 22.8755L15.4274 22.8625L15.5012 22.8123C15.5652 22.7691 15.656 22.706 15.7735 22.6229C17.1452 21.6529 18.44 20.591 19.6477 19.4454C20.7074 18.4353 21.7846 17.2547 22.6006 16.0024C23.4129 14.757 24 13.387 24 12.0136C24 10.3834 23.46 9.10941 22.5046 8.24454C21.5538 7.38487 20.2708 7 18.9231 7C17.3308 7 15.9249 7.72043 15 8.83092C14.0751 7.72043 12.6683 7 11.0769 7C8.23385 7 6 9.28238 6 12.0136C6 13.387 6.588 14.7561 7.39938 16.0024C8.21538 17.2547 9.29262 18.4353 10.3523 19.4463C11.6398 20.6667 13.0261 21.7921 14.4988 22.8123L14.5726 22.8625L14.592 22.8755L14.5994 22.8807Z" fill="#FF6568"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/lock.svg b/apps/university-web/public/svgs/my/lock.svg
new file mode 100644
index 00000000..8ba78f33
--- /dev/null
+++ b/apps/university-web/public/svgs/my/lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none">
+  <path d="M6.99999 13.6673C6.55797 13.6673 6.13404 13.4917 5.82148 13.1792C5.50892 12.8666 5.33333 12.4427 5.33333 12.0007C5.33333 11.0757 6.07499 10.334 6.99999 10.334C7.44202 10.334 7.86594 10.5096 8.17851 10.8221C8.49107 11.1347 8.66666 11.5586 8.66666 12.0007C8.66666 12.4427 8.49107 12.8666 8.17851 13.1792C7.86594 13.4917 7.44202 13.6673 6.99999 13.6673ZM12 16.1673V7.83398H1.99999V16.1673H12ZM12 6.16732C12.442 6.16732 12.8659 6.34291 13.1785 6.65547C13.4911 6.96803 13.6667 7.39196 13.6667 7.83398V16.1673C13.6667 16.6093 13.4911 17.0333 13.1785 17.3458C12.8659 17.6584 12.442 17.834 12 17.834H1.99999C1.55797 17.834 1.13404 17.6584 0.821484 17.3458C0.508923 17.0333 0.333328 16.6093 0.333328 16.1673V7.83398C0.333328 6.90898 1.07499 6.16732 1.99999 6.16732H2.83333V4.50065C2.83333 3.39558 3.27232 2.33577 4.05372 1.55437C4.83512 0.772971 5.89493 0.333984 6.99999 0.333984C7.54717 0.333984 8.08899 0.441758 8.59451 0.651153C9.10003 0.860548 9.55936 1.16746 9.94627 1.55437C10.3332 1.94128 10.6401 2.40061 10.8495 2.90614C11.0589 3.41166 11.1667 3.95348 11.1667 4.50065V6.16732H12ZM6.99999 2.00065C6.33695 2.00065 5.70107 2.26404 5.23223 2.73288C4.76339 3.20173 4.49999 3.83761 4.49999 4.50065V6.16732H9.49999V4.50065C9.49999 3.83761 9.2366 3.20173 8.76776 2.73288C8.29892 2.26404 7.66304 2.00065 6.99999 2.00065Z" fill="#76797D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/my-info-card-bookmark.svg b/apps/university-web/public/svgs/my/my-info-card-bookmark.svg
new file mode 100644
index 00000000..ef4453c1
--- /dev/null
+++ b/apps/university-web/public/svgs/my/my-info-card-bookmark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="9" height="11" viewBox="0 0 9 11" fill="none">
+  <path d="M7.99946 0.5H1.00054C0.725564 0.5 0.5 0.703125 0.5 0.955078V10.5L4.5 6.86328L8.5 10.5V0.955078C8.5 0.703125 8.27658 0.5 7.99946 0.5Z" fill="#726AF7"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/my-info-card-mento.svg b/apps/university-web/public/svgs/my/my-info-card-mento.svg
new file mode 100644
index 00000000..f9a3056d
--- /dev/null
+++ b/apps/university-web/public/svgs/my/my-info-card-mento.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="11" viewBox="0 0 13 11" fill="none">
+  <path d="M11.3517 7.79226V4.41118L6.72967 6.91834C6.55742 7.01385 6.3756 7.0616 6.18421 7.0616C5.99282 7.0616 5.81101 7.01385 5.63876 6.91834L0.787086 4.28224C0.681823 4.22493 0.607565 4.1533 0.564311 4.06734C0.521058 3.98138 0.499622 3.88587 0.500005 3.78081C0.500388 3.67574 0.522015 3.58023 0.564885 3.49427C0.607756 3.40831 0.681823 3.33668 0.787086 3.27937L5.63876 0.643275C5.72488 0.59552 5.81349 0.559608 5.90459 0.535539C5.99569 0.51147 6.0889 0.499627 6.18421 0.500009C6.27952 0.500391 6.37292 0.512425 6.4644 0.536112C6.55589 0.559799 6.64431 0.59552 6.72967 0.643275L12.1986 3.62321C12.2943 3.67097 12.3685 3.74031 12.4213 3.83124C12.4742 3.92216 12.5004 4.01996 12.5 4.12464V7.79226C12.5 7.95463 12.4449 8.09083 12.3346 8.20085C12.2244 8.31088 12.0881 8.36571 11.9258 8.36532C11.7635 8.36494 11.6273 8.30993 11.517 8.20028C11.4068 8.09064 11.3517 7.95463 11.3517 7.79226ZM5.63876 10.3567L2.76795 8.80945C2.57656 8.70439 2.42823 8.56112 2.32297 8.37965C2.21771 8.19818 2.16508 8.00238 2.16508 7.79226V5.61461L5.63876 7.4914C5.81101 7.58691 5.99282 7.63467 6.18421 7.63467C6.3756 7.63467 6.55742 7.58691 6.72967 7.4914L10.2033 5.61461V7.79226C10.2033 8.00238 10.1507 8.19818 10.0455 8.37965C9.94019 8.56112 9.79186 8.70439 9.60048 8.80945L6.72967 10.3567C6.64354 10.4045 6.55512 10.4404 6.4644 10.4645C6.37368 10.4885 6.28029 10.5004 6.18421 10.5C6.08813 10.4996 5.99474 10.4878 5.90402 10.4645C5.8133 10.4412 5.72488 10.4052 5.63876 10.3567Z" fill="#726AF7"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/my-info-card-wish.svg b/apps/university-web/public/svgs/my/my-info-card-wish.svg
new file mode 100644
index 00000000..fc1ae79d
--- /dev/null
+++ b/apps/university-web/public/svgs/my/my-info-card-wish.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none">
+  <path d="M5.5 10.5L4.775 9.78065C2.2 7.2357 0.5 5.55177 0.5 3.49728C0.5 1.81335 1.71 0.5 3.25 0.5C4.12 0.5 4.955 0.941417 5.5 1.63352C6.045 0.941417 6.88 0.5 7.75 0.5C9.29 0.5 10.5 1.81335 10.5 3.49728C10.5 5.55177 8.8 7.2357 6.225 9.78065L5.5 10.5Z" fill="#726AF7"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/my-menu-arrow.svg b/apps/university-web/public/svgs/my/my-menu-arrow.svg
new file mode 100644
index 00000000..6a36d5fd
--- /dev/null
+++ b/apps/university-web/public/svgs/my/my-menu-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" fill="none">
+  <path d="M6.98732 5.50499C6.98833 5.5705 6.97193 5.63546 6.93917 5.69568C6.90641 5.75589 6.85802 5.81004 6.7971 5.85464L1.09058 10.3501C0.836957 10.55 0.443841 10.55 0.190217 10.3501C-0.0634058 10.1503 -0.0634058 9.84066 0.190217 9.64086L5.4529 5.495L0.202898 1.35914C-0.0507251 1.15934 -0.0507251 0.849649 0.202898 0.64985C0.456521 0.450049 0.849637 0.450049 1.10326 0.64985L6.80978 5.14535C6.93659 5.24525 7 5.37512 7 5.495L6.98732 5.50499Z" fill="#5F6268"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/my-menu-calendar.svg b/apps/university-web/public/svgs/my/my-menu-calendar.svg
new file mode 100644
index 00000000..4fa44694
--- /dev/null
+++ b/apps/university-web/public/svgs/my/my-menu-calendar.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+  <path d="M6.63184 11.842L8.21078 13.263L11.3687 10.4209" stroke="#5950F6" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M13 1.8V2.3H13.5H15.3C15.8835 2.3 16.4431 2.53179 16.8556 2.94437C17.2682 3.35695 17.5 3.91652 17.5 4.5V15.3C17.5 15.8835 17.2682 16.4431 16.8556 16.8556C16.4431 17.2682 15.8835 17.5 15.3 17.5H2.7C2.11652 17.5 1.55695 17.2682 1.14437 16.8556C0.731785 16.4431 0.5 15.8835 0.5 15.3V4.5C0.5 3.91652 0.731785 3.35695 1.14437 2.94437C1.55695 2.53179 2.11652 2.3 2.7 2.3H4.5H5V1.8V0.9C5 0.793914 5.04214 0.692172 5.11716 0.617157C5.19217 0.542143 5.29391 0.5 5.4 0.5C5.50609 0.5 5.60783 0.542143 5.68284 0.617157C5.75786 0.692172 5.8 0.793913 5.8 0.9V1.8V2.3H6.3H11.7H12.2V1.8V0.9C12.2 0.793913 12.2421 0.692171 12.3172 0.617158C12.3922 0.542143 12.4939 0.5 12.6 0.5C12.7061 0.5 12.8078 0.542143 12.8828 0.617158C12.9579 0.692171 13 0.793912 13 0.9V1.8ZM1.8 8.5H1.3V9V15.3C1.3 15.6713 1.4475 16.0274 1.71005 16.29C1.9726 16.5525 2.3287 16.7 2.7 16.7H15.3C15.6713 16.7 16.0274 16.5525 16.29 16.29C16.5525 16.0274 16.7 15.6713 16.7 15.3V9V8.5H16.2H1.8ZM16.2 7.7H16.7V7.2V4.5C16.7 4.1287 16.5525 3.7726 16.29 3.51005C16.0274 3.2475 15.6713 3.1 15.3 3.1H13.5H13V3.6V4.5C13 4.60609 12.9579 4.70783 12.8828 4.78284C12.8078 4.85786 12.7061 4.9 12.6 4.9C12.4939 4.9 12.3922 4.85786 12.3172 4.78284C12.2421 4.70783 12.2 4.60609 12.2 4.5V3.6V3.1H11.7H6.3H5.8V3.6V4.5C5.8 4.60609 5.75786 4.70783 5.68284 4.78284C5.60783 4.85786 5.50609 4.9 5.4 4.9C5.29391 4.9 5.19217 4.85786 5.11716 4.78284C5.04214 4.70783 5 4.60609 5 4.5V3.6V3.1H4.5H2.7C2.3287 3.1 1.9726 3.2475 1.71005 3.51005C1.4475 3.7726 1.3 4.1287 1.3 4.5V7.2V7.7H1.8H16.2Z" stroke="#5950F6"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/my-menu-lock.svg b/apps/university-web/public/svgs/my/my-menu-lock.svg
new file mode 100644
index 00000000..1d54235e
--- /dev/null
+++ b/apps/university-web/public/svgs/my/my-menu-lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none">
+  <path d="M8 13.7143C7.46957 13.7143 6.96086 13.5337 6.58579 13.2122C6.21071 12.8907 6 12.4547 6 12C6 11.0486 6.89 10.2857 8 10.2857C8.53043 10.2857 9.03914 10.4663 9.41421 10.7878C9.78929 11.1093 10 11.5453 10 12C10 12.4547 9.78929 12.8907 9.41421 13.2122C9.03914 13.5337 8.53043 13.7143 8 13.7143ZM14 16.2857V7.71429H2V16.2857H14ZM14 6C14.5304 6 15.0391 6.18061 15.4142 6.5021C15.7893 6.82359 16 7.25963 16 7.71429V16.2857C16 16.7404 15.7893 17.1764 15.4142 17.4979C15.0391 17.8194 14.5304 18 14 18H2C1.46957 18 0.960859 17.8194 0.585786 17.4979C0.210714 17.1764 0 16.7404 0 16.2857V7.71429C0 6.76286 0.89 6 2 6H3V4.28571C3 3.14907 3.52678 2.05898 4.46447 1.25526C5.40215 0.451529 6.67392 0 8 0C8.65661 0 9.30679 0.110853 9.91342 0.326231C10.52 0.541608 11.0712 0.857291 11.5355 1.25526C11.9998 1.65322 12.3681 2.12568 12.6194 2.64564C12.8707 3.16561 13 3.72291 13 4.28571V6H14ZM8 1.71429C7.20435 1.71429 6.44129 1.9852 5.87868 2.46744C5.31607 2.94968 5 3.60373 5 4.28571V6H11V4.28571C11 3.60373 10.6839 2.94968 10.1213 2.46744C9.55871 1.9852 8.79565 1.71429 8 1.71429Z" fill="#5950F6"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/my-menu-person.svg b/apps/university-web/public/svgs/my/my-menu-person.svg
new file mode 100644
index 00000000..a88ac47b
--- /dev/null
+++ b/apps/university-web/public/svgs/my/my-menu-person.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6998 6.29961C11.6998 7.01569 11.4153 7.70245 10.909 8.2088C10.4026 8.71515 9.71589 8.99961 8.9998 8.99961C8.28372 8.99961 7.59696 8.71515 7.09062 8.2088C6.58427 7.70245 6.2998 7.01569 6.2998 6.29961C6.2998 5.58352 6.58427 4.89677 7.09062 4.39042C7.59696 3.88407 8.28372 3.59961 8.9998 3.59961C9.71589 3.59961 10.4026 3.88407 10.909 4.39042C11.4153 4.89677 11.6998 5.58352 11.6998 6.29961ZM10.3498 6.29961C10.3498 6.65765 10.2076 7.00103 9.9544 7.2542C9.70122 7.50738 9.35785 7.64961 8.9998 7.64961C8.64176 7.64961 8.29838 7.50738 8.04521 7.2542C7.79204 7.00103 7.6498 6.65765 7.6498 6.29961C7.6498 5.94157 7.79204 5.59819 8.04521 5.34502C8.29838 5.09184 8.64176 4.94961 8.9998 4.94961C9.35785 4.94961 9.70122 5.09184 9.9544 5.34502C10.2076 5.59819 10.3498 5.94157 10.3498 6.29961Z" fill="#5950F6"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C4.02955 0 0 4.02955 0 9C0 13.9705 4.02955 18 9 18C13.9705 18 18 13.9705 18 9C18 4.02955 13.9705 0 9 0ZM1.63636 9C1.63636 10.71 2.21973 12.2842 3.19745 13.5344C3.88427 12.6328 4.77013 11.9022 5.78589 11.3995C6.80165 10.8968 7.91983 10.6356 9.05318 10.6364C10.1719 10.6351 11.2762 10.8893 12.2818 11.3796C13.2874 11.8699 14.1678 12.5834 14.8557 13.4656C15.5646 12.5359 16.042 11.4506 16.2482 10.2998C16.4544 9.14888 16.3836 7.96544 16.0417 6.84735C15.6997 5.72926 15.0965 4.70868 14.2818 3.87003C13.4671 3.03139 12.4644 2.39879 11.3567 2.0246C10.249 1.6504 9.06807 1.54536 7.9117 1.71816C6.75534 1.89096 5.65674 2.33664 4.70681 3.01832C3.75688 3.69999 2.98294 4.59808 2.44901 5.63825C1.91508 6.67843 1.63651 7.83079 1.63636 9ZM9 16.3636C7.30956 16.3664 5.67012 15.7848 4.35927 14.7175C4.88684 13.962 5.58916 13.3451 6.40642 12.9195C7.22369 12.4938 8.13171 12.2719 9.05318 12.2727C9.96314 12.2719 10.8602 12.4883 11.6697 12.9038C12.4793 13.3193 13.178 13.922 13.7078 14.6618C12.3868 15.7639 10.7203 16.3663 9 16.3636Z" fill="#5950F6"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/password.svg b/apps/university-web/public/svgs/my/password.svg
new file mode 100644
index 00000000..e42f6ff8
--- /dev/null
+++ b/apps/university-web/public/svgs/my/password.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
+  <path d="M2.5 14.1667H17.5C17.7361 14.1667 17.9342 14.2467 18.0942 14.4067C18.2542 14.5667 18.3339 14.7644 18.3333 15C18.3328 15.2356 18.2528 15.4336 18.0933 15.5942C17.9339 15.7547 17.7361 15.8344 17.5 15.8333H2.5C2.26389 15.8333 2.06611 15.7533 1.90667 15.5933C1.74722 15.4333 1.66722 15.2356 1.66667 15C1.66611 14.7644 1.74611 14.5667 1.90667 14.4067C2.06722 14.2467 2.265 14.1667 2.5 14.1667ZM3.33333 9.54167L2.9375 10.25C2.85417 10.4028 2.72917 10.5 2.5625 10.5417C2.39583 10.5833 2.23611 10.5625 2.08333 10.4792C1.93055 10.3958 1.83333 10.2708 1.79167 10.1042C1.75 9.9375 1.77083 9.77778 1.85417 9.625L2.25 8.91667H1.45833C1.27778 8.91667 1.12861 8.85778 1.01083 8.74C0.893054 8.62222 0.833888 8.47278 0.833332 8.29167C0.832777 8.11056 0.891943 7.96139 1.01083 7.84417C1.12972 7.72694 1.27889 7.66778 1.45833 7.66667H2.25L1.85417 7C1.77083 6.84722 1.75 6.6875 1.79167 6.52083C1.83333 6.35417 1.93055 6.22917 2.08333 6.14583C2.23611 6.0625 2.39583 6.04167 2.5625 6.08333C2.72917 6.125 2.85417 6.22222 2.9375 6.375L3.33333 7.04167L3.72917 6.375C3.8125 6.22222 3.9375 6.125 4.10417 6.08333C4.27083 6.04167 4.43055 6.0625 4.58333 6.14583C4.73611 6.22917 4.83333 6.35417 4.875 6.52083C4.91667 6.6875 4.89583 6.84722 4.8125 7L4.41667 7.66667H5.20833C5.38889 7.66667 5.53833 7.72583 5.65667 7.84417C5.775 7.9625 5.83389 8.11167 5.83333 8.29167C5.83278 8.47167 5.77361 8.62111 5.65583 8.74C5.53805 8.85889 5.38889 8.91778 5.20833 8.91667H4.41667L4.8125 9.625C4.89583 9.77778 4.91667 9.9375 4.875 10.1042C4.83333 10.2708 4.73611 10.3958 4.58333 10.4792C4.43055 10.5625 4.27083 10.5833 4.10417 10.5417C3.9375 10.5 3.8125 10.4028 3.72917 10.25L3.33333 9.54167ZM10 9.54167L9.60417 10.25C9.52083 10.4028 9.39583 10.5 9.22917 10.5417C9.0625 10.5833 8.90278 10.5625 8.75 10.4792C8.59722 10.3958 8.5 10.2708 8.45833 10.1042C8.41667 9.9375 8.4375 9.77778 8.52083 9.625L8.91667 8.91667H8.125C7.94444 8.91667 7.79528 8.85778 7.6775 8.74C7.55972 8.62222 7.50055 8.47278 7.5 8.29167C7.49944 8.11056 7.55861 7.96139 7.6775 7.84417C7.79639 7.72694 7.94555 7.66778 8.125 7.66667H8.91667L8.52083 7C8.4375 6.84722 8.41667 6.6875 8.45833 6.52083C8.5 6.35417 8.59722 6.22917 8.75 6.14583C8.90278 6.0625 9.0625 6.04167 9.22917 6.08333C9.39583 6.125 9.52083 6.22222 9.60417 6.375L10 7.04167L10.3958 6.375C10.4792 6.22222 10.6042 6.125 10.7708 6.08333C10.9375 6.04167 11.0972 6.0625 11.25 6.14583C11.4028 6.22917 11.5 6.35417 11.5417 6.52083C11.5833 6.6875 11.5625 6.84722 11.4792 7L11.0833 7.66667H11.875C12.0556 7.66667 12.2047 7.72583 12.3225 7.84417C12.4403 7.9625 12.4994 8.11167 12.5 8.29167C12.5006 8.47167 12.4414 8.62111 12.3225 8.74C12.2036 8.85889 12.0544 8.91778 11.875 8.91667H11.0833L11.4792 9.625C11.5625 9.77778 11.5833 9.9375 11.5417 10.1042C11.5 10.2708 11.4028 10.3958 11.25 10.4792C11.0972 10.5625 10.9375 10.5833 10.7708 10.5417C10.6042 10.5 10.4792 10.4028 10.3958 10.25L10 9.54167ZM16.6667 9.54167L16.2708 10.25C16.1875 10.4028 16.0625 10.5 15.8958 10.5417C15.7292 10.5833 15.5694 10.5625 15.4167 10.4792C15.2639 10.3958 15.1667 10.2708 15.125 10.1042C15.0833 9.9375 15.1042 9.77778 15.1875 9.625L15.5833 8.91667H14.7917C14.6111 8.91667 14.4619 8.85778 14.3442 8.74C14.2264 8.62222 14.1672 8.47278 14.1667 8.29167C14.1661 8.11056 14.2253 7.96139 14.3442 7.84417C14.4631 7.72694 14.6122 7.66778 14.7917 7.66667H15.5833L15.1875 7C15.1042 6.84722 15.0833 6.6875 15.125 6.52083C15.1667 6.35417 15.2639 6.22917 15.4167 6.14583C15.5694 6.0625 15.7292 6.04167 15.8958 6.08333C16.0625 6.125 16.1875 6.22222 16.2708 6.375L16.6667 7.04167L17.0625 6.375C17.1458 6.22222 17.2708 6.125 17.4375 6.08333C17.6042 6.04167 17.7639 6.0625 17.9167 6.14583C18.0694 6.22917 18.1667 6.35417 18.2083 6.52083C18.25 6.6875 18.2292 6.84722 18.1458 7L17.75 7.66667H18.5417C18.7222 7.66667 18.8717 7.72583 18.99 7.84417C19.1083 7.9625 19.1672 8.11167 19.1667 8.29167C19.1661 8.47167 19.1069 8.62111 18.9892 8.74C18.8714 8.85889 18.7222 8.91778 18.5417 8.91667H17.75L18.1458 9.625C18.2292 9.77778 18.25 9.9375 18.2083 10.1042C18.1667 10.2708 18.0694 10.3958 17.9167 10.4792C17.7639 10.5625 17.6042 10.5833 17.4375 10.5417C17.2708 10.5 17.1458 10.4028 17.0625 10.25L16.6667 9.54167Z" fill="#76797D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/solid-connection-small-logo.svg b/apps/university-web/public/svgs/my/solid-connection-small-logo.svg
new file mode 100644
index 00000000..0fdd1484
--- /dev/null
+++ b/apps/university-web/public/svgs/my/solid-connection-small-logo.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="31" viewBox="0 0 50 31" fill="none">
+  <path d="M38.1439 7.48192C37.9931 7.48192 37.8396 7.48192 37.6861 7.49094C36.2374 5.11671 34.131 3.16455 31.5956 1.84645C29.0602 0.528348 26.1928 -0.105315 23.3047 0.0142745C20.4166 0.133864 17.6182 1.00213 15.2134 2.5248C12.8086 4.04746 10.8893 6.16631 9.66402 8.65126C7.93327 8.96292 6.29723 9.63604 4.87441 10.6218C3.4516 11.6077 2.27763 12.8815 1.43757 14.351C0.597503 15.8206 0.112368 17.4491 0.0173077 19.1185C-0.0777529 20.788 0.219641 22.4566 0.887946 24.0035C1.55625 25.5504 2.57873 26.9369 3.88132 28.0625C5.18391 29.188 6.73399 30.0246 8.41928 30.5114C10.1046 30.9983 11.8829 31.1233 13.6253 30.8774C15.3678 30.6315 17.0308 30.0209 18.4939 29.0897C20.2519 29.7091 22.1123 30.0257 23.9875 30.0244C24.2836 30.0244 24.592 30.0154 24.9085 29.9986H37.3709C37.6576 30.0154 37.9021 30.0244 38.1385 30.0244C38.3748 30.0244 38.6194 30.0154 38.906 29.9986L39.5999 29.931L40.1544 29.8619C43.0824 29.3793 45.7133 27.8725 47.5281 25.6391C49.3428 23.4056 50.2095 20.6076 49.957 17.7974C49.7046 14.9872 48.3513 12.3689 46.1644 10.4592C43.9775 8.54949 41.1157 7.48719 38.1439 7.48192ZM37.1631 20.9842C36.9849 20.3793 36.685 19.8128 36.2801 19.3159C35.7612 18.6984 35.0983 18.2845 34.2533 17.9996C35.0487 17.7563 35.7533 17.3007 36.2828 16.6871C36.6885 16.1879 36.9884 15.6187 37.1658 15.0111C37.3434 15.6184 37.6427 16.1875 38.0475 16.6871C38.5759 17.3017 39.2802 17.7584 40.0756 18.0022C39.2293 18.2897 38.5664 18.7009 38.0475 19.3185C37.6427 19.8156 37.3424 20.382 37.1631 20.9868V20.9842ZM11.896 10.8378C13.7941 10.8361 15.6481 11.3818 17.2121 12.4026C18.7761 13.4234 19.9765 14.8711 20.6541 16.5539C21.3317 18.2367 21.4546 20.0751 21.0065 21.8257C20.5584 23.5763 19.5604 25.1563 18.1448 26.3565C15.2195 25.0004 12.9197 22.6733 11.681 19.8159C10.4422 16.9585 10.3505 13.7693 11.4232 10.852C11.5808 10.8443 11.7357 10.8404 11.8905 10.8404L11.896 10.8378ZM11.896 28.6294C9.69782 28.6281 7.57009 27.8936 5.88469 26.5544C4.19929 25.2152 3.06344 23.3564 2.67566 21.3029C2.28789 19.2495 2.67287 17.132 3.76331 15.3207C4.85374 13.5093 6.58027 12.1192 8.64111 11.3935C7.82855 14.4954 8.08053 17.7626 9.36037 20.7192C10.6402 23.6758 12.8811 26.1674 15.7567 27.8314C14.5428 28.3559 13.2243 28.6267 11.8905 28.6256L11.896 28.6294ZM24.8447 27.6277H24.8067C24.535 27.6431 24.2633 27.6509 23.9984 27.6509C22.8958 27.651 21.7974 27.521 20.7286 27.2641C22.2229 25.6872 23.218 23.7421 23.5994 21.6523C23.9808 19.5626 23.733 17.4132 22.8846 15.4511C22.0362 13.4891 20.6215 11.7941 18.8033 10.5611C16.9851 9.32811 14.8372 8.60713 12.6064 8.48108C13.8344 6.55489 15.5824 4.97508 17.6696 3.90511C19.7567 2.83514 22.1072 2.31388 24.4778 2.39525C26.8484 2.47663 29.1531 3.15769 31.1533 4.36796C33.1536 5.57824 34.7768 7.27377 35.8549 9.27913L36.2489 10.0101H36.2638C36.0804 13.1378 35.8114 14.8422 35.0412 15.7537C34.1596 16.8032 32.3922 17.0185 28.5682 17.257V18.7525C32.3922 18.9923 34.1596 19.2063 35.0412 20.2558C35.9228 21.3052 36.1497 23.4441 36.344 27.6303L24.8447 27.6277ZM38.8218 27.6277H38.7742C38.5351 27.6431 38.3354 27.6496 38.1493 27.6496H37.9822C38.1765 23.4479 38.3898 21.3142 39.285 20.2532C40.1802 19.1921 41.9353 18.9897 45.758 18.7499V17.2544C41.9353 17.0159 40.1666 16.8006 39.285 15.7511C38.5066 14.8268 38.2431 13.0837 38.0624 9.86573H38.1534C40.5659 9.88705 42.8768 10.7904 44.6053 12.3878C46.3338 13.9851 47.3468 16.1535 47.4334 18.4417C47.52 20.7299 46.6736 22.9617 45.0704 24.6727C43.4672 26.3837 41.2305 27.4421 38.8258 27.6277H38.8218Z" fill="url(#paint0_linear_4010_28421)"/>
+  <defs>
+    <linearGradient id="paint0_linear_4010_28421" x1="35.9304" y1="5.27" x2="12.8846" y2="26.9277" gradientUnits="userSpaceOnUse">
+      <stop offset="0.060612" stop-color="#5950F6"/>
+      <stop offset="1" stop-color="#2AA4E2"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/university.svg b/apps/university-web/public/svgs/my/university.svg
new file mode 100644
index 00000000..811872a8
--- /dev/null
+++ b/apps/university-web/public/svgs/my/university.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.21917 2.55696C9.42421 2.39299 9.67567 2.29775 9.93788 2.28474C10.2001 2.27173 10.4597 2.3416 10.68 2.48446L10.7808 2.55696L14.3742 5.43196C14.5495 5.57208 14.6947 5.74617 14.8011 5.94378C14.9075 6.14139 14.9729 6.35846 14.9933 6.58195L15 6.73279V8.83279H16.6667C17.0872 8.83266 17.4921 8.99146 17.8005 9.27737C18.1088 9.56328 18.2976 9.95516 18.3292 10.3745L18.3333 10.4995V17.0828C18.3335 17.3087 18.2502 17.5266 18.0994 17.6949C17.9487 17.8631 17.7412 17.9698 17.5167 17.9945L17.4167 17.9995H2.58334C2.35746 17.9996 2.13949 17.9163 1.97124 17.7656C1.80299 17.6149 1.69631 17.4073 1.67167 17.1828L1.66667 17.0828V10.4995C1.66654 10.079 1.82534 9.67398 2.11125 9.36567C2.39716 9.05735 2.78904 8.86849 3.20834 8.83696L3.33334 8.83279H5.00001V6.73279C4.99999 6.50836 5.0453 6.28624 5.13323 6.07975C5.22115 5.87326 5.34987 5.68665 5.51167 5.53112L5.62584 5.43112L9.21917 2.55696ZM10 4.06612L6.66667 6.73279V16.3328H13.3333V6.73279L10 4.06612ZM16.6667 10.4995H15V16.3328H16.6667V10.4995ZM5.00001 10.4995H3.33334V16.3328H5.00001V10.4995ZM10 7.16612C10.3283 7.16612 10.6534 7.23079 10.9567 7.35642C11.26 7.48206 11.5356 7.66621 11.7678 7.89835C11.9999 8.1305 12.1841 8.4061 12.3097 8.70941C12.4353 9.01273 12.5 9.33782 12.5 9.66612C12.5 9.99443 12.4353 10.3195 12.3097 10.6228C12.1841 10.9261 11.9999 11.2017 11.7678 11.4339C11.5356 11.666 11.26 11.8502 10.9567 11.9758C10.6534 12.1015 10.3283 12.1661 10 12.1661C9.33696 12.1661 8.70108 11.9027 8.23224 11.4339C7.7634 10.965 7.5 10.3292 7.5 9.66612C7.5 9.00308 7.7634 8.3672 8.23224 7.89835C8.70108 7.42951 9.33696 7.16612 10 7.16612ZM10 8.83279C9.77899 8.83279 9.56703 8.92059 9.41075 9.07687C9.25447 9.23315 9.16667 9.44511 9.16667 9.66612C9.16667 9.88714 9.25447 10.0991 9.41075 10.2554C9.56703 10.4117 9.77899 10.4995 10 10.4995C10.221 10.4995 10.433 10.4117 10.5893 10.2554C10.7455 10.0991 10.8333 9.88714 10.8333 9.66612C10.8333 9.44511 10.7455 9.23315 10.5893 9.07687C10.433 8.92059 10.221 8.83279 10 8.83279Z" fill="#76797D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/visibility-off.svg b/apps/university-web/public/svgs/my/visibility-off.svg
new file mode 100644
index 00000000..650d50ca
--- /dev/null
+++ b/apps/university-web/public/svgs/my/visibility-off.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
+  <path d="M6.50033 5.375C6.06935 5.375 5.65602 5.5462 5.35128 5.85095C5.04653 6.1557 4.87533 6.56902 4.87533 7C4.87533 7.43098 5.04653 7.8443 5.35128 8.14905C5.65602 8.4538 6.06935 8.625 6.50033 8.625C6.9313 8.625 7.34463 8.4538 7.64937 8.14905C7.95412 7.8443 8.12533 7.43098 8.12533 7C8.12533 6.56902 7.95412 6.1557 7.64937 5.85095C7.34463 5.5462 6.9313 5.375 6.50033 5.375ZM6.50033 9.70833C5.78203 9.70833 5.09316 9.42299 4.58524 8.91508C4.07733 8.40717 3.79199 7.71829 3.79199 7C3.79199 6.28171 4.07733 5.59283 4.58524 5.08492C5.09316 4.57701 5.78203 4.29167 6.50033 4.29167C7.21862 4.29167 7.9075 4.57701 8.41541 5.08492C8.92332 5.59283 9.20866 6.28171 9.20866 7C9.20866 7.71829 8.92332 8.40717 8.41541 8.91508C7.9075 9.42299 7.21862 9.70833 6.50033 9.70833ZM6.50033 2.9375C3.79199 2.9375 1.47908 4.62208 0.541992 7C1.47908 9.37792 3.79199 11.0625 6.50033 11.0625C9.20866 11.0625 11.5216 9.37792 12.4587 7C11.5216 4.62208 9.20866 2.9375 6.50033 2.9375Z" fill="#DDDDDF"/>
+  <path d="M2.16699 3.20898L11.917 10.7923" stroke="#C6C7C9" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/my/visibility-on.svg b/apps/university-web/public/svgs/my/visibility-on.svg
new file mode 100644
index 00000000..61aa8931
--- /dev/null
+++ b/apps/university-web/public/svgs/my/visibility-on.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none">
+  <path d="M6.50033 2.875C6.06935 2.875 5.65602 3.0462 5.35128 3.35095C5.04653 3.6557 4.87533 4.06902 4.87533 4.5C4.87533 4.93098 5.04653 5.3443 5.35128 5.64905C5.65602 5.9538 6.06935 6.125 6.50033 6.125C6.9313 6.125 7.34463 5.9538 7.64937 5.64905C7.95412 5.3443 8.12533 4.93098 8.12533 4.5C8.12533 4.06902 7.95412 3.6557 7.64937 3.35095C7.34463 3.0462 6.9313 2.875 6.50033 2.875ZM6.50033 7.20833C5.78203 7.20833 5.09316 6.92299 4.58524 6.41508C4.07733 5.90717 3.79199 5.21829 3.79199 4.5C3.79199 3.78171 4.07733 3.09283 4.58524 2.58492C5.09316 2.07701 5.78203 1.79167 6.50033 1.79167C7.21862 1.79167 7.9075 2.07701 8.41541 2.58492C8.92332 3.09283 9.20866 3.78171 9.20866 4.5C9.20866 5.21829 8.92332 5.90717 8.41541 6.41508C7.9075 6.92299 7.21862 7.20833 6.50033 7.20833ZM6.50033 0.4375C3.79199 0.4375 1.47908 2.12208 0.541992 4.5C1.47908 6.87792 3.79199 8.5625 6.50033 8.5625C9.20866 8.5625 11.5216 6.87792 12.4587 4.5C11.5216 2.12208 9.20866 0.4375 6.50033 0.4375Z" fill="#5F6268"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/objects-and-tools.svg b/apps/university-web/public/svgs/objects-and-tools.svg
new file mode 100644
index 00000000..783d5c61
--- /dev/null
+++ b/apps/university-web/public/svgs/objects-and-tools.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="81" height="82" viewBox="0 0 81 82" fill="none">
+  <g filter="url(#filter0_d_2066_6239)">
+    <path d="M35.2544 43.2709L38.5567 41.893C38.8097 41.7897 38.9421 41.6963 39.1044 41.534L48.7245 31.9712C49.6859 31.018 49.6795 29.8746 48.7153 28.9022L46.5603 26.731C45.5862 25.7668 44.4446 25.754 43.4832 26.7072L33.8567 36.2664C33.6927 36.4205 33.5993 36.5464 33.4959 36.7995L32.0934 40.1036C31.8641 40.6439 31.9284 41.1859 32.3327 41.5903L33.7677 43.0317C34.1621 43.4279 34.7041 43.5084 35.2544 43.2709ZM35.0616 41.5248C34.8728 41.5911 34.7357 41.5893 34.5704 41.424L33.9403 40.7939C33.7751 40.6287 33.7733 40.4834 33.8477 40.3127L35.0636 37.4735L44.5881 28.0081C44.8559 27.7566 45.1575 27.742 45.4072 27.9917L47.4463 30.0472C47.696 30.3051 47.6814 30.6067 47.4218 30.8663L37.8991 40.3335L35.0616 41.5248ZM31.1847 43.7987H32.482C32.7884 43.7987 32.9063 43.7416 33.1241 43.5674L34.125 42.795L32.591 41.2382L30.8666 43.038C30.5546 43.3582 30.7061 43.7987 31.1847 43.7987ZM33.9561 37.4268L38.1561 41.6432L39.2271 40.5804L35.0271 36.3576L33.9561 37.4268ZM42.2783 29.1655L46.4747 33.3783L47.5493 32.3273L43.3493 28.1063L42.2783 29.1655ZM30.8666 47.345H50.0032C50.4818 47.345 50.878 46.9363 50.878 46.4613C50.878 45.9827 50.4818 45.5893 50.0032 45.5893H30.8666C30.388 45.5893 30 45.9845 30 46.4613C30 46.9345 30.3898 47.345 30.8666 47.345Z" fill="white"/>
+  </g>
+  <defs>
+    <filter id="filter0_d_2066_6239" x="-2" y="-1" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="15"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2066_6239"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2066_6239" result="shape"/>
+    </filter>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/placeholders/image-placeholder.svg b/apps/university-web/public/svgs/placeholders/image-placeholder.svg
new file mode 100644
index 00000000..97189bfe
--- /dev/null
+++ b/apps/university-web/public/svgs/placeholders/image-placeholder.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300" fill="none">
+  <rect width="400" height="300" rx="16" fill="#F2F4F8"/>
+  <rect x="112" y="82" width="176" height="136" rx="12" fill="#E3E8F1"/>
+  <circle cx="165" cy="130" r="14" fill="#C4CFDE"/>
+  <path d="M126 202L171 157C175.686 152.314 183.284 152.314 187.971 157L207.5 176.529C212.186 181.216 219.784 181.216 224.471 176.529L233.029 167.971C237.716 163.284 245.314 163.284 250 167.971L274 192V206H126V202Z" fill="#C4CFDE"/>
+  <text x="200" y="246" text-anchor="middle" fill="#7F8BA1" font-size="14" font-family="Arial, sans-serif">Image unavailable</text>
+</svg>
diff --git a/apps/university-web/public/svgs/placeholders/news-thumbnail-placeholder.svg b/apps/university-web/public/svgs/placeholders/news-thumbnail-placeholder.svg
new file mode 100644
index 00000000..661f0b57
--- /dev/null
+++ b/apps/university-web/public/svgs/placeholders/news-thumbnail-placeholder.svg
@@ -0,0 +1,18 @@
+<svg width="170" height="90" viewBox="0 0 170 90" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Background -->
+  <rect width="170" height="90" rx="8" fill="#F3F4F6"/>
+  
+  <!-- Document/News icon -->
+  <g transform="translate(55, 20)">
+    <!-- Paper -->
+    <rect x="0" y="0" width="60" height="50" fill="#9CA3AF" rx="4"/>
+    
+    <!-- Header line -->
+    <rect x="8" y="8" width="44" height="6" fill="#D1D5DB" rx="2"/>
+    
+    <!-- Text lines -->
+    <rect x="8" y="20" width="35" height="3" fill="#E5E7EB" rx="1.5"/>
+    <rect x="8" y="27" width="44" height="3" fill="#E5E7EB" rx="1.5"/>
+    <rect x="8" y="34" width="38" height="3" fill="#E5E7EB" rx="1.5"/>
+  </g>
+</svg>
diff --git a/apps/university-web/public/svgs/placeholders/university-background-placeholder.svg b/apps/university-web/public/svgs/placeholders/university-background-placeholder.svg
new file mode 100644
index 00000000..48336c13
--- /dev/null
+++ b/apps/university-web/public/svgs/placeholders/university-background-placeholder.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="153" height="120" viewBox="0 0 153 120" fill="none">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="153" y2="120" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#1F2A44"/>
+      <stop offset="1" stop-color="#2E3F66"/>
+    </linearGradient>
+  </defs>
+  <rect width="153" height="120" rx="8" fill="url(#bg)"/>
+  <circle cx="119" cy="34" r="14" fill="#FFFFFF" fill-opacity="0.12"/>
+  <path d="M16 100L47.5 69.5C49.8431 67.1569 53.6569 67.1569 56 69.5L67.5 81C69.8431 83.3431 73.6569 83.3431 76 81L91 66C93.3431 63.6569 97.1569 63.6569 99.5 66L129 95.5V104H16V100Z" fill="#FFFFFF" fill-opacity="0.16"/>
+  <rect x="18" y="18" width="38" height="28" rx="6" fill="#FFFFFF" fill-opacity="0.12"/>
+</svg>
diff --git a/apps/university-web/public/svgs/placeholders/university-logo-placeholder.svg b/apps/university-web/public/svgs/placeholders/university-logo-placeholder.svg
new file mode 100644
index 00000000..66df5f8d
--- /dev/null
+++ b/apps/university-web/public/svgs/placeholders/university-logo-placeholder.svg
@@ -0,0 +1,26 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Background -->
+  <rect width="80" height="80" rx="8" fill="#F3F4F6"/>
+  
+  <!-- Building icon -->
+  <g transform="translate(16, 20)">
+    <!-- Main building structure -->
+    <rect x="4" y="8" width="40" height="32" fill="#9CA3AF" rx="2"/>
+    
+    <!-- Roof/Top -->
+    <path d="M 2 8 L 24 2 L 46 8 Z" fill="#6B7280"/>
+    
+    <!-- Windows - row 1 -->
+    <rect x="10" y="14" width="6" height="6" fill="#D1D5DB" rx="1"/>
+    <rect x="21" y="14" width="6" height="6" fill="#D1D5DB" rx="1"/>
+    <rect x="32" y="14" width="6" height="6" fill="#D1D5DB" rx="1"/>
+    
+    <!-- Windows - row 2 -->
+    <rect x="10" y="24" width="6" height="6" fill="#D1D5DB" rx="1"/>
+    <rect x="21" y="24" width="6" height="6" fill="#D1D5DB" rx="1"/>
+    <rect x="32" y="24" width="6" height="6" fill="#D1D5DB" rx="1"/>
+    
+    <!-- Door -->
+    <rect x="19" y="32" width="10" height="8" fill="#6B7280" rx="1"/>
+  </g>
+</svg>
diff --git a/apps/university-web/public/svgs/post-checkbox-filled.svg b/apps/university-web/public/svgs/post-checkbox-filled.svg
new file mode 100644
index 00000000..7275d13c
--- /dev/null
+++ b/apps/university-web/public/svgs/post-checkbox-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+  <path d="M14.25 2.25H3.75C2.9175 2.25 2.25 2.925 2.25 3.75V14.25C2.25 15.075 2.9175 15.75 3.75 15.75H14.25C15.0825 15.75 15.75 15.075 15.75 14.25V3.75C15.75 2.925 15.0825 2.25 14.25 2.25ZM7.5 12.75L3.75 9L4.8075 7.9425L7.5 10.6275L13.1925 4.935L14.25 6L7.5 12.75Z" fill="black" fill-opacity="0.54"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/post-checkbox-outlined.svg b/apps/university-web/public/svgs/post-checkbox-outlined.svg
new file mode 100644
index 00000000..8e415f91
--- /dev/null
+++ b/apps/university-web/public/svgs/post-checkbox-outlined.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+  <path d="M14.25 3.75V14.25H3.75V3.75H14.25ZM14.25 2.25H3.75C2.925 2.25 2.25 2.925 2.25 3.75V14.25C2.25 15.075 2.925 15.75 3.75 15.75H14.25C15.075 15.75 15.75 15.075 15.75 14.25V3.75C15.75 2.925 15.075 2.25 14.25 2.25Z" fill="#7C7C7C" fill-opacity="0.54"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/post-like-filled.svg b/apps/university-web/public/svgs/post-like-filled.svg
new file mode 100644
index 00000000..823228c7
--- /dev/null
+++ b/apps/university-web/public/svgs/post-like-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M8.92707 15.5492L8.92621 15.5484C6.94955 13.756 5.3576 12.311 4.25258 10.96C3.15445 9.61748 2.6 8.44106 2.6 7.19619C2.6 5.17769 4.17769 3.6 6.19619 3.6C7.34203 3.6 8.45117 4.13634 9.17262 4.98355L9.62943 5.51999L10.0862 4.98355C10.8077 4.13634 11.9168 3.6 13.0627 3.6C15.0812 3.6 16.6589 5.17769 16.6589 7.19619C16.6589 8.44107 16.1044 9.61751 15.0061 10.9612C13.9011 12.3131 12.3093 13.7598 10.3328 15.5559C10.3326 15.5561 10.3324 15.5563 10.3322 15.5565L9.63096 16.19L8.92707 15.5492Z" fill="#595959"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/post-like-outline.svg b/apps/university-web/public/svgs/post-like-outline.svg
new file mode 100644
index 00000000..123297db
--- /dev/null
+++ b/apps/university-web/public/svgs/post-like-outline.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M8.92707 15.5492L8.92621 15.5484C6.94955 13.756 5.3576 12.311 4.25258 10.96C3.15445 9.61748 2.6 8.44106 2.6 7.19619C2.6 5.17769 4.17769 3.6 6.19619 3.6C7.34203 3.6 8.45117 4.13634 9.17262 4.98355L9.62943 5.51999L10.0862 4.98355C10.8077 4.13634 11.9168 3.6 13.0627 3.6C15.0812 3.6 16.6589 5.17769 16.6589 7.19619C16.6589 8.44107 16.1044 9.61751 15.0061 10.9612C13.9011 12.3131 12.3093 13.7598 10.3328 15.5559C10.3326 15.5561 10.3324 15.5563 10.3322 15.5565L9.63096 16.19L8.92707 15.5492Z" stroke="#595959" stroke-width="1.2"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/score-banner.svg b/apps/university-web/public/svgs/score-banner.svg
new file mode 100644
index 00000000..aebb452a
--- /dev/null
+++ b/apps/university-web/public/svgs/score-banner.svg
@@ -0,0 +1,9 @@
+<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1707478044">
+<rect id="Rectangle 3433" width="29" height="35.5556" rx="1.5" fill="#FEA65E"/>
+<path id="Vector 12" d="M6.26 3.45703H18.26L32.51 3.70394C34.31 3.70394 34.51 5.43234 34.51 6.41999L34.26 29.136L24.26 39.0126H6.26C4.65999 39.0126 4.50997 38.0249 4.51 37.0373V6.41999C4.51 4.04962 4.26001 3.45703 6.26 3.45703Z" fill="white"/>
+<rect id="Rectangle 3434" x="10.5" y="11.3579" width="18.5" height="2.96296" rx="1.48148" fill="#FEA65E"/>
+<rect id="Rectangle 3435" x="10.5" y="16.79" width="18.5" height="2.96296" rx="1.48148" fill="#FEA65E"/>
+<path id="Vector 11" d="M34.1789 29.4899L24.8592 39.113C24.5466 39.4357 24 39.2145 24 38.7651V29.1421C24 28.8659 24.2239 28.6421 24.5 28.6421H33.8197C34.2613 28.6421 34.4861 29.1727 34.1789 29.4899Z" fill="#FEA65E"/>
+</g>
+</svg>
diff --git a/apps/university-web/public/svgs/score/edit-filled.svg b/apps/university-web/public/svgs/score/edit-filled.svg
new file mode 100644
index 00000000..2e8662be
--- /dev/null
+++ b/apps/university-web/public/svgs/score/edit-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+  <path d="M2.24907 12.9384V15.7509H5.06157L13.3566 7.4559L10.5441 4.6434L2.24907 12.9384ZM15.5316 5.2809C15.8241 4.9884 15.8241 4.5159 15.5316 4.2234L13.7766 2.4684C13.4841 2.1759 13.0116 2.1759 12.7191 2.4684L11.3466 3.8409L14.1591 6.6534L15.5316 5.2809Z" fill="black" fillOpacity="0.54"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/score/index.ts b/apps/university-web/public/svgs/score/index.ts
new file mode 100644
index 00000000..64356b92
--- /dev/null
+++ b/apps/university-web/public/svgs/score/index.ts
@@ -0,0 +1,3 @@
+import IconEditFilled from "./edit-filled.svg";
+
+export { IconEditFilled };
diff --git a/apps/university-web/public/svgs/search-banner.svg b/apps/university-web/public/svgs/search-banner.svg
new file mode 100644
index 00000000..1a63476f
--- /dev/null
+++ b/apps/university-web/public/svgs/search-banner.svg
@@ -0,0 +1,14 @@
+<svg width="72" height="70" viewBox="0 0 72 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1707478043">
+<g id="Group 1707478042">
+<rect id="Rectangle 3426" x="10" y="26" width="7" height="30" fill="#CAD3EB"/>
+<rect id="Rectangle 3427" x="25" y="26" width="7" height="30" fill="#CAD3EB"/>
+<rect id="Rectangle 3428" x="40" y="26" width="7" height="30" fill="#CAD3EB"/>
+<rect id="Rectangle 3429" x="55" y="26" width="7" height="30" fill="#CAD3EB"/>
+</g>
+<path id="Vector 10" d="M68.4918 22H3.60009C2.58663 22 2.21607 20.6659 3.08434 20.1433L36.0218 0.315233C36.3433 0.12172 36.746 0.124436 37.0648 0.322266L69.0191 20.1503C69.8742 20.6809 69.4982 22 68.4918 22Z" fill="#CAD3EB"/>
+<rect id="Rectangle 3425" x="7" y="22" width="58" height="7" rx="1" fill="#63A2FF"/>
+<rect id="Rectangle 3430" x="7" y="55" width="58" height="7" rx="1" fill="#63A2FF"/>
+<rect id="Rectangle 3431" x="4" y="61" width="64" height="9" rx="2" fill="#CAD3EB"/>
+</g>
+</svg>
diff --git a/apps/university-web/public/svgs/search-filled.svg b/apps/university-web/public/svgs/search-filled.svg
new file mode 100644
index 00000000..57189f62
--- /dev/null
+++ b/apps/university-web/public/svgs/search-filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
+  <path d="M16.5957 14.2549H15.8057L15.5257 13.9849C16.5057 12.8449 17.0957 11.3649 17.0957 9.75488C17.0957 6.16488 14.1857 3.25488 10.5957 3.25488C7.0057 3.25488 4.0957 6.16488 4.0957 9.75488C4.0957 13.3449 7.0057 16.2549 10.5957 16.2549C12.2057 16.2549 13.6857 15.6649 14.8257 14.6849L15.0957 14.9649V15.7549L20.0957 20.7449L21.5857 19.2549L16.5957 14.2549ZM10.5957 14.2549C8.1057 14.2549 6.0957 12.2449 6.0957 9.75488C6.0957 7.26488 8.1057 5.25488 10.5957 5.25488C13.0857 5.25488 15.0957 7.26488 15.0957 9.75488C15.0957 12.2449 13.0857 14.2549 10.5957 14.2549Z" fill="black" fill-opacity="0.54"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/search/down-arrow.svg b/apps/university-web/public/svgs/search/down-arrow.svg
new file mode 100644
index 00000000..63cf6487
--- /dev/null
+++ b/apps/university-web/public/svgs/search/down-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5" fill="none">
+  <path d="M1 0.5L5 4.5L9 0.5" stroke="#5F6268" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/search/hat-color.svg b/apps/university-web/public/svgs/search/hat-color.svg
new file mode 100644
index 00000000..a2c6541b
--- /dev/null
+++ b/apps/university-web/public/svgs/search/hat-color.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none">
+  <path d="M14.4689 10.7092V5.97565L8.30622 9.48567C8.07656 9.61938 7.83413 9.68624 7.57895 9.68624C7.32377 9.68624 7.08134 9.61938 6.85168 9.48567L0.382782 5.79513C0.242431 5.7149 0.14342 5.61462 0.0857483 5.49427C0.0280769 5.37393 -0.000503651 5.24021 6.71535e-06 5.09313C0.000517082 4.94604 0.0293529 4.81233 0.0865139 4.69198C0.143675 4.57164 0.242431 4.47135 0.382782 4.39112L6.85168 0.700585C6.96651 0.633728 7.08466 0.583451 7.20613 0.549754C7.32759 0.516058 7.45187 0.499478 7.57895 0.500013C7.70603 0.500547 7.83056 0.517395 7.95254 0.550557C8.07451 0.583718 8.19241 0.633728 8.30622 0.700585L15.5981 4.8725C15.7257 4.93936 15.8247 5.03643 15.8951 5.16373C15.9655 5.29103 16.0005 5.42795 16 5.5745V10.7092C16 10.9365 15.9265 11.1272 15.7795 11.2812C15.6325 11.4352 15.4508 11.512 15.2344 11.5115C15.018 11.5109 14.8364 11.4339 14.6894 11.2804C14.5424 11.1269 14.4689 10.9365 14.4689 10.7092ZM6.85168 14.2994L3.02393 12.1332C2.76874 11.9861 2.57098 11.7856 2.43063 11.5315C2.29028 11.2775 2.2201 11.0033 2.2201 10.7092V7.66046L6.85168 10.288C7.08134 10.4217 7.32377 10.4885 7.57895 10.4885C7.83413 10.4885 8.07656 10.4217 8.30622 10.288L12.9378 7.66046V10.7092C12.9378 11.0033 12.8676 11.2775 12.7273 11.5315C12.5869 11.7856 12.3892 11.9861 12.134 12.1332L8.30622 14.2994C8.19139 14.3663 8.07349 14.4165 7.95254 14.4502C7.83158 14.4839 7.70705 14.5005 7.57895 14.5C7.45085 14.4995 7.32632 14.4829 7.20536 14.4502C7.0844 14.4176 6.96651 14.3673 6.85168 14.2994Z" fill="#FEA65E"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/search/hat-gray.svg b/apps/university-web/public/svgs/search/hat-gray.svg
new file mode 100644
index 00000000..786f5ba4
--- /dev/null
+++ b/apps/university-web/public/svgs/search/hat-gray.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none">
+  <path d="M14.4689 10.7092V5.97565L8.30622 9.48567C8.07656 9.61938 7.83413 9.68624 7.57895 9.68624C7.32377 9.68624 7.08134 9.61938 6.85168 9.48567L0.382782 5.79513C0.242431 5.7149 0.14342 5.61462 0.0857483 5.49427C0.0280769 5.37393 -0.000503651 5.24021 6.71535e-06 5.09313C0.000517082 4.94604 0.0293529 4.81233 0.0865139 4.69198C0.143675 4.57164 0.242431 4.47135 0.382782 4.39112L6.85168 0.700585C6.96651 0.633728 7.08466 0.583451 7.20613 0.549754C7.32759 0.516058 7.45187 0.499478 7.57895 0.500013C7.70603 0.500547 7.83056 0.517395 7.95254 0.550557C8.07451 0.583718 8.19241 0.633728 8.30622 0.700585L15.5981 4.8725C15.7257 4.93936 15.8247 5.03643 15.8951 5.16373C15.9655 5.29103 16.0005 5.42795 16 5.5745V10.7092C16 10.9365 15.9265 11.1272 15.7795 11.2812C15.6325 11.4352 15.4508 11.512 15.2344 11.5115C15.018 11.5109 14.8364 11.4339 14.6894 11.2804C14.5424 11.1269 14.4689 10.9365 14.4689 10.7092ZM6.85168 14.2994L3.02393 12.1332C2.76874 11.9861 2.57098 11.7856 2.43063 11.5315C2.29028 11.2775 2.2201 11.0033 2.2201 10.7092V7.66046L6.85168 10.288C7.08134 10.4217 7.32377 10.4885 7.57895 10.4885C7.83413 10.4885 8.07656 10.4217 8.30622 10.288L12.9378 7.66046V10.7092C12.9378 11.0033 12.8676 11.2775 12.7273 11.5315C12.5869 11.7856 12.3892 11.9861 12.134 12.1332L8.30622 14.2994C8.19139 14.3663 8.07349 14.4165 7.95254 14.4502C7.83158 14.4839 7.70705 14.5005 7.57895 14.5C7.45085 14.4995 7.32632 14.4829 7.20536 14.4502C7.0844 14.4176 6.96651 14.3673 6.85168 14.2994Z" fill="#DDDDDF"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/search/index.ts b/apps/university-web/public/svgs/search/index.ts
new file mode 100644
index 00000000..1382f5fb
--- /dev/null
+++ b/apps/university-web/public/svgs/search/index.ts
@@ -0,0 +1,8 @@
+import IconDownArrow from "./down-arrow.svg";
+import IconHatColor from "./hat-color.svg";
+import IconHatGray from "./hat-gray.svg";
+import IconLocationColor from "./location-color.svg";
+import IconLocationGray from "./location-gray.svg";
+import IconSearch from "./search.svg";
+
+export { IconSearch, IconHatColor, IconHatGray, IconLocationColor, IconLocationGray, IconDownArrow };
diff --git a/apps/university-web/public/svgs/search/location-color.svg b/apps/university-web/public/svgs/search/location-color.svg
new file mode 100644
index 00000000..753db91b
--- /dev/null
+++ b/apps/university-web/public/svgs/search/location-color.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="17" viewBox="0 0 12 17" fill="none">
+  <path d="M6 0.5C2.68286 0.5 0 3.004 0 6.1C0 10.3 6 16.5 6 16.5C6 16.5 12 10.3 12 6.1C12 3.004 9.31714 0.5 6 0.5ZM6 8.1C5.43168 8.1 4.88663 7.88929 4.48477 7.51421C4.08291 7.13914 3.85714 6.63043 3.85714 6.1C3.85714 5.56957 4.08291 5.06086 4.48477 4.68579C4.88663 4.31071 5.43168 4.1 6 4.1C6.56832 4.1 7.11337 4.31071 7.51523 4.68579C7.91709 5.06086 8.14286 5.56957 8.14286 6.1C8.14286 6.63043 7.91709 7.13914 7.51523 7.51421C7.11337 7.88929 6.56832 8.1 6 8.1Z" fill="#4672EE"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/search/location-gray.svg b/apps/university-web/public/svgs/search/location-gray.svg
new file mode 100644
index 00000000..da0053d3
--- /dev/null
+++ b/apps/university-web/public/svgs/search/location-gray.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="17" viewBox="0 0 12 17" fill="none">
+  <path d="M6 0.5C2.68286 0.5 0 3.004 0 6.1C0 10.3 6 16.5 6 16.5C6 16.5 12 10.3 12 6.1C12 3.004 9.31714 0.5 6 0.5ZM6 8.1C5.43168 8.1 4.88663 7.88929 4.48477 7.51421C4.08291 7.13914 3.85714 6.63043 3.85714 6.1C3.85714 5.56957 4.08291 5.06086 4.48477 4.68579C4.88663 4.31071 5.43168 4.1 6 4.1C6.56832 4.1 7.11337 4.31071 7.51523 4.68579C7.91709 5.06086 8.14286 5.56957 8.14286 6.1C8.14286 6.63043 7.91709 7.13914 7.51523 7.51421C7.11337 7.88929 6.56832 8.1 6 8.1Z" fill="#DDDDDF"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/search/search.svg b/apps/university-web/public/svgs/search/search.svg
new file mode 100644
index 00000000..7f27ffb3
--- /dev/null
+++ b/apps/university-web/public/svgs/search/search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
+  <path d="M19.75 20.5L14.0833 14.8333M2.75 10.1111C2.75 10.9793 2.921 11.839 3.25324 12.6411C3.58548 13.4432 4.07245 14.172 4.68635 14.7859C5.30025 15.3998 6.02905 15.8867 6.83115 16.219C7.63325 16.5512 8.49293 16.7222 9.36111 16.7222C10.2293 16.7222 11.089 16.5512 11.8911 16.219C12.6932 15.8867 13.422 15.3998 14.0359 14.7859C14.6498 14.172 15.1367 13.4432 15.469 12.6411C15.8012 11.839 15.9722 10.9793 15.9722 10.1111C15.9722 9.24293 15.8012 8.38325 15.469 7.58115C15.1367 6.77905 14.6498 6.05025 14.0359 5.43635C13.422 4.82245 12.6932 4.33548 11.8911 4.00324C11.089 3.671 10.2293 3.5 9.36111 3.5C8.49293 3.5 7.63325 3.671 6.83115 4.00324C6.02905 4.33548 5.30025 4.82245 4.68635 5.43635C4.07245 6.05025 3.58548 6.77905 3.25324 7.58115C2.921 8.38325 2.75 9.24293 2.75 10.1111Z" stroke="#C6C7C9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/shareIcon.svg b/apps/university-web/public/svgs/shareIcon.svg
new file mode 100644
index 00000000..95219b16
--- /dev/null
+++ b/apps/university-web/public/svgs/shareIcon.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" r="16" fill="#E8EDFD"/>
+<path d="M20 12.1333V21.7667M23 14.4L20 11L17 14.4M13 20.0667V25.7333C13 26.3345 13.2107 26.911 13.5858 27.3361C13.9609 27.7612 14.4696 28 15 28H25C25.5304 28 26.0391 27.7612 26.4142 27.3361C26.7893 26.911 27 26.3345 27 25.7333V20.0667" stroke="#4672EE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/university-web/public/svgs/shareIconFilled.svg b/apps/university-web/public/svgs/shareIconFilled.svg
new file mode 100644
index 00000000..6f01d5b0
--- /dev/null
+++ b/apps/university-web/public/svgs/shareIconFilled.svg
@@ -0,0 +1,18 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_6418_47699)">
+<circle cx="20" cy="20" r="15.5" fill="#A2B7F6" stroke="white"/>
+<path d="M20 12.1333V21.7667M23 14.4L20 11L17 14.4M13 20.0667V25.7333C13 26.3345 13.2107 26.911 13.5858 27.3361C13.9609 27.7612 14.4696 28 15 28H25C25.5304 28 26.0391 27.7612 26.4142 27.3361C26.7893 26.911 27 26.3345 27 25.7333V20.0667" stroke="#4672EE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_6418_47699" x="-2" y="-2" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.635294 0 0 0 0 0.717647 0 0 0 0 0.964706 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6418_47699"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6418_47699" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/signup-region-america.svg b/apps/university-web/public/svgs/signup-region-america.svg
new file mode 100644
index 00000000..ae75a9dd
--- /dev/null
+++ b/apps/university-web/public/svgs/signup-region-america.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  <path d="M22.0928 31.5H11.3487L11.837 20L5.97656 9H8.9068L13.3021 14.5H19.1626C19.944 16.5 20.1394 17.3333 20.1394 17.5V22.5L22.0928 31.5Z" fill="#7ECDA7"/>
+  <path d="M8.90674 30.5C8.90674 30.5 8.90674 29 16.7207 29C24.5346 29 24.5346 30.5 24.5346 30.5V32H8.90674V30.5Z" fill="#FFBC44"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.3679 7.09198L14.2191 7.7762C14.3602 7.82837 14.5187 7.79692 14.6292 7.69479L16.342 6.11208C16.4953 5.97045 16.7317 5.97045 16.8849 6.11208L18.5984 7.69541C18.7085 7.79721 18.8664 7.82882 19.0073 7.77728L20.7387 7.14383C21.052 7.02918 21.3611 7.32655 21.2566 7.64344C20.7476 9.18646 20.4212 9.88113 19.2055 10.1721C19.4301 10.5257 19.5576 10.9308 19.5576 11.3612C19.5576 12.7419 18.2457 13.8612 16.6274 13.8612C15.009 13.8612 13.6971 12.7419 13.6971 11.3612C13.6971 10.9496 13.8137 10.5612 14.0203 10.2188C12.6259 9.96625 12.1483 9.2875 11.8438 7.52094C11.7925 7.22361 12.0849 6.98738 12.3679 7.09198Z" fill="#7ECDA7"/>
+  <ellipse cx="7.44186" cy="8" rx="2.44186" ry="2" fill="#7ECDA7"/>
+  <path d="M8.90698 3.5C8.90698 4.60457 8.03237 5.5 6.95349 5.5C5.87461 5.5 5 4.60457 5 3.5C5 2.39543 6.95349 0 6.95349 0C6.95349 0 8.90698 2.39543 8.90698 3.5Z" fill="#FFEF5E"/>
+  <path d="M17.6978 22.5L20.628 16H26.0001L23.0698 22.5H17.6978Z" fill="#7ECDA7"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/signup-region-asia.svg b/apps/university-web/public/svgs/signup-region-asia.svg
new file mode 100644
index 00000000..0ae40359
--- /dev/null
+++ b/apps/university-web/public/svgs/signup-region-asia.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  <rect x="5.27295" y="18.1821" width="21.455" height="5.27283" rx="0.909109" fill="#FF808C"/>
+  <path d="M3.83591 22.995C3.87923 22.8371 4.02281 22.7275 4.18661 22.7275H27.996C28.1598 22.7275 28.3034 22.8371 28.3467 22.995L29.6928 27.9042C29.7562 28.1357 29.5821 28.364 29.3421 28.364H2.84054C2.60056 28.364 2.42639 28.1357 2.48984 27.9042L3.83591 22.995Z" fill="#E1E1E1"/>
+  <path d="M25.5567 14.1821H6.99756C6.94177 14.1821 6.88997 14.2067 6.85522 14.2504C6.09738 15.2024 4.60469 16.8312 3.2992 17.7707C3.12517 17.896 3.26254 18.4549 3.47696 18.4549H28.8872C29.1017 18.4549 29.2231 17.9275 29.0496 17.8015C27.7898 16.8875 26.6579 15.311 25.6903 14.2409C25.6561 14.2031 25.6078 14.1821 25.5567 14.1821Z" fill="#FFDDA1"/>
+  <rect x="6.90918" y="12.3638" width="18.7276" height="1.81822" fill="#FF808C"/>
+  <path d="M23.5546 5.81822H8.43519C8.32762 5.81822 8.24384 5.72544 8.2454 5.61788C8.25469 4.97964 8.03317 4 7.05244 4C5.97753 4 5.18505 5.16503 6.97085 7.35596C7.0188 7.41478 7.02823 7.49789 6.9891 7.56291C6.41483 8.51707 4.82817 10.481 2.53327 11.5336C2.51586 11.5415 2.49974 11.552 2.48587 11.5652C2.1299 11.9044 1.80765 12.5456 3.23418 12.5456H28.4165C29.82 12.5456 29.8129 12.0942 29.6201 11.8447C29.6062 11.8268 29.5876 11.8127 29.5676 11.8023C26.2246 10.054 25.074 8.28087 24.8878 7.53337C24.8753 7.48334 24.89 7.43058 24.9214 7.38967C26.4571 5.38812 25.8084 4 24.871 4C23.8759 4 23.77 5.00852 23.7361 5.64568C23.7309 5.74243 23.6515 5.81822 23.5546 5.81822Z" fill="#FFDDA1"/>
+  <path d="M8.54541 21.1821C8.54541 20.6299 8.99313 20.1821 9.54543 20.1821C10.0977 20.1821 10.5454 20.6299 10.5454 21.1821V22.7276H8.54541V21.1821Z" fill="#777777"/>
+  <path d="M12.9092 21.1821C12.9092 20.6299 13.3569 20.1821 13.9092 20.1821C14.4615 20.1821 14.9092 20.6299 14.9092 21.1821V22.7276H12.9092V21.1821Z" fill="#777777"/>
+  <path d="M17.0913 21.1821C17.0913 20.6299 17.539 20.1821 18.0913 20.1821C18.6436 20.1821 19.0913 20.6299 19.0913 21.1821V22.7276H17.0913V21.1821Z" fill="#777777"/>
+  <path d="M21.6367 21.1821C21.6367 20.6299 22.0844 20.1821 22.6367 20.1821C23.189 20.1821 23.6368 20.6299 23.6368 21.1821V22.7276H21.6367V21.1821Z" fill="#777777"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/signup-region-europe.svg b/apps/university-web/public/svgs/signup-region-europe.svg
new file mode 100644
index 00000000..91df547b
--- /dev/null
+++ b/apps/university-web/public/svgs/signup-region-europe.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1533 20.8647H22.5646L26.764 27.3973H21.8194C21.4765 24.7644 19.225 22.7311 16.4987 22.7311C13.7723 22.7311 11.5209 24.7644 11.1779 27.3973H6L10.1533 20.8647Z" fill="#676767"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9948 18.0649H23.7309C24.2463 18.0649 24.6641 18.4828 24.6641 18.9982C24.6641 19.5136 24.2463 19.9314 23.7309 19.9314H8.79943C8.28403 19.9314 7.86621 19.5136 7.86621 18.9982C7.86621 18.4828 8.28403 18.0649 8.79943 18.0649H11.7476L13.2322 15.7319H19.2981L20.9948 18.0649Z" fill="#676767"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9095 12.9322H20.465C20.9804 12.9322 21.3982 13.35 21.3982 13.8654C21.3982 14.3808 20.9804 14.7987 20.465 14.7987H12.066C11.5506 14.7987 11.1328 14.3808 11.1328 13.8654C11.1328 13.35 11.5506 12.9322 12.066 12.9322H13.3622L14.3991 11.0659H17.6653L18.9095 12.9322Z" fill="#676767"/>
+  <path d="M14.3989 8.03303C14.3989 7.13108 15.1301 6.3999 16.0321 6.3999C16.934 6.3999 17.6652 7.13108 17.6652 8.03303V10.1328H14.3989V8.03303Z" fill="#676767"/>
+  <ellipse cx="16.0318" cy="6.86643" rx="0.933215" ry="1.86643" fill="#676767"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/signup-region-world.svg b/apps/university-web/public/svgs/signup-region-world.svg
new file mode 100644
index 00000000..760da304
--- /dev/null
+++ b/apps/university-web/public/svgs/signup-region-world.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+  <path d="M28 15.5C28 22.4036 22.4036 28 15.5 28C8.59644 28 3 22.4036 3 15.5C3 8.59644 8.59644 3 15.5 3C22.4036 3 28 8.59644 28 15.5Z" fill="#C2F3FF"/>
+  <path d="M28.0594 16.3273C28.0594 11.4559 26.8507 9.24984 25.0125 8.14704C23.1743 7.04424 18.1329 8.97431 18.1329 8.97431C16.0741 9.26843 16.0496 11.0576 16.2947 11.9155C16.8829 13.3861 18.7456 13.7537 19.6035 13.7537C20.78 13.7537 21.8094 15.4694 22.177 16.3273C22.177 16.3273 23.3389 19.4842 25.0125 19.5442C26.7417 19.6061 28.0594 16.3273 28.0594 16.3273Z" fill="#78EB7B"/>
+  <path d="M9.21138 17.8438C9.94159 18.3608 10.3067 19.2225 10.3067 19.9118C10.3067 19.9118 8.54812 23.4502 6.6302 23.2206C4.92536 23.0166 4.05666 19.9118 4.05666 19.9118C4.05666 19.9118 3.63166 18.8675 3.73492 17.8438C4.10003 14.2248 9.21138 17.8438 9.21138 17.8438Z" fill="#78EB7B"/>
+  <path d="M17.6323 21.9935C18.1191 22.5368 18.3676 22.9272 18.3676 23.6517C18.3676 23.6517 17.1952 27.3706 15.9166 27.1293C14.7801 26.9148 15.9555 24.9171 15.4264 23.6517C15.0337 22.7123 13.9176 22.554 13.9864 21.4782C14.2299 17.6745 17.6323 21.9935 17.6323 21.9935Z" fill="#78EB7B"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/solid-connection-full-black-logo.svg b/apps/university-web/public/svgs/solid-connection-full-black-logo.svg
new file mode 100644
index 00000000..24ea1a58
--- /dev/null
+++ b/apps/university-web/public/svgs/solid-connection-full-black-logo.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="145" height="35" viewBox="0 0 145 35" fill="none">
+  <path d="M40.8718 8.44732C40.7102 8.44732 40.5458 8.44732 40.3813 8.45751C38.829 5.77694 36.5719 3.57288 33.8552 2.0847C31.1385 0.596521 28.066 -0.118904 24.9713 0.0161163C21.8767 0.151136 18.8782 1.13144 16.3014 2.85058C13.7246 4.56971 11.6681 6.96196 10.3552 9.76756C8.50063 10.1194 6.74758 10.8794 5.22301 11.9924C3.69844 13.1054 2.44052 14.5436 1.54038 16.2028C0.640234 17.8619 0.120404 19.7006 0.0185455 21.5854C-0.0833135 23.4703 0.235349 25.3542 0.951448 27.1007C1.66755 28.8472 2.76315 30.4126 4.1589 31.6834C5.55465 32.9542 7.21558 33.8987 9.02139 34.4484C10.8272 34.9981 12.7327 35.1392 14.5998 34.8616C16.4669 34.584 18.2488 33.8945 19.8166 32.8432C21.7002 33.5426 23.6937 33.9 25.703 33.8985C26.0203 33.8985 26.3507 33.8883 26.6899 33.8694H40.0436C40.3507 33.8883 40.6127 33.8985 40.866 33.8985C41.1193 33.8985 41.3813 33.8883 41.6884 33.8694H43.0261V33.7151C46.1635 33.1702 48.9826 31.469 50.9271 28.9473C52.8717 26.4256 53.8003 23.2667 53.5298 20.0938C53.2593 16.921 51.8093 13.9648 49.4659 11.8088C47.1226 9.65265 44.0562 8.45328 40.8718 8.44732ZM39.8209 23.6918C39.6299 23.0088 39.3086 22.3693 38.8747 21.8083C38.3187 21.111 37.6084 20.6438 36.703 20.3221C37.5552 20.0475 38.3102 19.533 38.8776 18.8403C39.3124 18.2766 39.6337 17.634 39.8238 16.948C40.014 17.6337 40.3348 18.2762 40.7685 18.8403C41.3347 19.5342 42.0894 20.0498 42.9417 20.325C42.0348 20.6496 41.3245 21.114 40.7685 21.8112C40.3348 22.3725 40.013 23.0119 39.8209 23.6947V23.6918ZM12.7467 12.2363C14.7806 12.2344 16.7671 12.8505 18.443 14.003C20.1189 15.1555 21.4051 16.7899 22.1312 18.6899C22.8572 20.5898 22.9889 22.6655 22.5088 24.6419C22.0286 26.6184 20.9593 28.4023 19.4425 29.7573C16.308 28.2262 13.8437 25.5989 12.5164 22.3728C11.189 19.1467 11.0908 15.5459 12.2402 12.2523C12.409 12.2435 12.5749 12.2392 12.7409 12.2392L12.7467 12.2363ZM12.7467 32.3235C10.3914 32.322 8.11148 31.4928 6.30554 29.9808C4.49961 28.4687 3.28252 26.3701 2.86702 24.0517C2.45151 21.7333 2.86402 19.3426 4.03244 17.2975C5.20087 15.2524 7.05087 13.683 9.25909 12.8636C8.38842 16.3658 8.65842 20.0545 10.0298 23.3926C11.4012 26.7307 13.8023 29.5439 16.8835 31.4225C15.5828 32.0147 14.1701 32.3205 12.7409 32.3192L12.7467 32.3235ZM26.6215 31.1925H26.5807C26.2896 31.21 25.9985 31.2187 25.7147 31.2187C24.5332 31.2188 23.3563 31.0721 22.211 30.7821C23.8122 29.0017 24.8785 26.8055 25.2871 24.4462C25.6958 22.0868 25.4303 19.66 24.5212 17.4448C23.6121 15.2296 22.0963 13.3159 20.1481 11.9238C18.1998 10.5317 15.8982 9.71773 13.508 9.57542C14.8238 7.40068 16.6968 5.61702 18.9332 4.40899C21.1696 3.20096 23.6882 2.61244 26.2284 2.70432C28.7685 2.79619 31.238 3.56513 33.3813 4.93157C35.5246 6.29801 37.2639 8.21232 38.4191 10.4764L38.8413 11.3018H38.8573C38.6608 14.833 38.3725 16.7573 37.5472 17.7865C36.6025 18.9713 34.7088 19.2144 30.6113 19.4837V21.1722C34.7088 21.4429 36.6025 21.6846 37.5472 22.8694C38.4919 24.0543 38.735 26.4691 38.9431 31.1954L26.6215 31.1925ZM41.5982 31.1925H41.5472C41.291 31.21 41.0771 31.2173 40.8776 31.2173H40.6986C40.9068 26.4735 41.1353 24.0645 42.0945 22.8665C43.0538 21.6685 44.9344 21.44 49.0305 21.1693V19.4808C44.9344 19.2115 43.0392 18.9684 42.0945 17.7835C41.2605 16.7399 40.9781 14.7719 40.7845 11.1387H40.882C43.467 11.1628 45.9432 12.1827 47.7953 13.9862C49.6474 15.7897 50.7328 18.2378 50.8257 20.8213C50.9185 23.4048 50.0116 25.9245 48.2937 27.8563C46.5758 29.788 44.1791 30.983 41.6025 31.1925H41.5982Z" fill="#040000"/>
+  <path d="M59.4805 16.1883L61.0656 14.5711C61.6901 15.4998 62.7308 16.3964 64.316 16.3964C65.4368 16.3964 66.0292 15.868 66.0292 15.1795C66.0292 14.6832 65.757 14.2028 64.5081 14.0267L63.6435 13.8986C61.626 13.6075 60.2956 12.443 60.2956 10.7123C60.2956 8.72687 61.8647 7.23779 64.3465 7.23779C66.0438 7.23779 67.4688 7.96559 68.3014 8.96705L66.7657 10.6308C66.0976 9.903 65.2243 9.4474 64.3 9.4474C63.4033 9.4474 62.8749 9.92774 62.8749 10.4401C62.8749 10.9205 63.2432 11.3368 64.0918 11.459L64.9564 11.5871C67.2621 11.9292 68.6071 13.1053 68.6071 14.9976C68.6071 17.181 66.7818 18.6002 64.2679 18.6002C61.6741 18.606 60.2752 17.3266 59.4805 16.1883Z" fill="#231815"/>
+  <path d="M69.3916 14.1868C69.3916 11.9612 70.8472 9.76758 73.9214 9.76758C76.9957 9.76758 78.4542 11.9612 78.4542 14.1868C78.4542 16.4124 76.9986 18.606 73.9214 18.606C70.8443 18.606 69.3916 16.4124 69.3916 14.1868ZM75.9724 14.1868C75.9724 12.8098 75.1223 11.9131 73.9214 11.9131C72.7206 11.9131 71.8719 12.8142 71.8719 14.1868C71.8719 15.5594 72.7206 16.4604 73.9214 16.4604C75.1223 16.4604 75.9724 15.5638 75.9724 14.1868Z" fill="#231815"/>
+  <path d="M79.6553 6.9917H82.1094V18.3599H79.6553V6.9917Z" fill="#231815"/>
+  <path d="M83.752 6.48535H86.2017V8.87108H83.752V6.48535ZM83.752 9.97879H86.2017V18.3689H83.752V9.97879Z" fill="#231815"/>
+  <path d="M93.9197 17.5011C93.5993 17.841 93.2125 18.1116 92.7834 18.2961C92.3543 18.4806 91.8919 18.5752 91.4248 18.5739C89.0958 18.5739 87.4219 16.8607 87.4219 14.1707C87.4219 11.4808 89.0958 9.76753 91.4248 9.76753C91.894 9.76502 92.3586 9.86058 92.7887 10.0481C93.2188 10.2356 93.605 10.5109 93.9226 10.8563V6.9917H96.3738V18.3599H93.9197V17.5011ZM93.9197 15.3556V13.0019C93.5674 12.2974 92.7989 11.9131 92.0274 11.9131C90.8105 11.9131 89.8979 12.7137 89.8979 14.1707C89.8979 15.6278 90.8105 16.4284 92.0274 16.4284C92.7989 16.4284 93.5674 16.0441 93.9197 15.3556Z" fill="#231815"/>
+  <path d="M59.7686 28.7269C59.7686 26.5173 61.2897 24.3237 64.2038 24.3237C65.901 24.3237 67.0859 25.0923 67.9505 26.3892L66.2693 27.7182C65.8326 27.0297 65.2503 26.4693 64.3479 26.4693C63.0189 26.4693 62.2504 27.3659 62.2504 28.7269C62.2504 30.0879 63.0189 30.9846 64.3479 30.9846C65.2445 30.9846 65.837 30.4242 66.2693 29.7357L67.9505 31.0646C67.0859 32.3616 65.901 33.1301 64.2038 33.1301C61.294 33.1301 59.7686 30.9365 59.7686 28.7269Z" fill="#231815"/>
+  <path d="M68.543 28.7429C68.543 26.5173 69.9986 24.3237 73.0743 24.3237C76.1499 24.3237 77.6055 26.5173 77.6055 28.7429C77.6055 30.9685 76.1499 33.1621 73.0743 33.1621C69.9986 33.1621 68.543 30.9685 68.543 28.7429ZM75.1237 28.7429C75.1237 27.3659 74.2751 26.4693 73.0743 26.4693C71.8734 26.4693 71.0248 27.3659 71.0248 28.7429C71.0248 30.1199 71.8734 31.0166 73.0743 31.0166C74.2751 31.0166 75.1223 30.1199 75.1223 28.7429H75.1237Z" fill="#231815"/>
+  <path d="M78.8066 24.5319H81.2564V25.6236C81.7047 24.8711 82.5854 24.3267 83.8343 24.3267C86.0279 24.3267 86.9405 25.8958 86.9405 27.9657V32.9293H84.4908V28.2146C84.4908 27.0777 83.9784 26.4678 82.8896 26.4678C82.5113 26.4692 82.1444 26.5978 81.8481 26.8331C81.5518 27.0684 81.3434 27.3966 81.2564 27.7648V32.9205H78.8066V24.5319Z" fill="#231815"/>
+  <path d="M88.4922 24.5319H90.942V25.6236C91.3903 24.8711 92.2709 24.3267 93.5198 24.3267C95.7134 24.3267 96.6261 25.8958 96.6261 27.9657V32.9293H94.1763V28.2146C94.1763 27.0777 93.6639 26.4678 92.5752 26.4678C92.1968 26.4692 91.8299 26.5978 91.5337 26.8331C91.2374 27.0684 91.0289 27.3966 90.942 27.7648V32.9205H88.4922V24.5319Z" fill="#231815"/>
+  <path d="M97.7461 28.7589C97.7461 26.101 99.5714 24.3237 102.037 24.3237C104.503 24.3237 106.072 25.9569 106.072 28.4067C106.064 28.7441 106.037 29.0809 105.992 29.4154H100.158C100.35 30.3761 101.023 31.0646 102.416 31.0646C103.376 31.0646 104.145 30.5042 104.561 29.9758L105.864 31.5915C105.412 32.0874 104.86 32.4821 104.245 32.7498C103.629 33.0175 102.964 33.152 102.293 33.1447C99.4753 33.1461 97.7461 31.1549 97.7461 28.7589ZM100.244 27.6381H103.702C103.606 26.7575 102.998 26.2932 102.037 26.2932C101.141 26.2932 100.516 26.7415 100.244 27.6381Z" fill="#231815"/>
+  <path d="M106.842 28.7269C106.842 26.5173 108.363 24.3237 111.277 24.3237C112.974 24.3237 114.159 25.0923 115.024 26.3892L113.343 27.7182C112.906 27.0297 112.324 26.4693 111.421 26.4693C110.092 26.4693 109.324 27.3659 109.324 28.7269C109.324 30.0879 110.092 30.9846 111.421 30.9846C112.318 30.9846 112.91 30.4242 113.343 29.7357L115.024 31.0646C114.159 32.3616 112.974 33.1301 111.277 33.1301C108.363 33.1301 106.842 30.9365 106.842 28.7269Z" fill="#231815"/>
+  <path d="M116.72 29.5271V26.4704H115.359V24.5315H116.8V22.4209H119.17V24.5315H121.011V26.4689H119.17V29.6712C119.17 30.6319 119.65 30.9813 120.547 30.9813H121.011V32.9187C120.658 32.9885 120.299 33.026 119.939 33.0308C117.809 33.0337 116.72 31.9769 116.72 29.5271Z" fill="#231815"/>
+  <path d="M122.196 21.041H124.646V23.4267H122.196V21.041ZM122.196 24.5345H124.646V32.9245H122.196V24.5345Z" fill="#231815"/>
+  <path d="M125.847 28.7429C125.847 26.5173 127.302 24.3237 130.378 24.3237C133.454 24.3237 134.909 26.5173 134.909 28.7429C134.909 30.9685 133.454 33.1621 130.378 33.1621C127.302 33.1621 125.847 30.9685 125.847 28.7429ZM132.427 28.7429C132.427 27.3659 131.579 26.4693 130.378 26.4693C129.177 26.4693 128.328 27.3659 128.328 28.7429C128.328 30.1199 129.177 31.0166 130.378 31.0166C131.579 31.0166 132.427 30.1199 132.427 28.7429Z" fill="#231815"/>
+  <path d="M136.111 24.5319H138.561V25.6236C139.009 24.8711 139.89 24.3267 141.139 24.3267C143.333 24.3267 144.245 25.8958 144.245 27.9657V32.9293H141.788V28.2146C141.788 27.0777 141.276 26.4678 140.187 26.4678C139.809 26.4692 139.442 26.5978 139.146 26.8331C138.849 27.0684 138.641 27.3966 138.554 27.7648V32.9205H136.111V24.5319Z" fill="#231815"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/speaker.svg b/apps/university-web/public/svgs/speaker.svg
new file mode 100644
index 00000000..7f90508a
--- /dev/null
+++ b/apps/university-web/public/svgs/speaker.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M3 7.66673C3 7.15127 3.41787 6.7334 3.93333 6.7334H6.36L6.73333 13.2667H3.93333C3.41787 13.2667 3 12.8489 3 12.3334V7.66673Z" fill="#6F90D1"/>
+  <path d="M9.90647 4.12L6.17314 6.92C5.93812 7.09626 5.7998 7.37289 5.7998 7.66667V12.3333C5.7998 12.6271 5.93812 12.9037 6.17314 13.08L9.90647 15.88C10.5218 16.3415 11.3998 15.9024 11.3998 15.1333V4.86667C11.3998 4.09756 10.5218 3.65853 9.90647 4.12Z" fill="#6F90D1"/>
+  <path d="M13.2666 7.2002C13.2666 7.2002 14.1999 7.89327 14.1999 10.0002C14.1999 12.1071 13.2666 12.8002 13.2666 12.8002" stroke="#6F90D1" stroke-width="1.86667" stroke-linecap="round"/>
+  <path d="M16.0669 5.3335C16.0669 5.3335 17.0002 6.48863 17.0002 10.0002C17.0002 13.5117 16.0669 14.6668 16.0669 14.6668" stroke="#6F90D1" stroke-width="1.86667" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/sub-comment.svg b/apps/university-web/public/svgs/sub-comment.svg
new file mode 100644
index 00000000..1d1842e4
--- /dev/null
+++ b/apps/university-web/public/svgs/sub-comment.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Rectangle 3428" d="M1 0V9H10" stroke="#707070"/>
+</svg>
diff --git a/apps/university-web/public/svgs/tabler-search.svg b/apps/university-web/public/svgs/tabler-search.svg
new file mode 100644
index 00000000..aed97be8
--- /dev/null
+++ b/apps/university-web/public/svgs/tabler-search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
+  <path d="M18.375 18.375L13.125 13.125M2.625 8.75C2.625 9.55435 2.78343 10.3508 3.09124 11.0939C3.39905 11.8371 3.85021 12.5123 4.41897 13.081C4.98773 13.6498 5.66294 14.101 6.40606 14.4088C7.14918 14.7166 7.94565 14.875 8.75 14.875C9.55435 14.875 10.3508 14.7166 11.0939 14.4088C11.8371 14.101 12.5123 13.6498 13.081 13.081C13.6498 12.5123 14.101 11.8371 14.4088 11.0939C14.7166 10.3508 14.875 9.55435 14.875 8.75C14.875 7.94565 14.7166 7.14918 14.4088 6.40606C14.101 5.66294 13.6498 4.98773 13.081 4.41897C12.5123 3.85021 11.8371 3.39905 11.0939 3.09124C10.3508 2.78343 9.55435 2.625 8.75 2.625C7.94565 2.625 7.14918 2.78343 6.40606 3.09124C5.66294 3.39905 4.98773 3.85021 4.41897 4.41897C3.85021 4.98773 3.39905 5.66294 3.09124 6.40606C2.78343 7.14918 2.625 7.94565 2.625 8.75Z" stroke="#A8A8A8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/toast/cap.svg b/apps/university-web/public/svgs/toast/cap.svg
new file mode 100644
index 00000000..c0e82300
--- /dev/null
+++ b/apps/university-web/public/svgs/toast/cap.svg
@@ -0,0 +1,9 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.7813 16.0787V18.6555C7.7813 19.325 8.16394 19.9486 8.77616 20.2695L13.5591 22.773C14.1331 23.0757 14.8218 23.0757 15.3958 22.773L20.1788 20.2695C20.791 19.9486 21.1736 19.325 21.1736 18.6555V16.0787L15.3958 19.1049C14.8218 19.4075 14.1331 19.4075 13.5591 19.1049L7.7813 16.0787ZM13.5591 7.22009L5.49504 11.4385C4.83499 11.7869 4.83499 12.704 5.49504 13.0524L13.5591 17.2708C14.1331 17.5734 14.8218 17.5734 15.3958 17.2708L23.0868 13.245V18.6647C23.0868 19.1691 23.5173 19.5817 24.0434 19.5817C24.5695 19.5817 25 19.1691 25 18.6647V12.7865C25 12.4472 24.8087 12.1446 24.5026 11.9795L15.3958 7.22009C15.1132 7.07559 14.7978 7 14.4775 7C14.1571 7 13.8418 7.07559 13.5591 7.22009Z" fill="url(#paint0_linear_6463_12858)"/>
+<defs>
+<linearGradient id="paint0_linear_6463_12858" x1="15" y1="7" x2="15" y2="23" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4672EE"/>
+<stop offset="1" stop-color="#5950F6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/toast/index.ts b/apps/university-web/public/svgs/toast/index.ts
new file mode 100644
index 00000000..c4cffe67
--- /dev/null
+++ b/apps/university-web/public/svgs/toast/index.ts
@@ -0,0 +1,7 @@
+import IconToastCap from "./cap.svg";
+import IconToastLike from "./like.svg";
+import IconToastLink from "./link.svg";
+import IconToastLogo from "./logo.svg";
+import IconToastUniv from "./univ.svg";
+
+export { IconToastCap, IconToastLike, IconToastLink, IconToastLogo, IconToastUniv };
diff --git a/apps/university-web/public/svgs/toast/like.svg b/apps/university-web/public/svgs/toast/like.svg
new file mode 100644
index 00000000..3b60f210
--- /dev/null
+++ b/apps/university-web/public/svgs/toast/like.svg
@@ -0,0 +1,9 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5994 22.8807C14.7164 22.9583 14.8562 23 14.9995 23C15.1429 23 15.2827 22.9583 15.3997 22.8807L15 22.3514L15.4006 22.8807L15.408 22.8755L15.4274 22.8625L15.5012 22.8123C15.5652 22.7691 15.656 22.706 15.7735 22.6229C17.1452 21.6529 18.44 20.591 19.6477 19.4454C20.7074 18.4353 21.7846 17.2547 22.6006 16.0024C23.4129 14.757 24 13.387 24 12.0136C24 10.3834 23.46 9.10941 22.5046 8.24454C21.5538 7.38487 20.2708 7 18.9231 7C17.3308 7 15.9249 7.72043 15 8.83092C14.0751 7.72043 12.6683 7 11.0769 7C8.23385 7 6 9.28238 6 12.0136C6 13.387 6.588 14.7561 7.39938 16.0024C8.21538 17.2547 9.29262 18.4353 10.3523 19.4463C11.6398 20.6667 13.0261 21.7921 14.4988 22.8123L14.5726 22.8625L14.592 22.8755L14.5994 22.8807Z" fill="url(#paint0_linear_6463_12808)"/>
+<defs>
+<linearGradient id="paint0_linear_6463_12808" x1="15" y1="7" x2="15" y2="23" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4672EE"/>
+<stop offset="1" stop-color="#5950F6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/toast/link.svg b/apps/university-web/public/svgs/toast/link.svg
new file mode 100644
index 00000000..33940627
--- /dev/null
+++ b/apps/university-web/public/svgs/toast/link.svg
@@ -0,0 +1,9 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75001 16.25L16.25 9.75001M11.9167 6.50001L12.4183 5.91934C13.4342 4.90353 14.8121 4.33291 16.2488 4.33301C17.6854 4.33311 19.0632 4.90392 20.0791 5.91988C21.0949 6.93584 21.6655 8.31371 21.6654 9.75039C21.6653 11.1871 21.0945 12.5649 20.0785 13.5807L19.5 14.0833M14.0833 19.5L13.6533 20.0785C12.6252 21.0944 11.2381 21.664 9.7928 21.664C8.3475 21.664 6.96043 21.0944 5.93234 20.0785C5.42547 19.5777 5.02304 18.9813 4.74837 18.3238C4.47371 17.6664 4.33228 16.9609 4.33228 16.2484C4.33228 15.5358 4.47371 14.8304 4.74837 14.1729C5.02304 13.5155 5.42547 12.919 5.93234 12.4183L6.50001 11.9167" stroke="url(#paint0_linear_6463_10707)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_6463_10707" x1="12.9988" y1="4.33301" x2="12.9988" y2="21.664" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4672EE"/>
+<stop offset="1" stop-color="#5950F6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/toast/logo.svg b/apps/university-web/public/svgs/toast/logo.svg
new file mode 100644
index 00000000..2896762a
--- /dev/null
+++ b/apps/university-web/public/svgs/toast/logo.svg
@@ -0,0 +1,9 @@
+<svg width="35" height="27" viewBox="0 0 35 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.8509 8.41212C24.764 8.41212 24.6756 8.41212 24.5872 8.41732C23.7528 7.04977 22.5395 5.92532 21.0791 5.16609C19.6187 4.40687 17.9671 4.04188 16.3035 4.11076C14.6399 4.17964 13.0281 4.67977 11.6429 5.55682C10.2578 6.43388 9.15226 7.65433 8.44648 9.08567C7.44957 9.26518 6.50721 9.6529 5.68767 10.2207C4.86812 10.7885 4.19192 11.5223 3.70804 12.3687C3.22417 13.2152 2.94473 14.1532 2.88997 15.1148C2.83522 16.0764 3.00652 17.0375 3.39146 17.9286C3.77641 18.8196 4.36535 19.6182 5.11565 20.2665C5.86594 20.9149 6.75879 21.3967 7.72951 21.6771C8.70023 21.9576 9.72453 22.0296 10.7282 21.8879C11.7319 21.7463 12.6898 21.3946 13.5325 20.8582C14.5451 21.215 15.6167 21.3973 16.6968 21.3966C16.8674 21.3966 17.045 21.3914 17.2273 21.3817H24.4057C24.5708 21.3914 24.7116 21.3966 24.8478 21.3966C24.9839 21.3966 25.1248 21.3914 25.2899 21.3817L25.6896 21.3428L26.0089 21.303C27.6955 21.025 29.2109 20.1571 30.2562 18.8706C31.3015 17.5842 31.8007 15.9725 31.6553 14.3538C31.5098 12.7352 30.7304 11.227 29.4707 10.127C28.211 9.02705 26.5627 8.41516 24.8509 8.41212ZM24.286 16.1894C24.1833 15.841 24.0106 15.5147 23.7773 15.2285C23.4784 14.8728 23.0966 14.6344 22.6099 14.4703C23.068 14.3302 23.4739 14.0677 23.7789 13.7143C24.0126 13.4268 24.1853 13.0989 24.2875 12.7489C24.3898 13.0987 24.5622 13.4265 24.7953 13.7143C25.0997 14.0683 25.5054 14.3314 25.9636 14.4718C25.4761 14.6374 25.0942 14.8743 24.7953 15.23C24.5622 15.5163 24.3893 15.8426 24.286 16.1909V16.1894ZM9.73207 10.3451C10.8254 10.3442 11.8933 10.6585 12.7942 11.2465C13.6951 11.8344 14.3865 12.6683 14.7768 13.6376C15.1671 14.6069 15.2378 15.6658 14.9797 16.6741C14.7216 17.6825 14.1468 18.5926 13.3314 19.2839C11.6465 18.5028 10.3218 17.1624 9.60826 15.5165C8.89474 13.8707 8.84191 12.0336 9.45978 10.3533C9.55054 10.3488 9.63974 10.3466 9.72894 10.3466L9.73207 10.3451ZM9.73207 20.5931C8.46595 20.5923 7.24038 20.1693 6.26959 19.3979C5.2988 18.6265 4.64454 17.5558 4.42119 16.373C4.19783 15.1902 4.41958 13.9706 5.04767 12.9272C5.67576 11.8839 6.67024 11.0832 7.85728 10.6652C7.38925 12.4519 7.53439 14.3338 8.27158 16.0368C9.00876 17.7398 10.2995 19.175 11.9558 20.1334C11.2566 20.4355 10.4972 20.5915 9.72894 20.5909L9.73207 20.5931ZM17.1905 20.0161H17.1686C17.0121 20.025 16.8556 20.0295 16.7031 20.0295C16.068 20.0295 15.4353 19.9547 14.8197 19.8067C15.6804 18.8984 16.2536 17.778 16.4733 16.5743C16.6929 15.3706 16.5502 14.1325 16.0615 13.0024C15.5729 11.8722 14.758 10.8959 13.7107 10.1857C12.6634 9.47553 11.4262 9.06025 10.1413 8.98764C10.8486 7.87815 11.8555 6.96818 13.0577 6.35188C14.2599 5.73558 15.6137 5.43533 16.9792 5.4822C18.3447 5.52908 19.6722 5.92137 20.8243 6.61848C21.9765 7.3156 22.9114 8.29223 23.5324 9.44732L23.7594 9.86837H23.768C23.6623 11.6699 23.5074 12.6517 23.0637 13.1767C22.5559 13.7812 21.5379 13.9052 19.3353 14.0426V14.904C21.5379 15.0421 22.5559 15.1654 23.0637 15.7699C23.5716 16.3743 23.7022 17.6063 23.8141 20.0176L17.1905 20.0161ZM25.2413 20.0161H25.214C25.0762 20.025 24.9612 20.0287 24.854 20.0287H24.7578C24.8697 17.6086 24.9925 16.3795 25.5082 15.7684C26.0238 15.1572 27.0348 15.0406 29.2366 14.9025V14.0411C27.0348 13.9037 26.016 13.7797 25.5082 13.1752C25.0598 12.6427 24.908 11.6387 24.8039 9.7852H24.8564C26.246 9.79748 27.5771 10.3178 28.5727 11.2379C29.5683 12.158 30.1517 13.407 30.2016 14.725C30.2515 16.043 29.764 17.3285 28.8406 18.314C27.9171 19.2996 26.6288 19.9092 25.2437 20.0161H25.2413Z" fill="url(#paint0_linear_6463_2838)"/>
+<defs>
+<linearGradient id="paint0_linear_6463_2838" x1="23.5759" y1="7.13806" x2="10.3015" y2="19.6129" gradientUnits="userSpaceOnUse">
+<stop offset="0.060612" stop-color="#5950F6"/>
+<stop offset="1" stop-color="#2AA4E2"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/toast/univ.svg b/apps/university-web/public/svgs/toast/univ.svg
new file mode 100644
index 00000000..b6da0fda
--- /dev/null
+++ b/apps/university-web/public/svgs/toast/univ.svg
@@ -0,0 +1,9 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5338 5.29469C14.7545 5.11819 15.0252 5.01566 15.3075 5.00165C15.5898 4.98765 15.8693 5.06287 16.1064 5.21665L16.215 5.29469L20.0832 8.38963C20.2719 8.54047 20.4282 8.72788 20.5428 8.94061C20.6573 9.15334 20.7277 9.38701 20.7497 9.6276L20.7569 9.78998V20.1244H21.654V12.4992C21.6539 12.3942 21.6907 12.2925 21.7579 12.2119C21.8251 12.1312 21.9185 12.0767 22.0218 12.0578L22.1025 12.0506H22.5511C23.0037 12.0505 23.4397 12.2214 23.7716 12.5292C24.1035 12.837 24.3068 13.2589 24.3407 13.7102L24.3452 13.8448V20.9317C24.3451 21.1747 24.2554 21.4092 24.0931 21.5901C23.9309 21.771 23.7076 21.8857 23.4661 21.9123L23.3584 21.9185H7.39036C7.14719 21.9187 6.91255 21.829 6.73143 21.6668C6.55031 21.5045 6.43547 21.2811 6.40895 21.0394L6.40356 20.9317V13.8448C6.40342 13.3921 6.57437 12.9562 6.88216 12.6243C7.18994 12.2924 7.6118 12.0891 8.06317 12.0551L8.19773 12.0506H8.64627C8.75125 12.0506 8.85292 12.0874 8.93357 12.1546C9.01422 12.2218 9.06874 12.3152 9.08764 12.4184L9.09481 12.4992V20.1244H9.99189V9.78998C9.99188 9.54838 10.0407 9.30926 10.1353 9.08698C10.23 8.86469 10.3685 8.66381 10.5427 8.49638L10.6656 8.38873L14.5338 5.29469ZM15.3744 11.1526C14.8985 11.1526 14.4422 11.3417 14.1057 11.6781C13.7693 12.0146 13.5802 12.471 13.5802 12.9468C13.5802 13.4227 13.7693 13.879 14.1057 14.2155C14.4422 14.5519 14.8985 14.741 15.3744 14.741C15.8502 14.741 16.3066 14.5519 16.6431 14.2155C16.9795 13.879 17.1686 13.4227 17.1686 12.9468C17.1686 12.471 16.9795 12.0146 16.6431 11.6781C16.3066 11.3417 15.8502 11.1526 15.3744 11.1526Z" fill="url(#paint0_linear_6463_11992)"/>
+<defs>
+<linearGradient id="paint0_linear_6463_11992" x1="15.3744" y1="5" x2="15.3744" y2="21.9185" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4672EE"/>
+<stop offset="1" stop-color="#5950F6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/university-web/public/svgs/ui/check-blue.svg b/apps/university-web/public/svgs/ui/check-blue.svg
new file mode 100644
index 00000000..0d5bf90c
--- /dev/null
+++ b/apps/university-web/public/svgs/ui/check-blue.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <circle cx="6" cy="6" r="6" fill="#388CE8"/>
+  <path d="M4 6L5.66667 8L9 4" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/ui/exp-red.svg b/apps/university-web/public/svgs/ui/exp-red.svg
new file mode 100644
index 00000000..93288b99
--- /dev/null
+++ b/apps/university-web/public/svgs/ui/exp-red.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <path d="M5.99988 12C9.27653 12 12 9.28236 12 6C12 2.72342 9.2705 0 5.99385 0C2.71168 0 0 2.72342 0 6C0 9.28236 2.71745 12 5.99988 12ZM5.99435 6.88246C5.68237 6.88246 5.51195 6.69999 5.49991 6.38802L5.41758 3.48264C5.40579 3.15887 5.65276 2.92972 5.98808 2.92972C6.31763 2.92972 6.57037 3.1649 6.55883 3.48841L6.47625 6.38852C6.46445 6.70602 6.28801 6.88271 5.9941 6.88271M5.9941 9.04744C5.65276 9.04744 5.33501 8.77688 5.33501 8.41195C5.33501 8.04702 5.64699 7.77696 5.9941 7.77696C6.3352 7.77696 6.6527 8.0415 6.6527 8.41195C6.6527 8.78265 6.32917 9.04744 5.9941 9.04744Z" fill="#E22A2D"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/ui/eye-off.svg b/apps/university-web/public/svgs/ui/eye-off.svg
new file mode 100644
index 00000000..a063a03a
--- /dev/null
+++ b/apps/university-web/public/svgs/ui/eye-off.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
+  <path d="M6.50002 5.375C6.06904 5.375 5.65572 5.5462 5.35097 5.85095C5.04622 6.1557 4.87502 6.56902 4.87502 7C4.87502 7.43098 5.04622 7.8443 5.35097 8.14905C5.65572 8.4538 6.06904 8.625 6.50002 8.625C6.931 8.625 7.34432 8.4538 7.64907 8.14905C7.95381 7.8443 8.12502 7.43098 8.12502 7C8.12502 6.56902 7.95381 6.1557 7.64907 5.85095C7.34432 5.5462 6.931 5.375 6.50002 5.375ZM6.50002 9.70833C5.78173 9.70833 5.09285 9.42299 4.58494 8.91508C4.07703 8.40717 3.79169 7.71829 3.79169 7C3.79169 6.28171 4.07703 5.59283 4.58494 5.08492C5.09285 4.57701 5.78173 4.29167 6.50002 4.29167C7.21831 4.29167 7.90719 4.57701 8.4151 5.08492C8.92301 5.59283 9.20835 6.28171 9.20835 7C9.20835 7.71829 8.92301 8.40717 8.4151 8.91508C7.90719 9.42299 7.21831 9.70833 6.50002 9.70833ZM6.50002 2.9375C3.79169 2.9375 1.47877 4.62208 0.541687 7C1.47877 9.37792 3.79169 11.0625 6.50002 11.0625C9.20835 11.0625 11.5213 9.37792 12.4584 7C11.5213 4.62208 9.20835 2.9375 6.50002 2.9375Z" fill="#DDDDDF"/>
+  <path d="M2.16669 3.20825L11.9167 10.7916" stroke="#C6C7C9" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/ui/eye-on.svg b/apps/university-web/public/svgs/ui/eye-on.svg
new file mode 100644
index 00000000..8e3cd4ad
--- /dev/null
+++ b/apps/university-web/public/svgs/ui/eye-on.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
+  <path d="M6.49996 5.375C6.06898 5.375 5.65566 5.5462 5.35091 5.85095C5.04616 6.1557 4.87496 6.56902 4.87496 7C4.87496 7.43098 5.04616 7.8443 5.35091 8.14905C5.65566 8.4538 6.06898 8.625 6.49996 8.625C6.93094 8.625 7.34426 8.4538 7.64901 8.14905C7.95375 7.8443 8.12496 7.43098 8.12496 7C8.12496 6.56902 7.95375 6.1557 7.64901 5.85095C7.34426 5.5462 6.93094 5.375 6.49996 5.375ZM6.49996 9.70833C5.78166 9.70833 5.09279 9.42299 4.58488 8.91508C4.07697 8.40717 3.79163 7.71829 3.79163 7C3.79163 6.28171 4.07697 5.59283 4.58488 5.08492C5.09279 4.57701 5.78166 4.29167 6.49996 4.29167C7.21825 4.29167 7.90713 4.57701 8.41504 5.08492C8.92295 5.59283 9.20829 6.28171 9.20829 7C9.20829 7.71829 8.92295 8.40717 8.41504 8.91508C7.90713 9.42299 7.21825 9.70833 6.49996 9.70833ZM6.49996 2.9375C3.79163 2.9375 1.47871 4.62208 0.541626 7C1.47871 9.37792 3.79163 11.0625 6.49996 11.0625C9.20829 11.0625 11.5212 9.37792 12.4583 7C11.5212 4.62208 9.20829 2.9375 6.49996 2.9375Z" fill="#1A1F27"/>
+</svg>
\ No newline at end of file
diff --git a/apps/university-web/public/svgs/ui/index.ts b/apps/university-web/public/svgs/ui/index.ts
new file mode 100644
index 00000000..b0d81ad9
--- /dev/null
+++ b/apps/university-web/public/svgs/ui/index.ts
@@ -0,0 +1,6 @@
+import IconCheckBlue from "./check-blue.svg";
+import IconExpRed from "./exp-red.svg";
+import IconEyeOff from "./eye-off.svg";
+import IconEyeOn from "./eye-on.svg";
+
+export { IconCheckBlue, IconExpRed, IconEyeOff, IconEyeOn };
diff --git a/apps/university-web/public/ui/ArrowDropDownFilled.svg b/apps/university-web/public/ui/ArrowDropDownFilled.svg
new file mode 100644
index 00000000..b0484419
--- /dev/null
+++ b/apps/university-web/public/ui/ArrowDropDownFilled.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5.83398 7.91675L10.0007 12.0834L14.1673 7.91675H5.83398Z" fill="black" fillOpacity="0.54"/>
+</svg>
diff --git a/apps/university-web/sentry.edge.config.ts b/apps/university-web/sentry.edge.config.ts
new file mode 100644
index 00000000..4cc98473
--- /dev/null
+++ b/apps/university-web/sentry.edge.config.ts
@@ -0,0 +1,20 @@
+// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).
+// The config you add here will be used whenever one of the edge features is loaded.
+// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+import * as Sentry from "@sentry/nextjs";
+
+// 프로덕션 환경에서만 Sentry 초기화
+if (process.env.NODE_ENV === "production") {
+  Sentry.init({
+    dsn: process.env.SENTRY_DSN || "",
+    environment: process.env.SENTRY_ENVIRONMENT || "production",
+
+    // Performance Monitoring: 프로덕션에서 30% 샘플링
+    // https://docs.sentry.io/platforms/javascript/configuration/options/#traces-sample-rate
+    tracesSampleRate: 0.3,
+
+    // Setting this option to true will print useful information to the console while you're setting up Sentry.
+    debug: false,
+  });
+}
diff --git a/apps/university-web/sentry.server.config.ts b/apps/university-web/sentry.server.config.ts
new file mode 100644
index 00000000..7b71a33d
--- /dev/null
+++ b/apps/university-web/sentry.server.config.ts
@@ -0,0 +1,23 @@
+// This file configures the initialization of Sentry on the server.
+// The config you add here will be used whenever the server handles a request.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+import * as Sentry from "@sentry/nextjs";
+
+// 프로덕션 환경에서만 Sentry 초기화
+if (process.env.NODE_ENV === "production") {
+  Sentry.init({
+    dsn: process.env.SENTRY_DSN || "",
+    environment: process.env.SENTRY_ENVIRONMENT || "production",
+
+    // Keep default PII collection off; add explicit context only where needed.
+    // https://docs.sentry.io/platforms/javascript/guides/nextjs/configuration/options/#sendDefaultPii
+    sendDefaultPii: false,
+
+    // Performance Monitoring: 프로덕션에서 30% 샘플링
+    // https://docs.sentry.io/platforms/javascript/configuration/options/#traces-sample-rate
+    tracesSampleRate: 0.3,
+
+    // Setting this option to true will print useful information to the console while you're setting up Sentry.
+    debug: false,
+  });
+}
diff --git a/apps/university-web/src/apis/Admin/api.ts b/apps/university-web/src/apis/Admin/api.ts
new file mode 100644
index 00000000..753da589
--- /dev/null
+++ b/apps/university-web/src/apis/Admin/api.ts
@@ -0,0 +1,176 @@
+import { axiosInstance } from "@/utils/axiosInstance";
+
+export interface VerifyLanguageTestResponse {
+  id: number;
+  languageTestType: string;
+  languageTestScore: string;
+  verifyStatus: string;
+  rejectedReason: null;
+}
+
+export type VerifyLanguageTestRequest = Record<string, never>;
+
+export interface LanguageTestListResponseSort {
+  sorted: boolean;
+  unsorted: boolean;
+  empty: boolean;
+}
+
+export interface LanguageTestListResponsePageable {
+  pageNumber: number;
+  pageSize: number;
+  sort: LanguageTestListResponsePageableSort;
+  offset: number;
+  paged: boolean;
+  unpaged: boolean;
+}
+
+export interface LanguageTestListResponsePageableSort {
+  sorted: boolean;
+  unsorted: boolean;
+  empty: boolean;
+}
+
+export interface LanguageTestListResponseContentItem {
+  languageTestScoreStatusResponse: LanguageTestListResponseContentItemLanguageTestScoreStatusResponse;
+  siteUserResponse: LanguageTestListResponseContentItemSiteUserResponse;
+}
+
+export interface LanguageTestListResponseContentItemSiteUserResponse {
+  id: number;
+  nickname: string;
+  profileImageUrl: string;
+}
+
+export interface LanguageTestListResponseContentItemLanguageTestScoreStatusResponse {
+  id: number;
+  languageTestResponse: LanguageTestListResponseContentItemLanguageTestScoreStatusResponseLanguageTestResponse;
+  verifyStatus: string;
+  rejectedReason: null;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface LanguageTestListResponseContentItemLanguageTestScoreStatusResponseLanguageTestResponse {
+  languageTestType: string;
+  languageTestScore: string;
+  languageTestReportUrl: string;
+}
+
+export interface LanguageTestListResponse {
+  content: LanguageTestListResponseContentItem[];
+  pageable: LanguageTestListResponsePageable;
+  totalElements: number;
+  totalPages: number;
+  last: boolean;
+  size: number;
+  number: number;
+  sort: LanguageTestListResponseSort;
+  numberOfElements: number;
+  first: boolean;
+  empty: boolean;
+}
+
+export interface VerifyGpaResponse {
+  id: number;
+  gpa: number;
+  gpaCriteria: number;
+  verifyStatus: string;
+  rejectedReason: null;
+}
+
+export type VerifyGpaRequest = Record<string, never>;
+
+export interface GpaListResponseSort {
+  sorted: boolean;
+  unsorted: boolean;
+  empty: boolean;
+}
+
+export interface GpaListResponsePageable {
+  pageNumber: number;
+  pageSize: number;
+  sort: GpaListResponsePageableSort;
+  offset: number;
+  paged: boolean;
+  unpaged: boolean;
+}
+
+export interface GpaListResponsePageableSort {
+  sorted: boolean;
+  unsorted: boolean;
+  empty: boolean;
+}
+
+export interface GpaListResponseContentItem {
+  gpaScoreStatusResponse: GpaListResponseContentItemGpaScoreStatusResponse;
+  siteUserResponse: GpaListResponseContentItemSiteUserResponse;
+}
+
+export interface GpaListResponseContentItemSiteUserResponse {
+  id: number;
+  nickname: string;
+  profileImageUrl: string;
+}
+
+export interface GpaListResponseContentItemGpaScoreStatusResponse {
+  id: number;
+  gpaResponse: GpaListResponseContentItemGpaScoreStatusResponseGpaResponse;
+  verifyStatus: string;
+  rejectedReason: null;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface GpaListResponseContentItemGpaScoreStatusResponseGpaResponse {
+  gpa: number;
+  gpaCriteria: number;
+  gpaReportUrl: string;
+}
+
+export interface GpaListResponse {
+  content: GpaListResponseContentItem[];
+  pageable: GpaListResponsePageable;
+  totalElements: number;
+  totalPages: number;
+  last: boolean;
+  size: number;
+  number: number;
+  sort: GpaListResponseSort;
+  numberOfElements: number;
+  first: boolean;
+  empty: boolean;
+}
+
+export const adminApi = {
+  putVerifyLanguageTest: async (params: {
+    languageTestScoreId: string | number;
+    data?: VerifyLanguageTestRequest;
+  }): Promise<VerifyLanguageTestResponse> => {
+    const res = await axiosInstance.put<VerifyLanguageTestResponse>(
+      `/admin/scores/language-tests/${params.languageTestScoreId}`,
+      params?.data,
+    );
+    return res.data;
+  },
+
+  getLanguageTestList: async (params: { params?: Record<string, unknown> }): Promise<LanguageTestListResponse> => {
+    const res = await axiosInstance.get<LanguageTestListResponse>(`/admin/scores/language-tests?page=1&size=10`, {
+      params: params?.params,
+    });
+    return res.data;
+  },
+
+  putVerifyGpa: async (params: {
+    gpaScoreId: string | number;
+    data?: VerifyGpaRequest;
+  }): Promise<VerifyGpaResponse> => {
+    const res = await axiosInstance.put<VerifyGpaResponse>(`/admin/scores/gpas/${params.gpaScoreId}`, params?.data);
+    return res.data;
+  },
+
+  getGpaList: async (params: { params?: Record<string, unknown> }): Promise<GpaListResponse> => {
+    const res = await axiosInstance.get<GpaListResponse>(`/admin/scores/gpas`, { params: params?.params });
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/Admin/getGpaList.ts b/apps/university-web/src/apis/Admin/getGpaList.ts
new file mode 100644
index 00000000..8af4619b
--- /dev/null
+++ b/apps/university-web/src/apis/Admin/getGpaList.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { adminApi, type GpaListResponse } from "./api";
+
+const useGetGpaList = (params?: Record<string, unknown>) => {
+  return useQuery<GpaListResponse, AxiosError>({
+    queryKey: [QueryKeys.Admin.gpaList, params],
+    queryFn: () => adminApi.getGpaList(params ? { params } : {}),
+  });
+};
+
+export default useGetGpaList;
diff --git a/apps/university-web/src/apis/Admin/getLanguageTestList.ts b/apps/university-web/src/apis/Admin/getLanguageTestList.ts
new file mode 100644
index 00000000..28cd6fd4
--- /dev/null
+++ b/apps/university-web/src/apis/Admin/getLanguageTestList.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { adminApi, type LanguageTestListResponse } from "./api";
+
+const useGetLanguageTestList = (params?: Record<string, unknown>) => {
+  return useQuery<LanguageTestListResponse, AxiosError>({
+    queryKey: [QueryKeys.Admin.languageTestList, params],
+    queryFn: () => adminApi.getLanguageTestList(params ? { params } : {}),
+  });
+};
+
+export default useGetLanguageTestList;
diff --git a/apps/university-web/src/apis/Admin/index.ts b/apps/university-web/src/apis/Admin/index.ts
new file mode 100644
index 00000000..f7d22c2a
--- /dev/null
+++ b/apps/university-web/src/apis/Admin/index.ts
@@ -0,0 +1,5 @@
+export { adminApi } from "./api";
+export { default as getGpaList } from "./getGpaList";
+export { default as getLanguageTestList } from "./getLanguageTestList";
+export { default as putVerifyGpa } from "./putVerifyGpa";
+export { default as putVerifyLanguageTest } from "./putVerifyLanguageTest";
diff --git a/apps/university-web/src/apis/Admin/putVerifyGpa.ts b/apps/university-web/src/apis/Admin/putVerifyGpa.ts
new file mode 100644
index 00000000..9d834b2f
--- /dev/null
+++ b/apps/university-web/src/apis/Admin/putVerifyGpa.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { adminApi, type VerifyGpaRequest, type VerifyGpaResponse } from "./api";
+
+const usePutVerifyGpa = () => {
+  return useMutation<VerifyGpaResponse, AxiosError, { gpaScoreId: string | number; data: VerifyGpaRequest }>({
+    mutationFn: (variables) => adminApi.putVerifyGpa(variables),
+  });
+};
+
+export default usePutVerifyGpa;
diff --git a/apps/university-web/src/apis/Admin/putVerifyLanguageTest.ts b/apps/university-web/src/apis/Admin/putVerifyLanguageTest.ts
new file mode 100644
index 00000000..0e04811c
--- /dev/null
+++ b/apps/university-web/src/apis/Admin/putVerifyLanguageTest.ts
@@ -0,0 +1,15 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { adminApi, type VerifyLanguageTestRequest, type VerifyLanguageTestResponse } from "./api";
+
+const usePutVerifyLanguageTest = () => {
+  return useMutation<
+    VerifyLanguageTestResponse,
+    AxiosError,
+    { languageTestScoreId: string | number; data: VerifyLanguageTestRequest }
+  >({
+    mutationFn: (variables) => adminApi.putVerifyLanguageTest(variables),
+  });
+};
+
+export default usePutVerifyLanguageTest;
diff --git a/apps/university-web/src/apis/Auth/api.ts b/apps/university-web/src/apis/Auth/api.ts
new file mode 100644
index 00000000..3f04e115
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/api.ts
@@ -0,0 +1,145 @@
+import { axiosInstance, publicAxiosInstance } from "@/utils/axiosInstance";
+
+export type SignOutResponse = Record<string, never>;
+
+export type SignOutRequest = Record<string, never>;
+
+// Apple Auth Types
+export interface RegisteredAppleAuthResponse {
+  isRegistered: true;
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface UnregisteredAppleAuthResponse {
+  isRegistered: false;
+  nickname: null;
+  email: string;
+  profileImageUrl: null;
+  signUpToken: string;
+}
+
+export type AppleAuthResponse = RegisteredAppleAuthResponse | UnregisteredAppleAuthResponse;
+
+export interface AppleAuthRequest {
+  code: string;
+}
+
+export interface RefreshTokenResponse {
+  accessToken: string;
+}
+
+export type RefreshTokenRequest = Record<string, never>;
+
+export interface EmailLoginResponse {
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface EmailLoginRequest {
+  email: string;
+  password: string;
+}
+
+export interface EmailVerificationResponse {
+  signUpToken: string;
+}
+
+export interface EmailVerificationRequest {
+  email: string;
+  verificationCode: string;
+}
+
+// Kakao Auth Types
+export interface RegisteredKakaoAuthResponse {
+  isRegistered: true;
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface UnregisteredKakaoAuthResponse {
+  isRegistered: false;
+  nickname: string;
+  email: string;
+  profileImageUrl: string;
+  signUpToken: string;
+}
+
+export type KakaoAuthResponse = RegisteredKakaoAuthResponse | UnregisteredKakaoAuthResponse;
+
+export interface KakaoAuthRequest {
+  code: string;
+}
+
+export type AccountResponse = undefined;
+
+export interface SignUpResponse {
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface SignUpRequest {
+  signUpToken: string;
+  nickname: string;
+  profileImageUrl: string;
+  preparationStatus: string;
+  interestedRegions: string[];
+  interestedCountries: string[];
+}
+
+export interface EmailSignUpRequest {
+  email: string;
+  password: string;
+}
+
+export interface EmailSignUpResponse {
+  signUpToken: string;
+}
+
+export const authApi = {
+  postSignOut: async (): Promise<SignOutResponse> => {
+    const res = await axiosInstance.post<SignOutResponse>(`/auth/sign-out`);
+    return res.data;
+  },
+
+  postAppleAuth: async (data: AppleAuthRequest): Promise<AppleAuthResponse> => {
+    const res = await publicAxiosInstance.post<AppleAuthResponse>(`/auth/apple`, data);
+    return res.data;
+  },
+
+  postRefreshToken: async (): Promise<RefreshTokenResponse> => {
+    const res = await publicAxiosInstance.post<RefreshTokenResponse>(`/auth/reissue`);
+    return res.data;
+  },
+
+  postEmailLogin: async (data: EmailLoginRequest): Promise<EmailLoginResponse> => {
+    const res = await publicAxiosInstance.post<EmailLoginResponse>(`/auth/email/sign-in`, data);
+    return res.data;
+  },
+
+  postEmailSignUp: async (data: EmailSignUpRequest): Promise<EmailSignUpResponse> => {
+    const res = await publicAxiosInstance.post<EmailSignUpResponse>(`/auth/email/sign-up`, data);
+    return res.data;
+  },
+
+  postKakaoAuth: async (data: KakaoAuthRequest): Promise<KakaoAuthResponse> => {
+    const res = await publicAxiosInstance.post<KakaoAuthResponse>(`/auth/kakao`, data);
+    return res.data;
+  },
+
+  deleteAccount: async (): Promise<AccountResponse> => {
+    const res = await axiosInstance.delete<AccountResponse>(`/auth/quit`);
+    return res.data;
+  },
+
+  postSignUp: async (data: SignUpRequest): Promise<SignUpResponse> => {
+    // 임시 성별, 생년월일 추가. API 변경 시 삭제
+    const payload = {
+      ...data,
+      birth: "2000-01-01",
+      gender: "PREFER_NOT_TO_SAY",
+    };
+    const res = await publicAxiosInstance.post<SignUpResponse>(`/auth/sign-up`, payload);
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/Auth/deleteAccount.ts b/apps/university-web/src/apis/Auth/deleteAccount.ts
new file mode 100644
index 00000000..9cadadc9
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/deleteAccount.ts
@@ -0,0 +1,31 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+import { useRouter } from "next/navigation";
+
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { type AccountResponse, authApi } from "./api";
+
+/**
+ * @description 회원탈퇴를 위한 useMutation 커스텀 훅
+ */
+const useDeleteUserAccount = () => {
+  const router = useRouter();
+  const { clearAccessToken } = useAuthStore();
+  const queryClient = useQueryClient();
+
+  return useMutation<AccountResponse, AxiosError, void>({
+    mutationFn: () => authApi.deleteAccount(),
+    onMutate: () => {
+      // 낙관적 업데이트: 요청이 시작되면 바로 홈으로 이동
+      router.replace("/");
+    },
+    onSuccess: () => {
+      // Zustand persist가 자동으로 localStorage에서 제거
+      clearAccessToken();
+      queryClient.clear();
+    },
+  });
+};
+
+export default useDeleteUserAccount;
diff --git a/apps/university-web/src/apis/Auth/index.ts b/apps/university-web/src/apis/Auth/index.ts
new file mode 100644
index 00000000..cd56347d
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/index.ts
@@ -0,0 +1,25 @@
+export type {
+  AppleAuthRequest,
+  AppleAuthResponse,
+  EmailLoginRequest,
+  EmailLoginResponse,
+  EmailSignUpRequest,
+  EmailSignUpResponse,
+  KakaoAuthRequest,
+  KakaoAuthResponse,
+  SignUpRequest,
+  SignUpResponse,
+} from "./api";
+export { authApi } from "./api";
+
+// Client-side hooks
+export { default as useDeleteUserAccount } from "./deleteAccount";
+export { default as usePostAppleAuth } from "./postAppleAuth";
+export { default as usePostEmailAuth } from "./postEmailLogin";
+export { default as usePostEmailSignUp } from "./postEmailVerification";
+export { default as usePostKakaoAuth } from "./postKakaoAuth";
+export { default as usePostLogout } from "./postSignOut";
+export { default as usePostSignUp } from "./postSignUp";
+
+// Server-side functions
+export { postReissueToken } from "./server";
diff --git a/apps/university-web/src/apis/Auth/postAppleAuth.ts b/apps/university-web/src/apis/Auth/postAppleAuth.ts
new file mode 100644
index 00000000..dc024c39
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/postAppleAuth.ts
@@ -0,0 +1,39 @@
+import { useMutation } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+import { useRouter } from "next/navigation";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { type AppleAuthRequest, type AppleAuthResponse, authApi } from "./api";
+
+/**
+ * @description 애플 로그인을 위한 useMutation 커스텀 훅
+ */
+const usePostAppleAuth = () => {
+  const router = useRouter();
+
+  return useMutation<AppleAuthResponse, AxiosError, AppleAuthRequest>({
+    mutationFn: (data) => authApi.postAppleAuth(data),
+    onSuccess: (data) => {
+      if (data.isRegistered) {
+        // 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
+        // refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
+        useAuthStore.getState().setAccessToken(data.accessToken);
+
+        showIconToast("logo", "로그인에 성공했습니다.");
+
+        setTimeout(() => {
+          router.push("/");
+        }, 100);
+      } else {
+        // 새로운 회원일 시 - 회원가입 페이지로 이동
+        router.push(`/sign-up?token=${data.signUpToken}`);
+      }
+    },
+    onError: () => {
+      router.push("/login");
+    },
+  });
+};
+
+export default usePostAppleAuth;
diff --git a/apps/university-web/src/apis/Auth/postEmailLogin.ts b/apps/university-web/src/apis/Auth/postEmailLogin.ts
new file mode 100644
index 00000000..8d1317bb
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/postEmailLogin.ts
@@ -0,0 +1,36 @@
+import { useMutation } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+import { useRouter } from "next/navigation";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { authApi, type EmailLoginRequest, type EmailLoginResponse } from "./api";
+
+/**
+ * @description 이메일 로그인을 위한 useMutation 커스텀 훅
+ */
+const usePostEmailAuth = () => {
+  const { setAccessToken } = useAuthStore();
+  const router = useRouter();
+
+  return useMutation<EmailLoginResponse, AxiosError, EmailLoginRequest>({
+    mutationFn: (data) => authApi.postEmailLogin(data),
+    onSuccess: (data) => {
+      const { accessToken } = data;
+
+      // Zustand persist가 자동으로 localStorage에 저장
+      // refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
+      setAccessToken(accessToken);
+
+      showIconToast("logo", "로그인에 성공했습니다.");
+
+      // Zustand persist middleware가 localStorage에 저장할 시간을 보장
+      // 토큰 저장 후 리다이렉트하여 타이밍 이슈 방지
+      setTimeout(() => {
+        router.push("/");
+      }, 100);
+    },
+  });
+};
+
+export default usePostEmailAuth;
diff --git a/apps/university-web/src/apis/Auth/postEmailVerification.ts b/apps/university-web/src/apis/Auth/postEmailVerification.ts
new file mode 100644
index 00000000..59c6612d
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/postEmailVerification.ts
@@ -0,0 +1,15 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { authApi, type EmailSignUpRequest, type EmailSignUpResponse } from "./api";
+
+/**
+ * @description 이메일 회원가입을 위한 useMutation 커스텀 훅
+ */
+const usePostEmailSignUp = () => {
+  return useMutation<EmailSignUpResponse, AxiosError, EmailSignUpRequest>({
+    mutationFn: (data) => authApi.postEmailSignUp(data),
+  });
+};
+
+export default usePostEmailSignUp;
diff --git a/apps/university-web/src/apis/Auth/postKakaoAuth.ts b/apps/university-web/src/apis/Auth/postKakaoAuth.ts
new file mode 100644
index 00000000..f8671416
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/postKakaoAuth.ts
@@ -0,0 +1,39 @@
+import { useMutation } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+import { useRouter } from "next/navigation";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { authApi, type KakaoAuthRequest, type KakaoAuthResponse } from "./api";
+
+/**
+ * @description 카카오 로그인을 위한 useMutation 커스텀 훅
+ */
+const usePostKakaoAuth = () => {
+  const { setAccessToken } = useAuthStore();
+  const router = useRouter();
+
+  return useMutation<KakaoAuthResponse, AxiosError, KakaoAuthRequest>({
+    mutationFn: (data) => authApi.postKakaoAuth(data),
+    onSuccess: (data) => {
+      if (data.isRegistered) {
+        // 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
+        // refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
+        setAccessToken(data.accessToken);
+
+        showIconToast("logo", "로그인에 성공했습니다.");
+        setTimeout(() => {
+          router.push("/");
+        }, 100);
+      } else {
+        // 새로운 회원일 시 - 회원가입 페이지로 이동
+        router.push(`/sign-up?token=${data.signUpToken}`);
+      }
+    },
+    onError: () => {
+      router.push("/login");
+    },
+  });
+};
+
+export default usePostKakaoAuth;
diff --git a/apps/university-web/src/apis/Auth/postRefreshToken.ts b/apps/university-web/src/apis/Auth/postRefreshToken.ts
new file mode 100644
index 00000000..68fbf570
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/postRefreshToken.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { authApi, type RefreshTokenResponse } from "./api";
+
+const usePostRefreshToken = () => {
+  return useMutation<RefreshTokenResponse, AxiosError, void>({
+    mutationFn: () => authApi.postRefreshToken(),
+  });
+};
+
+export default usePostRefreshToken;
diff --git a/apps/university-web/src/apis/Auth/postSignOut.ts b/apps/university-web/src/apis/Auth/postSignOut.ts
new file mode 100644
index 00000000..a983f61a
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/postSignOut.ts
@@ -0,0 +1,26 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { authApi, type SignOutResponse } from "./api";
+
+/**
+ * @description 로그아웃을 위한 useMutation 커스텀 훅
+ */
+const usePostLogout = () => {
+  const { clearAccessToken } = useAuthStore();
+  const queryClient = useQueryClient();
+
+  return useMutation<SignOutResponse, AxiosError, void>({
+    mutationFn: () => authApi.postSignOut(),
+    onSuccess: () => {
+      // Zustand persist가 자동으로 localStorage에서 제거
+      clearAccessToken();
+      queryClient.clear();
+      // 로그아웃 후 홈으로 리다이렉트
+      window.location.href = "/";
+    },
+  });
+};
+
+export default usePostLogout;
diff --git a/apps/university-web/src/apis/Auth/postSignUp.ts b/apps/university-web/src/apis/Auth/postSignUp.ts
new file mode 100644
index 00000000..72860bde
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/postSignUp.ts
@@ -0,0 +1,15 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { authApi, type SignUpRequest, type SignUpResponse } from "./api";
+
+/**
+ * @description 회원가입을 위한 useMutation 커스텀 훅
+ */
+const usePostSignUp = () => {
+  return useMutation<SignUpResponse, AxiosError, SignUpRequest>({
+    mutationFn: (data) => authApi.postSignUp(data),
+  });
+};
+
+export default usePostSignUp;
diff --git a/apps/university-web/src/apis/Auth/server/index.ts b/apps/university-web/src/apis/Auth/server/index.ts
new file mode 100644
index 00000000..09d60f03
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/server/index.ts
@@ -0,0 +1 @@
+export { default as postReissueToken } from "./postReissueToken";
diff --git a/apps/university-web/src/apis/Auth/server/postReissueToken.ts b/apps/university-web/src/apis/Auth/server/postReissueToken.ts
new file mode 100644
index 00000000..d7d35038
--- /dev/null
+++ b/apps/university-web/src/apis/Auth/server/postReissueToken.ts
@@ -0,0 +1,32 @@
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { publicAxiosInstance } from "@/utils/axiosInstance";
+import { isTokenExpired } from "@/utils/jwtUtils";
+
+/**
+ * @description 토큰 재발급 서버사이드 함수
+ * axiosInstance의 interceptor에서 사용됨
+ */
+const postReissueToken = async (): Promise<string> => {
+  try {
+    const response = await publicAxiosInstance.post<{ accessToken: string }>("/auth/reissue");
+    const newAccessToken = response.data.accessToken;
+
+    if (!newAccessToken) {
+      throw new Error("재발급된 토큰이 유효하지 않습니다.");
+    }
+    if (isTokenExpired(newAccessToken)) {
+      throw new Error("재발급된 토큰이 이미 만료되었습니다.");
+    }
+
+    // 재발급 성공 시, 새로운 토큰을 Zustand 스토어에 저장
+    useAuthStore.getState().setAccessToken(newAccessToken);
+
+    return newAccessToken;
+  } catch (error) {
+    // 재발급 실패 시 스토어 상태 초기화
+    useAuthStore.getState().clearAccessToken();
+    throw error;
+  }
+};
+
+export default postReissueToken;
diff --git a/apps/university-web/src/apis/MyPage/api.ts b/apps/university-web/src/apis/MyPage/api.ts
new file mode 100644
index 00000000..8586b26d
--- /dev/null
+++ b/apps/university-web/src/apis/MyPage/api.ts
@@ -0,0 +1,68 @@
+import type { AxiosResponse } from "axios";
+import type { UserRole } from "@/types/mentor";
+import type { BaseUserInfo } from "@/types/myInfo";
+import { axiosInstance } from "@/utils/axiosInstance";
+
+// --- 타입 정의 ---
+export interface MenteeInfo extends BaseUserInfo {
+  role: UserRole.MENTEE;
+  interestedCountries: string[];
+}
+
+export interface MentorInfo extends BaseUserInfo {
+  role: UserRole.MENTOR;
+  attendedUniversity: string;
+}
+
+export interface AdminInfo extends BaseUserInfo {
+  role: UserRole.ADMIN;
+  attendedUniversity: string;
+}
+
+export type MyInfoResponse = MenteeInfo | MentorInfo | AdminInfo;
+
+export type InterestedRegionCountryResponse = undefined;
+
+export type InterestedRegionCountryRequest = string[];
+
+export interface ProfilePatchRequest {
+  nickname?: string;
+  file?: File;
+}
+
+export interface PasswordPatchRequest {
+  currentPassword: string;
+  newPassword: string;
+  newPasswordConfirmation: string;
+}
+
+export const myPageApi = {
+  getProfile: async (): Promise<MyInfoResponse> => {
+    const response: AxiosResponse<MyInfoResponse> = await axiosInstance.get("/my");
+    return response.data;
+  },
+
+  patchProfile: async (data: ProfilePatchRequest): Promise<void> => {
+    const formData = new FormData();
+    if (data.nickname) {
+      formData.append("nickname", data.nickname);
+    }
+    if (data.file) {
+      formData.append("file", data.file);
+    }
+    const res = await axiosInstance.patch<void>("/my", formData);
+    return res.data;
+  },
+
+  patchPassword: async (data: PasswordPatchRequest): Promise<void> => {
+    const res = await axiosInstance.patch<void>("/my/password", data);
+    return res.data;
+  },
+
+  patchInterestedRegionCountry: async (
+    data: InterestedRegionCountryRequest,
+  ): Promise<InterestedRegionCountryResponse> => {
+    const res = await axiosInstance.patch<InterestedRegionCountryResponse>(`/my/interested-location`, data);
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/MyPage/getProfile.ts b/apps/university-web/src/apis/MyPage/getProfile.ts
new file mode 100644
index 00000000..3ca32d82
--- /dev/null
+++ b/apps/university-web/src/apis/MyPage/getProfile.ts
@@ -0,0 +1,37 @@
+import { type UseQueryResult, useMutationState, useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type MyInfoResponse, myPageApi } from "./api";
+
+type UseGetMyInfoResult = Omit<UseQueryResult<MyInfoResponse, AxiosError>, "data"> & {
+  data: MyInfoResponse | undefined;
+};
+
+const useGetMyInfo = (): UseGetMyInfoResult => {
+  const queryResult = useQuery<MyInfoResponse, AxiosError>({
+    queryKey: [QueryKeys.MyPage.profile],
+    queryFn: () => myPageApi.getProfile(),
+    // staleTime을 무한으로 설정하여 불필요한 자동 refetch를 방지합니다.
+    staleTime: Infinity,
+    gcTime: 1000 * 60 * 30, // 예: 30분
+  });
+
+  const pendingMutations = useMutationState({
+    filters: {
+      mutationKey: [QueryKeys.MyPage.profile, "patch"],
+      status: "pending",
+    },
+    select: (mutation) => {
+      return mutation.state.variables as Partial<MyInfoResponse>;
+    },
+  });
+
+  const isOptimistic = pendingMutations.length > 0;
+  const pendingData = isOptimistic ? pendingMutations[0] : null;
+
+  const displayData = isOptimistic && queryResult.data ? { ...queryResult.data, ...pendingData } : queryResult.data;
+
+  return { ...queryResult, data: displayData as MyInfoResponse | undefined };
+};
+
+export default useGetMyInfo;
diff --git a/apps/university-web/src/apis/MyPage/index.ts b/apps/university-web/src/apis/MyPage/index.ts
new file mode 100644
index 00000000..f431945c
--- /dev/null
+++ b/apps/university-web/src/apis/MyPage/index.ts
@@ -0,0 +1,13 @@
+export {
+  type AdminInfo,
+  type MenteeInfo,
+  type MentorInfo,
+  type MyInfoResponse,
+  myPageApi,
+  type PasswordPatchRequest,
+  type ProfilePatchRequest,
+} from "./api";
+export { default as useGetMyInfo } from "./getProfile";
+export { default as usePatchInterestedRegionCountry } from "./patchInterestedRegionCountry";
+export { default as usePatchMyPassword } from "./patchPassword";
+export { default as usePatchMyInfo } from "./patchProfile";
diff --git a/apps/university-web/src/apis/MyPage/patchInterestedRegionCountry.ts b/apps/university-web/src/apis/MyPage/patchInterestedRegionCountry.ts
new file mode 100644
index 00000000..0b15e70f
--- /dev/null
+++ b/apps/university-web/src/apis/MyPage/patchInterestedRegionCountry.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type InterestedRegionCountryRequest, type InterestedRegionCountryResponse, myPageApi } from "./api";
+
+const usePatchInterestedRegionCountry = () => {
+  return useMutation<InterestedRegionCountryResponse, AxiosError, InterestedRegionCountryRequest>({
+    mutationFn: (data) => myPageApi.patchInterestedRegionCountry(data),
+  });
+};
+
+export default usePatchInterestedRegionCountry;
diff --git a/apps/university-web/src/apis/MyPage/patchPassword.ts b/apps/university-web/src/apis/MyPage/patchPassword.ts
new file mode 100644
index 00000000..33728baf
--- /dev/null
+++ b/apps/university-web/src/apis/MyPage/patchPassword.ts
@@ -0,0 +1,27 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+import { useRouter } from "next/navigation";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { QueryKeys } from "../queryKeys";
+import { myPageApi, type PasswordPatchRequest } from "./api";
+
+const usePatchMyPassword = () => {
+  const queryClient = useQueryClient();
+  const router = useRouter();
+  const { clearAccessToken } = useAuthStore();
+
+  return useMutation<void, AxiosError<{ message: string }>, PasswordPatchRequest>({
+    mutationKey: [QueryKeys.MyPage.password, "patch"],
+    mutationFn: (data) => myPageApi.patchPassword(data),
+    onSuccess: () => {
+      clearAccessToken();
+      queryClient.clear();
+      showIconToast("logo", "비밀번호가 성공적으로 변경되었습니다.");
+      router.replace("/");
+    },
+  });
+};
+
+export default usePatchMyPassword;
diff --git a/apps/university-web/src/apis/MyPage/patchProfile.ts b/apps/university-web/src/apis/MyPage/patchProfile.ts
new file mode 100644
index 00000000..573835b4
--- /dev/null
+++ b/apps/university-web/src/apis/MyPage/patchProfile.ts
@@ -0,0 +1,24 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { QueryKeys } from "../queryKeys";
+import { myPageApi, type ProfilePatchRequest } from "./api";
+
+const usePatchMyInfo = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<void, AxiosError<{ message: string }>, ProfilePatchRequest>({
+    mutationKey: [QueryKeys.MyPage.profile, "patch"],
+    mutationFn: (data) => myPageApi.patchProfile(data),
+    onSettled: () => {
+      queryClient.invalidateQueries({
+        queryKey: [QueryKeys.MyPage.profile],
+      });
+    },
+    onSuccess: () => {
+      showIconToast("logo", "프로필이 성공적으로 수정되었습니다.");
+    },
+  });
+};
+
+export default usePatchMyInfo;
diff --git a/apps/university-web/src/apis/Scores/api.ts b/apps/university-web/src/apis/Scores/api.ts
new file mode 100644
index 00000000..e1961939
--- /dev/null
+++ b/apps/university-web/src/apis/Scores/api.ts
@@ -0,0 +1,79 @@
+import type { AxiosResponse } from "axios";
+import type { GpaScore, LanguageTestEnum, LanguageTestScore } from "@/types/score";
+import { axiosInstance } from "@/utils/axiosInstance";
+
+// ====== Query Keys ======
+export const ScoresQueryKeys = {
+  myGpaScore: "myGpaScore",
+  myLanguageTestScore: "myLanguageTestScore",
+} as const;
+
+// ====== Types ======
+export interface UseMyGpaScoreResponse {
+  gpaScoreStatusResponseList: GpaScore[];
+}
+
+export interface UseGetMyLanguageTestScoreResponse {
+  languageTestScoreStatusResponseList: LanguageTestScore[];
+}
+
+export interface UsePostGpaScoreRequest {
+  gpaScoreRequest: {
+    gpa: number;
+    gpaCriteria: number;
+    issueDate: string; // yyyy-MM-dd
+  };
+  file: Blob;
+}
+
+export interface UsePostLanguageTestScoreRequest {
+  languageTestScoreRequest: {
+    languageTestType: LanguageTestEnum;
+    languageTestScore: string;
+    issueDate: string; // yyyy-MM-dd
+  };
+  file: File;
+}
+
+// ====== API Functions ======
+export const scoresApi = {
+  /**
+   * 내 학점 점수 조회
+   */
+  getMyGpaScore: async (): Promise<AxiosResponse<UseMyGpaScoreResponse>> => {
+    return axiosInstance.get("/scores/gpas");
+  },
+
+  /**
+   * 내 어학 점수 조회
+   */
+  getMyLanguageTestScore: async (): Promise<AxiosResponse<UseGetMyLanguageTestScoreResponse>> => {
+    return axiosInstance.get("/scores/language-tests");
+  },
+
+  /**
+   * 학점 점수 제출
+   */
+  postGpaScore: async (request: UsePostGpaScoreRequest): Promise<AxiosResponse<null>> => {
+    const formData = new FormData();
+    formData.append(
+      "gpaScoreRequest",
+      new Blob([JSON.stringify(request.gpaScoreRequest)], { type: "application/json" }),
+    );
+    formData.append("file", request.file);
+    return axiosInstance.post("/scores/gpas", formData);
+  },
+
+  /**
+   * 어학 점수 제출
+   */
+  postLanguageTestScore: async (request: UsePostLanguageTestScoreRequest): Promise<AxiosResponse<null>> => {
+    const formData = new FormData();
+    formData.append(
+      "languageTestScoreRequest",
+      new Blob([JSON.stringify(request.languageTestScoreRequest)], { type: "application/json" }),
+    );
+    formData.append("file", request.file);
+    return axiosInstance.post("/scores/language-tests", formData);
+  },
+};
diff --git a/apps/university-web/src/apis/Scores/getGpaList.ts b/apps/university-web/src/apis/Scores/getGpaList.ts
new file mode 100644
index 00000000..00437ae8
--- /dev/null
+++ b/apps/university-web/src/apis/Scores/getGpaList.ts
@@ -0,0 +1,17 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { ScoresQueryKeys, scoresApi } from "./api";
+
+/**
+ * @description 내 학점 점수 조회 훅
+ */
+const useGetMyGpaScore = () => {
+  return useQuery({
+    queryKey: [ScoresQueryKeys.myGpaScore],
+    queryFn: scoresApi.getMyGpaScore,
+    staleTime: Infinity,
+    select: (data) => data.data.gpaScoreStatusResponseList,
+  });
+};
+
+export default useGetMyGpaScore;
diff --git a/apps/university-web/src/apis/Scores/getLanguageTestList.ts b/apps/university-web/src/apis/Scores/getLanguageTestList.ts
new file mode 100644
index 00000000..22a42549
--- /dev/null
+++ b/apps/university-web/src/apis/Scores/getLanguageTestList.ts
@@ -0,0 +1,17 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { ScoresQueryKeys, scoresApi } from "./api";
+
+/**
+ * @description 내 어학 점수 조회 훅
+ */
+const useGetMyLanguageTestScore = () => {
+  return useQuery({
+    queryKey: [ScoresQueryKeys.myLanguageTestScore],
+    queryFn: scoresApi.getMyLanguageTestScore,
+    staleTime: Infinity,
+    select: (data) => data.data.languageTestScoreStatusResponseList,
+  });
+};
+
+export default useGetMyLanguageTestScore;
diff --git a/apps/university-web/src/apis/Scores/index.ts b/apps/university-web/src/apis/Scores/index.ts
new file mode 100644
index 00000000..529612eb
--- /dev/null
+++ b/apps/university-web/src/apis/Scores/index.ts
@@ -0,0 +1,12 @@
+export type {
+  UseGetMyLanguageTestScoreResponse,
+  UseMyGpaScoreResponse,
+  UsePostGpaScoreRequest,
+  UsePostLanguageTestScoreRequest,
+} from "./api";
+export { ScoresQueryKeys, scoresApi } from "./api";
+
+export { default as useGetMyGpaScore } from "./getGpaList";
+export { default as useGetMyLanguageTestScore } from "./getLanguageTestList";
+export { default as usePostGpaScore } from "./postCreateGpa";
+export { default as usePostLanguageTestScore } from "./postCreateLanguageTest";
diff --git a/apps/university-web/src/apis/Scores/postCreateGpa.ts b/apps/university-web/src/apis/Scores/postCreateGpa.ts
new file mode 100644
index 00000000..8c33f3f7
--- /dev/null
+++ b/apps/university-web/src/apis/Scores/postCreateGpa.ts
@@ -0,0 +1,22 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { ScoresQueryKeys, scoresApi, type UsePostGpaScoreRequest } from "./api";
+
+/**
+ * @description 학점 점수 제출 훅
+ */
+export const usePostGpaScore = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (request: UsePostGpaScoreRequest) => scoresApi.postGpaScore(request),
+
+    onSuccess: () => {
+      showIconToast("logo", "학점 정보가 성공적으로 제출되었습니다.");
+      queryClient.invalidateQueries({ queryKey: [ScoresQueryKeys.myGpaScore] });
+    },
+  });
+};
+
+export default usePostGpaScore;
diff --git a/apps/university-web/src/apis/Scores/postCreateLanguageTest.ts b/apps/university-web/src/apis/Scores/postCreateLanguageTest.ts
new file mode 100644
index 00000000..93f415e2
--- /dev/null
+++ b/apps/university-web/src/apis/Scores/postCreateLanguageTest.ts
@@ -0,0 +1,22 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { ScoresQueryKeys, scoresApi, type UsePostLanguageTestScoreRequest } from "./api";
+
+/**
+ * @description 어학 점수 제출 훅
+ */
+export const usePostLanguageTestScore = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (request: UsePostLanguageTestScoreRequest) => scoresApi.postLanguageTestScore(request),
+
+    onSuccess: () => {
+      showIconToast("logo", "어학 성적이 성공적으로 제출되었습니다.");
+      queryClient.invalidateQueries({ queryKey: [ScoresQueryKeys.myLanguageTestScore] });
+    },
+  });
+};
+
+export default usePostLanguageTestScore;
diff --git a/apps/university-web/src/apis/applications/api.ts b/apps/university-web/src/apis/applications/api.ts
new file mode 100644
index 00000000..6e233dd5
--- /dev/null
+++ b/apps/university-web/src/apis/applications/api.ts
@@ -0,0 +1,58 @@
+import type { AxiosResponse } from "axios";
+import type { ApplicationListResponse } from "@/types/application";
+import { axiosInstance } from "@/utils/axiosInstance";
+
+// ====== Query Keys ======
+export const ApplicationsQueryKeys = {
+  competitorsApplicationList: "competitorsApplicationList",
+} as const;
+
+// ====== Types ======
+export interface UseSubmitApplicationResponse {
+  isSuccess: boolean;
+}
+
+export interface UseSubmitApplicationRequest {
+  gpaScoreId: number;
+  languageTestScoreId: number;
+  universityChoiceRequest: {
+    firstChoiceUniversityId: number | null;
+    secondChoiceUniversityId: number | null;
+    thirdChoiceUniversityId: number | null;
+  };
+}
+
+export interface CompetitorsResponse {
+  competitors: Array<{
+    id: number;
+    name: string;
+    score: number;
+  }>;
+}
+
+// ====== API Functions ======
+export const applicationsApi = {
+  /**
+   * 지원 목록 조회
+   */
+  getApplicationsList: async (): Promise<AxiosResponse<ApplicationListResponse>> => {
+    return axiosInstance.get("/applications");
+  },
+
+  /**
+   * 지원 제출
+   */
+  postSubmitApplication: async (
+    request: UseSubmitApplicationRequest,
+  ): Promise<AxiosResponse<UseSubmitApplicationResponse>> => {
+    return axiosInstance.post("/applications", request);
+  },
+
+  /**
+   * 경쟁자 목록 조회
+   */
+  getCompetitors: async (config?: { params?: Record<string, unknown> }): Promise<CompetitorsResponse> => {
+    const res = await axiosInstance.get<CompetitorsResponse>("/applications/competitors", config);
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/applications/getApplicants.ts b/apps/university-web/src/apis/applications/getApplicants.ts
new file mode 100644
index 00000000..f7da9024
--- /dev/null
+++ b/apps/university-web/src/apis/applications/getApplicants.ts
@@ -0,0 +1,27 @@
+import { type UseQueryOptions, type UseQueryResult, useQuery } from "@tanstack/react-query";
+import type { AxiosError, AxiosResponse } from "axios";
+
+import type { ApplicationListResponse } from "@/types/application";
+import { ApplicationsQueryKeys, applicationsApi } from "./api";
+
+type UseGetApplicationsListOptions = Omit<
+  UseQueryOptions<AxiosResponse<ApplicationListResponse>, AxiosError<{ message: string }>, ApplicationListResponse>,
+  "queryKey" | "queryFn"
+>;
+
+/**
+ * @description 지원 목록 조회 훅
+ */
+const useGetApplicationsList = (
+  props?: UseGetApplicationsListOptions,
+): UseQueryResult<ApplicationListResponse, AxiosError<{ message: string }>> => {
+  return useQuery({
+    queryKey: [ApplicationsQueryKeys.competitorsApplicationList],
+    queryFn: applicationsApi.getApplicationsList,
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+    select: (response) => response.data,
+    ...props,
+  });
+};
+
+export default useGetApplicationsList;
diff --git a/apps/university-web/src/apis/applications/getCompetitors.ts b/apps/university-web/src/apis/applications/getCompetitors.ts
new file mode 100644
index 00000000..6b3bda67
--- /dev/null
+++ b/apps/university-web/src/apis/applications/getCompetitors.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { applicationsApi, type CompetitorsResponse } from "./api";
+
+const useGetCompetitors = (params?: Record<string, unknown>) => {
+  return useQuery<CompetitorsResponse, AxiosError>({
+    queryKey: [QueryKeys.applications.competitors, params],
+    queryFn: () => applicationsApi.getCompetitors(params ? { params } : {}),
+  });
+};
+
+export default useGetCompetitors;
diff --git a/apps/university-web/src/apis/applications/index.ts b/apps/university-web/src/apis/applications/index.ts
new file mode 100644
index 00000000..f0b0f16b
--- /dev/null
+++ b/apps/university-web/src/apis/applications/index.ts
@@ -0,0 +1,5 @@
+export type { UseSubmitApplicationRequest, UseSubmitApplicationResponse } from "./api";
+export { ApplicationsQueryKeys, applicationsApi } from "./api";
+export { default as useGetApplicationsList } from "./getApplicants";
+export { default as useGetCompetitors } from "./getCompetitors";
+export { default as usePostSubmitApplication } from "./postSubmitApplication";
diff --git a/apps/university-web/src/apis/applications/postSubmitApplication.ts b/apps/university-web/src/apis/applications/postSubmitApplication.ts
new file mode 100644
index 00000000..8a3ab1ef
--- /dev/null
+++ b/apps/university-web/src/apis/applications/postSubmitApplication.ts
@@ -0,0 +1,32 @@
+import { type UseMutationOptions, type UseMutationResult, useMutation } from "@tanstack/react-query";
+import type { AxiosError, AxiosResponse } from "axios";
+
+import { applicationsApi, type UseSubmitApplicationRequest, type UseSubmitApplicationResponse } from "./api";
+
+/**
+ * @description 지원 제출 훅
+ */
+const usePostSubmitApplication = (
+  props?: UseMutationOptions<
+    AxiosResponse<UseSubmitApplicationResponse>,
+    AxiosError<{ message: string }>,
+    UseSubmitApplicationRequest,
+    unknown
+  >,
+): UseMutationResult<
+  AxiosResponse<UseSubmitApplicationResponse>,
+  AxiosError<{ message: string }>,
+  UseSubmitApplicationRequest,
+  unknown
+> => {
+  return useMutation<
+    AxiosResponse<UseSubmitApplicationResponse>,
+    AxiosError<{ message: string }>,
+    UseSubmitApplicationRequest
+  >({
+    ...props,
+    mutationFn: applicationsApi.postSubmitApplication,
+  });
+};
+
+export default usePostSubmitApplication;
diff --git a/apps/university-web/src/apis/chat/api.ts b/apps/university-web/src/apis/chat/api.ts
new file mode 100644
index 00000000..f9ddd7d0
--- /dev/null
+++ b/apps/university-web/src/apis/chat/api.ts
@@ -0,0 +1,77 @@
+import type { AxiosResponse } from "axios";
+import type { ChatMessage, ChatPartner, ChatRoom } from "@/types/chat";
+import { axiosInstance } from "@/utils/axiosInstance";
+import {
+  normalizeChatMessage,
+  normalizeChatPartner,
+  normalizeChatRoom,
+  type RawChatMessage,
+  type RawChatPartner,
+  type RawChatRoom,
+} from "./normalize";
+
+// QueryKeys for chat domain
+export const ChatQueryKeys = {
+  chatRooms: "chatRooms",
+  chatHistories: "chatHistories",
+  partnerInfo: "partnerInfo",
+} as const;
+
+// Re-export types from @/types/chat
+export type { ChatMessage, ChatRoom, ChatPartner };
+
+export interface ChatHistoriesResponse {
+  nextPageNumber: number; // 다음 페이지가 없다면 -1
+  content: ChatMessage[];
+}
+
+export interface ChatRoomListResponse {
+  chatRooms: ChatRoom[];
+}
+
+interface GetChatHistoriesParams {
+  roomId: number;
+  size?: number;
+  page?: number;
+}
+
+interface RawChatHistoriesResponse {
+  nextPageNumber: number;
+  content: RawChatMessage[];
+}
+
+interface RawChatRoomListResponse {
+  chatRooms: RawChatRoom[];
+}
+
+export const chatApi = {
+  getChatHistories: async ({ roomId, size = 20, page = 0 }: GetChatHistoriesParams): Promise<ChatHistoriesResponse> => {
+    const res = await axiosInstance.get<RawChatHistoriesResponse>(`/chats/rooms/${roomId}`, {
+      params: {
+        size,
+        page,
+      },
+    });
+    return {
+      nextPageNumber: res.data.nextPageNumber,
+      content: (res.data.content ?? []).map(normalizeChatMessage),
+    };
+  },
+
+  getChatRooms: async (): Promise<ChatRoomListResponse> => {
+    const res = await axiosInstance.get<RawChatRoomListResponse>("/chats/rooms");
+    return {
+      chatRooms: (res.data.chatRooms ?? []).map(normalizeChatRoom),
+    };
+  },
+
+  putReadChatRoom: async (roomId: number): Promise<void> => {
+    const response: AxiosResponse<void> = await axiosInstance.put(`/chats/rooms/${roomId}/read`);
+    return response.data;
+  },
+
+  getChatPartner: async (roomId: number): Promise<ChatPartner> => {
+    const res = await axiosInstance.get<RawChatPartner>(`/chats/rooms/${roomId}/partner`);
+    return normalizeChatPartner(res.data);
+  },
+};
diff --git a/apps/university-web/src/apis/chat/getChatMessages.ts b/apps/university-web/src/apis/chat/getChatMessages.ts
new file mode 100644
index 00000000..192d49c1
--- /dev/null
+++ b/apps/university-web/src/apis/chat/getChatMessages.ts
@@ -0,0 +1,38 @@
+import { useInfiniteQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type ChatHistoriesResponse, type ChatMessage, ChatQueryKeys, chatApi } from "./api";
+
+/**
+ * @description 채팅 히스토리를 무한 스크롤로 가져오는 훅
+ */
+const useGetChatHistories = (roomId: number, size: number = 20) => {
+  return useInfiniteQuery<
+    ChatHistoriesResponse,
+    AxiosError,
+    {
+      pages: ChatHistoriesResponse[];
+      pageParams: number[];
+      messages: ChatMessage[];
+    },
+    [string, number],
+    number
+  >({
+    queryKey: [ChatQueryKeys.chatHistories, roomId],
+    queryFn: ({ pageParam = 0 }: { pageParam?: number }) => chatApi.getChatHistories({ roomId, size, page: pageParam }),
+    initialPageParam: 0,
+    getNextPageParam: (lastPage: ChatHistoriesResponse) => {
+      // nextPageNumber가 -1이면 더 이상 페이지가 없음
+      return lastPage.nextPageNumber === -1 ? undefined : lastPage.nextPageNumber;
+    },
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+    refetchOnMount: "always",
+    enabled: !!roomId, // roomId가 있을 때만 쿼리 실행
+    select: (data) => ({
+      pages: data.pages,
+      pageParams: data.pageParams,
+      messages: data.pages.flatMap((page) => page.content),
+    }),
+  });
+};
+
+export default useGetChatHistories;
diff --git a/apps/university-web/src/apis/chat/getChatPartner.ts b/apps/university-web/src/apis/chat/getChatPartner.ts
new file mode 100644
index 00000000..56be7d48
--- /dev/null
+++ b/apps/university-web/src/apis/chat/getChatPartner.ts
@@ -0,0 +1,17 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type ChatPartner, ChatQueryKeys, chatApi } from "./api";
+
+/**
+ * @description 채팅 상대방 정보를 가져오는 훅
+ */
+const useGetPartnerInfo = (roomId: number) => {
+  return useQuery<ChatPartner, AxiosError>({
+    queryKey: [ChatQueryKeys.partnerInfo, roomId],
+    queryFn: () => chatApi.getChatPartner(roomId),
+    staleTime: 1000 * 60 * 5,
+    enabled: !!roomId,
+  });
+};
+
+export default useGetPartnerInfo;
diff --git a/apps/university-web/src/apis/chat/getChatRooms.ts b/apps/university-web/src/apis/chat/getChatRooms.ts
new file mode 100644
index 00000000..b96a43d2
--- /dev/null
+++ b/apps/university-web/src/apis/chat/getChatRooms.ts
@@ -0,0 +1,17 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { ChatQueryKeys, type ChatRoom, type ChatRoomListResponse, chatApi } from "./api";
+
+/**
+ * @description 채팅방 목록을 가져오는 훅
+ */
+const useGetChatRooms = () => {
+  return useQuery<ChatRoomListResponse, AxiosError, ChatRoom[]>({
+    queryKey: [ChatQueryKeys.chatRooms],
+    queryFn: chatApi.getChatRooms,
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+    select: (data) => data.chatRooms,
+  });
+};
+
+export default useGetChatRooms;
diff --git a/apps/university-web/src/apis/chat/index.ts b/apps/university-web/src/apis/chat/index.ts
new file mode 100644
index 00000000..e1a190a4
--- /dev/null
+++ b/apps/university-web/src/apis/chat/index.ts
@@ -0,0 +1,6 @@
+export type { ChatHistoriesResponse, ChatMessage, ChatPartner, ChatRoom, ChatRoomListResponse } from "./api";
+export { ChatQueryKeys, chatApi } from "./api";
+export { default as useGetChatHistories } from "./getChatMessages";
+export { default as useGetPartnerInfo } from "./getChatPartner";
+export { default as useGetChatRooms } from "./getChatRooms";
+export { default as usePutChatRead } from "./putReadChatRoom";
diff --git a/apps/university-web/src/apis/chat/normalize.ts b/apps/university-web/src/apis/chat/normalize.ts
new file mode 100644
index 00000000..19534fa3
--- /dev/null
+++ b/apps/university-web/src/apis/chat/normalize.ts
@@ -0,0 +1,107 @@
+import type { ChatAttachment, ChatMessage, ChatPartner, ChatRoom } from "@/types/chat";
+
+type NumericLike = number | string | null | undefined;
+
+interface RawChatAttachment {
+  id?: NumericLike;
+  isImage: boolean;
+  url: string;
+  thumbnailUrl?: string | null;
+  createdAt: string;
+}
+
+export interface RawChatMessage {
+  id?: NumericLike;
+  content: string;
+  senderId?: NumericLike;
+  siteUserId?: NumericLike;
+  createdAt: string;
+  attachments?: RawChatAttachment[];
+}
+
+export interface RawChatPartner {
+  partnerId?: NumericLike;
+  siteUserId?: NumericLike;
+  nickname: string;
+  profileUrl?: string | null;
+  university?: string | null;
+}
+
+export interface RawChatRoom {
+  id: number;
+  lastChatMessage: string;
+  lastReceivedTime: string;
+  partner: RawChatPartner;
+  unReadCount: number;
+}
+
+const toNumber = (value: NumericLike): number => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : 0;
+  }
+
+  return 0;
+};
+
+const createStableHash = (value: string): number => {
+  let hash = 0;
+
+  for (let i = 0; i < value.length; i++) {
+    hash = (hash * 31 + value.charCodeAt(i)) | 0;
+  }
+
+  const normalized = Math.abs(hash);
+  return normalized === 0 ? 1 : normalized;
+};
+
+const getFallbackMessageId = (message: RawChatMessage): number => {
+  const senderId = toNumber(message.senderId ?? message.siteUserId);
+  const attachmentSignature = (message.attachments ?? [])
+    .map((attachment) => `${attachment.isImage ? "image" : "file"}:${attachment.url}:${attachment.createdAt}`)
+    .join(",");
+  const seed = `${senderId}|${message.createdAt}|${message.content}|${attachmentSignature}`;
+
+  // 서버에서 id가 누락되는 경우를 대비해 항상 동일한 임시 음수 id를 생성합니다.
+  return -createStableHash(seed);
+};
+
+const normalizeAttachment = (attachment: RawChatAttachment): ChatAttachment => ({
+  id: toNumber(attachment.id),
+  isImage: attachment.isImage,
+  url: attachment.url,
+  thumbnailUrl: attachment.thumbnailUrl ?? null,
+  createdAt: attachment.createdAt,
+});
+
+export const normalizeChatMessage = (message: RawChatMessage): ChatMessage => {
+  const parsedId = toNumber(message.id);
+  const normalizedId = parsedId > 0 ? parsedId : getFallbackMessageId(message);
+
+  return {
+    id: normalizedId,
+    content: message.content,
+    senderId: toNumber(message.senderId ?? message.siteUserId),
+    createdAt: message.createdAt,
+    attachments: (message.attachments ?? []).map(normalizeAttachment),
+  };
+};
+
+export const normalizeChatPartner = (partner: RawChatPartner): ChatPartner => ({
+  partnerId: toNumber(partner.partnerId ?? partner.siteUserId),
+  nickname: partner.nickname,
+  profileUrl: partner.profileUrl ?? null,
+  university: partner.university ?? null,
+});
+
+export const normalizeChatRoom = (room: RawChatRoom): ChatRoom => ({
+  id: room.id,
+  lastChatMessage: room.lastChatMessage,
+  lastReceivedTime: room.lastReceivedTime,
+  partner: normalizeChatPartner(room.partner),
+  unReadCount: room.unReadCount,
+});
diff --git a/apps/university-web/src/apis/chat/putReadChatRoom.ts b/apps/university-web/src/apis/chat/putReadChatRoom.ts
new file mode 100644
index 00000000..0602a25c
--- /dev/null
+++ b/apps/university-web/src/apis/chat/putReadChatRoom.ts
@@ -0,0 +1,21 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { ChatQueryKeys, chatApi } from "./api";
+
+/**
+ * @description 채팅방 읽음 처리 훅
+ */
+const usePutChatRead = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<void, AxiosError, number>({
+    mutationFn: chatApi.putReadChatRoom,
+    onSuccess: () => {
+      // 채팅방 목록 쿼리를 무효화하여 새로 고침
+      queryClient.invalidateQueries({ queryKey: [ChatQueryKeys.chatRooms] });
+    },
+    onError: (error) => {},
+  });
+};
+
+export default usePutChatRead;
diff --git a/apps/university-web/src/apis/community/api.ts b/apps/university-web/src/apis/community/api.ts
new file mode 100644
index 00000000..52e7ba6d
--- /dev/null
+++ b/apps/university-web/src/apis/community/api.ts
@@ -0,0 +1,153 @@
+import type { AxiosResponse } from "axios";
+import { COMMUNITY_MAX_UPLOAD_IMAGES } from "@/constants/community";
+import type {
+  CommentCreateRequest,
+  CommentIdResponse,
+  ListPost,
+  Post,
+  PostCreateRequest,
+  PostIdResponse,
+  PostLikeResponse,
+  PostUpdateRequest,
+} from "@/types/community";
+import { axiosInstance, publicAxiosInstance } from "@/utils/axiosInstance";
+
+// QueryKeys for community domain
+export const CommunityQueryKeys = {
+  posts: "posts",
+  postList: "postList1", // 기존 api/boards와 동일한 키 유지
+} as const;
+
+export interface BoardListResponse {
+  0: string;
+  1: string;
+  2: string;
+  3: string;
+}
+
+export interface BoardResponseItem {
+  id: number;
+  title: string;
+  content: string;
+  likeCount: number;
+  commentCount: number;
+  createdAt: string;
+  updatedAt: string;
+  postCategory: string;
+  postThumbnailUrl: null | string;
+}
+
+export interface BoardResponse {
+  0: BoardResponseItem[];
+  1: BoardResponseItem[];
+  2: BoardResponseItem[];
+  3: BoardResponseItem[];
+}
+
+// Delete response types
+export interface DeletePostResponse {
+  message: string;
+  postId: number;
+}
+
+// Re-export types from @/types/community for convenience
+export type {
+  Post,
+  PostCreateRequest,
+  PostIdResponse,
+  PostUpdateRequest,
+  PostLikeResponse,
+  CommentCreateRequest,
+  CommentIdResponse,
+  ListPost,
+};
+
+export const communityApi = {
+  /**
+   * 게시글 목록 조회 (클라이언트)
+   */
+  getPostList: (boardCode: string, category: string | null = null): Promise<AxiosResponse<ListPost[]>> => {
+    const params = category && category !== "전체" ? { category } : {};
+    return publicAxiosInstance.get(`/boards/${boardCode}`, { params });
+  },
+
+  getBoardList: async (params?: Record<string, unknown>): Promise<BoardListResponse> => {
+    const res = await axiosInstance.get<BoardListResponse>(`/boards`, { params });
+    return res.data;
+  },
+
+  getBoard: async (boardCode: string, params?: Record<string, unknown>): Promise<BoardResponse> => {
+    const res = await axiosInstance.get<BoardResponse>(`/boards/${boardCode}`, { params });
+    return res.data;
+  },
+
+  getPostDetail: async (postId: number): Promise<Post> => {
+    const response: AxiosResponse<Post> = await axiosInstance.get(`/posts/${postId}`);
+    return response.data;
+  },
+
+  createPost: async (request: PostCreateRequest): Promise<PostIdResponse & { boardCode: string }> => {
+    const convertedRequest: FormData = new FormData();
+    convertedRequest.append(
+      "postCreateRequest",
+      new Blob([JSON.stringify(request.postCreateRequest)], { type: "application/json" }),
+    );
+    request.file.slice(0, COMMUNITY_MAX_UPLOAD_IMAGES).forEach((file) => {
+      convertedRequest.append("file", file);
+    });
+
+    const response: AxiosResponse<PostIdResponse> = await axiosInstance.post(`/posts`, convertedRequest, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+
+    return {
+      ...response.data,
+      boardCode: request.postCreateRequest.boardCode,
+    };
+  },
+
+  updatePost: async (postId: number, request: PostUpdateRequest): Promise<PostIdResponse> => {
+    const convertedRequest: FormData = new FormData();
+    convertedRequest.append(
+      "postUpdateRequest",
+      new Blob([JSON.stringify(request.postUpdateRequest)], { type: "application/json" }),
+    );
+    request.file.slice(0, COMMUNITY_MAX_UPLOAD_IMAGES).forEach((file) => {
+      convertedRequest.append("file", file);
+    });
+
+    const response: AxiosResponse<PostIdResponse> = await axiosInstance.patch(`/posts/${postId}`, convertedRequest, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return response.data;
+  },
+
+  deletePost: async (postId: number): Promise<AxiosResponse<DeletePostResponse>> => {
+    return axiosInstance.delete(`/posts/${postId}`);
+  },
+
+  likePost: async (postId: number): Promise<PostLikeResponse> => {
+    const response: AxiosResponse<PostLikeResponse> = await axiosInstance.post(`/posts/${postId}/like`);
+    return response.data;
+  },
+
+  unlikePost: async (postId: number): Promise<PostLikeResponse> => {
+    const response: AxiosResponse<PostLikeResponse> = await axiosInstance.delete(`/posts/${postId}/like`);
+    return response.data;
+  },
+
+  createComment: async (request: CommentCreateRequest): Promise<CommentIdResponse> => {
+    const response: AxiosResponse<CommentIdResponse> = await axiosInstance.post(`/comments`, request);
+    return response.data;
+  },
+
+  deleteComment: async (commentId: number): Promise<CommentIdResponse> => {
+    const response: AxiosResponse<CommentIdResponse> = await axiosInstance.delete(`/comments/${commentId}`);
+    return response.data;
+  },
+
+  updateComment: async (commentId: number, data: { content: string }): Promise<CommentIdResponse> => {
+    const res = await axiosInstance.patch<CommentIdResponse>(`/comments/${commentId}`, data);
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/community/deleteComment.ts b/apps/university-web/src/apis/community/deleteComment.ts
new file mode 100644
index 00000000..5f22aee0
--- /dev/null
+++ b/apps/university-web/src/apis/community/deleteComment.ts
@@ -0,0 +1,28 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { type CommentIdResponse, CommunityQueryKeys, communityApi } from "./api";
+
+interface DeleteCommentRequest {
+  commentId: number;
+  postId: number;
+}
+
+/**
+ * @description 댓글 삭제를 위한 useMutation 커스텀 훅
+ */
+const useDeleteComment = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<CommentIdResponse, AxiosError, DeleteCommentRequest>({
+    mutationFn: ({ commentId }) => communityApi.deleteComment(commentId),
+    onSuccess: (_data, variables) => {
+      // 해당 게시글 상세 쿼리를 무효화하여 댓글 목록 갱신
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, variables.postId] });
+      showIconToast("logo", "댓글이 삭제되었습니다.");
+    },
+  });
+};
+
+export default useDeleteComment;
diff --git a/apps/university-web/src/apis/community/deleteLikePost.ts b/apps/university-web/src/apis/community/deleteLikePost.ts
new file mode 100644
index 00000000..82c4027d
--- /dev/null
+++ b/apps/university-web/src/apis/community/deleteLikePost.ts
@@ -0,0 +1,21 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { CommunityQueryKeys, communityApi, type PostLikeResponse } from "./api";
+
+/**
+ * @description 게시글 좋아요 취소를 위한 useMutation 커스텀 훅
+ */
+const useDeleteLike = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<PostLikeResponse, AxiosError, number>({
+    mutationFn: communityApi.unlikePost,
+    onSuccess: (_data, postId) => {
+      // 해당 게시글 상세 쿼리를 무효화하여 최신 데이터 반영
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, postId] });
+    },
+  });
+};
+
+export default useDeleteLike;
diff --git a/apps/university-web/src/apis/community/deletePost.ts b/apps/university-web/src/apis/community/deletePost.ts
new file mode 100644
index 00000000..e7f42384
--- /dev/null
+++ b/apps/university-web/src/apis/community/deletePost.ts
@@ -0,0 +1,64 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import type { AxiosError, AxiosResponse } from "axios";
+import { useRouter } from "next/navigation";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { CommunityQueryKeys, communityApi, type DeletePostResponse } from "./api";
+
+interface DeletePostVariables {
+  postId: number;
+  boardCode?: string;
+}
+
+/**
+ * @description ISR 페이지를 revalidate하는 함수
+ * @param boardCode - 게시판 코드
+ * @param accessToken - 사용자 인증 토큰
+ */
+const revalidateCommunityPage = async (boardCode: string, accessToken: string) => {
+  try {
+    if (!accessToken) {
+      return;
+    }
+
+    await fetch("/api/revalidate", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`,
+      },
+      body: JSON.stringify({ boardCode }),
+    });
+  } catch (error) {}
+};
+
+/**
+ * @description 게시글 삭제를 위한 useMutation 커스텀 훅
+ */
+const useDeletePost = () => {
+  const router = useRouter();
+  const queryClient = useQueryClient();
+  const { accessToken } = useAuthStore();
+
+  return useMutation<AxiosResponse<DeletePostResponse>, AxiosError, DeletePostVariables>({
+    mutationFn: ({ postId }) => communityApi.deletePost(postId),
+    onSuccess: async (_result, variables) => {
+      // 'posts' 쿼리 키를 가진 모든 쿼리를 무효화하여
+      // 게시글 목록을 다시 불러오도록 합니다.
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts] });
+
+      // ISR 페이지 revalidate
+      if (variables.boardCode && accessToken) {
+        await revalidateCommunityPage(variables.boardCode, accessToken);
+      }
+
+      showIconToast("logo", "게시글이 성공적으로 삭제되었습니다.");
+
+      // 게시글 목록 페이지 이동
+      router.replace(`/community/${variables.boardCode || "FREE"}`);
+    },
+  });
+};
+
+export default useDeletePost;
diff --git a/apps/university-web/src/apis/community/getBoard.ts b/apps/university-web/src/apis/community/getBoard.ts
new file mode 100644
index 00000000..f4614784
--- /dev/null
+++ b/apps/university-web/src/apis/community/getBoard.ts
@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type BoardResponse, communityApi } from "./api";
+
+const useGetBoard = (boardCode: string | number, params?: Record<string, unknown>) => {
+  return useQuery<BoardResponse, AxiosError>({
+    queryKey: [QueryKeys.community.board, boardCode, params],
+    queryFn: () => communityApi.getBoard(boardCode as string, params),
+    enabled: !!boardCode,
+  });
+};
+
+export default useGetBoard;
diff --git a/apps/university-web/src/apis/community/getBoardList.ts b/apps/university-web/src/apis/community/getBoardList.ts
new file mode 100644
index 00000000..b431eb01
--- /dev/null
+++ b/apps/university-web/src/apis/community/getBoardList.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type BoardListResponse, communityApi } from "./api";
+
+const useGetBoardList = (params?: Record<string, unknown>) => {
+  return useQuery<BoardListResponse, AxiosError>({
+    queryKey: [QueryKeys.community.boardList, params],
+    queryFn: () => communityApi.getBoardList(params ? { params } : {}),
+  });
+};
+
+export default useGetBoardList;
diff --git a/apps/university-web/src/apis/community/getPostDetail.ts b/apps/university-web/src/apis/community/getPostDetail.ts
new file mode 100644
index 00000000..8323dad7
--- /dev/null
+++ b/apps/university-web/src/apis/community/getPostDetail.ts
@@ -0,0 +1,16 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { CommunityQueryKeys, communityApi, type Post } from "./api";
+
+/**
+ * @description 게시글 상세 조회를 위한 useQuery 커스텀 훅
+ */
+const useGetPostDetail = (postId: number) => {
+  return useQuery<Post, AxiosError>({
+    queryKey: [CommunityQueryKeys.posts, postId],
+    queryFn: () => communityApi.getPostDetail(postId),
+    enabled: !!postId,
+  });
+};
+
+export default useGetPostDetail;
diff --git a/apps/university-web/src/apis/community/getPostList.ts b/apps/university-web/src/apis/community/getPostList.ts
new file mode 100644
index 00000000..28885d0a
--- /dev/null
+++ b/apps/university-web/src/apis/community/getPostList.ts
@@ -0,0 +1,27 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { CommunityQueryKeys, communityApi } from "./api";
+
+interface UseGetPostListProps {
+  boardCode: string;
+  category?: string | null;
+}
+
+/**
+ * @description 게시글 목록 조회 훅
+ */
+const useGetPostList = ({ boardCode, category = null }: UseGetPostListProps) => {
+  return useQuery({
+    queryKey: [CommunityQueryKeys.postList, boardCode, category],
+    queryFn: () => communityApi.getPostList(boardCode, category),
+    staleTime: Infinity,
+    gcTime: 1000 * 60 * 30, // 30분
+    select: (response) => {
+      return [...response.data].sort((a, b) => {
+        return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
+      });
+    },
+  });
+};
+
+export default useGetPostList;
diff --git a/apps/university-web/src/apis/community/index.ts b/apps/university-web/src/apis/community/index.ts
new file mode 100644
index 00000000..d396a31d
--- /dev/null
+++ b/apps/university-web/src/apis/community/index.ts
@@ -0,0 +1,26 @@
+export type {
+  CommentCreateRequest,
+  CommentIdResponse,
+  ListPost,
+  Post,
+  PostCreateRequest,
+  PostIdResponse,
+  PostLikeResponse,
+  PostUpdateRequest,
+} from "./api";
+export { CommunityQueryKeys, communityApi } from "./api";
+export { default as useDeleteComment } from "./deleteComment";
+export { default as useDeleteLike } from "./deleteLikePost";
+export { default as useDeletePost } from "./deletePost";
+export { default as useGetBoard } from "./getBoard";
+export { default as useGetBoardList } from "./getBoardList";
+export { default as useGetPostDetail } from "./getPostDetail";
+export { default as useGetPostList } from "./getPostList";
+export { default as usePatchUpdateComment } from "./patchUpdateComment";
+export { default as useUpdatePost } from "./patchUpdatePost";
+export { default as useCreateComment } from "./postCreateComment";
+export { default as useCreatePost } from "./postCreatePost";
+export { default as usePostLike } from "./postLikePost";
+
+// Server-side functions
+export { getPostListServer } from "./server";
diff --git a/apps/university-web/src/apis/community/patchUpdateComment.ts b/apps/university-web/src/apis/community/patchUpdateComment.ts
new file mode 100644
index 00000000..8b235b55
--- /dev/null
+++ b/apps/university-web/src/apis/community/patchUpdateComment.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type CommentIdResponse, communityApi } from "./api";
+
+const usePatchUpdateComment = () => {
+  return useMutation<CommentIdResponse, AxiosError, { commentId: number; content: string }>({
+    mutationFn: ({ commentId, content }) => communityApi.updateComment(commentId, { content }),
+  });
+};
+
+export default usePatchUpdateComment;
diff --git a/apps/university-web/src/apis/community/patchUpdatePost.ts b/apps/university-web/src/apis/community/patchUpdatePost.ts
new file mode 100644
index 00000000..a45e948d
--- /dev/null
+++ b/apps/university-web/src/apis/community/patchUpdatePost.ts
@@ -0,0 +1,59 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { CommunityQueryKeys, communityApi, type PostIdResponse, type PostUpdateRequest } from "./api";
+
+interface UpdatePostVariables {
+  postId: number;
+  data: PostUpdateRequest;
+  boardCode?: string;
+}
+
+/**
+ * @description ISR 페이지를 revalidate하는 함수
+ * @param boardCode - 게시판 코드
+ * @param accessToken - 사용자 인증 토큰
+ */
+const revalidateCommunityPage = async (boardCode: string, accessToken: string) => {
+  try {
+    if (!accessToken) {
+      return;
+    }
+
+    await fetch("/api/revalidate", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`,
+      },
+      body: JSON.stringify({ boardCode }),
+    });
+  } catch (error) {}
+};
+
+/**
+ * @description 게시글 수정을 위한 useMutation 커스텀 훅
+ */
+const useUpdatePost = () => {
+  const queryClient = useQueryClient();
+  const { accessToken } = useAuthStore();
+
+  return useMutation<PostIdResponse, AxiosError, UpdatePostVariables>({
+    mutationFn: ({ postId, data }) => communityApi.updatePost(postId, data),
+    onSuccess: async (_result, variables) => {
+      // 해당 게시글 상세 쿼리와 목록 쿼리를 무효화
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, variables.postId] });
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts] });
+
+      // ISR 페이지 revalidate
+      if (variables.boardCode && accessToken) {
+        await revalidateCommunityPage(variables.boardCode, accessToken);
+      }
+
+      showIconToast("logo", "게시글이 수정되었습니다.");
+    },
+  });
+};
+
+export default useUpdatePost;
diff --git a/apps/university-web/src/apis/community/postCreateComment.ts b/apps/university-web/src/apis/community/postCreateComment.ts
new file mode 100644
index 00000000..5fea1a65
--- /dev/null
+++ b/apps/university-web/src/apis/community/postCreateComment.ts
@@ -0,0 +1,23 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { type CommentCreateRequest, type CommentIdResponse, CommunityQueryKeys, communityApi } from "./api";
+
+/**
+ * @description 댓글 생성을 위한 useMutation 커스텀 훅
+ */
+const useCreateComment = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<CommentIdResponse, AxiosError, CommentCreateRequest>({
+    mutationFn: communityApi.createComment,
+    onSuccess: (_data, variables) => {
+      // 해당 게시글 상세 쿼리를 무효화하여 댓글 목록 갱신
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, variables.postId] });
+      showIconToast("logo", "댓글이 등록되었습니다.");
+    },
+  });
+};
+
+export default useCreateComment;
diff --git a/apps/university-web/src/apis/community/postCreatePost.ts b/apps/university-web/src/apis/community/postCreatePost.ts
new file mode 100644
index 00000000..aec6291c
--- /dev/null
+++ b/apps/university-web/src/apis/community/postCreatePost.ts
@@ -0,0 +1,52 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { CommunityQueryKeys, communityApi, type PostCreateRequest, type PostIdResponse } from "./api";
+
+/**
+ * @description ISR 페이지를 revalidate하는 함수
+ * @param boardCode - 게시판 코드
+ * @param accessToken - 사용자 인증 토큰
+ */
+const revalidateCommunityPage = async (boardCode: string, accessToken: string) => {
+  try {
+    if (!accessToken) {
+      return;
+    }
+
+    await fetch("/api/revalidate", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`,
+      },
+      body: JSON.stringify({ boardCode }),
+    });
+  } catch (error) {}
+};
+
+/**
+ * @description 게시글 생성을 위한 useMutation 커스텀 훅
+ */
+const useCreatePost = () => {
+  const queryClient = useQueryClient();
+  const { accessToken } = useAuthStore();
+
+  return useMutation<PostIdResponse & { boardCode: string }, AxiosError, PostCreateRequest>({
+    mutationFn: communityApi.createPost,
+    onSuccess: async (data) => {
+      // 게시글 목록 쿼리를 무효화하여 최신 목록 반영
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts] });
+
+      // ISR 페이지 revalidate (사용자 인증 토큰 사용)
+      if (accessToken) {
+        await revalidateCommunityPage(data.boardCode, accessToken);
+      }
+
+      showIconToast("logo", "게시글이 등록되었습니다.");
+    },
+  });
+};
+
+export default useCreatePost;
diff --git a/apps/university-web/src/apis/community/postLikePost.ts b/apps/university-web/src/apis/community/postLikePost.ts
new file mode 100644
index 00000000..6ddfb937
--- /dev/null
+++ b/apps/university-web/src/apis/community/postLikePost.ts
@@ -0,0 +1,21 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { CommunityQueryKeys, communityApi, type PostLikeResponse } from "./api";
+
+/**
+ * @description 게시글 좋아요를 위한 useMutation 커스텀 훅
+ */
+const usePostLike = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<PostLikeResponse, AxiosError, number>({
+    mutationFn: communityApi.likePost,
+    onSuccess: (_data, postId) => {
+      // 해당 게시글 상세 쿼리를 무효화하여 최신 데이터 반영
+      queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, postId] });
+    },
+  });
+};
+
+export default usePostLike;
diff --git a/apps/university-web/src/apis/community/server.ts b/apps/university-web/src/apis/community/server.ts
new file mode 100644
index 00000000..9f394816
--- /dev/null
+++ b/apps/university-web/src/apis/community/server.ts
@@ -0,0 +1,37 @@
+import type { ListPost } from "@/types/community";
+import serverFetch, { type ServerFetchResult } from "@/utils/serverFetchUtil";
+
+interface GetPostListParams {
+  boardCode: string;
+  category?: string | null;
+  revalidate?: number | false;
+}
+
+/**
+ * @description 게시글 목록을 서버에서 가져오는 함수 (ISR 지원)
+ * @param boardCode - 게시판 코드
+ * @param category - 카테고리 (선택)
+ * @param revalidate - ISR revalidate 시간(초) 또는 false (무한 캐시)
+ * @returns Promise<ServerFetchResult<ListPost[]>>
+ */
+export const getPostListServer = async ({
+  boardCode,
+  category = null,
+  revalidate = false,
+}: GetPostListParams): Promise<ServerFetchResult<ListPost[]>> => {
+  const params = new URLSearchParams();
+  if (category && category !== "전체") {
+    params.append("category", category);
+  }
+
+  const queryString = params.toString();
+  const url = `/boards/${boardCode}${queryString ? `?${queryString}` : ""}`;
+
+  return serverFetch<ListPost[]>(url, {
+    method: "GET",
+    next: {
+      ...(revalidate !== false && { revalidate }),
+      tags: [`posts-${boardCode}`],
+    },
+  });
+};
diff --git a/apps/university-web/src/apis/image-upload/api.ts b/apps/university-web/src/apis/image-upload/api.ts
new file mode 100644
index 00000000..fb95fe64
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/api.ts
@@ -0,0 +1,97 @@
+import type { AxiosResponse } from "axios";
+import type { FileResponse } from "@/types/file";
+import { axiosInstance, publicAxiosInstance } from "@/utils/axiosInstance";
+
+// ====== Types ======
+export type SlackNotificationResponse = undefined;
+export type SlackNotificationRequest = Record<string, never>;
+
+export interface UploadLanguageTestReportResponse {
+  fileUrl: string;
+}
+
+export interface UploadProfileImageResponse {
+  fileUrl: string;
+}
+
+export interface UploadChatImageResponse {
+  fileUrl: string;
+}
+
+export interface UploadGpaReportResponse {
+  fileUrl: string;
+}
+
+// ====== API Functions ======
+export const imageUploadApi = {
+  /**
+   * 슬랙 알림 전송
+   */
+  postSlackNotification: async (params: { data?: SlackNotificationRequest }): Promise<SlackNotificationResponse> => {
+    void params;
+    throw new Error("Slack webhook notification must be proxied through a server-side endpoint.");
+  },
+
+  /**
+   * 어학 성적 증명서 업로드
+   */
+  postUploadLanguageTestReport: async (file: File): Promise<UploadLanguageTestReportResponse> => {
+    const formData = new FormData();
+    formData.append("file", file);
+    const res = await axiosInstance.post<UploadLanguageTestReportResponse>(`/file/language-test`, formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return res.data;
+  },
+
+  /**
+   * 프로필 이미지 업로드 (로그인 후)
+   */
+  postUploadProfileImage: async (file: File): Promise<UploadProfileImageResponse> => {
+    const formData = new FormData();
+    formData.append("file", file);
+    const res = await axiosInstance.post<UploadProfileImageResponse>(`/file/profile/post`, formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return res.data;
+  },
+
+  /**
+   * 채팅 이미지 업로드 (로그인 후)
+   */
+  postUploadChatImages: async (files: File[]): Promise<string[]> => {
+    const formData = new FormData();
+    files.forEach((file) => {
+      formData.append("files", file);
+    });
+
+    const res = await axiosInstance.post<UploadChatImageResponse[]>(`/file/chat`, formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return res.data.map((image) => image.fileUrl);
+  },
+
+  /**
+   * 프로필 이미지 업로드 (회원가입 전, 공개 API)
+   */
+  postUploadProfileImageBeforeSignup: async (file: File): Promise<FileResponse> => {
+    const formData = new FormData();
+    formData.append("file", file);
+    const response: AxiosResponse<FileResponse> = await publicAxiosInstance.post("/file/profile/pre", formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return response.data;
+  },
+
+  /**
+   * 학점 증명서 업로드
+   */
+  postUploadGpaReport: async (file: File): Promise<UploadGpaReportResponse> => {
+    const formData = new FormData();
+    formData.append("file", file);
+    const res = await axiosInstance.post<UploadGpaReportResponse>(`/file/gpa`, formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/image-upload/index.ts b/apps/university-web/src/apis/image-upload/index.ts
new file mode 100644
index 00000000..601ad158
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/index.ts
@@ -0,0 +1,14 @@
+export type {
+  UploadChatImageResponse,
+  UploadGpaReportResponse,
+  UploadLanguageTestReportResponse,
+  UploadProfileImageResponse,
+} from "./api";
+export { imageUploadApi } from "./api";
+
+export { default as useSlackNotification } from "./postSlackNotification";
+export { default as useUploadChatImages } from "./postUploadChatImages";
+export { default as useUploadGpaReport } from "./postUploadGpaReport";
+export { default as useUploadLanguageTestReport } from "./postUploadLanguageTestReport";
+export { default as useUploadProfileImage } from "./postUploadProfileImage";
+export { default as useUploadProfileImagePublic } from "./postUploadProfileImageBeforeSignup";
diff --git a/apps/university-web/src/apis/image-upload/postSlackNotification.ts b/apps/university-web/src/apis/image-upload/postSlackNotification.ts
new file mode 100644
index 00000000..f4b397a8
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/postSlackNotification.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { imageUploadApi, type SlackNotificationRequest, type SlackNotificationResponse } from "./api";
+
+const usePostSlackNotification = () => {
+  return useMutation<SlackNotificationResponse, AxiosError, SlackNotificationRequest>({
+    mutationFn: (data) => imageUploadApi.postSlackNotification({ data }),
+  });
+};
+
+export default usePostSlackNotification;
diff --git a/apps/university-web/src/apis/image-upload/postUploadChatImages.ts b/apps/university-web/src/apis/image-upload/postUploadChatImages.ts
new file mode 100644
index 00000000..60325642
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/postUploadChatImages.ts
@@ -0,0 +1,13 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { SKIP_GLOBAL_ERROR_TOAST_META } from "@/lib/react-query/errorToastMeta";
+import { imageUploadApi } from "./api";
+
+const useUploadChatImages = () => {
+  return useMutation<string[], AxiosError, File[]>({
+    mutationFn: (files) => imageUploadApi.postUploadChatImages(files),
+    meta: SKIP_GLOBAL_ERROR_TOAST_META,
+  });
+};
+
+export default useUploadChatImages;
diff --git a/apps/university-web/src/apis/image-upload/postUploadGpaReport.ts b/apps/university-web/src/apis/image-upload/postUploadGpaReport.ts
new file mode 100644
index 00000000..f8ef7529
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/postUploadGpaReport.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { imageUploadApi, type UploadGpaReportResponse } from "./api";
+
+const usePostUploadGpaReport = () => {
+  return useMutation<UploadGpaReportResponse, AxiosError, File>({
+    mutationFn: (file) => imageUploadApi.postUploadGpaReport(file),
+  });
+};
+
+export default usePostUploadGpaReport;
diff --git a/apps/university-web/src/apis/image-upload/postUploadLanguageTestReport.ts b/apps/university-web/src/apis/image-upload/postUploadLanguageTestReport.ts
new file mode 100644
index 00000000..6a939941
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/postUploadLanguageTestReport.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { imageUploadApi, type UploadLanguageTestReportResponse } from "./api";
+
+const usePostUploadLanguageTestReport = () => {
+  return useMutation<UploadLanguageTestReportResponse, AxiosError, File>({
+    mutationFn: (file) => imageUploadApi.postUploadLanguageTestReport(file),
+  });
+};
+
+export default usePostUploadLanguageTestReport;
diff --git a/apps/university-web/src/apis/image-upload/postUploadProfileImage.ts b/apps/university-web/src/apis/image-upload/postUploadProfileImage.ts
new file mode 100644
index 00000000..74d8fe5f
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/postUploadProfileImage.ts
@@ -0,0 +1,13 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { SKIP_GLOBAL_ERROR_TOAST_META } from "@/lib/react-query/errorToastMeta";
+import { imageUploadApi, type UploadProfileImageResponse } from "./api";
+
+const usePostUploadProfileImage = () => {
+  return useMutation<UploadProfileImageResponse, AxiosError, File>({
+    mutationFn: (file) => imageUploadApi.postUploadProfileImage(file),
+    meta: SKIP_GLOBAL_ERROR_TOAST_META,
+  });
+};
+
+export default usePostUploadProfileImage;
diff --git a/apps/university-web/src/apis/image-upload/postUploadProfileImageBeforeSignup.ts b/apps/university-web/src/apis/image-upload/postUploadProfileImageBeforeSignup.ts
new file mode 100644
index 00000000..67fa0122
--- /dev/null
+++ b/apps/university-web/src/apis/image-upload/postUploadProfileImageBeforeSignup.ts
@@ -0,0 +1,15 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import type { FileResponse } from "@/types/file";
+import { imageUploadApi } from "./api";
+
+/**
+ * @description 프로필 이미지 업로드를 위한 useMutation 커스텀 훅 (회원가입 전 공개 API)
+ */
+const useUploadProfileImagePublic = () => {
+  return useMutation<FileResponse, AxiosError, File>({
+    mutationFn: imageUploadApi.postUploadProfileImageBeforeSignup,
+  });
+};
+
+export default useUploadProfileImagePublic;
diff --git a/apps/university-web/src/apis/kakao-api/api.ts b/apps/university-web/src/apis/kakao-api/api.ts
new file mode 100644
index 00000000..73d7b358
--- /dev/null
+++ b/apps/university-web/src/apis/kakao-api/api.ts
@@ -0,0 +1,34 @@
+import { axiosInstance } from "@/utils/axiosInstance";
+
+export type KakaoUserIdsResponse = undefined;
+
+export type KakaoUnlinkResponse = undefined;
+
+export type KakaoUnlinkRequest = Record<string, never>;
+
+export type KakaoInfoResponse = undefined;
+
+export const kakaoApiApi = {
+  getKakaoUserIds: async (params: { params?: Record<string, unknown> }): Promise<KakaoUserIdsResponse> => {
+    const res = await axiosInstance.get<KakaoUserIdsResponse>(`https://kapi.kakao.com/v1/user/ids?order=dsc`, {
+      params: params?.params,
+    });
+    return res.data;
+  },
+
+  postKakaoUnlink: async (params: { data?: KakaoUnlinkRequest }): Promise<KakaoUnlinkResponse> => {
+    const res = await axiosInstance.post<KakaoUnlinkResponse>(
+      `https://kapi.kakao.com/v1/user/unlink?target_id_type=user_id&target_id=3715136239`,
+      params?.data,
+    );
+    return res.data;
+  },
+
+  getKakaoInfo: async (params: { params?: Record<string, unknown> }): Promise<KakaoInfoResponse> => {
+    const res = await axiosInstance.get<KakaoInfoResponse>(
+      `https://kapi.kakao.com/v2/user/me?property_keys=["kakao_account.email"]&target_id_type=user_id&target_id=3715136239`,
+      { params: params?.params },
+    );
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/kakao-api/getKakaoInfo.ts b/apps/university-web/src/apis/kakao-api/getKakaoInfo.ts
new file mode 100644
index 00000000..6ed75f14
--- /dev/null
+++ b/apps/university-web/src/apis/kakao-api/getKakaoInfo.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type KakaoInfoResponse, kakaoApiApi } from "./api";
+
+const useGetKakaoInfo = (params?: Record<string, unknown>) => {
+  return useQuery<KakaoInfoResponse, AxiosError>({
+    queryKey: [QueryKeys["kakao-api"].kakaoInfo, params],
+    queryFn: () => kakaoApiApi.getKakaoInfo(params ? { params } : {}),
+  });
+};
+
+export default useGetKakaoInfo;
diff --git a/apps/university-web/src/apis/kakao-api/getKakaoUserIds.ts b/apps/university-web/src/apis/kakao-api/getKakaoUserIds.ts
new file mode 100644
index 00000000..1da936b4
--- /dev/null
+++ b/apps/university-web/src/apis/kakao-api/getKakaoUserIds.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type KakaoUserIdsResponse, kakaoApiApi } from "./api";
+
+const useGetKakaoUserIds = (params?: Record<string, unknown>) => {
+  return useQuery<KakaoUserIdsResponse, AxiosError>({
+    queryKey: [QueryKeys["kakao-api"].kakaoUserIds, params],
+    queryFn: () => kakaoApiApi.getKakaoUserIds(params ? { params } : {}),
+  });
+};
+
+export default useGetKakaoUserIds;
diff --git a/apps/university-web/src/apis/kakao-api/index.ts b/apps/university-web/src/apis/kakao-api/index.ts
new file mode 100644
index 00000000..0acb2db7
--- /dev/null
+++ b/apps/university-web/src/apis/kakao-api/index.ts
@@ -0,0 +1,4 @@
+export { kakaoApiApi } from "./api";
+export { default as getKakaoInfo } from "./getKakaoInfo";
+export { default as getKakaoUserIds } from "./getKakaoUserIds";
+export { default as postKakaoUnlink } from "./postKakaoUnlink";
diff --git a/apps/university-web/src/apis/kakao-api/postKakaoUnlink.ts b/apps/university-web/src/apis/kakao-api/postKakaoUnlink.ts
new file mode 100644
index 00000000..35714879
--- /dev/null
+++ b/apps/university-web/src/apis/kakao-api/postKakaoUnlink.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type KakaoUnlinkRequest, type KakaoUnlinkResponse, kakaoApiApi } from "./api";
+
+const usePostKakaoUnlink = () => {
+  return useMutation<KakaoUnlinkResponse, AxiosError, KakaoUnlinkRequest>({
+    mutationFn: (data) => kakaoApiApi.postKakaoUnlink({ data }),
+  });
+};
+
+export default usePostKakaoUnlink;
diff --git a/apps/university-web/src/apis/mentor/api.ts b/apps/university-web/src/apis/mentor/api.ts
new file mode 100644
index 00000000..872a7f2c
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/api.ts
@@ -0,0 +1,199 @@
+import type { MentoringListItem, VerifyStatus } from "@/types/mentee";
+import {
+  type MentorCardDetail,
+  type MentorCardPreview,
+  MentoringApprovalStatus,
+  type MentoringItem,
+} from "@/types/mentor";
+import type { CountryCode } from "@/types/university";
+import { axiosInstance } from "@/utils/axiosInstance";
+
+// QueryKeys for mentor domain
+export const MentorQueryKeys = {
+  myMentorProfile: "myMentorProfile",
+  mentoringList: "mentoringList",
+  mentoringNewCount: "mentoringNewCount",
+  applyMentoringList: "applyMentoringList",
+  mentorList: "mentorList",
+  mentorDetail: "mentorDetail",
+} as const;
+
+// Re-export types
+export type { MentorCardPreview, MentorCardDetail, MentoringItem };
+export type { MentoringListItem, VerifyStatus };
+export { MentoringApprovalStatus };
+
+// Response types
+export interface MentoringListResponse {
+  content: MentoringItem[];
+  nextPageNumber: number;
+}
+
+export interface GetMentoringNewCountResponse {
+  uncheckedCount: number;
+}
+
+export interface ApplyMentoringListResponse {
+  content: MentoringListItem[];
+  nextPageNumber: number;
+}
+
+export interface MentorListResponse {
+  nextPageNumber: number;
+  content: MentorCardDetail[];
+}
+
+export interface MatchedMentorsResponse {
+  content: MentorCardDetail[];
+  nextPageNumber: number;
+  totalElements: number;
+}
+
+export interface PatchApprovalStatusRequest {
+  status: MentoringApprovalStatus;
+  mentoringId: number;
+}
+
+export interface PatchApprovalStatusResponse {
+  mentoringId: number;
+  chatRoomId: number;
+}
+
+export interface PatchCheckMentoringsRequest {
+  checkedMentoringIds: number[];
+}
+
+export interface PatchCheckMentoringsResponse {
+  checkedMentoringIds: number[];
+}
+
+export interface PostApplyMentoringRequest {
+  mentorId: number;
+}
+
+export interface PostApplyMentoringResponse {
+  mentoringId: number;
+}
+
+export interface PostMentorApplicationRequest {
+  preparationStatus: "AFTER_EXCHANGE";
+  universitySelectType: "CATALOG";
+  country: CountryCode;
+  universityId: number;
+  term: string;
+  verificationFile: File;
+}
+
+export interface PutMyMentorProfileRequest {
+  channels: { type: string; url: string }[];
+  passTip: string;
+  introduction: string;
+}
+
+const OFFSET = 5;
+const MENTORS_OFFSET = 10;
+const MENTEE_OFFSET = 3;
+
+export const mentorApi = {
+  // === Mentor (멘토) APIs ===
+  getMentorMyProfile: async (): Promise<MentorCardPreview> => {
+    const res = await axiosInstance.get<MentorCardPreview>("/mentor/my");
+    return res.data;
+  },
+
+  getMentoringList: async (page: number, size: number = OFFSET): Promise<MentoringListResponse> => {
+    const endpoint = `/mentor/mentorings?size=${size}&page=${page}`;
+    const res = await axiosInstance.get<MentoringListResponse>(endpoint);
+    return res.data;
+  },
+
+  getMentoringUncheckedCount: async (): Promise<GetMentoringNewCountResponse> => {
+    const endpoint = "/mentor/mentorings/check";
+    const res = await axiosInstance.get<GetMentoringNewCountResponse>(endpoint);
+    return res.data;
+  },
+
+  patchApprovalStatus: async (props: PatchApprovalStatusRequest): Promise<PatchApprovalStatusResponse> => {
+    const { status, mentoringId } = props;
+    const res = await axiosInstance.patch<PatchApprovalStatusResponse>(`/mentor/mentorings/${mentoringId}`, {
+      status,
+    });
+    return res.data;
+  },
+
+  patchMentorCheckMentorings: async (body: PatchCheckMentoringsRequest): Promise<PatchCheckMentoringsResponse> => {
+    const res = await axiosInstance.patch<PatchCheckMentoringsResponse>("/mentor/mentorings/check", body);
+    return res.data;
+  },
+
+  postMentorApplication: async (body: PostMentorApplicationRequest): Promise<void> => {
+    const formData = new FormData();
+    const applicationData = {
+      preparationStatus: body.preparationStatus,
+      universitySelectType: body.universitySelectType,
+      country: body.country,
+      universityId: body.universityId,
+      term: body.term,
+    };
+    formData.append(
+      "mentorApplicationRequest",
+      new Blob([JSON.stringify(applicationData)], { type: "application/json" }),
+    );
+    formData.append("file", body.verificationFile);
+    const res = await axiosInstance.post<void>("/mentees/mentor-applications", formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return res.data;
+  },
+
+  putMyMentorProfile: async (body: PutMyMentorProfileRequest): Promise<void> => {
+    const res = await axiosInstance.put<void>("/mentor/my", body);
+    return res.data;
+  },
+
+  // === Mentee (멘티) APIs ===
+  getApplyMentoringList: async (
+    verifyStatus: VerifyStatus,
+    page: number,
+    size: number = MENTEE_OFFSET,
+  ): Promise<ApplyMentoringListResponse> => {
+    const res = await axiosInstance.get<ApplyMentoringListResponse>(
+      `/mentee/mentorings?verify-status=${verifyStatus}&size=${size}&page=${page}`,
+    );
+    return res.data;
+  },
+
+  patchMenteeCheckMentorings: async (body: PatchCheckMentoringsRequest): Promise<PatchCheckMentoringsResponse> => {
+    const res = await axiosInstance.patch<PatchCheckMentoringsResponse>("/mentee/mentorings/check", body);
+    return res.data;
+  },
+
+  postApplyMentoring: async (body: PostApplyMentoringRequest): Promise<PostApplyMentoringResponse> => {
+    const res = await axiosInstance.post<PostApplyMentoringResponse>("/mentee/mentorings", body);
+    return res.data;
+  },
+
+  // === Mentors (멘토 목록) APIs ===
+  getMentorList: async (region: string, page: number, size: number = MENTORS_OFFSET): Promise<MentorListResponse> => {
+    const res = await axiosInstance.get<MentorListResponse>(`/mentors?region=${region}&page=${page}&size=${size}`);
+    return res.data;
+  },
+
+  getMentorDetail: async (mentorId: number): Promise<MentorCardDetail> => {
+    const res = await axiosInstance.get<MentorCardDetail>(`/mentors/${mentorId}`);
+    return res.data;
+  },
+
+  getMatchedMentors: async (params: {
+    defaultSize: string | number;
+    defaultPage: string | number;
+    params?: Record<string, unknown>;
+  }): Promise<MatchedMentorsResponse> => {
+    const { defaultSize, defaultPage, params: queryParams } = params;
+    const res = await axiosInstance.get<MatchedMentorsResponse>(
+      `/mentors/matched?size=${defaultSize}&page=${defaultPage}`,
+      { params: queryParams },
+    );
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/mentor/getAppliedMentorings.ts b/apps/university-web/src/apis/mentor/getAppliedMentorings.ts
new file mode 100644
index 00000000..17ee3b3f
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/getAppliedMentorings.ts
@@ -0,0 +1,41 @@
+import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import {
+  type ApplyMentoringListResponse,
+  type MentoringListItem,
+  MentorQueryKeys,
+  mentorApi,
+  type VerifyStatus,
+} from "./api";
+
+/**
+ * @description 신청한 멘토링 목록 조회 훅 (무한 스크롤)
+ */
+const useGetApplyMentoringList = (verifyStatus: VerifyStatus) => {
+  return useInfiniteQuery<ApplyMentoringListResponse, AxiosError, MentoringListItem[], [string, VerifyStatus], number>({
+    queryKey: [MentorQueryKeys.applyMentoringList, verifyStatus],
+    queryFn: ({ pageParam = 0 }) => mentorApi.getApplyMentoringList(verifyStatus, pageParam),
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => (lastPage.nextPageNumber === -1 ? undefined : lastPage.nextPageNumber),
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+    select: (data) => data.pages.flatMap((p) => p.content),
+  });
+};
+
+// 멘토링 리스트 프리페치용 훅
+export const usePrefetchApplyMentoringList = () => {
+  const queryClient = useQueryClient();
+
+  const prefetchList = (verifyStatus: VerifyStatus) => {
+    queryClient.prefetchInfiniteQuery({
+      queryKey: [MentorQueryKeys.applyMentoringList, verifyStatus],
+      queryFn: ({ pageParam = 0 }) => mentorApi.getApplyMentoringList(verifyStatus, pageParam as number),
+      initialPageParam: 0,
+      staleTime: 1000 * 60 * 5,
+    });
+  };
+
+  return { prefetchList };
+};
+
+export default useGetApplyMentoringList;
diff --git a/apps/university-web/src/apis/mentor/getMatchedMentors.ts b/apps/university-web/src/apis/mentor/getMatchedMentors.ts
new file mode 100644
index 00000000..7b30c622
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/getMatchedMentors.ts
@@ -0,0 +1,18 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type MatchedMentorsResponse, mentorApi } from "./api";
+
+const useGetMatchedMentors = (
+  defaultSize: string | number,
+  defaultPage: string | number,
+  params?: Record<string, unknown>,
+) => {
+  return useQuery<MatchedMentorsResponse, AxiosError>({
+    queryKey: [QueryKeys.mentor.matchedMentors, defaultSize, defaultPage, params],
+    queryFn: () => mentorApi.getMatchedMentors({ defaultSize, defaultPage, params }),
+    enabled: !!defaultSize && !!defaultPage,
+  });
+};
+
+export default useGetMatchedMentors;
diff --git a/apps/university-web/src/apis/mentor/getMentorDetail.ts b/apps/university-web/src/apis/mentor/getMentorDetail.ts
new file mode 100644
index 00000000..75cbc778
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/getMentorDetail.ts
@@ -0,0 +1,17 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type MentorCardDetail, MentorQueryKeys, mentorApi } from "./api";
+
+/**
+ * @description 멘토 상세 조회 훅
+ */
+const useGetMentorDetail = (mentorId: number | null) => {
+  return useQuery<MentorCardDetail, AxiosError>({
+    queryKey: [MentorQueryKeys.mentorDetail, mentorId!],
+    queryFn: () => mentorApi.getMentorDetail(mentorId!),
+    enabled: mentorId !== null,
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+  });
+};
+
+export default useGetMentorDetail;
diff --git a/apps/university-web/src/apis/mentor/getMentorList.ts b/apps/university-web/src/apis/mentor/getMentorList.ts
new file mode 100644
index 00000000..8e41e741
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/getMentorList.ts
@@ -0,0 +1,39 @@
+import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type MentorCardDetail, type MentorListResponse, MentorQueryKeys, mentorApi } from "./api";
+
+interface UseGetMentorListRequest {
+  region?: string;
+}
+
+/**
+ * @description 멘토 목록 조회 훅 (무한 스크롤)
+ */
+const useGetMentorList = ({ region = "" }: UseGetMentorListRequest = {}) => {
+  return useInfiniteQuery<MentorListResponse, AxiosError, MentorCardDetail[], [string, string], number>({
+    queryKey: [MentorQueryKeys.mentorList, region],
+    queryFn: ({ pageParam = 0 }) => mentorApi.getMentorList(region, pageParam),
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => (lastPage.nextPageNumber === -1 ? undefined : lastPage.nextPageNumber),
+    staleTime: 1000 * 60 * 5,
+    select: (data) => data.pages.flatMap((p) => p.content),
+  });
+};
+
+// 탭 프리페치용 훅
+export const usePrefetchMentorList = () => {
+  const queryClient = useQueryClient();
+
+  const prefetchMentorList = (region: string) => {
+    queryClient.prefetchInfiniteQuery({
+      queryKey: [MentorQueryKeys.mentorList, region],
+      queryFn: ({ pageParam = 0 }) => mentorApi.getMentorList(region, pageParam as number),
+      initialPageParam: 0,
+      staleTime: 1000 * 60 * 5,
+    });
+  };
+
+  return { prefetchMentorList };
+};
+
+export default useGetMentorList;
diff --git a/apps/university-web/src/apis/mentor/getMyMentorPage.ts b/apps/university-web/src/apis/mentor/getMyMentorPage.ts
new file mode 100644
index 00000000..7f0a7448
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/getMyMentorPage.ts
@@ -0,0 +1,16 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type MentorCardPreview, MentorQueryKeys, mentorApi } from "./api";
+
+/**
+ * @description 멘토 마이 프로필 조회 훅
+ */
+const useGetMentorMyProfile = () => {
+  return useQuery<MentorCardPreview, AxiosError>({
+    queryKey: [MentorQueryKeys.myMentorProfile],
+    queryFn: mentorApi.getMentorMyProfile,
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+  });
+};
+
+export default useGetMentorMyProfile;
diff --git a/apps/university-web/src/apis/mentor/getReceivedMentorings.ts b/apps/university-web/src/apis/mentor/getReceivedMentorings.ts
new file mode 100644
index 00000000..7355a7a1
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/getReceivedMentorings.ts
@@ -0,0 +1,24 @@
+import { useInfiniteQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type MentoringItem, type MentoringListResponse, MentorQueryKeys, mentorApi } from "./api";
+
+const OFFSET = 5;
+
+/**
+ * @description 받은 멘토링 목록 조회 훅 (무한 스크롤)
+ */
+const useGetMentoringList = ({ size = OFFSET }: { size?: number } = {}) => {
+  return useInfiniteQuery<MentoringListResponse, AxiosError, MentoringItem[], [string, number], number>({
+    queryKey: [MentorQueryKeys.mentoringList, size],
+    queryFn: ({ pageParam = 0 }) => mentorApi.getMentoringList(pageParam, size),
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => {
+      return lastPage.nextPageNumber !== -1 ? lastPage.nextPageNumber : undefined;
+    },
+    refetchInterval: 1000 * 60 * 10, // ⏱️ 10분마다 자동 재요청
+    staleTime: 1000 * 60 * 5, // fresh 상태 유지
+    select: (data) => data.pages.flatMap((page) => page.content),
+  });
+};
+
+export default useGetMentoringList;
diff --git a/apps/university-web/src/apis/mentor/getUnconfirmedMentoringCount.ts b/apps/university-web/src/apis/mentor/getUnconfirmedMentoringCount.ts
new file mode 100644
index 00000000..3490970f
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/getUnconfirmedMentoringCount.ts
@@ -0,0 +1,16 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type GetMentoringNewCountResponse, MentorQueryKeys, mentorApi } from "./api";
+
+const useGetUnconfirmedMentoringCount = (enabled: boolean = true) => {
+  return useQuery<GetMentoringNewCountResponse, AxiosError, number>({
+    queryKey: [MentorQueryKeys.mentoringNewCount],
+    queryFn: mentorApi.getMentoringUncheckedCount,
+    enabled,
+    refetchInterval: 1000 * 60 * 10, // ⏱️ 10분마다 자동 재요청
+    staleTime: 1000 * 60 * 5, // fresh 상태 유지
+    select: (data) => data.uncheckedCount,
+  });
+};
+
+export default useGetUnconfirmedMentoringCount;
diff --git a/apps/university-web/src/apis/mentor/index.ts b/apps/university-web/src/apis/mentor/index.ts
new file mode 100644
index 00000000..df700ed1
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/index.ts
@@ -0,0 +1,23 @@
+export type {
+  MentorCardDetail,
+  MentorCardPreview,
+  MentoringApprovalStatus,
+  MentoringItem,
+  MentoringListItem,
+  PostMentorApplicationRequest,
+  PutMyMentorProfileRequest,
+  VerifyStatus,
+} from "./api";
+export { MentorQueryKeys, mentorApi } from "./api";
+export { default as useGetApplyMentoringList, usePrefetchApplyMentoringList } from "./getAppliedMentorings";
+export { default as useGetMentorDetail } from "./getMentorDetail";
+export { default as useGetMentorList, usePrefetchMentorList } from "./getMentorList";
+export { default as useGetMentorMyProfile } from "./getMyMentorPage";
+export { default as useGetMentoringList } from "./getReceivedMentorings";
+export { default as useGetUnconfirmedMentoringCount } from "./getUnconfirmedMentoringCount";
+export { default as usePatchMentorCheckMentorings } from "./patchConfirmMentoring";
+export { default as usePatchMenteeCheckMentorings } from "./patchMenteeCheckMentorings";
+export { default as usePatchApprovalStatus } from "./patchMentoringStatus";
+export { default as usePostApplyMentoring } from "./postApplyMentoring";
+export { default as usePostMentorApplication } from "./postMentorApplication";
+export { default as usePutMyMentorProfile } from "./putUpdateMyMentorPage";
diff --git a/apps/university-web/src/apis/mentor/patchConfirmMentoring.ts b/apps/university-web/src/apis/mentor/patchConfirmMentoring.ts
new file mode 100644
index 00000000..a423e814
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/patchConfirmMentoring.ts
@@ -0,0 +1,22 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { MentorQueryKeys, mentorApi, type PatchCheckMentoringsRequest, type PatchCheckMentoringsResponse } from "./api";
+
+/**
+ * @description 멘토 멘토링 확인 처리 훅
+ */
+const usePatchMentorCheckMentorings = () => {
+  const queriesClient = useQueryClient();
+  return useMutation<PatchCheckMentoringsResponse, AxiosError, PatchCheckMentoringsRequest>({
+    onSuccess: () => {
+      // 멘토링 체크 상태 변경 후 멘토링 목록 쿼리 무효화
+      Promise.all([
+        queriesClient.invalidateQueries({ queryKey: [MentorQueryKeys.mentoringList] }),
+        queriesClient.invalidateQueries({ queryKey: [MentorQueryKeys.mentoringNewCount] }),
+      ]);
+    },
+    mutationFn: mentorApi.patchMentorCheckMentorings,
+  });
+};
+
+export default usePatchMentorCheckMentorings;
diff --git a/apps/university-web/src/apis/mentor/patchMenteeCheckMentorings.ts b/apps/university-web/src/apis/mentor/patchMenteeCheckMentorings.ts
new file mode 100644
index 00000000..25231d86
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/patchMenteeCheckMentorings.ts
@@ -0,0 +1,14 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { mentorApi, type PatchCheckMentoringsRequest, type PatchCheckMentoringsResponse } from "./api";
+
+/**
+ * @description 멘티 멘토링 확인 처리 훅
+ */
+const usePatchMenteeCheckMentorings = () => {
+  return useMutation<PatchCheckMentoringsResponse, AxiosError, PatchCheckMentoringsRequest>({
+    mutationFn: mentorApi.patchMenteeCheckMentorings,
+  });
+};
+
+export default usePatchMenteeCheckMentorings;
diff --git a/apps/university-web/src/apis/mentor/patchMentoringStatus.ts b/apps/university-web/src/apis/mentor/patchMentoringStatus.ts
new file mode 100644
index 00000000..76fb6cd9
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/patchMentoringStatus.ts
@@ -0,0 +1,63 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+import { useRouter } from "next/navigation";
+
+import { customAlert } from "@/lib/zustand/useAlertModalStore";
+import { customConfirm } from "@/lib/zustand/useConfirmModalStore";
+import { IconSmile, IconUnSmile } from "@/public/svgs/mentor";
+import {
+  MentoringApprovalStatus,
+  MentorQueryKeys,
+  mentorApi,
+  type PatchApprovalStatusRequest,
+  type PatchApprovalStatusResponse,
+} from "./api";
+
+/**
+ * @description 멘토링 승인/거절 훅
+ */
+const usePatchApprovalStatus = () => {
+  const router = useRouter();
+  const queryClient = useQueryClient();
+
+  return useMutation<PatchApprovalStatusResponse, AxiosError, PatchApprovalStatusRequest>({
+    mutationFn: mentorApi.patchApprovalStatus,
+    onSuccess: async (data, variables) => {
+      // 멘토링 상태 변경 후 쿼리 무효화
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: [MentorQueryKeys.mentoringList] }),
+        queryClient.invalidateQueries({ queryKey: [MentorQueryKeys.mentoringNewCount] }),
+      ]);
+
+      if (variables.status === MentoringApprovalStatus.REJECTED) {
+        customAlert({
+          title: "멘티 신청을 거절했어요.",
+          icon: IconUnSmile,
+          content: "현재까지 누적해서 거절했어요. 누적 5회 거절 시 활동에 제약이 있으니 유의해주세요.",
+          buttonText: "닫기",
+        });
+      } else if (variables.status === MentoringApprovalStatus.APPROVED) {
+        const ok = await customConfirm({
+          title: "멘티 신청이 완료되었어요!",
+          content: "지금 바로 멘티에게 메시지를 전송해보세요",
+          icon: IconSmile,
+          rejectMessage: "닫기",
+          approveMessage: "1:1 채팅 바로가기",
+        });
+        if (ok) {
+          router.push(`/mentor/chat/${data.chatRoomId}`);
+        }
+      }
+    },
+    onError: (_error) => {
+      customAlert({
+        title: "멘토링 상태 변경 실패",
+        content: "멘토링 상태 변경 중 오류가 발생했습니다. 다시 시도해주세요.",
+        buttonText: "확인",
+      });
+    },
+  });
+};
+
+export default usePatchApprovalStatus;
diff --git a/apps/university-web/src/apis/mentor/postApplyMentoring.ts b/apps/university-web/src/apis/mentor/postApplyMentoring.ts
new file mode 100644
index 00000000..d371f7ef
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/postApplyMentoring.ts
@@ -0,0 +1,20 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { MentorQueryKeys, mentorApi, type PostApplyMentoringRequest, type PostApplyMentoringResponse } from "./api";
+
+/**
+ * @description 멘토링 신청 훅
+ */
+const usePostApplyMentoring = () => {
+  const queryClient = useQueryClient();
+  return useMutation<PostApplyMentoringResponse, AxiosError, PostApplyMentoringRequest>({
+    mutationFn: mentorApi.postApplyMentoring,
+    onSuccess: async () => {
+      // 멘토링 신청 후 멘토 목록을 새로고침
+      await queryClient.invalidateQueries({ queryKey: [MentorQueryKeys.applyMentoringList] });
+    },
+  });
+};
+
+export default usePostApplyMentoring;
diff --git a/apps/university-web/src/apis/mentor/postMentorApplication.ts b/apps/university-web/src/apis/mentor/postMentorApplication.ts
new file mode 100644
index 00000000..dfa02e8c
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/postMentorApplication.ts
@@ -0,0 +1,15 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { mentorApi, type PostMentorApplicationRequest } from "./api";
+
+/**
+ * @description 멘토 신청 훅
+ */
+const usePostMentorApplication = () => {
+  return useMutation<void, AxiosError, PostMentorApplicationRequest>({
+    mutationFn: mentorApi.postMentorApplication,
+  });
+};
+
+export default usePostMentorApplication;
diff --git a/apps/university-web/src/apis/mentor/putUpdateMyMentorPage.ts b/apps/university-web/src/apis/mentor/putUpdateMyMentorPage.ts
new file mode 100644
index 00000000..69a59090
--- /dev/null
+++ b/apps/university-web/src/apis/mentor/putUpdateMyMentorPage.ts
@@ -0,0 +1,22 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { MentorQueryKeys, mentorApi, type PutMyMentorProfileRequest } from "./api";
+
+/**
+ * @description 내 멘토 프로필 수정 훅
+ */
+const usePutMyMentorProfile = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<void, AxiosError, PutMyMentorProfileRequest>({
+    mutationFn: mentorApi.putMyMentorProfile,
+    onSuccess: () => {
+      // 멘토 프로필 데이터를 stale로 만들어 다음 요청 시 새로운 데이터를 가져오도록 함
+      queryClient.invalidateQueries({
+        queryKey: [MentorQueryKeys.myMentorProfile],
+      });
+    },
+  });
+};
+
+export default usePutMyMentorProfile;
diff --git a/apps/university-web/src/apis/news/api.ts b/apps/university-web/src/apis/news/api.ts
new file mode 100644
index 00000000..dccf7dc5
--- /dev/null
+++ b/apps/university-web/src/apis/news/api.ts
@@ -0,0 +1,106 @@
+import type { AxiosResponse } from "axios";
+import type { ArticleFormData } from "@/components/mentor/ArticleBottomSheetModal/lib/schema";
+import type { Article } from "@/types/news";
+import { axiosInstance } from "@/utils/axiosInstance";
+
+// ====== Query Keys ======
+export const NewsQueryKeys = {
+  articleList: "articleList",
+  postAddArticle: "postAddArticle",
+  putModifyArticle: "putModifyArticle",
+} as const;
+
+// ====== Types ======
+export interface ArticleListResponse {
+  newsResponseList: Article[];
+}
+
+export interface PostArticleLikeResponse {
+  isLiked: boolean;
+  likeCount: number;
+}
+
+export interface DeleteArticleLikeResponse {
+  isLiked: boolean;
+  likeCount: number;
+}
+
+export type UsePostAddArticleRequest = ArticleFormData;
+
+export type UsePutModifyArticleRequest = {
+  body: ArticleFormData & { isImageDeleted?: boolean };
+  articleId: number;
+};
+
+// ====== API Functions ======
+export const newsApi = {
+  /**
+   * 아티클 목록 조회
+   */
+  getArticleList: async (userId: number): Promise<ArticleListResponse> => {
+    const response: AxiosResponse<ArticleListResponse> = await axiosInstance.get(`/news?author-id=${userId}`);
+    return response.data;
+  },
+
+  /**
+   * 아티클 추가
+   */
+  postAddArticle: async (body: UsePostAddArticleRequest): Promise<Article> => {
+    const newsCreateRequest = {
+      title: body.title,
+      description: body.description,
+      url: body.url || "",
+    };
+
+    const formData = new FormData();
+    formData.append("newsCreateRequest", new Blob([JSON.stringify(newsCreateRequest)], { type: "application/json" }));
+    if (body.file) {
+      formData.append("file", body.file);
+    }
+    const response: AxiosResponse<Article> = await axiosInstance.post("/news", formData);
+    return response.data;
+  },
+
+  /**
+   * 아티클 수정
+   */
+  putModifyArticle: async (props: UsePutModifyArticleRequest): Promise<Article> => {
+    const { body, articleId } = props;
+    const newsUpdateRequest = {
+      title: body.title,
+      description: body.description,
+      url: body.url || "",
+      resetToDefaultImage: body.isImageDeleted === true,
+    };
+    const formData = new FormData();
+    formData.append("newsUpdateRequest", new Blob([JSON.stringify(newsUpdateRequest)], { type: "application/json" }));
+    if (body.file) formData.append("file", body.file);
+
+    const response: AxiosResponse<Article> = await axiosInstance.put(`/news/${articleId}`, formData);
+    return response.data;
+  },
+
+  /**
+   * 아티클 삭제
+   */
+  deleteArticle: async (articleId: number): Promise<void> => {
+    const response: AxiosResponse<void> = await axiosInstance.delete(`/news/${articleId}`);
+    return response.data;
+  },
+
+  /**
+   * 아티클 좋아요
+   */
+  postArticleLike: async (articleId: number): Promise<PostArticleLikeResponse> => {
+    const response: AxiosResponse<PostArticleLikeResponse> = await axiosInstance.post(`/news/${articleId}/like`);
+    return response.data;
+  },
+
+  /**
+   * 아티클 좋아요 취소
+   */
+  deleteArticleLike: async (articleId: number): Promise<DeleteArticleLikeResponse> => {
+    const response: AxiosResponse<DeleteArticleLikeResponse> = await axiosInstance.delete(`/news/${articleId}/like`);
+    return response.data;
+  },
+};
diff --git a/apps/university-web/src/apis/news/deleteLikeNews.ts b/apps/university-web/src/apis/news/deleteLikeNews.ts
new file mode 100644
index 00000000..67898dba
--- /dev/null
+++ b/apps/university-web/src/apis/news/deleteLikeNews.ts
@@ -0,0 +1,51 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import { type ArticleListResponse, type DeleteArticleLikeResponse, NewsQueryKeys, newsApi } from "./api";
+
+type ArticleLikeMutationContext = {
+  previousArticleList?: ArticleListResponse;
+};
+
+/**
+ * @description 아티클 좋아요 취소 훅
+ */
+const useDeleteArticleLike = (userId: number | null) => {
+  const queryClient = useQueryClient();
+  const queryKey = [NewsQueryKeys.articleList, userId];
+
+  return useMutation<DeleteArticleLikeResponse, AxiosError<{ message: string }>, number, ArticleLikeMutationContext>({
+    mutationFn: newsApi.deleteArticleLike,
+
+    onMutate: async (unlikedArticleId) => {
+      await queryClient.cancelQueries({ queryKey });
+
+      const previousArticleList = queryClient.getQueryData<ArticleListResponse>(queryKey);
+
+      queryClient.setQueryData<ArticleListResponse>(queryKey, (oldData) => {
+        if (!oldData) return { newsResponseList: [] };
+        return {
+          newsResponseList: oldData.newsResponseList.map((article) =>
+            article.id === unlikedArticleId
+              ? {
+                  ...article,
+                  isLiked: false,
+                  likeCount: Math.max(0, (article.likeCount ?? 1) - 1),
+                }
+              : article,
+          ),
+        };
+      });
+
+      return { previousArticleList };
+    },
+
+    onError: (_err, _variables, context) => {
+      if (context?.previousArticleList) {
+        queryClient.setQueryData<ArticleListResponse>(queryKey, context.previousArticleList);
+      }
+    },
+  });
+};
+
+export default useDeleteArticleLike;
diff --git a/apps/university-web/src/apis/news/deleteNews.ts b/apps/university-web/src/apis/news/deleteNews.ts
new file mode 100644
index 00000000..ebe1be74
--- /dev/null
+++ b/apps/university-web/src/apis/news/deleteNews.ts
@@ -0,0 +1,47 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import type { Article } from "@/types/news";
+import { type ArticleListResponse, NewsQueryKeys, newsApi } from "./api";
+
+type ArticleDeleteMutationContext = {
+  previousArticleList?: Article[];
+};
+
+/**
+ * @description 아티클 삭제 훅
+ */
+const useDeleteArticle = (userId: number | null) => {
+  const queryClient = useQueryClient();
+  const queryKey = [NewsQueryKeys.articleList, userId];
+
+  return useMutation<void, AxiosError<{ message: string }>, number, ArticleDeleteMutationContext>({
+    mutationFn: newsApi.deleteArticle,
+
+    onMutate: async (deletedArticleId) => {
+      await queryClient.cancelQueries({ queryKey });
+
+      const previousArticleList = queryClient.getQueryData<Article[]>(queryKey);
+
+      queryClient.setQueryData<ArticleListResponse>(queryKey, (oldData) => {
+        if (!oldData) return { newsResponseList: [] };
+        return {
+          newsResponseList: oldData.newsResponseList.filter((article) => article.id !== deletedArticleId),
+        };
+      });
+
+      return { previousArticleList };
+    },
+
+    onError: (_error, _variables, context) => {
+      if (context?.previousArticleList) {
+        queryClient.setQueryData<Article[]>(queryKey, context.previousArticleList);
+      }
+    },
+
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey });
+    },
+  });
+};
+
+export default useDeleteArticle;
diff --git a/apps/university-web/src/apis/news/getNewsList.ts b/apps/university-web/src/apis/news/getNewsList.ts
new file mode 100644
index 00000000..5fb3325b
--- /dev/null
+++ b/apps/university-web/src/apis/news/getNewsList.ts
@@ -0,0 +1,20 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import type { Article } from "@/types/news";
+import { type ArticleListResponse, NewsQueryKeys, newsApi } from "./api";
+
+/**
+ * @description 아티클 목록 조회 훅
+ */
+const useGetArticleList = (userId: number, options?: { enabled?: boolean }) => {
+  return useQuery<ArticleListResponse, AxiosError, Article[]>({
+    queryKey: [NewsQueryKeys.articleList, userId],
+    queryFn: () => newsApi.getArticleList(userId),
+    staleTime: 1000 * 60 * 10, // 10분
+    enabled: userId !== 0 && (options?.enabled ?? true),
+    select: (data) => data.newsResponseList,
+  });
+};
+
+export default useGetArticleList;
diff --git a/apps/university-web/src/apis/news/index.ts b/apps/university-web/src/apis/news/index.ts
new file mode 100644
index 00000000..000e3daa
--- /dev/null
+++ b/apps/university-web/src/apis/news/index.ts
@@ -0,0 +1,15 @@
+export type {
+  ArticleListResponse,
+  DeleteArticleLikeResponse,
+  PostArticleLikeResponse,
+  UsePostAddArticleRequest,
+  UsePutModifyArticleRequest,
+} from "./api";
+export { NewsQueryKeys, newsApi } from "./api";
+export { default as useDeleteArticleLike } from "./deleteLikeNews";
+export { default as useDeleteArticle } from "./deleteNews";
+// News (아티클) hooks
+export { default as useGetArticleList } from "./getNewsList";
+export { default as usePostAddArticle } from "./postCreateNews";
+export { default as usePostArticleLike } from "./postLikeNews";
+export { default as usePutModifyArticle } from "./putUpdateNews";
diff --git a/apps/university-web/src/apis/news/postCreateNews.ts b/apps/university-web/src/apis/news/postCreateNews.ts
new file mode 100644
index 00000000..fdfb2db7
--- /dev/null
+++ b/apps/university-web/src/apis/news/postCreateNews.ts
@@ -0,0 +1,54 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import ArticleThumbUrlPng from "@/public/images/article-thumb.png";
+import type { Article } from "@/types/news";
+import { type ArticleListResponse, NewsQueryKeys, newsApi, type UsePostAddArticleRequest } from "./api";
+
+type ArticleMutationContext = {
+  previousArticleContainer?: ArticleListResponse;
+};
+
+/**
+ * @description 아티클 추가 훅
+ */
+const usePostAddArticle = (userId: number | null) => {
+  const queryClient = useQueryClient();
+  const queryKey = [NewsQueryKeys.articleList, userId];
+
+  return useMutation<Article, AxiosError<{ message: string }>, UsePostAddArticleRequest, ArticleMutationContext>({
+    mutationFn: newsApi.postAddArticle,
+    onMutate: async (newArticle) => {
+      await queryClient.cancelQueries({ queryKey });
+
+      const previousArticleContainer = queryClient.getQueryData<ArticleListResponse>(queryKey);
+
+      queryClient.setQueryData<ArticleListResponse>(queryKey, (oldData) => {
+        if (!oldData) return { newsResponseList: [] };
+
+        const optimisticArticle: Article = {
+          id: Date.now(), // 임시 ID
+          title: newArticle.title,
+          description: newArticle.description,
+          url: newArticle.url || "",
+          thumbnailUrl: newArticle.file ? URL.createObjectURL(newArticle.file) : ArticleThumbUrlPng.src,
+          updatedAt: new Date().toISOString(),
+        };
+
+        return {
+          newsResponseList: [optimisticArticle, ...oldData.newsResponseList],
+        };
+      });
+      return { previousArticleContainer };
+    },
+    onError: (_error, _variables, context) => {
+      if (context?.previousArticleContainer) {
+        queryClient.setQueryData(queryKey, context.previousArticleContainer);
+      }
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey });
+    },
+  });
+};
+
+export default usePostAddArticle;
diff --git a/apps/university-web/src/apis/news/postLikeNews.ts b/apps/university-web/src/apis/news/postLikeNews.ts
new file mode 100644
index 00000000..86adc752
--- /dev/null
+++ b/apps/university-web/src/apis/news/postLikeNews.ts
@@ -0,0 +1,52 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+
+import type { Article } from "@/types/news";
+import { type ArticleListResponse, NewsQueryKeys, newsApi, type PostArticleLikeResponse } from "./api";
+
+type ArticleLikeMutationContext = {
+  previousArticleList?: Article[];
+};
+
+/**
+ * @description 아티클 좋아요 훅
+ */
+const usePostArticleLike = (userId: number | null) => {
+  const queryClient = useQueryClient();
+  const queryKey = [NewsQueryKeys.articleList, userId];
+
+  return useMutation<PostArticleLikeResponse, AxiosError<{ message: string }>, number, ArticleLikeMutationContext>({
+    mutationFn: newsApi.postArticleLike,
+
+    onMutate: async (likedArticleId) => {
+      await queryClient.cancelQueries({ queryKey });
+
+      const previousArticleList = queryClient.getQueryData<Article[]>(queryKey);
+
+      queryClient.setQueryData<ArticleListResponse>(queryKey, (oldData) => {
+        if (!oldData) return { newsResponseList: [] };
+        return {
+          newsResponseList: oldData.newsResponseList.map((article) =>
+            article.id === likedArticleId
+              ? {
+                  ...article,
+                  isLiked: true,
+                  likeCount: (article.likeCount ?? 0) + 1,
+                }
+              : article,
+          ),
+        };
+      });
+
+      return { previousArticleList };
+    },
+
+    onError: (_err, _variables, context) => {
+      if (context?.previousArticleList) {
+        queryClient.setQueryData<Article[]>(queryKey, context.previousArticleList);
+      }
+    },
+  });
+};
+
+export default usePostArticleLike;
diff --git a/apps/university-web/src/apis/news/putUpdateNews.ts b/apps/university-web/src/apis/news/putUpdateNews.ts
new file mode 100644
index 00000000..c0e93d8f
--- /dev/null
+++ b/apps/university-web/src/apis/news/putUpdateNews.ts
@@ -0,0 +1,56 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import type { Article } from "@/types/news";
+import { type ArticleListResponse, NewsQueryKeys, newsApi, type UsePutModifyArticleRequest } from "./api";
+
+type ArticleMutationContext = {
+  previousArticleList?: Article[];
+};
+
+/**
+ * @description 아티클 수정 훅
+ */
+const usePutModifyArticle = (userId: number | null) => {
+  const queryClient = useQueryClient();
+  const queryKey = [NewsQueryKeys.articleList, userId];
+
+  return useMutation<Article, AxiosError<{ message: string }>, UsePutModifyArticleRequest, ArticleMutationContext>({
+    mutationFn: newsApi.putModifyArticle,
+    onMutate: async (variables) => {
+      await queryClient.cancelQueries({ queryKey });
+      const previousArticleList = queryClient.getQueryData<Article[]>(queryKey);
+
+      queryClient.setQueryData<ArticleListResponse>(queryKey, (oldData) => {
+        if (!oldData) return { newsResponseList: [] };
+
+        return {
+          newsResponseList: oldData.newsResponseList.map((article) => {
+            if (article.id === variables.articleId) {
+              const optimisticData = variables.body;
+
+              return {
+                ...article,
+                title: optimisticData.title,
+                description: optimisticData.description,
+                url: optimisticData.url || "",
+                thumbnailUrl: optimisticData.file ? URL.createObjectURL(optimisticData.file) : article.thumbnailUrl,
+              };
+            }
+            return article;
+          }),
+        };
+      });
+      return { previousArticleList };
+    },
+    onError: (_error, _variables, context) => {
+      if (context?.previousArticleList) {
+        queryClient.setQueryData(queryKey, context.previousArticleList);
+      }
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey });
+    },
+  });
+};
+
+export default usePutModifyArticle;
diff --git a/apps/university-web/src/apis/news/server/getNewsList.ts b/apps/university-web/src/apis/news/server/getNewsList.ts
new file mode 100644
index 00000000..c51bdccd
--- /dev/null
+++ b/apps/university-web/src/apis/news/server/getNewsList.ts
@@ -0,0 +1,21 @@
+import type { ArticleListResponse } from "@/apis/news";
+import type { News } from "@/types/news";
+import serverFetch from "@/utils/serverFetchUtil";
+
+export const getHomeNewsList = async (): Promise<News[]> => {
+  const response = await serverFetch<ArticleListResponse>("/news");
+
+  if (!response.ok) {
+    return [];
+  }
+
+  return response.data.newsResponseList
+    .map((news) => ({
+      id: news.id,
+      title: news.title,
+      description: news.description,
+      imageUrl: news.thumbnailUrl,
+      url: news.url,
+    }))
+    .sort((a, b) => a.id - b.id);
+};
diff --git a/apps/university-web/src/apis/queryKeys.ts b/apps/university-web/src/apis/queryKeys.ts
new file mode 100644
index 00000000..3963ad5a
--- /dev/null
+++ b/apps/university-web/src/apis/queryKeys.ts
@@ -0,0 +1,132 @@
+/**
+ * React Query Keys
+ * Bruno 폴더 구조를 기반으로 자동 생성됨
+ */
+
+export const QueryKeys = {
+  Auth: {
+    folder: "Auth.folder" as const,
+    signOut: "Auth.signOut" as const,
+    appleAuth: "Auth.appleAuth" as const,
+    refreshToken: "Auth.refreshToken" as const,
+    emailLogin: "Auth.emailLogin" as const,
+    emailVerification: "Auth.emailVerification" as const,
+    kakaoAuth: "Auth.kakaoAuth" as const,
+    account: "Auth.account" as const,
+    signUp: "Auth.signUp" as const,
+  },
+  news: {
+    folder: "news.folder" as const,
+    newsList: "news.newsList" as const,
+    news: "news.news" as const,
+    updateNews: "news.updateNews" as const,
+    likeNews: "news.likeNews" as const,
+    createNews: "news.createNews" as const,
+  },
+  reports: {
+    folder: "reports.folder" as const,
+    report: "reports.report" as const,
+  },
+  chat: {
+    folder: "chat.folder" as const,
+    chatMessages: "chat.chatMessages" as const,
+    chatRooms: "chat.chatRooms" as const,
+    readChatRoom: "chat.readChatRoom" as const,
+    chatPartner: "chat.chatPartner" as const,
+  },
+  universities: {
+    folder: "universities.folder" as const,
+    recommendedUniversities: "universities.recommendedUniversities" as const,
+    wishList: "universities.wishList" as const,
+    wish: "universities.wish" as const,
+    addWish: "universities.addWish" as const,
+    isWish: "universities.isWish" as const,
+    universityDetail: "universities.universityDetail" as const,
+    searchText: "universities.searchText" as const,
+    searchFilter: "universities.searchFilter" as const,
+    byRegionCountry: "universities.byRegionCountry" as const,
+  },
+  MyPage: {
+    folder: "MyPage.folder" as const,
+    interestedRegionCountry: "MyPage.interestedRegionCountry" as const,
+    profile: "MyPage.profile" as const,
+    password: "MyPage.password" as const,
+  },
+  applications: {
+    folder: "applications.folder" as const,
+    competitors: "applications.competitors" as const,
+    submitApplication: "applications.submitApplication" as const,
+    applicants: "applications.applicants" as const,
+  },
+  community: {
+    folder: "community.folder" as const,
+    boardList: "community.boardList" as const,
+    board: "community.board" as const,
+    comment: "community.comment" as const,
+    updateComment: "community.updateComment" as const,
+    createComment: "community.createComment" as const,
+    post: "community.post" as const,
+    updatePost: "community.updatePost" as const,
+    createPost: "community.createPost" as const,
+    postDetail: "community.postDetail" as const,
+    likePost: "community.likePost" as const,
+  },
+  Scores: {
+    folder: "Scores.folder" as const,
+    createLanguageTest: "Scores.createLanguageTest" as const,
+    languageTestList: "Scores.languageTestList" as const,
+    createGpa: "Scores.createGpa" as const,
+    gpaList: "Scores.gpaList" as const,
+  },
+  Admin: {
+    folder: "Admin.folder" as const,
+    verifyLanguageTest: "Admin.verifyLanguageTest" as const,
+    languageTestList: "Admin.languageTestList" as const,
+    verifyGpa: "Admin.verifyGpa" as const,
+    gpaList: "Admin.gpaList" as const,
+  },
+  users: {
+    folder: "users.folder" as const,
+    nicknameExists: "users.nicknameExists" as const,
+    blockUser: "users.blockUser" as const,
+    unblockUser: "users.unblockUser" as const,
+    blockedUsers: "users.blockedUsers" as const,
+  },
+  mentor: {
+    folder: "mentor.folder" as const,
+    matchedMentors: "mentor.matchedMentors" as const,
+    applyMentoring: "mentor.applyMentoring" as const,
+    confirmMentoring: "mentor.confirmMentoring" as const,
+    appliedMentorings: "mentor.appliedMentorings" as const,
+    mentorList: "mentor.mentorList" as const,
+    mentorDetail: "mentor.mentorDetail" as const,
+    myMentorPage: "mentor.myMentorPage" as const,
+    updateMyMentorPage: "mentor.updateMyMentorPage" as const,
+    mentoringStatus: "mentor.mentoringStatus" as const,
+    receivedMentorings: "mentor.receivedMentorings" as const,
+    unconfirmedMentoringCount: "mentor.unconfirmedMentoringCount" as const,
+  },
+  "kakao-api": {
+    folder: "kakao-api.folder" as const,
+    kakaoUserIds: "kakao-api.kakaoUserIds" as const,
+    kakaoUnlink: "kakao-api.kakaoUnlink" as const,
+    kakaoInfo: "kakao-api.kakaoInfo" as const,
+  },
+  "collection.bru": {
+    collection: "collection.bru.collection" as const,
+  },
+  environments: {
+    dev: "environments.dev" as const,
+    local: "environments.local" as const,
+  },
+  "image-upload": {
+    folder: "image-upload.folder" as const,
+    slackNotification: "image-upload.slackNotification" as const,
+    uploadLanguageTestReport: "image-upload.uploadLanguageTestReport" as const,
+    uploadProfileImage: "image-upload.uploadProfileImage" as const,
+    uploadProfileImageBeforeSignup: "image-upload.uploadProfileImageBeforeSignup" as const,
+    uploadGpaReport: "image-upload.uploadGpaReport" as const,
+  },
+} as const;
+
+export type QueryKey = (typeof QueryKeys)[keyof typeof QueryKeys];
diff --git a/apps/university-web/src/apis/reports/api.ts b/apps/university-web/src/apis/reports/api.ts
new file mode 100644
index 00000000..c1417589
--- /dev/null
+++ b/apps/university-web/src/apis/reports/api.ts
@@ -0,0 +1,21 @@
+import type { AxiosResponse } from "axios";
+import type { ReportType } from "@/types/reports";
+import { axiosInstance } from "@/utils/axiosInstance";
+
+// ====== Types ======
+export interface UsePostReportsRequest {
+  targetType: "POST"; // 지금은 게시글 신고 기능만 존재
+  targetId: number; // 신고하려는 리소스의 ID
+  reportType: ReportType;
+}
+
+// ====== API Functions ======
+export const reportsApi = {
+  /**
+   * 신고 등록
+   */
+  postReport: async (body: UsePostReportsRequest): Promise<void> => {
+    const response: AxiosResponse<void> = await axiosInstance.post(`/reports`, body);
+    return response.data;
+  },
+};
diff --git a/apps/university-web/src/apis/reports/index.ts b/apps/university-web/src/apis/reports/index.ts
new file mode 100644
index 00000000..25277463
--- /dev/null
+++ b/apps/university-web/src/apis/reports/index.ts
@@ -0,0 +1,3 @@
+export type { UsePostReportsRequest } from "./api";
+export { reportsApi } from "./api";
+export { default as usePostReports } from "./postReport";
diff --git a/apps/university-web/src/apis/reports/postReport.ts b/apps/university-web/src/apis/reports/postReport.ts
new file mode 100644
index 00000000..c47d3aa5
--- /dev/null
+++ b/apps/university-web/src/apis/reports/postReport.ts
@@ -0,0 +1,20 @@
+import { useMutation } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { reportsApi, type UsePostReportsRequest } from "./api";
+
+/**
+ * @description 신고 등록 훅
+ */
+const usePostReports = () => {
+  return useMutation<void, AxiosError<{ message: string }>, UsePostReportsRequest>({
+    mutationFn: reportsApi.postReport,
+    onSuccess: () => {
+      showIconToast("logo", "신고가 성공적으로 등록되었습니다.");
+    },
+  });
+};
+
+export default usePostReports;
diff --git a/apps/university-web/src/apis/universities/api.ts b/apps/university-web/src/apis/universities/api.ts
new file mode 100644
index 00000000..6b0055a3
--- /dev/null
+++ b/apps/university-web/src/apis/universities/api.ts
@@ -0,0 +1,195 @@
+import type { HomeUniversityName } from "@/types/university";
+import { axiosInstance, publicAxiosInstance } from "@/utils/axiosInstance";
+
+export interface RecommendedUniversitiesResponseRecommendedUniversitiesItem {
+  id: number;
+  term: string;
+  koreanName: string;
+  region: string;
+  country: string;
+  logoImageUrl: string;
+  backgroundImageUrl: string;
+  studentCapacity: number;
+  languageRequirements: RecommendedUniversitiesResponseRecommendedUniversitiesItemLanguageRequirementsItem[];
+}
+
+export interface RecommendedUniversitiesResponseRecommendedUniversitiesItemLanguageRequirementsItem {
+  languageTestType: string;
+  minScore: string;
+}
+
+export interface RecommendedUniversitiesResponse {
+  recommendedUniversities: RecommendedUniversitiesResponseRecommendedUniversitiesItem[];
+}
+
+export interface WishListResponseItem {
+  id: number;
+  term: string;
+  koreanName: string;
+  region: string;
+  country: string;
+  logoImageUrl: string;
+  backgroundImageUrl: string;
+  studentCapacity: number;
+  languageRequirements: WishListResponseItemLanguageRequirementsItem[];
+}
+
+export interface WishListResponseItemLanguageRequirementsItem {
+  languageTestType: string;
+  minScore: string;
+}
+
+export interface WishListResponse {
+  0: WishListResponseItem[];
+  1: WishListResponseItem[];
+}
+
+export type WishResponse = undefined;
+
+export type AddWishResponse = undefined;
+
+export type AddWishRequest = Record<string, never>;
+
+export type IsWishResponse = undefined;
+
+export interface UniversityDetailResponseLanguageRequirementsItem {
+  languageTestType: string;
+  minScore: string;
+}
+
+export interface UniversityDetailResponse {
+  id: number;
+  term: string;
+  koreanName: string;
+  englishName: string;
+  formatName: string;
+  region: string;
+  country: string;
+  homepageUrl: string;
+  logoImageUrl: string;
+  backgroundImageUrl: string;
+  detailsForLocal: string;
+  studentCapacity: number;
+  tuitionFeeType: string;
+  semesterAvailableForDispatch: string;
+  languageRequirements: UniversityDetailResponseLanguageRequirementsItem[];
+  detailsForLanguage: string;
+  gpaRequirement: string;
+  gpaRequirementCriteria: string;
+  semesterRequirement: string;
+  detailsForApply: null;
+  detailsForMajor: string;
+  detailsForAccommodation: null;
+  detailsForEnglishCourse: null;
+  details: string;
+  accommodationUrl: string;
+  englishCourseUrl: string;
+}
+
+export interface SearchTextResponseUnivApplyInfoPreviewsItem {
+  id: number;
+  term: string;
+  koreanName: string;
+  region: string;
+  country: string;
+  logoImageUrl: string;
+  backgroundImageUrl: string;
+  studentCapacity: number;
+  languageRequirements: SearchTextResponseUnivApplyInfoPreviewsItemLanguageRequirementsItem[];
+  homeUniversityName?: HomeUniversityName;
+}
+
+export interface SearchTextResponseUnivApplyInfoPreviewsItemLanguageRequirementsItem {
+  languageTestType: string;
+  minScore: string;
+}
+
+export interface SearchTextResponse {
+  univApplyInfoPreviews: SearchTextResponseUnivApplyInfoPreviewsItem[];
+}
+
+export interface SearchFilterResponseUnivApplyInfoPreviewsItem {
+  id: number;
+  term: string;
+  koreanName: string;
+  region: string;
+  country: string;
+  logoImageUrl: string;
+  backgroundImageUrl: string;
+  studentCapacity: number;
+  languageRequirements: SearchFilterResponseUnivApplyInfoPreviewsItemLanguageRequirementsItem[];
+}
+
+export interface SearchFilterResponseUnivApplyInfoPreviewsItemLanguageRequirementsItem {
+  languageTestType: string;
+  minScore: string;
+}
+
+export interface SearchFilterResponse {
+  univApplyInfoPreviews: SearchFilterResponseUnivApplyInfoPreviewsItem[];
+}
+
+export type ByRegionCountryResponse = undefined;
+
+export const universitiesApi = {
+  getRecommendedUniversities: async (params?: { isLogin?: boolean }): Promise<RecommendedUniversitiesResponse> => {
+    const instance = params?.isLogin ? axiosInstance : publicAxiosInstance;
+    const res = await instance.get<RecommendedUniversitiesResponse>(`/univ-apply-infos/recommend`);
+    return res.data;
+  },
+
+  getWishList: async (params: { params?: Record<string, unknown> }): Promise<WishListResponse> => {
+    const res = await axiosInstance.get<WishListResponse>(`/univ-apply-infos/like`, { params: params?.params });
+    return res.data;
+  },
+
+  deleteWish: async (params: { univApplyInfoId: string | number }): Promise<WishResponse> => {
+    const res = await axiosInstance.delete<WishResponse>(`/univ-apply-infos/${params.univApplyInfoId}/like`);
+    return res.data;
+  },
+
+  postAddWish: async (params: {
+    univApplyInfoId: string | number;
+    data?: AddWishRequest;
+  }): Promise<AddWishResponse> => {
+    const res = await axiosInstance.post<AddWishResponse>(
+      `/univ-apply-infos/${params.univApplyInfoId}/like`,
+      params?.data,
+    );
+    return res.data;
+  },
+
+  getIsWish: async (params: {
+    univApplyInfoId: string | number;
+    params?: Record<string, unknown>;
+  }): Promise<IsWishResponse> => {
+    const res = await axiosInstance.get<IsWishResponse>(`/univ-apply-infos/${params.univApplyInfoId}/like`, {
+      params: params?.params,
+    });
+    return res.data;
+  },
+
+  getUniversityDetail: async (params: { univApplyInfoId: string | number }): Promise<UniversityDetailResponse> => {
+    const res = await publicAxiosInstance.get<UniversityDetailResponse>(`/univ-apply-infos/${params.univApplyInfoId}`);
+    return res.data;
+  },
+
+  getSearchText: async (params?: { value?: string }): Promise<SearchTextResponse> => {
+    const res = await publicAxiosInstance.get<SearchTextResponse>(`/univ-apply-infos/search/text`, {
+      params: { value: params?.value ?? "" },
+    });
+    return res.data;
+  },
+
+  getSearchFilter: async (params?: { params?: Record<string, unknown> }): Promise<SearchFilterResponse> => {
+    const res = await publicAxiosInstance.get<SearchFilterResponse>(`/univ-apply-infos/search/filter`, {
+      params: params?.params,
+    });
+    return res.data;
+  },
+
+  getByRegionCountry: async (params: { params?: Record<string, unknown> }): Promise<ByRegionCountryResponse> => {
+    const res = await axiosInstance.get<ByRegionCountryResponse>(`/universities/search`, { params: params?.params });
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/universities/deleteWish.ts b/apps/university-web/src/apis/universities/deleteWish.ts
new file mode 100644
index 00000000..c76c58ec
--- /dev/null
+++ b/apps/university-web/src/apis/universities/deleteWish.ts
@@ -0,0 +1,20 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { universitiesApi, type WishResponse } from "./api";
+
+/**
+ * @description 위시리스트에서 학교를 삭제하는 useMutation 커스텀 훅
+ */
+const useDeleteWish = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<WishResponse, AxiosError, number>({
+    mutationFn: (universityInfoForApplyId) => universitiesApi.deleteWish({ univApplyInfoId: universityInfoForApplyId }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: [QueryKeys.universities.wishList] });
+    },
+  });
+};
+
+export default useDeleteWish;
diff --git a/apps/university-web/src/apis/universities/getByRegionCountry.ts b/apps/university-web/src/apis/universities/getByRegionCountry.ts
new file mode 100644
index 00000000..ae66da51
--- /dev/null
+++ b/apps/university-web/src/apis/universities/getByRegionCountry.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type ByRegionCountryResponse, universitiesApi } from "./api";
+
+const useGetByRegionCountry = (params?: Record<string, unknown>) => {
+  return useQuery<ByRegionCountryResponse, AxiosError>({
+    queryKey: [QueryKeys.universities.byRegionCountry, params],
+    queryFn: () => universitiesApi.getByRegionCountry(params ? { params } : {}),
+  });
+};
+
+export default useGetByRegionCountry;
diff --git a/apps/university-web/src/apis/universities/getIsWish.ts b/apps/university-web/src/apis/universities/getIsWish.ts
new file mode 100644
index 00000000..8d8e85c5
--- /dev/null
+++ b/apps/university-web/src/apis/universities/getIsWish.ts
@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type IsWishResponse, universitiesApi } from "./api";
+
+const useGetIsWish = (univApplyInfoId: string | number, params?: Record<string, unknown>) => {
+  return useQuery<IsWishResponse, AxiosError>({
+    queryKey: [QueryKeys.universities.isWish, univApplyInfoId, params],
+    queryFn: () => universitiesApi.getIsWish({ univApplyInfoId, params }),
+    enabled: !!univApplyInfoId,
+  });
+};
+
+export default useGetIsWish;
diff --git a/apps/university-web/src/apis/universities/getRecommendedUniversities.ts b/apps/university-web/src/apis/universities/getRecommendedUniversities.ts
new file mode 100644
index 00000000..5d267ac3
--- /dev/null
+++ b/apps/university-web/src/apis/universities/getRecommendedUniversities.ts
@@ -0,0 +1,24 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import type { ListUniversity } from "@/types/university";
+import { QueryKeys } from "../queryKeys";
+import { type RecommendedUniversitiesResponse, universitiesApi } from "./api";
+
+type UseGetRecommendedUniversitiesParams = {
+  isLogin: boolean;
+};
+
+/**
+ * @description 추천 대학 목록 조회를 위한 useQuery 커스텀 훅
+ * @param params.isLogin - 로그인 여부 (인스턴스 결정에 사용)
+ */
+const useGetRecommendedUniversities = ({ isLogin }: UseGetRecommendedUniversitiesParams) => {
+  return useQuery<RecommendedUniversitiesResponse, AxiosError, ListUniversity[]>({
+    queryKey: [QueryKeys.universities.recommendedUniversities, isLogin],
+    queryFn: () => universitiesApi.getRecommendedUniversities({ isLogin }),
+    staleTime: 1000 * 60 * 5,
+    select: (data) => data.recommendedUniversities as unknown as ListUniversity[],
+  });
+};
+
+export default useGetRecommendedUniversities;
diff --git a/apps/university-web/src/apis/universities/getSearchFilter.ts b/apps/university-web/src/apis/universities/getSearchFilter.ts
new file mode 100644
index 00000000..6094fb57
--- /dev/null
+++ b/apps/university-web/src/apis/universities/getSearchFilter.ts
@@ -0,0 +1,68 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { useMemo } from "react";
+import { isMatchedHomeUniversityName } from "@/constants/university";
+import type { CountryCode, HomeUniversityName, LanguageTestType, ListUniversity } from "@/types/university";
+import { QueryKeys } from "../queryKeys";
+import { type SearchFilterResponse, universitiesApi } from "./api";
+
+export interface UniversitySearchFilterParams {
+  languageTestType?: LanguageTestType;
+  testScore?: number;
+  countryCode?: CountryCode[];
+}
+
+// API 응답에 homeUniversityName이 포함된 타입
+interface ListUniversityWithHome extends ListUniversity {
+  homeUniversityName?: HomeUniversityName;
+}
+
+/**
+ * @description 필터로 대학 검색을 위한 useQuery 커스텀 훅
+ * @param filters - 검색 필터 파라미터
+ * @param homeUniversityName - 홈 대학교 이름 (선택적 필터)
+ */
+const useGetUniversitySearchByFilter = (
+  filters: UniversitySearchFilterParams,
+  homeUniversityName?: HomeUniversityName,
+) => {
+  // 필터 파라미터 구성
+  const buildParams = () => {
+    const params: Record<string, unknown> = {};
+    if (filters.languageTestType) {
+      params.languageTestType = filters.languageTestType;
+    }
+    if (filters.testScore !== undefined) {
+      params.testScore = String(filters.testScore);
+    }
+    if (filters.countryCode && filters.countryCode.length > 0) {
+      params.countryCode = filters.countryCode;
+    }
+    return params;
+  };
+
+  const query = useQuery<SearchFilterResponse, AxiosError, ListUniversityWithHome[]>({
+    queryKey: [QueryKeys.universities.searchFilter, filters],
+    queryFn: () => universitiesApi.getSearchFilter({ params: buildParams() }),
+    enabled: Object.values(filters).some((value) => {
+      if (Array.isArray(value)) return value.length > 0;
+      return value !== undefined && value !== "";
+    }),
+    select: (data) => data.univApplyInfoPreviews as unknown as ListUniversityWithHome[],
+  });
+
+  // homeUniversityName으로 필터링
+  const filteredData = useMemo(() => {
+    if (!query.data || !homeUniversityName) return query.data;
+    return query.data.filter((university) =>
+      isMatchedHomeUniversityName(university.homeUniversityName, homeUniversityName),
+    );
+  }, [query.data, homeUniversityName]);
+
+  return {
+    ...query,
+    data: filteredData,
+  };
+};
+
+export default useGetUniversitySearchByFilter;
diff --git a/apps/university-web/src/apis/universities/getSearchText.ts b/apps/university-web/src/apis/universities/getSearchText.ts
new file mode 100644
index 00000000..ed9cefbb
--- /dev/null
+++ b/apps/university-web/src/apis/universities/getSearchText.ts
@@ -0,0 +1,70 @@
+import { useQuery } from "@tanstack/react-query";
+
+import type { AxiosError } from "axios";
+import { useMemo } from "react";
+import { isMatchedHomeUniversityName } from "@/constants/university";
+import type { HomeUniversityName, ListUniversity } from "@/types/university";
+import { QueryKeys } from "../queryKeys";
+import { type SearchTextResponse, universitiesApi } from "./api";
+
+// API 응답에 homeUniversityName이 포함된 타입
+interface ListUniversityWithHome extends ListUniversity {
+  homeUniversityName?: HomeUniversityName;
+}
+
+/**
+ * @description 대학 검색을 위한 useQuery 커스텀 훅
+ * 모든 대학 데이터를 한 번만 가져와 캐싱하고, 검색어에 따라 클라이언트에서 필터링합니다.
+ * @param searchValue - 검색어
+ * @param homeUniversityName - 홈 대학교 이름 (선택적 필터)
+ */
+const useUniversitySearch = (searchValue: string, homeUniversityName?: HomeUniversityName) => {
+  // 1. 모든 대학 데이터를 한 번만 가져와 'Infinity' 캐시로 저장합니다.
+  const {
+    data: allUniversities,
+    isLoading,
+    isError,
+    error,
+  } = useQuery<SearchTextResponse, AxiosError, ListUniversityWithHome[]>({
+    queryKey: [QueryKeys.universities.searchText],
+    queryFn: () => universitiesApi.getSearchText({ value: "" }),
+    staleTime: Infinity,
+    gcTime: Infinity,
+    select: (data) => data.univApplyInfoPreviews as unknown as ListUniversityWithHome[],
+  });
+
+  // 2. 검색어와 homeUniversityName에 따라 필터링합니다.
+  const filteredUniversities = useMemo(() => {
+    const normalizedSearchValue = searchValue.trim().toLowerCase();
+
+    if (!allUniversities) {
+      return [];
+    }
+
+    let filtered = allUniversities;
+
+    // homeUniversityName 필터링
+    if (homeUniversityName) {
+      filtered = filtered.filter((university) =>
+        isMatchedHomeUniversityName(university.homeUniversityName, homeUniversityName),
+      );
+    }
+
+    // 검색어 필터링
+    if (normalizedSearchValue) {
+      filtered = filtered.filter((university) => university.koreanName.toLowerCase().includes(normalizedSearchValue));
+    }
+
+    return filtered;
+  }, [allUniversities, searchValue, homeUniversityName]);
+
+  return {
+    data: filteredUniversities,
+    isLoading,
+    isError,
+    error,
+    totalCount: allUniversities?.length || 0,
+  };
+};
+
+export default useUniversitySearch;
diff --git a/apps/university-web/src/apis/universities/getUniversityDetail.ts b/apps/university-web/src/apis/universities/getUniversityDetail.ts
new file mode 100644
index 00000000..e5a3c6d1
--- /dev/null
+++ b/apps/university-web/src/apis/universities/getUniversityDetail.ts
@@ -0,0 +1,20 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import type { University } from "@/types/university";
+import { QueryKeys } from "../queryKeys";
+import { type UniversityDetailResponse, universitiesApi } from "./api";
+
+/**
+ * @description 대학 상세 조회를 위한 useQuery 커스텀 훅
+ * @param universityInfoForApplyId - 대학 ID
+ */
+const useGetUniversityDetail = (universityInfoForApplyId: number) => {
+  return useQuery<UniversityDetailResponse, AxiosError, University>({
+    queryKey: [QueryKeys.universities.universityDetail, universityInfoForApplyId],
+    queryFn: () => universitiesApi.getUniversityDetail({ univApplyInfoId: universityInfoForApplyId }),
+    enabled: !!universityInfoForApplyId,
+    select: (data) => data as unknown as University,
+  });
+};
+
+export default useGetUniversityDetail;
diff --git a/apps/university-web/src/apis/universities/getWishList.ts b/apps/university-web/src/apis/universities/getWishList.ts
new file mode 100644
index 00000000..3bd08cf7
--- /dev/null
+++ b/apps/university-web/src/apis/universities/getWishList.ts
@@ -0,0 +1,21 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import type { ListUniversity } from "@/types/university";
+import { QueryKeys } from "../queryKeys";
+import { universitiesApi, type WishListResponse } from "./api";
+
+/**
+ * @description 내 위시리스트 대학 목록 조회를 위한 useQuery 커스텀 훅
+ * @param enabled - 쿼리 활성화 여부
+ */
+const useGetWishList = (enabled: boolean = true) => {
+  return useQuery<WishListResponse, AxiosError, ListUniversity[]>({
+    queryKey: [QueryKeys.universities.wishList],
+    queryFn: () => universitiesApi.getWishList({}),
+    staleTime: 1000 * 60 * 5,
+    select: (data) => data as unknown as ListUniversity[],
+    enabled,
+  });
+};
+
+export default useGetWishList;
diff --git a/apps/university-web/src/apis/universities/index.ts b/apps/university-web/src/apis/universities/index.ts
new file mode 100644
index 00000000..95a44032
--- /dev/null
+++ b/apps/university-web/src/apis/universities/index.ts
@@ -0,0 +1,10 @@
+export { universitiesApi } from "./api";
+export { default as useDeleteWish } from "./deleteWish";
+export { default as useGetByRegionCountry } from "./getByRegionCountry";
+export { default as useGetIsWish } from "./getIsWish";
+export { default as useGetRecommendedUniversities } from "./getRecommendedUniversities";
+export { default as useGetUniversitySearchByFilter, type UniversitySearchFilterParams } from "./getSearchFilter";
+export { default as useUniversitySearch } from "./getSearchText";
+export { default as useGetUniversityDetail } from "./getUniversityDetail";
+export { default as useGetWishList } from "./getWishList";
+export { default as usePostAddWish } from "./postAddWish";
diff --git a/apps/university-web/src/apis/universities/postAddWish.ts b/apps/university-web/src/apis/universities/postAddWish.ts
new file mode 100644
index 00000000..59645505
--- /dev/null
+++ b/apps/university-web/src/apis/universities/postAddWish.ts
@@ -0,0 +1,21 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type AddWishResponse, universitiesApi } from "./api";
+
+/**
+ * @description 위시리스트에 학교를 추가하는 useMutation 커스텀 훅
+ */
+const usePostAddWish = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<AddWishResponse, AxiosError, number>({
+    mutationFn: (universityInfoForApplyId) =>
+      universitiesApi.postAddWish({ univApplyInfoId: universityInfoForApplyId }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: [QueryKeys.universities.wishList] });
+    },
+  });
+};
+
+export default usePostAddWish;
diff --git a/apps/university-web/src/apis/universities/server/assertUniversitySsgResponse.ts b/apps/university-web/src/apis/universities/server/assertUniversitySsgResponse.ts
new file mode 100644
index 00000000..7e861e1e
--- /dev/null
+++ b/apps/university-web/src/apis/universities/server/assertUniversitySsgResponse.ts
@@ -0,0 +1,16 @@
+import type { ServerFetchResult } from "@/utils/serverFetchUtil";
+
+const MAX_ERROR_PREVIEW_LENGTH = 300;
+
+export const assertUniversitySsgResponse = <T>(response: ServerFetchResult<T>, context: string): T => {
+  if (response.ok) {
+    return response.data;
+  }
+
+  const errorPreview =
+    response.error.length > MAX_ERROR_PREVIEW_LENGTH
+      ? `${response.error.slice(0, MAX_ERROR_PREVIEW_LENGTH)}...`
+      : response.error;
+
+  throw new Error(`[university-web SSG] ${context} failed with ${response.status}: ${errorPreview}`);
+};
diff --git a/apps/university-web/src/apis/universities/server/getRecommendedUniversity.ts b/apps/university-web/src/apis/universities/server/getRecommendedUniversity.ts
new file mode 100644
index 00000000..26372b73
--- /dev/null
+++ b/apps/university-web/src/apis/universities/server/getRecommendedUniversity.ts
@@ -0,0 +1,17 @@
+import type { ListUniversity } from "@/types/university";
+import serverFetch from "@/utils/serverFetchUtil";
+
+type GetRecommendedUniversityResponse = { recommendedUniversities: ListUniversity[] };
+
+const getRecommendedUniversity = async () => {
+  const endpoint = "/univ-apply-infos/recommend";
+
+  const res = await serverFetch<GetRecommendedUniversityResponse>(endpoint);
+
+  if (!res.ok) {
+  }
+
+  return res;
+};
+
+export default getRecommendedUniversity;
diff --git a/apps/university-web/src/apis/universities/server/getSearchUniversitiesByFilter.ts b/apps/university-web/src/apis/universities/server/getSearchUniversitiesByFilter.ts
new file mode 100644
index 00000000..a6b5dee7
--- /dev/null
+++ b/apps/university-web/src/apis/universities/server/getSearchUniversitiesByFilter.ts
@@ -0,0 +1,50 @@
+import { URLSearchParams } from "node:url";
+import type { CountryCode, LanguageTestType, ListUniversity } from "@/types/university";
+import serverFetch from "@/utils/serverFetchUtil";
+import { assertUniversitySsgResponse } from "./assertUniversitySsgResponse";
+
+interface UniversitySearchResponse {
+  univApplyInfoPreviews: ListUniversity[];
+}
+
+/**
+ * 필터 검색에 사용될 파라미터 타입
+ */
+export interface UniversitySearchFilterParams {
+  languageTestType?: LanguageTestType;
+  testScore?: number;
+  countryCode?: CountryCode[];
+}
+
+export const getSearchUniversitiesByFilter = async (
+  filters: UniversitySearchFilterParams,
+): Promise<ListUniversity[]> => {
+  const params = new URLSearchParams();
+
+  if (filters.languageTestType) {
+    params.append("languageTestType", filters.languageTestType);
+  }
+  if (filters.testScore !== undefined) {
+    params.append("testScore", String(filters.testScore));
+  }
+  // countryCode는 여러 개일 수 있으므로 각각 append 해줍니다.
+  if (filters.countryCode) {
+    filters.countryCode.forEach((code) => params.append("countryCode", code));
+  }
+
+  // 필터 값이 하나도 없으면 빈 배열을 반환합니다.
+  if (params.size === 0) {
+    return [];
+  }
+
+  const endpoint = `/univ-apply-infos/search/filter?${params.toString()}`;
+  const response = await serverFetch<UniversitySearchResponse>(endpoint);
+  return assertUniversitySsgResponse(response, `search universities by filter (${params.toString()})`)
+    .univApplyInfoPreviews;
+};
+
+export const getSearchUniversitiesAllRegions = async (): Promise<ListUniversity[]> => {
+  const endpoint = `/univ-apply-infos/search/text?value=`;
+  const response = await serverFetch<UniversitySearchResponse>(endpoint);
+  return assertUniversitySsgResponse(response, "search all universities").univApplyInfoPreviews;
+};
diff --git a/apps/university-web/src/apis/universities/server/getSearchUniversitiesByText.ts b/apps/university-web/src/apis/universities/server/getSearchUniversitiesByText.ts
new file mode 100644
index 00000000..45dfa54a
--- /dev/null
+++ b/apps/university-web/src/apis/universities/server/getSearchUniversitiesByText.ts
@@ -0,0 +1,45 @@
+import { type AllRegionsUniversityList, type ListUniversity, RegionEnumExtend } from "@/types/university";
+import serverFetch from "@/utils/serverFetchUtil";
+import { assertUniversitySsgResponse } from "./assertUniversitySsgResponse";
+
+// --- 타입 정의 ---
+interface UniversitySearchResponse {
+  univApplyInfoPreviews: ListUniversity[];
+}
+
+export const getUniversitiesByText = async (value: string): Promise<ListUniversity[]> => {
+  if (value === null || value === undefined) {
+    return [];
+  }
+  const endpoint = `/univ-apply-infos/search/text?value=${encodeURIComponent(value)}`;
+  const response = await serverFetch<UniversitySearchResponse>(endpoint);
+  return assertUniversitySsgResponse(response, `search universities by text "${value}"`).univApplyInfoPreviews;
+};
+
+export const getAllUniversities = async (): Promise<ListUniversity[]> => {
+  return getUniversitiesByText("");
+};
+
+export const getCategorizedUniversities = async (): Promise<AllRegionsUniversityList> => {
+  // 1. 단 한 번의 API 호출로 모든 대학 데이터를 가져옵니다.
+  const allUniversities = await getAllUniversities();
+
+  const categorizedList: AllRegionsUniversityList = {
+    [RegionEnumExtend.ALL]: allUniversities,
+    [RegionEnumExtend.AMERICAS]: [],
+    [RegionEnumExtend.EUROPE]: [],
+    [RegionEnumExtend.ASIA]: [],
+    [RegionEnumExtend.CHINA]: [],
+  };
+  if (!allUniversities) return categorizedList;
+
+  for (const university of allUniversities) {
+    const region = university.region as RegionEnumExtend; // API 응답의 region 타입을 enum으로 간주
+
+    if (region && Object.hasOwn(categorizedList, region)) {
+      categorizedList[region].push(university);
+    }
+  }
+
+  return categorizedList;
+};
diff --git a/apps/university-web/src/apis/universities/server/getUniversityDetail.ts b/apps/university-web/src/apis/universities/server/getUniversityDetail.ts
new file mode 100644
index 00000000..4dbfa715
--- /dev/null
+++ b/apps/university-web/src/apis/universities/server/getUniversityDetail.ts
@@ -0,0 +1,47 @@
+import type { University } from "@/types/university";
+import serverFetch from "@/utils/serverFetchUtil";
+import { assertUniversitySsgResponse } from "./assertUniversitySsgResponse";
+
+type UniversityDetailFetchSuccess = {
+  ok: true;
+  status: number;
+  data: University;
+};
+
+type UniversityDetailFetchFailure = {
+  ok: false;
+  status: number;
+  error: string;
+};
+
+export type UniversityDetailFetchResult = UniversityDetailFetchSuccess | UniversityDetailFetchFailure;
+
+export const getUniversityDetailWithStatus = async (
+  universityInfoForApplyId: number,
+): Promise<UniversityDetailFetchResult> => {
+  const result = await serverFetch<University>(`/univ-apply-infos/${universityInfoForApplyId}`);
+
+  if (!result.ok) {
+    return {
+      ok: false,
+      status: result.status,
+      error: result.error,
+    };
+  }
+
+  return {
+    ok: true,
+    status: result.status,
+    data: result.data,
+  };
+};
+
+export const getUniversityDetailForSsg = async (universityInfoForApplyId: number): Promise<University> => {
+  const result = await serverFetch<University>(`/univ-apply-infos/${universityInfoForApplyId}`);
+  return assertUniversitySsgResponse(result, `get university detail ${universityInfoForApplyId}`);
+};
+
+export const getUniversityDetail = async (universityInfoForApplyId: number): Promise<University | undefined> => {
+  const result = await getUniversityDetailWithStatus(universityInfoForApplyId);
+  return result.ok ? result.data : undefined;
+};
diff --git a/apps/university-web/src/apis/universities/server/index.ts b/apps/university-web/src/apis/universities/server/index.ts
new file mode 100644
index 00000000..f8993606
--- /dev/null
+++ b/apps/university-web/src/apis/universities/server/index.ts
@@ -0,0 +1,14 @@
+// Server-side exports
+export { default as getRecommendedUniversity } from "./getRecommendedUniversity";
+export {
+  getSearchUniversitiesAllRegions,
+  getSearchUniversitiesByFilter,
+  type UniversitySearchFilterParams,
+} from "./getSearchUniversitiesByFilter";
+export { getAllUniversities, getCategorizedUniversities, getUniversitiesByText } from "./getSearchUniversitiesByText";
+export {
+  getUniversityDetail,
+  getUniversityDetailForSsg,
+  getUniversityDetailWithStatus,
+  type UniversityDetailFetchResult,
+} from "./getUniversityDetail";
diff --git a/apps/university-web/src/apis/users/api.ts b/apps/university-web/src/apis/users/api.ts
new file mode 100644
index 00000000..0fca8aef
--- /dev/null
+++ b/apps/university-web/src/apis/users/api.ts
@@ -0,0 +1,52 @@
+import { axiosInstance } from "@/utils/axiosInstance";
+
+export interface NicknameExistsResponse {
+  exists: boolean;
+}
+
+export type BlockUserResponse = undefined;
+
+export type BlockUserRequest = Record<string, never>;
+
+export type UnblockUserRequest = Record<string, never>;
+
+export type UnblockUserResponse = undefined;
+
+export interface BlockedUsersResponseContentItem {
+  id: number;
+  blockedId: number;
+  nickname: string;
+  createdAt: string;
+}
+
+export interface BlockedUsersResponse {
+  content: BlockedUsersResponseContentItem[];
+  nextPageNumber: number;
+}
+
+export const usersApi = {
+  getNicknameExists: async (params: { params?: Record<string, unknown> }): Promise<NicknameExistsResponse> => {
+    const res = await axiosInstance.get<NicknameExistsResponse>(`/users/exists?nickname=abc`, {
+      params: params?.params,
+    });
+    return res.data;
+  },
+
+  postBlockUser: async (params: {
+    blockedId: string | number;
+    data?: BlockUserRequest;
+  }): Promise<BlockUserResponse> => {
+    const res = await axiosInstance.post<BlockUserResponse>(`/users/block/${params.blockedId}`, params?.data);
+    return res.data;
+  },
+
+  deleteUnblockUser: async (params: { blockedId: string | number }): Promise<UnblockUserResponse> => {
+    const res = await axiosInstance.delete<UnblockUserResponse>(`/users/block/${params.blockedId}`);
+    return res.data;
+  },
+
+  getBlockedUsers: async (params: { params?: Record<string, unknown> }): Promise<BlockedUsersResponse> => {
+    const res = await axiosInstance.get<BlockedUsersResponse>(`/users/blocks`, { params: params?.params });
+    return res.data;
+  },
+};
diff --git a/apps/university-web/src/apis/users/deleteUnblockUser.ts b/apps/university-web/src/apis/users/deleteUnblockUser.ts
new file mode 100644
index 00000000..b46b67db
--- /dev/null
+++ b/apps/university-web/src/apis/users/deleteUnblockUser.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type UnblockUserRequest, type UnblockUserResponse, usersApi } from "./api";
+
+const useDeleteUnblockUser = () => {
+  return useMutation<UnblockUserResponse, AxiosError, { blockedId: string | number; data: UnblockUserRequest }>({
+    mutationFn: (variables) => usersApi.deleteUnblockUser(variables),
+  });
+};
+
+export default useDeleteUnblockUser;
diff --git a/apps/university-web/src/apis/users/getBlockedUsers.ts b/apps/university-web/src/apis/users/getBlockedUsers.ts
new file mode 100644
index 00000000..44bc7b51
--- /dev/null
+++ b/apps/university-web/src/apis/users/getBlockedUsers.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type BlockedUsersResponse, usersApi } from "./api";
+
+const useGetBlockedUsers = (params?: Record<string, unknown>) => {
+  return useQuery<BlockedUsersResponse, AxiosError>({
+    queryKey: [QueryKeys.users.blockedUsers, params],
+    queryFn: () => usersApi.getBlockedUsers(params ? { params } : {}),
+  });
+};
+
+export default useGetBlockedUsers;
diff --git a/apps/university-web/src/apis/users/getNicknameExists.ts b/apps/university-web/src/apis/users/getNicknameExists.ts
new file mode 100644
index 00000000..86224fd4
--- /dev/null
+++ b/apps/university-web/src/apis/users/getNicknameExists.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { QueryKeys } from "../queryKeys";
+import { type NicknameExistsResponse, usersApi } from "./api";
+
+const useGetNicknameExists = (params?: Record<string, unknown>) => {
+  return useQuery<NicknameExistsResponse, AxiosError>({
+    queryKey: [QueryKeys.users.nicknameExists, params],
+    queryFn: () => usersApi.getNicknameExists(params ? { params } : {}),
+  });
+};
+
+export default useGetNicknameExists;
diff --git a/apps/university-web/src/apis/users/index.ts b/apps/university-web/src/apis/users/index.ts
new file mode 100644
index 00000000..ff51c891
--- /dev/null
+++ b/apps/university-web/src/apis/users/index.ts
@@ -0,0 +1,5 @@
+export { usersApi } from "./api";
+export { default as deleteUnblockUser } from "./deleteUnblockUser";
+export { default as getBlockedUsers } from "./getBlockedUsers";
+export { default as getNicknameExists } from "./getNicknameExists";
+export { default as postBlockUser } from "./postBlockUser";
diff --git a/apps/university-web/src/apis/users/postBlockUser.ts b/apps/university-web/src/apis/users/postBlockUser.ts
new file mode 100644
index 00000000..1c6fde9d
--- /dev/null
+++ b/apps/university-web/src/apis/users/postBlockUser.ts
@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { type BlockUserRequest, type BlockUserResponse, usersApi } from "./api";
+
+const usePostBlockUser = () => {
+  return useMutation<BlockUserResponse, AxiosError, { blockedId: string | number; data: BlockUserRequest }>({
+    mutationFn: (variables) => usersApi.postBlockUser(variables),
+  });
+};
+
+export default usePostBlockUser;
diff --git a/apps/university-web/src/app/apple-icon.png b/apps/university-web/src/app/apple-icon.png
new file mode 100644
index 00000000..7e0ef844
Binary files /dev/null and b/apps/university-web/src/app/apple-icon.png differ
diff --git a/apps/university-web/src/app/favicon.ico b/apps/university-web/src/app/favicon.ico
new file mode 100644
index 00000000..ec7d51d1
Binary files /dev/null and b/apps/university-web/src/app/favicon.ico differ
diff --git a/apps/university-web/src/app/global-error.tsx b/apps/university-web/src/app/global-error.tsx
new file mode 100644
index 00000000..a2db9ba6
--- /dev/null
+++ b/apps/university-web/src/app/global-error.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+// Error boundaries must be Client Components
+
+const GlobalError = ({ error }: { error: Error & { digest?: string } }) => {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+};
+
+export default GlobalError;
diff --git a/apps/university-web/src/app/icon.png b/apps/university-web/src/app/icon.png
new file mode 100644
index 00000000..7e0ef844
Binary files /dev/null and b/apps/university-web/src/app/icon.png differ
diff --git a/apps/university-web/src/app/layout.tsx b/apps/university-web/src/app/layout.tsx
new file mode 100644
index 00000000..33b8d0e2
--- /dev/null
+++ b/apps/university-web/src/app/layout.tsx
@@ -0,0 +1,92 @@
+import type { Metadata, Viewport } from "next";
+import localFont from "next/font/local";
+import type { ReactNode } from "react";
+import { Toaster } from "react-hot-toast";
+
+import GlobalLayout from "@/components/layout/GlobalLayout";
+import ReissueProvider from "@/components/layout/ReissueProvider";
+import QueryProvider from "@/lib/react-query/QueryProvider";
+import AppleScriptLoader from "@/lib/ScriptLoader/AppleScriptLoader";
+import "@/styles/globals.css";
+import { GoogleAnalytics } from "@next/third-parties/google";
+import { SpeedInsights } from "@vercel/speed-insights/next";
+
+const siteUrl = process.env.NEXT_PUBLIC_WEB_URL || "https://solid-connection.com";
+
+export const metadata: Metadata = {
+  metadataBase: new URL(siteUrl),
+  title: "솔리드 커넥션",
+  description: "솔리드 커넥션. 교환학생의 첫 걸음",
+  verification: {
+    other: {
+      "naver-site-verification": "dd46eae7f62548ac6d6fc34647df8e2bea591e62",
+    },
+  },
+};
+
+const pretendard = localFont({
+  src: "../../public/fonts/PretendardVariable.woff2",
+  display: "swap",
+  weight: "45 920",
+  variable: "--font-pretendard",
+  preload: true,
+  fallback: [
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Apple SD Gothic Neo",
+    "Malgun Gothic",
+    "맑은 고딕",
+    "sans-serif",
+  ],
+});
+
+declare global {
+  interface Window {
+    Kakao: {
+      init: (key: string) => void;
+      Auth: {
+        authorize: (options: { redirectUri: string }) => void;
+      };
+    };
+    AppleID: {
+      auth: {
+        init: (config: object) => void;
+        signIn: () => Promise<unknown>;
+      };
+    };
+  }
+}
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 5,
+  userScalable: true,
+  viewportFit: "cover", // iOS Safe Area support
+};
+
+const RootLayout = ({ children }: { children: ReactNode }) => (
+  <html lang="ko" className={pretendard.variable}>
+    <body className={pretendard.className}>
+      <AppleScriptLoader />
+      <GoogleAnalytics gaId="G-V1KLYZC1DS" />
+      <SpeedInsights />
+      <QueryProvider>
+        <ReissueProvider>
+          <GlobalLayout>{children}</GlobalLayout>
+        </ReissueProvider>
+        <Toaster
+          position="top-center"
+          gutter={8}
+          containerStyle={{ top: 68 }}
+          toastOptions={{
+            duration: 3000,
+          }}
+        />
+      </QueryProvider>
+    </body>
+  </html>
+);
+
+export default RootLayout;
diff --git a/apps/university-web/src/app/not-found.tsx b/apps/university-web/src/app/not-found.tsx
new file mode 100644
index 00000000..8e396ff0
--- /dev/null
+++ b/apps/university-web/src/app/not-found.tsx
@@ -0,0 +1,14 @@
+import { IconNotFound } from "@/public/svgs/loading";
+
+const NotFoundPage = () => {
+  return (
+    <div className="flex flex-col items-center justify-center">
+      <IconNotFound />
+      <div className="mt-8">
+        <span className="font-serif typo-sb-7">{"존재하지 않는 페이지입니다"}</span>
+      </div>
+    </div>
+  );
+};
+
+export default NotFoundPage;
diff --git a/apps/university-web/src/app/opengraph-image.png b/apps/university-web/src/app/opengraph-image.png
new file mode 100644
index 00000000..ad66adf9
Binary files /dev/null and b/apps/university-web/src/app/opengraph-image.png differ
diff --git a/apps/university-web/src/app/robots.ts b/apps/university-web/src/app/robots.ts
new file mode 100644
index 00000000..a4c63744
--- /dev/null
+++ b/apps/university-web/src/app/robots.ts
@@ -0,0 +1,34 @@
+import type { MetadataRoute } from "next";
+
+const DEFAULT_SITE_URL = "https://www.solid-connection.com";
+
+const getSiteUrl = () => (process.env.NEXT_PUBLIC_WEB_URL ?? DEFAULT_SITE_URL).replace(/\/$/, "");
+
+export default function robots(): MetadataRoute.Robots {
+  const siteUrl = getSiteUrl();
+  const vercelEnv = process.env.VERCEL_ENV;
+  const isNonIndexEnvironment =
+    vercelEnv === "preview" ||
+    vercelEnv === "development" ||
+    siteUrl.includes("stage") ||
+    siteUrl.includes("localhost") ||
+    siteUrl.includes("127.0.0.1");
+
+  if (isNonIndexEnvironment) {
+    return {
+      rules: {
+        userAgent: "*",
+        disallow: "/",
+      },
+    };
+  }
+
+  return {
+    rules: {
+      userAgent: "*",
+      allow: "/",
+    },
+    sitemap: `${siteUrl}/sitemap.xml`,
+    host: new URL(siteUrl).host,
+  };
+}
diff --git a/apps/university-web/src/app/sitemap.ts b/apps/university-web/src/app/sitemap.ts
new file mode 100644
index 00000000..b3f1231b
--- /dev/null
+++ b/apps/university-web/src/app/sitemap.ts
@@ -0,0 +1,38 @@
+import type { MetadataRoute } from "next";
+
+import { HOME_UNIVERSITY_SLUGS } from "@/constants/university";
+
+const DEFAULT_SITE_URL = "https://www.solid-connection.com";
+
+const getSiteUrl = () => (process.env.NEXT_PUBLIC_WEB_URL ?? DEFAULT_SITE_URL).replace(/\/$/, "");
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const siteUrl = getSiteUrl();
+
+  if (siteUrl.includes("stage") || siteUrl.includes("localhost") || siteUrl.includes("127.0.0.1")) {
+    return [];
+  }
+
+  const lastModified = new Date();
+
+  return [
+    {
+      url: `${siteUrl}/university`,
+      lastModified,
+      changeFrequency: "weekly",
+      priority: 0.8,
+    },
+    {
+      url: `${siteUrl}/university/search`,
+      lastModified,
+      changeFrequency: "weekly",
+      priority: 0.6,
+    },
+    ...HOME_UNIVERSITY_SLUGS.map((slug) => ({
+      url: `${siteUrl}/university/${slug}`,
+      lastModified,
+      changeFrequency: "weekly" as const,
+      priority: 0.7,
+    })),
+  ];
+}
diff --git a/apps/web/src/app/university/(home)/_ui/HomeUniversityCard.tsx b/apps/university-web/src/app/university/(home)/_ui/HomeUniversityCard.tsx
similarity index 100%
rename from apps/web/src/app/university/(home)/_ui/HomeUniversityCard.tsx
rename to apps/university-web/src/app/university/(home)/_ui/HomeUniversityCard.tsx
diff --git a/apps/web/src/app/university/(home)/layout.tsx b/apps/university-web/src/app/university/(home)/layout.tsx
similarity index 100%
rename from apps/web/src/app/university/(home)/layout.tsx
rename to apps/university-web/src/app/university/(home)/layout.tsx
diff --git a/apps/web/src/app/university/(home)/page.tsx b/apps/university-web/src/app/university/(home)/page.tsx
similarity index 96%
rename from apps/web/src/app/university/(home)/page.tsx
rename to apps/university-web/src/app/university/(home)/page.tsx
index 9e37d4d4..d94a2cc9 100644
--- a/apps/web/src/app/university/(home)/page.tsx
+++ b/apps/university-web/src/app/university/(home)/page.tsx
@@ -5,7 +5,7 @@ import { createUrl } from "@/utils/seo";
 
 import HomeUniversityCard from "./_ui/HomeUniversityCard";
 
-export const revalidate = 3600; // 1시간마다 재검증 (ISR)
+export const revalidate = false;
 
 export const metadata: Metadata = {
   title: "대학 선택 | 솔리드커넥션",
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/InfoSection.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/InfoSection.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/InfoSection.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/InfoSection.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/LanguageSection.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/LanguageSection.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/LanguageSection.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/LanguageSection.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/MapSection.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/MapSection.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/MapSection.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/MapSection.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/TitleSection.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/TitleSection.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/TitleSection.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/TitleSection.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/UniversityBtns.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/UniversityBtns.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/UniversityBtns.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/_ui/UniversityBtns.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/index.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/index.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/index.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetail/index.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetailPreparingFallback.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetailPreparingFallback.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetailPreparingFallback.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/_ui/UniversityDetailPreparingFallback.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/[id]/page.tsx b/apps/university-web/src/app/university/[homeUniversity]/[id]/page.tsx
similarity index 80%
rename from apps/web/src/app/university/[homeUniversity]/[id]/page.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/[id]/page.tsx
index 9734afd1..7668f157 100644
--- a/apps/web/src/app/university/[homeUniversity]/[id]/page.tsx
+++ b/apps/university-web/src/app/university/[homeUniversity]/[id]/page.tsx
@@ -1,17 +1,19 @@
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 
-import { getAllUniversities, getUniversityDetail, getUniversityDetailWithStatus } from "@/apis/universities/server";
+import { getAllUniversities, getUniversityDetailWithStatus } from "@/apis/universities/server";
 import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
 import { getHomeUniversityBySlug, HOME_UNIVERSITY_SLUGS, isMatchedHomeUniversityName } from "@/constants/university";
 import type { HomeUniversitySlug } from "@/types/university";
-import { createAbsoluteUrl, createUrl, NO_INDEX_ROBOTS } from "@/utils/seo";
+import { normalizeImageUrlToUploadCdn } from "@/utils/cdnUrl";
+import { createUrl, NO_INDEX_ROBOTS } from "@/utils/seo";
 
 // UniversityDetail 컴포넌트
 import UniversityDetail from "./_ui/UniversityDetail";
 import UniversityDetailPreparingFallback from "./_ui/UniversityDetailPreparingFallback";
 
 export const revalidate = false; // 완전 정적 생성
+export const dynamicParams = false;
 
 // 모든 homeUniversity + id 조합에 대해 정적 경로 생성
 export async function generateStaticParams() {
@@ -44,28 +46,56 @@ type PageProps = {
   params: Promise<{ homeUniversity: string; id: string }>;
 };
 
+const resolveMetadataImageUrl = (backgroundImageUrl: string | null | undefined) => {
+  const normalizedImageUrl = normalizeImageUrlToUploadCdn(backgroundImageUrl);
+
+  if (!normalizedImageUrl) {
+    return createUrl("/images/article-thumb.png");
+  }
+
+  if (normalizedImageUrl.startsWith("http")) {
+    return normalizedImageUrl;
+  }
+
+  return createUrl(normalizedImageUrl);
+};
+
 export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
   const { homeUniversity, id } = await params;
 
   // 유효한 슬러그인지 확인
   if (!HOME_UNIVERSITY_SLUGS.includes(homeUniversity as HomeUniversitySlug)) {
-    return { title: "파견 학교 상세" };
+    return {
+      title: "파견 학교 상세",
+      robots: NO_INDEX_ROBOTS,
+    };
   }
 
-  const universityData = await getUniversityDetail(Number(id));
+  const universityId = Number(id);
 
-  if (!universityData) {
+  if (Number.isNaN(universityId)) {
     return {
       title: "파견 학교 상세",
       robots: NO_INDEX_ROBOTS,
     };
   }
 
+  const universityDetailResult = await getUniversityDetailWithStatus(universityId);
+
+  if (!universityDetailResult.ok) {
+    return {
+      title: "파견 학교 상세",
+      robots: NO_INDEX_ROBOTS,
+    };
+  }
+
+  const universityData = universityDetailResult.data;
+
   const homeUniversityInfo = getHomeUniversityBySlug(homeUniversity);
   const convertedKoreanName = universityData.koreanName;
 
   const pageUrl = createUrl(`/university/${homeUniversity}/${id}`);
-  const imageUrl = createAbsoluteUrl(universityData.backgroundImageUrl, "/images/article-thumb.png");
+  const imageUrl = resolveMetadataImageUrl(universityData.backgroundImageUrl);
 
   const countryExchangeKeyword = `${universityData.country} 교환학생`;
   const description = `${convertedKoreanName}(${universityData.englishName}) ${countryExchangeKeyword} 프로그램. 모집인원 ${universityData.studentCapacity}명. ${homeUniversityInfo?.shortName || ""} 학생을 위한 교환학생 정보.`;
@@ -149,7 +179,7 @@ const CollegeDetailPage = async ({ params }: PageProps) => {
     alternateName: universityData.englishName,
     url: pageUrl,
     description: `${convertedKoreanName}(${universityData.englishName}) ${countryExchangeKeyword} 프로그램 정보`,
-    image: createAbsoluteUrl(universityData.backgroundImageUrl, "/images/article-thumb.png"),
+    image: resolveMetadataImageUrl(universityData.backgroundImageUrl),
   };
 
   return (
diff --git a/apps/university-web/src/app/university/[homeUniversity]/_ui/RegionFilter.tsx b/apps/university-web/src/app/university/[homeUniversity]/_ui/RegionFilter.tsx
new file mode 100644
index 00000000..8f524966
--- /dev/null
+++ b/apps/university-web/src/app/university/[homeUniversity]/_ui/RegionFilter.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import clsx from "clsx";
+
+import { RegionEnumExtend } from "@/types/university";
+
+const REGIONS = [
+  { value: RegionEnumExtend.ALL, label: "전체" },
+  { value: RegionEnumExtend.AMERICAS, label: "미주권" },
+  { value: RegionEnumExtend.EUROPE, label: "유럽권" },
+  { value: RegionEnumExtend.ASIA, label: "아시아권" },
+  { value: RegionEnumExtend.CHINA, label: "중국권" },
+] as const;
+
+interface RegionFilterProps {
+  selectedRegions: RegionEnumExtend[];
+  onRegionChange: (region: RegionEnumExtend) => void;
+}
+
+const RegionFilter = ({ selectedRegions, onRegionChange }: RegionFilterProps) => {
+  return (
+    <div className="mb-4 flex gap-2 overflow-x-auto pb-1">
+      {REGIONS.map(({ value, label }) => {
+        const isSelected = selectedRegions.includes(value);
+
+        return (
+          <button
+            key={value}
+            type="button"
+            onClick={() => onRegionChange(value)}
+            className={clsx(
+              "whitespace-nowrap rounded-full border px-4 py-2 transition-colors typo-medium-4",
+              isSelected
+                ? "border-primary bg-primary-100 text-primary"
+                : "border-k-100 bg-k-50 text-k-500 hover:border-k-200 hover:bg-k-100",
+            )}
+          >
+            {label}
+          </button>
+        );
+      })}
+    </div>
+  );
+};
+
+export default RegionFilter;
diff --git a/apps/web/src/app/university/[homeUniversity]/_ui/SearchBar.tsx b/apps/university-web/src/app/university/[homeUniversity]/_ui/SearchBar.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/_ui/SearchBar.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/_ui/SearchBar.tsx
diff --git a/apps/university-web/src/app/university/[homeUniversity]/_ui/UniversityListContent.tsx b/apps/university-web/src/app/university/[homeUniversity]/_ui/UniversityListContent.tsx
new file mode 100644
index 00000000..87976a49
--- /dev/null
+++ b/apps/university-web/src/app/university/[homeUniversity]/_ui/UniversityListContent.tsx
@@ -0,0 +1,193 @@
+"use client";
+
+import Link from "next/link";
+import { useSearchParams } from "next/navigation";
+import { Suspense, useEffect, useMemo, useState } from "react";
+
+import FloatingUpBtn from "@/components/ui/FloatingUpBtn";
+import UniversityCards from "@/components/university/UniversityCards";
+import { COUNTRY_CODE_MAP } from "@/constants/university";
+import { IconSearch } from "@/public/svgs/search";
+import {
+  type CountryCode,
+  type HomeUniversitySlug,
+  LanguageTestType,
+  type ListUniversity,
+  RegionEnumExtend,
+} from "@/types/university";
+
+import RegionFilter from "./RegionFilter";
+import SearchBar from "./SearchBar";
+
+interface UniversityListContentProps {
+  universities: ListUniversity[];
+  homeUniversitySlug: HomeUniversitySlug;
+}
+
+const isCountryCode = (value: string): value is CountryCode => Object.hasOwn(COUNTRY_CODE_MAP, value);
+
+const isRegionFilterValue = (value: string): value is RegionEnumExtend =>
+  value === RegionEnumExtend.ALL ||
+  value === RegionEnumExtend.AMERICAS ||
+  value === RegionEnumExtend.EUROPE ||
+  value === RegionEnumExtend.ASIA ||
+  value === RegionEnumExtend.CHINA;
+
+const isLanguageTestType = (value: string | null): value is LanguageTestType =>
+  value !== null && Object.values(LanguageTestType).includes(value as LanguageTestType);
+
+const REGION_FILTER_ITEMS = [
+  { value: RegionEnumExtend.ALL, label: "전체" },
+  { value: RegionEnumExtend.AMERICAS, label: "미주권" },
+  { value: RegionEnumExtend.EUROPE, label: "유럽권" },
+  { value: RegionEnumExtend.ASIA, label: "아시아권" },
+  { value: RegionEnumExtend.CHINA, label: "중국권" },
+] as const;
+
+const UniversityListPrerenderFallback = ({ universities, homeUniversitySlug }: UniversityListContentProps) => (
+  <div className="px-5">
+    <div className="mb-4 mt-2">
+      <div className="flex items-center gap-2 rounded-lg border border-k-100 bg-k-50 px-4 py-3 text-k-400">
+        <IconSearch className="h-5 w-5" />
+        <span className="flex-1 typo-medium-4">학교명 또는 국가 검색</span>
+      </div>
+
+      <Link
+        href={`/university/${homeUniversitySlug}/search`}
+        className="mt-2 flex items-center justify-end gap-1 text-k-500 typo-medium-5 hover:text-primary"
+      >
+        <span>조건 검색</span>
+        <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path
+            d="M4.5 9L7.5 6L4.5 3"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      </Link>
+    </div>
+
+    <div className="mb-4 flex gap-2 overflow-x-auto pb-1">
+      {REGION_FILTER_ITEMS.map(({ value, label }) => (
+        <span
+          key={value}
+          className={
+            value === RegionEnumExtend.ALL
+              ? "whitespace-nowrap rounded-full border border-primary bg-primary-100 px-4 py-2 text-primary typo-medium-4"
+              : "whitespace-nowrap rounded-full border border-k-100 bg-k-50 px-4 py-2 text-k-500 typo-medium-4"
+          }
+        >
+          {label}
+        </span>
+      ))}
+    </div>
+
+    <div className="mb-3 text-k-500 typo-medium-4">
+      총 <span className="text-primary typo-bold-4">{universities.length}</span>개 학교
+    </div>
+
+    {universities.length === 0 ? (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-k-400 typo-medium-3">검색 결과가 없습니다.</p>
+        <p className="mt-1 text-k-300 typo-medium-4">다른 검색어나 필터를 시도해보세요.</p>
+      </div>
+    ) : (
+      <UniversityCards colleges={universities} className="mt-3" linkPrefix={`/university/${homeUniversitySlug}`} />
+    )}
+  </div>
+);
+
+const UniversityListContentInner = ({ universities, homeUniversitySlug }: UniversityListContentProps) => {
+  const searchParams = useSearchParams();
+  const querySearchText = searchParams.get("searchText") ?? "";
+  const languageTestTypeParam = searchParams.get("languageTestType");
+  const queryLanguageTestType = isLanguageTestType(languageTestTypeParam) ? languageTestTypeParam : null;
+  const queryCountryCodesKey = searchParams.getAll("countryCode").filter(isCountryCode).join(",");
+  const queryRegionsKey = searchParams.getAll("region").filter(isRegionFilterValue).join(",");
+  const queryRegions = useMemo(() => {
+    const regions = queryRegionsKey.split(",").filter(isRegionFilterValue);
+    return regions.length > 0 ? regions : [RegionEnumExtend.ALL];
+  }, [queryRegionsKey]);
+
+  const [searchText, setSearchText] = useState(querySearchText.trim());
+  const [selectedRegions, setSelectedRegions] = useState<RegionEnumExtend[]>(queryRegions);
+
+  useEffect(() => {
+    setSearchText(querySearchText.trim());
+  }, [querySearchText]);
+
+  useEffect(() => {
+    setSelectedRegions(queryRegions);
+  }, [queryRegions]);
+
+  // 검색어 및 지역 필터링
+  const filteredUniversities = useMemo(() => {
+    let result = universities;
+    const queryCountryCodes = queryCountryCodesKey.split(",").filter(Boolean).filter(isCountryCode);
+
+    // 검색어 필터링
+    if (searchText.trim()) {
+      const searchLower = searchText.toLowerCase().trim();
+      result = result.filter(
+        (uni) => uni.koreanName.toLowerCase().includes(searchLower) || uni.country.toLowerCase().includes(searchLower),
+      );
+    }
+
+    // 지역 필터링
+    if (!selectedRegions.includes(RegionEnumExtend.ALL)) {
+      result = result.filter((uni) => selectedRegions.some((region) => uni.region === region));
+    }
+
+    if (queryLanguageTestType) {
+      result = result.filter((uni) =>
+        uni.languageRequirements.some((requirement) => requirement.languageTestType === queryLanguageTestType),
+      );
+    }
+
+    if (queryCountryCodes.length > 0) {
+      const countryNames = queryCountryCodes.map((countryCode) => COUNTRY_CODE_MAP[countryCode]);
+      result = result.filter((uni) => countryNames.includes(uni.country));
+    }
+
+    return result;
+  }, [universities, searchText, selectedRegions, queryLanguageTestType, queryCountryCodesKey]);
+
+  return (
+    <div className="px-5">
+      <SearchBar value={searchText} onChange={setSearchText} homeUniversitySlug={homeUniversitySlug} />
+
+      <RegionFilter selectedRegions={selectedRegions} onRegionChange={(region) => setSelectedRegions([region])} />
+
+      {/* 결과 카운트 */}
+      <div className="mb-3 text-k-500 typo-medium-4">
+        총 <span className="text-primary typo-bold-4">{filteredUniversities.length}</span>개 학교
+      </div>
+
+      {/* 결과 표시 */}
+      {filteredUniversities.length === 0 ? (
+        <div className="flex flex-col items-center justify-center py-20">
+          <p className="text-k-400 typo-medium-3">검색 결과가 없습니다.</p>
+          <p className="mt-1 text-k-300 typo-medium-4">다른 검색어나 필터를 시도해보세요.</p>
+        </div>
+      ) : (
+        <UniversityCards
+          colleges={filteredUniversities}
+          className="mt-3"
+          linkPrefix={`/university/${homeUniversitySlug}`}
+        />
+      )}
+
+      <FloatingUpBtn />
+    </div>
+  );
+};
+
+const UniversityListContent = (props: UniversityListContentProps) => (
+  <Suspense fallback={<UniversityListPrerenderFallback {...props} />}>
+    <UniversityListContentInner {...props} />
+  </Suspense>
+);
+
+export default UniversityListContent;
diff --git a/apps/university-web/src/app/university/[homeUniversity]/page.tsx b/apps/university-web/src/app/university/[homeUniversity]/page.tsx
new file mode 100644
index 00000000..324f7ed3
--- /dev/null
+++ b/apps/university-web/src/app/university/[homeUniversity]/page.tsx
@@ -0,0 +1,71 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+import { getSearchUniversitiesAllRegions } from "@/apis/universities/server";
+import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
+import { getHomeUniversityBySlug, HOME_UNIVERSITY_SLUGS, isMatchedHomeUniversityName } from "@/constants/university";
+import type { HomeUniversitySlug } from "@/types/university";
+
+import UniversityListContent from "./_ui/UniversityListContent";
+
+export const revalidate = false;
+export const dynamicParams = false;
+
+// 정적 경로 생성
+export async function generateStaticParams() {
+  return HOME_UNIVERSITY_SLUGS.map((slug) => ({
+    homeUniversity: slug,
+  }));
+}
+
+type PageProps = {
+  params: Promise<{ homeUniversity: string }>;
+};
+
+export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+  const { homeUniversity } = await params;
+  const universityInfo = getHomeUniversityBySlug(homeUniversity);
+
+  if (!universityInfo) {
+    return {
+      title: "파견 학교 목록",
+    };
+  }
+
+  return {
+    title: `${universityInfo.shortName} 교환학생 파견 학교 목록 | 솔리드커넥션`,
+    description: `${universityInfo.name} 학생들을 위한 교환학생 파견 학교 정보를 확인하세요.`,
+  };
+}
+
+const UniversityListPage = async ({ params }: PageProps) => {
+  const { homeUniversity } = await params;
+
+  // 유효한 슬러그인지 확인
+  if (!HOME_UNIVERSITY_SLUGS.includes(homeUniversity as HomeUniversitySlug)) {
+    notFound();
+  }
+
+  const homeUniversitySlug = homeUniversity as HomeUniversitySlug;
+  const universityInfo = getHomeUniversityBySlug(homeUniversitySlug);
+
+  if (!universityInfo) {
+    notFound();
+  }
+
+  const allUniversities = await getSearchUniversitiesAllRegions();
+
+  // homeUniversityName으로 프론트에서 필터링
+  const filteredUniversities = allUniversities.filter((university) =>
+    isMatchedHomeUniversityName(university.homeUniversityName, universityInfo.name),
+  );
+
+  return (
+    <>
+      <TopDetailNavigation title={`${universityInfo.shortName} 파견학교`} backHref="/university" />
+      <UniversityListContent universities={filteredUniversities} homeUniversitySlug={homeUniversitySlug} />
+    </>
+  );
+};
+
+export default UniversityListPage;
diff --git a/apps/web/src/app/university/[homeUniversity]/search/_ui/SearchPageContent.tsx b/apps/university-web/src/app/university/[homeUniversity]/search/_ui/SearchPageContent.tsx
similarity index 100%
rename from apps/web/src/app/university/[homeUniversity]/search/_ui/SearchPageContent.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/search/_ui/SearchPageContent.tsx
diff --git a/apps/web/src/app/university/[homeUniversity]/search/page.tsx b/apps/university-web/src/app/university/[homeUniversity]/search/page.tsx
similarity index 96%
rename from apps/web/src/app/university/[homeUniversity]/search/page.tsx
rename to apps/university-web/src/app/university/[homeUniversity]/search/page.tsx
index a5931948..2d31245f 100644
--- a/apps/web/src/app/university/[homeUniversity]/search/page.tsx
+++ b/apps/university-web/src/app/university/[homeUniversity]/search/page.tsx
@@ -8,7 +8,8 @@ import { NO_INDEX_ROBOTS } from "@/utils/seo";
 
 import SearchPageContent from "./_ui/SearchPageContent";
 
-export const revalidate = 3600; // ISR
+export const revalidate = false;
+export const dynamicParams = false;
 
 // 정적 경로 생성
 export async function generateStaticParams() {
diff --git a/apps/web/src/app/university/search/PageContent.tsx b/apps/university-web/src/app/university/search/PageContent.tsx
similarity index 100%
rename from apps/web/src/app/university/search/PageContent.tsx
rename to apps/university-web/src/app/university/search/PageContent.tsx
diff --git a/apps/web/src/app/university/search/SearchBar.tsx b/apps/university-web/src/app/university/search/SearchBar.tsx
similarity index 100%
rename from apps/web/src/app/university/search/SearchBar.tsx
rename to apps/university-web/src/app/university/search/SearchBar.tsx
diff --git a/apps/web/src/app/university/search/SearchClientContent.tsx b/apps/university-web/src/app/university/search/SearchClientContent.tsx
similarity index 100%
rename from apps/web/src/app/university/search/SearchClientContent.tsx
rename to apps/university-web/src/app/university/search/SearchClientContent.tsx
diff --git a/apps/web/src/app/university/search/page.tsx b/apps/university-web/src/app/university/search/page.tsx
similarity index 95%
rename from apps/web/src/app/university/search/page.tsx
rename to apps/university-web/src/app/university/search/page.tsx
index a097fb88..fb439c1d 100644
--- a/apps/web/src/app/university/search/page.tsx
+++ b/apps/university-web/src/app/university/search/page.tsx
@@ -4,6 +4,8 @@ import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
 import { NO_INDEX_ROBOTS } from "@/utils/seo";
 import SearchClientContent from "./SearchClientContent";
 
+export const revalidate = false;
+
 export const metadata: Metadata = {
   title: "파견 학교 목록",
   robots: NO_INDEX_ROBOTS,
diff --git a/apps/university-web/src/components/DevToolsErrorSuppressor.tsx b/apps/university-web/src/components/DevToolsErrorSuppressor.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/university-web/src/components/button/BlockBtn.tsx b/apps/university-web/src/components/button/BlockBtn.tsx
new file mode 100644
index 00000000..8f951824
--- /dev/null
+++ b/apps/university-web/src/components/button/BlockBtn.tsx
@@ -0,0 +1,40 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const blockBtnVariants = cva("h-13 w-full min-w-80 max-w-screen-sm rounded-lg flex items-center justify-center", {
+  variants: {
+    variant: {
+      default: "bg-primary hover:bg-primary/90 disabled:bg-k-100",
+      secondary: "bg-secondary hover:bg-secondary/90 disabled:bg-k-100",
+    },
+    text: {
+      default: "typo-medium-1 text-white",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    text: "default",
+  },
+});
+
+export interface BlockBtnProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof blockBtnVariants> {
+  onClick: () => void;
+  children: React.ReactNode;
+}
+
+const BlockBtn = React.forwardRef<HTMLButtonElement, BlockBtnProps>(
+  ({ className, variant, text, children, ...props }, ref) => {
+    return (
+      <button ref={ref} className={cn(blockBtnVariants({ variant, text, className }))} {...props}>
+        <span>{children}</span>
+      </button>
+    );
+  },
+);
+BlockBtn.displayName = "BlockBtn";
+
+export default BlockBtn;
diff --git a/apps/university-web/src/components/button/BlockToggleBtn.tsx b/apps/university-web/src/components/button/BlockToggleBtn.tsx
new file mode 100644
index 00000000..503421b0
--- /dev/null
+++ b/apps/university-web/src/components/button/BlockToggleBtn.tsx
@@ -0,0 +1,47 @@
+type BlockToggleBtnProps = {
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  backgroundColor?: string;
+  textColor?: string;
+  disableBackgroundColor?: string;
+  disableTextColor?: string;
+  onClick?: () => void;
+  isToggled?: boolean;
+};
+
+const BlockToggleBtn = ({
+  children,
+  className = "",
+  style,
+  backgroundColor,
+  textColor,
+  disableBackgroundColor,
+  disableTextColor,
+  onClick,
+  isToggled = true,
+}: BlockToggleBtnProps) => {
+  // CSS 변수 대신 Tailwind 클래스 사용
+  const baseClasses =
+    "w-full h-11 border-none rounded-lg cursor-pointer transition-all duration-500 typo-medium-1 font-serif";
+  const enabledClasses = isToggled ? "bg-primary text-white" : "bg-gray-200 text-gray-500";
+
+  const customStyles = {
+    backgroundColor: isToggled ? backgroundColor : disableBackgroundColor,
+    color: isToggled ? textColor : disableTextColor,
+    ...style,
+  };
+
+  return (
+    <button
+      className={`${baseClasses} ${enabledClasses} ${className}`}
+      style={customStyles}
+      onClick={onClick}
+      type="button"
+    >
+      {children}
+    </button>
+  );
+};
+
+export default BlockToggleBtn;
diff --git a/apps/university-web/src/components/button/RoundBtn.tsx b/apps/university-web/src/components/button/RoundBtn.tsx
new file mode 100644
index 00000000..356bde98
--- /dev/null
+++ b/apps/university-web/src/components/button/RoundBtn.tsx
@@ -0,0 +1,42 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const roundBtnVariants = cva("h-[2.375rem] w-[6.375rem] rounded-3xl px-4 py-2.5 ", {
+  variants: {
+    variant: {
+      default: "bg-primary hover:bg-primary/90 text-k-0",
+      secondary: "bg-secondary hover:bg-secondary/90 text-k-0",
+      "secondary-400": "bg-secondary-400 hover:bg-secondary-400/90 text-k-0",
+      inactive: "bg-k-100 hover:bg-k-100/90 text-k-0",
+    },
+    text: {
+      default: "typo-bold-6",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    text: "default",
+  },
+});
+
+export interface RoundBtnProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof roundBtnVariants> {
+  onClick?: () => void;
+  children: React.ReactNode;
+}
+
+const RoundBtn = React.forwardRef<HTMLButtonElement, RoundBtnProps>(
+  ({ className, variant, text, children, ...props }, ref) => {
+    return (
+      <button ref={ref} className={cn(roundBtnVariants({ variant, text, className }))} {...props}>
+        <span>{children}</span>
+      </button>
+    );
+  },
+);
+RoundBtn.displayName = "RoundBtn";
+
+export default RoundBtn;
diff --git a/apps/university-web/src/components/home/NewsCards.tsx b/apps/university-web/src/components/home/NewsCards.tsx
new file mode 100644
index 00000000..85494c0a
--- /dev/null
+++ b/apps/university-web/src/components/home/NewsCards.tsx
@@ -0,0 +1,34 @@
+import Image from "@/components/ui/FallbackImage";
+
+import type { News } from "@/types/news";
+
+type NewsCardsProps = {
+  newsList: News[];
+};
+
+const NewsCards = ({ newsList }: NewsCardsProps) => {
+  return (
+    <div className="flex flex-col gap-4">
+      {newsList.map((news) => (
+        <a key={news.id} target="_blank" href={news.url} rel="noreferrer">
+          <div className="flex gap-4">
+            <Image
+              className="h-[90px] w-[170px] shrink-0 rounded-xl object-cover"
+              src={news.imageUrl}
+              alt={news.title}
+              width={170}
+              height={90}
+              fallbackSrc="/svgs/placeholders/news-thumbnail-placeholder.svg"
+            />
+            <div className="mr-5 flex flex-col gap-0.5">
+              <div className="text-serif text-text-brown typo-sb-9">{news.title}</div>
+              <div className="font-serif text-gray-150 typo-regular-6">{news.description}</div>
+            </div>
+          </div>
+        </a>
+      ))}
+    </div>
+  );
+};
+
+export default NewsCards;
diff --git a/apps/university-web/src/components/layout/AuthInitializer.tsx b/apps/university-web/src/components/layout/AuthInitializer.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/university-web/src/components/layout/GlobalLayout/index.tsx b/apps/university-web/src/components/layout/GlobalLayout/index.tsx
new file mode 100644
index 00000000..aee5bc8a
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/index.tsx
@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+
+import AIInspectorFab from "./ui/AIInspectorFab/index";
+import BottomNavigation from "./ui/BottomNavigation";
+import ClientModal from "./ui/ClientModal";
+
+// import ServerModal from "./ui/ServerModal";
+
+// const BottomNavigationDynamic = dynamic(() => import("./ui/BottomNavigation"), { ssr: false, loading: () => null });
+
+type LayoutProps = {
+  children: ReactNode;
+};
+
+const GlobalLayout = ({ children }: LayoutProps) => {
+  return (
+    <div className="mx-auto mb-14 w-full min-w-app max-w-app pt-14">
+      {children}
+      <BottomNavigation />
+      <AIInspectorFab />
+      <ClientModal />
+      {/* <ServerModal /> */}
+    </div>
+  );
+};
+
+export default GlobalLayout;
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/AIInspectorFab/index.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/AIInspectorFab/index.tsx
new file mode 100644
index 00000000..c5a57db1
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/AIInspectorFab/index.tsx
@@ -0,0 +1,204 @@
+"use client";
+
+import {
+  AiInspectorRequestError,
+  createAiInspectorRequest,
+  useAiInspectorSelection,
+} from "@solid-connect/ai-inspector";
+import { Bot, Target, X } from "lucide-react";
+import { useState } from "react";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { UserRole } from "@/types/mentor";
+
+const AIInspectorFab = () => {
+  const { serverRole, clientRole, setClientRole, isInitialized, accessToken } = useAuthStore();
+  const isAdmin = isInitialized && serverRole === UserRole.ADMIN;
+
+  const { isInspecting, setIsInspecting, hoverRect, selection, clearSelection, resetInspector } =
+    useAiInspectorSelection({ isEnabled: isAdmin });
+  const [instruction, setInstruction] = useState("");
+  const [isSaving, setIsSaving] = useState(false);
+  const [isMenuOpen, setIsMenuOpen] = useState(false);
+
+  if (!isAdmin) {
+    return null;
+  }
+
+  const resetForm = () => {
+    setInstruction("");
+    resetInspector();
+  };
+
+  const handleToggleInspector = () => {
+    setIsInspecting((prev) => !prev);
+    clearSelection();
+    setInstruction("");
+  };
+
+  const handleSwitchToMentorView = () => {
+    setClientRole(UserRole.MENTOR);
+    showIconToast("logo", "멘토 UI 보기로 전환되었습니다.");
+  };
+
+  const handleSwitchToMenteeView = () => {
+    setClientRole(UserRole.MENTEE);
+    showIconToast("logo", "멘티 UI 보기로 전환되었습니다.");
+  };
+
+  const handleSave = async () => {
+    if (!selection) {
+      showIconToast("logo", "먼저 수정할 요소를 선택해주세요.");
+      return;
+    }
+
+    if (!instruction.trim()) {
+      showIconToast("logo", "수정 요청 문구를 입력해주세요.");
+      return;
+    }
+
+    if (!accessToken) {
+      showIconToast("logo", "로그인 세션이 만료되었습니다. 다시 로그인해주세요.");
+      return;
+    }
+
+    setIsSaving(true);
+    try {
+      const result = await createAiInspectorRequest({
+        accessToken,
+        payload: {
+          instruction: instruction.trim(),
+          pageUrl: window.location.href,
+          selection,
+        },
+      });
+
+      showIconToast("logo", `요청이 저장되었습니다. (${result.taskId.slice(0, 8)})`);
+      resetForm();
+    } catch (error) {
+      if (error instanceof AiInspectorRequestError) {
+        showIconToast("logo", error.message);
+      } else {
+        showIconToast("logo", "요청 저장에 실패했습니다. 잠시 후 다시 시도해주세요.");
+      }
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  return (
+    <>
+      {isInspecting && hoverRect && (
+        <div
+          className="pointer-events-none fixed z-[90] rounded border-2 border-secondary bg-secondary/10"
+          style={{
+            left: hoverRect.x,
+            top: hoverRect.y,
+            width: hoverRect.width,
+            height: hoverRect.height,
+          }}
+        />
+      )}
+
+      <div data-ai-inspector-ui="true" className="fixed bottom-20 left-4 z-[100] flex flex-col gap-2">
+        {selection && (
+          <div className="w-80 rounded-xl border border-k-100 bg-white p-3 shadow-2xl">
+            <div className="mb-2 flex items-center justify-between">
+              <p className="text-k-900 typo-sb-9">AI 인스펙터 요청</p>
+              <button type="button" onClick={resetForm} className="text-k-400 hover:text-k-700" aria-label="닫기">
+                <X size={16} />
+              </button>
+            </div>
+
+            <div className="mb-2 rounded bg-k-50 p-2 text-k-600 typo-regular-4">
+              <div>selector: {selection.selector}</div>
+              <div>tag: {selection.tagName}</div>
+              {selection.textSnippet && <div>text: {selection.textSnippet}</div>}
+            </div>
+
+            <textarea
+              value={instruction}
+              onChange={(event) => setInstruction(event.target.value)}
+              rows={3}
+              placeholder="예: padding을 2px에서 4px로 수정해주세요."
+              className="w-full rounded border border-k-100 p-2 text-k-700 typo-regular-4 focus:border-primary focus:outline-none"
+            />
+
+            <div className="mt-2 flex justify-end gap-2">
+              <button
+                type="button"
+                onClick={resetForm}
+                className="rounded border border-k-200 px-3 py-1.5 text-k-600 typo-medium-3"
+              >
+                취소
+              </button>
+              <button
+                type="button"
+                onClick={handleSave}
+                disabled={isSaving}
+                className="rounded bg-primary px-3 py-1.5 text-white typo-medium-3 disabled:opacity-60"
+              >
+                {isSaving ? "저장 중..." : "요청 저장"}
+              </button>
+            </div>
+          </div>
+        )}
+
+        {isMenuOpen && (
+          <div className="w-56 rounded-xl border border-k-100 bg-white p-3 shadow-2xl">
+            <button
+              type="button"
+              onClick={handleToggleInspector}
+              className={`w-full rounded-md px-3 py-2 text-left typo-medium-4 transition ${
+                isInspecting ? "bg-secondary-50 text-secondary-800" : "bg-k-50 text-k-700 hover:bg-k-100"
+              }`}
+            >
+              {isInspecting ? "인스펙터 끄기" : "인스펙터 켜기"}
+            </button>
+
+            <div className="mt-3 text-k-500 typo-medium-4">뷰 전환</div>
+            <div className="mt-2 grid grid-cols-2 gap-2">
+              <button
+                type="button"
+                onClick={handleSwitchToMentorView}
+                className={`rounded-md px-2 py-2 typo-medium-4 transition ${
+                  clientRole === UserRole.MENTOR
+                    ? "bg-primary text-white"
+                    : "border border-k-200 bg-white text-k-700 hover:bg-k-50"
+                }`}
+              >
+                멘토 UI
+              </button>
+              <button
+                type="button"
+                onClick={handleSwitchToMenteeView}
+                className={`rounded-md px-2 py-2 typo-medium-4 transition ${
+                  clientRole === UserRole.MENTEE
+                    ? "bg-primary text-white"
+                    : "border border-k-200 bg-white text-k-700 hover:bg-k-50"
+                }`}
+              >
+                멘티 UI
+              </button>
+            </div>
+          </div>
+        )}
+
+        <button
+          type="button"
+          onClick={() => {
+            setIsMenuOpen((prev) => !prev);
+          }}
+          className={`flex h-12 w-12 items-center justify-center rounded-full text-white shadow-lg transition ${
+            isMenuOpen ? "bg-secondary hover:bg-secondary-800" : "bg-primary hover:bg-primary-1"
+          }`}
+          aria-label="관리자 메뉴"
+        >
+          {isMenuOpen ? <X size={20} /> : isInspecting ? <Target size={20} /> : <Bot size={20} />}
+        </button>
+      </div>
+    </>
+  );
+};
+
+export default AIInspectorFab;
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/constant/NAV_ITEMS.ts b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/constant/NAV_ITEMS.ts
new file mode 100644
index 00000000..6b77b1e0
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/constant/NAV_ITEMS.ts
@@ -0,0 +1,14 @@
+export enum NavIconType {
+  UNIVERSITY = "university",
+  COMMUNITY = "community",
+  HOME = "home",
+  MENTOR = "mentor",
+  MY = "my",
+}
+export const NAV_ITEMS = [
+  { route: "/university", text: "학교", iconType: NavIconType.UNIVERSITY },
+  { route: "/community", text: "커뮤니티", iconType: NavIconType.COMMUNITY },
+  { route: "/", text: "홈", iconType: NavIconType.HOME },
+  { route: "/mentor", text: "멘토", iconType: NavIconType.MENTOR },
+  { route: "/my", text: "마이", iconType: NavIconType.MY },
+] as const;
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/index.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/index.tsx
new file mode 100644
index 00000000..3144788a
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/index.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+import { NAV_ITEMS } from "./constant/NAV_ITEMS";
+import isRouteActive from "./lib/isRouteActive";
+import DegreeHat from "./ui/DegreeHat";
+import EditTwo from "./ui/EditTwo";
+import Home from "./ui/Home";
+import Human from "./ui/Human";
+import WhatsNew from "./ui/WhatsNew";
+
+const ICON_COMPONENTS = {
+  university: DegreeHat,
+  community: EditTwo,
+  home: Home,
+  mentor: WhatsNew,
+  my: Human,
+} as const;
+
+const UNIVERSITY_ZONE_ROUTE_PREFIX = "/university";
+
+const BottomNavigation = () => {
+  const pathname = usePathname();
+
+  if (!NAV_ITEMS.some((item) => isRouteActive(pathname, item.route))) {
+    return null;
+  }
+
+  return (
+    <nav className="fixed bottom-0 flex h-[56px] w-full max-w-app bg-white shadow-magic-bottom-nav">
+      {NAV_ITEMS.map(({ route, text, iconType }) => {
+        const isActive = isRouteActive(pathname, route);
+        const className = `flex flex-[1_0_0] flex-col items-center self-stretch px-3 pb-2 pt-1.5 no-underline ${
+          isActive ? "text-primary" : "text-magic-nav-inactive"
+        }`;
+        const content = (
+          <>
+            {(() => {
+              const IconComp = ICON_COMPONENTS[iconType];
+              return <IconComp />;
+            })()}
+            <span
+              className={
+                isActive
+                  ? "text-center font-serif tracking-[0.4px] text-primary typo-regular-4"
+                  : "text-center font-serif tracking-[0.4px] text-black/60 typo-regular-4"
+              }
+            >
+              {text}
+            </span>
+          </>
+        );
+
+        if (!route.startsWith(UNIVERSITY_ZONE_ROUTE_PREFIX)) {
+          return (
+            <a
+              key={text}
+              href={route}
+              aria-current={isActive ? "page" : undefined}
+              aria-label={`${text} 페이지로 이동`}
+              className={className}
+            >
+              {content}
+            </a>
+          );
+        }
+
+        return (
+          <Link
+            key={text}
+            href={route}
+            aria-current={isActive ? "page" : undefined}
+            aria-label={`${text} 페이지로 이동`}
+            className={className}
+          >
+            {content}
+          </Link>
+        );
+      })}
+    </nav>
+  );
+};
+
+export default BottomNavigation;
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/lib/isRouteActive.ts b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/lib/isRouteActive.ts
new file mode 100644
index 00000000..18741f26
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/lib/isRouteActive.ts
@@ -0,0 +1,5 @@
+const isRouteActive = (pathname: string | null, route: string): boolean => {
+  const isActive = pathname === route || pathname?.startsWith(`${route}/`);
+  return !!isActive;
+};
+export default isRouteActive;
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/DegreeHat.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/DegreeHat.tsx
new file mode 100644
index 00000000..68ff620e
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/DegreeHat.tsx
@@ -0,0 +1,23 @@
+// eslint-disable-next-line
+export default function DegreeHat({ color = "currentColor" }) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
+      <path d="M0.42041 0H20.4204V20H0.42041V0Z" fill="white" fillOpacity="0.01" />
+      <path
+        d="M1.25391 7.25L10.0132 3.75L18.7724 7.25L10.0132 10.75L1.25391 7.25Z"
+        fill="white"
+        stroke={color}
+        strokeWidth="1.6"
+        strokeLinejoin="round"
+      />
+      <path d="M18.7725 7.2959V11.1389" stroke={color} strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
+      <path
+        d="M5.23535 9.09375V14.2777C5.23535 14.2777 7.23956 16.2499 10.0131 16.2499C12.7867 16.2499 14.7909 14.2777 14.7909 14.2777V9.09375"
+        stroke={color}
+        strokeWidth="1.6"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/EditTwo.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/EditTwo.tsx
new file mode 100644
index 00000000..b8939e3c
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/EditTwo.tsx
@@ -0,0 +1,21 @@
+// eslint-disable-next-line
+export default function EditTwo({ color = "currentColor" }) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
+      <path d="M0.460449 0H20.4604V20H0.460449V0Z" fill="white" fillOpacity="0.01" />
+      <path
+        d="M16.9604 10.2778V15.7222C16.9604 16.1518 16.6122 16.5 16.1827 16.5H3.73823C3.30867 16.5 2.96045 16.1518 2.96045 15.7222V3.27778C2.96045 2.84822 3.30867 2.5 3.73823 2.5H9.18267"
+        stroke={color}
+        strokeWidth="1.6"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6.07129 10.5577V13.3889H8.91687L16.9602 5.34204L14.1194 2.5L6.07129 10.5577Z"
+        stroke={color}
+        strokeWidth="1.6"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/Home.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/Home.tsx
new file mode 100644
index 00000000..5dc1ddd0
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/Home.tsx
@@ -0,0 +1,11 @@
+// eslint-disable-next-line
+export default function Home({ color = "currentColor" }) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
+      <path
+        d="M8.48864 15.0598H12.2327V10.36C12.2327 10.056 12.0364 9.85841 11.7324 9.85841H8.99673C8.68738 9.85841 8.48864 10.056 8.48864 10.36V15.0598ZM5.94198 15.9069H14.7474C15.7312 15.9069 16.3111 15.3388 16.3111 14.3798V7.16939L15.0362 6.29548V13.99C15.0362 14.4024 14.812 14.632 14.4114 14.632H6.278C5.87208 14.632 5.64784 14.4024 5.64784 13.99V6.30081L4.37296 7.16939V14.3798C4.37296 15.3388 4.95171 15.9069 5.94198 15.9069ZM2.42041 8.5601C2.42041 8.89599 2.67315 9.18257 3.08544 9.18257C3.28756 9.18257 3.46767 9.07796 3.62658 8.94741L10.0899 3.52469C10.2647 3.36995 10.4697 3.36995 10.6456 3.52469L17.1055 8.94741C17.2602 9.07796 17.4403 9.18257 17.6425 9.18257C18.0162 9.18257 18.3021 8.95052 18.3021 8.57609C18.3021 8.35631 18.2172 8.18634 18.0524 8.0458L11.2796 2.35314C10.7231 1.88229 10.0178 1.88229 9.456 2.35314L2.67549 8.04697C2.50539 8.18751 2.42041 8.3788 2.42041 8.5601ZM14.4728 5.40868L16.3111 6.95569V3.81467C16.3111 3.52132 16.1242 3.33444 15.8309 3.33444H14.9542C14.6662 3.33444 14.4728 3.52132 14.4728 3.81467V5.40868Z"
+        fill={color}
+      />
+    </svg>
+  );
+}
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/Human.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/Human.tsx
new file mode 100644
index 00000000..98aea1e7
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/Human.tsx
@@ -0,0 +1,11 @@
+// eslint-disable-next-line
+export default function Human({ color = "currentColor" }) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
+      <path
+        d="M5.88002 16.9998H15.0691C16.3368 16.9998 16.9491 16.601 16.9491 15.7365C16.9491 13.7207 14.4277 11.0141 10.4769 11.0141C6.52138 11.0141 4 13.7207 4 15.7365C4 16.601 4.61234 16.9998 5.88002 16.9998ZM5.63992 15.7272C5.46698 15.7272 5.39657 15.6743 5.39657 15.5369C5.39657 14.4086 7.22092 12.2866 10.4769 12.2866C13.7269 12.2866 15.5525 14.4086 15.5525 15.5369C15.5525 15.6743 15.4882 15.7272 15.3139 15.7272H5.63992ZM10.4769 10.1552C12.2576 10.1552 13.6998 8.58182 13.6998 6.65509C13.6998 4.7537 12.2584 3.24414 10.4769 3.24414C8.70883 3.24414 7.25275 4.77786 7.2554 6.66849C7.26277 8.58786 8.6975 10.1552 10.4769 10.1552ZM10.4769 8.88261C9.45861 8.88261 8.59099 7.92308 8.58967 6.66584C8.58834 5.44396 9.45051 4.51668 10.4769 4.51668C11.512 4.51668 12.3655 5.43188 12.3655 6.65509C12.3655 7.911 11.5039 8.88261 10.4769 8.88261Z"
+        fill={color}
+      />
+    </svg>
+  );
+}
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/WhatsNew.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/WhatsNew.tsx
new file mode 100644
index 00000000..418d64e5
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/WhatsNew.tsx
@@ -0,0 +1,23 @@
+// eslint-disable-next-line
+export default function WhatsNew({ color = "currentColor" }) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
+      <path
+        d="M5.38147 19C6.41547 19 8.50812 17.9962 10.0816 16.8701C15.3459 16.9675 19.2732 13.931 19.2732 9.94796C19.2732 6.10141 15.434 3 10.6373 3C5.83924 3 2 6.10141 2 9.94796C2 12.3949 3.52773 14.5847 5.86505 15.7196C5.54411 16.3243 4.97116 17.163 4.64484 17.5924C4.17425 18.2167 4.50026 19 5.38147 19ZM6.27223 17.4904C6.18166 17.5248 6.1472 17.4733 6.20732 17.3929C6.58885 16.9211 7.1615 16.1775 7.43395 15.6692C7.65762 15.2543 7.57988 14.895 7.09973 14.6672C4.81895 13.5995 3.49892 11.8935 3.49892 9.94796C3.49892 6.94159 6.66584 4.49281 10.6373 4.49281C14.6135 4.49281 17.7804 6.94159 17.7804 9.94796C17.7804 12.9482 14.6135 15.397 10.6373 15.397C10.4988 15.397 10.2917 15.3909 10.0282 15.3848C9.70948 15.3848 9.46941 15.4777 9.17249 15.7136C8.27369 16.3776 6.93769 17.221 6.27223 17.4904Z"
+        fill={color}
+      />
+      <path
+        d="M7.17161 11.1313C7.78857 11.1313 8.29095 10.6228 8.29095 10.0045C8.29095 9.38614 7.78246 8.88379 7.17161 8.88379C6.54449 8.88379 6.04346 9.38614 6.04346 10.0045C6.04346 10.6228 6.54449 11.1313 7.17161 11.1313Z"
+        fill={color}
+      />
+      <path
+        d="M10.6332 11.1313C11.2514 11.1313 11.7613 10.6228 11.7613 10.0045C11.7613 9.38614 11.2514 8.88379 10.6332 8.88379C10.0148 8.88379 9.50635 9.38614 9.50635 10.0045C9.50635 10.6228 10.0148 11.1313 10.6332 11.1313Z"
+        fill={color}
+      />
+      <path
+        d="M14.1025 11.1313C14.7222 11.1313 15.2232 10.6228 15.2232 10.0045C15.2232 9.38614 14.7222 8.88379 14.1025 8.88379C13.4781 8.88379 12.9771 9.38614 12.9771 10.0045C12.9771 10.6228 13.4781 11.1313 14.1025 11.1313Z"
+        fill={color}
+      />
+    </svg>
+  );
+}
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/World.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/World.tsx
new file mode 100644
index 00000000..ca103d14
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/BottomNavigation/ui/World.tsx
@@ -0,0 +1,29 @@
+const World = ({ color = "currentColor" }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+    <path d="M0 0H20V20H0V0Z" fill="white" fillOpacity="0.01" />
+    <path
+      d="M10.0003 18.3334C14.6027 18.3334 18.3337 14.6024 18.3337 10C18.3337 5.39765 14.6027 1.66669 10.0003 1.66669C5.39795 1.66669 1.66699 5.39765 1.66699 10C1.66699 14.6024 5.39795 18.3334 10.0003 18.3334Z"
+      stroke={color}
+      strokeWidth="1.6"
+    />
+    <path
+      d="M1.66699 8.6835C2.92318 8.09033 3.85227 8.00771 4.45424 8.43558C5.35724 9.07746 5.47045 11.6933 7.52428 10.4431C9.57812 9.19292 6.64478 8.6835 7.28158 6.87246C7.91837 5.06142 10.0038 6.46821 10.2111 4.48446C10.3493 3.16193 8.76733 2.65589 5.46516 2.96634"
+      stroke={color}
+      strokeWidth="1.6"
+    />
+    <path
+      d="M15.0012 3.33331C12.6202 5.4119 11.7886 6.6671 12.5064 7.09885C13.5832 7.74652 14.04 6.83469 15.3539 7.09885C16.6679 7.36306 16.3834 9.14402 15.6923 9.14402C15.0012 9.14402 11.422 8.68823 11.6023 10.7771C11.7825 12.8659 13.9354 13.1751 13.9354 14.3421C13.9354 15.1201 13.4591 16.3108 12.5064 17.9142"
+      stroke={color}
+      strokeWidth="1.6"
+      strokeLinecap="round"
+    />
+    <path
+      d="M2.54395 13.7193C2.92373 13.5536 3.20922 13.4322 3.4004 13.355C5.00336 12.7074 6.19277 12.5547 6.96857 12.897C8.34044 13.5024 7.81302 14.725 8.24273 15.1754C8.6724 15.6258 9.7454 15.4948 9.7454 16.3516C9.7454 16.9229 9.55352 17.5682 9.16977 18.2875"
+      stroke={color}
+      strokeWidth="1.6"
+      strokeLinecap="round"
+    />
+  </svg>
+);
+
+export default World;
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/ClientModal/index.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/ClientModal/index.tsx
new file mode 100644
index 00000000..68b1f38d
--- /dev/null
+++ b/apps/university-web/src/components/layout/GlobalLayout/ui/ClientModal/index.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { useEffect } from "react";
+import MentorApplyCountContent from "@/components/mentor/MentorApplyCountContent";
+import IconAlertModal from "@/components/modal/IconAlertModal";
+import IconConfirmModal from "@/components/modal/IconConfirmModal";
+import SurveyModal from "@/components/modal/SurveyModal";
+import QueryProvider from "@/lib/react-query/QueryProvider";
+import { useAlertModalStore } from "@/lib/zustand/useAlertModalStore";
+import { useConfirmModalStore } from "@/lib/zustand/useConfirmModalStore";
+import { useSurveyModalStore } from "@/lib/zustand/useSurveyModalStore";
+
+const ClientModal = () => {
+  const { isOpen, payload, confirm, reject } = useConfirmModalStore();
+  const { isOpen: alertOpen, payload: alertPayload, acknowledge, close } = useAlertModalStore();
+  const {
+    isOpen: surveyOpen,
+    close: closeSurvey,
+    closeForWeek: closeSurveyForWeek,
+    checkAndOpen,
+  } = useSurveyModalStore();
+
+  // 페이지 로드 시 만족도 조사 모달 표시 여부 확인
+  useEffect(() => {
+    checkAndOpen();
+  }, [checkAndOpen]);
+
+  return (
+    <QueryProvider>
+      <MentorApplyCountContent />
+
+      <SurveyModal isOpen={surveyOpen} onClose={closeSurvey} onCloseForWeek={closeSurveyForWeek} />
+
+      <IconAlertModal
+        isOpen={alertOpen}
+        title={alertPayload?.title || "확인"}
+        content={alertPayload?.content || ""}
+        icon={alertPayload?.icon}
+        buttonText={alertPayload?.buttonText || "확인"}
+        onAcknowledge={acknowledge}
+        onClose={close}
+      />
+      <IconConfirmModal
+        isOpen={isOpen}
+        title={payload?.title || "확인"}
+        content={payload?.content || "정말로 이 작업을 진행하시겠습니까?"}
+        icon={payload?.icon}
+        approveMessage={payload?.approveMessage || "확인"}
+        rejectMessage={payload?.rejectMessage || "취소"}
+        onConfirm={confirm}
+        onClose={reject}
+      />
+    </QueryProvider>
+  );
+};
+export default ClientModal;
diff --git a/apps/university-web/src/components/layout/GlobalLayout/ui/ServerModal/index.tsx b/apps/university-web/src/components/layout/GlobalLayout/ui/ServerModal/index.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/university-web/src/components/layout/PathBasedNavigation/index.tsx b/apps/university-web/src/components/layout/PathBasedNavigation/index.tsx
new file mode 100644
index 00000000..9774c400
--- /dev/null
+++ b/apps/university-web/src/components/layout/PathBasedNavigation/index.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import { usePathname, useRouter } from "next/navigation";
+import { IconArrowBackFilled } from "@/public/svgs";
+import getTitle from "./lib/getTitle";
+
+interface PathBasedNavigationProps {
+  handleBack?: () => void;
+  icon?: React.ReactNode;
+  customTitles?: Record<string, string>; // 커스텀 타이틀 추가 가능
+  dynamicRoutePatterns?: Array<{
+    pattern: RegExp;
+    titleKey: string;
+  }>;
+}
+
+const PathBasedNavigation = ({
+  handleBack,
+  icon,
+  customTitles = {},
+  dynamicRoutePatterns = [],
+}: PathBasedNavigationProps) => {
+  const pathname = usePathname();
+  const router = useRouter();
+
+  const routeBack = () => {
+    router.back(); // 라우터의 back 함수를 사용하여 이전 페이지로 이동
+  };
+
+  // 최상단의 layout.tsx에서 커스텀 타이틀과 동적 라우트 패턴을 사용하여 제목을 가져옴
+  const title = getTitle({
+    pathname,
+    customTitles,
+    dynamicRoutePatterns,
+  });
+
+  // title이 없으면 헤더를 렌더링하지 않음
+  if (!title) {
+    return null;
+  }
+
+  return (
+    <div className="fixed top-0 z-30 box-border flex h-14 w-full max-w-app items-center justify-between bg-white px-5">
+      <button className="min-w-6 cursor-pointer" onClick={handleBack || routeBack} type="button" aria-label="뒤로 가기">
+        <IconArrowBackFilled />
+      </button>
+      <div className="text-black/87 font-serif typo-sb-7">{title}</div>
+      <div className="min-w-6 cursor-pointer">{icon}</div>
+    </div>
+  );
+};
+
+export default PathBasedNavigation;
diff --git a/apps/university-web/src/components/layout/PathBasedNavigation/lib/getTitle.ts b/apps/university-web/src/components/layout/PathBasedNavigation/lib/getTitle.ts
new file mode 100644
index 00000000..caa1ffb9
--- /dev/null
+++ b/apps/university-web/src/components/layout/PathBasedNavigation/lib/getTitle.ts
@@ -0,0 +1,36 @@
+const getTitle = ({
+  pathname,
+  customTitles = {},
+  dynamicRoutePatterns = [],
+}: {
+  pathname?: string | null;
+  customTitles?: Record<string, string>;
+  dynamicRoutePatterns?: Array<{ pattern: RegExp; titleKey: string }>;
+}): string => {
+  if (!pathname) return "";
+
+  // 1. 정확한 매칭만 확인
+  if (pathname in customTitles) {
+    return customTitles[pathname];
+  }
+
+  // 2. 부분 매칭 확인 (예: /mento/chat/123 -> /mento/chat/) - 키가 /로 끝나는 경우만
+  const matchingKeys = Object.keys(customTitles)
+    .filter((key) => key.endsWith("/") && pathname.startsWith(key))
+    .sort((a, b) => b.length - a.length); // 가장 긴 매칭 우선
+
+  if (matchingKeys.length > 0) {
+    return customTitles[matchingKeys[0]];
+  }
+
+  // 3. 커스텀 동적 라우트 패턴 매칭
+  for (const { pattern, titleKey } of dynamicRoutePatterns) {
+    if (pattern.test(pathname) && titleKey in customTitles) {
+      return customTitles[titleKey];
+    }
+  }
+
+  // 4. customTitles에 없으면 빈 문자열 반환
+  return "";
+};
+export default getTitle;
diff --git a/apps/university-web/src/components/layout/ReissueProvider.tsx b/apps/university-web/src/components/layout/ReissueProvider.tsx
new file mode 100644
index 00000000..246aa71f
--- /dev/null
+++ b/apps/university-web/src/components/layout/ReissueProvider.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { default } from "./ReissueProvider/index";
diff --git a/apps/university-web/src/components/layout/ReissueProvider/index.tsx b/apps/university-web/src/components/layout/ReissueProvider/index.tsx
new file mode 100644
index 00000000..a6c18b82
--- /dev/null
+++ b/apps/university-web/src/components/layout/ReissueProvider/index.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import type React from "react";
+import { useEffect } from "react";
+
+import { postReissueToken } from "@/apis/Auth";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { isTokenExpired } from "@/utils/jwtUtils";
+
+interface ReissueProviderProps {
+  children: React.ReactNode;
+}
+
+const ReissueProvider: React.FC<ReissueProviderProps> = ({ children }) => {
+  useEffect(() => {
+    let isMounted = true;
+
+    const initializeAuth = async () => {
+      const { accessToken, setInitialized, setLoading, setRefreshStatus, shouldAttemptRefresh } =
+        useAuthStore.getState();
+
+      if (accessToken && !isTokenExpired(accessToken)) {
+        setInitialized(true);
+        return;
+      }
+
+      if (!shouldAttemptRefresh) {
+        setInitialized(true);
+        return;
+      }
+
+      try {
+        setRefreshStatus("refreshing");
+        setLoading(true);
+
+        // HttpOnly refresh token 쿠키가 있으면 access token을 복구합니다.
+        await postReissueToken();
+        if (isMounted) {
+          useAuthStore.getState().setRefreshStatus("success");
+        }
+      } catch {
+        if (isMounted) {
+          useAuthStore.getState().clearAccessToken();
+          useAuthStore.getState().setRefreshStatus("failed");
+        }
+      } finally {
+        if (isMounted) {
+          useAuthStore.getState().setLoading(false);
+          useAuthStore.getState().setInitialized(true);
+        }
+      }
+    };
+
+    initializeAuth();
+
+    // 컴포넌트 언마운트 시 플래그 설정
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+
+  return <>{children}</>;
+};
+
+export default ReissueProvider;
diff --git a/apps/university-web/src/components/layout/RootModal/index.tsx b/apps/university-web/src/components/layout/RootModal/index.tsx
new file mode 100644
index 00000000..a6f96e12
--- /dev/null
+++ b/apps/university-web/src/components/layout/RootModal/index.tsx
@@ -0,0 +1,7 @@
+import ClientModal from "./ui/ClientModal";
+
+const RootModal = () => {
+  return <ClientModal />;
+};
+
+export default RootModal;
diff --git a/apps/university-web/src/components/layout/RootModal/ui/ClientModal/index.tsx b/apps/university-web/src/components/layout/RootModal/ui/ClientModal/index.tsx
new file mode 100644
index 00000000..83a6eb7d
--- /dev/null
+++ b/apps/university-web/src/components/layout/RootModal/ui/ClientModal/index.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import MentorApplyCountModal from "@/components/mentor/MentorApplyCountModal";
+import IconConfirmModal from "@/components/modal/IconConfirmModal";
+
+import { useConfirmModalStore } from "@/lib/zustand/useConfirmModalStore";
+
+const ClientModal = () => {
+  const { isOpen, payload, confirm, reject } = useConfirmModalStore();
+
+  return [
+    <MentorApplyCountModal key="mentor-apply-count-modal" />,
+    <IconConfirmModal
+      key="icon-confirm-modal"
+      isOpen={isOpen}
+      title={payload?.title || "확인"}
+      content={payload?.content || "정말로 이 작업을 진행하시겠습니까?"}
+      icon={payload?.icon}
+      approveMessage={payload?.approveMessage || "확인"}
+      rejectMessage={payload?.rejectMessage || "취소"}
+      onConfirm={confirm}
+      onClose={reject}
+    />,
+  ];
+};
+export default ClientModal;
diff --git a/apps/university-web/src/components/layout/TopDetailNavigation.tsx b/apps/university-web/src/components/layout/TopDetailNavigation.tsx
new file mode 100644
index 00000000..eb67ed94
--- /dev/null
+++ b/apps/university-web/src/components/layout/TopDetailNavigation.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+
+import { IconArrowBackFilled } from "@/public/svgs";
+
+export interface TopDetailNavigationProps {
+  title: string;
+  handleBack?: () => void;
+  backHref?: string;
+  icon?: React.ReactNode;
+}
+
+const TopDetailNavigation = ({ title, handleBack, backHref, icon }: TopDetailNavigationProps) => {
+  const router = useRouter();
+
+  const routeBack = () => {
+    if (backHref) {
+      router.push(backHref);
+    } else {
+      router.back(); // 라우터의 back 함수를 사용하여 이전 페이지로 이동
+    }
+  };
+
+  return (
+    <div className="fixed top-0 z-30 box-border flex h-14 w-full max-w-app items-center justify-between bg-white px-5">
+      <button className="min-w-6 cursor-pointer" onClick={handleBack || routeBack} type="button" aria-label="뒤로 가기">
+        <IconArrowBackFilled />
+      </button>
+      <div className="text-black/87 font-serif typo-sb-7">{title}</div>
+      <div className="min-w-6 cursor-pointer">{icon}</div>
+    </div>
+  );
+};
+
+export default TopDetailNavigation;
diff --git a/apps/university-web/src/components/layout/TopLogoBar/index.tsx b/apps/university-web/src/components/layout/TopLogoBar/index.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/university-web/src/components/login/signup/SignupPolicyScreen.tsx b/apps/university-web/src/components/login/signup/SignupPolicyScreen.tsx
new file mode 100644
index 00000000..1a61e4b2
--- /dev/null
+++ b/apps/university-web/src/components/login/signup/SignupPolicyScreen.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import Link from "next/link";
+import { useState } from "react";
+
+import BlockBtn from "@/components/button/BlockBtn";
+import { Checkbox } from "@/components/ui/Checkbox";
+
+interface SignupPolicyScreenProps {
+  toNextStage: () => void;
+}
+
+const SignupPolicyScreen = ({ toNextStage }: SignupPolicyScreenProps) => {
+  const [isChecked, setIsChecked] = useState(false);
+
+  return (
+    <div className="mt-[-56px]">
+      <div className="border-b border-[#bgbgbg]">
+        <div className="h-[375px] pl-5">
+          <div className="mt-[149px]">
+            <svg xmlns="http://www.w3.org/2000/svg" width="46" height="30" viewBox="0 0 46 30" fill="none">
+              <path
+                d="M35.033 7.24056C34.8945 7.24056 34.7535 7.24056 34.6125 7.2493C33.282 4.95166 31.3474 3.06247 29.0188 1.78689C26.6902 0.511304 24.0566 -0.101918 21.404 0.013814C18.7514 0.129546 16.1813 0.969807 13.9726 2.44335C11.764 3.91689 10.0012 5.9674 8.87585 8.37219C7.28625 8.6738 5.78364 9.3252 4.47687 10.2792C3.17009 11.2332 2.09188 12.4659 1.32032 13.8881C0.548772 15.3102 0.103204 16.8862 0.0158961 18.5018C-0.0714116 20.1174 0.201727 21.7322 0.815527 23.2292C1.42933 24.7262 2.36842 26.0679 3.56477 27.1572C4.76113 28.2465 6.18479 29.056 7.73262 29.5272C9.28046 29.9983 10.9137 30.1193 12.5141 29.8814C14.1144 29.6434 15.6418 29.0524 16.9856 28.1513C18.6002 28.7508 20.3089 29.0571 22.0311 29.0559C22.3031 29.0559 22.5864 29.0471 22.8771 29.0309H34.3231C34.5863 29.0471 34.8109 29.0559 35.028 29.0559C35.2451 29.0559 35.4697 29.0471 35.7329 29.0309H36.8795V28.8987C39.5687 28.4316 41.9851 26.9734 43.6518 24.812C45.3186 22.6506 46.1145 19.9429 45.8827 17.2233C45.6508 14.5037 44.4079 11.9699 42.3994 10.1218C40.3908 8.2737 37.7624 7.24567 35.033 7.24056ZM34.1322 20.3073C33.9685 19.7219 33.6931 19.1736 33.3212 18.6928C32.8446 18.0952 32.2357 17.6947 31.4597 17.419C32.1902 17.1835 32.8374 16.7426 33.3237 16.1488C33.6963 15.6657 33.9717 15.1149 34.1347 14.5269C34.2977 15.1146 34.5727 15.6653 34.9444 16.1488C35.4298 16.7436 36.0766 17.1855 36.8072 17.4214C36.0299 17.6997 35.421 18.0977 34.9444 18.6953C34.5726 19.1764 34.2969 19.7245 34.1322 20.3098V20.3073ZM10.9257 10.4882C12.6691 10.4866 14.3718 11.0147 15.8083 12.0025C17.2448 12.9904 18.3472 14.3914 18.9696 16.0199C19.5919 17.6484 19.7048 19.4276 19.2932 21.1216C18.8817 22.8157 17.9651 24.3448 16.665 25.5063C13.9783 24.1939 11.866 21.9419 10.7283 19.1767C9.59061 16.4115 9.50637 13.3251 10.4916 10.5019C10.6363 10.4945 10.7785 10.4907 10.9208 10.4907L10.9257 10.4882ZM10.9257 27.7059C8.90689 27.7046 6.95269 26.9938 5.40475 25.6978C3.85681 24.4018 2.81359 22.6029 2.45744 20.6157C2.1013 18.6285 2.45488 16.5794 3.45638 14.8264C4.45789 13.0735 6.0436 11.7283 7.93636 11.026C7.19007 14.0278 7.4215 17.1896 8.59696 20.0508C9.77242 22.912 11.8305 25.3233 14.4716 26.9336C13.3567 27.4412 12.1458 27.7033 10.9208 27.7021L10.9257 27.7059ZM22.8184 26.7365H22.7835C22.534 26.7514 22.2844 26.7589 22.0411 26.7589C21.0285 26.759 20.0197 26.6333 19.038 26.3846C20.4105 24.8586 21.3244 22.9762 21.6747 20.9539C22.025 18.9316 21.7974 16.8514 21.0182 14.9527C20.239 13.0539 18.9397 11.4137 17.2698 10.2204C15.5998 9.0272 13.6271 8.32948 11.5783 8.2075C12.7061 6.34344 14.3116 4.81459 16.2285 3.77914C18.1454 2.74368 20.3042 2.23924 22.4815 2.31799C24.6587 2.39674 26.7754 3.05583 28.6126 4.22706C30.4497 5.39829 31.9405 7.03913 32.9307 8.9798L33.2925 9.68722H33.3062C33.1378 12.714 32.8908 14.3634 32.1833 15.2455C31.3736 16.2611 29.7504 16.4695 26.2383 16.7003V18.1476C29.7504 18.3797 31.3736 18.5868 32.1833 19.6024C32.9931 20.6179 33.2014 22.6878 33.3798 26.739L22.8184 26.7365ZM35.6556 26.7365H35.6119C35.3923 26.7514 35.2089 26.7577 35.038 26.7577H34.8845C35.0629 22.6916 35.2588 20.6267 36.081 19.5999C36.9032 18.573 38.5152 18.3772 42.0261 18.1451V16.6978C38.5152 16.467 36.8907 16.2586 36.081 15.243C35.3661 14.3485 35.1241 12.6616 34.9581 9.54748H35.0417C37.2574 9.56811 39.3799 10.4423 40.9674 11.9881C42.5549 13.534 43.4853 15.6324 43.5648 17.8468C43.6444 20.0612 42.8671 22.221 41.3946 23.8768C39.9221 25.5326 37.8678 26.5569 35.6593 26.7365H35.6556Z"
+                fill="currentColor"
+                className="text-text-dark"
+              />
+            </svg>
+          </div>
+          <div className="mt-4">
+            <span className="typo-bold-1">
+              가입을
+              <br /> 환영합니다!
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div className="flex flex-col py-5 pl-4 pr-5">
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <Checkbox className="" checked={isChecked} onClick={() => setIsChecked(!isChecked)} />
+            <div>
+              <span className="text-gray-400 typo-regular-2">이용 약관 동의 </span>
+              <span className="text-gray-400 typo-regular-4">(필수)</span>
+            </div>
+          </div>
+          <div>
+            <Link
+              href="/terms"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-gray-400 underline typo-regular-4"
+            >
+              전문보기
+            </Link>
+          </div>
+        </div>
+      </div>
+
+      <div className="mt-10 px-5 pb-7">
+        <BlockBtn className={isChecked ? "bg-primary" : "bg-bg-800"} disabled={!isChecked} onClick={toNextStage}>
+          다음
+        </BlockBtn>
+      </div>
+    </div>
+  );
+};
+
+export default SignupPolicyScreen;
diff --git a/apps/university-web/src/components/login/signup/SignupPrepareScreen.tsx b/apps/university-web/src/components/login/signup/SignupPrepareScreen.tsx
new file mode 100644
index 00000000..95779283
--- /dev/null
+++ b/apps/university-web/src/components/login/signup/SignupPrepareScreen.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import clsx from "clsx";
+import type { Dispatch, SetStateAction } from "react";
+import BlockBtn from "@/components/button/BlockBtn";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { IconPrepare1, IconPrepare2, IconPrepare3 } from "@/public/svgs/auth";
+import { type PreparationStatus, PreparationStatusEnum } from "@/types/auth";
+
+type SignupPrepareScreenProps = {
+  preparation: PreparationStatus | null;
+  setPreparation: Dispatch<SetStateAction<PreparationStatus | null>>;
+  toNextStage: () => void;
+};
+
+const SignupPrepareScreen = ({ preparation, setPreparation, toNextStage }: SignupPrepareScreenProps) => {
+  const submit = () => {
+    if (!preparation) {
+      showIconToast("logo", "준비 단계를 선택해주세요.");
+      return;
+    }
+    toNextStage();
+  };
+
+  return (
+    <div>
+      <div className="px-5">
+        <div className="mt-5">
+          <span className="text-k-900 typo-bold-1">
+            현재 나의
+            <span className="text-primary"> 준비 단계</span>를
+            <br />
+            선택해주세요.
+          </span>
+        </div>
+
+        <div className="mt-10">
+          <div className="flex flex-col gap-5">
+            <PrepareChoiceButton
+              status={PreparationStatusEnum.CONSIDERING}
+              description="교환학생 지원을 고민 중인가요?"
+              name="예비 솔커"
+              icon={<IconPrepare1 />}
+              preparation={preparation}
+              setPreparation={setPreparation}
+            />
+
+            <PrepareChoiceButton
+              status={PreparationStatusEnum.PREPARING_FOR_DEPARTURE}
+              description="출국을 앞두고 있거나 교환학생인가요?"
+              name="일반 솔커"
+              icon={<IconPrepare2 />}
+              preparation={preparation}
+              setPreparation={setPreparation}
+            />
+
+            <PrepareChoiceButton
+              status={PreparationStatusEnum.STUDYING_ABROAD}
+              description="솔커 멘토로 활동하길 희망하나요?"
+              name="멘토 솔커"
+              icon={<IconPrepare3 />}
+              preparation={preparation}
+              setPreparation={setPreparation}
+            />
+          </div>
+        </div>
+      </div>
+
+      <div className="mt-10 px-5 pb-7">
+        <BlockBtn disabled={!preparation} onClick={submit}>
+          다음
+        </BlockBtn>
+      </div>
+    </div>
+  );
+};
+
+type PrepareChoiceButtonProps = {
+  status: PreparationStatusEnum;
+  description: string;
+  name: string;
+  icon: React.ReactNode;
+  preparation: PreparationStatus | null;
+  setPreparation: Dispatch<SetStateAction<PreparationStatus | null>>;
+};
+
+const PrepareChoiceButton = ({
+  status,
+  description,
+  name,
+  icon,
+  preparation,
+  setPreparation,
+}: PrepareChoiceButtonProps) => {
+  return (
+    <button
+      className={clsx("flex items-center gap-9 rounded-lg py-5 shadow-magic-signup-step", {
+        "border border-primary bg-primary-100": preparation === status,
+        "border border-white bg-white": preparation !== status,
+      })}
+      onClick={() => setPreparation(status)}
+      type="button"
+    >
+      <div className="pl-[2.75rem]">{icon}</div>
+      <div className="flex flex-col items-start">
+        <span className="text-k-500 typo-regular-4">{description}</span>
+        <span className="text-k-800 typo-sb-4">{name}</span>
+      </div>
+    </button>
+  );
+};
+
+export default SignupPrepareScreen;
diff --git a/apps/university-web/src/components/login/signup/SignupProfileScreen.tsx b/apps/university-web/src/components/login/signup/SignupProfileScreen.tsx
new file mode 100644
index 00000000..78ad9449
--- /dev/null
+++ b/apps/university-web/src/components/login/signup/SignupProfileScreen.tsx
@@ -0,0 +1,116 @@
+"use client";
+
+import { type Dispatch, type SetStateAction, useRef, useState } from "react";
+import BlockBtn from "@/components/button/BlockBtn";
+import { Input } from "@/components/ui/Inputa";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { IconSignupProfileImage } from "@/public/svgs/auth";
+
+type SignupProfileScreenProps = {
+  toNextStage: () => void;
+  nickname: string;
+  setNickname: Dispatch<SetStateAction<string>>;
+  defaultProfileImageUrl: string;
+  profileImageFile: File | null;
+  setProfileImageFile: Dispatch<SetStateAction<File | null>>;
+};
+
+const SignupProfileScreen = ({
+  toNextStage,
+  nickname,
+  setNickname,
+  defaultProfileImageUrl,
+  profileImageFile,
+  setProfileImageFile,
+}: SignupProfileScreenProps) => {
+  const fileInputRef = useRef<HTMLInputElement>(null);
+  const [uploadedProfileImageFileView, setUploadedProfileImageFileView] = useState<string | null>(null);
+
+  const submit = () => {
+    if (!nickname) {
+      showIconToast("logo", "닉네임을 입력해주세요.");
+      return;
+    }
+    toNextStage();
+  };
+
+  const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (file) {
+      setProfileImageFile(file);
+      const reader = new FileReader();
+      reader.onload = () => {
+        setUploadedProfileImageFileView(reader.result as string);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+
+  const handleImageClick = () => {
+    fileInputRef.current?.click();
+  };
+
+  const getImage = () => {
+    if (uploadedProfileImageFileView) {
+      return (
+        <img src={uploadedProfileImageFileView} alt="프로필 이미지" className="h-[120px] w-[120px] rounded-full" />
+      );
+    }
+    if (defaultProfileImageUrl) {
+      return <img src={defaultProfileImageUrl} alt="프로필 이미지" className="h-[120px] w-[120px] rounded-full" />;
+    }
+    return <IconSignupProfileImage />;
+  };
+
+  return (
+    <div>
+      <div className="px-5">
+        <div className="mt-5">
+          <span className="text-k-900 typo-bold-1">
+            닉네임을
+            <br />
+            등록해주세요.
+          </span>
+        </div>
+
+        <div className="mt-[30px]">
+          <div className="flex justify-center">
+            <div className="cursor-pointer" onClick={handleImageClick}>
+              {getImage()}
+            </div>
+            <input
+              type="file"
+              accept="image/*"
+              ref={fileInputRef}
+              style={{ display: "none" }}
+              onChange={handleImageUpload}
+            />
+          </div>
+
+          <div className="mt-[30px]">
+            <label htmlFor="nickname" className="mb-1 text-k-900 typo-sb-7">
+              닉네임
+            </label>
+            <Input
+              id="nickname"
+              variant="gray"
+              type="text"
+              placeholder="닉네임을 입력해주세요"
+              value={nickname}
+              onChange={(e) => setNickname(e.target.value)}
+            />
+            {/* TODO: 닉네임 검증 실시간 보여주기 추가 */}
+          </div>
+        </div>
+      </div>
+
+      <div className="mt-10 px-5 pb-7">
+        <BlockBtn disabled={!nickname} onClick={submit}>
+          가입 완료
+        </BlockBtn>
+      </div>
+    </div>
+  );
+};
+
+export default SignupProfileScreen;
diff --git a/apps/university-web/src/components/login/signup/SignupRegionScreen.tsx b/apps/university-web/src/components/login/signup/SignupRegionScreen.tsx
new file mode 100644
index 00000000..f11345e7
--- /dev/null
+++ b/apps/university-web/src/components/login/signup/SignupRegionScreen.tsx
@@ -0,0 +1,132 @@
+"use client";
+
+import clsx from "clsx";
+import type { Dispatch, SetStateAction } from "react";
+import BlockBtn from "@/components/button/BlockBtn";
+import { regionList } from "@/constants/regions";
+import { showIconToast } from "@/lib/toast/showIconToast";
+
+type SignupRegionScreenProps = {
+  curRegion: string | null;
+  setCurRegion: Dispatch<SetStateAction<string | null>>;
+  curCountries: string[];
+  setCurCountries: Dispatch<SetStateAction<string[]>>;
+  toNextStage: () => void;
+};
+
+const SignupRegionScreen = ({
+  curRegion,
+  setCurRegion,
+  curCountries,
+  setCurCountries,
+  toNextStage,
+}: SignupRegionScreenProps) => {
+  const submit = () => {
+    if (!curRegion) {
+      showIconToast("logo", "권역을 선택해주세요.");
+      return;
+    }
+    toNextStage();
+  };
+
+  return (
+    <div>
+      <div className="px-5">
+        <div className="mt-5">
+          <span className="text-k-900 typo-bold-1">
+            현재 나의
+            <span className="text-primary"> 관심 국가</span>를
+            <br />
+            선택해주세요.
+          </span>
+        </div>
+
+        <div className="mt-10">
+          <RegionButtons curRegion={curRegion} setCurRegion={setCurRegion} />
+          <CountryButtons curCountries={curCountries} setCurCountries={setCurCountries} region={curRegion} />
+        </div>
+      </div>
+
+      <div className="mt-10 px-5 pb-7">
+        <BlockBtn disabled={!curRegion} onClick={submit}>
+          다음
+        </BlockBtn>
+      </div>
+    </div>
+  );
+};
+
+export default SignupRegionScreen;
+
+type RegionButtonsProps = {
+  curRegion: string | null;
+  setCurRegion: Dispatch<SetStateAction<string | null>>;
+};
+
+const RegionButtons = ({ curRegion, setCurRegion }: RegionButtonsProps) => (
+  <div className="grid grid-cols-2 gap-5">
+    {regionList.map((region) => (
+      <button
+        key={region.name}
+        className={clsx("relative flex h-[82px] flex-col items-center justify-center rounded-lg", {
+          "border-none bg-k-50": curRegion !== region.name,
+          "border-2 border-primary-500 bg-primary-100": curRegion === region.name,
+        })}
+        onClick={() => setCurRegion(region.name)}
+      >
+        <div>{region.icon}</div>
+        <span className="text-k-800 typo-sb-7">{region.name}</span>
+        {curRegion === "아직 잘 모르겠어요" && region.name === "아직 잘 모르겠어요" && (
+          <div className="absolute top-[100px] flex justify-center">
+            <div className="absolute bottom-full left-1/2 h-0 w-0 -translate-x-1/2 border-x-8 border-b-[12px] border-x-transparent border-b-primary"></div>
+            <div className="relative rounded-lg bg-primary px-4 py-3">
+              <p className="text-center text-white typo-regular-2">
+                괜찮아요,
+                <br />
+                솔커에서 다양한 정보를
+                <br />
+                탐색해보세요!
+              </p>
+            </div>
+          </div>
+        )}
+      </button>
+    ))}
+  </div>
+);
+
+type CountryButtonsProps = {
+  curCountries: string[];
+  setCurCountries: Dispatch<SetStateAction<string[]>>;
+  region: string | null;
+};
+
+const CountryButtons = ({ curCountries, setCurCountries, region }: CountryButtonsProps) => {
+  const toggleCountry = (country: string) => {
+    if (curCountries.includes(country)) {
+      setCurCountries(curCountries.filter((c) => c !== country));
+    } else {
+      setCurCountries([...curCountries, country]);
+    }
+  };
+
+  const countries = regionList.find((r) => r.name === region)?.countries || [];
+
+  return (
+    <div className="mt-5 grid grid-cols-3 gap-4">
+      {countries.map((country) => (
+        <button
+          key={country}
+          className={clsx("h-8 rounded-sm border-none", {
+            "bg-k-50 hover:bg-k-100": !curCountries.includes(country),
+            "bg-primary-100": curCountries.includes(country),
+          })}
+          onClick={() => toggleCountry(country)}
+          type="button"
+        >
+          {country}
+        </button>
+      ))}
+    </div>
+  );
+};
diff --git a/apps/university-web/src/components/login/signup/SignupSurvey.tsx b/apps/university-web/src/components/login/signup/SignupSurvey.tsx
new file mode 100644
index 00000000..423ea611
--- /dev/null
+++ b/apps/university-web/src/components/login/signup/SignupSurvey.tsx
@@ -0,0 +1,156 @@
+"use client";
+
+import { useRouter, useSearchParams } from "next/navigation";
+import { useEffect, useState } from "react";
+import { usePostSignUp } from "@/apis/Auth";
+import { useUploadProfileImagePublic } from "@/apis/image-upload";
+import { Progress } from "@/components/ui/Progress";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+
+import type { PreparationStatus, SignUpRequest } from "@/types/auth";
+import type { RegionKo } from "@/types/university";
+import SignupPolicyScreen from "./SignupPolicyScreen";
+import SignupPrepareScreen from "./SignupPrepareScreen";
+import SignupProfileScreen from "./SignupProfileScreen";
+import SignupRegionScreen from "./SignupRegionScreen";
+
+type SignupSurveyProps = {
+  baseNickname: string;
+  baseEmail: string;
+  baseProfileImageUrl: string;
+};
+
+const SignupSurvey = ({ baseNickname, baseEmail, baseProfileImageUrl }: SignupSurveyProps) => {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  const signUpToken = searchParams?.get("token");
+  if (!signUpToken) {
+    router.push("/login");
+  }
+  const { setAccessToken } = useAuthStore();
+  const [curStage, setCurStage] = useState<number>(1);
+  const [curProgress, setCurProgress] = useState<number>(0);
+
+  const [curPreparation, setCurPreparation] = useState<PreparationStatus | null>(null);
+
+  const [region, setRegion] = useState<RegionKo | "아직 잘 모르겠어요" | null>(null);
+  const [countries, setCountries] = useState<string[]>([]);
+
+  const [nickname, setNickname] = useState<string>(baseNickname);
+  const [profileImageFile, setProfileImageFile] = useState<File | null>(null);
+
+  const signUpMutation = usePostSignUp();
+  const uploadImageMutation = useUploadProfileImagePublic();
+
+  useEffect(() => {
+    setCurProgress(((curStage - 1) / 3) * 100);
+  }, [curStage]);
+
+  const createRegisterRequest = async (): Promise<SignUpRequest> => {
+    const submitRegion: RegionKo[] = region === "아직 잘 모르겠어요" ? [] : [region as RegionKo];
+
+    if (!curPreparation) {
+      throw new Error("준비 단계를 선택해주세요");
+    }
+
+    let imageUrl: string | null = baseProfileImageUrl;
+
+    if (profileImageFile) {
+      try {
+        const result = await uploadImageMutation.mutateAsync(profileImageFile);
+        imageUrl = result.fileUrl;
+      } catch (_error) {
+        // 업로드 실패 토스트는 전역 onError에서 단일 처리
+      }
+    }
+
+    return {
+      signUpToken: signUpToken as string,
+      interestedRegions: submitRegion,
+      interestedCountries: countries,
+      preparationStatus: curPreparation,
+      nickname,
+      profileImageUrl: imageUrl,
+    };
+  };
+
+  const submitRegisterRequest = async () => {
+    try {
+      const registerRequest = await createRegisterRequest();
+      signUpMutation.mutate(registerRequest, {
+        onSuccess: (data) => {
+          setAccessToken(data.accessToken);
+          showIconToast("logo", "회원가입이 완료되었습니다.");
+
+          setTimeout(() => {
+            router.push("/");
+          }, 100);
+        },
+      });
+    } catch (err: unknown) {
+      const error = err as { message?: string };
+      showIconToast("logo", error.message || "회원가입에 실패했습니다.");
+    }
+  };
+
+  const renderCurrentSurvey = () => {
+    switch (curStage) {
+      case 1:
+        return (
+          <SignupPolicyScreen
+            toNextStage={() => {
+              setCurStage(2);
+            }}
+          />
+        );
+      case 2:
+        return (
+          <SignupPrepareScreen
+            preparation={curPreparation}
+            setPreparation={setCurPreparation}
+            toNextStage={() => {
+              setCurStage(3);
+            }}
+          />
+        );
+      case 3:
+        return (
+          <SignupRegionScreen
+            curRegion={region}
+            setCurRegion={setRegion}
+            curCountries={countries}
+            setCurCountries={setCountries}
+            toNextStage={() => {
+              setCurStage(4);
+            }}
+          />
+        );
+      case 4:
+        return (
+          <SignupProfileScreen
+            toNextStage={submitRegisterRequest}
+            nickname={nickname}
+            setNickname={setNickname}
+            defaultProfileImageUrl={baseProfileImageUrl}
+            profileImageFile={profileImageFile}
+            setProfileImageFile={setProfileImageFile}
+          />
+        );
+      default:
+        return <div>회원 가입이 완료되었습니다</div>;
+    }
+  };
+
+  return (
+    <div>
+      <div className="mt-8 px-5">
+        <Progress value={curProgress} />
+      </div>
+      {renderCurrentSurvey()}
+    </div>
+  );
+};
+
+export default SignupSurvey;
diff --git a/apps/university-web/src/components/mentor/ArticleBottomSheetModal/hooks/useArticleSchema.ts b/apps/university-web/src/components/mentor/ArticleBottomSheetModal/hooks/useArticleSchema.ts
new file mode 100644
index 00000000..a2407fad
--- /dev/null
+++ b/apps/university-web/src/components/mentor/ArticleBottomSheetModal/hooks/useArticleSchema.ts
@@ -0,0 +1,129 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useGetMentorMyProfile } from "@/apis/mentor";
+import { usePostAddArticle, usePutModifyArticle } from "@/apis/news";
+import { normalizeImageUrlToUploadCdn } from "@/utils/cdnUrl";
+import type { InitialData } from "..";
+import { type ArticleFormData, articleSchema } from "../lib/schema";
+
+interface UseArticleSchemaProps {
+  initialData?: InitialData;
+  handleClose: () => void;
+  isEdit: boolean;
+  articleId?: number;
+  isOpen: boolean;
+}
+
+interface UseArticleSchemaReturn {
+  methods: ReturnType<typeof useForm<ArticleFormData>>;
+  imagePreview: string | null;
+  handleImageChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  handleFormSubmit: (data: ArticleFormData) => void;
+  handleModalClose: () => void;
+  handleSetImageDelete: () => void;
+}
+
+const useArticleSchema = ({
+  initialData,
+  isEdit,
+  articleId = -1,
+  handleClose,
+  isOpen,
+}: UseArticleSchemaProps): UseArticleSchemaReturn => {
+  const [imagePreview, setImagePreview] = useState<string | null>(null);
+
+  const { data: myInfo } = useGetMentorMyProfile(); // myInfo?.id 필요
+  const { mutate: postAddArticle } = usePostAddArticle(myInfo?.id || null);
+  const { mutate: putModifyArticle } = usePutModifyArticle(myInfo?.id || null);
+
+  const methods = useForm<ArticleFormData>({
+    resolver: zodResolver(articleSchema),
+    defaultValues: {
+      title: initialData?.title || "",
+      description: initialData?.description || "",
+      url: initialData?.url || "",
+      file: undefined,
+    },
+  });
+
+  const { reset, setValue } = methods;
+
+  useEffect(() => {
+    if (isOpen) {
+      // 모달이 열릴 때: initialData로 폼을 초기화합니다.
+      const defaultValues = {
+        title: initialData?.title || "",
+        description: initialData?.description || "",
+        url: initialData?.url || "",
+        file: undefined,
+      };
+      reset(defaultValues); // react-hook-form의 reset 기능으로 defaultValues 설정
+
+      // 이미지 미리보기도 초기 데이터로 설정합니다.
+      const imageSrc = initialData?.thumbnailUrl ? normalizeImageUrlToUploadCdn(initialData.thumbnailUrl) : null;
+      setImagePreview(imageSrc);
+    } else {
+      // 모달이 닫힐 때: 모든 상태를 깨끗하게 초기화합니다.
+      reset({ title: "", description: "", url: "", file: undefined });
+      setImagePreview(null);
+    }
+  }, [isOpen, initialData, reset]); // isOpen 또는 initialData가 변경될 때마다 실행
+
+  const handleImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const files = e.target.files;
+    if (files && files.length > 0) {
+      const file = files[0];
+      setValue("file", file);
+
+      // 미리보기 설정
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        setImagePreview(reader.result as string);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+
+  const handleFormSubmit = (data: ArticleFormData) => {
+    if (isEdit) {
+      putModifyArticle(
+        { body: data, articleId },
+        {
+          onSuccess: () => {
+            handleClose();
+            reset();
+          },
+        },
+      );
+    } else {
+      postAddArticle(data, {
+        onSuccess: () => {
+          handleClose();
+          reset();
+        },
+      });
+    }
+  };
+
+  const handleModalClose = () => {
+    handleClose();
+    reset();
+    setImagePreview(null);
+  };
+
+  const handleSetImageDelete = () => {
+    setImagePreview(null);
+    setValue("file", undefined);
+  };
+  return {
+    methods,
+    imagePreview,
+    handleImageChange,
+    handleFormSubmit,
+    handleModalClose,
+    handleSetImageDelete,
+  };
+};
+
+export default useArticleSchema;
diff --git a/apps/university-web/src/components/mentor/ArticleBottomSheetModal/index.tsx b/apps/university-web/src/components/mentor/ArticleBottomSheetModal/index.tsx
new file mode 100644
index 00000000..e819c121
--- /dev/null
+++ b/apps/university-web/src/components/mentor/ArticleBottomSheetModal/index.tsx
@@ -0,0 +1,143 @@
+import BottomSheet from "@/components/ui/BottomSheet";
+import Image from "@/components/ui/FallbackImage";
+import { IconCamera } from "@/public/svgs/mentor";
+import useArticleSchema from "./hooks/useArticleSchema";
+
+export type InitialData = {
+  title?: string;
+  description?: string;
+  url?: string;
+  thumbnailUrl?: string;
+};
+
+type ArticleBottomSheetModalProps = {
+  mode: "수정하기" | "추가하기";
+  isOpen: boolean;
+  handleClose: () => void;
+  initialData?: InitialData;
+  articleId?: number;
+};
+
+const ArticleBottomSheetModal = ({
+  isOpen,
+  mode,
+  articleId,
+  handleClose,
+  initialData,
+}: ArticleBottomSheetModalProps) => {
+  const { methods, imagePreview, handleImageChange, handleFormSubmit, handleModalClose, handleSetImageDelete } =
+    useArticleSchema({
+      initialData,
+      isEdit: mode === "수정하기",
+      handleClose,
+      articleId,
+      isOpen,
+    });
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = methods;
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="flex h-full flex-col overflow-hidden">
+      <BottomSheet
+        isOpen={isOpen}
+        onClose={handleModalClose}
+        titleChild={
+          <div className="relative flex h-10 w-full items-center">
+            <span className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 typo-sb-5">아티클 {mode}</span>
+            <button
+              type="button"
+              onClick={(e) => {
+                e.preventDefault();
+                handleSubmit(handleFormSubmit)(e);
+              }}
+              className="absolute right-0 top-1/2 -translate-y-1/2 rounded-lg px-3 py-1 text-secondary typo-sb-9"
+            >
+              저장
+            </button>
+          </div>
+        }
+      >
+        <div className="flex h-full flex-col">
+          <div className="scrollbar-thin scrollbar-track-gray-100 scrollbar-thumb-gray-300 flex-1 space-y-6 overflow-y-auto px-2">
+            {/* 제목 */}
+            <div>
+              <input
+                type="text"
+                {...register("title")}
+                placeholder="제목을 입력해주세요. (최대 20자)"
+                maxLength={20}
+                className="w-full border-b border-k-100 py-4 text-k-900 placeholder-k-100 focus:border-b focus:border-secondary-200 focus:outline-none"
+              />
+              {errors.title && <p className="mt-2 text-red-600 typo-regular-2">{errors.title.message}</p>}
+            </div>
+
+            {/* 내용 */}
+            <div>
+              <textarea
+                {...register("description")}
+                placeholder="아티클의 내용을 간단히 남겨주세요."
+                maxLength={300}
+                rows={6}
+                className="w-full border-b border-k-100 py-4 text-k-900 placeholder-k-100 focus:border-b focus:border-secondary-200 focus:outline-none"
+              />
+              {errors.description && <p className="mt-2 text-red-600 typo-regular-2">{errors.description.message}</p>}
+            </div>
+
+            {/* 아티클 링크 */}
+            <div>
+              <label className="mb-3 block text-primary typo-regular-1">아티클 링크</label>
+              <input
+                type="url"
+                {...register("url")}
+                placeholder="링크주소"
+                className="w-full rounded-xl bg-k-50 p-4 placeholder-k-500 typo-regular-2 focus:border-secondary-200 focus:outline-none focus:ring-secondary-100"
+              />
+              {errors.url && <p className="mt-2 text-red-600 typo-regular-2">{errors.url.message}</p>}
+            </div>
+
+            {/* 썸네일 등록 */}
+            <div>
+              <label className="mb-3 block text-primary typo-regular-1">썸네일 등록</label>
+              <div className="rounded-xl bg-k-50 p-12 text-center">
+                {imagePreview ? (
+                  <div className="relative w-full">
+                    <Image
+                      src={imagePreview}
+                      alt="미리보기"
+                      width={400}
+                      height={200}
+                      className="mx-auto rounded-lg object-cover"
+                    />
+
+                    <button
+                      type="button"
+                      onClick={handleSetImageDelete}
+                      className="absolute -right-2 -top-2 flex h-7 w-7 items-center justify-center rounded-full bg-red-500 text-white shadow-lg"
+                    >
+                      ×
+                    </button>
+                  </div>
+                ) : (
+                  <label htmlFor="image-upload" className="flex cursor-pointer flex-col items-center">
+                    <div className="mx-auto mb-4 flex h-6 w-6 items-center justify-center rounded-full">
+                      <IconCamera />
+                    </div>
+                    <p className="mb-4 text-k-500 typo-regular-2">아티클 썸네일을 등록해주세요</p>
+                  </label>
+                )}
+                <input type="file" accept="image/*" onChange={handleImageChange} className="hidden" id="image-upload" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </BottomSheet>
+    </div>
+  );
+};
+
+export default ArticleBottomSheetModal;
diff --git a/apps/university-web/src/components/mentor/ArticleBottomSheetModal/lib/schema.ts b/apps/university-web/src/components/mentor/ArticleBottomSheetModal/lib/schema.ts
new file mode 100644
index 00000000..8c79f5e8
--- /dev/null
+++ b/apps/university-web/src/components/mentor/ArticleBottomSheetModal/lib/schema.ts
@@ -0,0 +1,13 @@
+import { z } from "zod";
+
+// Zod 스키마 정의
+export const articleSchema = z.object({
+  title: z.string().min(1, "제목을 입력해주세요").max(20, "제목은 20자 이하로 입력해주세요"),
+  description: z.string().min(1, "내용을 입력해주세요").max(300, "내용은 300자 이하로 입력해주세요"),
+  url: z.union([z.string().url("올바른 링크 주소를 입력해주세요"), z.literal("")]).optional(),
+  resetToDefaultImage: z.boolean().optional(),
+  // file은 optional로 설정 (업로드하지 않을 수도 있으므로)
+  file: z.instanceof(File).optional(),
+});
+
+export type ArticleFormData = z.infer<typeof articleSchema>;
diff --git a/apps/university-web/src/components/mentor/ChannelSelct/_hooks/useSelectHandler.ts b/apps/university-web/src/components/mentor/ChannelSelct/_hooks/useSelectHandler.ts
new file mode 100644
index 00000000..f4b87a62
--- /dev/null
+++ b/apps/university-web/src/components/mentor/ChannelSelct/_hooks/useSelectHandler.ts
@@ -0,0 +1,59 @@
+import { type RefObject, useEffect, useRef, useState } from "react";
+import { type Control, type FieldValues, useController } from "react-hook-form";
+
+import type { ChannelType } from "@/types/mentor";
+
+interface useSelectHandlerReturn {
+  isOpen: boolean;
+  dropdownRef: RefObject<HTMLDivElement>;
+  handleChannelChange: (val: ChannelType | null) => void;
+  toggleDropdown: () => void;
+}
+
+interface UseSelectHandlerProps {
+  name?: string;
+  control: Control<FieldValues>;
+  onChannelChange?: (val: ChannelType | null) => void;
+}
+const useSelectHandler = ({
+  name = "channel",
+  control,
+  onChannelChange,
+}: UseSelectHandlerProps): useSelectHandlerReturn => {
+  const [isOpen, setIsOpen] = useState(false);
+  const dropdownRef = useRef<HTMLDivElement>(null!);
+
+  const { field } = useController({ name, control, defaultValue: null });
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        setIsOpen(false);
+      }
+    };
+
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen]);
+
+  const handleChannelChange = (value: ChannelType | null) => {
+    setIsOpen(false);
+    field.onChange(value); // react‑hook‑form state
+    onChannelChange?.(value); // 외부 콜백 호출
+  };
+  const toggleDropdown = () => {
+    setIsOpen(!isOpen);
+  };
+  return {
+    isOpen,
+    dropdownRef,
+    handleChannelChange,
+    toggleDropdown,
+  };
+};
+export default useSelectHandler;
diff --git a/apps/university-web/src/components/mentor/ChannelSelct/index.tsx b/apps/university-web/src/components/mentor/ChannelSelct/index.tsx
new file mode 100644
index 00000000..4aa23b92
--- /dev/null
+++ b/apps/university-web/src/components/mentor/ChannelSelct/index.tsx
@@ -0,0 +1,65 @@
+import { type Control, type FieldValues, useController } from "react-hook-form";
+import { IconDirectionDown, IconDirectionUp } from "@/public/svgs/mentor";
+
+import { ChannelType } from "@/types/mentor";
+import useSelectHandler from "./_hooks/useSelectHandler";
+
+interface ChannelSelectProps {
+  name?: string;
+  control: Control<FieldValues>;
+  onChannelChange?: (val: ChannelType | null) => void;
+}
+
+const ChannelSelect = ({ name = "channel", control, onChannelChange }: ChannelSelectProps) => {
+  const { isOpen, dropdownRef, handleChannelChange, toggleDropdown } = useSelectHandler({
+    name,
+    control,
+    onChannelChange,
+  });
+
+  const {
+    field: { value },
+  } = useController({ name, control }) as { field: { value: string | null } };
+
+  return (
+    <div className="relative h-11" ref={dropdownRef}>
+      {/* slect요소 */}
+      <button
+        type="button"
+        onClick={toggleDropdown}
+        className={`flex w-full items-center justify-between rounded-lg border border-gray-300 px-4 py-3 focus:border-secondary focus:outline-none focus:ring-1 focus:ring-secondary`}
+      >
+        <span className={`typo-medium-2 ${value ? "text-secondary" : "text-k-300"}`}>
+          {value === null ? "선택 안함" : value || "채널을 선택해주세요."}
+        </span>
+        <span className="h-4 w-4 text-gray-400">{isOpen ? <IconDirectionUp /> : <IconDirectionDown />}</span>
+      </button>
+
+      {/* option요소 */}
+      {isOpen && (
+        <div className="absolute left-0 right-0 top-full z-50 mt-1 rounded-lg border border-gray-300 bg-white shadow-lg">
+          <button
+            type="button"
+            className={`w-full border-b border-gray-100 px-4 py-3 text-left text-gray-500 typo-regular-2 hover:bg-k-50 hover:text-gray-700`}
+            onClick={() => handleChannelChange(null)}
+          >
+            선택 안함
+          </button>
+          {Object.values(ChannelType).map((option, optionIndex) => (
+            <button
+              key={option}
+              type="button"
+              onClick={() => handleChannelChange(option)}
+              className={`w-full px-4 py-3 text-left text-k-900 typo-regular-2 hover:bg-secondary-100 hover:text-secondary ${
+                optionIndex === Object.values(ChannelType).length - 1 ? "rounded-b-lg" : "border-b border-gray-100"
+              }`}
+            >
+              {option}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+export default ChannelSelect;
diff --git a/apps/university-web/src/components/mentor/MentorApplyCountContent/index.tsx b/apps/university-web/src/components/mentor/MentorApplyCountContent/index.tsx
new file mode 100644
index 00000000..6ca46e76
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorApplyCountContent/index.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { useGetUnconfirmedMentoringCount } from "@/apis/mentor";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { UserRole } from "@/types/mentor";
+
+const MentorApplyCountContent = () => {
+  const router = useRouter();
+  const { isInitialized, isAuthenticated, serverRole } = useAuthStore();
+  const isMentor = serverRole === UserRole.MENTOR;
+
+  const { data: count, isSuccess } = useGetUnconfirmedMentoringCount(isInitialized && isAuthenticated && isMentor);
+
+  const [isModalOpen, setIsModalOpen] = useState<boolean>(true);
+
+  // 신규 신청 없으면 표시
+  if (!isInitialized || !isMentor || !isSuccess || !isModalOpen || count === 0) return null;
+
+  return (
+    <div className="fixed left-1/2 top-16 z-50 w-[80%] max-w-md -translate-x-1/2 rounded-xl bg-secondary px-6 py-4 text-white shadow-md">
+      {/* close button */}
+      <button
+        type="button"
+        onClick={(e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          setIsModalOpen(false);
+        }}
+        className="absolute right-3 top-3 text-white/80 hover:text-white"
+        aria-label="닫기"
+      >
+        ✕
+      </button>
+      <button
+        type="button"
+        onClick={() => {
+          setIsModalOpen(false);
+          router.push("/mentor");
+        }}
+        className="w-full text-left"
+      >
+        <div className="flex items-center">
+          {/* left: message */}
+          <div className="flex-1">
+            <h2 className="typo-sb-11">알림</h2>
+            <p className="mt-1 typo-regular-2">새로운 요청이 들어왔어요!</p>
+            <p className="typo-regular-2">어서 요청을 수락해주세요.</p>
+          </div>
+
+          {/* divider */}
+          <div className="mx-4 h-12 w-px bg-k-300" />
+
+          {/* right: count */}
+          <div className="min-w-[80px] text-center">
+            <span className="typo-regular-4">신규 신청</span>
+            <div className="typo-bold-1">{count}명</div>
+          </div>
+        </div>
+      </button>
+    </div>
+  );
+};
+
+export default MentorApplyCountContent;
diff --git a/apps/university-web/src/components/mentor/MentorApplyCountModal/index.tsx b/apps/university-web/src/components/mentor/MentorApplyCountModal/index.tsx
new file mode 100644
index 00000000..1439d2ce
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorApplyCountModal/index.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import MentorApplyCountContent from "../MentorApplyCountContent";
+
+/**
+ * 서버 컴포넌트에서 사용 가능한 MentorApplyCountModal 래퍼
+ * MentorApplyCountContent를 그대로 렌더링합니다.
+ */
+const MentorApplyCountModal = () => {
+  return <MentorApplyCountContent />;
+};
+
+export default MentorApplyCountModal;
diff --git a/apps/university-web/src/components/mentor/MentorCard/_ui/ArticlePreview.tsx b/apps/university-web/src/components/mentor/MentorCard/_ui/ArticlePreview.tsx
new file mode 100644
index 00000000..df0e18bd
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorCard/_ui/ArticlePreview.tsx
@@ -0,0 +1,26 @@
+import Image from "@/components/ui/FallbackImage";
+import type { Article } from "@/types/news";
+import { normalizeImageUrlToUploadCdn } from "@/utils/cdnUrl";
+
+interface ArticlePreviewProps {
+  article: Article;
+}
+
+const ArticlePreview = ({ article }: ArticlePreviewProps) => {
+  const thumbnailUrl = normalizeImageUrlToUploadCdn(article.thumbnailUrl);
+  return (
+    <a
+      href={article.url}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="block overflow-hidden rounded-lg bg-k-50 transition-opacity hover:opacity-90"
+    >
+      <div className="relative h-32 w-full bg-gradient-to-br from-blue-400 to-blue-600">
+        <Image src={thumbnailUrl} alt={article.title} fill className="object-cover" />
+      </div>
+      <p className="line-clamp-1 px-3 py-2 text-k-800 typo-sb-7">{article.title}</p>
+    </a>
+  );
+};
+
+export default ArticlePreview;
diff --git a/apps/university-web/src/components/mentor/MentorCard/hooks/usePostApplyMentorHandler.ts b/apps/university-web/src/components/mentor/MentorCard/hooks/usePostApplyMentorHandler.ts
new file mode 100644
index 00000000..bc0723ae
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorCard/hooks/usePostApplyMentorHandler.ts
@@ -0,0 +1,36 @@
+import { useRouter } from "next/navigation";
+
+import { usePostApplyMentoring } from "@/apis/mentor";
+import { customConfirm } from "@/lib/zustand/useConfirmModalStore";
+import { IconCheck } from "@/public/svgs/mentor";
+
+interface UsePostApplyMentorHandlerReturn {
+  handlePostApplyMentor: (mentorId: number) => Promise<void>;
+}
+const usePostApplyMentorHandler = (): UsePostApplyMentorHandlerReturn => {
+  const router = useRouter();
+
+  const { mutate: postApplyMentoring } = usePostApplyMentoring();
+
+  const handlePostApplyMentor = async (mentorId: number) => {
+    postApplyMentoring(
+      { mentorId },
+      {
+        onSuccess: async () => {
+          const ok = await customConfirm({
+            title: "멘티 신청이 완료되었어요!",
+            content: "멘토가 신청을 수락하면 대화를 시작할 수 있어요.\n조금만 기다려주세요.",
+            icon: IconCheck,
+            approveMessage: "다른 멘토 찾기",
+            rejectMessage: "홈으로",
+          });
+          if (!ok) {
+            router.push("/");
+          }
+        },
+      },
+    );
+  };
+  return { handlePostApplyMentor };
+};
+export default usePostApplyMentorHandler;
diff --git a/apps/university-web/src/components/mentor/MentorCard/index.tsx b/apps/university-web/src/components/mentor/MentorCard/index.tsx
new file mode 100644
index 00000000..d898ce18
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorCard/index.tsx
@@ -0,0 +1,158 @@
+"use client";
+
+import clsx from "clsx";
+import Link from "next/link";
+import { useMemo, useState } from "react";
+import { useGetArticleList } from "@/apis/news";
+import { IconDirectionDown, IconDirectionUp } from "@/public/svgs/mentor";
+import type { MentorCardDetail, MentorCardPreview } from "@/types/mentor";
+import ChannelBadge from "../../ui/ChannelBadge";
+import ProfileWithBadge from "../../ui/ProfileWithBadge";
+import StudyDate from "../StudyDate";
+import ArticlePreview from "./_ui/ArticlePreview";
+import usePostApplyMentorHandler from "./hooks/usePostApplyMentorHandler";
+
+interface MentorCardProps {
+  mentor: MentorCardDetail | MentorCardPreview;
+  observeRef?: (node: Element | null) => void;
+  isMine?: boolean; // isMine prop 추가
+}
+
+const MentorCard = ({ mentor, observeRef, isMine = false }: MentorCardProps) => {
+  const [isExpanded, setIsExpanded] = useState<boolean>(false);
+  const { handlePostApplyMentor } = usePostApplyMentorHandler();
+
+  const {
+    profileImageUrl,
+    hasBadge,
+    menteeCount,
+    country,
+    nickname,
+    universityName,
+    introduction,
+    passTip,
+    channels,
+    term,
+    id,
+  } = mentor ?? {};
+
+  const isDetail = mentor && "passTip" in mentor;
+
+  const { data: articles } = useGetArticleList(id ?? 0, { enabled: isExpanded && !!id });
+
+  const latestArticle = useMemo(() => {
+    if (!articles || articles.length === 0) return undefined;
+    return [...articles].sort((a, b) => b.updatedAt.localeCompare(a.updatedAt))[0];
+  }, [articles]);
+
+  return (
+    <div
+      className="rounded-lg bg-white px-4 pt-4 pb-3 shadow-sdwB"
+      ref={observeRef} // observeRef를 div에 연결
+    >
+      {/* 멘토 프로필 헤더 */}
+      <div className="flex items-start gap-3">
+        <div className="flex flex-col items-center">
+          <ProfileWithBadge profileImageUrl={profileImageUrl} hasBadge={hasBadge} />
+        </div>
+
+        <div className="flex flex-1 flex-col items-stretch">
+          <div className="mb-1 flex items-center justify-between">
+            <span className="text-primary-1 typo-sb-7">{country}</span>
+            {isDetail && <StudyDate term={term!} />}
+          </div>
+          <h3 className="text-k-800 typo-bold-2">{nickname}님</h3>
+          <div className="mt-1 flex flex-col">
+            <p className="text-k-500 typo-medium-2">{universityName}</p>
+          </div>
+        </div>
+      </div>
+
+      {/* 확장된 내용 */}
+      {isExpanded && (
+        <>
+          {/* 멘토 한마디 */}
+          <div className="mb-4 mt-5">
+            <h4 className="mb-2 text-blue-600 typo-sb-5">멘토 한마디</h4>
+            <p className="text-k-900 typo-regular-2">{introduction}</p>
+          </div>
+
+          {/* 합격 레시피 */}
+          {isDetail && (
+            <div className="mb-4">
+              <h4 className="mb-2 text-blue-600 typo-sb-5">합격 레시피</h4>
+              <p className="text-k-900 typo-regular-2">{passTip || "정보가 없습니다."}</p>
+            </div>
+          )}
+
+          {/* 멘토 채널 */}
+          <div className="mb-4">
+            <h4 className="mb-2 text-blue-600 typo-sb-5">멘토 채널</h4>
+            <div
+              className={clsx("grid gap-2", {
+                "grid-cols-1": channels?.length === 1,
+                "grid-cols-2": channels && channels.length >= 2,
+              })}
+            >
+              {channels?.map((channel, idx) => (
+                <a
+                  key={idx}
+                  className={`h-10 ${channels && channels.length === 1 ? "w-full" : channels && channels.length === 3 && idx === 2 ? "col-span-2" : ""}`}
+                  href={channel.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <ChannelBadge channelType={channel.type} />
+                </a>
+              ))}
+            </div>
+          </div>
+
+          {/* 멘토 아티클 */}
+          {latestArticle && (
+            <div className="mb-4">
+              <h4 className="mb-2 text-blue-600 typo-sb-5">멘토 아티클</h4>
+              <ArticlePreview article={latestArticle} />
+            </div>
+          )}
+
+          {/* 액션 버튼 */}
+          <div className="mb-4 flex items-center justify-center gap-2.5 self-stretch">
+            {isMine ? (
+              <Link
+                href="/mentor/modify"
+                className="flex h-10 w-[150px] flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 text-white typo-medium-2"
+              >
+                수정하기
+              </Link>
+            ) : (
+              <>
+                <Link
+                  href={`/mentor/${id}`}
+                  className="flex h-10 w-1/2 flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 text-white typo-medium-2"
+                >
+                  멘토 페이지
+                </Link>
+                <button
+                  onClick={() => id && handlePostApplyMentor(id)}
+                  className="flex h-10 w-1/2 flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 text-white typo-medium-2"
+                >
+                  멘토링 신청하기
+                </button>
+              </>
+            )}
+          </div>
+        </>
+      )}
+
+      {/* 접기/펼치기 버튼 */}
+      <div className="mt-1 flex justify-center border-t border-t-k-50 pt-2">
+        <button onClick={() => setIsExpanded(!isExpanded)} className="flex h-6 w-7 items-center justify-center">
+          <span className="h-6 w-7">{isExpanded ? <IconDirectionUp /> : <IconDirectionDown />}</span>
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default MentorCard;
diff --git a/apps/university-web/src/components/mentor/MentorChatCard/index.tsx b/apps/university-web/src/components/mentor/MentorChatCard/index.tsx
new file mode 100644
index 00000000..7a83909b
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorChatCard/index.tsx
@@ -0,0 +1,40 @@
+import { convertISODateToKoreanTime } from "@/utils/datetimeUtils";
+
+import ProfileWithBadge from "../../ui/ProfileWithBadge";
+
+interface MentorChatCardProps {
+  profileImageUrl?: string | null;
+  nickname: string;
+  description: string;
+  hasBadge?: boolean;
+  time?: string;
+}
+
+const MentorChatCard = ({ profileImageUrl, nickname, description, hasBadge = false, time }: MentorChatCardProps) => {
+  return (
+    <div
+      className="mb-2 flex h-16 w-full cursor-pointer items-center gap-3 rounded-lg bg-k-0 px-3 py-4 shadow-sdwB"
+      role="button"
+      aria-label={`${nickname}와의 채팅`}
+    >
+      {/* 프로필 이미지 */}
+      <ProfileWithBadge profileImageUrl={profileImageUrl} hasBadge={hasBadge} width={40} height={40} />
+
+      {/* 정보 영역 */}
+      <div className="min-w-0 flex-1">
+        <div className="flex items-center justify-between">
+          <div className="mb-1 text-gray-900 typo-medium-2">{nickname}</div>
+          {time && (
+            <div className="ml-auto whitespace-nowrap text-k-500 typo-regular-4">
+              {convertISODateToKoreanTime(time)}
+            </div>
+          )}
+        </div>
+
+        <div className="truncate text-gray-500 typo-regular-4">{description}</div>
+      </div>
+    </div>
+  );
+};
+
+export default MentorChatCard;
diff --git a/apps/university-web/src/components/mentor/MentorExpandChatCard/hooks/useExpandCardClickHandler.ts b/apps/university-web/src/components/mentor/MentorExpandChatCard/hooks/useExpandCardClickHandler.ts
new file mode 100644
index 00000000..34609484
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorExpandChatCard/hooks/useExpandCardClickHandler.ts
@@ -0,0 +1,47 @@
+import { useState } from "react";
+import { usePatchMenteeCheckMentorings, usePatchMentorCheckMentorings } from "@/apis/mentor";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { UserRole } from "@/types/mentor";
+
+interface UseExpandCardClickHandlerReturn {
+  isExpanded: boolean;
+  isCheckedState: boolean;
+  handleExpandClick: () => void;
+}
+interface UseExpandCardClickHandlerProps {
+  mentoringId: number;
+  initChecked?: boolean;
+}
+
+const useExpandCardClickHandler = ({
+  mentoringId,
+  initChecked = false,
+}: UseExpandCardClickHandlerProps): UseExpandCardClickHandlerReturn => {
+  const clientRole = useAuthStore((state) => state.clientRole);
+  const isMentor = clientRole === UserRole.MENTOR;
+
+  const [isExpanded, setIsExpanded] = useState<boolean>(false);
+  const [isCheckedState, setIsCheckedState] = useState<boolean>(initChecked || false);
+  const { mutate: patchCheckMentorings } = usePatchMentorCheckMentorings();
+  const { mutate: patchMenteeCheckMentorings } = usePatchMenteeCheckMentorings();
+
+  const handleExpandClick = () => {
+    setIsExpanded(!isExpanded);
+    if (!isCheckedState) {
+      setIsCheckedState(true);
+    }
+    if (!isCheckedState) {
+      if (isMentor) {
+        patchCheckMentorings({ checkedMentoringIds: [mentoringId] });
+      } else {
+        patchMenteeCheckMentorings({ checkedMentoringIds: [mentoringId] });
+      }
+    }
+  };
+  return {
+    isExpanded,
+    isCheckedState,
+    handleExpandClick,
+  };
+};
+export default useExpandCardClickHandler;
diff --git a/apps/university-web/src/components/mentor/MentorExpandChatCard/hooks/usePatchApprovalStatusHandler.ts b/apps/university-web/src/components/mentor/MentorExpandChatCard/hooks/usePatchApprovalStatusHandler.ts
new file mode 100644
index 00000000..1ad3e734
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorExpandChatCard/hooks/usePatchApprovalStatusHandler.ts
@@ -0,0 +1,28 @@
+import { usePatchApprovalStatus } from "@/apis/mentor";
+import { customConfirm } from "@/lib/zustand/useConfirmModalStore";
+import { IconUnSmile } from "@/public/svgs/mentor";
+import { MentoringApprovalStatus } from "@/types/mentor";
+
+const usePatchApprovalStatusHandler = () => {
+  const { mutate: patchApprovalStatus } = usePatchApprovalStatus();
+
+  const handleAccept = (mentoringId: number) => {
+    patchApprovalStatus({ status: MentoringApprovalStatus.APPROVED, mentoringId });
+  };
+
+  const handleReject = async (mentoringId: number) => {
+    const ok = await customConfirm({
+      title: "멘티 신청을 정말 거절하시겠어요?",
+      content: "누적 5회 거절 시 멘토 활동에 제약이 있을 수 있어요. 다시 한 번 고민해보세요.",
+      icon: IconUnSmile,
+      approveMessage: "다시 생각해볼게요",
+      rejectMessage: "그래도 거절할래요",
+    });
+    if (ok) return;
+    patchApprovalStatus({ status: MentoringApprovalStatus.REJECTED, mentoringId });
+  };
+
+  return { handleAccept, handleReject };
+};
+
+export default usePatchApprovalStatusHandler;
diff --git a/apps/university-web/src/components/mentor/MentorExpandChatCard/index.tsx b/apps/university-web/src/components/mentor/MentorExpandChatCard/index.tsx
new file mode 100644
index 00000000..3324d034
--- /dev/null
+++ b/apps/university-web/src/components/mentor/MentorExpandChatCard/index.tsx
@@ -0,0 +1,124 @@
+"use client";
+
+import Link from "next/link";
+import usePatchApprovalStatusHandler from "@/components/mentor/MentorExpandChatCard/hooks/usePatchApprovalStatusHandler";
+import ProfileWithBadge from "@/components/ui/ProfileWithBadge";
+import { IconDirectionDown, IconDirectionUp } from "@/public/svgs/mentor";
+import { MentoringApplyStatus } from "@/types/mentor";
+import { convertISODateToKoreanTime } from "@/utils/datetimeUtils";
+import useExpandCardClickHandler from "./hooks/useExpandCardClickHandler";
+
+interface MentorExpandChatCardProps {
+  isChecked?: boolean;
+  verifyStatus?: MentoringApplyStatus;
+  profileImageUrl?: string | null;
+  mentoringId: number;
+  message: string;
+  nickname: string;
+  date?: string;
+  lastElementRef?: (node: Element | null) => void;
+}
+
+const MentorExpandChatCard = ({
+  isChecked,
+  verifyStatus,
+  profileImageUrl,
+  message,
+  nickname,
+  mentoringId,
+  date = "",
+  lastElementRef,
+}: MentorExpandChatCardProps) => {
+  const { isExpanded, isCheckedState, handleExpandClick } = useExpandCardClickHandler({
+    mentoringId,
+    initChecked: isChecked,
+  });
+  const { handleAccept, handleReject } = usePatchApprovalStatusHandler();
+
+  return (
+    <div className="w-full overflow-hidden border-b border-k-50" ref={lastElementRef}>
+      <button className="flex w-full items-start gap-3 p-4" onClick={handleExpandClick}>
+        {/* Profile Image */}
+        <div className="relative h-10 w-10 flex-shrink-0">
+          <ProfileWithBadge profileImageUrl={profileImageUrl} width={40} height={40} />
+        </div>
+
+        {/* Content */}
+        <div className="flex flex-1 flex-col items-start justify-start self-start">
+          <div className="text-left text-gray-900 typo-regular-1">
+            <span className="typo-medium-2">{nickname}</span>
+            {message}
+          </div>
+        </div>
+
+        {/* Unread Count & Expand Icon */}
+        <div className="flex flex-shrink-0 flex-col">
+          {/* Date */}
+          <div>{date && <span className="text-gray-500 typo-regular-4">{convertISODateToKoreanTime(date)}</span>}</div>
+          {/* Unread indicator & Expand icon */}
+          <div className="flex justify-between gap-2">
+            {!isCheckedState ? (
+              <div className="h-2 w-2 rounded-full bg-secondary"></div>
+            ) : (
+              <div className="h-2 w-2"></div>
+            )}
+            <div className="h-5 w-5">{isExpanded ? <IconDirectionUp /> : <IconDirectionDown />}</div>
+          </div>
+        </div>
+      </button>
+
+      {/* Expanded Content */}
+      {isExpanded && (
+        <div className="px-4 pb-4">
+          <div className="mt-3 flex justify-center">
+            {/* TODO mentoringId -> roomID */}
+            {verifyStatus === MentoringApplyStatus.APPROVED ? (
+              mentoringId ? (
+                <Link
+                  href={`/mentor/chat/${mentoringId}`}
+                  className="rounded-full bg-primary-1 px-6 py-2 text-white transition-colors typo-medium-2 hover:bg-primary-2"
+                >
+                  멘토링 시작하기
+                </Link>
+              ) : (
+                <button
+                  disabled
+                  className="cursor-not-allowed rounded-full bg-gray-300 px-6 py-2 text-white typo-medium-2"
+                >
+                  멘토링 ID 없음
+                </button>
+              )
+            ) : verifyStatus === MentoringApplyStatus.PENDING ? (
+              <div className="flex w-full justify-center gap-2">
+                <button
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    handleReject(mentoringId);
+                  }}
+                  className="w-1/3 rounded-full border border-secondary bg-white px-4 py-2 text-gray-700 transition-colors typo-medium-2 hover:bg-k-50"
+                >
+                  거절하기
+                </button>
+                <button
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    handleAccept(mentoringId);
+                  }}
+                  className="w-1/3 rounded-full bg-blue-600 px-4 py-2 text-white transition-colors typo-medium-2 hover:bg-blue-700"
+                >
+                  수락하기
+                </button>
+              </div>
+            ) : (
+              <div className="flex w-full justify-center">
+                <div className="rounded-full bg-primary-200 px-4 py-2 text-k-700 typo-medium-2">거절되었습니다</div>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default MentorExpandChatCard;
diff --git a/apps/university-web/src/components/mentor/StudyDate.tsx b/apps/university-web/src/components/mentor/StudyDate.tsx
new file mode 100644
index 00000000..f0afaccc
--- /dev/null
+++ b/apps/university-web/src/components/mentor/StudyDate.tsx
@@ -0,0 +1,26 @@
+import clsx from "clsx";
+
+interface StudyDateProps {
+  term: string;
+}
+
+const StudyDate = ({ term }: StudyDateProps) => {
+  const isYellow = term.split("-")[1] === "1";
+  const isGreen = term.split("-")[1] === "2";
+  return (
+    <div
+      className={clsx(
+        "flex h-6 w-fit items-center justify-center gap-2.5 rounded px-2 py-px text-center typo-sb-11",
+        isGreen
+          ? "bg-sub-e-100 text-sub-e-500"
+          : isYellow
+            ? "bg-sub-c-100 text-sub-c-500"
+            : "bg-gray-100 text-gray-700",
+      )}
+    >
+      {`${term}학기 파견 `}
+    </div>
+  );
+};
+
+export default StudyDate;
diff --git a/apps/university-web/src/components/mentor/StudyStatusBox.tsx b/apps/university-web/src/components/mentor/StudyStatusBox.tsx
new file mode 100644
index 00000000..61a9982f
--- /dev/null
+++ b/apps/university-web/src/components/mentor/StudyStatusBox.tsx
@@ -0,0 +1,25 @@
+import { MentorStudyStatus } from "@/types/mentor";
+
+interface StudyStatusBoxProps {
+  studyStatus: MentorStudyStatus;
+}
+
+const StudyStatusBox = ({ studyStatus }: StudyStatusBoxProps) => {
+  return (
+    <div
+      className={`flex h-6 w-fit items-center justify-center gap-2.5 rounded px-2 py-px text-center typo-sb-11 ${
+        studyStatus === MentorStudyStatus.STUDYING
+          ? "bg-secondary-100 text-secondary"
+          : studyStatus === MentorStudyStatus.SCHEDULED
+            ? "bg-sub-c-100 text-sub-c-500"
+            : studyStatus === MentorStudyStatus.COMPLETED
+              ? "bg-sub-d-100 text-sub-d-500"
+              : "bg-gray-100 text-gray-700"
+      }`}
+    >
+      {studyStatus}
+    </div>
+  );
+};
+
+export default StudyStatusBox;
diff --git a/apps/university-web/src/components/modal/ConfirmCancelModal.tsx b/apps/university-web/src/components/modal/ConfirmCancelModal.tsx
new file mode 100644
index 00000000..1a73d3e1
--- /dev/null
+++ b/apps/university-web/src/components/modal/ConfirmCancelModal.tsx
@@ -0,0 +1,52 @@
+import ModalBase from "./ModalBase";
+
+type ConfirmCancelModalProps = {
+  isOpen: boolean;
+  title: string;
+  content: string;
+  handleConfirm: () => void;
+  handleCancel: () => void;
+  cancelText?: string;
+  approveText?: string;
+};
+
+const ConfirmCancelModal = ({
+  isOpen,
+  title,
+  content,
+  handleConfirm,
+  handleCancel,
+  cancelText = "취소",
+  approveText = "확인",
+}: ConfirmCancelModalProps) => {
+  if (!isOpen) return null;
+
+  return (
+    <ModalBase isOpen={isOpen} onClose={handleCancel}>
+      <div className="w-[20.5rem] rounded-xl bg-white px-5 py-[22px] shadow-sdwA">
+        <div className="flex flex-col items-center gap-2">
+          <span className="font-serif text-gray-900 typo-bold-4">{title}</span>
+          <span className="whitespace-pre-wrap text-center font-serif text-gray-300 typo-regular-1">{content}</span>
+        </div>
+        <div className="mt-5 flex items-center justify-center gap-1">
+          <button
+            className="flex h-11 w-36 cursor-pointer items-center justify-center rounded-lg border border-bg-900 bg-white px-1.5 py-2"
+            onClick={handleCancel}
+            type="button"
+          >
+            <span className="text-center font-serif text-gray-700 typo-regular-1">{cancelText}</span>
+          </button>
+          <button
+            className="flex h-11 w-36 cursor-pointer items-center justify-center rounded-lg bg-secondary px-1.5 py-2"
+            onClick={handleConfirm}
+            type="button"
+          >
+            <span className="text-center font-serif text-white typo-regular-1">{approveText}</span>
+          </button>
+        </div>
+      </div>
+    </ModalBase>
+  );
+};
+
+export default ConfirmCancelModal;
diff --git a/apps/university-web/src/components/modal/IconAlertModal.tsx b/apps/university-web/src/components/modal/IconAlertModal.tsx
new file mode 100644
index 00000000..5cc6f193
--- /dev/null
+++ b/apps/university-web/src/components/modal/IconAlertModal.tsx
@@ -0,0 +1,54 @@
+import React, { type ComponentType, type SVGProps } from "react";
+
+import ModalBase from "./ModalBase";
+
+type IconAlertModalProps = {
+  icon?: ComponentType<SVGProps<SVGSVGElement>>;
+  isOpen: boolean;
+  title: string;
+  content: string;
+  onAcknowledge: () => void;
+  onClose: () => void;
+  buttonText?: string; // default "확인"
+};
+
+const IconAlertModal = ({
+  icon,
+  isOpen,
+  title,
+  content,
+  onAcknowledge,
+  onClose,
+  buttonText = "확인",
+}: IconAlertModalProps) => {
+  if (!isOpen) return null;
+
+  return (
+    <ModalBase isOpen={isOpen} onClose={onClose}>
+      <div className="flex w-full flex-col items-center">
+        <div className="rounded-xl bg-white px-5 py-6 shadow-sdwA">
+          {icon && (
+            <div className="mb-4 flex w-full justify-center">
+              <div className="h-[60px] w-[60px]">{React.createElement(icon, { className: "h-full w-full" })}</div>
+            </div>
+          )}
+          <div className="flex flex-col items-center gap-2">
+            <span className="font-serif text-k-900 typo-sb-5">{title}</span>
+            <span className="whitespace-pre-wrap text-center font-serif text-k-500 typo-regular-2">{content}</span>
+          </div>
+          <div className="mt-5 flex items-center justify-center">
+            <button
+              className="flex h-11 w-36 items-center justify-center rounded-3xl bg-primary px-1.5 py-2"
+              onClick={onAcknowledge}
+              type="button"
+            >
+              <span className="text-center font-serif text-white typo-regular-1">{buttonText}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </ModalBase>
+  );
+};
+
+export default IconAlertModal;
diff --git a/apps/university-web/src/components/modal/IconConfirmCancelModal.tsx b/apps/university-web/src/components/modal/IconConfirmCancelModal.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/university-web/src/components/modal/IconConfirmModal.tsx b/apps/university-web/src/components/modal/IconConfirmModal.tsx
new file mode 100644
index 00000000..9c6b3c88
--- /dev/null
+++ b/apps/university-web/src/components/modal/IconConfirmModal.tsx
@@ -0,0 +1,63 @@
+import React, { type ComponentType, type SVGProps } from "react";
+
+import ModalBase from "./ModalBase";
+
+type IconConfirmModalProps = {
+  icon?: ComponentType<SVGProps<SVGSVGElement>>;
+  isOpen: boolean;
+  title: string;
+  content: string;
+  onConfirm: () => void;
+  onClose: () => void;
+  approveMessage?: string; // default "확인"
+  rejectMessage?: string; // default "취소"
+};
+
+const IconConfirmModal = ({
+  icon,
+  isOpen,
+  title,
+  content,
+  onConfirm,
+  onClose,
+  approveMessage = "확인",
+  rejectMessage = "취소",
+}: IconConfirmModalProps) => {
+  if (!isOpen) return null;
+
+  return (
+    <ModalBase isOpen={isOpen} onClose={onClose}>
+      <div className="flex w-full flex-col items-center">
+        <div className="rounded-xl bg-white px-5 py-6 shadow-sdwA">
+          {icon && (
+            <div className="mb-4 flex w-full justify-center">
+              <div className="h-[60px] w-[60px]">{React.createElement(icon, { className: "h-full w-full" })}</div>
+            </div>
+          )}
+          <div className="flex flex-col items-center gap-2">
+            <span className="font-serif text-k-900 typo-sb-5">{title}</span>
+            <span className="whitespace-pre-wrap text-center font-serif text-k-500 typo-regular-2">{content}</span>
+          </div>
+          <div className="mt-5 flex items-center justify-center gap-2">
+            <button
+              className="flex h-11 w-36 items-center justify-center rounded-3xl border border-k-200 px-1.5 py-2"
+              onClick={onClose}
+              type="button"
+            >
+              <span className="text-center font-serif text-k-500 typo-regular-1">{rejectMessage}</span>
+            </button>
+            <button
+              className="flex h-11 w-36 items-center justify-center rounded-3xl bg-primary px-1.5 py-2"
+              onClick={onConfirm}
+              type="button"
+            >
+              <span className="text-center font-serif text-white typo-regular-1">{approveMessage}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </ModalBase>
+  );
+};
+
+export default IconConfirmModal;
diff --git a/apps/university-web/src/components/modal/ModalBase.tsx b/apps/university-web/src/components/modal/ModalBase.tsx
new file mode 100644
index 00000000..8864f11c
--- /dev/null
+++ b/apps/university-web/src/components/modal/ModalBase.tsx
@@ -0,0 +1,26 @@
+type ModalProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+};
+
+const ModalBase = ({ isOpen, onClose, children }: ModalProps) => {
+  if (!isOpen) return null;
+
+  const handleOverlayClick = (e) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  };
+
+  return (
+    <div
+      className="fixed inset-0 z-40 flex items-center justify-center bg-black bg-opacity-50"
+      onClick={handleOverlayClick}
+    >
+      <div onClick={(e) => e.stopPropagation()}>{children}</div>
+    </div>
+  );
+};
+
+export default ModalBase;
diff --git a/apps/university-web/src/components/modal/SurveyModal.tsx b/apps/university-web/src/components/modal/SurveyModal.tsx
new file mode 100644
index 00000000..60ca667b
--- /dev/null
+++ b/apps/university-web/src/components/modal/SurveyModal.tsx
@@ -0,0 +1,157 @@
+"use client";
+
+import Image from "next/image";
+import { useEffect, useState } from "react";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import ModalBase from "./ModalBase";
+
+type SurveyModalProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onCloseForWeek: () => void;
+};
+
+const SurveyModal = ({ isOpen, onClose, onCloseForWeek }: SurveyModalProps) => {
+  const [dontShowForWeek, setDontShowForWeek] = useState(false);
+  const surveyUrl = "https://forms.gle/BtdziNrV7gRPLpDt5";
+
+  // 모달이 열릴 때마다 체크박스 상태 초기화
+  useEffect(() => {
+    if (isOpen) {
+      setDontShowForWeek(false);
+    }
+  }, [isOpen]);
+
+  if (!isOpen) return null;
+
+  const handleClose = () => {
+    if (dontShowForWeek) {
+      onCloseForWeek();
+    } else {
+      onClose();
+    }
+  };
+
+  const handleSurveyClick = () => {
+    try {
+      const newWindow = window.open(surveyUrl, "_blank", "noopener,noreferrer");
+
+      if (!newWindow) {
+        // 팝업이 차단된 경우
+        showIconToast("logo", `팝업 차단으로 설문을 열 수 없습니다. 새 탭에서 수동으로 ${surveyUrl} 를 열어주세요.`);
+      }
+    } catch (error) {
+      // 예외 발생 시
+      showIconToast("logo", `설문 링크를 열 수 없습니다. 수동으로 ${surveyUrl} 를 열어주세요.`);
+    }
+  };
+
+  return (
+    <ModalBase isOpen={isOpen} onClose={handleClose}>
+      <div className="relative h-[450px] w-[290px] overflow-hidden rounded-[8px] bg-white shadow-magic-survey-modal [text-size-adjust:100%] [-webkit-text-size-adjust:100%]">
+        <Image
+          src="/images/survey-modal/bg-vector.svg"
+          alt=""
+          aria-hidden
+          width={368}
+          height={265}
+          className="pointer-events-none absolute -left-[9px] top-[15px] h-[265.34px] w-[367.79px] rotate-[0.85deg]"
+        />
+
+        <Image
+          src="/images/survey-modal/top-logo.svg"
+          alt=""
+          aria-hidden
+          width={109}
+          height={26}
+          className="pointer-events-none absolute left-[91px] top-[33px]"
+        />
+
+        <div className="pointer-events-none absolute left-1/2 top-[92px] w-[182px] -translate-x-1/2 text-center leading-[1.3]">
+          <p className="whitespace-nowrap bg-gradient-to-r from-magic-survey-blue to-magic-survey-purple bg-clip-text text-[23px] font-bold text-transparent">
+            솔리드 커넥션,
+          </p>
+          <p className="whitespace-nowrap bg-gradient-to-r from-magic-survey-blue to-magic-survey-purple-dark bg-clip-text text-[40px] font-extrabold text-transparent">
+            26-2학기
+          </p>
+          <p className="whitespace-nowrap bg-gradient-to-r from-magic-survey-blue to-magic-survey-purple-dark bg-clip-text text-[40px] font-extrabold text-transparent">
+            만족도 조사
+          </p>
+        </div>
+
+        <p className="absolute left-1/2 top-[246px] w-[228px] -translate-x-1/2 text-center text-[12px] font-semibold leading-[1.5] text-magic-survey-navy">
+          1분 설문조사하고 멘토링과 커피쿠폰 받아가세요!
+        </p>
+
+        <button
+          onClick={handleSurveyClick}
+          type="button"
+          className="absolute left-1/2 top-[290px] flex h-[33px] w-[160px] -translate-x-1/2 items-center justify-center gap-[5px] rounded-[20px] bg-magic-survey-blue transition-colors hover:bg-magic-survey-blue-hover"
+        >
+          <span className="whitespace-nowrap text-[13px] font-semibold leading-none text-white">설문조사 하러가기</span>
+          <Image
+            src="/images/survey-modal/arrow-right.svg"
+            alt=""
+            aria-hidden
+            width={15}
+            height={15}
+            className="pointer-events-none"
+          />
+        </button>
+
+        <div className="absolute left-1/2 top-[337px] w-[230px] -translate-x-1/2 text-center text-[11px] font-medium leading-[1.5] text-magic-survey-muted">
+          <p className="font-bold">2026년 3월 14일~ 3월 31일</p>
+          <p>추첨을 통해 커피 쿠폰 또는 멘토링 기회를 제공해요🍀</p>
+        </div>
+
+        <div className="absolute bottom-0 left-0 flex h-[44px] w-full items-center justify-between border-t-[0.5px] border-magic-survey-divider px-[19px]">
+          <label className="flex cursor-pointer select-none items-center gap-[5px]">
+            <input
+              type="checkbox"
+              checked={dontShowForWeek}
+              onChange={(e) => setDontShowForWeek(e.target.checked)}
+              className="sr-only"
+            />
+            <span className="relative h-[22px] w-[22px]">
+              <Image
+                src="/images/survey-modal/checkbox-circle.svg"
+                alt=""
+                aria-hidden
+                fill
+                className="object-contain"
+              />
+              <svg
+                viewBox="0 0 12 12"
+                className={`absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 text-magic-survey-muted transition-opacity ${
+                  dontShowForWeek ? "opacity-100" : "opacity-0"
+                }`}
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                aria-hidden="true"
+              >
+                <path
+                  d="M2 6.2L4.6 8.6L10 3.4"
+                  stroke="currentColor"
+                  strokeWidth="1.4"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+              </svg>
+            </span>
+            <span className="text-[12px] font-normal leading-none text-magic-survey-muted">일주일간 보지않기</span>
+          </label>
+
+          <button
+            onClick={handleClose}
+            type="button"
+            className="text-[12px] font-normal leading-none text-magic-survey-muted"
+          >
+            닫기
+          </button>
+        </div>
+      </div>
+    </ModalBase>
+  );
+};
+
+export default SurveyModal;
diff --git a/apps/university-web/src/components/modal/TextModal.tsx b/apps/university-web/src/components/modal/TextModal.tsx
new file mode 100644
index 00000000..60385b4b
--- /dev/null
+++ b/apps/university-web/src/components/modal/TextModal.tsx
@@ -0,0 +1,35 @@
+import ModalBase from "./ModalBase";
+
+type TextModalProps = {
+  isOpen: boolean;
+  handleClose: () => void;
+  title: string;
+  content: string;
+  buttonContent?: string;
+};
+
+const TextModal = ({ isOpen, handleClose, title, content, buttonContent = "확인" }: TextModalProps) => {
+  if (!isOpen) return null;
+
+  return (
+    <ModalBase isOpen={isOpen} onClose={handleClose}>
+      <div className="w-[20.5rem] rounded-xl bg-white px-5 py-[22px] shadow-sdwA">
+        <div className="flex flex-col items-center gap-2">
+          <span className="font-serif text-gray-900 typo-bold-4">{title}</span>
+          <span className="whitespace-pre-wrap text-center font-serif text-gray-900 typo-regular-1">{content}</span>
+        </div>
+        <div className="mt-5 flex flex-col items-center">
+          <button
+            className="flex h-11 w-36 cursor-pointer items-center justify-center rounded-lg bg-secondary px-1.5 py-2"
+            onClick={handleClose}
+            type="button"
+          >
+            <span className="text-center font-serif text-white typo-regular-1">{buttonContent}</span>
+          </button>
+        </div>
+      </div>
+    </ModalBase>
+  );
+};
+
+export default TextModal;
diff --git a/apps/university-web/src/components/score/SubmitLinkTab.tsx b/apps/university-web/src/components/score/SubmitLinkTab.tsx
new file mode 100644
index 00000000..66c4f345
--- /dev/null
+++ b/apps/university-web/src/components/score/SubmitLinkTab.tsx
@@ -0,0 +1,48 @@
+import clsx from "clsx";
+import Link from "next/link";
+
+type SubmitLinkTabProps = {
+  isActiveGpa?: boolean;
+  color?: {
+    activeBtn?: string;
+    deactiveBtn?: string;
+    activeBtnFont?: string;
+    deactiveBtnFont?: string;
+  };
+};
+
+const SubmitLinkTab = ({ color, isActiveGpa = true }: SubmitLinkTabProps) => {
+  const defaultColor = {
+    activeBtnFont: "text-black",
+    deactiveBtnFont: "text-gray-200",
+  };
+  const combinedColor = {
+    activeBtnFont: color?.activeBtnFont ? `text-[${color.activeBtnFont}]` : defaultColor.activeBtnFont,
+    deactiveBtnFont: color?.deactiveBtnFont ? `text-[${color.deactiveBtnFont}]` : defaultColor.deactiveBtnFont,
+  };
+  return (
+    <div className="flex h-9 w-full cursor-pointer flex-row typo-medium-2">
+      <Link
+        href="/university/score/submit/language-test"
+        className={clsx(
+          "flex w-full items-center justify-center border-b-2 border-b-primary-500 bg-white",
+          !isActiveGpa ? "border-b-primary-500" : "border-b-transparent",
+          !isActiveGpa ? combinedColor.activeBtnFont : combinedColor.deactiveBtnFont,
+        )}
+      >
+        <div>공인어학</div>
+      </Link>
+      <Link
+        href="/university/score/submit/gpa"
+        className={clsx(
+          "flex w-full items-center justify-center border-b-2 border-b-primary-500 bg-white",
+          isActiveGpa ? "border-b-primary-500" : "border-b-transparent",
+          isActiveGpa ? combinedColor.activeBtnFont : combinedColor.deactiveBtnFont,
+        )}
+      >
+        <div>학점</div>
+      </Link>
+    </div>
+  );
+};
+export default SubmitLinkTab;
diff --git a/apps/university-web/src/components/score/SubmitResult.tsx b/apps/university-web/src/components/score/SubmitResult.tsx
new file mode 100644
index 00000000..a8e97b8f
--- /dev/null
+++ b/apps/university-web/src/components/score/SubmitResult.tsx
@@ -0,0 +1,101 @@
+import clsx from "clsx";
+
+import { IconCheck } from "@/public/svgs/mentor";
+
+// --- Props 타입 정의 ---
+
+// 정보 행의 타입
+export interface InfoRowProps {
+  label: string;
+  status: string;
+  statusColor?: string; // Tailwind CSS 색상 클래스 (e.g., 'text-blue-600')
+  details?: string;
+}
+
+// 메인 컴포넌트의 Props
+interface SubmitResultProps {
+  title: string;
+  description: string;
+  infoRows: InfoRowProps[];
+  buttonText: string;
+  onClick?: () => void;
+  handleClose?: () => void;
+}
+
+// --- 메인 컴포넌트 ---
+const SubmitResult = ({ title, description, infoRows, buttonText, onClick, handleClose }: SubmitResultProps) => {
+  return (
+    <div className="flex min-h-screen w-full flex-col items-center justify-center p-4 font-sans">
+      <div className="w-full max-w-md text-center">
+        {/* 상단 아이콘 및 텍스트 */}
+        <div className="mb-8 flex flex-col items-center">
+          <IconCheck />
+          <h1 className="mt-4 text-gray-800 typo-bold-1">{title}</h1>
+          <p className="mt-2 text-gray-500 typo-regular-2">{description}</p>
+        </div>
+
+        {/* 정보 카드 */}
+        <div className="rounded-2xl border border-gray-200 bg-white p-2 shadow-sm">
+          <div className="space-y-2">
+            {infoRows.map((row, index) => (
+              <div
+                key={row.label}
+                className={clsx(
+                  "flex items-center justify-between px-4 py-5 typo-regular-2",
+                  index < infoRows.length - 1 && "border-b border-gray-100",
+                )}
+              >
+                <span className="text-gray-600 typo-medium-2">{row.label}</span>
+                <div className="flex items-center gap-3">
+                  <span className={clsx("typo-sb-9", row.statusColor || "text-gray-900")}>{row.status}</span>
+                  {row.details && <span className="text-gray-400">{row.details}</span>}
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* 하단 버튼 */}
+        <div className="mt-8 grid grid-cols-2 gap-4">
+          <button
+            onClick={handleClose}
+            className="w-full rounded-lg border border-primary bg-primary-100 py-3 text-primary typo-sb-9"
+          >
+            닫기
+          </button>
+          <button onClick={onClick} className="w-full rounded-lg bg-primary py-3 text-white typo-sb-9">
+            {buttonText}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+// --- 컴포넌트 사용 예시 ---
+const _ExamplePage = () => {
+  const infoRows = [
+    {
+      label: "공인어학",
+      status: "TOEIC",
+      details: "480/500",
+    },
+    {
+      label: "어학증명서",
+      status: "제출 완료",
+      statusColor: "text-blue-600",
+      details: "증명서.pdf",
+    },
+  ];
+
+  return (
+    <SubmitResult
+      title={"어학 성적 입력 완료"}
+      description={"지원은 총 3번만 가능하며, 제출 완료 후 성적을 변경 하실 수 없습니다."}
+      infoRows={infoRows}
+      buttonText={"학점 입력하기"}
+    />
+  );
+};
+
+export default SubmitResult;
diff --git a/apps/university-web/src/components/search/CustomDropdown.tsx b/apps/university-web/src/components/search/CustomDropdown.tsx
new file mode 100644
index 00000000..f6831df6
--- /dev/null
+++ b/apps/university-web/src/components/search/CustomDropdown.tsx
@@ -0,0 +1,96 @@
+import clsx from "clsx";
+import { type ReactNode, type RefObject, useEffect, useMemo, useRef, useState } from "react";
+
+import { IconDirectionDown } from "@/public/svgs/mentor";
+
+const useClickOutside = (ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void) => {
+  useEffect(() => {
+    const listener = (event: MouseEvent | TouchEvent) => {
+      if (!ref.current || ref.current.contains(event.target as Node)) return;
+      handler(event);
+    };
+
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+};
+
+interface CustomDropdownProps {
+  options: { value: string; label: string }[];
+  value: string;
+  onChange: (value: string) => void;
+  placeholder: string;
+  placeholderSelect: string;
+  icon?: ReactNode;
+  placeholderIcon?: ReactNode;
+}
+
+const CustomDropdown = ({
+  options,
+  value,
+  onChange,
+  placeholder,
+  placeholderSelect,
+  icon,
+  placeholderIcon,
+}: CustomDropdownProps) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  useClickOutside(dropdownRef, () => setIsOpen(false));
+
+  const selectedOptionLabel = useMemo(() => options.find((opt) => opt.value === value)?.label, [options, value]);
+  const isSelected = !!value;
+  return (
+    <div className="relative" ref={dropdownRef}>
+      <button
+        type="button"
+        onClick={() => setIsOpen(!isOpen)}
+        className={clsx(
+          "flex w-full items-center rounded-lg p-3.5 text-left transition-colors",
+          isSelected && "bg-primary-100",
+          !isSelected && "border border-k-100 text-k-400",
+          isOpen && "border-primary-500",
+        )}
+      >
+        {isSelected ? <span className="mr-3">{icon}</span> : <span className="mr-3">{placeholderIcon}</span>}
+
+        <span className="flex-1 text-k-700 typo-sb-9">{placeholder}</span>
+        <span className={clsx("flex items-center typo-sb-9", isSelected ? "text-primary" : "text-k-300")}>
+          {selectedOptionLabel || placeholderSelect}
+          <span className="ml-2 h-5 w-5">
+            <IconDirectionDown />
+          </span>
+        </span>
+      </button>
+
+      {isOpen && (
+        <div className="absolute z-10 mt-1 max-h-60 w-full overflow-y-auto rounded-lg border bg-white shadow-lg">
+          <ul>
+            {options.map((option) => (
+              <li key={option.value}>
+                <button
+                  type="button"
+                  onClick={() => {
+                    onChange(option.value);
+                    setIsOpen(false);
+                  }}
+                  className={clsx(
+                    "hover:bg-primary-50 w-full px-4 py-2.5 text-left text-gray-700",
+                    option.value === value && "bg-primary-100 text-primary-700 typo-sb-9",
+                  )}
+                >
+                  {option.label}
+                </button>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    </div>
+  );
+};
+export default CustomDropdown;
diff --git a/apps/university-web/src/components/search/UniversityFilterSection.tsx b/apps/university-web/src/components/search/UniversityFilterSection.tsx
new file mode 100644
index 00000000..1981797f
--- /dev/null
+++ b/apps/university-web/src/components/search/UniversityFilterSection.tsx
@@ -0,0 +1,123 @@
+"use client";
+
+import clsx from "clsx";
+
+import UniversityRegionTabs from "@/components/search/UniversityRegionTabs";
+import UniversitySearchInput from "@/components/search/UniversitySearchInput";
+import { IconDownArrow, IconHatColor, IconHatGray, IconLocationColor, IconLocationGray } from "@/public/svgs/search";
+import type { RegionKo, RegionOption } from "@/types/university";
+
+interface UniversityFilterSectionProps {
+  // optional: region tabs data
+  regions?: RegionOption[];
+  region?: RegionKo | null;
+  changeRegion?: (value: string | null) => void;
+  // 어학
+  language: string;
+  changeLanguage: (country: string) => void;
+  languageOptions: string[];
+
+  // 국가
+  countries: string[];
+  changeCountry: (index: number, country: string) => void;
+  countryOptions: string[];
+}
+
+const UniversityFilterSection = ({
+  regions,
+  region,
+  changeRegion,
+  language,
+  changeLanguage,
+  languageOptions,
+
+  countries,
+  changeCountry,
+  countryOptions,
+}: UniversityFilterSectionProps) => {
+  return (
+    <div className="flex flex-col">
+      {/* 검색 입력 */}
+      <div className="mb-3">
+        <UniversitySearchInput placeholder="해외 파견 학교를 검색하세요." />
+      </div>
+
+      {/* 지역 탭 (선택적으로 렌더링) */}
+      {regions && changeRegion && (
+        <div className="mb-3">
+          <UniversityRegionTabs regions={regions} region={region ?? null} changeRegion={changeRegion} />
+        </div>
+      )}
+      <div className="relative mb-1 flex flex-col gap-2">
+        <div
+          className={clsx(
+            "relative flex justify-between rounded-lg border py-3 pl-3.5 pr-5",
+            language ? "border-primary-100 bg-primary-100" : "border-k-100",
+          )}
+        >
+          <div className="flex items-center gap-2.5">
+            {language ? <IconHatColor /> : <IconHatGray />}
+            <span className="text-k-700 typo-sb-9">어학</span>
+          </div>
+          <select
+            className={clsx(
+              "appearance-none bg-transparent pr-2.5 text-right typo-sb-9 focus:outline-none",
+              language ? "text-primary" : "text-k-300",
+            )}
+            value={language}
+            onChange={(e) => changeLanguage(e.target.value)}
+          >
+            <option value="">선택</option>
+            {languageOptions.map((opt) => (
+              <option key={opt} value={opt}>
+                {opt}
+              </option>
+            ))}
+          </select>
+          <IconDownArrow className="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-k-300" />
+        </div>
+      </div>
+
+      <div className="flex flex-col gap-1">
+        {countries.map((_cty, i) => {
+          if (i === 0 || countries[i - 1]) {
+            return (
+              <div key={i} className="relative flex flex-col gap-2">
+                <div
+                  className={clsx(
+                    "relative flex justify-between rounded-lg border py-3 pl-3.5 pr-5",
+                    countries[i] ? "border-primary-100 bg-primary-100" : "border-k-100",
+                  )}
+                >
+                  <div className="flex items-center gap-2.5">
+                    {countries[i] ? <IconLocationColor /> : <IconLocationGray />}
+                    <span className="text-k-700 typo-sb-9">관심있는 나라</span>
+                  </div>
+                  <select
+                    className={clsx(
+                      "appearance-none bg-transparent pr-2.5 text-right typo-sb-9 focus:outline-none",
+                      countries[i] ? "text-primary" : "text-k-300",
+                    )}
+                    value={countries[i]}
+                    onChange={(e) => changeCountry(i, e.target.value)}
+                  >
+                    <option value="">나라</option>
+                    {countryOptions.map((opt) => (
+                      <option key={opt} value={opt}>
+                        {opt}
+                      </option>
+                    ))}
+                  </select>
+                  <IconDownArrow className="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-k-300" />
+                </div>
+              </div>
+            );
+          }
+          return null;
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default UniversityFilterSection;
diff --git a/apps/university-web/src/components/search/UniversityRegionTabs.tsx b/apps/university-web/src/components/search/UniversityRegionTabs.tsx
new file mode 100644
index 00000000..a4ec61df
--- /dev/null
+++ b/apps/university-web/src/components/search/UniversityRegionTabs.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import type { RegionKo, RegionOption } from "@/types/university";
+
+interface UniversityRegionTabsProps {
+  regions: RegionOption[];
+  region: RegionKo | null;
+  changeRegion: (value: string | null) => void;
+}
+
+const UniversityRegionTabs = ({ regions, region, changeRegion }: UniversityRegionTabsProps) => {
+  return (
+    <div className="flex gap-2.5">
+      {regions.map((r) => (
+        <button
+          key={r.value}
+          onClick={() => {
+            if (region === r.value) {
+              changeRegion(null);
+              return;
+            }
+
+            changeRegion(r.value);
+          }}
+          className={`rounded-full px-3 py-[5px] transition typo-sb-12 ${
+            region === r.value
+              ? "border border-primary bg-primary-100 text-primary-900"
+              : "border border-k-50 bg-k-50 text-k-300"
+          }`}
+        >
+          {r.label}
+        </button>
+      ))}
+    </div>
+  );
+};
+
+export default UniversityRegionTabs;
diff --git a/apps/university-web/src/components/search/UniversitySearchInput.tsx b/apps/university-web/src/components/search/UniversitySearchInput.tsx
new file mode 100644
index 00000000..e7de5d98
--- /dev/null
+++ b/apps/university-web/src/components/search/UniversitySearchInput.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { forwardRef } from "react";
+
+import { IconSearch } from "@/public/svgs/search";
+
+interface UniversitySearchInputProps {
+  placeholder?: string;
+}
+
+const UniversitySearchInput = forwardRef<HTMLInputElement, UniversitySearchInputProps>(({ placeholder = "" }, ref) => {
+  return (
+    <div className="relative">
+      <input
+        ref={ref}
+        type="text"
+        placeholder={placeholder}
+        className="w-full rounded-lg bg-k-50 px-3.5 py-2.5 text-k-600 typo-regular-1 focus:outline-none"
+      />
+      <div className="pointer-events-none absolute inset-y-0 right-5 flex items-center">
+        <IconSearch />
+      </div>
+    </div>
+  );
+});
+
+UniversitySearchInput.displayName = "UniversitySearchInput";
+export default UniversitySearchInput;
diff --git a/apps/university-web/src/components/ui/BottomSheet/hooks/useHandleModal.ts b/apps/university-web/src/components/ui/BottomSheet/hooks/useHandleModal.ts
new file mode 100644
index 00000000..589dea66
--- /dev/null
+++ b/apps/university-web/src/components/ui/BottomSheet/hooks/useHandleModal.ts
@@ -0,0 +1,129 @@
+import { type MutableRefObject, type RefObject, useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+// 드래그 핸들에서 제외해야 하는 인터랙티브 엘리먼트 판별
+const isInteractiveElement = (el: EventTarget | null): boolean => {
+  return el instanceof HTMLElement && ["INPUT", "TEXTAREA", "SELECT", "BUTTON", "A", "LABEL"].includes(el.tagName);
+};
+
+interface UseHandleModalReturn {
+  elementRef: RefObject<HTMLDivElement>;
+  isVisible: boolean;
+  translateY: number;
+  isDraggingRef: MutableRefObject<boolean>;
+  handleClose: () => void;
+  handleTouchStart: (e: React.TouchEvent | React.MouseEvent) => void;
+  handleTouchMove: (e: React.TouchEvent | React.MouseEvent) => void;
+  handleTouchEnd: () => void;
+}
+
+const useHandleModal = (onClose: () => void, snap: number[] = [0]): UseHandleModalReturn => {
+  const [isVisible, setIsVisible] = useState<boolean>(false); // 열림 상태
+  const [translateY, setTranslateY] = useState<number>(0); // 바텀시트 위치
+
+  const startYRef = useRef<number>(0); // 시작 Y좌표
+  const currentYRef = useRef<number>(0); // 현재 Y좌표
+  const isDraggingRef = useRef<boolean>(false); // 드래그 상태
+  const elementRef = useRef<HTMLDivElement>(null!);
+
+  const snapPoints = useMemo((): number[] => {
+    if (typeof window === "undefined") return [0]; // SSR 대응
+
+    const points = new Set<number>([0]); // Set으로 중복 제거
+    const screenHeight: number = window.innerHeight;
+
+    // 사용자 정의 스냅 포인트들 추가
+    snap.forEach((item: number) => {
+      points.add(-screenHeight * item);
+    });
+
+    // 가장 상단 스냅 포인트 추가 (화면 높이의 90% 위로)
+    points.add(-screenHeight * 0.9);
+
+    return Array.from(points).sort((a: number, b: number) => a - b);
+  }, [snap]);
+
+  useEffect(() => {
+    setIsVisible(true); // Open 애니메이션 실행
+  }, []);
+
+  const handleClose = useCallback((): void => {
+    setIsVisible(false);
+    setTimeout((): void => {
+      if (onClose) onClose();
+    }, 300);
+  }, [onClose]);
+
+  const handleTouchStart = useCallback(
+    (e: React.TouchEvent | React.MouseEvent): void => {
+      // input·textarea 등은 기본 동작(포커스) 유지
+      if (isInteractiveElement(e.target)) {
+        return;
+      }
+
+      if (!isVisible) return;
+
+      e.preventDefault();
+
+      isDraggingRef.current = true;
+      const clientY: number = "touches" in e ? e.touches[0].clientY : e.clientY;
+      startYRef.current = clientY;
+      currentYRef.current = translateY;
+    },
+    [isVisible, translateY],
+  );
+
+  const handleTouchMove = useCallback(
+    (e: React.TouchEvent | React.MouseEvent): void => {
+      if (!isDraggingRef.current || !isVisible) return;
+
+      // 기본 스크롤 동작 방지
+      e.preventDefault();
+
+      const clientY: number = "touches" in e ? e.touches[0].clientY : e.clientY;
+      const deltaY: number = clientY - startYRef.current;
+
+      // requestAnimationFrame으로 부드러운 애니메이션
+      requestAnimationFrame((): void => {
+        setTranslateY(currentYRef.current + deltaY);
+      });
+    },
+    [isVisible],
+  );
+
+  const handleTouchEnd = useCallback((): void => {
+    if (!isVisible || !isDraggingRef.current) return;
+
+    isDraggingRef.current = false;
+
+    // 50px 이상 아래로 드래그하면 닫기
+    if (translateY > 50) {
+      handleClose();
+      return;
+    }
+
+    // 가장 가까운 스냅 포인트로 이동
+    if (snapPoints.length > 0) {
+      const closestSnapPoint: number = snapPoints.reduce((closest: number, current: number): number => {
+        return Math.abs(current - translateY) < Math.abs(closest - translateY) ? current : closest;
+      });
+
+      // 부드러운 스냅 애니메이션
+      requestAnimationFrame((): void => {
+        setTranslateY(closestSnapPoint);
+      });
+    }
+  }, [isVisible, translateY, snapPoints, handleClose]);
+
+  return {
+    elementRef,
+    isVisible,
+    translateY,
+    isDraggingRef,
+    handleClose,
+    handleTouchStart,
+    handleTouchMove,
+    handleTouchEnd,
+  };
+};
+
+export default useHandleModal;
diff --git a/apps/university-web/src/components/ui/BottomSheet/index.tsx b/apps/university-web/src/components/ui/BottomSheet/index.tsx
new file mode 100644
index 00000000..893ab808
--- /dev/null
+++ b/apps/university-web/src/components/ui/BottomSheet/index.tsx
@@ -0,0 +1,94 @@
+import clsx from "clsx";
+import type React from "react";
+
+import useHandleModal from "@/components/ui/BottomSheet/hooks/useHandleModal";
+
+interface BottomSheetProps {
+  isOpen: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+  titleChild?: React.ReactNode;
+  snap?: number[]; // 스냅 포인트 배열
+}
+
+const DEFAULT_SNAP = [0];
+
+const BottomSheet = ({ isOpen, onClose, children, titleChild, snap = DEFAULT_SNAP }: BottomSheetProps) => {
+  const { isVisible, translateY, isDraggingRef, handleClose, handleTouchStart, handleTouchMove, handleTouchEnd } =
+    useHandleModal(onClose, snap);
+
+  if (!isOpen) return null;
+
+  return (
+    <>
+      {/* 배경 오버레이 */}
+      <div
+        className="fixed inset-0 z-50 flex items-end justify-center bg-black bg-opacity-40"
+        onClick={handleClose}
+        onKeyDown={(e) => {
+          if (e.key === "Escape") {
+            handleClose();
+          }
+        }}
+        role="button"
+        tabIndex={-1}
+        aria-label="모달 닫기"
+      />
+
+      {/* 바텀 시트 */}
+      <div
+        className={clsx(
+          "fixed bottom-0 left-0 z-50 flex h-[90vh] max-h-screen w-full flex-col rounded-t-2xl bg-white shadow-2xl",
+          !isDraggingRef.current && "transition-transform duration-300 ease-out",
+          !isDraggingRef.current && isVisible && "translate-y-0",
+          !isDraggingRef.current && !isVisible && "translate-y-full",
+        )}
+        style={
+          isDraggingRef.current || translateY !== 0
+            ? { transform: `translateY(${isVisible ? translateY : 600}px)` }
+            : {}
+        }
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby={titleChild ? "bottom-sheet-title" : undefined}
+      >
+        {/* 확장된 배경 (바텀시트 아래 영역을 흰색으로 채우기) */}
+        <div className="absolute left-0 top-full h-screen w-full bg-white" />
+
+        {/* 드래그 핸들 (드래그 전용 이벤트 바인딩) */}
+        <button
+          className="flex justify-center py-4"
+          onTouchStart={handleTouchStart}
+          onTouchMove={handleTouchMove}
+          onTouchEnd={handleTouchEnd}
+          onMouseDown={handleTouchStart}
+          onMouseMove={handleTouchMove}
+          onMouseUp={handleTouchEnd}
+          onMouseLeave={() => {
+            if (isDraggingRef.current) {
+              handleTouchEnd();
+            }
+          }}
+        >
+          <span className="h-1 w-12 cursor-grab rounded-full bg-gray-300 transition-colors hover:bg-gray-400 active:cursor-grabbing" />
+        </button>
+
+        {/* 헤더 (옵션) */}
+        {titleChild && (
+          <div className="flex-shrink-0 px-6 pb-4">
+            <div id="bottom-sheet-title" className="flex items-center justify-between text-gray-800 typo-sb-5">
+              {titleChild}
+            </div>
+          </div>
+        )}
+
+        {/* 콘텐츠 */}
+        <div className="flex flex-1 flex-col overflow-hidden">
+          <div className="flex-1 overflow-y-auto px-6 pb-6">{children}</div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default BottomSheet;
diff --git a/apps/university-web/src/components/ui/ButtonTab/index.tsx b/apps/university-web/src/components/ui/ButtonTab/index.tsx
new file mode 100644
index 00000000..1bb5efa1
--- /dev/null
+++ b/apps/university-web/src/components/ui/ButtonTab/index.tsx
@@ -0,0 +1,70 @@
+import clsx from "clsx";
+import type { Dispatch, SetStateAction } from "react";
+
+type ButtonTabProps = {
+  choices: string[];
+  choice: string | null;
+  setChoice: Dispatch<SetStateAction<string | null>>;
+  style?: React.CSSProperties;
+  color?: {
+    activeBtn?: string;
+    deactiveBtn?: string;
+    activeBtnFont?: string;
+    deactiveBtnFont?: string;
+    background?: string;
+  };
+};
+
+const ButtonTab = ({ choices, choice, setChoice, style, color }: ButtonTabProps) => {
+  const defaultColor = {
+    activeBtn: "bg-primary",
+    deactiveBtn: "bg-k-50",
+    activeBtnFont: "text-white",
+    deactiveBtnFont: "text-k-300",
+    background: "bg-white", // background-1 색상값 직접 사용
+  };
+
+  const resultColor = { ...defaultColor, ...color };
+
+  const handleButtonClick = (c: string) => {
+    // 이미 선택된 버튼을 다시 클릭할 경우 선택 취소
+    if (c === choice) {
+      setChoice(null);
+    } else {
+      setChoice(c);
+    }
+  };
+
+  return (
+    <div
+      className={clsx("flex flex-row gap-2 overflow-x-auto whitespace-nowrap", resultColor.background)}
+      style={{ ...style }}
+    >
+      {choices.map((c) => {
+        const isActive = c === choice;
+        return (
+          <button
+            key={c}
+            className={clsx(
+              "rounded-full px-3 py-1 leading-5 transition-all duration-200 ease-in-out",
+              isActive ? `${resultColor.activeBtn}` : `${resultColor.deactiveBtn}`,
+            )}
+            onClick={() => handleButtonClick(c)}
+            type="button"
+          >
+            <span
+              className={clsx(
+                "font-serif typo-medium-2",
+                isActive ? `${resultColor.activeBtnFont}` : `${resultColor.deactiveBtnFont}`,
+              )}
+            >
+              {c}
+            </span>
+          </button>
+        );
+      })}
+    </div>
+  );
+};
+
+export default ButtonTab;
diff --git a/apps/university-web/src/components/ui/ChannelBadge.tsx b/apps/university-web/src/components/ui/ChannelBadge.tsx
new file mode 100644
index 00000000..376204e3
--- /dev/null
+++ b/apps/university-web/src/components/ui/ChannelBadge.tsx
@@ -0,0 +1,30 @@
+import { ChannelType } from "@/types/mentor";
+
+interface ChannelBadgeProps {
+  channelType: ChannelType;
+  text?: string;
+}
+
+const ChannelBadge = ({ channelType, text }: ChannelBadgeProps) => {
+  "use memo";
+
+  return (
+    <div
+      className={`flex h-full w-full items-center justify-center gap-[10px] rounded px-2 py-[3px] typo-medium-2 ${
+        channelType === ChannelType.BLOG
+          ? "bg-sub-e-100 text-sub-e-500"
+          : channelType === ChannelType.BRUNCH
+            ? "bg-sub-c-100 text-sub-c-500"
+            : channelType === ChannelType.INSTAGRAM
+              ? "bg-sub-d-100 text-sub-d-500"
+              : channelType === ChannelType.YOUTUBE
+                ? "bg-sub-f-100 text-sub-f-500"
+                : "bg-gray-100"
+      }`}
+    >
+      {text ? text : channelType}
+    </div>
+  );
+};
+
+export default ChannelBadge;
diff --git a/apps/university-web/src/components/ui/Checkbox.tsx b/apps/university-web/src/components/ui/Checkbox.tsx
new file mode 100644
index 00000000..825f728a
--- /dev/null
+++ b/apps/university-web/src/components/ui/Checkbox.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+import { Check } from "lucide-react";
+import type { ComponentType } from "react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const CheckIcon = Check as ComponentType<{ className?: string }>;
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className,
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator className={cn("flex items-center justify-center text-current")}>
+      <CheckIcon className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/apps/university-web/src/components/ui/CloudSpinner/index.tsx b/apps/university-web/src/components/ui/CloudSpinner/index.tsx
new file mode 100644
index 00000000..c0600971
--- /dev/null
+++ b/apps/university-web/src/components/ui/CloudSpinner/index.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+import {
+  IconCloudSpinner1,
+  IconCloudSpinner2,
+  IconCloudSpinner3,
+  IconCloudSpinner4,
+  IconCloudSpinner5,
+  IconCloudSpinner6,
+  IconCloudSpinner7,
+} from "@/public/svgs/loading";
+
+const frames = [
+  IconCloudSpinner1,
+  IconCloudSpinner2,
+  IconCloudSpinner3,
+  IconCloudSpinner4,
+  IconCloudSpinner5,
+  IconCloudSpinner6,
+  IconCloudSpinner7,
+];
+
+type CloudSpinnerProps = {
+  interval?: number;
+};
+
+const CloudSpinner = ({ interval = 200 }: CloudSpinnerProps) => {
+  const [currentFrame, setCurrentFrame] = useState(0);
+
+  useEffect(() => {
+    const frameInterval = setInterval(() => {
+      setCurrentFrame((prevFrame) => (prevFrame + 1) % frames.length);
+    }, interval);
+
+    return () => clearInterval(frameInterval); // 컴포넌트가 언마운트될 때 클리어
+  }, [interval]);
+
+  const FrameComponent = frames[currentFrame];
+
+  return (
+    <div className="cloud-spinner">
+      <FrameComponent />
+    </div>
+  );
+};
+
+export default CloudSpinner;
diff --git a/apps/university-web/src/components/ui/CloudSpinnerPage/index.tsx b/apps/university-web/src/components/ui/CloudSpinnerPage/index.tsx
new file mode 100644
index 00000000..138b093a
--- /dev/null
+++ b/apps/university-web/src/components/ui/CloudSpinnerPage/index.tsx
@@ -0,0 +1,13 @@
+import CloudSpinner from "../CloudSpinner";
+
+const CloudSpinnerPage = () => (
+  <div className="flex h-screen items-center justify-center pb-40">
+    <div className="flex flex-col items-center">
+      <CloudSpinner />
+      <div className="mt-8 font-serif text-gray-350 typo-regular-4">교환학생의 첫 걸음</div>
+      <div className="font-serif typo-sb-6">솔리드 커넥션</div>
+    </div>
+  </div>
+);
+
+export default CloudSpinnerPage;
diff --git a/apps/university-web/src/components/ui/Dropdown/index.tsx b/apps/university-web/src/components/ui/Dropdown/index.tsx
new file mode 100644
index 00000000..bd70e5fa
--- /dev/null
+++ b/apps/university-web/src/components/ui/Dropdown/index.tsx
@@ -0,0 +1,27 @@
+// DropdownItem 타입 정의
+interface DropdownItem {
+  label: string;
+  action: () => void;
+}
+
+// Dropdown 컴포넌트의 props 타입 정의
+interface DropdownProps {
+  options: DropdownItem[];
+}
+
+const Dropdown = ({ options }: DropdownProps) => (
+  <div className="absolute right-0 top-full z-[1000] flex w-36 flex-col rounded-lg shadow-magic-dropdown">
+    {options.map((option, index) => (
+      <button
+        key={option.label}
+        className={`h-10 cursor-pointer border-none bg-white px-3 py-2 ${index === 0 && options.length > 1 ? "rounded-t-lg" : ""} ${index === options.length - 1 && options.length > 1 ? "rounded-b-lg" : ""} ${options.length === 1 ? "rounded-lg" : ""} ${index !== options.length - 1 ? "border-b border-black/10" : ""} `}
+        onClick={option.action}
+        type="button"
+      >
+        {option.label}
+      </button>
+    ))}
+  </div>
+);
+
+export default Dropdown;
diff --git a/apps/university-web/src/components/ui/EmptySdwBCards.tsx b/apps/university-web/src/components/ui/EmptySdwBCards.tsx
new file mode 100644
index 00000000..3e6c5a03
--- /dev/null
+++ b/apps/university-web/src/components/ui/EmptySdwBCards.tsx
@@ -0,0 +1,11 @@
+interface EmptySdwBCardsProps {
+  message?: string;
+}
+const EmptySdwBCards = ({ message = "존재하지 않습니다" }: EmptySdwBCardsProps) => {
+  return (
+    <div className="flex h-full w-full flex-shrink-0 items-center justify-center gap-[10px] rounded-lg bg-white px-4 py-[14px] shadow-sdwB">
+      <p className="text-ellipsis text-k-600 typo-regular-2">{message}</p>
+    </div>
+  );
+};
+export default EmptySdwBCards;
diff --git a/apps/university-web/src/components/ui/FallbackImage.tsx b/apps/university-web/src/components/ui/FallbackImage.tsx
new file mode 100644
index 00000000..14d242f4
--- /dev/null
+++ b/apps/university-web/src/components/ui/FallbackImage.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+import NextImage from "next/image";
+import { useState } from "react";
+import { getUploadCdnOrigin, normalizeImageUrlToUploadCdn } from "@/utils/cdnUrl";
+
+const DEFAULT_FALLBACK_SRC = "/svgs/placeholders/image-placeholder.svg";
+
+type CdnHostType = "default" | "upload";
+
+const CDN_HOSTS: Record<CdnHostType, string> = {
+  default: getUploadCdnOrigin(),
+  upload: getUploadCdnOrigin(),
+};
+
+const resolveCdnUrl = (src: string, cdnHostType?: CdnHostType) => {
+  const trimmedSrc = src.trim();
+
+  if (trimmedSrc.length === 0) return "";
+  if (trimmedSrc.startsWith("http://") || trimmedSrc.startsWith("https://")) {
+    return normalizeImageUrlToUploadCdn(trimmedSrc);
+  }
+  if (trimmedSrc.startsWith("blob:") || trimmedSrc.startsWith("data:")) return trimmedSrc;
+  if (trimmedSrc.startsWith("//")) return normalizeImageUrlToUploadCdn(`https:${trimmedSrc}`);
+  if (trimmedSrc.startsWith("/")) return trimmedSrc;
+  if (!cdnHostType) return normalizeImageUrlToUploadCdn(trimmedSrc);
+
+  const normalizedHost = CDN_HOSTS[cdnHostType].replace(/\/+$/, "");
+  const normalizedPath = trimmedSrc.replace(/^\/+/, "");
+
+  return normalizeImageUrlToUploadCdn(`${normalizedHost}/${normalizedPath}`);
+};
+
+type FallbackImageProps = React.ComponentProps<typeof NextImage> & {
+  fallbackSrc?: string;
+  cdnHostType?: CdnHostType;
+};
+
+const FallbackImage = ({
+  src,
+  fallbackSrc = DEFAULT_FALLBACK_SRC,
+  cdnHostType,
+  onError,
+  ...props
+}: FallbackImageProps) => {
+  const [failedSource, setFailedSource] = useState<string | null>(null);
+
+  const normalizedSrc = typeof src === "string" ? resolveCdnUrl(src, cdnHostType) || fallbackSrc : src;
+  const sourceKey = typeof normalizedSrc === "string" ? normalizedSrc : JSON.stringify(normalizedSrc);
+  const hasError = failedSource === sourceKey;
+  const resolvedSrc = hasError ? fallbackSrc : normalizedSrc;
+
+  return (
+    <NextImage
+      {...props}
+      src={resolvedSrc}
+      onError={(event) => {
+        if (!hasError && resolvedSrc !== fallbackSrc) {
+          setFailedSource(sourceKey);
+        }
+        onError?.(event);
+      }}
+    />
+  );
+};
+
+export default FallbackImage;
diff --git a/apps/university-web/src/components/ui/FloatingUpBtn/hooks/useFloatingUpHandler.ts b/apps/university-web/src/components/ui/FloatingUpBtn/hooks/useFloatingUpHandler.ts
new file mode 100644
index 00000000..e2a28e92
--- /dev/null
+++ b/apps/university-web/src/components/ui/FloatingUpBtn/hooks/useFloatingUpHandler.ts
@@ -0,0 +1,27 @@
+import { useCallback, useEffect, useState } from "react";
+
+const useFloatingUpHandler = (scrollYThreshold: number = 400) => {
+  const [isVisible, setIsVisible] = useState(false);
+
+  const handleScroll = useCallback(() => {
+    setIsVisible(window.scrollY > scrollYThreshold);
+  }, [scrollYThreshold]);
+
+  const handleClick = () => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth",
+    });
+  };
+
+  useEffect(() => {
+    window.addEventListener("scroll", handleScroll);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, [handleScroll]);
+
+  return { isVisible, handleClick };
+};
+
+export default useFloatingUpHandler;
diff --git a/apps/university-web/src/components/ui/FloatingUpBtn/index.tsx b/apps/university-web/src/components/ui/FloatingUpBtn/index.tsx
new file mode 100644
index 00000000..9e062be4
--- /dev/null
+++ b/apps/university-web/src/components/ui/FloatingUpBtn/index.tsx
@@ -0,0 +1,20 @@
+import useFloatingUpHandler from "./hooks/useFloatingUpHandler";
+
+interface FloatingUpBtnProps {
+  scrollYThreshold?: number;
+}
+
+const FloatingUpBtn = ({ scrollYThreshold }: FloatingUpBtnProps) => {
+  const { isVisible, handleClick } = useFloatingUpHandler(scrollYThreshold);
+  if (!isVisible) return null;
+  return (
+    <button
+      className="fixed bottom-20 left-1/2 flex h-10 w-10 -translate-x-1/2 transform items-center justify-center rounded-full bg-primary-100 p-0 text-primary shadow-lg"
+      onClick={handleClick}
+      aria-label="Scroll to top"
+    >
+      ↑
+    </button>
+  );
+};
+export default FloatingUpBtn;
diff --git a/apps/university-web/src/components/ui/Inputa.tsx b/apps/university-web/src/components/ui/Inputa.tsx
new file mode 100644
index 00000000..e4fe663a
--- /dev/null
+++ b/apps/university-web/src/components/ui/Inputa.tsx
@@ -0,0 +1,35 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const inputVariants = cva(
+  "border-input flex w-full px-3.5 py-2.5 rounded-md shadow-sm transition-colors placeholder:text-muted-foreground" +
+    " file:text-foreground file:border-0 file:bg-transparent" +
+    " focus-visible:outline-none focus-visible:ring-ring focus-visible:ring-1" +
+    " disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent border",
+        gray: "bg-k-50 text-primary border-none typo-sb-9 placeholder:text-k-200",
+      },
+      text: {
+        default: "typo-regular-1 file:typo-regular-2 file:typo-medium-2",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      text: "default",
+    },
+  },
+);
+
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, variant, text, ...props }, ref) => {
+  return <input type={type} className={cn(inputVariants({ className, variant, text }))} ref={ref} {...props} />;
+});
+Input.displayName = "Input";
+
+export { Input };
diff --git a/apps/university-web/src/components/ui/Label.tsx b/apps/university-web/src/components/ui/Label.tsx
new file mode 100644
index 00000000..dccda358
--- /dev/null
+++ b/apps/university-web/src/components/ui/Label.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const labelVariants = cva("typo-sb-7 peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };
diff --git a/apps/university-web/src/components/ui/LinkedTextWithIcon/index.tsx b/apps/university-web/src/components/ui/LinkedTextWithIcon/index.tsx
new file mode 100644
index 00000000..9c3caf9a
--- /dev/null
+++ b/apps/university-web/src/components/ui/LinkedTextWithIcon/index.tsx
@@ -0,0 +1,79 @@
+import clsx from "clsx";
+import Link from "next/link";
+
+import { IconDirectionRight } from "@/public/svgs/mentor";
+
+interface LinkedTextWithIconProps {
+  href?: string;
+  onClick?: () => void;
+  icon?: React.ReactNode;
+  text: string;
+  subText?: string;
+  textColor?: string;
+  isBilink?: boolean; // 양방향 링크 여부 (양방향 링크는 아이콘이 양쪽에 위치)
+}
+
+const LinkedTextWithIcon = ({
+  href,
+  onClick,
+  icon,
+  text,
+  subText,
+  textColor = "text-k-700",
+  isBilink = false,
+}: LinkedTextWithIconProps) => {
+  // 타입 안정성을 위해 조건부로 렌더
+  if (href) {
+    return (
+      <Link
+        href={href}
+        target={isBilink ? "_blank" : undefined}
+        className="w-full"
+        rel={isBilink ? "noopener noreferrer" : undefined}
+      >
+        {<Content icon={icon} text={text} subText={subText} textColor={textColor} />}
+      </Link>
+    );
+  }
+
+  return (
+    <button onClick={onClick} className="w-full cursor-pointer">
+      {<Content icon={icon} text={text} subText={subText} textColor={textColor} />}
+    </button>
+  );
+};
+
+export default LinkedTextWithIcon;
+
+interface ContentProps {
+  icon?: React.ReactNode;
+  text: string;
+  subText?: string;
+  textColor?: string;
+}
+
+const Content = ({ icon, text, subText, textColor = "text-k-700" }: ContentProps) => {
+  return (
+    <div className="flex items-center justify-between px-3">
+      {/* 왼쪽 아이콘 + 텍스트 */}
+      <div className="flex flex-1 items-center gap-1">
+        {icon ? (
+          <div className="flex h-8 w-8 items-center justify-center rounded-full [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0">
+            {icon}
+          </div>
+        ) : (
+          <div className="h-8 w-8" />
+        )}
+        <span className={clsx("typo-medium-2", textColor)}>{text}</span>
+      </div>
+
+      {/* 오른쪽 subText + 아이콘 */}
+      <div className="flex shrink-0 items-center gap-1">
+        {subText && <span className="text-k-600 typo-regular-2">{subText}</span>}
+        <span className="flex h-5 w-5 items-center justify-center [&>svg]:h-5 [&>svg]:w-5">
+          <IconDirectionRight />
+        </span>
+      </div>
+    </div>
+  );
+};
diff --git a/apps/university-web/src/components/ui/LinkifyText/index.tsx b/apps/university-web/src/components/ui/LinkifyText/index.tsx
new file mode 100644
index 00000000..766354b7
--- /dev/null
+++ b/apps/university-web/src/components/ui/LinkifyText/index.tsx
@@ -0,0 +1,7 @@
+import Linkify from "linkify-react";
+
+const options = { target: "_blank", className: "text-primary underline" };
+
+const LinkifyText = ({ children }: { children: string }) => <Linkify options={options}>{children}</Linkify>;
+
+export default LinkifyText;
diff --git a/apps/university-web/src/components/ui/OptimisticImg/index.tsx b/apps/university-web/src/components/ui/OptimisticImg/index.tsx
new file mode 100644
index 00000000..865dd11b
--- /dev/null
+++ b/apps/university-web/src/components/ui/OptimisticImg/index.tsx
@@ -0,0 +1,47 @@
+import { useEffect, useState } from "react";
+import Image from "@/components/ui/FallbackImage";
+
+const OptimisticImg = ({ src, alt }: { src: string; alt: string }) => {
+  // 실제 서버 URL인지, 아니면 로컬 blob URL인지 판단
+  const isFinalUrl = src && !src.startsWith("blob:");
+
+  // 최종 이미지가 로딩 완료되었는지 추적하는 상태
+  const [isFinalImageLoaded, setFinalImageLoaded] = useState(false);
+
+  // src prop이 변경될 때마다 로딩 상태를 초기화합니다.
+  // (예: 다른 아티클을 보게 되어 src가 바뀔 경우를 대비)
+  useEffect(() => {
+    setFinalImageLoaded(false);
+  }, []);
+
+  return (
+    <div className="relative h-full w-full">
+      {/* 낙관적 UI를 위한 일반 img 태그입니다.
+        항상 렌더링되어 있다가, 최종 이미지가 로드 완료되면 투명해지면서 사라집니다.
+        'src'를 그대로 사용하여, blob URL일때는 미리보기를, 최종 URL로 바뀌면 임시 플레이스홀더 역할을 합니다.
+      */}
+      <img
+        src={src}
+        alt={alt}
+        className={`absolute h-full w-full object-cover ${isFinalUrl && isFinalImageLoaded ? "opacity-0" : "opacity-100"} `}
+      />
+
+      {/* 실제 URL일 경우에만 Next/Image를 렌더링하고,
+        로드가 완료되면 isFinalImageLoaded 상태를 true로 변경합니다.
+      */}
+      {isFinalUrl && (
+        <Image
+          src={src}
+          alt={alt}
+          fill
+          className={`object-cover ${isFinalImageLoaded ? "opacity-100" : "opacity-0"} `}
+          // 이미지가 성공적으로 로드되면 이 함수가 실행됩니다.
+          onLoad={() => {
+            setFinalImageLoaded(true);
+          }}
+        />
+      )}
+    </div>
+  );
+};
+export default OptimisticImg;
diff --git a/apps/university-web/src/components/ui/ProfileWithBadge.tsx b/apps/university-web/src/components/ui/ProfileWithBadge.tsx
new file mode 100644
index 00000000..e0d7ffda
--- /dev/null
+++ b/apps/university-web/src/components/ui/ProfileWithBadge.tsx
@@ -0,0 +1,65 @@
+import Image from "@/components/ui/FallbackImage";
+import { DEFAULT_PROFILE_IMAGE } from "@/constants/profile";
+import { IconGraduation } from "@/public/svgs/mentor";
+
+interface ProfileWithBadgeProps {
+  profileImageUrl?: string | null;
+  isMentor?: boolean;
+  hasBadge?: boolean;
+  width?: number;
+  height?: number;
+  isBadgeUp?: boolean; // 배지 위치 조정 여부
+}
+
+const ProfileWithBadge = ({
+  profileImageUrl,
+  isMentor,
+  hasBadge = false,
+  width = 86,
+  height = 86,
+  isBadgeUp = true,
+}: ProfileWithBadgeProps) => {
+  const showMentorBadge = isMentor ?? hasBadge;
+
+  // 배지 크기를 전체 크기에 비례해서 계산
+  const badgeSize = Math.round(width * 0.35);
+  const iconSize = Math.round(badgeSize * 0.67);
+
+  return (
+    <div className="relative shrink-0" style={{ width: `${width}px`, height: `${height}px` }}>
+      {/* 프로필 이미지 */}
+      <div
+        className={`h-full w-full overflow-hidden rounded-full ${
+          showMentorBadge ? "border-2 border-primary-2" : "border-none"
+        }`}
+      >
+        <Image
+          unoptimized
+          src={profileImageUrl || DEFAULT_PROFILE_IMAGE}
+          cdnHostType={profileImageUrl ? "upload" : undefined}
+          alt="프로필 이미지"
+          width={width}
+          height={height}
+          className="h-full w-full object-cover"
+          fallbackSrc={DEFAULT_PROFILE_IMAGE}
+        />
+      </div>
+
+      {/* 학습 상태 배지 */}
+      {showMentorBadge && (
+        <div
+          className={`absolute -right-1 flex items-center justify-center rounded-full bg-primary-1 ${
+            isBadgeUp ? "-top-1" : "-bottom-1"
+          }`}
+          style={{ width: `${badgeSize}px`, height: `${badgeSize}px` }}
+        >
+          <div style={{ width: `${iconSize}px`, height: `${iconSize}px` }}>
+            <IconGraduation />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ProfileWithBadge;
diff --git a/apps/university-web/src/components/ui/Progress.tsx b/apps/university-web/src/components/ui/Progress.tsx
new file mode 100644
index 00000000..107605d4
--- /dev/null
+++ b/apps/university-web/src/components/ui/Progress.tsx
@@ -0,0 +1,51 @@
+"use client";
+
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+interface ExtendedProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
+  showPercentage?: boolean;
+  percentageClassName?: string;
+  showIndicator?: boolean;
+}
+
+const Progress = React.forwardRef<React.ElementRef<typeof ProgressPrimitive.Root>, ExtendedProgressProps>(
+  ({ className, value, showPercentage = true, percentageClassName, showIndicator = true, ...props }, ref) => (
+    <div className="relative">
+      {showPercentage && (
+        <div
+          className={cn("absolute -top-5 text-primary transition-all typo-medium-4", percentageClassName)}
+          style={{
+            left: `${value || 0}%`,
+            transform: `translateX(-50%)`,
+          }}
+        >
+          {Math.round(value || 0)}%
+        </div>
+      )}
+      <ProgressPrimitive.Root
+        ref={ref}
+        className={cn("relative h-[0.3125rem] w-full overflow-hidden rounded-full bg-k-100", className)}
+        {...props}
+      >
+        <ProgressPrimitive.Indicator
+          className="h-full w-full flex-1 bg-primary transition-all"
+          style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+        />
+      </ProgressPrimitive.Root>
+      {showIndicator && (
+        <div
+          className="absolute top-1/2 h-2.5 w-2.5 rounded-full bg-primary shadow-sm"
+          style={{
+            left: `${value || 0}%`,
+            transform: `translate(-50%, -50%)`,
+          }}
+        />
+      )}
+    </div>
+  ),
+);
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+export { Progress };
diff --git a/apps/university-web/src/components/ui/ProgressBar.tsx b/apps/university-web/src/components/ui/ProgressBar.tsx
new file mode 100644
index 00000000..a5a2b1c0
--- /dev/null
+++ b/apps/university-web/src/components/ui/ProgressBar.tsx
@@ -0,0 +1,71 @@
+import type React from "react";
+
+interface ProgressBarProps {
+  /** 현재 단계 (예: 1) */
+  currentStep: number;
+  /** 전체 단계 (예: 3) */
+  totalSteps: number;
+  /** 바 전체의 높이 Tailwind 클래스 (기본: h-3) */
+  barHeight?: string;
+  /** 진행 상태 바 색상 (기본: 그라데이션) */
+  barColor?: string;
+  /** 배경 바 색상 (기본: bg-gray-200) */
+  backgroundColor?: string;
+  /** Indicator 색상 (기본: bg-white) */
+  indicatorColor?: string;
+  /** Indicator 크기 (기본: w-5 h-5) */
+  indicatorSize?: string;
+  /** 라벨(`1/3`)을 표시할지 여부 (기본: false) */
+  showLabel?: boolean;
+  /** 라벨 스타일 커스터마이징 (기본: text-gray-600 text-sm) */
+  labelStyle?: string;
+}
+
+const ProgressBar: React.FC<ProgressBarProps> = ({
+  currentStep,
+  totalSteps,
+  barHeight = "h-1.5",
+  barColor = "bg-gradient-to-r from-sub-a to-primary",
+  backgroundColor = "bg-gray-200",
+  indicatorColor = "bg-primary",
+  indicatorSize = "w-2.5 h-2.5",
+  showLabel = false,
+  labelStyle = "text-gray-600 typo-medium-2",
+}) => {
+  // 진행 퍼센트 계산 (0~100)
+  const percentage = Math.max(0, Math.min(100, (currentStep / totalSteps) * 100));
+
+  return (
+    <div className="w-full">
+      {/* 바 컨테이너 */}
+      <div className={`relative w-full rounded-full ${backgroundColor} ${barHeight}`}>
+        {/* 진행중인 바 (그라데이션) */}
+        <div
+          className={`h-full rounded-full transition-all duration-500 ease-out ${barColor}`}
+          style={{ width: `${percentage}%` }}
+        />
+
+        {/* Indicator (진행 상태 원) */}
+        <div
+          className={`absolute top-1/2 -translate-y-1/2 rounded-full shadow-md transition-all duration-500 ease-out ${indicatorColor} ${indicatorSize}`}
+          style={{
+            left: `${percentage}%`,
+            // 원이 바의 끝에 정확히 걸치도록 위치 조정
+            transform: `translateX(-${percentage}%) translateY(-50%)`,
+          }}
+        />
+      </div>
+
+      {/* 라벨 (선택 사항) */}
+      {showLabel && (
+        <div className="mt-2 flex justify-end">
+          <span className={labelStyle}>
+            {currentStep}/{totalSteps}
+          </span>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ProgressBar;
diff --git a/apps/university-web/src/components/ui/ReportPanel/_hooks/useSelectReportHandler.ts b/apps/university-web/src/components/ui/ReportPanel/_hooks/useSelectReportHandler.ts
new file mode 100644
index 00000000..176ac49e
--- /dev/null
+++ b/apps/university-web/src/components/ui/ReportPanel/_hooks/useSelectReportHandler.ts
@@ -0,0 +1,78 @@
+import { usePathname, useRouter } from "next/navigation";
+import { useState } from "react";
+import { usePostReports } from "@/apis/reports";
+import { postBlockUser } from "@/apis/users";
+import { reportReasons } from "@/constants/report";
+import { customConfirm } from "@/lib/zustand/useConfirmModalStore";
+import useReportedPostsStore from "@/lib/zustand/useReportedPostsStore";
+import { IconReport } from "@/public/svgs/mentor";
+import type { ReportType } from "@/types/reports";
+
+interface UseSelectReportHandlerReturn {
+  selectedReason: ReportType | null;
+  handleReasonSelect: (reason: ReportType) => Promise<void>;
+}
+
+interface UseSelectReportHandlerOptions {
+  blockUserId?: number;
+}
+
+const useSelectReportHandler = (
+  chatId: number,
+  { blockUserId }: UseSelectReportHandlerOptions = {},
+): UseSelectReportHandlerReturn => {
+  const [selectedReason, setSelectedReason] = useState<ReportType | null>(null);
+  const { mutateAsync: postReports } = usePostReports();
+  const { mutateAsync: blockUser } = postBlockUser();
+  const addBlockedUser = useReportedPostsStore((state) => state.addBlockedUser);
+  const removeBlockedUser = useReportedPostsStore((state) => state.removeBlockedUser);
+  const addReportedPost = useReportedPostsStore((state) => state.addReportedPost);
+  const pathname = usePathname();
+  const router = useRouter();
+
+  const handleReasonSelect = async (reason: ReportType) => {
+    setSelectedReason(reason);
+    const ok = await customConfirm({
+      title: "신고 확인",
+      content: `선택한 신고 사유:${reportReasons[reason]}`,
+      approveMessage: "신고하기",
+      rejectMessage: "취소",
+      icon: IconReport,
+    });
+    if (ok) {
+      try {
+        await postReports({
+          targetType: "POST",
+          targetId: chatId,
+          reportType: reason,
+        });
+
+        if (pathname.startsWith("/community/")) {
+          addReportedPost(chatId);
+
+          if (blockUserId) {
+            addBlockedUser(blockUserId);
+
+            try {
+              await blockUser({
+                blockedId: blockUserId,
+                data: {},
+              });
+            } catch {
+              removeBlockedUser(blockUserId);
+              return;
+            }
+          }
+        }
+
+        router.back();
+      } catch {
+        setSelectedReason(null);
+      }
+    } else {
+      setSelectedReason(null);
+    }
+  };
+  return { selectedReason, handleReasonSelect };
+};
+export default useSelectReportHandler;
diff --git a/apps/university-web/src/components/ui/ReportPanel/index.tsx b/apps/university-web/src/components/ui/ReportPanel/index.tsx
new file mode 100644
index 00000000..0e49be9c
--- /dev/null
+++ b/apps/university-web/src/components/ui/ReportPanel/index.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import clsx from "clsx";
+import { useState } from "react";
+
+import ModalBase from "@/components/modal/ModalBase";
+import { reportReasons } from "@/constants/report";
+import { IconReport } from "@/public/svgs/mentor";
+import { ReportType } from "@/types/reports";
+import useSelectReportHandler from "./_hooks/useSelectReportHandler";
+
+interface ReportPanelProps {
+  idx: number;
+  blockUserId?: number;
+}
+
+const ReportPanel = ({ idx, blockUserId }: ReportPanelProps) => {
+  const [isExpanded, setIsExpanded] = useState<boolean>(false);
+  const { selectedReason, handleReasonSelect } = useSelectReportHandler(idx, { blockUserId });
+
+  return (
+    <>
+      <button
+        className="flex items-center gap-3 rounded-lg px-4 py-2 hover:bg-k-50"
+        onClick={() => setIsExpanded(true)}
+      >
+        <span className="h-5 w-5">
+          <IconReport />
+        </span>
+        <span className="typo-medium-2">Report</span>
+      </button>
+
+      <ModalBase isOpen={isExpanded} onClose={() => setIsExpanded(false)}>
+        <div className="flex w-full items-center justify-center">
+          <div className="w-[260px] max-w-sm rounded-lg bg-white p-3 shadow-lg">
+            {/* 헤더 */}
+            <div className="mb-2 flex items-center justify-center">
+              <div className="flex items-center gap-2">
+                <span className="h-5 w-5">
+                  <IconReport />
+                </span>
+                <h2 className="text-k-800 typo-sb-5">Report</h2>
+              </div>
+            </div>
+
+            {/* 신고 사유 목록 */}
+            <div className="">
+              {Object.keys(ReportType).map((reasonKey: ReportType) => (
+                <button
+                  key={reasonKey}
+                  onClick={() => handleReasonSelect(reasonKey)}
+                  className={clsx(
+                    "m-0 w-full border-t border-k-100 px-3 py-2 text-k-700",
+                    selectedReason === reasonKey && "bg-primary-100",
+                  )}
+                >
+                  {reportReasons[reasonKey]}
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+      </ModalBase>
+    </>
+  );
+};
+
+export default ReportPanel;
diff --git a/apps/university-web/src/components/ui/ReusableDropdown/hooks/useDropDownHandler.ts b/apps/university-web/src/components/ui/ReusableDropdown/hooks/useDropDownHandler.ts
new file mode 100644
index 00000000..1165ab83
--- /dev/null
+++ b/apps/university-web/src/components/ui/ReusableDropdown/hooks/useDropDownHandler.ts
@@ -0,0 +1,57 @@
+import { useEffect, useRef, useState } from "react";
+
+const useDropDownHandler = <T extends string | number>({ onSelect }: { onSelect: (value: T) => void }) => {
+  const [isOpen, setIsOpen] = useState<boolean>(false);
+  const [dropdownPosition, setDropdownPosition] = useState<"left" | "right">("left");
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const onSelectRef = useRef(onSelect);
+
+  // onSelect 함수의 최신 참조를 유지
+  useEffect(() => {
+    onSelectRef.current = onSelect;
+  }, [onSelect]);
+
+  const toggleDropdown = () => {
+    setIsOpen(!isOpen);
+  };
+
+  const handleSelect = (item: T) => {
+    onSelectRef.current(item);
+    setIsOpen(false);
+  };
+
+  useEffect(() => {
+    if (isOpen && dropdownRef.current) {
+      const rect = dropdownRef.current.getBoundingClientRect();
+      const viewportWidth = window.innerWidth;
+      const dropdownWidth = 200;
+      setDropdownPosition(rect.right + dropdownWidth > viewportWidth ? "right" : "left");
+    }
+  }, [isOpen]);
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        setIsOpen(false);
+      }
+    };
+
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen]);
+
+  return {
+    isOpen,
+    toggleDropdown,
+    handleSelect,
+    dropdownPosition,
+    dropdownRef,
+  };
+};
+
+export default useDropDownHandler;
diff --git a/apps/university-web/src/components/ui/ReusableDropdown/index.tsx b/apps/university-web/src/components/ui/ReusableDropdown/index.tsx
new file mode 100644
index 00000000..3c0e4608
--- /dev/null
+++ b/apps/university-web/src/components/ui/ReusableDropdown/index.tsx
@@ -0,0 +1,65 @@
+import useDropDownHandler from "./hooks/useDropDownHandler";
+
+interface ReusableDropdownProps<T extends string | number> {
+  items: T[];
+  selectedValue?: T;
+  onSelect: (value: T) => void;
+  className?: string;
+  children: React.ReactNode;
+}
+
+const ReusableDropdown = <T extends string | number>({
+  items,
+  selectedValue,
+  onSelect,
+  className = "",
+  children,
+}: ReusableDropdownProps<T>) => {
+  const { isOpen, toggleDropdown, dropdownPosition, dropdownRef, handleSelect } = useDropDownHandler<T>({ onSelect });
+  return (
+    <div className={`relative h-full w-full ${className}`} ref={dropdownRef}>
+      <div
+        onClick={toggleDropdown}
+        onKeyDown={(e) => {
+          if (e.key === "Enter" || e.key === " ") toggleDropdown();
+        }}
+        role="button"
+        tabIndex={0}
+      >
+        {children}
+      </div>
+      {isOpen && (
+        <div
+          role="button"
+          onKeyDown={(e) => {
+            if (e.key === "Enter" || e.key === " ") toggleDropdown();
+          }}
+          className={`absolute top-full z-10 min-w-[120px] rounded-md border bg-k-100 shadow-sdwC ${
+            dropdownPosition === "right" ? "right-0" : "left-0"
+          }`}
+          onClick={(e) => e.stopPropagation()}
+        >
+          {items.map((item, index) => (
+            <button
+              type="button"
+              key={item}
+              onClick={(e) => {
+                e.stopPropagation();
+                handleSelect(item);
+              }}
+              className={`h-[40px] w-full px-4 text-left text-k-700 typo-medium-2 hover:bg-primary-100 ${
+                index === 0 ? "rounded-t-md" : ""
+              } ${index === items.length - 1 ? "rounded-b-md" : ""} ${
+                selectedValue === item ? "bg-primary-100" : "bg-k-0"
+              }`}
+            >
+              {item}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ReusableDropdown;
diff --git a/apps/university-web/src/components/ui/ScrollTab.tsx b/apps/university-web/src/components/ui/ScrollTab.tsx
new file mode 100644
index 00000000..27b44430
--- /dev/null
+++ b/apps/university-web/src/components/ui/ScrollTab.tsx
@@ -0,0 +1,30 @@
+type ScrollTabProps = {
+  choices: string[];
+  choice: string;
+  setChoice: React.Dispatch<React.SetStateAction<string>>;
+  borderColor?: string;
+  style?: React.CSSProperties;
+};
+
+const ScrollTab = ({ choices, choice, setChoice, borderColor, style }: ScrollTabProps) => (
+  <div
+    style={style}
+    className="flex flex-row overflow-x-auto whitespace-nowrap bg-bg-100 font-serif text-black typo-sb-9"
+  >
+    {choices.map((c) => (
+      <button
+        key={c}
+        className={`flex items-center justify-center border-b-2 px-5 py-3.5 ${
+          choice === c ? "border-primary" : "border-secondary-2"
+        }`}
+        style={choice === c && borderColor ? { borderColor } : {}}
+        onClick={() => setChoice(c)}
+        type="button"
+      >
+        <div>{c}</div>
+      </button>
+    ))}
+  </div>
+);
+
+export default ScrollTab;
diff --git a/apps/university-web/src/components/ui/Select.tsx b/apps/university-web/src/components/ui/Select.tsx
new file mode 100644
index 00000000..d6c4ee01
--- /dev/null
+++ b/apps/university-web/src/components/ui/Select.tsx
@@ -0,0 +1,149 @@
+"use client";
+
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import type { ComponentType } from "react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const CheckIcon = Check as ComponentType<{ className?: string }>;
+const ChevronDownIcon = ChevronDown as ComponentType<{ className?: string }>;
+const ChevronUpIcon = ChevronUp as ComponentType<{ className?: string }>;
+
+const Select = SelectPrimitive.Root;
+
+const SelectGroup = SelectPrimitive.Group;
+
+const SelectValue = SelectPrimitive.Value;
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-input bg-k-50 px-5 py-3 text-primary shadow-sm ring-offset-background typo-sb-11 focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDownIcon className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn("flex cursor-default items-center justify-center py-1", className)}
+    {...props}
+  >
+    <ChevronUpIcon className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn("flex cursor-default items-center justify-center py-1", className)}
+    {...props}
+  >
+    <ChevronDownIcon className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-y-auto overflow-x-hidden rounded-md border bg-k-50 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className,
+      )}
+      position={position}
+      {...props}
+    >
+      {/* <SelectScrollUpButton /> */}
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      {/* <SelectScrollDownButton /> */}
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label ref={ref} className={cn("px-2 py-1.5 typo-sb-9", className)} {...props} />
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm bg-k-50 py-1.5 pl-2 pr-8 text-k-800 outline-none typo-regular-4 focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:text-primary data-[disabled]:typo-bold-5 data-[disabled]:typo-medium-3",
+      className,
+    )}
+    {...props}
+  >
+    <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <CheckIcon className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-muted", className)} {...props} />
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+};
diff --git a/apps/university-web/src/components/ui/SlimDropdown.tsx b/apps/university-web/src/components/ui/SlimDropdown.tsx
new file mode 100644
index 00000000..5d044968
--- /dev/null
+++ b/apps/university-web/src/components/ui/SlimDropdown.tsx
@@ -0,0 +1,24 @@
+interface DropdownItem {
+  label: string;
+  action: () => void;
+}
+
+interface DropdownProps {
+  options: DropdownItem[];
+}
+
+const SlimDropdown = ({ options }: DropdownProps) => (
+  <div className="absolute z-[1000] flex w-[84px] flex-col rounded-lg bg-white py-3.5 shadow-magic-slim-dropdown">
+    {options.map((option) => (
+      <button
+        key={option.label}
+        className="flex h-9 items-center justify-center px-3 py-2 hover:bg-line-1"
+        onClick={option.action}
+      >
+        <span className="font-serif typo-regular-1">{option.label}</span>
+      </button>
+    ))}
+  </div>
+);
+
+export default SlimDropdown;
diff --git a/apps/university-web/src/components/ui/Tab/index.tsx b/apps/university-web/src/components/ui/Tab/index.tsx
new file mode 100644
index 00000000..27baa9db
--- /dev/null
+++ b/apps/university-web/src/components/ui/Tab/index.tsx
@@ -0,0 +1,39 @@
+type TabProps = {
+  choices: string[];
+  choice: string;
+  setChoice: React.Dispatch<React.SetStateAction<string>>;
+  color?: {
+    activeBtn?: string;
+    deactiveBtn?: string;
+    activeBtnFont?: string;
+    deactiveBtnFont?: string;
+  };
+};
+
+const Tab = ({ choices, choice, setChoice, color }: TabProps) => {
+  const defaultColor = {
+    activeBtnFont: "text-black",
+    deactiveBtnFont: "text-gray-200",
+  };
+  const combinedColor = {
+    activeBtnFont: color?.activeBtnFont ? `text-[${color.activeBtnFont}]` : defaultColor.activeBtnFont,
+    deactiveBtnFont: color?.deactiveBtnFont ? `text-[${color.deactiveBtnFont}]` : defaultColor.deactiveBtnFont,
+  };
+
+  return (
+    <div className="flex h-9 w-full cursor-pointer flex-row typo-medium-2">
+      {choices.map((c) => (
+        <button
+          key={c}
+          className={`flex w-full items-center justify-center bg-white ${choice === c ? "border-b-2 border-primary" : ""} ${choice === c ? combinedColor.activeBtnFont : combinedColor.deactiveBtnFont}`}
+          onClick={() => setChoice(c)}
+          type="button"
+        >
+          <div>{c}</div>
+        </button>
+      ))}
+    </div>
+  );
+};
+
+export default Tab;
diff --git a/apps/university-web/src/components/ui/TabSelector.tsx b/apps/university-web/src/components/ui/TabSelector.tsx
new file mode 100644
index 00000000..ff85f605
--- /dev/null
+++ b/apps/university-web/src/components/ui/TabSelector.tsx
@@ -0,0 +1,41 @@
+export interface TabSelectorProps {
+  tabs: string[];
+  selectedTab: string;
+  onTabChange: (tab: string) => void;
+  className?: string;
+}
+
+const TabSelector = ({ tabs, selectedTab, onTabChange, className = "" }: TabSelectorProps) => {
+  return (
+    <div role="tablist" aria-label="탭 선택기" className={`flex border-b border-gray-200 ${className}`}>
+      {tabs.map((tab, idx) => {
+        const isSelected = selectedTab === tab;
+        const tabId = `tab-${idx}`;
+        const panelId = `panel-${idx}`;
+        return (
+          <button
+            key={tab}
+            id={tabId}
+            role="tab"
+            aria-selected={isSelected}
+            aria-controls={panelId}
+            tabIndex={isSelected ? 0 : -1}
+            type="button"
+            onClick={() => onTabChange(tab)}
+            onKeyDown={(e) => {
+              if (e.key === "ArrowRight") onTabChange(tabs[(idx + 1) % tabs.length]);
+              if (e.key === "ArrowLeft") onTabChange(tabs[(idx - 1 + tabs.length) % tabs.length]);
+            }}
+            className={`flex-1 py-4 text-center outline-offset-2 typo-medium-1 ${
+              isSelected ? "border-b-2 border-primary text-primary" : "text-k-500"
+            }`}
+          >
+            {tab}
+          </button>
+        );
+      })}
+    </div>
+  );
+};
+
+export default TabSelector;
diff --git a/apps/university-web/src/components/ui/TooltipMessage.tsx b/apps/university-web/src/components/ui/TooltipMessage.tsx
new file mode 100644
index 00000000..13b029a1
--- /dev/null
+++ b/apps/university-web/src/components/ui/TooltipMessage.tsx
@@ -0,0 +1,39 @@
+import clsx from "clsx";
+
+type ToolTipMessageProps = {
+  message: string;
+  bgColor?: string;
+  borderColor?: string;
+  textColor?: string;
+};
+
+const ToolTipMessage = ({
+  message,
+  bgColor = "primary",
+  borderColor = "primary",
+  textColor = "k-0",
+}: ToolTipMessageProps) => {
+  return (
+    <div className="relative h-full w-full">
+      <div
+        className={clsx(
+          "absolute -top-2 left-1/2 h-0 w-0 -translate-x-1/2",
+          "border-b-8 border-l-8 border-r-8",
+          borderColor === "secondary" ? "border-b-secondary" : `border-b-${borderColor}`,
+          "border-l-transparent border-r-transparent",
+        )}
+      ></div>
+      <div
+        className={clsx(
+          "whitespace-pre-line break-words rounded-lg px-4 py-3 text-center typo-regular-2",
+          bgColor === "secondary" ? "bg-secondary" : `bg-${bgColor}`,
+          textColor === "white" ? "text-white" : `text-${textColor}`,
+        )}
+      >
+        {message}
+      </div>
+    </div>
+  );
+};
+
+export default ToolTipMessage;
diff --git a/apps/university-web/src/components/ui/TopLogoBar/index.tsx b/apps/university-web/src/components/ui/TopLogoBar/index.tsx
new file mode 100644
index 00000000..4b6ddd3e
--- /dev/null
+++ b/apps/university-web/src/components/ui/TopLogoBar/index.tsx
@@ -0,0 +1,19 @@
+import clsx from "clsx";
+
+import { IconCloud } from "@/public/svgs/home";
+
+const TopLogoBar = () => (
+  <div
+    className={clsx(
+      "fixed top-0 z-30 flex h-14 w-full max-w-app items-center",
+      "bg-gradient-to-r from-primary-1 to-sub-b",
+    )}
+  >
+    <div className="flex items-center gap-1.5 pl-5">
+      <IconCloud />
+      <span className="text-k-0 typo-sb-6">Solid Connection</span>
+    </div>
+  </div>
+);
+
+export default TopLogoBar;
diff --git a/apps/university-web/src/components/ui/UniverSityCard/index.tsx b/apps/university-web/src/components/ui/UniverSityCard/index.tsx
new file mode 100644
index 00000000..810f0242
--- /dev/null
+++ b/apps/university-web/src/components/ui/UniverSityCard/index.tsx
@@ -0,0 +1,77 @@
+import Link from "next/link";
+import Image from "@/components/ui/FallbackImage";
+import CheveronRightFilled from "@/components/ui/icon/ChevronRightFilled";
+import { getHomeUniversitySlugByName } from "@/constants/university";
+import type { ListUniversity } from "@/types/university";
+import { normalizeImageUrlToUploadCdn } from "@/utils/cdnUrl";
+import shortenLanguageTestName from "@/utils/universityUtils";
+
+type UniversityCardProps = {
+  university: ListUniversity;
+  showCapacity?: boolean;
+  linkPrefix?: string;
+};
+
+const UniversityCard = ({ university, showCapacity = true, linkPrefix = "/university" }: UniversityCardProps) => {
+  const convertedKoreanName = university.koreanName;
+
+  const mappedHomeUniversitySlug = getHomeUniversitySlugByName(university.homeUniversityName);
+  const hasExplicitPrefix = linkPrefix !== "/university";
+  const universityDetailHref = mappedHomeUniversitySlug
+    ? `/university/${mappedHomeUniversitySlug}/${university.id}`
+    : hasExplicitPrefix
+      ? `${linkPrefix}/${university.id}`
+      : "/university";
+
+  return (
+    <Link className="block" href={universityDetailHref} aria-labelledby={`university-name-${university.id}`}>
+      <div className="relative h-[91px] w-full overflow-hidden rounded-lg border border-solid border-k-100 hover:-translate-y-0.5 hover:shadow-md hover:shadow-black/10">
+        <div className="flex justify-between px-5 py-3.5">
+          <div className="flex gap-[23.5px]">
+            <div className="flex flex-shrink-0 items-center">
+              <Image
+                className="h-14 w-14 rounded-full object-cover"
+                src={normalizeImageUrlToUploadCdn(university.logoImageUrl)}
+                width={56}
+                height={56}
+                alt="대학 이미지"
+                fallbackSrc="/svgs/placeholders/university-logo-placeholder.svg"
+              />
+            </div>
+
+            <div className="flex flex-col">
+              <span
+                id={`university-name-${university.id}`}
+                className="truncate text-k-700 typo-bold-4"
+                title={convertedKoreanName}
+              >
+                {convertedKoreanName}
+              </span>
+              <div className="flex items-center gap-2.5">
+                <span className="text-k-500 typo-medium-4">
+                  {university.country} | {university.region}
+                </span>
+                {showCapacity && <span className="text-primary typo-sb-11">모집 {university.studentCapacity}명</span>}
+              </div>
+              <div className="flex gap-4">
+                {university.languageRequirements.slice(0, 3).map((requirement) => {
+                  const testName = shortenLanguageTestName(requirement.languageTestType);
+                  return (
+                    <span key={requirement.languageTestType} className="whitespace-nowrap text-primary typo-sb-11">
+                      {testName ?? requirement.languageTestType} {requirement.minScore}
+                    </span>
+                  );
+                })}
+              </div>
+            </div>
+          </div>
+          <div className="flex items-center">
+            <CheveronRightFilled color="black" opacity="0.54" />
+          </div>
+        </div>
+      </div>
+    </Link>
+  );
+};
+
+export default UniversityCard;
diff --git a/apps/university-web/src/components/ui/icon/CheckBoxOutlineBlankOutlined.tsx b/apps/university-web/src/components/ui/icon/CheckBoxOutlineBlankOutlined.tsx
new file mode 100644
index 00000000..0ee93031
--- /dev/null
+++ b/apps/university-web/src/components/ui/icon/CheckBoxOutlineBlankOutlined.tsx
@@ -0,0 +1,24 @@
+// 커뮤니티 지역 선택지 드랍다운으로 바뀌며 삭제 예정
+type CheckBoxOutlineBlankOutlinedProps = {
+  style?: React.CSSProperties;
+  size?: number;
+};
+
+const CheckBoxOutlineBlankOutlined = ({ style, size }: CheckBoxOutlineBlankOutlinedProps) => (
+  <svg
+    style={style}
+    xmlns="http://www.w3.org/2000/svg"
+    width={size || 24}
+    height={size || 24}
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <path
+      d="M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z"
+      fill="black"
+      fillOpacity="0.54"
+    />
+  </svg>
+);
+
+export default CheckBoxOutlineBlankOutlined;
diff --git a/apps/university-web/src/components/ui/icon/ChevronRightFilled.tsx b/apps/university-web/src/components/ui/icon/ChevronRightFilled.tsx
new file mode 100644
index 00000000..086feb30
--- /dev/null
+++ b/apps/university-web/src/components/ui/icon/ChevronRightFilled.tsx
@@ -0,0 +1,17 @@
+type CheveronRightFilledProps = {
+  color?: string;
+  opacity?: string;
+  className?: string;
+};
+
+const CheveronRightFilled = ({ color = "black", opacity = "1", className }: CheveronRightFilledProps) => (
+  <svg className={className} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z"
+      fill={color}
+      fillOpacity={opacity}
+    />
+  </svg>
+);
+
+export default CheveronRightFilled;
diff --git a/apps/university-web/src/components/ui/icon/star-filled.tsx b/apps/university-web/src/components/ui/icon/star-filled.tsx
new file mode 100644
index 00000000..092f0331
--- /dev/null
+++ b/apps/university-web/src/components/ui/icon/star-filled.tsx
@@ -0,0 +1,46 @@
+interface StarFilledIconProps {
+  size?: string;
+  leftColor?: string;
+  rightColor?: string;
+  leftOpacity?: string;
+  rightOpacity?: string;
+  onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+  style?: React.CSSProperties;
+}
+
+const StarFilledIcon = ({
+  size = "20",
+  leftColor = "currentColor",
+  rightColor = "currentColor",
+  leftOpacity = "1",
+  rightOpacity = "1",
+  onClick,
+  style,
+}: StarFilledIconProps) => {
+  const gradientId = `gradient-${Math.random().toString(16).slice(2)}`;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 20 20"
+      fill="none"
+      onClick={onClick}
+      style={style}
+    >
+      <defs>
+        <linearGradient id={gradientId} x1="0%" y1="0%" x2="100%" y2="0%">
+          <stop offset="50%" stopColor={leftColor} stopOpacity={leftOpacity} />
+          <stop offset="50%" stopColor={rightColor} stopOpacity={rightOpacity} />
+        </linearGradient>
+      </defs>
+      <path
+        d="M10.0003 14.8085L15.1503 17.9168L13.7837 12.0585L18.3337 8.11683L12.342 7.6085L10.0003 2.0835L7.65866 7.6085L1.66699 8.11683L6.21699 12.0585L4.85033 17.9168L10.0003 14.8085Z"
+        fill={`url(#${gradientId})`}
+      />
+    </svg>
+  );
+};
+
+export default StarFilledIcon;
diff --git a/apps/university-web/src/components/ui/map/GoogleDynamicMap.tsx b/apps/university-web/src/components/ui/map/GoogleDynamicMap.tsx
new file mode 100644
index 00000000..03053da8
--- /dev/null
+++ b/apps/university-web/src/components/ui/map/GoogleDynamicMap.tsx
@@ -0,0 +1,28 @@
+import { GoogleMap, LoadScript, Marker } from "@react-google-maps/api";
+
+const containerStyle = {
+  width: "100%",
+  height: "204px",
+};
+
+const GoogleDynamicMap = () => {
+  const GOOGLE_MAP_API_KEY = process.env.NEXT_PUBLIC_GOOGLE_MAP_API_KEY as string;
+
+  const latitude = "37.4275";
+  const longitude = "-122.1697";
+  const location = {
+    lat: parseFloat(latitude),
+    lng: parseFloat(longitude),
+  };
+  return (
+    <div>
+      <LoadScript googleMapsApiKey={GOOGLE_MAP_API_KEY}>
+        <GoogleMap mapContainerStyle={containerStyle} center={location} zoom={15}>
+          <Marker position={location} />
+        </GoogleMap>
+      </LoadScript>
+    </div>
+  );
+};
+
+export default GoogleDynamicMap;
diff --git a/apps/university-web/src/components/ui/map/GoogleEmbedMap.tsx b/apps/university-web/src/components/ui/map/GoogleEmbedMap.tsx
new file mode 100644
index 00000000..2136c0b4
--- /dev/null
+++ b/apps/university-web/src/components/ui/map/GoogleEmbedMap.tsx
@@ -0,0 +1,40 @@
+type GoogleEmbedMapProps = {
+  width: string;
+  height: string;
+  name?: string;
+  latitude?: number;
+  longitude?: number;
+  zoom?: number;
+  style?: React.CSSProperties;
+};
+
+const GoogleEmbedMap = ({ width, height, name, latitude, longitude, zoom, style }: GoogleEmbedMapProps) => {
+  // name이 있으면 name으로 검색, 없으면 좌표로 검색
+  const API_KEY = process.env.NEXT_PUBLIC_GOOGLE_MAP_API_KEY;
+
+  let mapSrc = `https://www.google.com/maps/embed/v1/`;
+  if (name) {
+    const realZoom = zoom || 10;
+    mapSrc = `${mapSrc}search?key=${API_KEY}&q=${name}&zoom=${realZoom}`;
+  } else if (latitude && longitude) {
+    // 정확히 짚어주는 것이 아니기에 zoom을 높여서 검색
+    const realZoom = zoom || 14;
+    mapSrc = `${mapSrc}view?key=${API_KEY}&center=${latitude},${longitude}&zoom=${realZoom}`;
+  } else {
+    return <div>지도를 불러올 수 없습니다.</div>;
+  }
+  return (
+    <iframe
+      title="google-map"
+      style={style}
+      width={width}
+      height={height}
+      loading="lazy"
+      allowFullScreen
+      referrerPolicy="no-referrer-when-downgrade"
+      src={mapSrc}
+    />
+  );
+};
+
+export default GoogleEmbedMap;
diff --git a/apps/university-web/src/components/ui/map/GoogleStaticMap.tsx b/apps/university-web/src/components/ui/map/GoogleStaticMap.tsx
new file mode 100644
index 00000000..6775a9a5
--- /dev/null
+++ b/apps/university-web/src/components/ui/map/GoogleStaticMap.tsx
@@ -0,0 +1,17 @@
+type GoogleStaticMapProps = {
+  latitude: number;
+  longitude: number;
+};
+
+const GoogleStaticMap = ({ latitude, longitude }: GoogleStaticMapProps) => {
+  const GOOGLE_MAP_API_KEY = process.env.NEXT_PUBLIC_GOOGLE_MAP_API_KEY;
+
+  return (
+    <img
+      src={`https://maps.googleapis.com/maps/api/staticmap?center=${latitude},${longitude}&zoom=13&size=600x300&maptype=roadmap&markers=color:red%7Clabel:C%7C${latitude},${longitude}&key=${GOOGLE_MAP_API_KEY}`}
+      alt="map"
+    />
+  );
+};
+
+export default GoogleStaticMap;
diff --git a/apps/university-web/src/components/university/UniversityCards/index.tsx b/apps/university-web/src/components/university/UniversityCards/index.tsx
new file mode 100644
index 00000000..19d1fe05
--- /dev/null
+++ b/apps/university-web/src/components/university/UniversityCards/index.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import clsx from "clsx";
+
+import type { ListUniversity } from "@/types/university";
+import UniversityCard from "../../ui/UniverSityCard";
+
+type UniversityCardsProps = {
+  colleges: ListUniversity[];
+  style?: React.CSSProperties;
+  className?: string;
+  showCapacity?: boolean;
+  linkPrefix?: string;
+};
+
+const UniversityCards = ({ colleges, style, className, showCapacity = true, linkPrefix }: UniversityCardsProps) => {
+  return (
+    <div className={clsx("flex flex-col gap-2.5", className)} style={style}>
+      {colleges.map((college) => (
+        <div key={college.id} className="pb-2.5">
+          <UniversityCard university={college} showCapacity={showCapacity} linkPrefix={linkPrefix} />
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default UniversityCards;
diff --git a/apps/university-web/src/constants/application.ts b/apps/university-web/src/constants/application.ts
new file mode 100644
index 00000000..3d02ea25
--- /dev/null
+++ b/apps/university-web/src/constants/application.ts
@@ -0,0 +1,35 @@
+export const LANGUAGE_TEST = {
+  TOEIC: "toeic",
+  TOEFL_IBT: "toefl ibt",
+  TOEFL_ITP: "toefl itp",
+  NEW_HSK: "new hsk",
+  IELTS: "ielts",
+  JLPT: "jlpt",
+  OTHER: "other",
+};
+
+export const LANGUAGE_TEST_CONVERSE = {
+  toeic: "TOEIC",
+  ibt: "TOEFL_IBT",
+  itp: "TOEFL_ITP",
+  ielts: "IELTS",
+  jlpt: "JLPT",
+  others: "DUOLINGO",
+};
+
+export const LANGUAGE_TEST_INVERSE = {
+  TOEIC: "TOEIC",
+  "TOEFL IBT": "TOEFL_IBT",
+  "TOEFL ITP": "TOEFL_ITP",
+  IELTS: "IELTS",
+  JLPT: "JLPT",
+};
+
+export const SHORT_LANGUAGE_TEST = {
+  TOEIC: "TOEIC",
+  TOEFL_IBT: "IBT",
+  TOEFL_ITP: "ITP",
+  IELTS: "IELTS",
+  JLPT: "JLPT",
+  OTHER: "기타",
+};
diff --git a/apps/university-web/src/constants/community.ts b/apps/university-web/src/constants/community.ts
new file mode 100644
index 00000000..198a9770
--- /dev/null
+++ b/apps/university-web/src/constants/community.ts
@@ -0,0 +1,10 @@
+export const COMMUNITY_BOARDS = [
+  { code: "FREE", nameKo: "자유" },
+  { code: "EUROPE", nameKo: "유럽권" },
+  { code: "AMERICAS", nameKo: "미주권" },
+  { code: "ASIA", nameKo: "아시아권" },
+];
+
+export const COMMUNITY_CATEGORIES = ["전체", "자유", "질문"];
+
+export const COMMUNITY_MAX_UPLOAD_IMAGES = 5;
diff --git a/apps/university-web/src/constants/meta.ts b/apps/university-web/src/constants/meta.ts
new file mode 100644
index 00000000..eb7764df
--- /dev/null
+++ b/apps/university-web/src/constants/meta.ts
@@ -0,0 +1,2 @@
+export const MAX_WIDTH = 600; // TODO: 640으로 변경
+export const MIN_WIDTH = 360;
diff --git a/apps/university-web/src/constants/profile.ts b/apps/university-web/src/constants/profile.ts
new file mode 100644
index 00000000..761f6019
--- /dev/null
+++ b/apps/university-web/src/constants/profile.ts
@@ -0,0 +1 @@
+export const DEFAULT_PROFILE_IMAGE = "/images/placeholder/profile64.svg";
diff --git a/apps/university-web/src/constants/regions.tsx b/apps/university-web/src/constants/regions.tsx
new file mode 100644
index 00000000..2281febd
--- /dev/null
+++ b/apps/university-web/src/constants/regions.tsx
@@ -0,0 +1,69 @@
+import {
+  IconSignupRegionAmerica,
+  IconSignupRegionAsia,
+  IconSignupRegionEurope,
+  IconSignupRegionWorld,
+} from "@/public/svgs";
+
+export interface RegionData {
+  name: string;
+  icon: React.ReactNode;
+  countries: string[];
+}
+
+export const regionList: RegionData[] = [
+  {
+    name: "미주권",
+    icon: <IconSignupRegionAmerica />,
+    countries: ["미국", "캐나다", "호주", "브라질"],
+  },
+  {
+    name: "아시아권",
+    icon: <IconSignupRegionAsia />,
+    countries: [
+      "말레이시아",
+      "브루나이",
+      "싱가포르",
+      "아제르바이잔",
+      "인도네시아",
+      "일본",
+      "키르기스스탄",
+      "튀르키예",
+      "홍콩",
+      "중국",
+      "대만",
+      "카자흐스탄",
+      "이스라엘",
+    ],
+  },
+  {
+    name: "유럽권",
+    icon: <IconSignupRegionEurope />,
+    countries: [
+      "네덜란드",
+      "노르웨이",
+      "덴마크",
+      "독일",
+      "리투아니아",
+      "리히텐슈타인",
+      "스웨덴",
+      "스위스",
+      "스페인",
+      "오스트리아",
+      "체코",
+      "포르투갈",
+      "폴란드",
+      "프랑스",
+      "핀란드",
+      "러시아",
+    ],
+  },
+  {
+    name: "아직 잘 모르겠어요",
+    icon: <IconSignupRegionWorld />,
+    countries: [],
+  },
+];
+
+// 멘토 신청용 (아직 잘 모르겠어요 제외)
+export const mentorRegionList = regionList.filter((region) => region.name !== "아직 잘 모르겠어요");
diff --git a/apps/university-web/src/constants/report.ts b/apps/university-web/src/constants/report.ts
new file mode 100644
index 00000000..b6e2927c
--- /dev/null
+++ b/apps/university-web/src/constants/report.ts
@@ -0,0 +1,12 @@
+import { ReportType } from "@/types/reports";
+
+export const reportReasons: { [key in ReportType]: string } = {
+  [ReportType.ADVERTISEMENT]: "상업적 광고 및 판매",
+  [ReportType.SPAM]: "낚시/놀림/도배",
+  [ReportType.PERSONAL_INFO_EXPOSURE]: "개인정보 노출",
+  [ReportType.PORNOGRAPHY]: "음란/선정성",
+  [ReportType.COPYRIGHT_INFRINGEMENT]: "저작권 침해",
+  [ReportType.ILLEGAL_ACTIVITY]: "불법 행위",
+  [ReportType.IMPERSONATION]: "사칭/도용",
+  [ReportType.INSULT]: "욕설/비하",
+};
diff --git a/apps/university-web/src/constants/university.ts b/apps/university-web/src/constants/university.ts
new file mode 100644
index 00000000..5a89afe3
--- /dev/null
+++ b/apps/university-web/src/constants/university.ts
@@ -0,0 +1,371 @@
+import {
+  CountryCode,
+  HomeUniversity,
+  type HomeUniversitySlug,
+  LanguageTestType,
+  RegionEnumExtend,
+  type TestScoreInfo,
+} from "@/types/university";
+
+export const REGIONS_SEARCH = ["유럽권", "미주권", "아시아권", "중국권"] as const;
+
+export const REGIONS_KO = ["유럽권", "미주권", "아시아권", "중국권"];
+
+/**
+ * 홈 대학교 URL 슬러그 매핑
+ */
+export const HOME_UNIVERSITY_SLUG_MAP: Record<HomeUniversitySlug, HomeUniversity> = {
+  inha: HomeUniversity.INHA,
+  incheon: HomeUniversity.INCHEON,
+  sungshin: HomeUniversity.SUNGSHIN,
+};
+
+/**
+ * 홈 대학교 enum에서 슬러그로 역매핑
+ */
+export const HOME_UNIVERSITY_TO_SLUG_MAP: Record<HomeUniversity, HomeUniversitySlug> = {
+  [HomeUniversity.INHA]: "inha",
+  [HomeUniversity.INCHEON]: "incheon",
+  [HomeUniversity.SUNGSHIN]: "sungshin",
+};
+
+/**
+ * 홈 대학교 정보 (온보딩 카드에서 사용)
+ */
+export interface HomeUniversityInfo {
+  name: HomeUniversity;
+  slug: HomeUniversitySlug;
+  shortName: string;
+  logoUrl: string;
+  description: string;
+  color: string;
+}
+
+export const HOME_UNIVERSITY_LIST: HomeUniversityInfo[] = [
+  {
+    name: HomeUniversity.INHA,
+    slug: "inha",
+    shortName: "인하대",
+    logoUrl: "/images/univs/inha.png",
+    description: "인하대학교 교환학생 프로그램",
+    color: "#004C98",
+  },
+  {
+    name: HomeUniversity.INCHEON,
+    slug: "incheon",
+    shortName: "인천대",
+    logoUrl: "/images/univs/incheon.png",
+    description: "인천대학교 교환학생 프로그램",
+    color: "#003876",
+  },
+  {
+    name: HomeUniversity.SUNGSHIN,
+    slug: "sungshin",
+    shortName: "성신여대",
+    logoUrl: "/images/univs/sungshin.jpg",
+    description: "성신여자대학교 교환학생 프로그램",
+    color: "#7B1FA2",
+  },
+];
+
+/**
+ * 슬러그로 홈 대학교 정보 조회
+ */
+export const getHomeUniversityBySlug = (slug: string): HomeUniversityInfo | undefined => {
+  return HOME_UNIVERSITY_LIST.find((uni) => uni.slug === slug);
+};
+
+export const normalizeHomeUniversityName = (value: string | null | undefined): HomeUniversity | undefined => {
+  if (!value) {
+    return undefined;
+  }
+
+  const normalized = value.trim();
+  const matchedUniversity = HOME_UNIVERSITY_LIST.find(
+    (university) => university.name === normalized || university.shortName === normalized,
+  );
+
+  return matchedUniversity?.name;
+};
+
+export const isMatchedHomeUniversityName = (
+  left: string | null | undefined,
+  right: string | null | undefined,
+): boolean => {
+  const normalizedLeft = normalizeHomeUniversityName(left);
+  const normalizedRight = normalizeHomeUniversityName(right);
+
+  return normalizedLeft !== undefined && normalizedRight !== undefined && normalizedLeft === normalizedRight;
+};
+
+export const getHomeUniversitySlugByName = (value: string | null | undefined): HomeUniversitySlug | undefined => {
+  const normalizedUniversityName = normalizeHomeUniversityName(value);
+
+  if (!normalizedUniversityName) {
+    return undefined;
+  }
+
+  return HOME_UNIVERSITY_TO_SLUG_MAP[normalizedUniversityName];
+};
+
+/**
+ * 유효한 홈 대학교 슬러그 목록
+ */
+export const HOME_UNIVERSITY_SLUGS: HomeUniversitySlug[] = ["inha", "incheon", "sungshin"];
+
+export const COUNTRIES_KO = [
+  // 2024-2 기준
+  // 아시아권
+  "말레이시아",
+  "브루나이",
+  "싱가포르",
+  "아제르바이잔",
+  "인도네시아",
+  "일본",
+  "키르기스스탄",
+  "튀르키예",
+  "홍콩",
+  "카자흐스탄",
+  "이스라엘",
+  "말레이시아",
+  // 미주권
+  "미국",
+  "캐나다",
+  "호주",
+  "브라질",
+  // 유럽권
+  "네덜란드",
+  "노르웨이",
+  "덴마크",
+  "독일",
+  "리투아니아",
+  "리히텐슈타인",
+  "스웨덴",
+  "스위스",
+  "스페인",
+  "오스트리아",
+  "체코",
+  "포르투갈",
+  "폴란드",
+  "프랑스",
+  "핀란드",
+  "러시아",
+  // 중국권
+  "중국",
+  "대만",
+];
+
+/**
+ * LanguageTestType Enum에 대한 한글 이름 맵.
+ * UI 필터링 옵션 등을 만들 때 유용합니다.
+ */
+export const LANGUAGE_TEST_TYPE_MAP: Record<LanguageTestType, string> = {
+  [LanguageTestType.CEFR]: "유럽 공통 언어 능력 (CEFR)",
+  [LanguageTestType.JLPT]: "일본어 능력 시험 (JLPT)",
+  [LanguageTestType.DALF]: "프랑스 고급 프랑스어 자격증 (DALF)",
+  [LanguageTestType.DELF]: "프랑스 기초·중급 프랑스어 자격증 (DELF)",
+  [LanguageTestType.DUOLINGO]: "듀오링고 온라인 영어 시험",
+  [LanguageTestType.IELTS]: "국제 영어 시험 (IELTS)",
+  [LanguageTestType.NEW_HSK]: "중국어 능력 시험 (NEW_HSK)",
+  [LanguageTestType.TCF]: "프랑스어 지식 시험 (TCF)",
+  [LanguageTestType.TEF]: "프랑스어 평가 시험 (TEF)",
+  [LanguageTestType.TOEFL_IBT]: "인터넷 기반 영어 시험 (TOEFL iBT)",
+  [LanguageTestType.TOEFL_ITP]: "기관용 TOEFL (TOEFL ITP)",
+  [LanguageTestType.TOEIC]: "비즈니스 영어 (TOEIC)",
+};
+
+export const COUNTRY_CODE_MAP: Record<CountryCode, string> = {
+  [CountryCode.AT]: "오스트리아",
+  [CountryCode.AU]: "호주",
+  [CountryCode.AZ]: "아제르바이잔",
+  [CountryCode.BE]: "벨기에",
+  [CountryCode.BN]: "브루나이",
+  [CountryCode.BR]: "브라질",
+  [CountryCode.CA]: "캐나다",
+  [CountryCode.CH]: "스위스",
+  [CountryCode.CN]: "중국",
+  [CountryCode.CZ]: "체코",
+  [CountryCode.DE]: "독일",
+  [CountryCode.DK]: "덴마크",
+  [CountryCode.ES]: "스페인",
+  [CountryCode.FI]: "핀란드",
+  [CountryCode.FR]: "프랑스",
+  [CountryCode.GB]: "영국",
+  [CountryCode.GE]: "조지아",
+  [CountryCode.HK]: "홍콩",
+  [CountryCode.HU]: "헝가리",
+  [CountryCode.ID]: "인도네시아",
+  [CountryCode.IL]: "이스라엘",
+  [CountryCode.IT]: "이탈리아",
+  [CountryCode.JP]: "일본",
+  [CountryCode.KG]: "키르기스스탄",
+  [CountryCode.KZ]: "카자흐스탄",
+  [CountryCode.LT]: "리투아니아",
+  [CountryCode.MY]: "말레이시아",
+  [CountryCode.NL]: "네덜란드",
+  [CountryCode.NO]: "노르웨이",
+  [CountryCode.PL]: "폴란드",
+  [CountryCode.PT]: "포르투갈",
+  [CountryCode.RU]: "러시아",
+  [CountryCode.SE]: "스웨덴",
+  [CountryCode.SG]: "싱가포르",
+  [CountryCode.TH]: "태국",
+  [CountryCode.TR]: "튀르키예",
+  [CountryCode.TW]: "대만",
+  [CountryCode.US]: "미국",
+  [CountryCode.UZ]: "우즈베키스탄",
+};
+
+// --- 데이터 구조화 (이전 답변과 동일) ---
+
+export const REGION_KO_MAP: Record<RegionEnumExtend, string> = {
+  [RegionEnumExtend.AMERICAS]: "미주권",
+  [RegionEnumExtend.EUROPE]: "유럽권",
+  [RegionEnumExtend.ASIA]: "아시아권",
+  [RegionEnumExtend.CHINA]: "중국권",
+  [RegionEnumExtend.ALL]: "전체", // 'ALL'은 특별 케이스로 처리
+};
+
+const regionCountryMap: Record<RegionEnumExtend, string[]> = {
+  [RegionEnumExtend.ALL]: [],
+  [RegionEnumExtend.EUROPE]: [
+    "GB",
+    "DE",
+    "FR",
+    "IT",
+    "ES",
+    "NL",
+    "SE",
+    "NO",
+    "DK",
+    "FI",
+    "IE",
+    "AT",
+    "CH",
+    "BE",
+    "PL",
+    "CZ",
+    "HU",
+  ],
+  [RegionEnumExtend.AMERICAS]: ["US", "CA", "MX", "BR", "AR", "CL", "CO", "PE"],
+  [RegionEnumExtend.ASIA]: ["JP", "KR", "SG", "MY", "TH", "IN", "ID", "PH", "VN"],
+  [RegionEnumExtend.CHINA]: ["CN", "HK", "TW", "MO"],
+};
+
+export const REGION_TO_COUNTRY_CODE_MAP: Record<RegionEnumExtend, string[]> = {
+  [RegionEnumExtend.AMERICAS]: regionCountryMap[RegionEnumExtend.AMERICAS],
+  [RegionEnumExtend.EUROPE]: regionCountryMap[RegionEnumExtend.EUROPE],
+  [RegionEnumExtend.ASIA]: regionCountryMap[RegionEnumExtend.ASIA],
+  [RegionEnumExtend.CHINA]: regionCountryMap[RegionEnumExtend.CHINA],
+  [RegionEnumExtend.ALL]: [], // 'ALL'은 특별 케이스로 처리
+};
+
+export const REGION_TO_COUNTRIES_MAP: Record<string, string[]> = {
+  미주권: ["미국", "캐나다", "호주", "브라질"],
+  유럽권: [
+    "네덜란드",
+    "노르웨이",
+    "덴마크",
+    "독일",
+    "리투아니아",
+    "스웨덴",
+    "스위스",
+    "스페인",
+    "오스트리아",
+    "체코",
+    "포르투갈",
+    "폴란드",
+    "프랑스",
+    "핀란드",
+    "러시아",
+  ],
+  아시아권: [
+    "말레이시아",
+    "브루나이",
+    "싱가포르",
+    "아제르바이잔",
+    "인도네시아",
+    "일본",
+    "키르기스스탄",
+    "튀르키예",
+    "홍콩",
+    "카자흐스탄",
+    "이스라엘",
+  ],
+  중국권: ["중국", "대만"],
+};
+
+/**
+ * 각 언어 시험별 점수 규칙을 정의한 상수 객체.
+ * 유효성 검사나 UI 생성에 활용할 수 있습니다.
+ */
+export const TEST_SCORE_INFO: Record<LanguageTestType, TestScoreInfo> = {
+  [LanguageTestType.CEFR]: {
+    name: "유럽 공통 언어 능력 (CEFR)",
+    type: "level",
+    levels: ["A1", "A2", "B1", "B2", "C1", "C2"],
+  },
+  [LanguageTestType.JLPT]: {
+    name: "일본어 능력 시험 (JLPT)",
+    type: "level",
+    levels: ["N5", "N4", "N3", "N2", "N1"],
+  },
+  [LanguageTestType.DALF]: {
+    name: "프랑스 고급 프랑스어 자격증 (DALF)",
+    type: "level",
+    levels: ["C1", "C2"],
+  },
+  [LanguageTestType.DELF]: {
+    name: "프랑스 기초·중급 프랑스어 자격증 (DELF)",
+    type: "level",
+    levels: ["A1", "A2", "B1", "B2"],
+  },
+  [LanguageTestType.DUOLINGO]: {
+    name: "듀오링고 온라인 영어 시험",
+    type: "numeric",
+    min: 10,
+    max: 160,
+  },
+  [LanguageTestType.IELTS]: {
+    name: "국제 영어 시험 (IELTS)",
+    type: "numeric",
+    min: 0.0,
+    max: 9.0,
+  },
+  [LanguageTestType.NEW_HSK]: {
+    name: "중국어 능력 시험 (NEW_HSK)",
+    type: "numeric",
+    min: 1,
+    max: 9,
+  },
+  [LanguageTestType.TCF]: {
+    name: "프랑스어 지식 시험 (TCF)",
+    type: "numeric",
+    min: 100,
+    max: 699,
+  },
+  [LanguageTestType.TEF]: {
+    name: "프랑스어 평가 시험 (TEF)",
+    type: "numeric",
+    min: 0,
+    max: 900,
+  },
+  [LanguageTestType.TOEFL_IBT]: {
+    name: "인터넷 기반 영어 시험 (TOEFL iBT)",
+    type: "numeric",
+    min: 0,
+    max: 120,
+  },
+  [LanguageTestType.TOEFL_ITP]: {
+    name: "기관용 TOEFL (TOEFL ITP)",
+    type: "numeric",
+    min: 310,
+    max: 677,
+  },
+  [LanguageTestType.TOEIC]: {
+    name: "비즈니스 영어 (TOEIC)",
+    type: "numeric",
+    min: 10,
+    max: 990,
+  },
+};
diff --git a/apps/university-web/src/instrumentation-client.ts b/apps/university-web/src/instrumentation-client.ts
new file mode 100644
index 00000000..c39f5e0a
--- /dev/null
+++ b/apps/university-web/src/instrumentation-client.ts
@@ -0,0 +1,33 @@
+import * as Sentry from "@sentry/nextjs";
+
+export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;
+
+if (process.env.NODE_ENV === "production") {
+  Sentry.init({
+    dsn: process.env.NEXT_PUBLIC_SENTRY_DSN || process.env.SENTRY_DSN || "",
+    environment: process.env.NEXT_PUBLIC_SENTRY_ENVIRONMENT || process.env.SENTRY_ENVIRONMENT || "production",
+
+    sendDefaultPii: false,
+    tracesSampleRate: 0.3,
+
+    replaysSessionSampleRate: 0.1,
+    replaysOnErrorSampleRate: 1.0,
+
+    tracePropagationTargets: ["solid-connection.com", /^https:\/\/(www\.)?solid[-]?connection\.com/],
+
+    integrations: [
+      Sentry.browserTracingIntegration({
+        enableInp: true,
+      }),
+    ],
+  });
+
+  Sentry.lazyLoadIntegration("replayIntegration").then((replay) => {
+    Sentry.addIntegration(
+      replay({
+        maskAllText: true,
+        blockAllMedia: true,
+      }),
+    );
+  });
+}
diff --git a/apps/university-web/src/instrumentation.ts b/apps/university-web/src/instrumentation.ts
new file mode 100644
index 00000000..ecb65282
--- /dev/null
+++ b/apps/university-web/src/instrumentation.ts
@@ -0,0 +1,13 @@
+import * as Sentry from "@sentry/nextjs";
+
+export async function register() {
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    await import("../sentry.server.config");
+  }
+
+  if (process.env.NEXT_RUNTIME === "edge") {
+    await import("../sentry.edge.config");
+  }
+}
+
+export const onRequestError = Sentry.captureRequestError;
diff --git a/apps/university-web/src/lib/ScriptLoader/AppleScriptLoader.tsx b/apps/university-web/src/lib/ScriptLoader/AppleScriptLoader.tsx
new file mode 100644
index 00000000..9cd7f5c0
--- /dev/null
+++ b/apps/university-web/src/lib/ScriptLoader/AppleScriptLoader.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import Script from "next/script";
+
+const AppleScriptLoader = () => {
+  return (
+    <Script
+      type="text/javascript"
+      src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"
+    ></Script>
+  );
+};
+
+export default AppleScriptLoader;
diff --git a/apps/university-web/src/lib/ScriptLoader/KakaoScriptLoader.tsx b/apps/university-web/src/lib/ScriptLoader/KakaoScriptLoader.tsx
new file mode 100644
index 00000000..cb892982
--- /dev/null
+++ b/apps/university-web/src/lib/ScriptLoader/KakaoScriptLoader.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import Script from "next/script";
+
+const KakaoScriptLoader = () => {
+  const kakaoInit = () => {
+    if (typeof window !== "undefined" && window.Kakao && process.env.NEXT_PUBLIC_KAKAO_JS_KEY) {
+      window.Kakao.init(process.env.NEXT_PUBLIC_KAKAO_JS_KEY);
+    }
+  };
+
+  return <Script src="https://developers.kakao.com/sdk/js/kakao.js" strategy="afterInteractive" onLoad={kakaoInit} />;
+};
+
+export default KakaoScriptLoader;
diff --git a/apps/university-web/src/lib/auth/reissueToken.ts b/apps/university-web/src/lib/auth/reissueToken.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/university-web/src/lib/react-hook-form/getErrorMessage.ts b/apps/university-web/src/lib/react-hook-form/getErrorMessage.ts
new file mode 100644
index 00000000..4d9d21c2
--- /dev/null
+++ b/apps/university-web/src/lib/react-hook-form/getErrorMessage.ts
@@ -0,0 +1,8 @@
+// 에러 메시지 추출 함수
+const getErrorMessage = (error: unknown): string => {
+  if (error && typeof error === "object" && "message" in error) {
+    return String(error.message);
+  }
+  return "";
+};
+export default getErrorMessage;
diff --git a/apps/university-web/src/lib/react-query/QueryProvider.tsx b/apps/university-web/src/lib/react-query/QueryProvider.tsx
new file mode 100644
index 00000000..1282e72e
--- /dev/null
+++ b/apps/university-web/src/lib/react-query/QueryProvider.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import { QueryClientProvider } from "@tanstack/react-query";
+import type { ReactNode } from "react";
+import queryClient from "./queryClient";
+
+const QueryProvider = ({ children }: { children: ReactNode }) => {
+  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
+};
+
+export default QueryProvider;
diff --git a/apps/university-web/src/lib/react-query/errorToastMeta.ts b/apps/university-web/src/lib/react-query/errorToastMeta.ts
new file mode 100644
index 00000000..05e88526
--- /dev/null
+++ b/apps/university-web/src/lib/react-query/errorToastMeta.ts
@@ -0,0 +1,13 @@
+export type ErrorToastMeta = {
+  skipGlobalErrorToast?: boolean;
+};
+
+export const SKIP_GLOBAL_ERROR_TOAST_META: ErrorToastMeta = {
+  skipGlobalErrorToast: true,
+};
+
+export const shouldSkipGlobalErrorToast = (meta: unknown): boolean => {
+  if (!meta || typeof meta !== "object") return false;
+
+  return (meta as ErrorToastMeta).skipGlobalErrorToast === true;
+};
diff --git a/apps/university-web/src/lib/react-query/queryClient.ts b/apps/university-web/src/lib/react-query/queryClient.ts
new file mode 100644
index 00000000..a1ee5670
--- /dev/null
+++ b/apps/university-web/src/lib/react-query/queryClient.ts
@@ -0,0 +1,58 @@
+import { MutationCache, QueryCache, QueryClient } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import { shouldSkipGlobalErrorToast } from "./errorToastMeta";
+
+type ErrorResponse = {
+  message?: string;
+};
+
+const DEFAULT_ERROR_MESSAGE = "오류가 발생했습니다. 다시 시도해주세요.";
+
+const isUnauthorized = (status?: number) => status === 401;
+
+const resolveErrorMessage = (error: AxiosError<ErrorResponse>) =>
+  error.response?.data?.message || error.message || DEFAULT_ERROR_MESSAGE;
+
+const queryClient = new QueryClient({
+  queryCache: new QueryCache({
+    onError: (error, query) => {
+      if (shouldSkipGlobalErrorToast(query.meta)) return;
+
+      const axiosError = error as AxiosError<ErrorResponse>;
+      const status = axiosError?.response?.status;
+      if (isUnauthorized(status)) return;
+
+      const errorMessage = resolveErrorMessage(axiosError);
+      showIconToast("logo", errorMessage);
+    },
+  }),
+  mutationCache: new MutationCache({
+    onError: (error, _variables, _context, mutation) => {
+      if (shouldSkipGlobalErrorToast(mutation.options.meta)) return;
+
+      const axiosError = error as AxiosError<ErrorResponse>;
+      const status = axiosError?.response?.status;
+
+      // 인증 오류는 인터셉터 리다이렉트 토스트에서만 처리
+      if (isUnauthorized(status)) return;
+
+      const errorMessage = resolveErrorMessage(axiosError);
+      showIconToast("logo", errorMessage);
+    },
+  }),
+  defaultOptions: {
+    queries: {
+      staleTime: 5 * 60 * 1000, // 데이터 신선도(5분)
+      gcTime: 30 * 60 * 1000, // 캐시 보존시간(30분)
+      retry: (failureCount, error) => {
+        const status = (error as AxiosError | undefined)?.response?.status;
+        if (status === 401) return false; // 인증 오류는 재시도 X
+        return failureCount < 1; // 그 외에는 최대 1회까지 재시도
+      },
+      refetchOnWindowFocus: false, // 창 포커스 복귀 시 refetch 비활성
+    },
+  },
+});
+
+export default queryClient;
diff --git a/apps/university-web/src/lib/react-query/useMutationWithFailure.ts b/apps/university-web/src/lib/react-query/useMutationWithFailure.ts
new file mode 100644
index 00000000..24283b24
--- /dev/null
+++ b/apps/university-web/src/lib/react-query/useMutationWithFailure.ts
@@ -0,0 +1,99 @@
+"use client";
+
+import {
+  type MutateOptions,
+  type UseMutationOptions,
+  type UseMutationResult,
+  useMutation as useReactQueryMutation,
+} from "@tanstack/react-query";
+
+export type { MutateOptions, UseMutationOptions, UseMutationResult } from "@tanstack/react-query";
+
+export type MutationFailureHandler<TError, TVariables, TContext> = {
+  onFailure?: (error: TError, variables: TVariables, context: TContext | undefined) => void;
+};
+
+export type MutationOptionsWithFailure<TData, TError, TVariables, TContext> = UseMutationOptions<
+  TData,
+  TError,
+  TVariables,
+  TContext
+> &
+  MutationFailureHandler<TError, TVariables, TContext>;
+
+export type MutateOptionsWithFailure<TData, TError, TVariables, TContext> = MutateOptions<
+  TData,
+  TError,
+  TVariables,
+  TContext
+> &
+  MutationFailureHandler<TError, TVariables, TContext>;
+
+const mergeOnError = <TError, TVariables, TContext>(
+  onError?: UseMutationOptions<unknown, TError, TVariables, TContext>["onError"],
+  onFailure?: (error: TError, variables: TVariables, context: TContext | undefined) => void,
+): UseMutationOptions<unknown, TError, TVariables, TContext>["onError"] => {
+  if (!onError && !onFailure) return undefined;
+  return (...args: Parameters<NonNullable<UseMutationOptions<unknown, TError, TVariables, TContext>["onError"]>>) => {
+    onError?.(...args);
+    onFailure?.(args[0], args[1], args[2]);
+  };
+};
+
+const normalizeMutationOptions = <TData, TError, TVariables, TContext>(
+  options: MutationOptionsWithFailure<TData, TError, TVariables, TContext>,
+): UseMutationOptions<TData, TError, TVariables, TContext> => {
+  const { onFailure, onError, ...rest } = options;
+  const mergedOnError = mergeOnError<TError, TVariables, TContext>(onError, onFailure);
+  return mergedOnError
+    ? { ...rest, onError: mergedOnError as UseMutationOptions<TData, TError, TVariables, TContext>["onError"] }
+    : rest;
+};
+
+const normalizeMutateOptions = <TData, TError, TVariables, TContext>(
+  options?: MutateOptionsWithFailure<TData, TError, TVariables, TContext>,
+): MutateOptions<TData, TError, TVariables, TContext> | undefined => {
+  if (!options) return undefined;
+  const { onFailure, onError, ...rest } = options;
+  const mergedOnError = mergeOnError<TError, TVariables, TContext>(onError, onFailure);
+  return mergedOnError
+    ? { ...rest, onError: mergedOnError as MutateOptions<TData, TError, TVariables, TContext>["onError"] }
+    : rest;
+};
+
+export type MutationResultWithFailure<TData, TError, TVariables, TContext> = UseMutationResult<
+  TData,
+  TError,
+  TVariables,
+  TContext
+> & {
+  mutate: (variables: TVariables, options?: MutateOptionsWithFailure<TData, TError, TVariables, TContext>) => void;
+  mutateAsync: (
+    variables: TVariables,
+    options?: MutateOptionsWithFailure<TData, TError, TVariables, TContext>,
+  ) => Promise<TData>;
+};
+
+export const useMutation = <TData, TError, TVariables, TContext>(
+  options: MutationOptionsWithFailure<TData, TError, TVariables, TContext>,
+): MutationResultWithFailure<TData, TError, TVariables, TContext> => {
+  const mutation = useReactQueryMutation<TData, TError, TVariables, TContext>(normalizeMutationOptions(options));
+
+  const mutate: MutationResultWithFailure<TData, TError, TVariables, TContext>["mutate"] = (
+    variables,
+    mutateOptions,
+  ) => {
+    mutation.mutate(variables, normalizeMutateOptions(mutateOptions));
+  };
+
+  const mutateAsync: MutationResultWithFailure<TData, TError, TVariables, TContext>["mutateAsync"] = (
+    variables,
+    mutateOptions,
+  ) => mutation.mutateAsync(variables, normalizeMutateOptions(mutateOptions));
+
+  return {
+    ...mutation,
+    mutate,
+    mutateAsync,
+  };
+};
diff --git a/apps/university-web/src/lib/server/aiInspector/firestoreRepo.ts b/apps/university-web/src/lib/server/aiInspector/firestoreRepo.ts
new file mode 100644
index 00000000..b4f956c9
--- /dev/null
+++ b/apps/university-web/src/lib/server/aiInspector/firestoreRepo.ts
@@ -0,0 +1,32 @@
+import "server-only";
+import type { ElementSelection } from "@solid-connect/ai-inspector";
+import { FieldValue, type Firestore } from "firebase-admin/firestore";
+import type { UserRole } from "@/types/mentor";
+
+export interface CreateAiInspectorTaskInput {
+  instruction: string;
+  pageUrl: string;
+  selection: ElementSelection;
+  requestedBy: {
+    role: UserRole;
+    userId: string | null;
+  };
+}
+
+const getCollectionName = () => process.env.AI_INSPECTOR_FIRESTORE_COLLECTION?.trim() || "aiInspectorTasks";
+
+export const createQueuedAiInspectorTask = async (db: Firestore, input: CreateAiInspectorTaskInput) => {
+  const docRef = await db.collection(getCollectionName()).add({
+    status: "queued",
+    instruction: input.instruction,
+    pageUrl: input.pageUrl,
+    selector: input.selection.selector,
+    element: input.selection,
+    source: "web-admin-inspector",
+    requestedBy: input.requestedBy,
+    createdAt: FieldValue.serverTimestamp(),
+    updatedAt: FieldValue.serverTimestamp(),
+  });
+
+  return { taskId: docRef.id };
+};
diff --git a/apps/university-web/src/lib/server/aiInspector/taskService.ts b/apps/university-web/src/lib/server/aiInspector/taskService.ts
new file mode 100644
index 00000000..a3b07d7e
--- /dev/null
+++ b/apps/university-web/src/lib/server/aiInspector/taskService.ts
@@ -0,0 +1,12 @@
+import "server-only";
+import { type CreateAiInspectorTaskInput, createQueuedAiInspectorTask } from "@/lib/server/aiInspector/firestoreRepo";
+import { getFirebaseAdminFirestore } from "@/lib/server/firebaseAdmin";
+
+export const queueAiInspectorTask = async (input: CreateAiInspectorTaskInput) => {
+  const db = getFirebaseAdminFirestore();
+  if (!db) {
+    throw new Error("AI inspector Firebase Admin is not configured.");
+  }
+
+  return createQueuedAiInspectorTask(db, input);
+};
diff --git a/apps/university-web/src/lib/server/firebaseAdmin.ts b/apps/university-web/src/lib/server/firebaseAdmin.ts
new file mode 100644
index 00000000..17ed7a5a
--- /dev/null
+++ b/apps/university-web/src/lib/server/firebaseAdmin.ts
@@ -0,0 +1,55 @@
+import "server-only";
+import { cert, getApps, initializeApp } from "firebase-admin/app";
+import { type Firestore, getFirestore } from "firebase-admin/firestore";
+
+interface FirebaseAdminConfig {
+  projectId: string;
+  clientEmail: string;
+  privateKey: string;
+}
+
+const readFirebaseAdminConfig = (): FirebaseAdminConfig | null => {
+  const projectId = process.env.AI_INSPECTOR_FIREBASE_PROJECT_ID?.trim();
+  const clientEmail = process.env.AI_INSPECTOR_FIREBASE_CLIENT_EMAIL?.trim();
+  const privateKey = process.env.AI_INSPECTOR_FIREBASE_PRIVATE_KEY?.trim();
+
+  if (!projectId && !clientEmail && !privateKey) {
+    return null;
+  }
+
+  if (!projectId || !clientEmail || !privateKey) {
+    throw new Error("AI_INSPECTOR_FIREBASE_PROJECT_ID / CLIENT_EMAIL / PRIVATE_KEY must all be configured.");
+  }
+
+  return {
+    projectId,
+    clientEmail,
+    privateKey: privateKey.replace(/\\n/g, "\n"),
+  };
+};
+
+let cachedFirestore: Firestore | null = null;
+
+export const getFirebaseAdminFirestore = (): Firestore | null => {
+  if (cachedFirestore) {
+    return cachedFirestore;
+  }
+
+  const config = readFirebaseAdminConfig();
+  if (!config) {
+    return null;
+  }
+
+  if (getApps().length === 0) {
+    initializeApp({
+      credential: cert({
+        projectId: config.projectId,
+        clientEmail: config.clientEmail,
+        privateKey: config.privateKey,
+      }),
+    });
+  }
+
+  cachedFirestore = getFirestore();
+  return cachedFirestore;
+};
diff --git a/apps/university-web/src/lib/toast/showIconToast.tsx b/apps/university-web/src/lib/toast/showIconToast.tsx
new file mode 100644
index 00000000..055e6800
--- /dev/null
+++ b/apps/university-web/src/lib/toast/showIconToast.tsx
@@ -0,0 +1,40 @@
+import type { FC, SVGProps } from "react";
+import { toast } from "react-hot-toast";
+
+import { IconToastCap, IconToastLike, IconToastLink, IconToastLogo, IconToastUniv } from "@/public/svgs/toast";
+
+export type ToastIconKey = "like" | "link" | "univ" | "cap" | "logo";
+
+const ICONS: Record<ToastIconKey, FC<SVGProps<SVGSVGElement>>> = {
+  like: IconToastLike,
+  link: IconToastLink,
+  univ: IconToastUniv,
+  cap: IconToastCap,
+  logo: IconToastLogo,
+};
+
+const TOAST_DURATION = 3000;
+const TOAST_COOLDOWN = 3500;
+const activeToastKeys = new Set<string>();
+
+export const showIconToast = (icon: ToastIconKey, message: string) => {
+  const Icon = ICONS[icon];
+  const key = `${icon}:${message}`;
+
+  if (activeToastKeys.has(key)) return;
+  activeToastKeys.add(key);
+
+  toast.custom(
+    () => (
+      <div className="animate-fadeIn pointer-events-auto flex min-h-[62px] w-full max-w-[350px] items-center justify-center gap-2.5 rounded-[12px] bg-white px-5 py-4 shadow-magic-toast">
+        <Icon className="flex-shrink-0" />
+        <span className="break-words bg-gradient-to-r from-primary to-sub-a bg-clip-text text-center font-serif text-[16px] font-semibold leading-[150%] text-transparent [-webkit-text-fill-color:transparent]">
+          {message}
+        </span>
+      </div>
+    ),
+    { duration: TOAST_DURATION },
+  );
+
+  setTimeout(() => activeToastKeys.delete(key), TOAST_COOLDOWN);
+};
diff --git a/apps/university-web/src/lib/utils.ts b/apps/university-web/src/lib/utils.ts
new file mode 100644
index 00000000..365058ce
--- /dev/null
+++ b/apps/university-web/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/apps/university-web/src/lib/web-socket/useConnectWebSocket.ts b/apps/university-web/src/lib/web-socket/useConnectWebSocket.ts
new file mode 100644
index 00000000..0949dba0
--- /dev/null
+++ b/apps/university-web/src/lib/web-socket/useConnectWebSocket.ts
@@ -0,0 +1,145 @@
+import { Client } from "@stomp/stompjs";
+import { type InfiniteData, useQueryClient } from "@tanstack/react-query";
+import type { MutableRefObject } from "react";
+import { useEffect, useState } from "react";
+import SockJS from "sockjs-client";
+import { type ChatHistoriesResponse, ChatQueryKeys } from "@/apis/chat/api";
+import { normalizeChatMessage, type RawChatMessage } from "@/apis/chat/normalize";
+
+import { type ChatMessage, ConnectionStatus } from "@/types/chat";
+import { isTokenExpired } from "@/utils/jwtUtils";
+import useAuthStore from "../zustand/useAuthStore";
+
+interface UseConnectWebSocketProps {
+  roomId: number | null;
+  clientRef: MutableRefObject<Client | null>;
+}
+
+interface UseConnectWebSocketReturn {
+  connectionStatus: ConnectionStatus;
+  submittedMessages: ChatMessage[];
+  setSubmittedMessages: React.Dispatch<React.SetStateAction<ChatMessage[]>>;
+}
+
+const NEXT_PUBLIC_API_SERVER_URL = process.env.NEXT_PUBLIC_API_SERVER_URL;
+
+const getMessageCacheKey = (message: ChatMessage) => {
+  if (message.id !== 0) return `id:${message.id}`;
+
+  const attachmentKey = message.attachments
+    .map((attachment) => `${attachment.isImage ? "image" : "file"}:${attachment.url}:${attachment.createdAt}`)
+    .join(",");
+
+  return `fallback:${message.senderId}:${message.createdAt}:${message.content}:${attachmentKey}`;
+};
+
+const appendMessageToChatHistories = (
+  oldData: InfiniteData<ChatHistoriesResponse, number> | undefined,
+  message: ChatMessage,
+) => {
+  if (!oldData || oldData.pages.length === 0) return oldData;
+
+  const messageKey = getMessageCacheKey(message);
+  const hasMessage = oldData.pages.some((page) =>
+    page.content.some((cachedMessage) => getMessageCacheKey(cachedMessage) === messageKey),
+  );
+
+  if (hasMessage) return oldData;
+
+  return {
+    ...oldData,
+    pages: oldData.pages.map((page, index) =>
+      index === 0
+        ? {
+            ...page,
+            content: [...page.content, message],
+          }
+        : page,
+    ),
+  };
+};
+
+const useConnectWebSocket = ({ roomId, clientRef }: UseConnectWebSocketProps): UseConnectWebSocketReturn => {
+  // Hook 내부에서 연결 상태를 직접 관리
+  const [connectionStatus, setConnectionStatus] = useState<ConnectionStatus>(ConnectionStatus.Disconnected);
+  const [submittedMessages, setSubmittedMessages] = useState<ChatMessage[]>([]);
+  const queryClient = useQueryClient();
+  const accessToken = useAuthStore((state) => state.accessToken);
+  const isInitialized = useAuthStore((state) => state.isInitialized);
+  const hasValidAccessToken = Boolean(accessToken && !isTokenExpired(accessToken));
+
+  useEffect(() => {
+    if (!roomId) {
+      setConnectionStatus(ConnectionStatus.Disconnected);
+      return;
+    }
+
+    if (!isInitialized || !hasValidAccessToken) {
+      setConnectionStatus(ConnectionStatus.Pending);
+      return;
+    }
+
+    const connect = async () => {
+      setConnectionStatus(ConnectionStatus.Pending); // 연결 시도 중 상태로 설정
+      const token = accessToken;
+
+      try {
+        const client = new Client({
+          webSocketFactory: () => new SockJS(`${NEXT_PUBLIC_API_SERVER_URL}/connect?token=${token}`),
+          // ...existing code...
+          heartbeatIncoming: 50000,
+          heartbeatOutgoing: 50000,
+          reconnectDelay: 50000,
+        });
+
+        client.onConnect = () => {
+          setConnectionStatus(ConnectionStatus.Connected);
+          client.subscribe(`/topic/chat/${roomId}`, (message) => {
+            try {
+              const receivedMessage = normalizeChatMessage(JSON.parse(message.body) as RawChatMessage);
+
+              if (!receivedMessage.createdAt || Number.isNaN(new Date(receivedMessage.createdAt).getTime())) {
+                receivedMessage.createdAt = new Date().toISOString();
+              }
+
+              queryClient.setQueryData<InfiniteData<ChatHistoriesResponse, number>>(
+                [ChatQueryKeys.chatHistories, roomId],
+                (oldData) => appendMessageToChatHistories(oldData, receivedMessage),
+              );
+              queryClient.invalidateQueries({ queryKey: [ChatQueryKeys.chatRooms], refetchType: "none" });
+              setSubmittedMessages((prev) => [...prev, receivedMessage]);
+            } catch (error) {}
+          });
+        };
+
+        client.onStompError = (frame) => {
+          setConnectionStatus(ConnectionStatus.Error);
+        };
+
+        client.onDisconnect = () => {
+          setConnectionStatus(ConnectionStatus.Disconnected);
+        };
+
+        client.activate();
+        clientRef.current = client;
+      } catch (error) {
+        setConnectionStatus(ConnectionStatus.Error);
+      }
+    };
+
+    connect();
+
+    // Clean-up 함수
+    return () => {
+      if (clientRef.current?.active) {
+        clientRef.current.deactivate();
+      }
+      clientRef.current = null;
+    };
+  }, [roomId, clientRef, accessToken, hasValidAccessToken, isInitialized, queryClient]);
+
+  // 관리하는 connectionStatus를 반환
+  return { connectionStatus, submittedMessages, setSubmittedMessages };
+};
+
+export default useConnectWebSocket;
diff --git a/apps/university-web/src/lib/zustand/useAlertModalStore.ts b/apps/university-web/src/lib/zustand/useAlertModalStore.ts
new file mode 100644
index 00000000..43e64a97
--- /dev/null
+++ b/apps/university-web/src/lib/zustand/useAlertModalStore.ts
@@ -0,0 +1,53 @@
+import type { ComponentType, SVGProps } from "react";
+
+import { create } from "zustand";
+
+export type AlertModalPayload = {
+  icon?: ComponentType<SVGProps<SVGSVGElement>>; // SVG 컴포넌트만 허용
+  title: string;
+  content: string;
+  /** 단일 버튼 텍스트 (기본값: "확인") */
+  buttonText?: string;
+};
+
+interface AlertModalState {
+  /** 모달 표시 여부 */
+  isOpen: boolean;
+  /** 현재 모달에 표현될 데이터 */
+  payload?: AlertModalPayload;
+  /** 내부 Promise resolver */
+  _resolver: (() => void) | null;
+
+  /* -------- actions -------- */
+  /** 모달을 열고 Promise 로 결과 반환 (확인 시 resolve) */
+  ask: (payload: AlertModalPayload) => Promise<void>;
+  /** 확인/닫기 버튼 클릭 */
+  acknowledge: () => void;
+  /** 외부에서 닫기 (Esc 등) */
+  close: () => void;
+}
+
+export const useAlertModalStore = create<AlertModalState>((set, get) => ({
+  isOpen: false,
+  payload: undefined,
+  _resolver: null,
+
+  ask: (payload) =>
+    new Promise<void>((resolve) => {
+      set({ isOpen: true, payload, _resolver: resolve });
+    }),
+
+  acknowledge: () => {
+    const { _resolver } = get();
+    _resolver?.();
+    set({ isOpen: false, payload: undefined, _resolver: null });
+  },
+
+  close: () => {
+    const { _resolver } = get();
+    _resolver?.();
+    set({ isOpen: false, payload: undefined, _resolver: null });
+  },
+}));
+
+export const customAlert = (payload: AlertModalPayload): Promise<void> => useAlertModalStore.getState().ask(payload);
diff --git a/apps/university-web/src/lib/zustand/useAuthStore.ts b/apps/university-web/src/lib/zustand/useAuthStore.ts
new file mode 100644
index 00000000..bce263d4
--- /dev/null
+++ b/apps/university-web/src/lib/zustand/useAuthStore.ts
@@ -0,0 +1,156 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { UserRole } from "@/types/mentor";
+import { isTokenExpired } from "@/utils/jwtUtils";
+
+const parseUserRoleFromToken = (token: string | null): UserRole | null => {
+  if (!token || isTokenExpired(token)) return null;
+
+  try {
+    const payload = JSON.parse(atob(token.split(".")[1])) as { role?: string };
+
+    if (payload.role === UserRole.MENTOR || payload.role === UserRole.MENTEE || payload.role === UserRole.ADMIN) {
+      return payload.role;
+    }
+
+    return null;
+  } catch {
+    return null;
+  }
+};
+
+type RefreshStatus = "idle" | "refreshing" | "success" | "failed";
+type ClientRole = UserRole.MENTOR | UserRole.MENTEE;
+
+const resolveClientRole = (serverRole: UserRole | null, currentClientRole: ClientRole | null): ClientRole | null => {
+  if (serverRole === UserRole.ADMIN) {
+    return currentClientRole ?? UserRole.MENTOR;
+  }
+
+  if (serverRole === UserRole.MENTOR || serverRole === UserRole.MENTEE) {
+    return serverRole;
+  }
+
+  return null;
+};
+
+interface AuthState {
+  accessToken: string | null;
+  serverRole: UserRole | null;
+  clientRole: ClientRole | null;
+  isAuthenticated: boolean;
+  isLoading: boolean;
+  isInitialized: boolean;
+  refreshStatus: RefreshStatus;
+  shouldAttemptRefresh: boolean;
+  setAccessToken: (token: string) => void;
+  clearAccessToken: () => void;
+  setClientRole: (role: ClientRole) => void;
+  setLoading: (loading: boolean) => void;
+  setInitialized: (initialized: boolean) => void;
+  setRefreshStatus: (status: RefreshStatus) => void;
+}
+
+const useAuthStore = create<AuthState>()(
+  persist(
+    (set) => ({
+      accessToken: null,
+      serverRole: null,
+      clientRole: null,
+      isAuthenticated: false,
+      isLoading: false,
+      isInitialized: false,
+      refreshStatus: "idle",
+      shouldAttemptRefresh: false,
+
+      setAccessToken: (token) => {
+        set((state) => {
+          const serverRole = parseUserRoleFromToken(token);
+
+          return {
+            accessToken: token,
+            serverRole,
+            clientRole: resolveClientRole(serverRole, state.clientRole),
+            isAuthenticated: true,
+            isLoading: false,
+            isInitialized: true,
+            refreshStatus: "success",
+            shouldAttemptRefresh: true,
+          };
+        });
+      },
+
+      clearAccessToken: () => {
+        set({
+          accessToken: null,
+          serverRole: null,
+          clientRole: null,
+          isAuthenticated: false,
+          isLoading: false,
+          isInitialized: true,
+          refreshStatus: "idle",
+          shouldAttemptRefresh: false,
+        });
+      },
+
+      setClientRole: (role) => {
+        set((state) => {
+          if (state.serverRole !== UserRole.ADMIN) {
+            return {};
+          }
+
+          return { clientRole: role };
+        });
+      },
+
+      setLoading: (loading) => {
+        set({ isLoading: loading });
+      },
+
+      setInitialized: (initialized) => {
+        set({ isInitialized: initialized });
+      },
+
+      setRefreshStatus: (status) => {
+        set({ refreshStatus: status });
+      },
+    }),
+    {
+      name: "auth-storage",
+      partialize: (state) => ({
+        accessToken: state.accessToken,
+        clientRole: state.clientRole,
+        isAuthenticated: state.isAuthenticated,
+        shouldAttemptRefresh: state.shouldAttemptRefresh,
+      }),
+      onRehydrateStorage: () => (state) => {
+        if (state) {
+          const hasValidToken = Boolean(state.accessToken && !isTokenExpired(state.accessToken));
+          const hadStoredAuth = Boolean(state.shouldAttemptRefresh || state.isAuthenticated || state.accessToken);
+          state.shouldAttemptRefresh = hadStoredAuth;
+
+          if (!hasValidToken) {
+            state.accessToken = null;
+            state.serverRole = null;
+            state.clientRole = null;
+            state.isAuthenticated = false;
+            // 저장된 로그인 흔적이 있으면 ReissueProvider가 refresh를 마칠 때까지 인증 분기를 보류합니다.
+            state.isInitialized = !hadStoredAuth;
+            state.isLoading = hadStoredAuth;
+            state.refreshStatus = hadStoredAuth ? "refreshing" : "idle";
+          } else {
+            const serverRole = parseUserRoleFromToken(state.accessToken);
+            state.serverRole = serverRole;
+            state.clientRole = resolveClientRole(serverRole, state.clientRole);
+            state.isAuthenticated = true;
+            state.isInitialized = true;
+            state.isLoading = false;
+            state.refreshStatus = "success";
+          }
+        }
+      },
+    },
+  ),
+);
+
+export default useAuthStore;
diff --git a/apps/university-web/src/lib/zustand/useConfirmModalStore.ts b/apps/university-web/src/lib/zustand/useConfirmModalStore.ts
new file mode 100644
index 00000000..fdadf9e3
--- /dev/null
+++ b/apps/university-web/src/lib/zustand/useConfirmModalStore.ts
@@ -0,0 +1,60 @@
+import type { ComponentType, SVGProps } from "react";
+
+import { create } from "zustand";
+
+export type ConfirmModalPayload = {
+  icon?: ComponentType<SVGProps<SVGSVGElement>>; // SVG 컴포넌트만 허용
+  title: string;
+  content: string;
+  // approveMessage: text for the confirm/approve button (default "확인")
+  approveMessage?: string; // default "확인"
+  // rejectMessage: text for the reject/cancel button (default "취소")
+  rejectMessage?: string; // default "취소"
+};
+
+interface ConfirmModalState {
+  /** 모달 표시 여부 */
+  isOpen: boolean;
+  /** 현재 모달에 표현될 데이터 */
+  payload?: ConfirmModalPayload;
+  /** 내부 Promise resolver */
+  _resolver: ((confirmed: boolean) => void) | null;
+
+  /* -------- actions -------- */
+  /** 모달을 열고 Promise 로 결과 반환 */
+  ask: (payload: ConfirmModalPayload) => Promise<boolean>;
+  /** 확인 버튼 클릭  */
+  confirm: () => void;
+  /** 닫기 / 취소 */
+  reject: () => void;
+}
+
+export const useConfirmModalStore = create<ConfirmModalState>((set, get) => ({
+  isOpen: false,
+  payload: undefined,
+  _resolver: null,
+
+  /** 모달 open + Promise */
+  ask: (payload) =>
+    new Promise<boolean>((resolve) => {
+      set({ isOpen: true, payload, _resolver: resolve });
+    }),
+
+  /** 확인 눌렀을 때 */
+  confirm: () => {
+    const { _resolver } = get();
+    _resolver?.(true);
+    set({ isOpen: false, payload: undefined, _resolver: null });
+  },
+
+  /** 취소 / 닫기 */
+  reject: () => {
+    const { _resolver } = get();
+    _resolver?.(false);
+    set({ isOpen: false, payload: undefined, _resolver: null });
+  },
+}));
+
+// 커스텀 confirm 함수
+export const customConfirm = (payload: ConfirmModalPayload): Promise<boolean> =>
+  useConfirmModalStore.getState().ask(payload);
diff --git a/apps/university-web/src/lib/zustand/useReportedPostsStore.ts b/apps/university-web/src/lib/zustand/useReportedPostsStore.ts
new file mode 100644
index 00000000..594c582b
--- /dev/null
+++ b/apps/university-web/src/lib/zustand/useReportedPostsStore.ts
@@ -0,0 +1,55 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface ReportedPostsState {
+  reportedPostIds: number[];
+  blockedUserIds: number[];
+  addReportedPost: (postId: number) => void;
+  addBlockedUser: (userId: number) => void;
+  removeBlockedUser: (userId: number) => void;
+}
+
+const useReportedPostsStore = create<ReportedPostsState>()(
+  persist(
+    (set) => ({
+      reportedPostIds: [],
+      blockedUserIds: [],
+      addReportedPost: (postId) => {
+        set((state) => {
+          if (state.reportedPostIds.includes(postId)) {
+            return state;
+          }
+
+          return {
+            reportedPostIds: [...state.reportedPostIds, postId],
+          };
+        });
+      },
+      addBlockedUser: (userId) => {
+        set((state) => {
+          if (state.blockedUserIds.includes(userId)) {
+            return state;
+          }
+
+          return {
+            blockedUserIds: [...state.blockedUserIds, userId],
+          };
+        });
+      },
+      removeBlockedUser: (userId) => {
+        set((state) => ({
+          blockedUserIds: state.blockedUserIds.filter((id) => id !== userId),
+        }));
+      },
+    }),
+    {
+      name: "reported-community-posts-storage",
+      partialize: (state) => ({
+        reportedPostIds: state.reportedPostIds,
+        blockedUserIds: state.blockedUserIds,
+      }),
+    },
+  ),
+);
+
+export default useReportedPostsStore;
diff --git a/apps/university-web/src/lib/zustand/useSurveyModalStore.ts b/apps/university-web/src/lib/zustand/useSurveyModalStore.ts
new file mode 100644
index 00000000..e4250b32
--- /dev/null
+++ b/apps/university-web/src/lib/zustand/useSurveyModalStore.ts
@@ -0,0 +1,90 @@
+import { create } from "zustand";
+
+const SURVEY_MODAL_STORAGE_KEY = "surveyModal_hideUntil";
+const SURVEY_START_AT_KST = Date.parse("2026-03-14T00:00:00+09:00");
+const SURVEY_END_AT_KST = Date.parse("2026-03-31T23:59:59+09:00");
+
+interface SurveyModalState {
+  /** 모달 표시 여부 */
+  isOpen: boolean;
+
+  /* -------- actions -------- */
+  /** 모달 열기 (로컬스토리지 확인 후) */
+  open: () => void;
+  /** 모달 닫기 */
+  close: () => void;
+  /** 일주일간 보지 않기 */
+  closeForWeek: () => void;
+  /** 초기화 시 자동으로 모달 표시 여부 확인 */
+  checkAndOpen: () => void;
+}
+
+export const useSurveyModalStore = create<SurveyModalState>((set) => ({
+  isOpen: false,
+
+  open: () => {
+    set({ isOpen: true });
+  },
+
+  close: () => {
+    set({ isOpen: false });
+  },
+
+  closeForWeek: () => {
+    // 7일 후 타임스탬프 저장
+    const weekLater = Date.now() + 7 * 24 * 60 * 60 * 1000;
+    try {
+      localStorage.setItem(SURVEY_MODAL_STORAGE_KEY, weekLater.toString());
+    } catch (error) {
+      // 로컬스토리지 저장 실패해도 모달은 닫기
+    }
+    set({ isOpen: false });
+  },
+
+  checkAndOpen: () => {
+    if (typeof window === "undefined") return;
+
+    // 현재 페이지가 로그인 페이지인지 확인
+    const currentPath = window.location.pathname;
+    const isLoginPage = currentPath.includes("/login") || currentPath.includes("/sign-up");
+
+    // 로그인 페이지에서는 모달을 표시하지 않음
+    if (isLoginPage) return;
+
+    // 한국시간 기준 설문 진행 기간(2026-03-14 00:00:00 ~ 2026-03-31 23:59:59)에만 모달 표시
+    const now = Date.now();
+    if (now < SURVEY_START_AT_KST || now > SURVEY_END_AT_KST) {
+      return;
+    }
+
+    let hideUntil: string | null = null;
+    try {
+      hideUntil = localStorage.getItem(SURVEY_MODAL_STORAGE_KEY);
+    } catch (error) {
+      // 로컬스토리지 읽기 실패 시 모달 표시
+      set({ isOpen: true });
+      return;
+    }
+
+    // 저장된 값 검증
+    if (hideUntil) {
+      const hideTimestamp = Number(hideUntil);
+      if (Number.isNaN(hideTimestamp) || hideTimestamp <= 0) {
+        // 잘못된 값인 경우 저장된 키 제거
+        try {
+          localStorage.removeItem(SURVEY_MODAL_STORAGE_KEY);
+        } catch (error) {}
+        set({ isOpen: true });
+        return;
+      }
+
+      // 저장된 시간이 현재 시간보다 이후면 모달 숨김
+      if (Date.now() <= hideTimestamp) {
+        return; // 모달 표시 안 함
+      }
+    }
+
+    // 저장된 시간이 없거나, 현재 시간이 저장된 시간보다 이후면 모달 표시
+    set({ isOpen: true });
+  },
+}));
diff --git a/apps/university-web/src/proxy.ts b/apps/university-web/src/proxy.ts
new file mode 100644
index 00000000..6decb5f8
--- /dev/null
+++ b/apps/university-web/src/proxy.ts
@@ -0,0 +1,73 @@
+import type { NextRequest } from "next/server";
+import { NextResponse } from "next/server";
+
+const blockedExactPaths = new Set([
+  "/database.php",
+  "/db.php",
+  "/config.php",
+  "/phpinfo.php",
+  "/xmlrpc.php",
+  "/wp-login.php",
+]);
+const blockedPathPrefixes = ["/wp-admin", "/phpmyadmin", "/pma", "/.env", "/.git", "/vendor"];
+
+const DEFAULT_INDEXABLE_HOSTS = ["www.solid-connection.com", "solid-connection.com"];
+
+const indexableHosts = new Set(
+  (process.env.UNIVERSITY_WEB_INDEXABLE_HOSTS ?? DEFAULT_INDEXABLE_HOSTS.join(","))
+    .split(",")
+    .map((hostname) => hostname.trim())
+    .filter(Boolean),
+);
+
+const isStageHostname = (hostname: string) => hostname.includes("stage");
+
+const getRequestHostname = (request: NextRequest) => {
+  const host = request.headers.get("x-forwarded-host") ?? request.headers.get("host") ?? request.nextUrl.hostname;
+  return host.split(":")[0];
+};
+
+const isNonIndexHostname = (hostname: string) => isStageHostname(hostname) || !indexableHosts.has(hostname);
+
+const isProbePath = (pathname: string) => {
+  if (blockedExactPaths.has(pathname)) {
+    return true;
+  }
+
+  if (pathname.endsWith(".php")) {
+    return true;
+  }
+
+  return blockedPathPrefixes.some((prefix) => pathname.startsWith(prefix));
+};
+
+export function proxy(request: NextRequest) {
+  const pathname = request.nextUrl.pathname;
+
+  if (pathname === "/robots.txt" && isNonIndexHostname(getRequestHostname(request))) {
+    return new NextResponse("User-agent: *\nDisallow: /\n", {
+      status: 200,
+      headers: {
+        "Content-Type": "text/plain; charset=utf-8",
+        "Cache-Control": "public, max-age=600",
+        "X-Robots-Tag": "noindex, nofollow, noarchive",
+      },
+    });
+  }
+
+  if (isProbePath(pathname)) {
+    return new NextResponse("Not Found", {
+      status: 404,
+      headers: {
+        "Cache-Control": "no-store",
+      },
+    });
+  }
+
+  return NextResponse.next();
+}
+export const config = {
+  matcher: [
+    "/((?!api|_next/static|_next/image|static/chunks|images|assets|favicon.ico|sitemap.xml|sw.js|viewer|fonts|.*\\.splat).*)",
+  ],
+};
diff --git a/apps/university-web/src/styles/globals.css b/apps/university-web/src/styles/globals.css
new file mode 100644
index 00000000..5032fd86
--- /dev/null
+++ b/apps/university-web/src/styles/globals.css
@@ -0,0 +1,85 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    /* Safe Area Insets for iOS (notch, home indicator) */
+    --safe-area-inset-top: env(safe-area-inset-top, 0px);
+    --safe-area-inset-right: env(safe-area-inset-right, 0px);
+    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+    --safe-area-inset-left: env(safe-area-inset-left, 0px);
+  }
+
+  html {
+    font-family: var(--font-pretendard), system-ui, -apple-system, sans-serif;
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    @apply m-0 bg-white;
+    font-family: system-ui, -apple-system, sans-serif;
+    /* Apply safe area padding for iOS devices */
+    padding-top: var(--safe-area-inset-top);
+    padding-right: var(--safe-area-inset-right);
+    padding-bottom: var(--safe-area-inset-bottom);
+    padding-left: var(--safe-area-inset-left);
+  }
+}
+
+@layer components {
+  .score-table {
+    @apply border-collapse;
+  }
+
+  .score-table tr {
+    @apply border border-bg-300;
+  }
+
+  .score-table button {
+    @apply cursor-pointer border-none bg-transparent;
+  }
+
+  .score-table thead {
+    @apply bg-bg-50;
+  }
+
+  .score-table thead tr {
+    @apply flex h-10 items-center justify-between px-3 py-0;
+  }
+
+  .score-table th {
+    @apply text-black typo-sb-7;
+  }
+
+  .score-table tbody tr {
+    @apply flex h-10 items-center px-3 py-0;
+  }
+
+  .score-table td {
+    @apply min-w-[30px] flex-1 overflow-hidden whitespace-nowrap text-gray-600 typo-medium-3;
+  }
+
+  .score-table td:nth-of-type(5) {
+    @apply flex-none basis-[18px];
+  }
+}
+
+/* Toast 애니메이션 */
+@keyframes slide-in {
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.animate-slide-in {
+  animation: slide-in 0.3s ease-out;
+}
diff --git a/apps/university-web/src/types/application.ts b/apps/university-web/src/types/application.ts
new file mode 100644
index 00000000..6dcdc3db
--- /dev/null
+++ b/apps/university-web/src/types/application.ts
@@ -0,0 +1,76 @@
+export type ApplyStatus =
+  | "NO_AUTHORIZATION"
+  | "NOT_SUBMITTED"
+  | "SCORE_SUBMITTED"
+  | "COLLEGE_SUBMITTED"
+  | "SUBMITTED_PENDING"
+  | "SUBMITTED_REJECTED"
+  | "SUBMITTED_APPROVED";
+
+export interface Applicant {
+  nicknameForApply: string;
+  gpa: number;
+  testType: string;
+  testScore: string;
+  isMine: boolean;
+}
+
+export interface ScoreSheet {
+  koreanName: string;
+  studentCapacity: number;
+  region: string;
+  country: string;
+  applicants: Applicant[];
+}
+
+export interface ApplicationScoreRequest {
+  languageTestType:
+    | "TOEFL_IBT"
+    | "TOEFL_ITP"
+    | "TOEIC"
+    | "IELTS"
+    | "NEW_HSK"
+    | "JLPT"
+    | "DUOLINGO"
+    | "CEFR"
+    | "DELF"
+    | "TCF"
+    | "TEF"
+    | "DALF";
+  languageTestScore: string;
+  languageTestReportUrl: string;
+  gpa: number;
+  gpaCriteria: number;
+  gpaReportUrl: string;
+}
+
+export interface ApplicationUniversityRequest {
+  firstChoiceUniversityId: number;
+  secondChoiceUniversityId: number;
+  thirdChoiceUniversityId: number;
+}
+
+export interface ApplicationListResponse {
+  firstChoice: ScoreSheet[];
+  secondChoice: ScoreSheet[];
+  thirdChoice: ScoreSheet[];
+}
+
+export interface ApplicationStatusResponse {
+  status: ApplyStatus;
+  updateCount: number;
+}
+
+export interface SubmitApplicationRequest {
+  gpaScoreId: number;
+  languageTestScoreId: number;
+  universityChoiceRequest: {
+    firstChoiceUniversityId: number | null;
+    secondChoiceUniversityId: number | null;
+    thirdChoiceUniversityId: number | null;
+  };
+}
+
+export interface SubmitApplicationResponse {
+  isSuccess: boolean;
+}
diff --git a/apps/university-web/src/types/auth.ts b/apps/university-web/src/types/auth.ts
new file mode 100644
index 00000000..1be3bede
--- /dev/null
+++ b/apps/university-web/src/types/auth.ts
@@ -0,0 +1,91 @@
+import type { Country, RegionKo } from "./university";
+
+export type PreparationStatus = "CONSIDERING" | "PREPARING_FOR_DEPARTURE" | "STUDYING_ABROAD";
+
+export enum PreparationStatusEnum {
+  CONSIDERING = "CONSIDERING",
+  PREPARING_FOR_DEPARTURE = "PREPARING_FOR_DEPARTURE",
+  STUDYING_ABROAD = "STUDYING_ABROAD",
+}
+
+// export type Gender = "MALE" | "FEMALE" | "PREFER_NOT_TO_SAY";
+
+// eslint-disable-next-line no-shadow
+// export enum GenderEnum {
+//   MALE = "MALE",
+//   FEMALE = "FEMALE",
+//   PREFER_NOT_TO_SAY = "PREFER_NOT_TO_SAY",
+// }
+
+// Email
+export interface EmailSignUpRequest {
+  email: string;
+  password: string;
+}
+
+export interface EmailSignUpResponse {
+  signUpToken: string;
+}
+
+export interface EmailSignInResponse {
+  accessToken: string;
+  refreshToken: string;
+}
+
+// Kakao
+export interface RegisteredKakaoAuthReponse {
+  isRegistered: true;
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface UnregisteredKakaoAuthReponse {
+  isRegistered: false;
+  nickname: string;
+  email: string;
+  profileImageUrl: string;
+  signUpToken: string;
+}
+
+// Apple
+export interface RegisteredAppleAuthResponse {
+  isRegistered: true;
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface UnregisteredAppleAuthResponse {
+  isRegistered: false;
+  nickname: null;
+  email: string;
+  profileImageUrl: null;
+  signUpToken: string;
+}
+
+export interface appleOAuth2CodeResponse {
+  authorization: {
+    code: string;
+    id_token: string;
+  };
+}
+
+// Sign Up
+export interface SignUpRequest {
+  signUpToken: string; // 최초 접속 시 발급받는 토큰
+  interestedRegions: RegionKo[]; // 한글 지역명 e.g. 미주권
+  interestedCountries: Country[]; // 한글 국가명 e.g. 영국
+  preparationStatus: PreparationStatus; // 준비 단계
+  nickname: string; // 닉네임
+  profileImageUrl: string; // 프로필 이미지
+  // gender: Gender; // 성별
+  // birth: string; // 생년월일 yyyy-mm-dd
+}
+
+export interface SignUpResponse {
+  accessToken: string;
+  refreshToken: string;
+}
+
+export interface ReissueAccessTokenResponse {
+  accessToken: string;
+}
diff --git a/apps/university-web/src/types/chat.ts b/apps/university-web/src/types/chat.ts
new file mode 100644
index 00000000..96042516
--- /dev/null
+++ b/apps/university-web/src/types/chat.ts
@@ -0,0 +1,39 @@
+export interface ChatRoom {
+  id: number;
+  lastChatMessage: string;
+  lastReceivedTime: string; // ISO8601 형식 (e.g. "2025-01-27T17:30:00Z")
+  partner: ChatPartner;
+  unReadCount: number;
+}
+
+export interface ChatPartner {
+  partnerId: number;
+  nickname: string;
+  profileUrl: string | null;
+  university: string | null;
+}
+
+export interface ChatAttachment {
+  id: number;
+  isImage: boolean;
+  url: string;
+  thumbnailUrl: string | null;
+  previewUrl?: string;
+  isOptimistic?: boolean;
+  createdAt: string;
+}
+
+export interface ChatMessage {
+  id: number;
+  content: string;
+  senderId: number;
+  createdAt: string;
+  attachments: ChatAttachment[];
+}
+
+export enum ConnectionStatus {
+  Connected = "Connected",
+  Disconnected = "Disconnected",
+  Error = "Error",
+  Pending = "Pending",
+}
diff --git a/apps/university-web/src/types/community.ts b/apps/university-web/src/types/community.ts
new file mode 100644
index 00000000..0e0e39dc
--- /dev/null
+++ b/apps/university-web/src/types/community.ts
@@ -0,0 +1,96 @@
+export interface Board {
+  name: string;
+  koreanName: string;
+}
+
+export interface CommunityUser {
+  id: number;
+  nickname: string;
+  profileImageUrl: string;
+}
+
+export interface Comment {
+  id: number;
+  parentId: number | null;
+  content: string;
+  isOwner: boolean;
+  createdAt: string;
+  updatedAt: string;
+  postFindSiteUserResponse: CommunityUser;
+}
+
+export interface PostImage {
+  id: number;
+  url: string;
+}
+
+export interface Post {
+  id: number;
+  title: string;
+  content: string;
+  isQuestion: boolean;
+  likeCount: number;
+  viewCount: number;
+  commentCount: number;
+  postCategory: string;
+  isOwner: boolean;
+  isLiked: boolean;
+  createdAt: string;
+  updatedAt: string;
+  postFindBoardResponse: Board;
+  postFindSiteUserResponse: CommunityUser;
+  postFindCommentResponses: Comment[];
+  postFindPostImageResponses: PostImage[];
+}
+
+export interface ListPost {
+  id: number;
+  title: string;
+  content: string;
+  likeCount: number;
+  commentCount: number;
+  createdAt: string;
+  updatedAt: string;
+  postCategory: string;
+  url: string | null;
+  postThumbnailUrl: string | null;
+}
+
+export interface PostCreateRequest {
+  postCreateRequest: {
+    boardCode: string;
+    postCategory: string;
+    title: string;
+    content: string;
+    isQuestion: boolean;
+  };
+  file: Blob[];
+}
+
+export interface PostUpdateRequest {
+  postUpdateRequest: {
+    postCategory: string;
+    title: string;
+    content: string;
+  };
+  file: File[];
+}
+
+export interface CommentCreateRequest {
+  postId: number;
+  content: string;
+  parentId: number | null;
+}
+
+export interface PostIdResponse {
+  id: number;
+}
+
+export interface CommentIdResponse {
+  id: number;
+}
+
+export interface PostLikeResponse {
+  likeCount: number;
+  isLiked: boolean;
+}
diff --git a/apps/university-web/src/types/file.ts b/apps/university-web/src/types/file.ts
new file mode 100644
index 00000000..89c3876d
--- /dev/null
+++ b/apps/university-web/src/types/file.ts
@@ -0,0 +1,3 @@
+export interface FileResponse {
+  fileUrl: string;
+}
diff --git a/apps/university-web/src/types/mentee.ts b/apps/university-web/src/types/mentee.ts
new file mode 100644
index 00000000..7e91dfd6
--- /dev/null
+++ b/apps/university-web/src/types/mentee.ts
@@ -0,0 +1,12 @@
+export interface MentoringListItem {
+  mentoringId: number;
+  profileImageUrl: string | null;
+  nickname: string;
+  isChecked: boolean;
+  createdAt: string;
+}
+
+export enum VerifyStatus {
+  PENDING = "PENDING",
+  APPROVED = "APPROVED",
+}
diff --git a/apps/university-web/src/types/mentor.ts b/apps/university-web/src/types/mentor.ts
new file mode 100644
index 00000000..10b7df9a
--- /dev/null
+++ b/apps/university-web/src/types/mentor.ts
@@ -0,0 +1,112 @@
+export interface MentorResponse {
+  nextPageNumber: number;
+  content: Mentor[];
+}
+export interface MentorListParams {
+  region?: string;
+  size?: number;
+  page?: number;
+}
+
+export interface Mentor {
+  id: number;
+  profileImageUrl: string | null;
+  nickname: string;
+  country: string;
+  universityName: string;
+  term: string;
+  menteeCount: number;
+  hasBadge: boolean;
+  introduction: string;
+  channels: MentorChannel[];
+  isApplied: boolean;
+}
+/** 리스트(미리보기) 용 – passTip / isApplied 없이 사용 */
+export type MentorCardPreview = (MentorCardBase & { term: string; passTip?: string }) | null; // 학업 학기 (예: "2026-1")
+
+/** 상세 뷰 용 – 추가 정보 포함 */
+export interface MentorCardDetail extends MentorCardBase {
+  passTip: string;
+  isApplied: boolean;
+  term: string; // 학업 학기 (예: "2026-1")
+}
+
+export interface MentorChannel {
+  type: ChannelType;
+  url: string;
+}
+
+export enum FilterTab {
+  ALL = "전체",
+  EUROPE = "유럽권",
+  AMERICAS = "미주권",
+  ASIA = "아시아권",
+  CHINA = "중국권",
+}
+
+export enum ChannelType {
+  BLOG = "BLOG",
+  BRUNCH = "BRUNCH",
+  INSTAGRAM = "INSTAGRAM",
+  YOUTUBE = "YOUTUBE",
+}
+
+export enum MentorTab {
+  MY_MENTEE = "나의 멘티",
+  APPLY_LIST = "신청 목록",
+}
+
+export enum MenteeTab {
+  MY_MENTOR = "나의 멘토",
+  MY_APPLIED = "신청목록",
+}
+
+export enum UserRole {
+  MENTOR = "MENTOR",
+  MENTEE = "MENTEE",
+  ADMIN = "ADMIN",
+}
+
+export enum MentorStudyStatus {
+  STUDYING = "STUDYING", // 현재 연수 중
+  COMPLETED = "COMPLETED", // 연수 종료
+  SCHEDULED = "SCHEDULED", // 연수 예정
+}
+
+export type ExchangeStatus =
+  | "STUDYING_ABROAD" // 현재 연수 중
+  | "FINISHED" // 연수 종료
+  | "PLANNED"; // 연수 예정
+
+/** 멘토 카드 공통 필드 (리스트·상세 공용) */
+export interface MentorCardBase {
+  id: number; // 멘토 아이디
+  profileImageUrl: string | null;
+  nickname: string;
+  country: string; // 국가 (한국어 표기)
+  universityName: string;
+  menteeCount: number;
+  hasBadge: boolean;
+  introduction: string;
+  channels: MentorChannel[];
+}
+
+export interface MentoringItem {
+  mentoringId: number;
+  profileImageUrl: string | null;
+  nickname: string;
+  isChecked: boolean;
+  createdAt: string;
+  verifyStatus: MentoringApplyStatus;
+}
+
+export enum MentoringApprovalStatus {
+  APPROVED = "APPROVED",
+  REJECTED = "REJECTED",
+}
+
+export enum MentoringApplyStatus {
+  PENDING = "PENDING",
+  APPROVED = "APPROVED",
+  REJECTED = "REJECTED",
+}
diff --git a/apps/university-web/src/types/myInfo.ts b/apps/university-web/src/types/myInfo.ts
new file mode 100644
index 00000000..fc992311
--- /dev/null
+++ b/apps/university-web/src/types/myInfo.ts
@@ -0,0 +1,37 @@
+import type { UserRole } from "./mentor";
+
+export type AuthType = "EMAIL" | "KAKAO" | "APPLE";
+
+export interface BaseUserInfo {
+  likedUniversityCount: number;
+  nickname: string;
+  profileImageUrl: string | null;
+  role: UserRole;
+  authType: string;
+  email: string;
+  likedPostCount: number;
+  likedMentorCount: number;
+}
+
+export interface MyInfo {
+  nickname: string;
+  profileImageUrl: string | null;
+  role: "MENTOR" | "MENTEE";
+  authType: AuthType;
+  birth: string;
+  likedPostCount: number;
+  likedMentoCount: number;
+  likedUniversityCount: number;
+  email: string;
+}
+
+export interface MyInfoSimple {
+  nickname: string;
+  profileImageUrl: string;
+}
+
+export interface MyInfoPatchRequest {
+  // 내 정보 수정 페이지에서 사용
+  nickname?: string;
+  file?: Blob; // 프로필 이미지
+}
diff --git a/apps/university-web/src/types/news.ts b/apps/university-web/src/types/news.ts
new file mode 100644
index 00000000..28c5002a
--- /dev/null
+++ b/apps/university-web/src/types/news.ts
@@ -0,0 +1,25 @@
+export interface News {
+  id: number;
+  title: string;
+  description: string;
+  imageUrl: string;
+  url: string;
+}
+
+export interface Article {
+  id: number;
+  title: string;
+  /** 최대 30자, 멘토 자신이 작성 */
+  description: string;
+  url: string;
+  thumbnailUrl: string;
+  updatedAt: string;
+
+  likeCount?: number;
+  isLiked?: boolean; // API 응답의 `isLike`를 `isLiked`로 네이밍 컨벤션에 맞춰 변경하는 것을 추천
+}
+
+export enum ArticleDropdownType {
+  EDIT = "수정하기",
+  DELETE = "삭제하기",
+}
diff --git a/apps/university-web/src/types/reports.ts b/apps/university-web/src/types/reports.ts
new file mode 100644
index 00000000..cc4fa884
--- /dev/null
+++ b/apps/university-web/src/types/reports.ts
@@ -0,0 +1,10 @@
+export enum ReportType {
+  ADVERTISEMENT = "ADVERTISEMENT",
+  SPAM = "SPAM",
+  PERSONAL_INFO_EXPOSURE = "PERSONAL_INFO_EXPOSURE",
+  PORNOGRAPHY = "PORNOGRAPHY",
+  COPYRIGHT_INFRINGEMENT = "COPYRIGHT_INFRINGEMENT",
+  ILLEGAL_ACTIVITY = "ILLEGAL_ACTIVITY",
+  IMPERSONATION = "IMPERSONATION",
+  INSULT = "INSULT",
+}
diff --git a/apps/university-web/src/types/review.ts b/apps/university-web/src/types/review.ts
new file mode 100644
index 00000000..10cc9439
--- /dev/null
+++ b/apps/university-web/src/types/review.ts
@@ -0,0 +1,9 @@
+export interface Review {
+  id: number;
+  term: string;
+  rating: number;
+  content: string;
+  dispatchSemester: string;
+  transportation: string;
+  buddyProgram: string;
+}
diff --git a/apps/university-web/src/types/score.ts b/apps/university-web/src/types/score.ts
new file mode 100644
index 00000000..b93be1e1
--- /dev/null
+++ b/apps/university-web/src/types/score.ts
@@ -0,0 +1,178 @@
+export enum LanguageTestEnum {
+  TOEIC = "TOEIC",
+  TOEFL_IBT = "TOEFL_IBT",
+  TOEFL_ITP = "TOEFL_ITP",
+  IELTS = "IELTS",
+  JLPT = "JLPT",
+  NEW_HSK = "NEW_HSK",
+  ETC = "ETC",
+
+  DALF = "DALF",
+  CEFR = "CEFR",
+  TCF = "TCF",
+  TEF = "TEF",
+  DUOLINGO = "DUOLINGO",
+}
+
+export const languageTestMapping: Record<LanguageTestEnum, string> = {
+  TOEIC: "TOEIC",
+  TOEFL_IBT: "TOEFL IBT",
+  TOEFL_ITP: "TOEFL ITP",
+  IELTS: "IELTS",
+  JLPT: "JLPT",
+  NEW_HSK: "NEW HSK",
+  ETC: "기타",
+  DALF: "DALF",
+  CEFR: "CEFR",
+  TCF: "TCF",
+  TEF: "TEF",
+  DUOLINGO: "DUOLINGO",
+};
+
+// --- 시험 정보 통합 매핑 객체 ---
+export const languageTestScoreInfo: Record<LanguageTestEnum, LanguageTestInfo> = {
+  // --- 점수 기반 시험 ---
+  [LanguageTestEnum.TOEIC]: { label: "TOEIC", min: 10, max: 990 },
+  [LanguageTestEnum.TOEFL_IBT]: { label: "TOEFL iBT", min: 0, max: 120 },
+  [LanguageTestEnum.TOEFL_ITP]: { label: "TOEFL ITP", min: 310, max: 677 },
+  [LanguageTestEnum.IELTS]: { label: "IELTS", min: 0.0, max: 9.0 },
+  [LanguageTestEnum.DUOLINGO]: { label: "DUOLINGO", min: 10, max: 160 },
+  [LanguageTestEnum.TCF]: { label: "TCF", min: 100, max: 699 },
+  [LanguageTestEnum.TEF]: { label: "TEF", min: 0, max: 900 },
+  [LanguageTestEnum.NEW_HSK]: { label: "NEW HSK", min: 1, max: 9 },
+
+  // --- 레벨 기반 시험 ---
+  [LanguageTestEnum.JLPT]: { label: "JLPT", min: "N5", max: "N1" },
+  [LanguageTestEnum.DALF]: { label: "DALF", min: "C1", max: "C2" },
+  [LanguageTestEnum.CEFR]: { label: "CEFR", min: "A1", max: "C2" },
+
+  // --- 기타 ---
+  [LanguageTestEnum.ETC]: { label: "기타", min: "기타", max: "기타" },
+};
+
+export const languageTestShortMapping: Record<LanguageTestEnum, string> = {
+  TOEIC: "TOEIC",
+  TOEFL_IBT: "IBT",
+  TOEFL_ITP: "ITP",
+  IELTS: "IELTS",
+  JLPT: "JLPT",
+  NEW_HSK: "HSK",
+  ETC: "기타",
+  DALF: "DALF",
+  CEFR: "CEFR",
+  TCF: "TCF",
+  TEF: "TEF",
+  DUOLINGO: "DUOLINGO",
+};
+
+const jlptLevelMapping: Record<string, string> = {
+  "1": "N1",
+  "2": "N2",
+  "3": "N3",
+  "4": "N4",
+  "5": "N5",
+};
+
+const integerScoreTestTypes = new Set<LanguageTestEnum>([
+  LanguageTestEnum.TOEIC,
+  LanguageTestEnum.TOEFL_IBT,
+  LanguageTestEnum.TOEFL_ITP,
+  LanguageTestEnum.DUOLINGO,
+  LanguageTestEnum.TCF,
+  LanguageTestEnum.TEF,
+  LanguageTestEnum.NEW_HSK,
+]);
+
+const trailingZeroPattern = /^-?\d+\.0+$/;
+
+export const isLanguageTestEnum = (value: string): value is LanguageTestEnum => {
+  return value in languageTestScoreInfo;
+};
+
+export const formatLanguageTestScore = (testType: LanguageTestEnum, score: string) => {
+  if (testType === LanguageTestEnum.JLPT) {
+    return jlptLevelMapping[score] ?? score;
+  }
+
+  if (!integerScoreTestTypes.has(testType)) {
+    return score;
+  }
+
+  if (!trailingZeroPattern.test(score)) {
+    return score;
+  }
+
+  return score.replace(/\.0+$/, "");
+};
+
+export const formatLanguageTestScoreWithMax = (testType: LanguageTestEnum, score: string) => {
+  const formattedScore = formatLanguageTestScore(testType, score);
+
+  if (testType === LanguageTestEnum.JLPT) {
+    return formattedScore;
+  }
+
+  return `${formattedScore}/${languageTestScoreInfo[testType].max}`;
+};
+
+export interface SubmitGpaScoreRequest {
+  gpaScoreRequest: {
+    gpa: number;
+    gpaCriteria: number;
+    issueDate: string; // yyyy-MM-dd
+  };
+  file: Blob;
+}
+
+export interface SubmitLanguageTestScoreRequest {
+  languageTestScoreRequest: {
+    languageTestType: LanguageTestEnum;
+    languageTestScore: string;
+    issueDate: string; // yyyy-MM-dd
+  };
+  file: File;
+}
+
+export interface GpaScore {
+  id: number;
+  gpaResponse: {
+    gpa: number;
+    gpaCriteria: number;
+    gpaReportUrl: string;
+  };
+  issueDate: string; // yyyy-MM-dd
+  verifyStatus: ScoreSubmitStatus;
+  rejectedReason: string | null;
+}
+
+export interface MyGpaScoreResponse {
+  gpaScoreStatusResponseList: GpaScore[];
+}
+
+export interface LanguageTestScore {
+  id: number;
+  languageTestResponse: {
+    languageTestType: LanguageTestEnum;
+    languageTestScore: string;
+    languageTestReportUrl: string;
+  };
+  issueDate: string; // yyyy-MM-dd
+  verifyStatus: ScoreSubmitStatus;
+  rejectedReason: string | null;
+}
+
+export interface MyLanguageTestScoreResponse {
+  languageTestScoreStatusResponseList: LanguageTestScore[];
+}
+
+export enum ScoreSubmitStatus {
+  PENDING = "PENDING",
+  APPROVED = "APPROVED",
+  REJECTED = "REJECTED",
+}
+
+type LanguageTestInfo = {
+  label: string;
+  min: number | string;
+  max: number | string;
+};
diff --git a/apps/university-web/src/types/university.ts b/apps/university-web/src/types/university.ts
new file mode 100644
index 00000000..a492c416
--- /dev/null
+++ b/apps/university-web/src/types/university.ts
@@ -0,0 +1,182 @@
+export type RegionKo = "유럽권" | "미주권" | "아시아권";
+
+export enum HomeUniversityName {
+  INHA = "인하대학교",
+  INCHEON = "인천대학교",
+  SUNGSHIN = "성신여자대학교",
+}
+
+export { HomeUniversityName as HomeUniversity };
+
+export type HomeUniversitySlug = "inha" | "incheon" | "sungshin";
+
+export interface RegionOption {
+  value: string;
+  label: string;
+}
+
+export enum RegionEnumExtend {
+  ALL = "전체",
+  AMERICAS = "미주권", // 미주권
+  EUROPE = "유럽권", // 유럽권
+  ASIA = "아시아권", // 아시아권
+  CHINA = "중국권", // 중국권
+}
+
+export enum RegionEnum {
+  ASIA = "ASIA", // 아시아권
+  AMERICAS = "AMERICAS", // 미주권
+  EUROPE = "EUROPE", // 유럽권
+  CHINA = "CHINA", // 중국권
+}
+
+export const regionMapping: Record<string, RegionEnum | null> = {
+  전체: null, // 전체일 경우 필터 없이 전체 데이터를 조회하도록 처리할 수 있음
+  미주권: RegionEnum.AMERICAS,
+  유럽권: RegionEnum.EUROPE,
+  아시아권: RegionEnum.ASIA,
+  중국권: RegionEnum.CHINA,
+};
+
+export type Country = string;
+
+export interface LanguageRequirement {
+  languageTestType: string; // 어학 시험 종류
+  minScore: string; // 최소 점수
+}
+
+export interface University {
+  id: number;
+  term: string; // 파견 연도와 학기 ex) "2022-1"
+  koreanName: string;
+  englishName: string;
+  formatName: string;
+  region: string;
+  country: string;
+  homepageUrl: string;
+  logoImageUrl: string;
+  backgroundImageUrl: string;
+  detailsForLocal: string; // 지역 정보
+
+  studentCapacity: number;
+  tuitionFeeType: string; // 등록금 납부 유형
+  semesterAvailableForDispatch: string; // 파견 가능 학기
+
+  languageRequirements: LanguageRequirement[];
+  detailsForLanguage: string; // 어학 세부 요건
+  gpaRequirement: string; // 최저 성적 요건 - 최저 성적
+  gpaRequirementCriteria: string; // 최저 성적 요건 - 기준
+  semesterRequirement: string; // 최저 이수 학기
+
+  detailsForApply: string; // 지원 자격 요건 - 기타
+  detailsForMajor: string; // 지원 전공 관련
+  detailsForAccommodation: string; // 기숙사 中 텍스트
+  accommodationUrl: string; // 기숙사 中 링크
+  detailsForEnglishCourse: string; // // 영어 강의 리스트 中 텍스트
+  englishCourseUrl: string; // 영어 강의 리스트 中 링크
+  details: string; // 비고
+}
+
+export interface ListUniversity {
+  id: number;
+  term: string;
+  koreanName: string;
+  homeUniversityName?: HomeUniversityName;
+  region: string;
+  country: string;
+  logoImageUrl: string;
+  backgroundImageUrl: string;
+  studentCapacity: number;
+  languageRequirements: LanguageRequirement[];
+}
+
+/**
+ * 권역별 대학 리스트 응답 타입
+ * - Enum 값(전체·미주·유럽·아시아·중국)을 key 로 사용한다.
+ */
+export type AllRegionsUniversityList = Record<RegionEnumExtend, ListUniversity[]>;
+
+export interface UniversityFavoriteStatusResponse {
+  isLike: boolean;
+}
+
+export interface UniversityFavoriteResponse {
+  result: "LIKE_SUCCESS" | "LIKE_CANCELED";
+}
+
+export interface RecommendedUniversitiesResponse {
+  recommendedUniversities: ListUniversity[];
+}
+
+export enum LanguageTestType {
+  CEFR = "CEFR",
+  JLPT = "JLPT",
+  DALF = "DALF",
+  DELF = "DELF",
+  DUOLINGO = "DUOLINGO",
+  IELTS = "IELTS",
+  NEW_HSK = "NEW_HSK",
+  TCF = "TCF",
+  TEF = "TEF",
+  TOEFL_IBT = "TOEFL_IBT",
+  TOEFL_ITP = "TOEFL_ITP",
+  TOEIC = "TOEIC",
+}
+
+export enum CountryCode {
+  AT = "AT", // 오스트리아
+  AU = "AU", // 호주
+  AZ = "AZ", // 아제르바이잔
+  BE = "BE", // 벨기에
+  BN = "BN", // 브루나이
+  BR = "BR", // 브라질
+  CA = "CA", // 캐나다
+  CH = "CH", // 스위스
+  CN = "CN", // 중국
+  CZ = "CZ", // 체코
+  DE = "DE", // 독일
+  DK = "DK", // 덴마크
+  ES = "ES", // 스페인
+  FI = "FI", // 핀란드
+  FR = "FR", // 프랑스
+  GB = "GB", // 영국
+  GE = "GE", // 조지아
+  HK = "HK", // 홍콩
+  HU = "HU", // 헝가리
+  ID = "ID", // 인도네시아
+  IL = "IL", // 이스라엘
+  IT = "IT", // 이탈리아
+  JP = "JP", // 일본
+  KG = "KG", // 키르기스스탄
+  KZ = "KZ", // 카자흐스탄
+  LT = "LT", // 리투아니아
+  MY = "MY", // 말레이시아
+  NL = "NL", // 네덜란드
+  NO = "NO", // 노르웨이
+  PL = "PL", // 폴란드
+  PT = "PT", // 포르투갈
+  RU = "RU", // 러시아
+  SE = "SE", // 스웨덴
+  SG = "SG", // 싱가포르
+  TH = "TH", // 태국
+  TR = "TR", // 튀르키예
+  TW = "TW", // 대만
+  US = "US", // 미국
+  UZ = "UZ", // 우즈베키스탄
+}
+
+/**
+ * 점수 값으로 올 수 있는 타입 (숫자 또는 문자열 레벨)
+ */
+export type TestScoreValue = number | string;
+
+/**
+ * 각 언어 시험의 상세 정보를 담는 인터페이스
+ */
+export interface TestScoreInfo {
+  name: string;
+  type: "numeric" | "level";
+  min?: number;
+  max?: number;
+  levels?: readonly string[]; // 읽기 전용 배열로 설정
+}
diff --git a/apps/university-web/src/utils/authCookieUtils.ts b/apps/university-web/src/utils/authCookieUtils.ts
new file mode 100644
index 00000000..9b1b0ad8
--- /dev/null
+++ b/apps/university-web/src/utils/authCookieUtils.ts
@@ -0,0 +1,10 @@
+export const getTokenExpirationSeconds = (accessToken: string): number | null => {
+  try {
+    const payload = JSON.parse(atob(accessToken.split(".")[1]));
+    const exp = payload.exp; // JWT exp is in seconds since epoch
+    const now = Math.floor(Date.now() / 1000);
+    return Math.max(0, exp - now);
+  } catch (error) {
+    return null;
+  }
+};
diff --git a/apps/university-web/src/utils/authUtils.ts b/apps/university-web/src/utils/authUtils.ts
new file mode 100644
index 00000000..4dfe58ac
--- /dev/null
+++ b/apps/university-web/src/utils/authUtils.ts
@@ -0,0 +1,60 @@
+import { showIconToast } from "@/lib/toast/showIconToast";
+import type { appleOAuth2CodeResponse } from "@/types/auth";
+
+export const authProviderName = (provider: "KAKAO" | "APPLE" | "EMAIL"): string => {
+  if (provider === "KAKAO") {
+    return "카카오";
+  } else if (provider === "APPLE") {
+    return "애플";
+  } else if (provider === "EMAIL") {
+    return "이메일";
+  } else {
+    return "";
+  }
+};
+
+export const kakaoLogin = () => {
+  if (window.Kakao?.Auth) {
+    window.Kakao.Auth.authorize({
+      redirectUri: `${process.env.NEXT_PUBLIC_WEB_URL}/login/kakao/callback`,
+    });
+  } else {
+    showIconToast("logo", "Kakao SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.");
+  }
+};
+
+export const appleLogin = async () => {
+  if (!window.AppleID || !window.AppleID.auth) {
+    showIconToast("logo", "Apple SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.");
+    return;
+  }
+
+  window.AppleID.auth.init({
+    clientId: process.env.NEXT_PUBLIC_APPLE_CLIENT_ID,
+    scope: process.env.NEXT_PUBLIC_APPLE_SCOPE,
+    redirectURI: `${process.env.NEXT_PUBLIC_WEB_URL}/login/apple/callback`,
+    usePopup: true,
+  });
+
+  try {
+    const res = (await window.AppleID.auth.signIn()) as appleOAuth2CodeResponse;
+    if (res.authorization) {
+      window.location.href = `/login/apple/callback?code=${encodeURIComponent(res.authorization.code)}`;
+    }
+  } catch (error) {
+    // Log error for developers
+
+    // Check if user cancelled the login
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    if (errorMessage.includes("popup_closed_by_user") || errorMessage.includes("user_cancelled_authorize")) {
+      // User intentionally cancelled - no need to show error
+      return;
+    }
+
+    // Show user-facing error message for other failures
+    showIconToast("logo", "Apple 로그인에 실패했습니다. 잠시 후 다시 시도해주세요.");
+
+    // Propagate error for upstream handling if needed
+    throw error;
+  }
+};
diff --git a/apps/university-web/src/utils/axiosInstance.ts b/apps/university-web/src/utils/axiosInstance.ts
new file mode 100644
index 00000000..be7ddfa8
--- /dev/null
+++ b/apps/university-web/src/utils/axiosInstance.ts
@@ -0,0 +1,164 @@
+import axios, { type AxiosError, type AxiosInstance } from "axios";
+import { postReissueToken } from "@/apis/Auth/server";
+import { showIconToast } from "@/lib/toast/showIconToast";
+import useAuthStore from "@/lib/zustand/useAuthStore";
+import { isTokenExpired } from "@/utils/jwtUtils";
+
+// --- 글로벌 변수 ---
+let reissuePromise: Promise<void> | null = null;
+
+// --- 커스텀 에러 클래스 ---
+export class AuthenticationRequiredError extends Error {
+  constructor(message: string = "Authentication required") {
+    super(message);
+    this.name = "AuthenticationRequiredError";
+  }
+}
+
+// --- 상태 관리 변수 ---
+let isRedirecting = false;
+
+// --- 유틸리티 함수 ---
+const redirectToLogin = (message: string) => {
+  if (typeof window !== "undefined" && !isRedirecting) {
+    isRedirecting = true;
+    // Zustand 스토어 및 쿠키 상태 초기화
+    useAuthStore.getState().clearAccessToken();
+    try {
+      // 쿠키 유틸이 클라이언트에서만 동작하므로 window 가드 내에서 호출
+    } catch {}
+    showIconToast("logo", message);
+    window.location.href = "/login";
+  }
+};
+
+export const convertToBearer = (token: string) => `Bearer ${token}`;
+
+const tryReissueAccessToken = async (): Promise<string | null> => {
+  if (reissuePromise) {
+    await reissuePromise;
+    return useAuthStore.getState().accessToken;
+  }
+
+  const { setLoading, clearAccessToken, setInitialized, setRefreshStatus } = useAuthStore.getState();
+
+  reissuePromise = (async () => {
+    setRefreshStatus("refreshing");
+    setLoading(true);
+    try {
+      await postReissueToken();
+      setRefreshStatus("success");
+    } catch {
+      clearAccessToken();
+      setRefreshStatus("failed");
+    } finally {
+      setLoading(false);
+      setInitialized(true);
+      reissuePromise = null;
+    }
+  })();
+
+  await reissuePromise;
+  return useAuthStore.getState().accessToken;
+};
+
+// --- Axios 인스턴스 ---
+// 인증이 필요 없는 공용 API 요청에 사용
+export const publicAxiosInstance: AxiosInstance = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_API_SERVER_URL,
+  withCredentials: true,
+});
+
+// 인증이 필요한 모든 API 요청에 사용
+export const axiosInstance: AxiosInstance = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_API_SERVER_URL,
+  withCredentials: true,
+});
+
+// --- 인터셉터 설정 ---
+
+// 1. 요청 인터셉터 (Request Interceptor)
+axiosInstance.interceptors.request.use(
+  async (config) => {
+    const { accessToken, clearAccessToken, refreshStatus } = useAuthStore.getState();
+
+    // 만료된 access token은 즉시 제거하고 refresh 재발급 경로를 타게 한다.
+    if (accessToken && isTokenExpired(accessToken)) {
+      clearAccessToken();
+    }
+
+    const validAccessToken = useAuthStore.getState().accessToken;
+
+    // 토큰이 있으면 헤더에 추가하고 진행
+    if (validAccessToken) {
+      config.headers.Authorization = convertToBearer(validAccessToken);
+      return config;
+    }
+
+    if (refreshStatus !== "failed") {
+      try {
+        await tryReissueAccessToken();
+
+        // reissue 완료 후 업데이트된 토큰으로 헤더 설정
+        const updatedAccessToken = useAuthStore.getState().accessToken;
+        if (updatedAccessToken) {
+          config.headers.Authorization = convertToBearer(updatedAccessToken);
+        }
+      } catch {
+        // 에러 발생 시에도 상태 정리는 promise 내부의 finally에서 처리됨
+      }
+
+      // reissue 후 토큰이 있으면 헤더에 추가
+      const finalAccessToken = useAuthStore.getState().accessToken;
+      if (finalAccessToken) {
+        config.headers.Authorization = convertToBearer(finalAccessToken);
+        return config;
+      }
+    }
+
+    const { isInitialized: currentInitialized, accessToken: currentAccessToken } = useAuthStore.getState();
+
+    // 초기화는 되었지만 토큰이 없는 경우 로그인 필요
+    if (currentInitialized && !currentAccessToken) {
+      redirectToLogin("로그인이 필요합니다. 다시 로그인해주세요.");
+      return Promise.reject(new AuthenticationRequiredError());
+    }
+
+    // 초기화 중이거나 토큰 없이도 진행 가능한 요청
+    return config;
+  },
+  (error) => Promise.reject(error),
+);
+
+// 2. 응답 인터셉터 (Response Interceptor)
+//    역할: 401 에러 시 access 재발급 1회 재시도 후 실패하면 로그인 페이지로 리다이렉트
+axiosInstance.interceptors.response.use(
+  (response) => response,
+  async (error: AxiosError) => {
+    const status = error.response?.status;
+
+    if (status === 401) {
+      const originalRequest = error.config as (typeof error.config & { _retry?: boolean }) | undefined;
+
+      if (originalRequest && !originalRequest._retry && useAuthStore.getState().refreshStatus !== "failed") {
+        originalRequest._retry = true;
+
+        try {
+          const reissuedAccessToken = await tryReissueAccessToken();
+
+          if (reissuedAccessToken) {
+            originalRequest.headers = originalRequest.headers ?? {};
+            originalRequest.headers.Authorization = convertToBearer(reissuedAccessToken);
+            return axiosInstance(originalRequest);
+          }
+        } catch {
+          // 재발급 실패 시 아래 로그인 리다이렉트로 처리
+        }
+      }
+
+      redirectToLogin("세션이 만료되었습니다. 다시 로그인해주세요.");
+    }
+
+    return Promise.reject(error);
+  },
+);
diff --git a/apps/university-web/src/utils/cdnUrl.ts b/apps/university-web/src/utils/cdnUrl.ts
new file mode 100644
index 00000000..17661ec3
--- /dev/null
+++ b/apps/university-web/src/utils/cdnUrl.ts
@@ -0,0 +1,132 @@
+const UPLOAD_CDN_ORIGIN = "https://cdn.upload.solid-connection.com";
+const UPLOAD_CDN_HOSTNAME = "cdn.upload.solid-connection.com";
+const DEFAULT_CDN_HOSTNAME = "cdn.default.solid-connection.com";
+const LEGACY_BUCKET_NAME = "solid-connection";
+
+const LOCAL_STATIC_PREFIXES = ["/images/", "/svgs/"];
+
+const isHttpUrl = (value: string) => value.startsWith("http://") || value.startsWith("https://");
+
+const normalizeOrigin = (value: string | undefined) => {
+  if (!value) return undefined;
+  const trimmed = value.trim();
+  if (!trimmed) return undefined;
+
+  try {
+    const parsed = new URL(trimmed);
+    return `${parsed.protocol}//${parsed.host}`.replace(/\/+$/, "");
+  } catch {
+    return undefined;
+  }
+};
+
+const getHostname = (value: string | undefined) => {
+  if (!value) return undefined;
+
+  try {
+    return new URL(value).hostname.toLowerCase();
+  } catch {
+    return undefined;
+  }
+};
+
+const envUploadOrigin = normalizeOrigin(process.env.NEXT_PUBLIC_UPLOADED_IMAGE_URL);
+const envDefaultOrigin = normalizeOrigin(process.env.NEXT_PUBLIC_IMAGE_URL);
+
+const uploadOrigin = envUploadOrigin ?? UPLOAD_CDN_ORIGIN;
+
+const cdnHostnames = new Set(
+  [UPLOAD_CDN_HOSTNAME, DEFAULT_CDN_HOSTNAME, getHostname(envUploadOrigin), getHostname(envDefaultOrigin)].filter(
+    (hostname): hostname is string => Boolean(hostname),
+  ),
+);
+
+const legacyS3VirtualHostRegex = new RegExp(
+  `^${LEGACY_BUCKET_NAME.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&")}\\.s3([.-][a-z0-9-]+)?\\.amazonaws\\.com$`,
+  "i",
+);
+
+const s3PathStyleHostRegex = /^s3([.-][a-z0-9-]+)?\.amazonaws\.com$/i;
+
+const joinUploadOrigin = (path: string, search = "", hash = "") => {
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  return `${uploadOrigin}${normalizedPath}${search}${hash}`;
+};
+
+const getLegacyS3ObjectPath = (pathname: string) => {
+  const prefix = `/${LEGACY_BUCKET_NAME}/`;
+  if (pathname.startsWith(prefix)) {
+    return pathname.slice(prefix.length - 1);
+  }
+
+  if (pathname === `/${LEGACY_BUCKET_NAME}`) {
+    return "/";
+  }
+
+  return null;
+};
+
+const shouldKeepAsLocalStaticPath = (value: string) => {
+  return LOCAL_STATIC_PREFIXES.some((prefix) => value.startsWith(prefix));
+};
+
+/**
+ * 이미지 URL을 upload CDN 기준으로 정규화한다.
+ * - 상대 경로(key)는 upload CDN으로 변환
+ * - legacy default CDN/S3 URL은 upload CDN으로 변환
+ * - 로컬 정적 경로(/images, /svgs), blob/data, 외부 도메인은 유지
+ */
+export const normalizeImageUrlToUploadCdn = (url: string | null | undefined): string => {
+  if (!url) return "";
+
+  const trimmed = url.trim();
+  if (!trimmed) return "";
+
+  if (trimmed.startsWith("blob:") || trimmed.startsWith("data:")) {
+    return trimmed;
+  }
+
+  if (trimmed.startsWith("//")) {
+    return normalizeImageUrlToUploadCdn(`https:${trimmed}`);
+  }
+
+  if (trimmed.startsWith("/")) {
+    if (shouldKeepAsLocalStaticPath(trimmed)) {
+      return trimmed;
+    }
+
+    return trimmed;
+  }
+
+  if (!isHttpUrl(trimmed)) {
+    return joinUploadOrigin(trimmed.replace(/^\/+/, ""));
+  }
+
+  let parsed: URL;
+  try {
+    parsed = new URL(trimmed);
+  } catch {
+    return trimmed;
+  }
+
+  const hostname = parsed.hostname.toLowerCase();
+
+  if (cdnHostnames.has(hostname)) {
+    return joinUploadOrigin(parsed.pathname, parsed.search, parsed.hash);
+  }
+
+  if (legacyS3VirtualHostRegex.test(hostname)) {
+    return joinUploadOrigin(parsed.pathname, parsed.search, parsed.hash);
+  }
+
+  if (s3PathStyleHostRegex.test(hostname)) {
+    const objectPath = getLegacyS3ObjectPath(parsed.pathname);
+    if (objectPath) {
+      return joinUploadOrigin(objectPath, parsed.search, parsed.hash);
+    }
+  }
+
+  return trimmed;
+};
+
+export const getUploadCdnOrigin = () => uploadOrigin;
diff --git a/apps/university-web/src/utils/datetimeUtils.ts b/apps/university-web/src/utils/datetimeUtils.ts
new file mode 100644
index 00000000..b6ff6d2d
--- /dev/null
+++ b/apps/university-web/src/utils/datetimeUtils.ts
@@ -0,0 +1,83 @@
+/**
+ * Logs invalid date strings in non-production environments
+ * @param dateString - The invalid date string
+ * @param functionName - The name of the function that encountered the error
+ */
+const logInvalidDate = (dateString: string, functionName: string) => {
+  if (process.env.NODE_ENV !== "production") {
+  }
+};
+
+export const convertISODateToDate = (isoDate: string) => {
+  const date = new Date(isoDate);
+
+  if (Number.isNaN(date.getTime())) {
+    logInvalidDate(isoDate, "convertISODateToDate");
+    return null;
+  }
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+
+  // "YYYY. M. D." 형식으로 포맷
+  return `${year}. ${month}. ${day}.`;
+};
+
+export const convertISODateToDateTime = (isoDate: string) => {
+  const date = new Date(isoDate);
+
+  if (Number.isNaN(date.getTime())) {
+    logInvalidDate(isoDate, "convertISODateToDateTime");
+    return null;
+  }
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hour = String(date.getHours()).padStart(2, "0");
+  const minute = String(date.getMinutes()).padStart(2, "0");
+
+  // "YYYY. M. D. HH:MM" 형식으로 포맷
+  return `${year}. ${month}. ${day}. ${hour}:${minute}`;
+};
+
+// 오전 HH:MM 형식으로 변환
+export const convertISODateToKoreanTime = (isoDate: string) => {
+  const date = new Date(isoDate);
+
+  if (Number.isNaN(date.getTime())) {
+    logInvalidDate(isoDate, "convertISODateToKoreanTime");
+    return null;
+  }
+
+  let hour = date.getHours();
+  const minute = String(date.getMinutes()).padStart(2, "0");
+  const period = hour < 12 ? "오전" : "오후";
+
+  hour = hour % 12 || 12; // 0시는 12시로 표시
+
+  return `${period} ${String(hour).padStart(2, "0")}:${minute}`;
+};
+
+// 날짜 포맷팅 함수 - ISO8601 문자열을 받아서 시간 포맷팅
+export const formatTime = (dateString: string) => {
+  if (!dateString) {
+    logInvalidDate(dateString, "formatTime");
+    return null;
+  }
+
+  const date = new Date(dateString);
+
+  // Invalid date 체크
+  if (Number.isNaN(date.getTime())) {
+    logInvalidDate(dateString, "formatTime");
+    return null;
+  }
+
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+  const period = hours >= 12 ? "오후" : "오전";
+  const displayHours = hours > 12 ? hours - 12 : hours === 0 ? 12 : hours;
+  return `${period} ${displayHours}:${minutes.toString().padStart(2, "0")}`;
+};
diff --git a/apps/university-web/src/utils/designUtils.ts b/apps/university-web/src/utils/designUtils.ts
new file mode 100644
index 00000000..97d569ce
--- /dev/null
+++ b/apps/university-web/src/utils/designUtils.ts
@@ -0,0 +1,3 @@
+// Re-export cn from @/lib/utils for backward compatibility
+// Consider importing directly from @/lib/utils in new code
+export { cn, cn as default } from "@/lib/utils";
diff --git a/apps/university-web/src/utils/fileUtils.ts b/apps/university-web/src/utils/fileUtils.ts
new file mode 100644
index 00000000..1d8e7eaf
--- /dev/null
+++ b/apps/university-web/src/utils/fileUtils.ts
@@ -0,0 +1,58 @@
+// 파일명에서 확장자 추출
+export const getFileExtension = (url: string) => {
+  return url.split(".").pop()?.toUpperCase() || "FILE";
+};
+
+// 파일명의 앞 8글자 추출
+export const getFileNamePrefix = (url: string) => {
+  const fileName = url.split("/").pop()?.split("?")[0] || "파일";
+  const lastDotIndex = fileName.lastIndexOf(".");
+  const nameWithoutExtension = lastDotIndex > 0 ? fileName.substring(0, lastDotIndex) : fileName;
+
+  // URL 디코딩 시도
+  try {
+    const decoded = decodeURIComponent(nameWithoutExtension);
+    return decoded.length > 8 ? decoded.substring(0, 8) : decoded;
+  } catch {
+    return nameWithoutExtension.length > 8 ? nameWithoutExtension.substring(0, 8) : nameWithoutExtension;
+  }
+};
+
+// 파일 다운로드 함수 (URL용)
+export const downloadFile = async (url: string, fileName?: string) => {
+  try {
+    new URL(url);
+  } catch (error) {
+    return;
+  }
+
+  try {
+    const res = await fetch(url, { credentials: "include" });
+    if (!res.ok) {
+      return;
+    }
+    const blob = await res.blob();
+    const blobUrl = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = blobUrl;
+    link.download = fileName || "download";
+    link.rel = "noopener noreferrer";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(blobUrl);
+  } catch (err) {}
+};
+
+// 로컬 파일 다운로드 함수 (File 객체용)
+export const downloadLocalFile = (file: File, fileName?: string) => {
+  const blobUrl = URL.createObjectURL(file);
+  const link = document.createElement("a");
+  link.href = blobUrl;
+  link.download = fileName || file.name;
+  link.rel = "noopener noreferrer";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(blobUrl);
+};
diff --git a/apps/university-web/src/utils/isServerStateLogin.ts b/apps/university-web/src/utils/isServerStateLogin.ts
new file mode 100644
index 00000000..ea287ced
--- /dev/null
+++ b/apps/university-web/src/utils/isServerStateLogin.ts
@@ -0,0 +1,11 @@
+import { cookies } from "next/headers";
+
+import { isTokenExpired } from "./jwtUtils";
+
+const isServerStateLogin = async (): Promise<boolean> => {
+  const cookieStore = await cookies();
+  const refreshToken = cookieStore.get("refreshToken")?.value;
+  const isLogin = !!(refreshToken && !isTokenExpired(refreshToken));
+  return isLogin;
+};
+export default isServerStateLogin;
diff --git a/apps/university-web/src/utils/jwtUtils.ts b/apps/university-web/src/utils/jwtUtils.ts
new file mode 100644
index 00000000..5d39c2a1
--- /dev/null
+++ b/apps/university-web/src/utils/jwtUtils.ts
@@ -0,0 +1,41 @@
+interface JwtPayload {
+  sub: number | string;
+  role: string;
+  iat: number;
+  exp: number;
+}
+
+const decodeJwtPayload = (token: string): JwtPayload | null => {
+  try {
+    const payloadSegment = token.split(".")[1];
+    if (!payloadSegment) {
+      return null;
+    }
+
+    const normalized = payloadSegment.replace(/-/g, "+").replace(/_/g, "/");
+    const padded = normalized.padEnd(Math.ceil(normalized.length / 4) * 4, "=");
+    return JSON.parse(atob(padded)) as JwtPayload;
+  } catch {
+    return null;
+  }
+};
+
+export const isTokenExpired = (token: string | null): boolean => {
+  if (!token) return true;
+
+  const payload = decodeJwtPayload(token);
+  if (!payload?.exp) {
+    return true; // 토큰이 유효하지 않으면 만료된 것으로 간주
+  }
+
+  const currentTime = Math.floor(Date.now() / 1000);
+  return payload.exp < currentTime;
+};
+
+export const tokenParse = (token: string | null): JwtPayload | null => {
+  if (typeof window === "undefined") return null;
+
+  if (!token) return null;
+
+  return decodeJwtPayload(token);
+};
diff --git a/apps/university-web/src/utils/languageUtils.ts b/apps/university-web/src/utils/languageUtils.ts
new file mode 100644
index 00000000..7116c8ba
--- /dev/null
+++ b/apps/university-web/src/utils/languageUtils.ts
@@ -0,0 +1,16 @@
+// 시험 종류별 로고 URL 맵
+export const logoMap: Record<string, string> = {
+  TOEIC: "/images/language/toeic.png",
+  TOEFL_IBT: "/images/language/toefl_ibt.png",
+  TOEFL_ITP: "/images/language/toefl_itp.png",
+  IELTS: "/images/language/ielts.png",
+};
+
+export const getLanguageTestLogo = (type: string): string => {
+  return logoMap[type] || "/images/language/default.png";
+};
+
+// UNDER_SCORE → "UNDER SCORE" 처리를 위한 헬퍼
+export function formatLanguageTestName(type: string): string {
+  return type.replace(/_/g, " ");
+}
diff --git a/apps/university-web/src/utils/localStorageUtils.ts b/apps/university-web/src/utils/localStorageUtils.ts
new file mode 100644
index 00000000..49f8345a
--- /dev/null
+++ b/apps/university-web/src/utils/localStorageUtils.ts
@@ -0,0 +1,37 @@
+/**
+ * @deprecated 이 함수들은 더 이상 사용되지 않습니다.
+ * 대신 useAuthStore의 setAccessToken, clearAccessToken을 사용하세요.
+ * Zustand persist가 자동으로 localStorage를 관리합니다.
+ *
+ * @example
+ * // ❌ 사용하지 마세요:
+ * import { saveAccessTokenToLS } from "@/utils/localStorageUtils";
+ * saveAccessTokenToLS(token);
+ *
+ * // ✅ 대신 이렇게 사용하세요:
+ * import useAuthStore from "@/lib/zustand/useAuthStore";
+ * const { setAccessToken } = useAuthStore();
+ * setAccessToken(token);
+ */
+
+/**
+ * @deprecated useAuthStore의 setAccessToken을 사용하세요
+ */
+export const saveAccessTokenToLS = (token: string) => {
+  localStorage.setItem("accessToken", token);
+};
+
+/**
+ * @deprecated useAuthStore의 clearAccessToken을 사용하세요
+ */
+export const removeAccessTokenToLS = () => {
+  localStorage.removeItem("accessToken");
+};
+
+/**
+ * @deprecated useAuthStore의 accessToken 상태를 직접 읽으세요
+ */
+export const getAccessTokenFromLS = (): string | null => {
+  if (typeof window === "undefined") return null;
+  return localStorage.getItem("accessToken");
+};
diff --git a/apps/university-web/src/utils/scoreUtils.ts b/apps/university-web/src/utils/scoreUtils.ts
new file mode 100644
index 00000000..7848e0eb
--- /dev/null
+++ b/apps/university-web/src/utils/scoreUtils.ts
@@ -0,0 +1,35 @@
+import { LanguageTestEnum } from "@/types/score";
+
+const validateLanguageScore = (testType: string, score: string) => {
+  const numScore = Number(score);
+
+  if (testType === LanguageTestEnum.TOEIC) {
+    if (!(numScore >= 0 && numScore <= 990)) {
+      // alert("TOEIC 점수는 0 ~ 990 사이여야 합니다.");
+      throw new Error("TOEIC 점수는 0 ~ 990 사이여야 합니다.");
+    }
+  }
+  if (testType === LanguageTestEnum.TOEFL_IBT) {
+    if (!(numScore >= 0 && numScore <= 120)) {
+      // alert("TOEFL IBT 점수는 0 ~ 120 사이여야 합니다.");
+      throw new Error("TOEFL IBT 점수는 0 ~ 120 사이여야 합니다.");
+    }
+  }
+  if (testType === LanguageTestEnum.TOEFL_ITP) {
+    if (!(numScore >= 310 && numScore <= 677)) {
+      throw new Error("TOEFL ITP 점수는 310 ~ 677 사이여야 합니다.");
+    }
+  }
+  if (testType === LanguageTestEnum.IELTS) {
+    if (!(numScore >= 0 && numScore <= 9)) {
+      throw new Error("IELTS 점수는 0 ~ 9 사이여야 합니다.");
+    }
+  }
+  if (testType === LanguageTestEnum.JLPT) {
+    if (!(numScore >= 1 && numScore <= 5)) {
+      throw new Error("JLPT 등급은 1 ~ 5 사이여야 합니다.");
+    }
+  }
+};
+
+export default validateLanguageScore;
diff --git a/apps/university-web/src/utils/seo.ts b/apps/university-web/src/utils/seo.ts
new file mode 100644
index 00000000..cddfaa22
--- /dev/null
+++ b/apps/university-web/src/utils/seo.ts
@@ -0,0 +1,66 @@
+import type { Metadata } from "next";
+
+export const DEFAULT_SITE_URL = "https://www.solid-connection.com";
+export const DEFAULT_OG_IMAGE_PATH = "/opengraph-image.png";
+
+const TRAILING_SLASHES = /\/+$/;
+const HTML_TAGS = /<[^>]*>/g;
+const WHITESPACE = /\s+/g;
+
+export const NO_INDEX_ROBOTS = {
+  index: false,
+  follow: false,
+  googleBot: {
+    index: false,
+    follow: false,
+  },
+} satisfies Metadata["robots"];
+
+export const getSiteUrl = () => {
+  const siteUrl = process.env.NEXT_PUBLIC_WEB_URL || DEFAULT_SITE_URL;
+  return siteUrl.replace(TRAILING_SLASHES, "");
+};
+
+export const isNonIndexSiteUrl = (siteUrl: string = getSiteUrl()) => {
+  const vercelEnv = process.env.VERCEL_ENV;
+
+  return (
+    vercelEnv === "preview" ||
+    vercelEnv === "development" ||
+    siteUrl.includes("stage") ||
+    siteUrl.includes("localhost") ||
+    siteUrl.includes("127.0.0.1") ||
+    siteUrl.includes("[::1]")
+  );
+};
+
+export const createUrl = (path: string = "/") => {
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  return new URL(normalizedPath, `${getSiteUrl()}/`).toString();
+};
+
+export const createAbsoluteUrl = (url: string | null | undefined, fallbackPath: string = DEFAULT_OG_IMAGE_PATH) => {
+  const trimmedUrl = url?.trim();
+
+  if (!trimmedUrl) {
+    return createUrl(fallbackPath);
+  }
+
+  if (trimmedUrl.startsWith("http://") || trimmedUrl.startsWith("https://")) {
+    return trimmedUrl;
+  }
+
+  return createUrl(trimmedUrl.startsWith("/") ? trimmedUrl : `/${trimmedUrl}`);
+};
+
+export const stripHtml = (value: string) => value.replace(HTML_TAGS, " ").replace(WHITESPACE, " ").trim();
+
+export const truncateDescription = (value: string, maxLength: number = 150) => {
+  const text = stripHtml(value);
+
+  if (text.length <= maxLength) {
+    return text;
+  }
+
+  return `${text.slice(0, maxLength - 3).trim()}...`;
+};
diff --git a/apps/university-web/src/utils/serverFetchUtil.ts b/apps/university-web/src/utils/serverFetchUtil.ts
new file mode 100644
index 00000000..a5f70fc6
--- /dev/null
+++ b/apps/university-web/src/utils/serverFetchUtil.ts
@@ -0,0 +1,91 @@
+/** 커스텀 HTTP 에러: any 캐스팅 없이 status · body 보존 */
+class HttpError extends Error {
+  status: number;
+  body: string;
+  constructor(status: number, body: string) {
+    super(`HTTP ${status}`);
+    this.status = status;
+    this.body = body;
+  }
+}
+
+type ServerFetchSuccess<T> = { ok: true; status: number; data: T };
+type ServerFetchFailure = { ok: false; status: number; error: string; data: undefined };
+export type ServerFetchResult<T> = ServerFetchSuccess<T> | ServerFetchFailure;
+
+/* ---------- fetch 래퍼 ---------- */
+type NextCacheOpt =
+  | { revalidate?: number; tags?: string[] } // App Router 캐시 옵션
+  | undefined;
+
+interface ServerFetchOptions extends Omit<RequestInit, "body"> {
+  /** 요청 바디.
+   *  - 객체/배열 → JSON.stringify 후 `Content-Type: application/json`
+   *  - string, Blob, FormData 등 → 그대로 전송
+   */
+  body?: unknown;
+  /** Next.js 캐시 옵션 */
+  next?: NextCacheOpt;
+}
+
+const BASE = process.env.NEXT_PUBLIC_API_SERVER_URL;
+if (!BASE) {
+  throw new Error("NEXT_PUBLIC_API_SERVER_URL is not defined");
+}
+
+/** ISR 친화적 fetch - 인증 없는 공개 API만 지원 */
+async function internalFetch<T = unknown>(
+  input: string,
+  { body, next, headers, ...init }: ServerFetchOptions = {},
+): Promise<T> {
+  /* 요청 헤더 구성 - 인증 제거 */
+  const reqHeaders = new Headers(headers);
+
+  let requestBody: RequestInit["body"];
+  if (body !== undefined) {
+    // JSON 직렬화 여부 판단
+    if (typeof body === "string" || body instanceof Blob || body instanceof FormData || body instanceof ArrayBuffer) {
+      requestBody = body as BodyInit;
+    } else {
+      reqHeaders.set("Content-Type", "application/json");
+      requestBody = JSON.stringify(body);
+    }
+  }
+
+  const response = await fetch(`${BASE}${input}`, {
+    ...init,
+    body: requestBody,
+    headers: reqHeaders,
+    next, // revalidate / tags 옵션 그대로 전달
+  });
+
+  if (!response.ok) {
+    const errorBody = await response.text();
+    throw new HttpError(response.status, errorBody);
+  }
+
+  const contentType = response.headers.get("content-type") ?? "";
+  if (contentType.includes("application/json")) {
+    return response.json() as Promise<T>;
+  }
+
+  // JSON 이 아닌 경우 텍스트로 반환
+  const textBody = await response.text();
+  return textBody as unknown as T;
+}
+
+/** ISR 친화적 공개 API 전용 fetch */
+async function serverFetch<T = unknown>(url: string, options: ServerFetchOptions = {}): Promise<ServerFetchResult<T>> {
+  try {
+    const data = await internalFetch<T>(url, options);
+    return { ok: true, status: 200, data };
+  } catch (e: unknown) {
+    if (e instanceof HttpError) {
+      return { ok: false, status: e.status, error: e.body, data: undefined };
+    }
+    const err = e as Error;
+    return { ok: false, status: 500, error: err.message ?? "Unknown error", data: undefined };
+  }
+}
+
+export default serverFetch;
diff --git a/apps/university-web/src/utils/universitySearchQuery.ts b/apps/university-web/src/utils/universitySearchQuery.ts
new file mode 100644
index 00000000..79ba32f7
--- /dev/null
+++ b/apps/university-web/src/utils/universitySearchQuery.ts
@@ -0,0 +1,91 @@
+import { COUNTRY_CODE_MAP, LANGUAGE_TEST_TYPE_MAP, REGION_TO_COUNTRIES_MAP } from "@/constants/university";
+
+type CountryOptionEntry = [string, string];
+
+interface BuildUniversitySearchQueryParams {
+  searchText?: string | null;
+  languageTestType?: string | null;
+  countryCodes?: Array<string | null | undefined>;
+  regions?: string[];
+  availableCountryCodes?: string[];
+}
+
+interface GetCountryOptionsByIndexParams {
+  countries: string[];
+  visibleCount: number;
+  availableCountries?: CountryOptionEntry[];
+}
+
+export const getLanguageTestOptions = () =>
+  Object.entries(LANGUAGE_TEST_TYPE_MAP).map(([value, label]) => ({
+    value,
+    label,
+  }));
+
+export const getCountryOptions = (
+  selectedCountries: string[],
+  currentIndex: number,
+  availableCountries: CountryOptionEntry[] = Object.entries(COUNTRY_CODE_MAP),
+) => {
+  const selectedCountrySet = new Set(
+    selectedCountries.filter((country, countryIndex) => country && countryIndex !== currentIndex),
+  );
+
+  return availableCountries
+    .filter(([code]) => !selectedCountrySet.has(code))
+    .map(([value, label]) => ({ value, label }));
+};
+
+export const getCountryOptionsByIndex = ({
+  countries,
+  visibleCount,
+  availableCountries = Object.entries(COUNTRY_CODE_MAP),
+}: GetCountryOptionsByIndexParams) =>
+  Array.from({ length: visibleCount }, (_, index) => getCountryOptions(countries, index, availableCountries));
+
+export const getAvailableCountryOptionsByRegions = (regions: string[]) => {
+  if (regions.length === 0) return Object.entries(COUNTRY_CODE_MAP);
+
+  const countrySet = new Set<string>();
+  regions.forEach((region) => REGION_TO_COUNTRIES_MAP[region]?.forEach((country) => countrySet.add(country)));
+
+  return Object.entries(COUNTRY_CODE_MAP).filter(([, countryName]) => countrySet.has(countryName));
+};
+
+export const getVisibleCountrySelectIndexes = (countries: Array<string | null | undefined>, maxCount = 3) => {
+  const visibleCount = 1 + Number(Boolean(countries[0])) + Number(Boolean(countries[1]));
+
+  return Array.from({ length: Math.min(visibleCount, maxCount) }, (_, index) => index + 1);
+};
+
+export const buildUniversitySearchQuery = ({
+  searchText,
+  languageTestType,
+  countryCodes = [],
+  regions = [],
+  availableCountryCodes,
+}: BuildUniversitySearchQueryParams) => {
+  const queryParams = new URLSearchParams();
+  const trimmedSearchText = searchText?.trim();
+  const availableCountryCodeSet = availableCountryCodes ? new Set(availableCountryCodes) : null;
+
+  if (trimmedSearchText) {
+    queryParams.append("searchText", trimmedSearchText);
+  }
+
+  if (languageTestType) {
+    queryParams.append("languageTestType", languageTestType);
+  }
+
+  const appendedCountryCodes = new Set<string>();
+  countryCodes.forEach((code) => {
+    if (code && !appendedCountryCodes.has(code) && (!availableCountryCodeSet || availableCountryCodeSet.has(code))) {
+      queryParams.append("countryCode", code);
+      appendedCountryCodes.add(code);
+    }
+  });
+
+  regions.forEach((region) => queryParams.append("region", region));
+
+  return queryParams;
+};
diff --git a/apps/university-web/src/utils/universityUtils.ts b/apps/university-web/src/utils/universityUtils.ts
new file mode 100644
index 00000000..6481dc1f
--- /dev/null
+++ b/apps/university-web/src/utils/universityUtils.ts
@@ -0,0 +1,10 @@
+import { SHORT_LANGUAGE_TEST } from "@/constants/application";
+
+const shortenLanguageTestName = (name: string): string | undefined => {
+  if (Object.hasOwn(SHORT_LANGUAGE_TEST, name)) {
+    return SHORT_LANGUAGE_TEST[name] as string;
+  }
+  return undefined;
+};
+
+export default shortenLanguageTestName;
diff --git a/apps/university-web/src/utils/useInfinityScroll.ts b/apps/university-web/src/utils/useInfinityScroll.ts
new file mode 100644
index 00000000..78c0af18
--- /dev/null
+++ b/apps/university-web/src/utils/useInfinityScroll.ts
@@ -0,0 +1,55 @@
+import { useCallback, useEffect, useRef } from "react";
+
+type UseInfinityScrollProps = {
+  fetchNextPage: () => void;
+  hasNextPage: boolean;
+  isDirectionTop?: boolean;
+};
+
+type UseInfinityScrollReturn = {
+  lastElementRef: (node: Element | null) => void;
+};
+
+const useInfinityScroll = ({
+  fetchNextPage,
+  hasNextPage,
+  isDirectionTop = false,
+}: UseInfinityScrollProps): UseInfinityScrollReturn => {
+  const observerRef = useRef<IntersectionObserver | null>(null);
+
+  /** 마지막 요소에 부착할 ref */
+  const lastElementRef = useCallback(
+    (node: Element | null) => {
+      if (!hasNextPage) return; // 더 이상 로드할 페이지가 없으면 early return
+      if (observerRef.current) observerRef.current.disconnect();
+      if (!node) return;
+
+      observerRef.current = new IntersectionObserver(
+        (entries) => {
+          const [entry] = entries;
+          if (entry.isIntersecting) {
+            fetchNextPage();
+          }
+        },
+        {
+          rootMargin: isDirectionTop ? "200px 0px 0px 0px" : "0px 0px 200px 0px",
+          threshold: 0,
+        },
+      );
+
+      observerRef.current.observe(node);
+    },
+    [fetchNextPage, hasNextPage, isDirectionTop],
+  );
+
+  // 컴포넌트 언마운트 시 observer 해제
+  useEffect(() => {
+    return () => {
+      if (observerRef.current) observerRef.current.disconnect();
+    };
+  }, []);
+
+  return { lastElementRef };
+};
+
+export default useInfinityScroll;
diff --git a/apps/university-web/svg.d.ts b/apps/university-web/svg.d.ts
new file mode 100644
index 00000000..6e0611b6
--- /dev/null
+++ b/apps/university-web/svg.d.ts
@@ -0,0 +1,5 @@
+declare module "*.svg" {
+  import type { FC, SVGProps } from "react";
+  const content: FC<SVGProps<SVGSVGElement>>;
+  export default content;
+}
diff --git a/apps/university-web/tailwind.config.ts b/apps/university-web/tailwind.config.ts
new file mode 100644
index 00000000..db1f0617
--- /dev/null
+++ b/apps/university-web/tailwind.config.ts
@@ -0,0 +1,441 @@
+import type { Config } from "tailwindcss";
+import plugin from "tailwindcss/plugin";
+import tailwindcssAnimate from "tailwindcss-animate";
+
+// 타이포그래피 유틸리티 플러그인 (typo- 접두사 사용)
+const typographyPlugin = plugin(({ addUtilities, theme }) => {
+  const fontSizeConfig = theme("fontSize");
+  const typographyUtilities: Record<string, Record<string, string>> = {};
+
+  // fontSize 설정에서 타이포그래피 유틸리티 생성
+  if (fontSizeConfig && typeof fontSizeConfig === "object") {
+    Object.keys(fontSizeConfig).forEach((key) => {
+      const fontSizeValue = fontSizeConfig[key];
+      if (typeof fontSizeValue === "object" && fontSizeValue !== null && Array.isArray(fontSizeValue)) {
+        const [fontSize, options] = fontSizeValue as [string, { lineHeight?: string; fontWeight?: string }];
+        const lineHeight = options?.lineHeight || "inherit";
+        const fontWeight = options?.fontWeight || "inherit";
+
+        typographyUtilities[`.typo-${key}`] = {
+          "font-size": fontSize,
+          "line-height": lineHeight === "auto" ? "normal" : lineHeight,
+          "font-weight": fontWeight,
+        };
+      }
+    });
+  }
+
+  addUtilities(typographyUtilities);
+});
+
+const config: Config = {
+  darkMode: ["class"],
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  safelist: [
+    "ml-0",
+    "ml-12",
+    "bg-secondary",
+    "text-white",
+    "border-b-secondary",
+    "bg-primary",
+    "text-k-0",
+    "border-b-primary",
+    {
+      pattern: /pb-(28|32|36|40)/,
+    },
+  ],
+  theme: {
+    fontFamily: {
+      serif: [
+        "var(--font-pretendard)",
+        "Pretendard",
+        "ui-serif",
+        "Georgia",
+        "Cambria",
+        "Times New Roman",
+        "Times",
+        "serif",
+      ],
+      sans: ["Pretendard", "sans-serif"],
+    },
+    extend: {
+      fontSize: {
+        /* ==========================
+           1. Bold (Weight 700)
+           ========================== */
+        "bold-1": ["24px", { lineHeight: "140%", fontWeight: "700" }],
+        "bold-2": ["20px", { lineHeight: "150%", fontWeight: "700" }],
+        "bold-3": ["18px", { lineHeight: "150%", fontWeight: "700" }],
+        "bold-4": ["16px", { lineHeight: "150%", fontWeight: "700" }],
+        "bold-5": ["14px", { lineHeight: "auto", fontWeight: "700" }],
+        "bold-6": ["12px", { lineHeight: "150%", fontWeight: "700" }],
+        "bold-7": ["10px", { lineHeight: "150%", fontWeight: "700" }],
+        /* ==========================
+           2. SemiBold (Weight 600)
+           ========================== */
+        "sb-1": ["32px", { lineHeight: "auto", fontWeight: "600" }],
+        "sb-2": ["24px", { lineHeight: "auto", fontWeight: "600" }],
+        "sb-3": ["22px", { lineHeight: "150%", fontWeight: "600" }],
+        "sb-4": ["20px", { lineHeight: "150%", fontWeight: "600" }],
+        "sb-5": ["18px", { lineHeight: "150%", fontWeight: "600" }],
+        "sb-6": ["17px", { lineHeight: "auto", fontWeight: "600" }],
+        "sb-7": ["16px", { lineHeight: "auto", fontWeight: "600" }],
+        "sb-8": ["15px", { lineHeight: "150%", fontWeight: "600" }],
+        "sb-9": ["14px", { lineHeight: "150%", fontWeight: "600" }],
+        "sb-10": ["13px", { lineHeight: "150%", fontWeight: "600" }],
+        "sb-11": ["12px", { lineHeight: "150%", fontWeight: "600" }],
+        "sb-12": ["11px", { lineHeight: "150%", fontWeight: "600" }],
+        /* ==========================
+           3. Medium (Weight 500)
+           ========================== */
+        "medium-1": ["16px", { lineHeight: "auto", fontWeight: "500" }],
+        "medium-2": ["14px", { lineHeight: "150%", fontWeight: "500" }],
+        "medium-3": ["13px", { lineHeight: "150%", fontWeight: "500" }],
+        "medium-4": ["12px", { lineHeight: "150%", fontWeight: "500" }],
+        "medium-5": ["11px", { lineHeight: "14px", fontWeight: "500" }],
+        /* ==========================
+           4. Regular (Weight 400)
+           ========================== */
+        "regular-1": ["16px", { lineHeight: "150%", fontWeight: "400" }],
+        "regular-2": ["14px", { lineHeight: "150%", fontWeight: "400" }],
+        "regular-3": ["13px", { lineHeight: "150%", fontWeight: "400" }],
+        "regular-4": ["12px", { lineHeight: "150%", fontWeight: "400" }],
+        "regular-5": ["11px", { lineHeight: "150%", fontWeight: "400" }],
+        "regular-6": ["10px", { lineHeight: "150%", fontWeight: "400" }],
+      },
+      colors: {
+        "secondary-1": "#c4ddff",
+        "secondary-2": "#f2f1df",
+        "primary-1": "#5950f6",
+        "primary-2": "#4672ee",
+        primary: {
+          "100": "#EFEEFF",
+          "200": "#ABA7FA",
+          "300": "#938DF9",
+          "400": "#837CF8",
+          "500": "#726AF7",
+          "600": "#6259F7",
+          DEFAULT: "#5950F6",
+          "700": "#4E46D9",
+          "800": "#403AB2",
+          "900": "#262181",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          "100": "#E8EDFD",
+          "200": "#C7D4FA",
+          "300": "#A2B7F6",
+          "400": "#8AA5F4",
+          "500": "#5C82F0",
+          DEFAULT: "#4672EE",
+          "600": "#4068D9",
+          "700": "#3455B2",
+          "800": "#29428A",
+          "900": "#1D2F63",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        k: {
+          "0": "#FFFFFF",
+          "50": "#F5F5F5",
+          "100": "#DDDDDF",
+          "200": "#C6C7C9",
+          "300": "#AAACAF",
+          "400": "#919397",
+          "500": "#76797D",
+          "600": "#5F6268",
+          "700": "#484C52",
+          "800": "#31353D",
+          "900": "#1A1F27",
+        },
+        "gray-c": {
+          "100": "#ececec",
+          "200": "#e5e7eb",
+          "300": "#f9fafb",
+        },
+        // 하드코딩된 회색 계열 색상
+        gray: {
+          "950": "#000000",
+          "900": "#121212",
+          "850": "#1a1a1a",
+          "800": "#1E1E1E",
+          "700": "#3c3c3c",
+          "600": "#4d4d4d",
+          "500": "#595959",
+          "400": "#606060",
+          "350": "#707070",
+          "300": "#7a7a7a",
+          "250": "#7c7c7c",
+          "200": "#7D7D7D",
+          "150": "#808080",
+          "100": "#8d8d8d",
+          "50": "#acacac",
+        },
+        // 하드코딩된 배경색 계열
+        bg: {
+          "50": "#fafafa",
+          "100": "#f9f9f9",
+          "200": "#f5f5f5",
+          "300": "#f0f0f0",
+          "400": "#ececec",
+          "500": "#e2e2e2",
+          "600": "#d9d9d9",
+          "700": "#d7d7d7",
+          "800": "#c4c4c4",
+          "900": "#c2c2c2",
+        },
+        // 하드코딩된 텍스트 색상
+        text: {
+          black: "#000000",
+          dark: "#040000",
+          "gray-900": "#121212",
+          "gray-800": "#1E1E1E",
+          "gray-700": "#3c3c3c",
+          "gray-600": "#4d4d4d",
+          "gray-500": "#595959",
+          "gray-400": "#606060",
+          "gray-350": "#707070",
+          "gray-300": "#7a7a7a",
+          "gray-250": "#7c7c7c",
+          "gray-200": "#7D7D7D",
+          "gray-150": "#808080",
+          "gray-100": "#8d8d8d",
+          "gray-50": "#acacac",
+          brown: "#44413d",
+        },
+        // 하드코딩된 강조 색상 (기존 accent와 병합)
+        "accent-custom": {
+          green: "#15A861",
+          orange: "#FF7300",
+          yellow: "#FEE500",
+          red: "#E22A2D",
+          "red-light": "#FFD9D9",
+          "orange-light": "#FEA65E",
+          indigo: "#6366f1",
+          "green-dark": "#78A32C",
+        },
+        // 하드코딩된 배경 강조 색상
+        "bg-accent": {
+          blue: "#F0F5FF",
+          sky: "#EBF8FF",
+          orange: "#FFF3E5",
+          green: "#E9F7EC",
+        },
+        // 하드코딩된 파란색 그라데이션
+        "blue-gradient": {
+          from: "#2E5CFF",
+          via: "#4A7AFF",
+          to: "#6BA3FF",
+          accent: "#4A90FF",
+        },
+        "sub-a": {
+          "100": "#9BC5F3",
+          "500": "#60A3ED",
+          DEFAULT: "#388CE8",
+        },
+        "sub-b": {
+          "100": "#AADBF3",
+          "500": "#6AC0EB",
+          DEFAULT: "#2AA4E2",
+        },
+        "sub-c": {
+          "100": "#FFF2DD",
+          "500": "#FF934B",
+        },
+        "sub-d": {
+          "100": "#FCEFFF",
+          "500": "#B33BD4",
+        },
+        "sub-e": {
+          "100": "#E4F7C0",
+          "500": "#7AB550",
+        },
+        "sub-f": {
+          "100": "#FFDEDF",
+          "500": "#FF6B6B",
+        },
+        background: {
+          1: "#F8F8FA",
+          2: "#F7F7F7",
+          sdwA: "rgba(26, 31, 39, 0.4)",
+          DEFAULT: "hsl(var(--background))",
+        },
+        line: {
+          "1": "#f2f2f2",
+          "2": "#e5e5e5",
+        },
+        magic: {
+          success: "#15A861",
+          "success-hover": "#10814A",
+          "success-surface": "#E9F7EC",
+          danger: "#E22A2D",
+          "danger-hover": "#BA1E21",
+          "danger-surface": "#FFD9D9",
+          error: "#B91C1C",
+          "error-border": "#FCA5A5",
+          "error-surface": "#FEF2F2",
+          warning: "#854D0E",
+          "warning-border": "#FACC15",
+          "warning-surface": "#FEFCE8",
+          api: {
+            success: {
+              surface: "#ECFDF3",
+              text: "#047857",
+            },
+          },
+          http: {
+            get: {
+              surface: "#E8F3FF",
+              text: "#1D4ED8",
+            },
+            post: {
+              surface: "#ECFDF3",
+              text: "#047857",
+            },
+            put: {
+              surface: "#FFF7ED",
+              text: "#C2410C",
+            },
+            patch: {
+              surface: "#FEF3C7",
+              text: "#B45309",
+            },
+            delete: {
+              surface: "#FEE2E2",
+              text: "#B91C1C",
+            },
+          },
+          survey: {
+            blue: "#007AFF",
+            "blue-hover": "#006CE0",
+            purple: "#51298A",
+            "purple-dark": "#430895",
+            navy: "#29428A",
+            muted: "#5F6268",
+            divider: "#D0D0D0",
+          },
+          nav: {
+            inactive: "#707070",
+          },
+          comment: {
+            "reply-bg": "#fafafa",
+          },
+          university: {
+            action: "#4672EE",
+          },
+          certificate: {
+            divider: "#ECECEC",
+          },
+        },
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        chart: {
+          "1": "hsl(var(--chart-1))",
+          "2": "hsl(var(--chart-2))",
+          "3": "hsl(var(--chart-3))",
+          "4": "hsl(var(--chart-4))",
+          "5": "hsl(var(--chart-5))",
+        },
+      },
+      boxShadow: {
+        sdwA: "0px 4px 40px 0px rgba(26, 31, 39, 0.40)",
+        sdwB: "0px 0px 4px 0px var(--K100, #DDDDDF)",
+        sdwC: "0px 0px 4px 0px rgba(0, 0, 0, 0.25)",
+        top: "0px -4px 10px 0px #F5F5F5",
+        "magic-bottom-nav": "0px -2px 6px 0px #F5F5F5",
+        "magic-dropdown": "0px 10px 50px 0px rgba(0, 0, 0, 0.1)",
+        "magic-floating-action": "0px 4px 30px rgba(0, 0, 0, 0.15)",
+        "magic-signup-step": "0 0 6px 0 rgb(221, 221, 223)",
+        "magic-slim-dropdown": "0 0px 10px 0px rgb(0, 0, 0, 0.2)",
+        "magic-survey-modal": "0 10px 30px rgba(0, 0, 0, 0.2)",
+        "magic-toast": "0px 4px 40px 0px rgba(0, 0, 0, 0.25)",
+      },
+      backgroundImage: {
+        "magic-university-action-glass":
+          "linear-gradient(136deg, rgba(255, 255, 255, 0.4) 14.87%, rgba(199, 212, 250, 0.8) 89.1%)",
+      },
+      dropShadow: {
+        "magic-university-action": "2px 2px 6px #C7D4FA",
+      },
+      spacing: {
+        "13": "3.25rem", // 3.25rem = 13 = 52px
+        "90": "22.5rem",
+        "6.5": "1.625rem", // 26px
+        "17.5": "4.375rem", // 70px
+        "30": "7.5rem", // 120px
+        "37.5": "9.375rem", // 150px
+      },
+      maxWidth: {
+        app: "600px",
+      },
+      minWidth: {
+        app: "360px",
+      },
+      transitionProperty: {
+        height: "height",
+      },
+      borderRadius: {
+        lg: "0.5rem",
+        md: "0.375rem",
+        sm: "0.25rem",
+      },
+      animation: {
+        "slide-up": "slideUp 0.3s ease-out",
+        "slide-down": "slideDown 0.3s ease-in",
+        fadeIn: "fadeIn 0.3s ease-out",
+        fadeOut: "fadeOut 0.3s ease-out",
+        slideInRight: "slideInRight 0.3s ease-out",
+        slideOutRight: "slideOutRight 0.3s ease-in",
+      },
+      keyframes: {
+        slideUp: {
+          "0%": { transform: "translateY(100%)" },
+          "100%": { transform: "translateY(0)" },
+        },
+        slideDown: {
+          "0%": { transform: "translateY(0)" },
+          "100%": { transform: "translateY(100%)" },
+        },
+        fadeIn: {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" },
+        },
+        fadeOut: {
+          "0%": { opacity: "1" },
+          "100%": { opacity: "0" },
+        },
+        slideInRight: {
+          "0%": { transform: "translateX(100%)" },
+          "100%": { transform: "translateX(0)" },
+        },
+        slideOutRight: {
+          "0%": { transform: "translateX(0)" },
+          "100%": { transform: "translateX(100%)" },
+        },
+      },
+    },
+  },
+  plugins: [tailwindcssAnimate, typographyPlugin],
+};
+export default config;
diff --git a/apps/university-web/tsconfig.ci.json b/apps/university-web/tsconfig.ci.json
new file mode 100644
index 00000000..86819f17
--- /dev/null
+++ b/apps/university-web/tsconfig.ci.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "typeRoots": ["./node_modules/@types"],
+    "types": ["react", "react-dom"],
+    "skipLibCheck": true
+  }
+}
diff --git a/apps/university-web/tsconfig.json b/apps/university-web/tsconfig.json
new file mode 100644
index 00000000..34e7b439
--- /dev/null
+++ b/apps/university-web/tsconfig.json
@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "types": ["react", "react-dom"],
+    "typeRoots": ["./node_modules/@types"],
+    "paths": {
+      "@/public/*": ["./public/*"],
+      "@/*": ["./src/*"]
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true,
+    "target": "ES2017"
+  },
+  "include": [
+    "next-env.d.ts",
+    "svg.d.ts",
+    "images.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/apps/web/.env.development b/apps/web/.env.development
index 91c3e448..ec436a79 100644
--- a/apps/web/.env.development
+++ b/apps/web/.env.development
@@ -2,6 +2,7 @@ SENTRY_ENVIRONMENT=development
 
 # web page
 NEXT_PUBLIC_WEB_URL=http://localhost:3000
+UNIVERSITY_WEB_DOMAIN=http://localhost:3001
 
 # api server
 NEXT_PUBLIC_API_SERVER_URL=https://api.stage.solid-connection.com
diff --git a/apps/web/next.config.mjs b/apps/web/next.config.mjs
index e554ef50..35d0bbaa 100644
--- a/apps/web/next.config.mjs
+++ b/apps/web/next.config.mjs
@@ -19,6 +19,14 @@ const imageRemotePatterns = [
   hostname,
 }));
 
+const universityWebDomain = process.env.UNIVERSITY_WEB_DOMAIN?.replace(/\/$/, "");
+const isProductionRuntime = process.env.NODE_ENV === "production";
+const universitySlugPattern = "(inha|incheon|sungshin)";
+
+if (isProductionRuntime && !universityWebDomain) {
+  throw new Error("UNIVERSITY_WEB_DOMAIN is required because /university catalog routes are served by university-web.");
+}
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["@solid-connect/ai-inspector"],
@@ -62,6 +70,42 @@ const nextConfig = {
   typescript: {
     ignoreBuildErrors: true,
   },
+  async rewrites() {
+    if (!universityWebDomain) {
+      return [];
+    }
+
+    return [
+      {
+        source: "/university-static/:path*",
+        destination: `${universityWebDomain}/university-static/:path*`,
+      },
+      {
+        source: "/university/monitoring",
+        destination: `${universityWebDomain}/university/monitoring`,
+      },
+      {
+        source: "/university",
+        destination: `${universityWebDomain}/university`,
+      },
+      {
+        source: "/university/search",
+        destination: `${universityWebDomain}/university/search`,
+      },
+      {
+        source: `/university/list/:homeUniversity${universitySlugPattern}`,
+        destination: `${universityWebDomain}/university/:homeUniversity`,
+      },
+      {
+        source: `/university/:homeUniversity${universitySlugPattern}`,
+        destination: `${universityWebDomain}/university/:homeUniversity`,
+      },
+      {
+        source: `/university/:homeUniversity${universitySlugPattern}/:path*`,
+        destination: `${universityWebDomain}/university/:homeUniversity/:path*`,
+      },
+    ];
+  },
   ...(shouldRunBundleAnalyzer
     ? {
         webpack: (config) => {
diff --git a/apps/web/package.json b/apps/web/package.json
index 228e7780..14488662 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -6,8 +6,9 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "biome check --write .",
-    "lint:check": "biome check .",
+    "lint": "biome check --write . && pnpm run lint:university-zone-navigation",
+    "lint:check": "biome check . && pnpm run lint:university-zone-navigation",
+    "lint:university-zone-navigation": "node ../../scripts/check-university-zone-navigation.mjs",
     "format": "biome format --write .",
     "format:check": "biome format .",
     "typecheck": "tsc --noEmit",
diff --git a/apps/web/src/app/(home)/_ui/HomeActionLinks/index.tsx b/apps/web/src/app/(home)/_ui/HomeActionLinks/index.tsx
index 943dfbd8..3cb60292 100644
--- a/apps/web/src/app/(home)/_ui/HomeActionLinks/index.tsx
+++ b/apps/web/src/app/(home)/_ui/HomeActionLinks/index.tsx
@@ -6,7 +6,7 @@ const HomeActionLinks = () => {
   return (
     <div className="flex flex-col gap-2.5 px-5 py-3.5">
       <div className="flex gap-2">
-        <Link className="flex flex-1 flex-col gap-2 rounded-lg bg-bg-accent-blue p-2.5" href="/university/search">
+        <a className="flex flex-1 flex-col gap-2 rounded-lg bg-bg-accent-blue p-2.5" href="/university/search">
           <div className="flex flex-col">
             <span className="text-secondary typo-bold-5">학교 검색하기</span>
             <span className="text-k-700 typo-medium-4">모든 학교 목록을 확인해보세요</span>
@@ -14,7 +14,7 @@ const HomeActionLinks = () => {
           <div className="flex justify-end">
             <IconMagnifyingGlass />
           </div>
-        </Link>
+        </a>
         <Link className="flex flex-1 flex-col gap-2 rounded-lg bg-bg-accent-sky p-2.5" href="/university/score">
           <div className="flex flex-col">
             <span className="text-sub-a typo-bold-5">성적 입력하기</span>
diff --git a/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/_hooks/useHomeUniversitySearch.ts b/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/_hooks/useHomeUniversitySearch.ts
index 67c6bf56..1a822019 100644
--- a/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/_hooks/useHomeUniversitySearch.ts
+++ b/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/_hooks/useHomeUniversitySearch.ts
@@ -1,4 +1,3 @@
-import { useRouter } from "next/navigation";
 import { useMemo, useState } from "react";
 
 import { HOME_UNIVERSITY_LIST } from "@/constants/university";
@@ -15,7 +14,6 @@ const MAX_COUNTRY_SELECT_COUNT = 3;
 const createEmptyCountries = () => Array<string>(MAX_COUNTRY_SELECT_COUNT).fill("");
 
 const useHomeUniversitySearch = () => {
-  const router = useRouter();
   const [selectedHomeUniversitySlug, setSelectedHomeUniversitySlug] = useState<HomeUniversitySlug>(
     HOME_UNIVERSITY_LIST[0].slug,
   );
@@ -43,14 +41,14 @@ const useHomeUniversitySearch = () => {
     );
   };
 
-  const submitSearch = () => {
+  const searchHref = useMemo(() => {
     const queryString = buildUniversitySearchQuery({
       languageTestType,
       countryCodes: countries,
     }).toString();
 
-    router.push(`/university/${selectedHomeUniversitySlug}${queryString ? `?${queryString}` : ""}`);
-  };
+    return `/university/${selectedHomeUniversitySlug}${queryString ? `?${queryString}` : ""}`;
+  }, [countries, languageTestType, selectedHomeUniversitySlug]);
 
   return {
     homeUniversities: HOME_UNIVERSITY_LIST,
@@ -62,7 +60,7 @@ const useHomeUniversitySearch = () => {
     languageOptions,
     countryOptionsByIndex,
     handleCountryChange,
-    submitSearch,
+    searchHref,
   };
 };
 
diff --git a/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/index.tsx b/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/index.tsx
index b84ae01c..1c4be666 100644
--- a/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/index.tsx
+++ b/apps/web/src/app/(home)/_ui/HomeUniversitySearchSection/index.tsx
@@ -17,7 +17,7 @@ const HomeUniversitySearchSection = () => {
     languageOptions,
     countryOptionsByIndex,
     handleCountryChange,
-    submitSearch,
+    searchHref,
   } = useHomeUniversitySearch();
 
   return (
@@ -74,13 +74,12 @@ const HomeUniversitySearchSection = () => {
         })}
       </div>
 
-      <button
-        type="button"
-        onClick={submitSearch}
+      <a
+        href={searchHref}
         className="mt-3 w-full rounded-lg bg-primary px-4 py-4 text-center text-k-0 transition-colors typo-sb-9 hover:bg-primary-600"
       >
         학교 검색하기
-      </button>
+      </a>
     </section>
   );
 };
diff --git a/apps/web/src/app/(home)/_ui/PopularUniversitySection/_ui/PopularUniversityCard.tsx b/apps/web/src/app/(home)/_ui/PopularUniversitySection/_ui/PopularUniversityCard.tsx
index c6a9d2b9..5e379bb5 100644
--- a/apps/web/src/app/(home)/_ui/PopularUniversitySection/_ui/PopularUniversityCard.tsx
+++ b/apps/web/src/app/(home)/_ui/PopularUniversitySection/_ui/PopularUniversityCard.tsx
@@ -1,4 +1,3 @@
-import Link from "next/link";
 import Image from "@/components/ui/FallbackImage";
 import { getHomeUniversitySlugByName } from "@/constants/university";
 import type { ListUniversity } from "@/types/university";
@@ -25,7 +24,7 @@ const PopularUniversityCard = ({
     : "/university";
 
   return (
-    <Link key={university.id} href={universityDetailHref}>
+    <a key={university.id} href={universityDetailHref}>
       <div className="relative w-[153px]">
         <div className="relative h-[120px] w-[153px] overflow-hidden rounded-lg bg-k-700">
           <Image
@@ -56,7 +55,7 @@ const PopularUniversityCard = ({
           {university.koreanName}
         </div>
       </div>
-    </Link>
+    </a>
   );
 };
 
diff --git a/apps/web/src/app/(home)/_ui/UniversityList/index.tsx b/apps/web/src/app/(home)/_ui/UniversityList/index.tsx
index 529e55b2..6d90dcb2 100644
--- a/apps/web/src/app/(home)/_ui/UniversityList/index.tsx
+++ b/apps/web/src/app/(home)/_ui/UniversityList/index.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import Link from "next/link";
-
 import ButtonTab from "@/components/ui/ButtonTab";
 import UniversityCards from "@/components/university/UniversityCards";
 import { IconDirectionRight } from "@/public/svgs/mentor";
@@ -21,12 +19,12 @@ const UniversityList = ({ allRegionsUniversityList }: UniversityListProps) => {
     <div className="flex flex-col gap-2">
       <div className="flex justify-between">
         <span className="text-k-700 typo-sb-5">전체 학교 리스트</span>
-        <Link href={moreHref}>
+        <a href={moreHref}>
           <span className="flex items-center gap-1 text-k-500 typo-sb-9">
             더보기
             <IconDirectionRight className="h-4 w-4" />
           </span>
-        </Link>
+        </a>
       </div>
       <ButtonTab
         choices={homeUniversityChoices}
diff --git a/apps/web/src/app/sitemap.ts b/apps/web/src/app/sitemap.ts
index c62f23ea..a710e25a 100644
--- a/apps/web/src/app/sitemap.ts
+++ b/apps/web/src/app/sitemap.ts
@@ -22,6 +22,7 @@ const toSitemapEntry = (
 const getStaticRoutes = (): MetadataRoute.Sitemap => [
   toSitemapEntry("/", "daily", 1),
   toSitemapEntry("/university", "weekly", 0.85),
+  toSitemapEntry("/university/search", "weekly", 0.6),
   toSitemapEntry("/terms", "yearly", 0.35),
   ...HOME_UNIVERSITY_LIST.map((university) => toSitemapEntry(`/university/${university.slug}`, "weekly", 0.8)),
 ];
diff --git a/apps/web/src/app/university/RegionFilter.tsx b/apps/web/src/app/university/RegionFilter.tsx
deleted file mode 100644
index b769533a..00000000
--- a/apps/web/src/app/university/RegionFilter.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-// --- 지역 필터 컴포넌트 ---
-import { REGION_KO_MAP } from "@/constants/university";
-import { RegionEnumExtend } from "@/types/university";
-
-const RegionFilter = ({
-  selectedRegion,
-  onRegionChange,
-}: {
-  selectedRegion: RegionEnumExtend;
-  onRegionChange: (region: RegionEnumExtend) => void;
-}) => {
-  const regions = [
-    RegionEnumExtend.ALL,
-    RegionEnumExtend.EUROPE,
-    RegionEnumExtend.AMERICAS,
-    RegionEnumExtend.ASIA,
-    RegionEnumExtend.CHINA,
-  ];
-
-  return (
-    <div className="flex gap-2 overflow-x-auto p-4">
-      {regions.map((region) => (
-        <button
-          key={region}
-          onClick={() => onRegionChange(region)}
-          className={`min-w-fit whitespace-nowrap rounded-full border px-4 py-2 transition-colors ${
-            selectedRegion === region ? "border-primary bg-primary-100 text-primary-900" : "bg-k-50 text-k-300"
-          } `}
-        >
-          {REGION_KO_MAP[region]}
-        </button>
-      ))}
-    </div>
-  );
-};
-export default RegionFilter;
diff --git a/apps/web/src/app/university/SearchBar.tsx b/apps/web/src/app/university/SearchBar.tsx
deleted file mode 100644
index bfd12b6d..00000000
--- a/apps/web/src/app/university/SearchBar.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-"use client";
-
-import { zodResolver } from "@hookform/resolvers/zod";
-import { usePathname, useRouter } from "next/navigation";
-import { type SubmitHandler, useForm } from "react-hook-form";
-import { z } from "zod";
-
-const searchSchema = z.object({
-  searchText: z.string().min(1, "검색어를 입력해주세요.").max(50, "최대 50자까지 입력 가능합니다."),
-});
-type SearchFormData = z.infer<typeof searchSchema>;
-
-// --- 아이콘 컴포넌트 ---
-const SearchIcon = () => (
-  <svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
-      clipRule="evenodd"
-    ></path>
-  </svg>
-);
-
-interface SearchBarProps {
-  initText?: string;
-}
-// --- 폼 로직을 관리하는 부모 컴포넌트 ---
-const SearchForm = ({ initText }: SearchBarProps) => {
-  const router = useRouter();
-  const pathname = usePathname();
-
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-  } = useForm<SearchFormData>({
-    resolver: zodResolver(searchSchema), // 3. useForm에 zodResolver 연동
-    defaultValues: {
-      searchText: initText || "",
-    },
-  });
-
-  // 4. 폼 제출 시 실행될 함수
-  const onSubmit: SubmitHandler<SearchFormData> = (data) => {
-    const queryParams = new URLSearchParams();
-    if (data.searchText) {
-      queryParams.append("searchText", data.searchText.trim());
-    }
-
-    const queryString = queryParams.toString();
-
-    // 현재 경로에서 쿼리 파라미터만 업데이트
-    router.push(`${pathname}?${queryString}`);
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)} className="sticky top-14 z-10 w-full bg-white pb-2">
-      <div className="relative">
-        <input
-          type="text"
-          placeholder={"대학명을 검색해보세요..."}
-          className={`w-full border-b bg-white p-3 pl-4 pr-10 outline-none transition-colors ${
-            errors.searchText ? "border-red-500 focus:border-red-500" : "border-gray-200 focus:border-blue-500"
-          }`}
-          {...register("searchText")}
-        />
-        <div className="absolute right-3 top-1/2 h-5 w-5 -translate-y-1/2 text-gray-400">
-          <SearchIcon />
-        </div>
-        {errors?.searchText && <p className="mt-1 text-red-600 typo-regular-2">{errors?.searchText.message}</p>}
-      </div>
-    </form>
-  );
-};
-
-export default SearchForm;
diff --git a/apps/web/src/app/university/SearchResultsContent.tsx b/apps/web/src/app/university/SearchResultsContent.tsx
deleted file mode 100644
index 81415e86..00000000
--- a/apps/web/src/app/university/SearchResultsContent.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-"use client";
-
-import { useSearchParams } from "next/navigation";
-import React, { Suspense, useMemo, useState } from "react";
-// 필요한 타입과 훅 import
-import {
-  type UniversitySearchFilterParams,
-  useGetUniversitySearchByFilter,
-  useUniversitySearch,
-} from "@/apis/universities";
-import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
-import FloatingUpBtn from "@/components/ui/FloatingUpBtn";
-import UniversityCards from "@/components/university/UniversityCards";
-import { COUNTRY_CODE_MAP } from "@/constants/university";
-import { type CountryCode, type LanguageTestType, RegionEnumExtend } from "@/types/university";
-import RegionFilter from "./RegionFilter";
-import SearchBar from "./SearchBar";
-
-// --- URL 파라미터를 읽고 데이터를 처리하는 메인 컨텐츠 ---
-const SearchResultsContent = () => {
-  const searchParams = useSearchParams();
-
-  // 지역 상태 관리
-  const [selectedRegion, setSelectedRegion] = useState<RegionEnumExtend>(RegionEnumExtend.ALL);
-  // 지역 변경 핸들러
-  const handleRegionChange = (region: RegionEnumExtend) => {
-    setSelectedRegion(region);
-  };
-
-  const { isTextSearch, searchText, filterParams } = useMemo(() => {
-    const text = searchParams.get("searchText");
-    const lang = searchParams.get("languageTestType");
-    const countries = searchParams.getAll("countryCode");
-
-    // URL에서 전달된 국가 목록을 기본으로 사용
-    const filteredCountries = countries.filter((country): country is CountryCode =>
-      Object.hasOwn(COUNTRY_CODE_MAP, country),
-    );
-    const hasFilterParams = Boolean(lang) || filteredCountries.length > 0;
-
-    if (!hasFilterParams) {
-      return {
-        isTextSearch: true,
-        searchText: text,
-        filterParams: {} as UniversitySearchFilterParams,
-      };
-    } else {
-      return {
-        isTextSearch: false,
-        searchText: "",
-        filterParams: {
-          languageTestType: (lang as LanguageTestType) || undefined,
-          countryCode: filteredCountries.length > 0 ? filteredCountries : undefined,
-        },
-      };
-    }
-  }, [searchParams]);
-
-  const textSearchQuery = useUniversitySearch(searchText ?? "");
-  const filterSearchQuery = useGetUniversitySearchByFilter(filterParams);
-
-  const { data: serachResult } = isTextSearch ? textSearchQuery : filterSearchQuery;
-
-  // 지역 필터링된 데이터: university.region이 선택된 RegionEnumExtend와 정확히 일치하는 경우만 허용
-  const filteredData = useMemo(() => {
-    if (!serachResult) return serachResult;
-    if (selectedRegion === RegionEnumExtend.ALL) return serachResult;
-
-    return serachResult.filter((university) => university.region === selectedRegion);
-  }, [serachResult, selectedRegion]);
-
-  // 초기 URL에서 지역 파라미터 읽기
-  React.useEffect(() => {
-    const region = searchParams.get("region");
-    if (region && Object.values(RegionEnumExtend).includes(region as RegionEnumExtend)) {
-      setSelectedRegion(region as RegionEnumExtend);
-    }
-  }, [searchParams]);
-
-  return (
-    <div className="px-5">
-      <SearchBar initText={searchText || undefined} />
-
-      {/* 지역 필터 */}
-      <RegionFilter selectedRegion={selectedRegion} onRegionChange={handleRegionChange} />
-
-      {/* 결과 표시 */}
-      {!filteredData || filteredData.length === 0 ? (
-        <div className="p-5 text-center text-gray-500">검색 결과가 없습니다.</div>
-      ) : (
-        <UniversityCards colleges={filteredData} className="mt-3" />
-      )}
-      <FloatingUpBtn />
-    </div>
-  );
-};
-
-export default function Page() {
-  return (
-    <Suspense fallback={<CloudSpinnerPage />}>
-      <SearchResultsContent />
-    </Suspense>
-  );
-}
diff --git a/apps/web/src/app/university/[homeUniversity]/_ui/RegionFilter.tsx b/apps/web/src/app/university/[homeUniversity]/_ui/RegionFilter.tsx
deleted file mode 100644
index c8a0aa9c..00000000
--- a/apps/web/src/app/university/[homeUniversity]/_ui/RegionFilter.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-"use client";
-
-import clsx from "clsx";
-
-import { RegionEnumExtend } from "@/types/university";
-
-const REGIONS = [
-  { value: "전체", label: "전체" },
-  { value: RegionEnumExtend.AMERICAS, label: "미주권" },
-  { value: RegionEnumExtend.EUROPE, label: "유럽권" },
-  { value: RegionEnumExtend.ASIA, label: "아시아권" },
-  { value: RegionEnumExtend.CHINA, label: "중국권" },
-] as const;
-
-interface RegionFilterProps {
-  selectedRegion: RegionEnumExtend | "전체";
-  onRegionChange: (region: RegionEnumExtend | "전체") => void;
-}
-
-const RegionFilter = ({ selectedRegion, onRegionChange }: RegionFilterProps) => {
-  return (
-    <div className="mb-4 flex gap-2 overflow-x-auto pb-1">
-      {REGIONS.map(({ value, label }) => (
-        <button
-          key={value}
-          type="button"
-          onClick={() => onRegionChange(value)}
-          className={clsx(
-            "whitespace-nowrap rounded-full border px-4 py-2 transition-colors typo-medium-4",
-            selectedRegion === value
-              ? "border-primary bg-primary-100 text-primary"
-              : "border-k-100 bg-k-50 text-k-500 hover:border-k-200 hover:bg-k-100",
-          )}
-        >
-          {label}
-        </button>
-      ))}
-    </div>
-  );
-};
-
-export default RegionFilter;
diff --git a/apps/web/src/app/university/[homeUniversity]/_ui/UniversityListContent.tsx b/apps/web/src/app/university/[homeUniversity]/_ui/UniversityListContent.tsx
deleted file mode 100644
index 0d397c5a..00000000
--- a/apps/web/src/app/university/[homeUniversity]/_ui/UniversityListContent.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-
-import FloatingUpBtn from "@/components/ui/FloatingUpBtn";
-import UniversityCards from "@/components/university/UniversityCards";
-import type { HomeUniversityInfo } from "@/constants/university";
-import type { ListUniversity, RegionEnumExtend } from "@/types/university";
-
-import RegionFilter from "./RegionFilter";
-import SearchBar from "./SearchBar";
-
-interface UniversityListContentProps {
-  universities: ListUniversity[];
-  homeUniversity: HomeUniversityInfo;
-  homeUniversitySlug: string;
-  initialSearchText?: string;
-  initialRegion?: RegionEnumExtend | "전체";
-}
-
-const UniversityListContent = ({
-  universities,
-  homeUniversity,
-  homeUniversitySlug,
-  initialSearchText = "",
-  initialRegion = "전체",
-}: UniversityListContentProps) => {
-  const [searchText, setSearchText] = useState(initialSearchText.trim());
-  const [selectedRegion, setSelectedRegion] = useState<RegionEnumExtend | "전체">(initialRegion);
-
-  useEffect(() => {
-    setSearchText(initialSearchText.trim());
-  }, [initialSearchText]);
-
-  useEffect(() => {
-    setSelectedRegion(initialRegion);
-  }, [initialRegion]);
-
-  // 검색어 및 지역 필터링
-  const filteredUniversities = useMemo(() => {
-    let result = universities;
-
-    // 검색어 필터링
-    if (searchText.trim()) {
-      const searchLower = searchText.toLowerCase().trim();
-      result = result.filter(
-        (uni) => uni.koreanName.toLowerCase().includes(searchLower) || uni.country.toLowerCase().includes(searchLower),
-      );
-    }
-
-    // 지역 필터링
-    if (selectedRegion !== "전체") {
-      result = result.filter((uni) => uni.region === selectedRegion);
-    }
-
-    return result;
-  }, [universities, searchText, selectedRegion]);
-
-  return (
-    <div className="px-5">
-      <SearchBar value={searchText} onChange={setSearchText} homeUniversitySlug={homeUniversitySlug} />
-
-      <RegionFilter selectedRegion={selectedRegion} onRegionChange={setSelectedRegion} />
-
-      {/* 결과 카운트 */}
-      <div className="mb-3 text-k-500 typo-medium-4">
-        총 <span className="text-primary typo-bold-4">{filteredUniversities.length}</span>개 학교
-      </div>
-
-      {/* 결과 표시 */}
-      {filteredUniversities.length === 0 ? (
-        <div className="flex flex-col items-center justify-center py-20">
-          <p className="text-k-400 typo-medium-3">검색 결과가 없습니다.</p>
-          <p className="mt-1 text-k-300 typo-medium-4">다른 검색어나 필터를 시도해보세요.</p>
-        </div>
-      ) : (
-        <UniversityCards
-          colleges={filteredUniversities}
-          className="mt-3"
-          linkPrefix={`/university/${homeUniversitySlug}`}
-        />
-      )}
-
-      <FloatingUpBtn />
-    </div>
-  );
-};
-
-export default UniversityListContent;
diff --git a/apps/web/src/app/university/[homeUniversity]/page.tsx b/apps/web/src/app/university/[homeUniversity]/page.tsx
deleted file mode 100644
index 5b027cfe..00000000
--- a/apps/web/src/app/university/[homeUniversity]/page.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import type { Metadata } from "next";
-import { notFound } from "next/navigation";
-
-import { getSearchUniversitiesAllRegions, getSearchUniversitiesByFilter } from "@/apis/universities/server";
-import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
-import {
-  COUNTRY_CODE_MAP,
-  getHomeUniversityBySlug,
-  HOME_UNIVERSITY_SLUGS,
-  isMatchedHomeUniversityName,
-} from "@/constants/university";
-import { type CountryCode, type HomeUniversitySlug, LanguageTestType, RegionEnumExtend } from "@/types/university";
-import { createUrl, NO_INDEX_ROBOTS } from "@/utils/seo";
-
-import UniversityListContent from "./_ui/UniversityListContent";
-
-export const revalidate = 15552000; // 6개월마다 재검증 (ISR)
-
-// 정적 경로 생성
-export async function generateStaticParams() {
-  return HOME_UNIVERSITY_SLUGS.map((slug) => ({
-    homeUniversity: slug,
-  }));
-}
-
-type PageProps = {
-  params: Promise<{ homeUniversity: string }>;
-  searchParams?: Promise<Record<string, string | string[] | undefined>>;
-};
-
-type SearchParamValue = string | string[] | undefined;
-
-const getSearchParamValues = (value: SearchParamValue): string[] => {
-  if (!value) {
-    return [];
-  }
-
-  return Array.isArray(value) ? value : [value];
-};
-
-const getFirstSearchParamValue = (value: SearchParamValue): string => {
-  if (Array.isArray(value)) {
-    return value[0] ?? "";
-  }
-
-  return value ?? "";
-};
-
-const isCountryCode = (value: string): value is CountryCode => {
-  return Object.hasOwn(COUNTRY_CODE_MAP, value);
-};
-
-const isLanguageTestType = (value: string): value is LanguageTestType => {
-  return Object.values(LanguageTestType).includes(value as LanguageTestType);
-};
-
-const isRegionFilterValue = (value: string): value is RegionEnumExtend => {
-  return (
-    value === RegionEnumExtend.AMERICAS ||
-    value === RegionEnumExtend.EUROPE ||
-    value === RegionEnumExtend.ASIA ||
-    value === RegionEnumExtend.CHINA
-  );
-};
-
-export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
-  const { homeUniversity } = await params;
-  const universityInfo = getHomeUniversityBySlug(homeUniversity);
-
-  if (!universityInfo) {
-    return {
-      title: "파견 학교 목록",
-      robots: NO_INDEX_ROBOTS,
-    };
-  }
-
-  const title = `${universityInfo.shortName} 교환학생 파견 학교 목록 | 솔리드커넥션`;
-  const description = `${universityInfo.name} 학생들을 위한 교환학생 파견 학교 정보를 확인하세요. 국가, 권역, 어학 요건별로 지원 가능한 대학을 비교할 수 있습니다.`;
-  const pageUrl = createUrl(`/university/${homeUniversity}`);
-
-  return {
-    title,
-    description,
-    alternates: {
-      canonical: pageUrl,
-    },
-    openGraph: {
-      title,
-      description,
-      url: pageUrl,
-      siteName: "솔리드커넥션",
-      locale: "ko_KR",
-      type: "website",
-      images: [
-        {
-          url: createUrl("/opengraph-image.png"),
-          width: 1200,
-          height: 630,
-          alt: `${universityInfo.shortName} 교환학생 파견 학교 목록`,
-        },
-      ],
-    },
-  };
-}
-
-const UniversityListPage = async ({ params, searchParams }: PageProps) => {
-  const { homeUniversity } = await params;
-  const resolvedSearchParams = await searchParams;
-  const initialSearchText = getFirstSearchParamValue(resolvedSearchParams?.searchText).trim();
-  const languageTestTypeParam = getFirstSearchParamValue(resolvedSearchParams?.languageTestType).trim();
-  const countryCodeParams = getSearchParamValues(resolvedSearchParams?.countryCode).filter(isCountryCode);
-  const regionParams = getSearchParamValues(resolvedSearchParams?.region).filter(isRegionFilterValue);
-  const initialRegion = regionParams.length === 1 ? regionParams[0] : RegionEnumExtend.ALL;
-  const languageTestType = isLanguageTestType(languageTestTypeParam) ? languageTestTypeParam : undefined;
-
-  // 유효한 슬러그인지 확인
-  if (!HOME_UNIVERSITY_SLUGS.includes(homeUniversity as HomeUniversitySlug)) {
-    notFound();
-  }
-
-  const universityInfo = getHomeUniversityBySlug(homeUniversity);
-
-  if (!universityInfo) {
-    notFound();
-  }
-
-  const shouldUseFilterApi = Boolean(languageTestType) || countryCodeParams.length > 0;
-
-  const allUniversities = shouldUseFilterApi
-    ? await getSearchUniversitiesByFilter({
-        languageTestType,
-        countryCode: countryCodeParams.length > 0 ? countryCodeParams : undefined,
-      })
-    : await getSearchUniversitiesAllRegions();
-
-  // homeUniversityName으로 프론트에서 필터링
-  let filteredUniversities = allUniversities.filter((university) =>
-    isMatchedHomeUniversityName(university.homeUniversityName, universityInfo.name),
-  );
-
-  if (regionParams.length > 0) {
-    filteredUniversities = filteredUniversities.filter((university) =>
-      regionParams.includes(university.region as RegionEnumExtend),
-    );
-  }
-
-  return (
-    <>
-      <TopDetailNavigation title={`${universityInfo.shortName} 파견학교`} backHref="/university" />
-      <UniversityListContent
-        universities={filteredUniversities}
-        homeUniversity={universityInfo}
-        homeUniversitySlug={homeUniversity}
-        initialSearchText={initialSearchText}
-        initialRegion={initialRegion}
-      />
-    </>
-  );
-};
-
-export default UniversityListPage;
diff --git a/apps/web/src/app/university/list/[homeUniversityName]/SearchResultsContent.tsx b/apps/web/src/app/university/list/[homeUniversityName]/SearchResultsContent.tsx
deleted file mode 100644
index 537c6b66..00000000
--- a/apps/web/src/app/university/list/[homeUniversityName]/SearchResultsContent.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-"use client";
-
-import { useSearchParams } from "next/navigation";
-import React, { Suspense, useMemo, useState } from "react";
-// 필요한 타입과 훅 import
-import {
-  type UniversitySearchFilterParams,
-  useGetUniversitySearchByFilter,
-  useUniversitySearch,
-} from "@/apis/universities";
-import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
-import FloatingUpBtn from "@/components/ui/FloatingUpBtn";
-import UniversityCards from "@/components/university/UniversityCards";
-import { COUNTRY_CODE_MAP } from "@/constants/university";
-import { type CountryCode, type HomeUniversityName, type LanguageTestType, RegionEnumExtend } from "@/types/university";
-import RegionFilter from "../../RegionFilter";
-import SearchBar from "../../SearchBar";
-
-interface SearchResultsContentInnerProps {
-  homeUniversityName: HomeUniversityName;
-}
-
-// --- URL 파라미터를 읽고 데이터를 처리하는 메인 컨텐츠 ---
-const SearchResultsContentInner = ({ homeUniversityName }: SearchResultsContentInnerProps) => {
-  const searchParams = useSearchParams();
-
-  // 지역 상태 관리
-  const [selectedRegion, setSelectedRegion] = useState<RegionEnumExtend>(RegionEnumExtend.ALL);
-  // 지역 변경 핸들러
-  const handleRegionChange = (region: RegionEnumExtend) => {
-    setSelectedRegion(region);
-  };
-
-  const { isTextSearch, searchText, filterParams } = useMemo(() => {
-    const text = searchParams.get("searchText");
-    const lang = searchParams.get("languageTestType");
-    const countries = searchParams.getAll("countryCode");
-
-    // URL에서 전달된 국가 목록을 기본으로 사용
-    const filteredCountries = countries.filter((country): country is CountryCode =>
-      Object.hasOwn(COUNTRY_CODE_MAP, country),
-    );
-    const hasFilterParams = Boolean(lang) || filteredCountries.length > 0;
-
-    if (!hasFilterParams) {
-      return {
-        isTextSearch: true,
-        searchText: text,
-        filterParams: {} as UniversitySearchFilterParams,
-      };
-    }
-    return {
-      isTextSearch: false,
-      searchText: "",
-      filterParams: {
-        languageTestType: (lang as LanguageTestType) || undefined,
-        countryCode: filteredCountries.length > 0 ? filteredCountries : undefined,
-      },
-    };
-  }, [searchParams]);
-
-  const textSearchQuery = useUniversitySearch(searchText ?? "", homeUniversityName);
-  const filterSearchQuery = useGetUniversitySearchByFilter(filterParams, homeUniversityName);
-
-  const { data: searchResult } = isTextSearch ? textSearchQuery : filterSearchQuery;
-
-  // homeUniversityName과 지역 필터링된 데이터
-  const filteredData = useMemo(() => {
-    if (!searchResult) return searchResult;
-
-    let filtered = searchResult;
-
-    // 지역 필터링
-    if (selectedRegion !== RegionEnumExtend.ALL) {
-      filtered = filtered.filter((university) => university.region === selectedRegion);
-    }
-
-    return filtered;
-  }, [searchResult, selectedRegion]);
-
-  // 초기 URL에서 지역 파라미터 읽기
-  React.useEffect(() => {
-    const region = searchParams.get("region");
-    if (region && Object.values(RegionEnumExtend).includes(region as RegionEnumExtend)) {
-      setSelectedRegion(region as RegionEnumExtend);
-    }
-  }, [searchParams]);
-
-  return (
-    <div>
-      <SearchBar initText={searchText || undefined} />
-
-      {/* 지역 필터 */}
-      <RegionFilter selectedRegion={selectedRegion} onRegionChange={handleRegionChange} />
-
-      {/* 결과 표시 */}
-      {!filteredData || filteredData.length === 0 ? (
-        <div className="p-5 text-center text-gray-500">검색 결과가 없습니다.</div>
-      ) : (
-        <UniversityCards colleges={filteredData} className="mt-3" />
-      )}
-      <FloatingUpBtn />
-    </div>
-  );
-};
-
-interface SearchResultsContentProps {
-  homeUniversityName: HomeUniversityName;
-}
-
-export default function SearchResultsContent({ homeUniversityName }: SearchResultsContentProps) {
-  return (
-    <Suspense fallback={<CloudSpinnerPage />}>
-      <SearchResultsContentInner homeUniversityName={homeUniversityName} />
-    </Suspense>
-  );
-}
diff --git a/apps/web/src/app/university/list/[homeUniversityName]/page.tsx b/apps/web/src/app/university/list/[homeUniversityName]/page.tsx
deleted file mode 100644
index 3f17ddac..00000000
--- a/apps/web/src/app/university/list/[homeUniversityName]/page.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import type { Metadata } from "next";
-import { notFound } from "next/navigation";
-
-import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
-import { HOME_UNIVERSITY_LIST, HOME_UNIVERSITY_SLUG_MAP } from "@/constants/university";
-import type { HomeUniversityName, HomeUniversitySlug } from "@/types/university";
-import { NO_INDEX_ROBOTS } from "@/utils/seo";
-
-import SearchResultsContent from "./SearchResultsContent";
-
-// ISR: 정적 페이지 생성
-export const revalidate = false;
-
-// 정적 경로 생성 (ISR)
-export async function generateStaticParams() {
-  return HOME_UNIVERSITY_LIST.map((university) => ({
-    homeUniversityName: university.slug,
-  }));
-}
-
-type PageProps = {
-  params: Promise<{ homeUniversityName: string }>;
-};
-
-export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
-  const { homeUniversityName } = await params;
-
-  const universityName = HOME_UNIVERSITY_SLUG_MAP[homeUniversityName as HomeUniversitySlug];
-
-  if (!universityName) {
-    return {
-      title: "파견 학교 목록",
-      robots: NO_INDEX_ROBOTS,
-    };
-  }
-
-  return {
-    title: `${universityName} 파견 학교 목록 | 솔리드커넥션`,
-    description: `${universityName}에서 파견 가능한 교환학생 대학교 목록입니다. 지역별, 어학 요건별로 검색하고 관심있는 대학을 찾아보세요.`,
-    robots: NO_INDEX_ROBOTS,
-  };
-}
-
-const UniversityListPage = async ({ params }: PageProps) => {
-  const { homeUniversityName } = await params;
-
-  const universityName = HOME_UNIVERSITY_SLUG_MAP[homeUniversityName as HomeUniversitySlug] as
-    | HomeUniversityName
-    | undefined;
-
-  if (!universityName) {
-    notFound();
-  }
-
-  return (
-    <>
-      <TopDetailNavigation title={`${universityName} 파견학교`} />
-      <SearchResultsContent homeUniversityName={universityName} />
-    </>
-  );
-};
-
-export default UniversityListPage;
diff --git a/apps/web/src/components/layout/GlobalLayout/ui/BottomNavigation/index.tsx b/apps/web/src/components/layout/GlobalLayout/ui/BottomNavigation/index.tsx
index 139664e0..d3547954 100644
--- a/apps/web/src/components/layout/GlobalLayout/ui/BottomNavigation/index.tsx
+++ b/apps/web/src/components/layout/GlobalLayout/ui/BottomNavigation/index.tsx
@@ -19,6 +19,8 @@ const ICON_COMPONENTS = {
   my: Human,
 } as const;
 
+const UNIVERSITY_ZONE_ROUTE = "/university";
+
 const BottomNavigation = () => {
   const pathname = usePathname();
 
@@ -30,16 +32,11 @@ const BottomNavigation = () => {
     <nav className="fixed bottom-0 flex h-[56px] w-full max-w-app bg-white shadow-magic-bottom-nav">
       {NAV_ITEMS.map(({ route, text, iconType }) => {
         const isActive = isRouteActive(pathname, route);
-        return (
-          <Link
-            key={text}
-            href={route}
-            aria-current={isActive ? "page" : undefined}
-            aria-label={`${text} 페이지로 이동`}
-            className={`flex flex-[1_0_0] flex-col items-center self-stretch px-3 pb-2 pt-1.5 no-underline ${
-              isActive ? "text-primary" : "text-magic-nav-inactive"
-            }`}
-          >
+        const className = `flex flex-[1_0_0] flex-col items-center self-stretch px-3 pb-2 pt-1.5 no-underline ${
+          isActive ? "text-primary" : "text-magic-nav-inactive"
+        }`;
+        const content = (
+          <>
             {(() => {
               const IconComp = ICON_COMPONENTS[iconType];
               return <IconComp />;
@@ -53,6 +50,32 @@ const BottomNavigation = () => {
             >
               {text}
             </span>
+          </>
+        );
+
+        if (route === UNIVERSITY_ZONE_ROUTE) {
+          return (
+            <a
+              key={text}
+              href={route}
+              aria-current={isActive ? "page" : undefined}
+              aria-label={`${text} 페이지로 이동`}
+              className={className}
+            >
+              {content}
+            </a>
+          );
+        }
+
+        return (
+          <Link
+            key={text}
+            href={route}
+            aria-current={isActive ? "page" : undefined}
+            aria-label={`${text} 페이지로 이동`}
+            className={className}
+          >
+            {content}
           </Link>
         );
       })}
diff --git a/apps/web/src/components/ui/UniverSityCard/index.tsx b/apps/web/src/components/ui/UniverSityCard/index.tsx
index 3ea52721..3223cbd0 100644
--- a/apps/web/src/components/ui/UniverSityCard/index.tsx
+++ b/apps/web/src/components/ui/UniverSityCard/index.tsx
@@ -1,4 +1,3 @@
-import Link from "next/link";
 import Image from "@/components/ui/FallbackImage";
 import CheveronRightFilled from "@/components/ui/icon/ChevronRightFilled";
 import { getHomeUniversitySlugByName } from "@/constants/university";
@@ -24,7 +23,7 @@ const UniversityCard = ({ university, showCapacity = true, linkPrefix = "/univer
       : "/university";
 
   return (
-    <Link
+    <a
       className="block w-full min-w-0 flex-1"
       href={universityDetailHref}
       aria-labelledby={`university-name-${university.id}`}
@@ -74,7 +73,7 @@ const UniversityCard = ({ university, showCapacity = true, linkPrefix = "/univer
           </div>
         </div>
       </div>
-    </Link>
+    </a>
   );
 };
 
diff --git a/docs/git-cicd.md b/docs/git-cicd.md
index 33e9448a..231b0934 100644
--- a/docs/git-cicd.md
+++ b/docs/git-cicd.md
@@ -41,4 +41,18 @@ GitHub Actions, Vercel를 사용하여 CI/CD를 관리합니다.
 
 main 브랜치에 push가 되면 자동으로 CI가 진행되어 stage 환경에 배포됩니다.
 
-Github Actions의 'Build and Vercel Production Deployment' 를 가동시키면 CD가 진행되어 production 환경에 배포됩니다.
+Github Actions의 `Promote Main to Release Branches`를 가동시키면 선택한 release branch가 main으로 갱신되고, 각 Vercel Project의 production 환경에 배포됩니다.
+
+- `release-web`: web production 배포
+- `release-admin`: admin production 배포
+- `release-university`: university-web production 배포
+
+릴리즈 workflow의 target은 다음과 같이 사용합니다.
+
+- `all`: web, admin, university-web 전체 릴리즈
+- `both`: 기존 호환용 web + admin 릴리즈
+- `web`: web만 릴리즈
+- `admin`: admin만 릴리즈
+- `university`: university-web만 릴리즈
+
+기본값은 `both`입니다. university-web까지 함께 릴리즈하려면 `all` 또는 `university`를 명시적으로 선택합니다.
diff --git a/docs/university-multizone-deployment.md b/docs/university-multizone-deployment.md
new file mode 100644
index 00000000..67e181b6
--- /dev/null
+++ b/docs/university-multizone-deployment.md
@@ -0,0 +1,135 @@
+# University Multi-Zone Deployment
+
+## 목표
+
+대학 정보 catalog 페이지는 `apps/university-web`에서 SSG로 정적 생성하고, 메인 웹 `apps/web`은 인증/수정 플로우인 `/university/score`, `/university/application`만 유지한다.
+
+이 구조의 목적은 다음과 같다.
+
+- 메인 앱 변경 시 대학 catalog 정적 페이지 전체를 다시 빌드하지 않는다.
+- 대학 정보 버그나 데이터 갱신은 university zone만 재배포해서 처리한다.
+- 대학 데이터는 수동으로 DB 갱신 후 university zone을 다시 빌드한다.
+
+## 라우트 소유권
+
+### `apps/web`
+
+- `/`
+- `/community/*`
+- `/mentor/*`
+- `/my/*`
+- `/university/score/*`
+- `/university/application/*`
+
+### `apps/university-web`
+
+- `/university`
+- `/university/search`
+- `/university/:homeUniversity`
+- `/university/:homeUniversity/search`
+- `/university/:homeUniversity/:id`
+- `/university-static/*`
+
+`/university/list/:homeUniversity`는 legacy URL로만 취급한다. child route는 유지하지 않고, main rewrite에서 `/university/:homeUniversity` SSG 페이지로 보낸다. 이렇게 하면 오래된 외부 링크는 살리면서 SSG catalog 안에 client-fetch 목록 페이지가 섞이지 않는다.
+
+## Vercel 프로젝트 설정
+
+Vercel에서는 같은 Git repository를 두 개의 Project로 연결한다.
+
+### Main Web Project
+
+- Project name: 기존 `solid-connect-web` 유지
+- Root Directory: 기존 `apps/web` 설정 유지
+- Build Command: 기존 설정 유지. monorepo root에서 실행한다면 `pnpm --filter @solid-connect/web run build`
+- Required Environment Variables:
+  - `UNIVERSITY_WEB_DOMAIN`: university web project의 origin URL
+  - production 예: `https://<university-web-production-domain>`
+  - preview 예: `https://<university-web-preview-domain>` 또는 preview에서 production university zone을 재사용할 경우 production URL
+
+`UNIVERSITY_WEB_DOMAIN`이 production build에서 없으면 `apps/web/next.config.mjs`가 빌드를 실패시킨다. 이 값이 없으면 main 앱의 `/university` catalog route가 404가 되기 때문이다.
+
+### University Web Project
+
+- Project name: 예: `solid-connect-university-web`
+- Root Directory: `apps/university-web`
+- Build Command: Vercel이 workspace를 자동 감지하지 못하면 `pnpm --filter @solid-connect/university-web run build`
+- Development Command: `pnpm --filter @solid-connect/university-web run dev`
+- Output Directory: `.next`
+- Required Environment Variables:
+  - 기존 web 앱과 동일한 `NEXT_PUBLIC_API_SERVER_URL`
+  - 기존 web 앱과 동일한 `NEXT_PUBLIC_WEB_URL`
+  - 기존 web 앱과 동일한 Kakao/Sentry/Firebase 계열 값
+  - 선택: `UNIVERSITY_WEB_INDEXABLE_HOSTS=www.solid-connection.com,solid-connection.com`
+
+University project의 직접 배포 도메인은 검색엔진에 노출하지 않는다. 실제 사용자 URL은 main domain의 rewrite를 통해 제공한다.
+
+## Release 배포
+
+production 릴리즈는 GitHub Actions `Promote Main to Release Branches` workflow로 release branch를 갱신해 Vercel 배포를 트리거한다.
+
+- Main Web Project production branch: `release-web`
+- Admin Project production branch: `release-admin`
+- University Web Project production branch: `release-university`
+
+workflow target은 다음과 같이 사용한다.
+
+- `all`: `release-web`, `release-admin`, `release-university`를 모두 main으로 갱신
+- `university`: `release-university`만 main으로 갱신
+- `both`: 기존 호환용으로 `release-web`, `release-admin`만 갱신
+
+workflow 기본값은 `both`다. university web production 배포는 `all` 또는 `university`를 명시적으로 선택했을 때만 함께 승격한다.
+
+production web project의 `UNIVERSITY_WEB_DOMAIN`은 university web production origin을 가리켜야 한다. 예를 들어 사용자 production URL이 `https://www.solid-connection.com/university`라면 rewrite 대상은 별도 university web production origin이다.
+
+```bash
+UNIVERSITY_WEB_DOMAIN=https://<university-web-production-origin>
+```
+
+production university web project의 `NEXT_PUBLIC_WEB_URL`은 실제 사용자가 접근하는 main web production URL을 가리킨다.
+
+```bash
+NEXT_PUBLIC_WEB_URL=https://www.solid-connection.com
+```
+
+## Local Development
+
+터미널 두 개에서 실행한다.
+
+```bash
+pnpm dev:web
+pnpm dev:university
+```
+
+`apps/web/.env.development`에는 `UNIVERSITY_WEB_DOMAIN=http://localhost:3001`을 둔다. 따라서 `http://localhost:3000/university` 요청은 university zone으로 rewrite된다.
+
+## Verification
+
+### 빠른 검증
+
+```bash
+pnpm --filter @solid-connect/web run lint:check
+pnpm --filter @solid-connect/university-web run lint:check
+pnpm --filter @solid-connect/web run typecheck
+pnpm --filter @solid-connect/university-web run typecheck
+```
+
+### Cold Build 비교
+
+```bash
+rm -rf apps/web/.next
+UNIVERSITY_WEB_DOMAIN=https://<university-web-origin> pnpm --filter @solid-connect/web run build
+
+rm -rf apps/university-web/.next
+pnpm --filter @solid-connect/university-web run build
+```
+
+기대 결과:
+
+- main web build route 목록에는 `/university/score/*`, `/university/application/*`만 남는다.
+- university web build route 목록에는 `/university`, `/university/:homeUniversity`, `/university/:homeUniversity/:id`가 SSG로 표시된다.
+- university web의 SSG 데이터 fetch가 실패하면 빈 catalog를 만들지 않고 build가 실패한다.
+
+## 참고 문서
+
+- Next.js Multi-Zones: https://nextjs.org/docs/pages/guides/multi-zones
+- Vercel Monorepos: https://vercel.com/docs/monorepos
diff --git a/package.json b/package.json
index b7c7e424..0705bf91 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,9 @@
     "lint": "turbo lint",
     "typecheck": "turbo typecheck",
     "ci:check": "turbo ci:check",
-    "prepare": "husky"
+    "prepare": "husky",
+    "dev:university": "pnpm --filter @solid-connect/university-web run dev",
+    "build:university": "pnpm --filter @solid-connect/university-web run build"
   },
   "pnpm": {
     "onlyBuiltDependencies": [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fb11a5ae..a740e0ad 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -124,6 +124,139 @@ importers:
         specifier: ^5.1.0
         version: 5.1.0
 
+  apps/university-web:
+    dependencies:
+      '@hookform/resolvers':
+        specifier: ^5.2.2
+        version: 5.2.2(react-hook-form@7.71.1(react@19.2.6))
+      '@next/third-parties':
+        specifier: ^16.2.6
+        version: 16.2.6(next@16.2.6(@babel/core@7.28.6)(@opentelemetry/api@1.9.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-checkbox':
+        specifier: ^1.1.4
+        version: 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-label':
+        specifier: ^2.1.2
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-progress':
+        specifier: ^1.1.2
+        version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-select':
+        specifier: ^2.1.6
+        version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.15))(@types/react@19.2.15)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-google-maps/api':
+        specifier: ^2.19.2
+        version: 2.20.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@sentry/nextjs':
+        specifier: ^10.22.0
+        version: 10.34.0(@opentelemetry/context-async-hooks@2.4.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.4.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.4.0(@opentelemetry/api@1.9.0))(next@16.2.6(@babel/core@7.28.6)(@opentelemetry/api@1.9.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(react@19.2.6)(webpack@5.104.1)
+      '@solid-connect/ai-inspector':
+        specifier: workspace:^
+        version: link:../../packages/ai-inspector
+      '@stomp/stompjs':
+        specifier: ^7.1.1
+        version: 7.2.1
+      '@tanstack/react-query':
+        specifier: ^5.84.1
+        version: 5.90.19(react@19.2.6)
+      '@tanstack/react-query-devtools':
+        specifier: ^5.84.1
+        version: 5.91.2(@tanstack/react-query@5.90.19(react@19.2.6))(react@19.2.6)
+      '@tanstack/react-virtual':
+        specifier: ^3.13.12
+        version: 3.13.18(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@vercel/speed-insights':
+        specifier: ^1.3.1
+        version: 1.3.1(next@16.2.6(@babel/core@7.28.6)(@opentelemetry/api@1.9.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(react@19.2.6)
+      axios:
+        specifier: ^1.6.7
+        version: 1.13.2
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      firebase-admin:
+        specifier: ^13.7.0
+        version: 13.7.0
+      linkify-react:
+        specifier: ^4.3.2
+        version: 4.3.2(linkifyjs@4.3.2)(react@19.2.6)
+      linkifyjs:
+        specifier: ^4.3.2
+        version: 4.3.2
+      lucide-react:
+        specifier: ^0.479.0
+        version: 0.479.0(react@19.2.6)
+      next:
+        specifier: ^16.2.6
+        version: 16.2.6(@babel/core@7.28.6)(@opentelemetry/api@1.9.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      next-render-analyzer:
+        specifier: ^0.1.2
+        version: 0.1.2
+      react:
+        specifier: ^19.2.6
+        version: 19.2.6
+      react-dom:
+        specifier: ^19.2.6
+        version: 19.2.6(react@19.2.6)
+      react-hook-form:
+        specifier: ^7.60.0
+        version: 7.71.1(react@19.2.6)
+      react-hot-toast:
+        specifier: ^2.6.0
+        version: 2.6.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      sockjs-client:
+        specifier: ^1.6.1
+        version: 1.6.1
+      tailwind-merge:
+        specifier: ^3.0.2
+        version: 3.4.0
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@3.4.19(tsx@4.21.0)(yaml@2.8.2))
+      zod:
+        specifier: ^4.0.0
+        version: 4.3.5
+      zustand:
+        specifier: ^5.0.7
+        version: 5.0.10(@types/react@19.2.15)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6))
+    devDependencies:
+      '@next/bundle-analyzer':
+        specifier: ^16.2.6
+        version: 16.2.6
+      '@svgr/webpack':
+        specifier: ^8.1.0
+        version: 8.1.0(typescript@5.9.3)
+      '@types/node':
+        specifier: ^20.11.19
+        version: 20.19.30
+      '@types/react':
+        specifier: 19.2.15
+        version: 19.2.15
+      '@types/react-dom':
+        specifier: 19.2.3
+        version: 19.2.3(@types/react@19.2.15)
+      autoprefixer:
+        specifier: ^10.4.20
+        version: 10.4.23(postcss@8.5.15)
+      babel-plugin-react-compiler:
+        specifier: 1.0.0
+        version: 1.0.0
+      critters:
+        specifier: ^0.0.23
+        version: 0.0.23
+      postcss:
+        specifier: ^8.4.45
+        version: 8.5.15
+      tailwindcss:
+        specifier: ^3.4.10
+        version: 3.4.19(tsx@4.21.0)(yaml@2.8.2)
+      typescript:
+        specifier: ^5.3.3
+        version: 5.9.3
+
   apps/web:
     dependencies:
       '@hookform/resolvers':
@@ -3226,10 +3359,6 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  baseline-browser-mapping@2.9.15:
-    resolution: {integrity: sha512-kX8h7K2srmDyYnXRIppo4AH/wYgzWVCs+eKr3RusRSQ5PvRYoEFmR/I0PbdTjKFAoKqp5+kbxnNTFO9jOfSVJg==}
-    hasBin: true
-
   bidi-js@1.0.3:
     resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
 
@@ -5541,10 +5670,12 @@ packages:
 
   uuid@8.3.2:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
+    deprecated: uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).
     hasBin: true
 
   uuid@9.0.1:
     resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
+    deprecated: uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).
     hasBin: true
 
   vinext@0.0.51:
@@ -7958,10 +8089,10 @@ snapshots:
       '@rollup/pluginutils': 5.3.0(rollup@4.55.1)
       commondir: 1.0.1
       estree-walker: 2.0.2
-      fdir: 6.5.0(picomatch@4.0.3)
+      fdir: 6.5.0(picomatch@4.0.4)
       is-reference: 1.2.1
       magic-string: 0.30.21
-      picomatch: 4.0.3
+      picomatch: 4.0.4
     optionalDependencies:
       rollup: 4.55.1
 
@@ -7969,7 +8100,7 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.8
       estree-walker: 2.0.2
-      picomatch: 4.0.3
+      picomatch: 4.0.4
     optionalDependencies:
       rollup: 4.55.1
 
@@ -8841,6 +8972,15 @@ snapshots:
 
   asynckit@0.4.0: {}
 
+  autoprefixer@10.4.23(postcss@8.5.15):
+    dependencies:
+      browserslist: 4.28.1
+      caniuse-lite: 1.0.30001764
+      fraction.js: 5.3.4
+      picocolors: 1.1.1
+      postcss: 8.5.15
+      postcss-value-parser: 4.2.0
+
   autoprefixer@10.4.23(postcss@8.5.6):
     dependencies:
       browserslist: 4.28.1
@@ -8894,8 +9034,6 @@ snapshots:
 
   baseline-browser-mapping@2.10.32: {}
 
-  baseline-browser-mapping@2.9.15: {}
-
   bidi-js@1.0.3:
     dependencies:
       require-from-string: 2.0.2
@@ -8916,7 +9054,7 @@ snapshots:
 
   browserslist@4.28.1:
     dependencies:
-      baseline-browser-mapping: 2.9.15
+      baseline-browser-mapping: 2.10.32
       caniuse-lite: 1.0.30001764
       electron-to-chromium: 1.5.267
       node-releases: 2.0.27
@@ -9070,7 +9208,7 @@ snapshots:
       dom-serializer: 2.0.0
       domhandler: 5.0.3
       htmlparser2: 8.0.2
-      postcss: 8.5.6
+      postcss: 8.5.15
       postcss-media-query-parser: 0.2.3
 
   cross-spawn@7.0.6:
@@ -10373,32 +10511,32 @@ snapshots:
 
   pirates@4.0.7: {}
 
-  postcss-import@15.1.0(postcss@8.5.6):
+  postcss-import@15.1.0(postcss@8.5.15):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.15
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.11
 
-  postcss-js@4.1.0(postcss@8.5.6):
+  postcss-js@4.1.0(postcss@8.5.15):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.5.6
+      postcss: 8.5.15
 
-  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.6)(tsx@4.21.0)(yaml@2.8.2):
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.15)(tsx@4.21.0)(yaml@2.8.2):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
       jiti: 1.21.7
-      postcss: 8.5.6
+      postcss: 8.5.15
       tsx: 4.21.0
       yaml: 2.8.2
 
   postcss-media-query-parser@0.2.3: {}
 
-  postcss-nested@6.2.0(postcss@8.5.6):
+  postcss-nested@6.2.0(postcss@8.5.15):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.15
       postcss-selector-parser: 6.1.2
 
   postcss-selector-parser@6.1.2:
@@ -10855,7 +10993,7 @@ snapshots:
       lines-and-columns: 1.2.4
       mz: 2.7.0
       pirates: 4.0.7
-      tinyglobby: 0.2.15
+      tinyglobby: 0.2.16
       ts-interface-checker: 0.1.13
 
   supercluster@8.0.1:
@@ -10908,11 +11046,11 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.6
-      postcss-import: 15.1.0(postcss@8.5.6)
-      postcss-js: 4.1.0(postcss@8.5.6)
-      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.6)(tsx@4.21.0)(yaml@2.8.2)
-      postcss-nested: 6.2.0(postcss@8.5.6)
+      postcss: 8.5.15
+      postcss-import: 15.1.0(postcss@8.5.15)
+      postcss-js: 4.1.0(postcss@8.5.15)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.15)(tsx@4.21.0)(yaml@2.8.2)
+      postcss-nested: 6.2.0(postcss@8.5.15)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.11
       sucrase: 3.35.1
@@ -11223,7 +11361,7 @@ snapshots:
       esbuild: 0.27.2
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
-      postcss: 8.5.6
+      postcss: 8.5.15
       rollup: 4.55.1
       tinyglobby: 0.2.15
     optionalDependencies:
diff --git a/scripts/check-university-zone-navigation.mjs b/scripts/check-university-zone-navigation.mjs
new file mode 100644
index 00000000..6241d622
--- /dev/null
+++ b/scripts/check-university-zone-navigation.mjs
@@ -0,0 +1,155 @@
+#!/usr/bin/env node
+
+import { readdirSync, readFileSync, statSync } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const repoRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+const webSrcDir = path.join(repoRoot, "apps/web/src");
+const checkedExtensions = new Set([".ts", ".tsx"]);
+
+const allowedMainWebUniversityRoutes = ["/university/score", "/university/application"];
+
+const jsxHrefPattern =
+  /<([A-Za-z][\w.]*)\b[^>]*\bhref\s*=\s*(?:"([^"]*)"|'([^']*)'|\{\s*"([^"]*)"\s*\}|\{\s*'([^']*)'\s*\}|\{\s*`([^`]*)`\s*\})/g;
+const navigationCallPattern =
+  /\b(?:router\.(push|replace)|redirect|window\.location\.(assign|replace))\(\s*(?:"([^"]*)"|'([^']*)'|`([^`]*)`)/g;
+const locationHrefAssignmentPattern = /\bwindow\.location\.href\s*=\s*(?:"([^"]*)"|'([^']*)'|`([^`]*)`)/g;
+
+const listSourceFiles = (directory) => {
+  const entries = readdirSync(directory);
+
+  return entries.flatMap((entry) => {
+    const absolutePath = path.join(directory, entry);
+    const stats = statSync(absolutePath);
+
+    if (stats.isDirectory()) {
+      return listSourceFiles(absolutePath);
+    }
+
+    return checkedExtensions.has(path.extname(entry)) ? [absolutePath] : [];
+  });
+};
+
+const normalizeRoute = (rawRoute) => rawRoute.trim();
+
+const isAllowedMainWebUniversityRoute = (route) => {
+  const pathname = route.split(/[?#]/)[0];
+
+  return allowedMainWebUniversityRoutes.some((allowedRoute) => {
+    return pathname === allowedRoute || pathname.startsWith(`${allowedRoute}/`);
+  });
+};
+
+const isUniversityCatalogRoute = (rawRoute) => {
+  const route = normalizeRoute(rawRoute);
+
+  if (
+    route !== "/university" &&
+    !route.startsWith("/university/") &&
+    !route.startsWith("/university?") &&
+    !route.startsWith("/university#")
+  ) {
+    return false;
+  }
+
+  return !isAllowedMainWebUniversityRoute(route);
+};
+
+const getLineAndColumn = (source, index) => {
+  const linesBeforeMatch = source.slice(0, index).split("\n");
+
+  return {
+    line: linesBeforeMatch.length,
+    column: linesBeforeMatch.at(-1).length + 1,
+  };
+};
+
+const formatRelativePath = (absolutePath) => path.relative(repoRoot, absolutePath);
+
+const createViolation = ({ filePath, source, index, message }) => {
+  const { line, column } = getLineAndColumn(source, index);
+
+  return `${formatRelativePath(filePath)}:${line}:${column} ${message}`;
+};
+
+const pickMatchedRoute = (match, startIndex) => {
+  for (let index = startIndex; index < match.length; index += 1) {
+    if (typeof match[index] === "string") {
+      return match[index];
+    }
+  }
+
+  return null;
+};
+
+const collectViolations = (filePath) => {
+  const source = readFileSync(filePath, "utf8");
+  const violations = [];
+
+  for (const match of source.matchAll(jsxHrefPattern)) {
+    const [, tagName] = match;
+    const route = pickMatchedRoute(match, 2);
+
+    if (tagName === "a" || route === null || !isUniversityCatalogRoute(route)) {
+      continue;
+    }
+
+    violations.push(
+      createViolation({
+        filePath,
+        source,
+        index: match.index,
+        message: `Use <a href="${route}"> for university catalog navigation instead of <${tagName}>.`,
+      }),
+    );
+  }
+
+  for (const match of source.matchAll(navigationCallPattern)) {
+    const route = pickMatchedRoute(match, 3);
+
+    if (route === null || !isUniversityCatalogRoute(route)) {
+      continue;
+    }
+
+    violations.push(
+      createViolation({
+        filePath,
+        source,
+        index: match.index,
+        message: `Use <a href="${route}"> for university catalog navigation instead of client navigation.`,
+      }),
+    );
+  }
+
+  for (const match of source.matchAll(locationHrefAssignmentPattern)) {
+    const route = pickMatchedRoute(match, 1);
+
+    if (route === null || !isUniversityCatalogRoute(route)) {
+      continue;
+    }
+
+    violations.push(
+      createViolation({
+        filePath,
+        source,
+        index: match.index,
+        message: `Use <a href="${route}"> for university catalog navigation instead of location.href.`,
+      }),
+    );
+  }
+
+  return violations;
+};
+
+const violations = listSourceFiles(webSrcDir).flatMap(collectViolations);
+
+if (violations.length > 0) {
+  console.error("University catalog navigation must use plain <a> tags in apps/web.");
+  console.error("Allowed main-web exceptions: /university/score, /university/application");
+  console.error("");
+  console.error(violations.join("\n"));
+  process.exit(1);
+}
+
+console.log("University catalog navigation rule passed.");
diff --git a/turbo.json b/turbo.json
index 9c82ec56..f7085a0e 100644
--- a/turbo.json
+++ b/turbo.json
@@ -10,7 +10,12 @@
     "@solid-connect/web#build": {
       "dependsOn": ["^build"],
       "outputs": [".next/**", "!.next/cache/**"],
-      "env": ["NODE_ENV", "NEXT_PUBLIC_*", "SENTRY_*", "FIREBASE_*", "AI_INSPECTOR_*"]
+      "env": ["NODE_ENV", "NEXT_PUBLIC_*", "SENTRY_*", "FIREBASE_*", "AI_INSPECTOR_*", "UNIVERSITY_WEB_DOMAIN"]
+    },
+    "@solid-connect/university-web#build": {
+      "dependsOn": ["^build"],
+      "outputs": [".next/**", "!.next/cache/**"],
+      "env": ["NODE_ENV", "NEXT_PUBLIC_*", "SENTRY_*", "FIREBASE_*", "UNIVERSITY_WEB_INDEXABLE_HOSTS"]
     },
     "sync:bruno": {
       "outputs": ["src/apis/**"],