# 퍼블리싱 룰 — MCP Plugin (모바일 금융 앱)
> 모든 HTML 퍼블리싱은 이 룰을 기준으로 작성합니다.
---
## 1. 화면 기본 구조
```html
페이지 타이틀
```
---
## 2. 헤더
### 상세 페이지 (뒤로가기 + 중앙 타이틀)
```css
.pg_header {
position: sticky; top: 0; z-index: 50;
height: 55px; background: #fff;
display: flex; align-items: center; justify-content: center;
}
.btn_back {
position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
width: 26px; height: 26px; background: none; border: none; padding: 0; cursor: pointer;
display: flex; align-items: center; justify-content: center;
}
.pg_title { font-size: 17px; font-weight: 500; color: #000; line-height: 25px; }
.btn_icon_r {
position: absolute; right: 7px; top: 50%; transform: translateY(-50%);
width: 32px; height: 32px; background: none; border: none; padding: 0; cursor: pointer;
display: flex; align-items: center; justify-content: center;
}
```
- 뒤로가기 SVG: `` (8×14 viewBox)
- 우측 아이콘: 인라인 SVG 사용 (이미지 파일 없음)
### 메인 페이지 (탭바 포함)
- 헤더 55px + 탭바 40px = 전체 95px
- 모든 CSS는 `common.css`에 정의됨 — 페이지 내 `