# 버튼 (button)

| 항목 | 경로 |
|------|------|
| 데모 | `button.html` |
| CSS | `css/button.css` |
| JS | 없음 |
| 이미지 | 없음 |

---

## 크기 / 색

| 클래스 | 용도 |
|--------|------|
| `.sbtn` | small |
| `.mbtn` | medium |
| `.lbtn` | large |
| (기본) | 회색 |
| `.white` | 흰 테두리 |
| `.black` | 검정 |
| `.ccolor` | 강조색 |

```html
<div class="btn-wrap center">
  <button type="button" class="mbtn black">확인</button>
  <a href="#none" class="mbtn white">목록</a>
</div>
```

- `button` = 동작 / `a` = 페이지 이동

---

## 배치

`.btn-wrap` + `.center` | `.left` | `.right` | `.both`

---

## 비활성

```html
<button type="button" class="mbtn" disabled>불가</button>
<a href="#none" class="mbtn disabled" aria-disabled="true" tabindex="-1">불가 링크</a>
```