현대해상 다이렉트

Checkbox

상태별

Default

라벨명 Default

checked

라벨명 checked

disabled

라벨명 disabled

checked + reaonly

라벨명 checked disabled

더보기 유형 - 1

확장형

장례비보장(반려견)

15만원

확장형 + 더보기 유형

슬관절 확장보장II(반려견) 새로 나왔어요

Size별

라벨명 Xlarge

라벨명 Large

라벨명 Medium

라벨명 Small

.checkbox_group_wrap

Default(Row)

라벨명 Default

라벨명 checked

라벨명 disabled

라벨명 checked disabled

Column

라벨명 type01 : 내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.

라벨명 type02 : 내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.

라벨명 type03 : 내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.

Column Case - checkbox 간격

Xlarge(.chk_label_ty2) - 간격 24px

라벨명 Xlarge

Large(.chk_label_ty3) - 간격 24px

라벨명 Large

Medium(default) - 간격 20px

라벨명 Medium

Small(.chk_label_ty4) - 간격 16px

라벨명 Small

.rd_box

Default + help text

라벨명 Default부가적인 설명이 들어갑니다.

라벨명 checked부가적인 설명이 들어갑니다.

라벨명 disabled부가적인 설명이 들어갑니다.

라벨명 checked disabled부가적인 설명이 들어갑니다.

.rd_box > Default

라벨명 Default

라벨명 checked

라벨명 disabled

라벨명 checked disabled

.rd_box > Default + help text

라벨명 Default부가적인 설명이 들어갑니다.

라벨명 checked부가적인 설명이 들어갑니다.

라벨명 disabled부가적인 설명이 들어갑니다.

라벨명 checked disabled부가적인 설명이 들어갑니다.

현대카드 M포인트 사용 (최소 1,000P부터 30,000P까지 이용 가능)

.rd_box > Default + help text(.check_hide)

라벨명 Default부가적인 설명이 들어갑니다.

라벨명 checked부가적인 설명이 들어갑니다.

라벨명 disabled부가적인 설명이 들어갑니다.

라벨명 checked disabled부가적인 설명이 들어갑니다.

.rd_box > Default + list

라벨명 Default

리스트 내용
리스트 내용

라벨명 checked

리스트 내용
리스트 내용

라벨명 disabled

리스트 내용
리스트 내용

라벨명 checked disabled

리스트 내용
리스트 내용

.chk_label_ty2

Large_bold

라벨명 Default

라벨명 checked

라벨명 disabled

라벨명 checked disabled

라벨명 Default부가적인 설명이 들어갑니다.

.chk_label_ty3

Large

라벨명 Default

라벨명 checked

라벨명 disabled

라벨명 checked disabled

Large + help text

라벨명 Default부가적인 설명이 들어갑니다.

라벨명 checked부가적인 설명이 들어갑니다.

라벨명 disabled부가적인 설명이 들어갑니다.

라벨명 checked disabled부가적인 설명이 들어갑니다.

.rd_box > Large

필수 라벨명 checked disabled

선택 라벨명 checked disabled

라벨명 Default

라벨명 checked

라벨명 disabled

라벨명 checked disabled

.rd_box > Large + help text

라벨명 Default부가적인 설명이 들어갑니다.

라벨명 checked부가적인 설명이 들어갑니다.

라벨명 disabled부가적인 설명이 들어갑니다.

라벨명 checked disabled부가적인 설명이 들어갑니다.

.rd_box > Large + help text(.check_hide)

라벨명 Default부가적인 설명이 들어갑니다.

라벨명 checked부가적인 설명이 들어갑니다.

라벨명 disabled부가적인 설명이 들어갑니다.

라벨명 checked disabled부가적인 설명이 들어갑니다.

.rd_box > Large + list

라벨명 Default

리스트 내용
리스트 내용

라벨명 checked

리스트 내용
리스트 내용

라벨명 disabled

리스트 내용
리스트 내용

라벨명 checked disabled

리스트 내용
리스트 내용

.rd_box.question > Large

자동차 계약에 질권설정(리스, 대출 등)이 필요한 경우 체크하세요.
통상적인 자동차보험 계약과는 무관합니다.

.chk_label_ty4

None_box

라벨명 Default

라벨명 checked

라벨명 disabled

라벨명 checked disabled

.chk_label_ty5

button_check

승용차

승합차

화물차

기타

small

승용차

승용차 (영업용)

승합차

승합차 (영업용)

large

승용차

승용차 (영업용)

승합차

승합차 (영업용)

.switch_check

Default

switch_medium

switch_medium_disabled

switch_medium:cheked

switch_medium_disabled:cheked

Large

switch_large

switch_large_disabled

switch_large:cheked

switch_large_disabled:cheked

Default + right

switch_medium

switch_medium_disabled

switch_medium:cheked

switch_medium_disabled:cheked

Large + right

switch_large

switch_large_disabled

switch_large:cheked

switch_large_disabled:cheked

.special_contract_list

반려동물 사고 지원금 특약 추가정보입력

5,100원
실속형
- 바둑이 123456789012345
- 냐옹이 123456789054321