subTitle
subDescription
subPageTitle
text-box headTitle
highlight--blue
contents text
content description
highlight--color (임시색상. 필요한 색 추가하여 variation)
align
algin--left
.algin--left
.algin--left
.algin--left
.algin--left
algin--right
.algin--right
.algin--right
.algin--right
.algin--right
algin--center
.algin--center
.algin--center
.algin--center
.algin--center
bullet
bullet__list--dot
- bulletDot1
- bulletDot2
- bulletDot3
bullet__list--dash
- bulletDsah1
- bulletDsah2
- bulletDsah3
bullet__list--star
- bulletStar1
- bulletStar2
- bulletStar3
bullet__list--ref
- bulletRef1
- bulletRef2
- bulletRef3
bullet__list--num
- 1.bulletNumber1
- 2.bulletNumber2
- 3.bulletNumber3
table
tableCol (.table--col)
tableTitle
| thead 제목1 | thead 제목2 | thead 제목3 |
|---|---|---|
| tbody 내용1 | tbody 내용2 | tbody 내용3 |
tableRow (.table--row)
tableTitle
| thead 제목1 | tbody 내용2 | tbody 내용3 |
|---|---|---|
| 타이틀 텍스트가 두줄인경우(강제개행) |
tbody 내용2 | tbody 내용3 |
tableMix (.table--mix)
| thead 제목1 | thead 제목2 | thead 제목3 |
|---|---|---|
| thead 제목1 | tbody 내용2 | tbody 내용3 |
| 타이틀 텍스트가 두줄인경우(강제개행) |
tbody 내용2 | tbody 내용3 |
form__wrap
input__wrap
select
default
col
col
col type2
checkBox
col
(align--center: checkbox__wrap에 class 추가)
(align--right: checkbox__wrap에 class 추가)
(align--left: checkbox__wrap에 class 추가)
(align--center: checkbox__wrap에 class 추가)
(align--right: checkbox__wrap에 class 추가)
(align--left: checkbox__wrap에 class 추가)
row
radio
col
row
round
square
round border
square border
뒤로/다음 버튼
small size(H:default(40) / font-size: 14)
x-small size(H:30 / font-size: 14)
단독 버튼
btn__download
btn__link
btn__expand
icon
text-box List Case
-
컨텐츠
-
컨텐츠 width2X
-
컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠컨텐츠
-
컨텐츠
-
컨텐츠
text-box Step Case
- 원서작성
- 원서제출
- 원서접수
- 합격발표 (예정)