# InsuRo 인트로 — 모바일에서 IR 로고 미표시 수정

## 작업 레벨: Lv.1

## 프로젝트
- InsuRo: `/home/jay/projects/InsuRo`

## 문제
PC에서는 히어로 섹션이 2컬럼(왼쪽 텍스트 + 오른쪽 IR 로고)으로 정상 표시되지만, 모바일(375px)에서는 로고가 아예 보이지 않음.

## 현재 코드
`src/pages/Intro.tsx` 히어로 섹션:
- 2컬럼: `flex flex-col md:flex-row`
- 로고: `shrink-0` + `hidden md:block` 또는 유사 클래스로 모바일에서 숨겨져 있을 수 있음

## 수정 사항
모바일에서 로고를 텍스트 아래에 표시:

```tsx
{/* 오른쪽: 로고 — 모바일에서도 표시 */}
<div className="shrink-0 flex justify-center md:justify-end">
  <img 
    src="/insuro-logo-new.jpg" 
    alt="InsuRo 로고" 
    className="w-32 md:w-64 h-auto rounded-xl"
  />
</div>
```

- 모바일: 텍스트 아래에 로고 가운데 정렬, 크기 w-32 (128px)
- 데스크탑: 오른쪽 정렬, 크기 w-64 (256px)
- `hidden md:block` 같은 숨김 클래스가 있으면 제거

## affected_files
- `src/pages/Intro.tsx` (수정 — 로고 모바일 표시)

## 검증 시나리오
1. 모바일(375px)에서 IR 로고가 텍스트 아래에 가운데 정렬로 표시
2. 데스크탑에서 기존 2컬럼 레이아웃 유지
3. npm run build 성공