해당 메뉴명 개발 필요
제목 (h3 ~ h6, .h3 ~ .h6)
H3 타이틀 26pt, Noto Sans CJK KR, Bold #4c4949
H4 타이틀 24pt, Noto Sans CJK KR, Medium #6279cc
H5 타이틀 22pt, Noto Sans CJK KR, #109d6e
H6 타이틀 20pt, Noto Sans CJK KR, #dea200
본문 텍스트
17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다. 17pt #474747 이 곳은 콘텐츠 내용이 들어갑니다.
콘텐츠 내용
강조
강조글자색상1#ea535d 강조글자색상2#17538c 강조글자두께 Regular 강조글자두께 Medium 강조글자두께 Bold안내, 주의
강조안내사항은 이렇게 들어갑니다. 16px #4c80bd
강조주의사항은 이렇게 들어갑니다. 16px #ea535d
강조안내사항
강조주의사항
순서 없는 목록 ul.bu
- 순서가 없는 목록입니다.
- 순서가 없는 목록입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
순서 없는 목록 ul.bu.type2
- 순서가 없는 목록.type2 입니다.
- 순서가 없는 목록.type2 입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
순서없는 목록 ul.bu.type3
- 순서가 없는 목록.type3 입니다.
- 순서가 없는 목록.type3 입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
- 순서가 없는 중첩 목록입니다.
목록없는 불릿 .blt
리스트가 아닌 불릿 텍스트
리스트가 아닌 불릿 텍스트.type2
리스트가 아닌 불릿 텍스트.type3
순차목록 ol.num
- 1순서가 있는 목록입니다.
- 2순서가 있는 목록입니다.
- 3순서가 있는 목록입니다.
- 1
- 2
- 3
순차목록 ol.num.type2
- 1.순서가 있는 목록입니다.
- 2.순서가 있는 목록입니다.
- 3.순서가 있는 목록입니다.
- 1.
- 2.
- 3.
목록 제목
-
타이틀 : 순서가 없는 목록입니다.
-
타이틀 : 순서가 없는 목록입니다.
-
타이틀 : 순서가 없는 목록입니다.
타이틀 : 목록없는 불릿
-
타이틀 : 내용
-
타이틀 : 내용
타이틀 : 목록없는 불릿
목록 교차 사용
- 불릿 타입1
목록없는 불릿1
- 불릿 타입1
목록없는 불릿1
- 불릿 타입1
- 불릿 타입1
-
제목 : 내용
제목 : 내용
- 99제목 : 내용
제목 : 내용
- 제목 : 내용
제목 : 내용
- 제목 : 내용
- 99제목 : 내용
- 불릿 타입1
목록없는 불릿2
- 43불릿 타입1
목록없는 불릿2
- 68불릿 타입1
- 43불릿 타입1
- 불릿 타입1
목록없는 불릿3
- 불릿 타입1
목록없는 불릿3
- 불릿 타입1
- 불릿 타입1
- 1넘버 타입1
- 1넘버 타입1
- 1넘버 타입1
- 1넘버 타입1
- 1.넘버 타입1
- 1.넘버 타입1
- 1.넘버 타입1
- 1.넘버 타입1
테이블 유닛 .table_unit
기본 테이블
기본 타이틀1 | 기본 타이틀2 | 기본 타이틀3 | 기본 타이틀4 |
---|---|---|---|
테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
세로 테이블
타이틀 | 테이블 내용 작성 | 테이블 내용 작성 |
---|---|---|
타이틀 | 테이블 내용 작성 | 테이블 내용 작성 |
타이틀 | 테이블 내용 작성 | 테이블 내용 작성 |
타이틀 | 내용 | 내용 |
---|
병합 테이블
타이틀1 | 타이틀2 | 타이틀3 | 타이틀4 |
---|---|---|---|
타이틀 | 타이틀 | 타이틀 | |
세로 타이틀1 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
세로 타이틀2 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
세로 타이틀3 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
반응형 테이블 .table.responsive
기본 타이틀1 | 기본 타이틀2 | 기본 타이틀3 | 기본 타이틀4 |
---|---|---|---|
테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
스크롤 테이블
타이틀1 | 타이틀2 | 타이틀3 | 타이틀4 |
---|---|---|---|
타이틀 | 타이틀 | 타이틀 | |
세로 타이틀1 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
세로 타이틀2 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
세로 타이틀3 | 테이블 내용 작성 | 테이블 내용 작성 | 테이블 내용 작성 |
데코 박스
성동구민대학은 성동구를 대표하는 평생학습기관으로서 2008년 서울시교육청 평생학습기관으로 지정된 이래 현재까지 지정평생학습 프로그램을 운영하고 있습니다. 지역주민을 위한 다채로운 평생학습 프로그램과 학습동아리를 발굴, 지원하여 지역사회 복지 증진에 기여하고 있습니다.
내용
텍스트 박스
성동구민대학은 성동구를 대표하는 평생학습기관으로서 2008년 서울시교육청 평생학습기관으로 지정된 이래 현재까지 지정평생학습 프로그램을 운영하고 있습니다. 지역주민을 위한 다채로운 평생학습 프로그램과 학습동아리를 발굴, 지원하여 지역사회 복지 증진에 기여하고 있습니다.
내용
안내 박스
강조안내사항
- 순서가 없는 목록입니다.
- 순서가 없는 목록입니다.
강조주의사항
- 순서가 없는 목록입니다.
- 순서가 없는 목록입니다.
강조안내사항
강조주의사항
이미지 박스
이미지 분할박스 박스 .fac_box.type_img.divide2 ~ 5
컨텐츠 탭메뉴
링크
본문링크 : https://www.sdfac.or.kr/kor/sdfac/sub/contents.do?gotoMenuNo=02010200