기타>스타일가이드

스타일가이드

INPUT,CHECKBOX

      
      

c-tab01

c-tab02

타이틀 스타일1 : .c-tit01

타이틀 스타일2 : .c-tit02

타이틀 스타일3 : .c-tit03

내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.

03. 리스트

c-list01

  • .tit :리스트 스타일 1
  • 긴제목일 경우 제목과 줄바꿈 할 경우 텍스트를 span.txt 로 감싸주면 됨
    • ul > ul 리스트 스타일 1-1
    • ul > ul 리스트 스타일 1-2
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
    • ul > ul 리스트 스타일 1-2

c-list02.han

  • 제목 :ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목
    ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
      내용이 길어지는 경우 일케 출력됨
    • ul > ul 리스트 스타일 1-2

04. 안내문

기본 설명인 경우 : .info-ex (기본 block)

중요 설명인 경우 : .info-ex02 (기본 block)

잘못된 설명인 경우 : .info-ex03 (기본 block) : 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우

기본 설명인 경우 : .info-ex01 (확장 .inline) 중요한 설명인 경우 : .info-ex02 (확장 .inline) 잘못된 표기인 경우 : .info-ex03 (확장 .inline)

안내박스 .info-box (.ico01~.ico04)

타이틀 .info-tit

여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.

  • ico01
  • ico02
  • ico03
  • ico04

안내박스 .info-box02

타이틀 .info-tit
여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.

안내박스 .info-box03

  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • .ico02 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • .ico03 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용

05. 테이블 : tbl-type01

구분 제목1-1 제목1-2
tfoot 왼제목1-1 내용1-1 내용1-2
왼제목1-1 내용1-1 내용1-2
왼제목1-1 내용1-1
구분 제목1-1 제목1-2
tfoot 왼제목1-1 테이블안에 테이블 사용시 내용1-2
왼제목1-1 테이블안에 테이블 사용시 내용1-2

06. 버튼

텍스트 내부링크 스타일 : sico-nwin

컨텐츠 글 내용 중에 링크가 들어가야할 경우 안내하는 사이트를 클릭하세요.

작은컨텐츠 버튼

sw-btn

기본버튼

sg-btn

그레이버튼

sp-btn

컬러버튼

sdp-btn

컬러버튼2

프로그램버튼

bw-btn

화이트버튼

bg-btn

그레이버튼

bp-btn

컬러버튼

bdp-btn

컬러버튼2

회원 버튼

빅화이트버튼

lg-btn

빅그레이버튼

lp-btn

빅컬러버튼

ldp-btn

빅컬러버튼

07. 임시페이지

준비중페이지

자료 준비중입니다.

이용에 불편을 드려 죄송합니다.
더 많은 서비스와 정확한 정보를 전해드리기 위해 준비중입니다.

에러페이지

서비스 이용에 불편을 드려 죄송합니다.

잘못된 주소입력, 주소변경, 주소삭제로 접근이 안되시거나,
예기치 못한 에러가 발생하여 해당 페이지로 접근이 불가능합니다.

빠른 시간내로 정상 서비스 하겠습니다.

안내페이지

안내페이지에 대한 큰내용이오는 곳

안내해야할 내용들이 들어오는 자리로 안정적으로
두줄정도의 텍스트가 오면 가장 적당합니다.