diff --git a/ARCHITECTURE.md b/ARCHITECTURE.md
new file mode 100644
index 00000000..effaa705
--- /dev/null
+++ b/ARCHITECTURE.md
@@ -0,0 +1,313 @@
+# 🏗️ Clean FSD & CQRS 아키텍처 가이드 (v1.0)
+
+## 1. 핵심 철학 (Core Philosophy)
+
+우리는 **Clean FSD (Feature-Sliced Design)**를 기반으로, **CQRS (Read/Write 분리)** 패턴과 **Next.js App Router**의 장점을 결합한 아키텍처를 따릅니다.
+
+- **Lego Architecture:** 하위 레이어(Entities, Features)는 독립적인 레고 블록이며, 상위 레이어(Widgets, Pages)는 이를 조립하는 역할을 합니다.
+- **Server First:** 읽기(Read) 동작은 **RSC(Server Component)**를 통해 최적화하고, 쓰기(Write) 동작은 **Client Component**로 상호작용을 처리합니다.
+- **Separation of Concerns:** 프레임워크 설정(`app`)과 비즈니스 화면 구현(`pages`)을 철저히 분리합니다.
+
+---
+
+## 2. 디렉토리 구조 (Directory Structure)
+
+### 2.1. 전체 트리 (Overview)
+
+```
+src/
+├── app/                  # [Framework Layer] 라우팅, 메타데이터, 레이아웃 (Shell)
+├── pages/                # [Page Layer] 실제 페이지 화면 조립 (Implementation)
+├── widgets/              # [Composition Layer] Feature와 Entity를 결합한 독립 블록
+├── features/             # [Write Layer] 사용자 행동, 뮤테이션 (Verbs)
+├── entities/             # [Read Layer] 도메인 데이터, 조회 (Nouns)
+└── shared/               # [Generic Layer] 도메인을 모르는 순수 공통 로직
+```
+
+### 2.2. 레이어별 상세 역할
+
+| 레이어 | 역할 | 성격 | 주요 포함 내용 | 참조 가능 범위 |
+|--------|------|------|----------------|----------------|
+| App | 라우팅 (Shell) | Framework | page.tsx, layout.tsx, Metadata | pages 이하 전체 |
+| Pages | 화면 조립 | Business | 페이지 단위 UI 조합 | widgets 이하 전체 |
+| Widgets | 블록 조립 | Composition | Header, PostDetail, Sidebar | features, entities, shared |
+| Features | 쓰기 (Write) | Action (CUD) | 로그인 폼, 좋아요 버튼, useMutation | entities, shared |
+| Entities | 읽기 (Read) | Data (R) | 유저 프로필 뷰, fetchUser, Type | shared |
+| Shared | 공통 | Generic | Button, Axios, Utils | 불가 (최하위) |
+
+---
+
+## 3. CQRS 패턴 적용
+
+### 3.1. Read (Entity)
+
+데이터 조회와 표시를 담당합니다.
+
+```typescript
+// entities/post/api/getPost.ts
+export const getPost = async (id: string) => {
+  const response = await api.get(`/posts/${id}`);
+  return response.data;
+};
+
+// entities/post/ui/PostContent.tsx
+export const PostContent = ({ post }: { post: Post }) => {
+  return (
+    <article>
+      <h1>{post.title}</h1>
+      <p>{post.content}</p>
+    </article>
+  );
+};
+```
+
+### 3.2. Write (Feature)
+
+사용자 행동과 데이터 변경을 담당합니다.
+
+```typescript
+// features/post-interaction/api/likePost.ts
+export const likePost = async (postId: string) => {
+  await api.post(`/posts/${postId}/like`);
+};
+
+// features/post-interaction/ui/LikeButton.tsx
+"use client";
+
+export const LikeButton = ({ postId }: { postId: string }) => {
+  const { mutate } = useMutation({ mutationFn: likePost });
+  
+  return (
+    <button onClick={() => mutate(postId)}>
+      좋아요
+    </button>
+  );
+};
+```
+
+### 3.3. Composition (Widget)
+
+Entity와 Feature를 조합하여 독립적인 블록을 만듭니다.
+
+```typescript
+// widgets/PostViewer/index.tsx
+import { PostContent } from "@/entities/post/ui/PostContent";
+import { LikeButton } from "@/features/post-interaction/ui/LikeButton";
+
+export const PostViewer = async ({ postId }: { postId: string }) => {
+  const post = await getPost(postId); // Server Component
+  
+  return (
+    <div>
+      <PostContent post={post} />
+      <LikeButton postId={postId} />
+    </div>
+  );
+};
+```
+
+---
+
+## 4. 레이어 간 의존성 규칙
+
+### 4.1. 허용되는 참조 (Allowed)
+
+```
+App → Pages → Widgets → Features → Entities → Shared
+                     ↘                    ↗
+                       → Entities → Shared
+```
+
+### 4.2. 금지되는 참조 (Forbidden)
+
+- ❌ Entities → Features (읽기에서 쓰기 참조 금지)
+- ❌ Features → Features (Feature 간 참조 금지)
+- ❌ Entities → Entities (Entity 간 참조 금지)
+- ❌ 하위 레이어 → 상위 레이어 (역방향 참조 금지)
+
+### 4.3. 예외 처리
+
+만약 Feature에서 다른 Feature의 로직이 필요하다면:
+- 해당 로직을 **Shared**로 추출하거나
+- 상위 레이어(**Widgets** 또는 **Pages**)에서 조합합니다.
+
+---
+
+## 5. 구현 가이드 (Implementation Guide)
+
+### 5.1. App vs Pages 분리 패턴
+
+Next.js의 라우팅과 비즈니스 로직을 분리하여 유지보수성을 극대화합니다.
+
+**1. `src/app/post/[id]/page.tsx` (껍데기)**
+
+```typescript
+import { Metadata } from 'next';
+import { PostPage } from '@/pages/post-detail'; // 실제 구현체 import
+import { getPost } from '@/entities/post/api';  // API import
+
+// 메타데이터용 Fetch (Request Memoization으로 중복 호출 걱정 X)
+export async function generateMetadata({ params }): Promise<Metadata> {
+  const data = await getPost(params.id);
+  return { title: data.title };
+}
+
+// Params만 전달하고 빠짐
+export default function Page({ params }) {
+  return <PostPage id={params.id} />;
+}
+```
+
+**2. `src/pages/post-detail/ui/PostPage.tsx` (알맹이)**
+
+```typescript
+import { PostViewerWidget } from '@/widgets/PostViewer';
+
+// 순수 비즈니스 로직 및 조립
+export const PostPage = ({ id }) => {
+  return (
+    <main>
+      <PostViewerWidget postId={id} />
+    </main>
+  );
+};
+```
+
+### 5.2. CQRS 패턴 적용 예시
+
+**상황:** 게시글을 보고(Read), 좋아요를 누른다(Write).
+
+1. **Read (Entity):** `entities/post`
+   - `api/getPost.ts`: 데이터를 가져옴.
+   - `ui/PostContent/`: 데이터를 보여주기만 함 (Server Component 권장).
+
+2. **Write (Feature):** `features/post-interaction`
+   - `api/likePost.ts`: 서버에 좋아요 요청을 보냄.
+   - `ui/LikeButton/`: 클릭 이벤트를 받음 (Client Component 필수).
+
+3. **Composition (Widget):** `widgets/PostViewer`
+   - `Entity`와 `Feature`를 import 하여 한 덩어리로 만듦.
+   - `props`를 통해 Entity의 ID를 Feature에게 전달.
+
+---
+
+## 6. 리팩토링 체크리스트 (Rule of Two)
+
+코드를 작성하다가 아래 상황이 발생하면 리팩토링을 진행합니다.
+
+1. **중복 발견:** 특정 UI나 로직이 **2곳 이상의 슬라이스**에서 똑같이 필요하다.
+   - → 도메인 로직이 없으면 **`shared`**로 이동.
+   - → 도메인 로직이 있으면 **`widgets`**으로 이동.
+
+2. **참조 위반:** `import` 경로가 상위로 가거나, 옆집(다른 슬라이스)을 가리킨다.
+   - → 해당 로직을 **상위 레이어(`Widgets`, `Pages`)**로 끌어올려서 조합하는 형태로 변경.
+
+3. **파일 비대화:** 하나의 컴포넌트 파일이 너무 길어진다.
+   - → 내부 로직은 `model/useLogic.ts`로 분리.
+   - → 하위 UI는 같은 폴더 내 컴포넌트로 분리.
+
+---
+
+## 7. 실전 예제
+
+### 7.1. 좋아요 기능 구현
+
+```
+entities/post/
+├── api/
+│   └── getPost.ts
+├── ui/
+│   └── PostContent.tsx
+└── types/
+    └── Post.ts
+
+features/post-interaction/
+├── api/
+│   └── likePost.ts
+└── ui/
+    └── LikeButton.tsx
+
+widgets/PostViewer/
+└── index.tsx
+
+pages/post-detail/
+└── ui/
+    └── PostPage.tsx
+
+app/post/[id]/
+└── page.tsx
+```
+
+### 7.2. 파일 내용
+
+**entities/post/types/Post.ts**
+```typescript
+export type Post = {
+  id: string;
+  title: string;
+  content: string;
+  likeCount: number;
+};
+```
+
+**features/post-interaction/ui/LikeButton.tsx**
+```typescript
+"use client";
+
+export const LikeButton = ({ postId, initialCount }: Props) => {
+  const [count, setCount] = useState(initialCount);
+  const { mutate } = useMutation({
+    mutationFn: likePost,
+    onSuccess: () => setCount(prev => prev + 1),
+  });
+  
+  return (
+    <button onClick={() => mutate(postId)}>
+      ❤️ {count}
+    </button>
+  );
+};
+```
+
+---
+
+## 8. 마이그레이션 가이드
+
+기존 코드베이스를 Clean FSD로 마이그레이션할 때는 다음 순서를 따릅니다:
+
+1. **Shared 추출:** 도메인 무관한 공통 유틸리티 분리
+2. **Entities 생성:** 데이터 조회 API와 타입 정의
+3. **Features 생성:** 사용자 행동과 뮤테이션 로직
+4. **Widgets 조합:** Entity + Feature를 조합한 독립 블록
+5. **Pages 조립:** 비즈니스 화면 로직
+6. **App 정리:** 라우팅과 메타데이터만 남김
+
+---
+
+## 9. 자주 묻는 질문 (FAQ)
+
+### Q1. Server Component와 Client Component를 어떻게 구분하나요?
+
+- **Entity (Read):** 기본적으로 Server Component (데이터 페칭 최적화)
+- **Feature (Write):** 반드시 Client Component (이벤트 핸들링 필요)
+- **Widget:** Entity(Server) + Feature(Client) 조합
+
+### Q2. 같은 레이어 내에서 참조가 필요하면?
+
+- Entity → Entity, Feature → Feature는 금지
+- 공통 로직은 **Shared**로 추출
+- 조합이 필요하면 **Widgets**에서 처리
+
+### Q3. 기존 프로젝트를 점진적으로 마이그레이션하려면?
+
+1. 새로운 기능부터 Clean FSD 적용
+2. 레거시 코드는 `_legacy/` 폴더로 이동
+3. 수정이 필요할 때 리팩토링 진행
+
+---
+
+## 10. 참고 자료
+
+- [Feature-Sliced Design 공식 문서](https://feature-sliced.design/)
+- [CQRS 패턴](https://martinfowler.com/bliki/CQRS.html)
+- [Next.js App Router](https://nextjs.org/docs/app)
diff --git a/apps/web/AUTHENTICATION.md b/apps/web/AUTHENTICATION.md
new file mode 100644
index 00000000..2ebe3031
--- /dev/null
+++ b/apps/web/AUTHENTICATION.md
@@ -0,0 +1,137 @@
+# Authentication & Authorization
+
+## Login Redirect Flow
+
+### Overview
+
+The application implements a comprehensive login redirect system that ensures users are properly authenticated before accessing protected pages.
+
+### Protected Pages
+
+The following pages require authentication:
+- `/mentor/*` - All mentor-related pages
+- `/my/*` - All user profile pages
+- `/community/[boardCode]/*` - Community sub-routes (post creation, modification)
+
+### How It Works
+
+#### 1. Middleware Detection
+
+The middleware (`apps/web/src/middleware.ts`) checks for authentication on every request:
+
+```typescript
+const loginNeedPages = ["/mentor", "/my"];
+const needLogin = loginNeedPages.some((path) => {
+  return url.pathname === path || url.pathname.startsWith(`${path}/`);
+}) || isCommunitySubRoute;
+```
+
+#### 2. Redirect Parameter
+
+When an unauthenticated user tries to access a protected page:
+- Middleware redirects to `/login`
+- Original URL is preserved in the `redirect` query parameter
+- Example: `/login?redirect=/mentor/chat/123`
+
+```typescript
+if (needLogin && !refreshToken) {
+  url.pathname = "/login";
+  const redirectUrl = request.nextUrl.pathname + request.nextUrl.search;
+  url.searchParams.set("redirect", redirectUrl);
+  return NextResponse.redirect(url);
+}
+```
+
+#### 3. Toast Notification
+
+The login page displays a toast message when users are redirected:
+
+```typescript
+// apps/web/src/app/login/LoginContent.tsx
+useEffect(() => {
+  const redirect = searchParams.get("redirect");
+  if (redirect) {
+    toast.info("로그인이 필요합니다.");
+  }
+}, [searchParams]);
+```
+
+#### 4. Post-Login Redirect
+
+After successful authentication, users are redirected back to their original destination.
+
+### Configuration
+
+Authentication mode is controlled by environment variable:
+
+```env
+NEXT_PUBLIC_COOKIE_LOGIN_ENABLED=true
+```
+
+When `true`:
+- Uses HTTP-only cookies for refresh tokens
+- Middleware enforces authentication checks
+- Enhanced security
+
+When `false`:
+- Uses localStorage for tokens
+- No middleware checks (development/testing mode)
+
+### Token Management
+
+#### Refresh Token
+- Stored in HTTP-only cookie (secure)
+- Used for authentication checks in middleware
+- Automatically renewed on valid requests
+
+#### Access Token
+- Stored in Zustand store or localStorage
+- Used for API requests
+- Short-lived for security
+
+### Adding New Protected Routes
+
+To protect a new route:
+
+1. Add to `loginNeedPages` array in middleware:
+```typescript
+const loginNeedPages = ["/mentor", "/my", "/new-route"];
+```
+
+2. Or add custom logic for sub-routes:
+```typescript
+const isNewRouteSubPath = url.pathname.startsWith("/new-route/");
+const needLogin = loginNeedPages.some(...) || isNewRouteSubPath;
+```
+
+### Troubleshooting
+
+#### Redirect not working?
+- Check if `NEXT_PUBLIC_COOKIE_LOGIN_ENABLED=true` in `.env`
+- Verify refresh token exists in cookies
+- Check middleware matcher pattern excludes static files
+
+#### Toast not showing?
+- Ensure `redirect` query parameter is present
+- Check `LoginContent.tsx` useEffect is running
+- Verify toast store is initialized
+
+### Security Considerations
+
+1. **HTTP-Only Cookies**: Refresh tokens are never accessible to JavaScript
+2. **Middleware Protection**: Server-side check before page renders
+3. **Token Expiry**: Short-lived access tokens minimize exposure
+4. **Redirect Validation**: Only internal URLs are allowed in redirect parameter
+
+### Related Files
+
+- `apps/web/src/middleware.ts` - Authentication middleware
+- `apps/web/src/app/login/LoginContent.tsx` - Login page with redirect handling
+- `apps/web/src/lib/zustand/useAuthStore.ts` - Auth state management
+- `apps/web/.env` - Configuration
+
+### Issue Reference
+
+This implementation resolves issue #302: "로그인 필요 페이지 분리 작업 + proxy 에서 리디렉션 처리"
+
+The redirect parameter and toast notification features ensure users understand why they were redirected and can seamlessly return to their intended destination after login.
diff --git a/apps/web/COMPONENTS.md b/apps/web/COMPONENTS.md
new file mode 100644
index 00000000..b4f5e982
--- /dev/null
+++ b/apps/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/web/biome.json b/apps/web/biome.json
index 6d730a59..3eef3e9b 100644
--- a/apps/web/biome.json
+++ b/apps/web/biome.json
@@ -32,7 +32,7 @@
         "noNonNullAssertion": "off"
       },
       "suspicious": {
-        "noExplicitAny": "off",
+        "noExplicitAny": "error",
         "noUnknownAtRules": "off",
         "useIterableCallbackReturn": "off"
       }
diff --git a/apps/web/src/apis/Admin/api.ts b/apps/web/src/apis/Admin/api.ts
index 74b67368..753da589 100644
--- a/apps/web/src/apis/Admin/api.ts
+++ b/apps/web/src/apis/Admin/api.ts
@@ -154,7 +154,7 @@ export const adminApi = {
     return res.data;
   },
 
-  getLanguageTestList: async (params: { params?: Record<string, any> }): Promise<LanguageTestListResponse> => {
+  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,
     });
@@ -169,7 +169,7 @@ export const adminApi = {
     return res.data;
   },
 
-  getGpaList: async (params: { params?: Record<string, any> }): Promise<GpaListResponse> => {
+  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/web/src/apis/Admin/getGpaList.ts b/apps/web/src/apis/Admin/getGpaList.ts
index bb3448f8..8af4619b 100644
--- a/apps/web/src/apis/Admin/getGpaList.ts
+++ b/apps/web/src/apis/Admin/getGpaList.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { adminApi, type GpaListResponse } from "./api";
 
-const useGetGpaList = (params?: Record<string, any>) => {
+const useGetGpaList = (params?: Record<string, unknown>) => {
   return useQuery<GpaListResponse, AxiosError>({
     queryKey: [QueryKeys.Admin.gpaList, params],
     queryFn: () => adminApi.getGpaList(params ? { params } : {}),
diff --git a/apps/web/src/apis/Admin/getLanguageTestList.ts b/apps/web/src/apis/Admin/getLanguageTestList.ts
index 3192c406..28cd6fd4 100644
--- a/apps/web/src/apis/Admin/getLanguageTestList.ts
+++ b/apps/web/src/apis/Admin/getLanguageTestList.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { adminApi, type LanguageTestListResponse } from "./api";
 
-const useGetLanguageTestList = (params?: Record<string, any>) => {
+const useGetLanguageTestList = (params?: Record<string, unknown>) => {
   return useQuery<LanguageTestListResponse, AxiosError>({
     queryKey: [QueryKeys.Admin.languageTestList, params],
     queryFn: () => adminApi.getLanguageTestList(params ? { params } : {}),
diff --git a/apps/web/src/apis/applications/api.ts b/apps/web/src/apis/applications/api.ts
index 5837a038..6e233dd5 100644
--- a/apps/web/src/apis/applications/api.ts
+++ b/apps/web/src/apis/applications/api.ts
@@ -51,7 +51,7 @@ export const applicationsApi = {
   /**
    * 경쟁자 목록 조회
    */
-  getCompetitors: async (config?: { params?: Record<string, any> }): Promise<CompetitorsResponse> => {
+  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/web/src/apis/applications/getCompetitors.ts b/apps/web/src/apis/applications/getCompetitors.ts
index e137b9bd..6b3bda67 100644
--- a/apps/web/src/apis/applications/getCompetitors.ts
+++ b/apps/web/src/apis/applications/getCompetitors.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { applicationsApi, type CompetitorsResponse } from "./api";
 
-const useGetCompetitors = (params?: Record<string, any>) => {
+const useGetCompetitors = (params?: Record<string, unknown>) => {
   return useQuery<CompetitorsResponse, AxiosError>({
     queryKey: [QueryKeys.applications.competitors, params],
     queryFn: () => applicationsApi.getCompetitors(params ? { params } : {}),
diff --git a/apps/web/src/apis/community/api.ts b/apps/web/src/apis/community/api.ts
index 0ffc27fb..64eab740 100644
--- a/apps/web/src/apis/community/api.ts
+++ b/apps/web/src/apis/community/api.ts
@@ -70,12 +70,12 @@ export const communityApi = {
     return publicAxiosInstance.get(`/boards/${boardCode}`, { params });
   },
 
-  getBoardList: async (params?: Record<string, any>): Promise<BoardListResponse> => {
+  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, any>): Promise<BoardResponse> => {
+  getBoard: async (boardCode: string, params?: Record<string, unknown>): Promise<BoardResponse> => {
     const res = await axiosInstance.get<BoardResponse>(`/boards/${boardCode}`, { params });
     return res.data;
   },
diff --git a/apps/web/src/apis/community/getBoard.ts b/apps/web/src/apis/community/getBoard.ts
index 7e3174e5..f4614784 100644
--- a/apps/web/src/apis/community/getBoard.ts
+++ b/apps/web/src/apis/community/getBoard.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type BoardResponse, communityApi } from "./api";
 
-const useGetBoard = (boardCode: string | number, params?: Record<string, any>) => {
+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),
diff --git a/apps/web/src/apis/community/getBoardList.ts b/apps/web/src/apis/community/getBoardList.ts
index e1455822..b431eb01 100644
--- a/apps/web/src/apis/community/getBoardList.ts
+++ b/apps/web/src/apis/community/getBoardList.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type BoardListResponse, communityApi } from "./api";
 
-const useGetBoardList = (params?: Record<string, any>) => {
+const useGetBoardList = (params?: Record<string, unknown>) => {
   return useQuery<BoardListResponse, AxiosError>({
     queryKey: [QueryKeys.community.boardList, params],
     queryFn: () => communityApi.getBoardList(params ? { params } : {}),
diff --git a/apps/web/src/apis/kakao-api/api.ts b/apps/web/src/apis/kakao-api/api.ts
index 935a1bc6..73d7b358 100644
--- a/apps/web/src/apis/kakao-api/api.ts
+++ b/apps/web/src/apis/kakao-api/api.ts
@@ -9,7 +9,7 @@ export type KakaoUnlinkRequest = Record<string, never>;
 export type KakaoInfoResponse = undefined;
 
 export const kakaoApiApi = {
-  getKakaoUserIds: async (params: { params?: Record<string, any> }): Promise<KakaoUserIdsResponse> => {
+  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,
     });
@@ -24,7 +24,7 @@ export const kakaoApiApi = {
     return res.data;
   },
 
-  getKakaoInfo: async (params: { params?: Record<string, any> }): Promise<KakaoInfoResponse> => {
+  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 },
diff --git a/apps/web/src/apis/kakao-api/getKakaoInfo.ts b/apps/web/src/apis/kakao-api/getKakaoInfo.ts
index 2c5482dc..6ed75f14 100644
--- a/apps/web/src/apis/kakao-api/getKakaoInfo.ts
+++ b/apps/web/src/apis/kakao-api/getKakaoInfo.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type KakaoInfoResponse, kakaoApiApi } from "./api";
 
-const useGetKakaoInfo = (params?: Record<string, any>) => {
+const useGetKakaoInfo = (params?: Record<string, unknown>) => {
   return useQuery<KakaoInfoResponse, AxiosError>({
     queryKey: [QueryKeys["kakao-api"].kakaoInfo, params],
     queryFn: () => kakaoApiApi.getKakaoInfo(params ? { params } : {}),
diff --git a/apps/web/src/apis/kakao-api/getKakaoUserIds.ts b/apps/web/src/apis/kakao-api/getKakaoUserIds.ts
index 89159426..1da936b4 100644
--- a/apps/web/src/apis/kakao-api/getKakaoUserIds.ts
+++ b/apps/web/src/apis/kakao-api/getKakaoUserIds.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type KakaoUserIdsResponse, kakaoApiApi } from "./api";
 
-const useGetKakaoUserIds = (params?: Record<string, any>) => {
+const useGetKakaoUserIds = (params?: Record<string, unknown>) => {
   return useQuery<KakaoUserIdsResponse, AxiosError>({
     queryKey: [QueryKeys["kakao-api"].kakaoUserIds, params],
     queryFn: () => kakaoApiApi.getKakaoUserIds(params ? { params } : {}),
diff --git a/apps/web/src/apis/mentor/api.ts b/apps/web/src/apis/mentor/api.ts
index d4069700..88910738 100644
--- a/apps/web/src/apis/mentor/api.ts
+++ b/apps/web/src/apis/mentor/api.ts
@@ -184,7 +184,7 @@ export const mentorApi = {
   getMatchedMentors: async (params: {
     defaultSize: string | number;
     defaultPage: string | number;
-    params?: Record<string, any>;
+    params?: Record<string, unknown>;
   }): Promise<MatchedMentorsResponse> => {
     const { defaultSize, defaultPage, params: queryParams } = params;
     const res = await axiosInstance.get<MatchedMentorsResponse>(
diff --git a/apps/web/src/apis/mentor/getMatchedMentors.ts b/apps/web/src/apis/mentor/getMatchedMentors.ts
index c89239f1..7b30c622 100644
--- a/apps/web/src/apis/mentor/getMatchedMentors.ts
+++ b/apps/web/src/apis/mentor/getMatchedMentors.ts
@@ -6,7 +6,7 @@ import { type MatchedMentorsResponse, mentorApi } from "./api";
 const useGetMatchedMentors = (
   defaultSize: string | number,
   defaultPage: string | number,
-  params?: Record<string, any>,
+  params?: Record<string, unknown>,
 ) => {
   return useQuery<MatchedMentorsResponse, AxiosError>({
     queryKey: [QueryKeys.mentor.matchedMentors, defaultSize, defaultPage, params],
diff --git a/apps/web/src/apis/universities/api.ts b/apps/web/src/apis/universities/api.ts
index 56b2bb19..6b0055a3 100644
--- a/apps/web/src/apis/universities/api.ts
+++ b/apps/web/src/apis/universities/api.ts
@@ -138,7 +138,7 @@ export const universitiesApi = {
     return res.data;
   },
 
-  getWishList: async (params: { params?: Record<string, any> }): Promise<WishListResponse> => {
+  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;
   },
@@ -161,7 +161,7 @@ export const universitiesApi = {
 
   getIsWish: async (params: {
     univApplyInfoId: string | number;
-    params?: Record<string, any>;
+    params?: Record<string, unknown>;
   }): Promise<IsWishResponse> => {
     const res = await axiosInstance.get<IsWishResponse>(`/univ-apply-infos/${params.univApplyInfoId}/like`, {
       params: params?.params,
@@ -181,14 +181,14 @@ export const universitiesApi = {
     return res.data;
   },
 
-  getSearchFilter: async (params?: { params?: Record<string, any> }): Promise<SearchFilterResponse> => {
+  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, any> }): Promise<ByRegionCountryResponse> => {
+  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/web/src/apis/universities/getByRegionCountry.ts b/apps/web/src/apis/universities/getByRegionCountry.ts
index 43e04cbf..ae66da51 100644
--- a/apps/web/src/apis/universities/getByRegionCountry.ts
+++ b/apps/web/src/apis/universities/getByRegionCountry.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type ByRegionCountryResponse, universitiesApi } from "./api";
 
-const useGetByRegionCountry = (params?: Record<string, any>) => {
+const useGetByRegionCountry = (params?: Record<string, unknown>) => {
   return useQuery<ByRegionCountryResponse, AxiosError>({
     queryKey: [QueryKeys.universities.byRegionCountry, params],
     queryFn: () => universitiesApi.getByRegionCountry(params ? { params } : {}),
diff --git a/apps/web/src/apis/universities/getIsWish.ts b/apps/web/src/apis/universities/getIsWish.ts
index a1d54a65..8d8e85c5 100644
--- a/apps/web/src/apis/universities/getIsWish.ts
+++ b/apps/web/src/apis/universities/getIsWish.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type IsWishResponse, universitiesApi } from "./api";
 
-const useGetIsWish = (univApplyInfoId: string | number, params?: Record<string, any>) => {
+const useGetIsWish = (univApplyInfoId: string | number, params?: Record<string, unknown>) => {
   return useQuery<IsWishResponse, AxiosError>({
     queryKey: [QueryKeys.universities.isWish, univApplyInfoId, params],
     queryFn: () => universitiesApi.getIsWish({ univApplyInfoId, params }),
diff --git a/apps/web/src/apis/universities/getSearchFilter.ts b/apps/web/src/apis/universities/getSearchFilter.ts
index 54499e93..c881c955 100644
--- a/apps/web/src/apis/universities/getSearchFilter.ts
+++ b/apps/web/src/apis/universities/getSearchFilter.ts
@@ -27,7 +27,7 @@ const useGetUniversitySearchByFilter = (
 ) => {
   // 필터 파라미터 구성
   const buildParams = () => {
-    const params: Record<string, any> = {};
+    const params: Record<string, unknown> = {};
     if (filters.languageTestType) {
       params.languageTestType = filters.languageTestType;
     }
diff --git a/apps/web/src/apis/users/api.ts b/apps/web/src/apis/users/api.ts
index d91558fd..0fca8aef 100644
--- a/apps/web/src/apis/users/api.ts
+++ b/apps/web/src/apis/users/api.ts
@@ -25,7 +25,7 @@ export interface BlockedUsersResponse {
 }
 
 export const usersApi = {
-  getNicknameExists: async (params: { params?: Record<string, any> }): Promise<NicknameExistsResponse> => {
+  getNicknameExists: async (params: { params?: Record<string, unknown> }): Promise<NicknameExistsResponse> => {
     const res = await axiosInstance.get<NicknameExistsResponse>(`/users/exists?nickname=abc`, {
       params: params?.params,
     });
@@ -45,7 +45,7 @@ export const usersApi = {
     return res.data;
   },
 
-  getBlockedUsers: async (params: { params?: Record<string, any> }): Promise<BlockedUsersResponse> => {
+  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/web/src/apis/users/getBlockedUsers.ts b/apps/web/src/apis/users/getBlockedUsers.ts
index c244cb09..44bc7b51 100644
--- a/apps/web/src/apis/users/getBlockedUsers.ts
+++ b/apps/web/src/apis/users/getBlockedUsers.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type BlockedUsersResponse, usersApi } from "./api";
 
-const useGetBlockedUsers = (params?: Record<string, any>) => {
+const useGetBlockedUsers = (params?: Record<string, unknown>) => {
   return useQuery<BlockedUsersResponse, AxiosError>({
     queryKey: [QueryKeys.users.blockedUsers, params],
     queryFn: () => usersApi.getBlockedUsers(params ? { params } : {}),
diff --git a/apps/web/src/apis/users/getNicknameExists.ts b/apps/web/src/apis/users/getNicknameExists.ts
index d86f151e..86224fd4 100644
--- a/apps/web/src/apis/users/getNicknameExists.ts
+++ b/apps/web/src/apis/users/getNicknameExists.ts
@@ -3,7 +3,7 @@ import type { AxiosError } from "axios";
 import { QueryKeys } from "../queryKeys";
 import { type NicknameExistsResponse, usersApi } from "./api";
 
-const useGetNicknameExists = (params?: Record<string, any>) => {
+const useGetNicknameExists = (params?: Record<string, unknown>) => {
   return useQuery<NicknameExistsResponse, AxiosError>({
     queryKey: [QueryKeys.users.nicknameExists, params],
     queryFn: () => usersApi.getNicknameExists(params ? { params } : {}),
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index d2a995d0..4cba4cd3 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -59,6 +59,7 @@ export const viewport: Viewport = {
   initialScale: 1,
   maximumScale: 5,
   userScalable: true,
+  viewportFit: "cover", // iOS Safe Area support
 };
 
 const RootLayout = ({ children }: { children: React.ReactNode }) => (
diff --git a/apps/web/src/app/my/apply-mentor/_components/UniversityScreen/index.tsx b/apps/web/src/app/my/apply-mentor/_components/UniversityScreen/index.tsx
index 25fe0a72..39052685 100644
--- a/apps/web/src/app/my/apply-mentor/_components/UniversityScreen/index.tsx
+++ b/apps/web/src/app/my/apply-mentor/_components/UniversityScreen/index.tsx
@@ -3,12 +3,15 @@
 import clsx from "clsx";
 import { useMemo, useRef } from "react";
 import { useFormContext } from "react-hook-form";
+import type { z } from "zod";
 import { useUniversitySearch } from "@/apis/universities";
 import BlockBtn from "@/components/button/BlockBtn";
 
 import { mentorRegionList } from "@/constants/regions";
 import { toast } from "@/lib/zustand/useToastStore";
-import type { MentorApplicationFormData } from "../../_lib/schema";
+import type { mentorApplicationSchema } from "../../_lib/schema";
+
+type FormValues = z.input<typeof mentorApplicationSchema>;
 
 type UniversityScreenProps = {
   onNext: () => void;
@@ -20,7 +23,7 @@ const UniversityScreen = ({ onNext }: UniversityScreenProps) => {
     setValue,
     trigger,
     formState: { errors },
-  } = useFormContext<MentorApplicationFormData>();
+  } = useFormContext<FormValues>();
 
   const fileInputRef = useRef<HTMLInputElement>(null);
 
@@ -56,7 +59,7 @@ const UniversityScreen = ({ onNext }: UniversityScreenProps) => {
       if (fileInputRef.current) {
         fileInputRef.current.value = "";
       }
-      setValue("verificationFile", null as any);
+      setValue("verificationFile", null);
       toast.error("파일 형식은 png, jpg, pdf만 허용됩니다.");
       return;
     }
@@ -66,7 +69,7 @@ const UniversityScreen = ({ onNext }: UniversityScreenProps) => {
       if (fileInputRef.current) {
         fileInputRef.current.value = "";
       }
-      setValue("verificationFile", null as any);
+      setValue("verificationFile", null);
       toast.error("파일 크기는 10MB 이하여야 합니다.");
       return;
     }
@@ -75,7 +78,7 @@ const UniversityScreen = ({ onNext }: UniversityScreenProps) => {
   };
 
   const handleRemoveFile = () => {
-    setValue("verificationFile", null as any);
+    setValue("verificationFile", null as File | null);
     if (fileInputRef.current) {
       fileInputRef.current.value = "";
     }
diff --git a/apps/web/src/app/my/apply-mentor/_lib/schema.ts b/apps/web/src/app/my/apply-mentor/_lib/schema.ts
index 079c8d1e..b4db65d6 100644
--- a/apps/web/src/app/my/apply-mentor/_lib/schema.ts
+++ b/apps/web/src/app/my/apply-mentor/_lib/schema.ts
@@ -1,5 +1,22 @@
 import { z } from "zod";
 
+const verificationFileSchema = z
+  .union([z.instanceof(File), z.null(), z.undefined()])
+  .refine((file) => file !== null && file !== undefined, {
+    message: "증명 서류(파일)를 업로드해 주세요.",
+  })
+  .refine(
+    (file) => {
+      if (!file) return false;
+      const allowedTypes = ["image/png", "image/jpeg", "image/jpg", "application/pdf"];
+      return allowedTypes.includes(file.type);
+    },
+    {
+      message: "파일 형식은 png, jpg, pdf만 허용됩니다.",
+    },
+  )
+  .transform((file) => file!);
+
 export const mentorApplicationSchema = z.object({
   // Step 1: 관심 국가
   interestedCountries: z.array(z.string()).min(1, "관심 국가를 하나 이상 선택해주세요."),
@@ -7,19 +24,7 @@ export const mentorApplicationSchema = z.object({
   // Step 2: 수학 학교
   country: z.string().min(1, "국가를 선택해주세요."),
   universityName: z.string().min(1, "학교를 선택해주세요."),
-  verificationFile: z
-    .instanceof(File, {
-      message: "증명 서류(파일)를 업로드해 주세요.",
-    })
-    .refine(
-      (file) => {
-        const allowedTypes = ["image/png", "image/jpeg", "image/jpg", "application/pdf"];
-        return allowedTypes.includes(file.type);
-      },
-      {
-        message: "파일 형식은 png, jpg, pdf만 허용됩니다.",
-      },
-    ),
+  verificationFile: verificationFileSchema,
 
   // Step 3: 준비 단계
   studyStatus: z.enum(["PLANNING", "STUDYING", "COMPLETED"], {
diff --git a/apps/web/src/app/my/apply-mentor/page.tsx b/apps/web/src/app/my/apply-mentor/page.tsx
index 70293c90..7e69f210 100644
--- a/apps/web/src/app/my/apply-mentor/page.tsx
+++ b/apps/web/src/app/my/apply-mentor/page.tsx
@@ -4,6 +4,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
+import type { z } from "zod";
 import { usePostMentorApplication } from "@/apis/mentor";
 import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
 import { Progress } from "@/components/ui/Progress";
@@ -12,19 +13,22 @@ import CompletionScreen from "./_components/CompletionScreen";
 import InterestCountriesScreen from "./_components/InterestCountriesScreen";
 import StudyStatusScreen from "./_components/StudyStatusScreen";
 import UniversityScreen from "./_components/UniversityScreen";
-import { type MentorApplicationFormData, mentorApplicationSchema } from "./_lib/schema";
+import { mentorApplicationSchema } from "./_lib/schema";
+
+type FormInputValues = z.input<typeof mentorApplicationSchema>;
+type FormOutputValues = z.output<typeof mentorApplicationSchema>;
 
 const ApplyMentorPage = () => {
   const router = useRouter();
   const [step, setStep] = useState<number>(1);
 
-  const methods = useForm<MentorApplicationFormData>({
+  const methods = useForm<FormInputValues>({
     resolver: zodResolver(mentorApplicationSchema),
     defaultValues: {
       interestedCountries: [],
       country: "",
       universityName: "",
-      verificationFile: undefined as any,
+      verificationFile: undefined,
       studyStatus: undefined,
     },
     mode: "onChange",
@@ -42,12 +46,7 @@ const ApplyMentorPage = () => {
 
   const progress = ((step - 1) / 3) * 100;
 
-  const onSubmit = methods.handleSubmit((data) => {
-    if (!data.verificationFile) {
-      toast.error("증명서 파일을 업로드해주세요.");
-      return;
-    }
-
+  const onSubmit = methods.handleSubmit((data: FormOutputValues) => {
     postMentorApplication(
       {
         interestedCountries: data.interestedCountries,
@@ -59,7 +58,7 @@ const ApplyMentorPage = () => {
       {
         onSuccess: () => {
           toast.success("멘토 신청이 완료되었습니다.");
-          goNextStep(); // Go to completion screen
+          goNextStep();
         },
       },
     );
diff --git a/apps/web/src/app/university/application/ScorePageContent.tsx b/apps/web/src/app/university/application/ScorePageContent.tsx
index 79fd5766..63c65956 100644
--- a/apps/web/src/app/university/application/ScorePageContent.tsx
+++ b/apps/web/src/app/university/application/ScorePageContent.tsx
@@ -7,7 +7,6 @@ import ConfirmCancelModal from "@/components/modal/ConfirmCancelModal";
 import ButtonTab from "@/components/ui/ButtonTab";
 import Tab from "@/components/ui/Tab";
 import { REGIONS_KO } from "@/constants/university";
-import { toast } from "@/lib/zustand/useToastStore";
 import type { ScoreSheet as ScoreSheetType } from "@/types/application";
 import type { RegionKo } from "@/types/university";
 import ScoreSearchBar from "./ScoreSearchBar";
@@ -23,7 +22,7 @@ interface ScoreData {
 
 const ScorePageContent = () => {
   const router = useRouter();
-  const searchRef = useRef<HTMLInputElement>(null);
+  const searchRef = useRef<HTMLInputElement | null>(null);
 
   const [searchActive, setSearchActive] = useState(false);
   const [preference, setPreference] = useState<"1순위" | "2순위" | "3순위">("1순위");
diff --git a/apps/web/src/app/university/application/ScoreSheet.tsx b/apps/web/src/app/university/application/ScoreSheet.tsx
index 4ff3285f..3e373eb1 100644
--- a/apps/web/src/app/university/application/ScoreSheet.tsx
+++ b/apps/web/src/app/university/application/ScoreSheet.tsx
@@ -1,9 +1,9 @@
 import { useState } from "react";
 import { IconExpandMoreFilled } from "@/public/svgs/community";
-import type { ScoreSheet } from "@/types/application";
+import type { ScoreSheet as ScoreSheetType } from "@/types/application";
 import { languageTestMapping } from "@/types/score";
 
-const ScoreSheet = ({ scoreSheet }: { scoreSheet: ScoreSheet }) => {
+const ScoreSheet = ({ scoreSheet }: { scoreSheet: ScoreSheetType }) => {
   const [tableOpened, setTableOpened] = useState(false);
 
   return (
diff --git a/apps/web/src/components/ui/FloatingUpBtn/hooks/useFloatingUpHandler.ts b/apps/web/src/components/ui/FloatingUpBtn/hooks/useFloatingUpHandler.ts
index 204a0f6e..864a20b7 100644
--- a/apps/web/src/components/ui/FloatingUpBtn/hooks/useFloatingUpHandler.ts
+++ b/apps/web/src/components/ui/FloatingUpBtn/hooks/useFloatingUpHandler.ts
@@ -1,15 +1,15 @@
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 const useFloatingUpHandler = (scrollYThreshold: number = 400) => {
   const [isVisible, setIsVisible] = useState(false);
 
-  const handleScroll = () => {
+  const handleScroll = useCallback(() => {
     if (window.scrollY > scrollYThreshold) {
       setIsVisible(true);
     } else {
       setIsVisible(false);
     }
-  };
+  }, [scrollYThreshold]);
 
   const handleClick = () => {
     window.scrollTo({
diff --git a/apps/web/src/components/ui/UniverSityCard/index.tsx b/apps/web/src/components/ui/UniverSityCard/index.tsx
index 48e6c814..2459d16c 100644
--- a/apps/web/src/components/ui/UniverSityCard/index.tsx
+++ b/apps/web/src/components/ui/UniverSityCard/index.tsx
@@ -36,11 +36,7 @@ const UniversityCard = ({ university, showCapacity = true }: UniversityCardProps
             </div>
 
             <div className="flex flex-col">
-              <span
-                id={`university-name-${university.id}`}
-                className="truncate text-k-700 typo-bold-4"
-                aria-label={convertedKoreanName}
-              >
+              <span id={`university-name-${university.id}`} className="truncate text-k-700 typo-bold-4">
                 {convertedKoreanName}
               </span>
               <div className="flex items-center gap-2.5">
diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css
index 49dcff3b..ec70a401 100644
--- a/apps/web/src/styles/globals.css
+++ b/apps/web/src/styles/globals.css
@@ -3,6 +3,14 @@
 @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;
@@ -14,6 +22,11 @@
   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);
   }
 }