본문 바로가기

템플릿 사이트 입니다

1차메뉴명

선택된 cms4차메뉴 .active
cms4차메뉴 새창 개발처리
cms4차메뉴 개발처리
cms4차메뉴 개발처리
cms4차메뉴 개발처리
cms4차메뉴 개발처리
cms4차메뉴 개발처리 메뉴명 두줄떨어짐까지

H3 타이틀 24px #000

H4 타이틀 22px #026bdd

H5 타이틀 22px #026bdd

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이

순서가 없는 목록 (ul li , .bu li , 3차 목록까지 css 적용되어있음)

  • 순서가 없는 목록입니다 폰트 크기 15px 폰트색상 #555 행간 28pt
  • 순서가 없는 목록입니다
  • 순서가 없는 목록입니다
  • 순서가 없는 목록입니다
    • 폰트크기 15px 폰트색상 #555
    • 폰트크기 15px 폰트색상 #555
    • 폰트크기 15px 폰트색상 #555
    • 폰트크기 15px 폰트색상 #555
      • 폰트크기 14px 폰트색상#777
      • 폰트크기 14px 폰트색상#777
      • 폰트크기 14px 폰트색상#777

순서가 있는 목록 (ol li , .num li , 1차 목록까지 css 적용되어있음)

  1. 1순서가 있는 목록입니다
  2. 2순서가 있는 목록입니다
  3. 3순서가 있는 목록입니다
  4. 4순서가 있는 목록입니다
  5. 5순서가 있는 목록입니다
  6. 6순서가 있는 목록입니다
  7. 7순서가 있는 목록입니다
  8. 8순서가 있는 목록입니다
  9. 9순서가 있는 목록입니다
  10. 10순서가 있는 목록입니다
    • sfdkjlskdf
      • sdfjlksdf
  • 1ul.num 1차
    • 2차
      • 3차

블릿 (.blt)

블릿 블릿

블릿 블릿

테이블 (.table) // 공통마진 : martin-top:15px , margin-bottom:30px

테이블 - 제목 #026bdd, 제목 #026bdd, 제목 #026bdd
제목 #026bdd 제목 #026bdd 제목 #026bdd
내용입니다 내용입니다
  • 리스트 좌측정렬
    • 리스트 좌측정렬
    • 리스트 좌측정렬
      • 리스트 좌측정렬
  • 리스트 좌측정렬
  • 리스트 좌측정렬
  1. 1리스트 좌측정렬
  2. 2리스트 좌측정렬
  3. 3리스트 좌측정렬

테이블 타입2 (thead 없음) (.table.type2)

테이블제목 - 순으로 정보를 제공하고 있습니다.
제목1 내용 내용
제목2
  1. 1리스트 좌측정렬
  2. 2리스트 좌측정렬
  3. 3리스트 좌측정렬
  • 리스트 좌측정렬
  • 리스트 좌측정렬
  • 리스트 좌측정렬

테이블 tr_over (.table.tr_over)

제목 - 내용
타이틀 두줄일때
16pt #026bdd		 타이틀 타이틀
소제목 소제목 소제목
th scope="row" 행정각부의 장은 국무위원 중에서 국무총리의 제청으로 대통령이 임명한다.행정각부의 장은 국무위원 중에서 국무총리의 제청으로 대통령이 임명한다.행정각부의 장은 국무위원 중에서 국무총리의 제청으로 대통령이 임명한다. 내용
th scope="row" td td
th scope="row" td td
th scope="row" td td

반응형 테이블 (.table.responsive)

반응형 테이블 - 내용
제목1 제목2 제목3
내용1 내용1 내용1
내용2 내용2
  • 내용2
  • 내용2
  • 내용2
내용3 내용3
  1. 1내용3 내용3
  2. 2내용3 내용3

스크롤 테이블 (.table_scroll > .table)

스크롤 테이블 - 내용
제목 제목
내용 내용

기본 박스(min-height:166px 참고) (.box > .box_wrap)

타이틀 20px #000 (.title)

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려

테두리 변경 박스 (.box.radius > .box_wrap)

타이틀 20px #000 (.title)

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려

포인트 박스 (.box.point > .box_wrap)

타이틀 20px #000 (.title)

포인트 박스 왼쪽 옆 아이콘은 i태그.deco 의 before에 이미지 삽입, 변경 될 시 i.deco.type2, i.deco.type3 이런식으로 이미지 추가 예정

크기는16px 폰트는Noto Sans CJK KR 컬러는#555 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려
디자인 없음
디자인 없음
디자인 없음
디자인 없음
이미지 이미지 확대보기
제목있을경우 현재위치 태그삽입
디자인 없음

모양만 사용