[saeki p&c] component guide
color swatches
| Main | Point | Font | Face | line | |
|---|---|---|---|---|---|
|
#1181f1 |
#dc042b |
#222 |
#f2f2f2 |
#e5e5e5 * 기본라인 |
#d7d7d7 * textfield |
|
#666 |
#e5e5e5 |
#bdbdbd * checkbox |
#999 * tab-default |
||
|
#999 |
#222 * tab-active |
||||
checkbox / radio
| Checkbox Style A | Checkbox Style B | Radio | |
|---|---|---|---|
| Disabled empty |
|
|
|
| Nomal |
|
|
|
| Checked |
|
|
|
buttn A type
| 기본 | 선 | 회색선 | 회색배경 | 검은배경 | 회색배경(회색폰트) | |
|---|---|---|---|---|---|---|
| Disabled empty | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 |
| Nomal | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 |
| Disabled empty(small) | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 |
| Nomal(small) | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 |
| Disabled empty(x-small) | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 |
| Nomal(x-small) | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 | 버튼 |
buttn B type
| 기본 | 선 | 회색선 | 회색배경 | 검은배경 | 회색배경(회색폰트) | ||||
|---|---|---|---|---|---|---|---|---|---|
| Nomal | 버튼 | 버튼 | 버튼 | 버튼 | 취소 | 버튼 | 버튼 | 버튼 | 버튼 |
text field
datepicker
| Nomal |
~
|
|---|---|
| Disabled empty |
|
Dropdowns
| Style A | Style B | |
|---|---|---|
| Disabled empty | ||
| Nomal |
textarea
| 200 (height 130) |
0/200 자
|
|---|---|
| 300 (height 200) |
0/300 자
|
| 500 (height 200) |
0/500 자
|
location
- home
- 주문결재
sns
bullet
- 주문 취소 및 배송지 변경은 '결제완료' 상태에서만 가능합니다.
- 반품 시 사유 확인 후 반품 배송비 부과될 수 있으며, 특정 상품의 경우 반품 시 화물배송비가 부과될 수 있습니다.
- 무통장 입금 시 농협, 국민, 우체국, 부산,
SC제일은행은 통장/카드 없이 현금으로 ATM 기기 입금이 불가능합니다.
- 주문 취소 및 배송지 변경은 '결제완료' 상태에서만 가능합니다.
- 반품 시 사유 확인 후 반품 배송비 부과될 수 있으며, 특정 상품의 경우 반품 시 화물배송비가 부과될 수 있습니다.
- 무통장 입금 시 농협, 국민, 우체국, 부산,
SC제일은행은 통장/카드 없이 현금으로 ATM 기기 입금이 불가능합니다.
bullet style-B
- 개인정보(고객정보, 핸드폰 번호, 송장 번호)를 기재하지 마십시오
- 이미 주문하신 상품에 대한 서비스 불편사항은 주문내역이 확인되는 1:1 상담을 이용하시기 바랍니다.
- 개인정보(고객정보, 핸드폰 번호, 송장 번호)를 기재하지 마십시오
- 이미 주문하신 상품에 대한 서비스 불편사항은 주문내역이 확인되는 1:1 상담을 이용하시기 바랍니다.
비회원 조회가 되지 않는 경우, 세기 고객센터(02-3668-3114)으로 문의주세요.
컨텐츠 내역없음
accordion
-
Accordion title01
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius.
-
Accordion title02
Nobis, reiciendis itaque ab sapiente dicta odio culpa ipsa sunt doloremque? Blanditiis inventore alias dolor perferendis quia. Unde omnis dicta eveniet itaque officiis! Repellat, temporibus, est autem expedita hic voluptatum.
-
Accordion title03
Nulla, omnis, dolorum, quae minus accusantium porro inventore sit totam fugit ducimus obcaecati vel adipisci praesentium optio quaerat officiis doloribus laudantium dolore debitis earum cupiditate a odio eum amet architecto. Vitae, architecto aspernatur obcaecati repudiandae voluptatibus molestias dolore. Nostrum, soluta eos dolorem sed tenetur. Dolores, ab cupiditate quibusdam sit labore praesentium repellendus doloribus ipsa minima rem fugit eveniet quis minus. Nulla, omnis, dolorum, quae minus accusantium porro inventore sit totam fugit ducimus obcaecati vel adipisci praesentium optio quaerat officiis doloribus laudantium dolore debitis earum cupiditate a odio eum amet architecto. Vitae, architecto aspernatur obcaecati repudiandae voluptatibus molestias dolore. Nostrum, soluta eos dolorem sed tenetur. Dolores, ab cupiditate quibusdam sit labore praesentium repellendus doloribus ipsa minima rem fugit eveniet quis minus.
-
Accordion title04
Quos, animi saepe deserunt illo incidunt iste dolor dolore. Aliquid, recusandae, velit, iusto quos fugit impedit sequi assumenda quas tempora sed labore omnis aliquam ab deleniti rem ratione sit? Voluptatem.
accordion style-B
-
Q삭제
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam.
-
Q삭제
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam.
-
Q
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam.
A삭제Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius.
-
Q
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam.
A삭제Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, fugiat repellendus facilis a accusantium alias ex error voluptate! Doloribus, nihil, repudiandae? Sed, voluptas, dolores dolor neque asperiores labore debitis ipsam. Ipsam, necessitatibus, ab aliquid sint error consectetur beatae aut dolor animi debitis praesentium quibusdam assumenda a officia quos voluptatum tempora officiis hic vero provident architecto quidem ipsa sed voluptatibus eius.
tab
tab style2
tab style-B
tab style-B style2
- Tab title01 Tab title01 Tab title01
- Tab title02 Tab title02 Tab title02
- Tab title03 Tab title03 Tab title03
- Tab title04 Tab title04 Tab title04
- Tab title05 Tab title05 Tab title05
- Tab title06 Tab title06 Tab title06
- Tab title07 Tab title07 Tab title07