케이엘정보통신
설문등록
타이틀 : 텍스트 타입
블릿 이미지가 없는 텍스트 크기로 구분지어진 타이틀 스타일입니다.
타이틀1 titT1
타이틀2 titT2
타이틀3 titT3
타이틀3 titT3_lineB
타이틀 : 블릿 타입
블릿 이미지가 있는 타이틀 스타일입니다.
타이틀1 tit1
타이틀2 tit2
타이틀3 tit3
블릿
블릿스타일 입니다. 클래스명의 숫자가 낮은것부터 높은순으로 순차적으로 사용해주세요.
블릿스타일1 bu_st1
블릿스타일2 bu_st2
블릿스타일2 bu_st2B
블릿스타일3 bu_st3
블릿스타일4 bu_st4
리스트 : 블릿 타입
블릿이 들어가 있는 리스트 스타일과 블릿이 없는 스타일 & 순서가 있는 리스트 스타일입니다.
- 리스트 타입1 list_st1
- 리스트 타입1 list_st1
- 리스트 타입2 list_st2
- 리스트 타입2 list_st2
- 리스트 타입3 list_st3
- 리스트 타입3 list_st3
- 리스트 타입4 list_st4
- 리스트 타입4 list_st4
- 리스트 타입 중 블릿 없는 리스트 : li에 클래스 bu_none (리스트 : 블릿 타입엔 모두 해당)
리스트 : 텍스트 타입
블릿이 없는 텍스트 리스트 스타일 : 번호 혹은 알파벳, 가나다 순으로 가는 경우 해당 스타일 적용 : list_stT1, list_stT2 의 차이는 행간 간격 글자크기 변동있음
- 리스트 타입1 list_stT1
- 리스트 타입1 list_stT1
- 리스트 타입1 list_stT1
- 리스트 타입1 list_stT1
- 리스트 타입2 list_stT2
- 리스트 타입2 list_stT2
- 리스트 타입2 list_stT2
- 리스트 타입2 list_stT2
리스트 : 가로 나열
리스트 스타일 들어가 있는 코드에 쓰이는 가로 나열 스타일
- 모든 리스트 타입 li_w50
- 모든 리스트 타입 li_w50
- 모든 리스트 타입 li_w30
- 모든 리스트 타입 li_w30
- 모든 리스트 타입 li_w30
- 모든 리스트 타입 li_w25
- 모든 리스트 타입 li_w25
- 모든 리스트 타입 li_w25
- 모든 리스트 타입 li_w25
- 모든 리스트 타입 li_w20
- 모든 리스트 타입 li_w20
- 모든 리스트 타입 li_w20
- 모든 리스트 타입 li_w20
- 모든 리스트 타입 li_w20
리스트 : 순차적 혹은 맨 앞에 포인트 들어가는 리스트 타입
순차적으로 들어가거나 맨 앞에 텍스트가 들어가지만 포인트를 줄 경우 사용
- 01순차적 리스트 타입1 list_ol1
- 02순차적 리스트 타입1 list_ol1
- 01순차적 리스트 타입2(ie10 이상) list_ol2
- 02순차적 리스트 타입2(ie10 이상) list_ol2
텍스트 요소 : 폰트컬러 타입
텍스트별 컬러 지정
텍스트 블루 pc_blue
텍스트 네이비 pc_navy
텍스트 오렌지 pc_org
텍스트 블랙 pc_black
텍스트 그린 pc_green
텍스트 민트 pc_mint
텍스트 레드 pc_red
텍스트 요소 : 텍스트 배경색
텍스트별 배경색 지정
텍스트 요소 : 강조 타입 및 폰트 변경
텍스트별 강조 타입 및 폰트 변경 스타일 'f_weightB' 보단 'font_FB' 로 사용 권장
텍스트 밑줄 Tline_b
텍스트 밑줄 Tline_bgB
텍스트 강조 f_weightB
텍스트 Regular font_FR
텍스트 Medium font_FM
텍스트 Bold font_FB
텍스트 요소 : 폰트 크기
텍스트별 강조 타입 및 폰트 변경 스타일 'f_weightB' 보단 'font_FB' 로 사용 권장
폰트 크기12 fs12
폰트 크기13 fs13
폰트 크기14 fs14
폰트 크기16 fs16
폰트 크기18 fs18
폰트 크기20 fs20
폰트 크기22 fs22
폰트 크기24 fs24
폰트 크기26 fs26
텍스트 요소 : 링크 타입
텍스트 내에 새창, 메일, 전화, 다운로드가 있을경우 사용
링크 타입1 : 텍스트 내 링크가 있을 경우 bu_link
링크 타입2 : 텍스트 내 링크가 있을 경우 bu_linkL
메일 링크 타입1 : 텍스트 내 메일 링크가 있을 경우 bu_mail
메일 링크 타입2 : 텍스트 내 메일 링크가 있을 경우 bu_mailL
파일다운 링크 타입1 : 텍스트 내 파일다운 링크가 있을 경우 bu_down
파일다운 링크 타입2 : 텍스트 내 파일다운 링크가 있을 경우 bu_downL
전화 링크 타입1 : 텍스트 내 전화 링크가 있을 경우 bu_tel
전화 링크 타입2 : 텍스트 내 전화 링크가 있을 경우 bu_telL
텍스트 요소 : 경고&말풍선 타입
경고 혹은 말풍선
당구장표시 bu_atte
경고 타이틀 타입 bu_wnrnT
경고 타이틀 타입2 bu_wnrnT2
경고 타이틀 라인 타입 bu_wnrnT_line
경고 타이틀 라인 타입2 bu_wnrnT2_line
경고 텍스트 타입 bu_wnrn
경고 텍스트 타입2 bu_wnrn2
경고 텍스트 라인 타입 bu_wnrn_line
경고 텍스트 라인 타입2 bu_wnrn2_line
말풍선 타이틀 타입 bu_mentT
말풍선 타이틀 타입2 bu_mentT2
말풍선 텍스트 타입 bu_ment
- 테이블 관련 전체 수정 or 추가 내용
- 테이블(테이블 클래스 전부) 감싸는 div추가 / 테이블 내 td 텍스트 전체 정렬 클래스 추가(tb_txtL, tb_txtC, tb_txtR) / tr 또는 td, th 배경 색상 클래스 추가 (tbl_bg_bl, tbl_bg_ye, tbl_bg_re, tbl_bg_gr)
테이블 : 테이블 기본 타입 tbl_st
기본 테이블 스타일tbl_utile 를 쓸때는 테이블 위에 타이틀이나 마진값이 있어야 합니다
(단위 : 원)
| 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st |
|---|---|---|---|---|
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
테이블 : 테이블 세로 타입 tbl_st_row
테이블 세로 타입
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
|---|---|---|---|---|
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
테이블 : 테이블 4면 라인 tbl_st2
4면 라인 및 스타일 추가 적용화면
| 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st |
|---|---|---|---|---|
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| 내용 제목 | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
테이블 : 배경 색상 클래스 추가
tr 또는 td, th 배경 색상 넣을 수 있음
| 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st |
|---|---|---|---|---|
| tbl_bg_bl | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| tbl_bg_ye | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| tbl_bg_re | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| tbl_bg_gr | 내용 | 내용 | 내용 | 1234567890 123456789012345678901234567890 |
| tbl_bg_re | tbl_bg_bl | tbl_bg_ye | tbl_bg_re | tbl_bg_gr |
테이블 : 라인 클래스 추가 2px
4면 또는 좌우, 상하 라인 클래스 추가 / tr에도 스타일 적용 가능(* 좌측 선 짤리는 현상 있음. 확인 후 사용)
| 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st | 기본테이블 tbl_st |
|---|---|---|---|---|
| 4면 tbl_L | 4면 tbl_Lbl | 4면 tbl_Lre | 4면 tbl_Lgr | 4면 tbl_Lye |
| 우측선 tbl_L_R | 우측선 tbl_Lbl_R | 우측선 tbl_Lre_R | 우측선 tbl_Lgr_R | 우측선 tbl_Lye_R |
| 상단선 tbl_L_T | 상단선 tbl_Lbl_T | 상단선 tbl_Lre_T | 상단선 tbl_Lgr_T | 상단선 tbl_Lye_T |
| 좌측선 tbl_L_L | 좌측선 tbl_Lbl_L | 좌측선 tbl_Lre_L | 좌측선 tbl_Lgr_L | 좌측선 tbl_Lye_L |
| 하단선 tbl_L_B | 하단선 tbl_Lbl_B | 하단선 tbl_Lre_B | 하단선 tbl_Lgr_B | 하단선 tbl_Lye_B |
박스 : 박스형 타입들
4면 선 흰배경 or 회색배경 / 빗선 테두리 / 상하 선 / 포인트색상 / 아이콘
박스스타일1 box_st1
기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다
박스스타일2 box_st2
기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다
박스스타일3 box_st3
기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다
박스스타일4 box_st4
기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다
박스스타일5 box_st5
기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다
박스스타일5 box_st_ico
기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다 기본 박스스타일입니다
탭 : 탭스타일 단계별
탭스타일 기본 한줄에 4개씩 표출 / 가로 지정일 경우 Tab_w50, Tab_w30, Tab_w20 으로 클래스 나뉨
버튼 : 기본 버튼
기본버튼
기본버튼1(라인) btn_reL mini 기본버튼2(라인) btn_blL mini 기본버튼3(라인) btn_grL mini 기본버튼4(라인) btn_whL mini
버튼 : 기본 버튼
레이어 팝업 혹은 한 구역의 작성 폼 테이블 내에 들어갈때
기본버튼1 btn_bl mini 기본버튼2 btn_gr mini
버튼 : 큰 버튼
[붉은색이 들어가야할 버튼. 꼭 필요할때만 넣어주세요!] 서브콘텐츠 최하단에 붙는 버튼 [등록] or [저장] or [적용] 같은 경우에만 쓰임
이미지 : 확대보기
모바일에서 이미지 확대보기 스크립트 들어가는 부분
이미지 : 100%
모바일에서 100%로 바뀜
콘텐츠 준비중
콘텐츠 준비중 기본 코드
콘텐츠를 준비중입니다.
콘텐츠 내용이 준비되지 않았습니다.
가능한 빠른 시일 내에 업데이트하도록 하겠습니다.