이전 페이지 다음 페이지

스타일가이드

레이아웃 파일 작업 경로 /_Template/사이트코드/

기본 컨텐츠 스타일 파일 경로
컬러코드 지정 : /_Css/_colors.php
작업파일경로 : /_SITE_SET/사이트코드/_Page/페이지코드.html
기본 스타일 css 파일 경로 : /_Css/style.default.css
기본 컨텐츠 공통 이미지 파일 저장 경로 : /_Img/Content/

국문 : font-family:"Noto Sans KR";

.k-fonw300 font-weight:300 (Light)

.k-fonw400 font-weight:400 (Default)

.k-fonw500 font-weight:500 (Medium)

.k-fonw700 font-weight:700 (Bold)


영문 : font-family:"Open Sans", sans-serif;

.e-fonw300 font-weight:300 (Light)

.e-fonw400 font-weight:400 (Default)

.e-fonw600 font-weight:600 (Medium)

.e-fonw700 font-weight:700 (Bold)

기본컬러 : #444

폰트사이즈 기준 PC : font-szie:16px / line-height:1.750(28px)


그래서 극히 낮은 시청률을 애국가 시청률이라 하기도 한다. 프로그램에게 있어서는 당연히 굴욕. 종합편성채널 초창기인 2011년~2012년에는 종편 시청률이라는 말이 대신 쓰이기도 했다. 그런데 전부 자고있을 시간대인 오전 4시~5시 쯤에 하는 것 치곤 시청률이 좋으면 또 그건 그거대로 좀 엽기적인데, 대한민국 대부분의 사람들이 아예 안 잔다거나, 매일 4시~5시 쯤에 일어나서 반드시 애국가를 시청한다는 소리가 된다.[45] 하지만 한국 축구 국가대표팀이 한국과 반대편에 있는 나라의 월드컵에서 경기가 있을때 한국 대표팀을 응원하기 위해 시차를 극복하고 밤늦게 응원을 펼치기 위해 TV를 보는 경우가 있으며 올림픽이나 여타 국제경기대회, 해외리그의 경우에도 시차로 인해 밤 늦게 시청하는 경우도 간간히 펼쳐지며, 이때는 애국가의 시청률이 비교적 높게 나온다. 물론 방송사에서 이때는 24시간 방송을 하는 경우가 많기는 하지만


폰트사이즈 14px : font-size:.875em

폰트사이즈 15px : font-size:.938em

폰트사이즈 16px : font-size:1em

폰트사이즈 17px : font-size:1.063em

폰트사이즈 18px : font-size:1.125em

폰트사이즈 19px : font-size:1.188em

폰트사이즈 20px : font-size:1.25em

폰트사이즈 21px : font-size:1.313em

폰트사이즈 22px : font-size:1.375em

포인트컬러값

#csc-point1 : .csc-p1
#csc-point2 : .csc-p2
#csc-point3 : .csc-p3
#csc-point4 : .csc-p4

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

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


input RADIO(div.rdos), CHECKBOX(div.chks)








탭메뉴 : c-tab01

2차탭메뉴 : c-tab02

b-tab01

타이틀 / 기본 본문

타이틀 스타일1 : c-tit01

타이틀 스타일2 : c-tit02

타이틀 스타일3 : c-tit03

기본폰트 본문이 들어가는 곳. 기본적인 p 태그가 있든없든 동일함. 기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳기본폰트 본문이 들어가는 곳


리스트

ul 리스트

  • 내용이 들어오는 곳1 .c-list01
  • 내용이 들어오는 곳2 .c-list01
  • span.tit : 리스트 스타일 1. 본글이 2행을 넘어설때(반응형 구간 포함) 별도 스타일정의가 필요할수도 있음.
  • 제목 : 리스트 스타일 2
    • 자식 ul > ul 리스트 스타일 1-1
    • 자식 ul > ul 리스트 스타일 1-2
  • 제목(span.fixTit)
    리스트 (span.fixTxt) : 이 부분에 텍스트 메시지가 길어진다 하더라도 제목 영역에는 침범하지 않음. 단 제목과 본문글에 별도의 span 으로 class를 제공해주어야 함. 클래스명은 본글의 도입부 참고.
    • 그러나 fixTit, fixTxt 는 고정 width 값을 가지므로 용도에 따라 별도 지정이 필요할수도 있음.
    • fixTxt 는 필요에 따라 span 이거나 div 일수도 있음.

ol 리스트 - 가

  1. 가. 리스트 스타일 1
  2. 나. 리스트 스타일 1-3
    • 자식 ul > ul 리스트 스타일 1-1
    • 자식 ul > ul 리스트 스타일 1-2

ol 리스트 - 나

  1. 1 리스트 스타일 1
  2. 98 리스트 스타일 1
  3. 2 리스트 스타일 1-3
    • 자식 ul > ul 리스트 스타일 1-1
    • 자식 ul > ul 리스트 스타일 1-2

버튼스타일

작은컨텐츠 버튼

sw-btn

기본

sg-btn

그레이

sp-btn

컬러

sdp-btn

컬러버튼

컨텐츠 버튼

cw-btn

기본버튼 기본버튼 기본버튼 기본버튼 기본버튼

cp-btn

기본버튼 기본버튼 기본버튼 기본버튼 기본버튼

프로그램버튼

bw-btn

화이트버튼

bg-btn

그레이버튼

bp-btn

컬러버튼

bdp-btn

컬러버튼

회원 버튼

lw-btn

기본버튼

lg-btn

빅그레이버튼

lp-btn

빅컬러버튼

ldp-btn

빅컬러버튼

테이블

테이블 : tbl-type01

구분 제목1-1 제목1-2 제목1-2 제목1-2
tfoot 왼제목1-1 내용1-1 내용1-2 내용1-3 내용1-4
왼제목1-1 내용1-2 내용1-3 내용1-4
왼제목2-1 내용2-1 내용2-2 내용2-3 내용2-4
왼제목3-1 내용3-1 내용3-2 내용3-3 내용3-4
왼제목4-1 내용4-1 내용4-2 내용4-3 내용4-4

롤링이미지 : 가로사이즈 개별 수정 (330픽셀로 잡혀있음)

이미지슬라이더(owlCarousel ver:2.2.1) 사용. Dot, dotsdata, Nav 버튼태그로 셋팅 설정참고.


1반응형 이미지크게보기 버튼 : img-zoom


준비중 페이지

자료 준비중입니다.

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

에러 페이지

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

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

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

안내 페이지

안내페이지에 대한 제목이 오는 곳

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

로그아웃 페이지

정상적으로 로그아웃 되었습니다.

확인 버튼을 클릭하시면 메인 페이지로 이동합니다.

컨텐츠 가이드

01 / 안내문

안내문 1줄 스타일 info-box02

기본 설명인 경우 : info-ex

중요한 설명인 경우 : info-ex02

잘못된 표기일 경우 : info-ex03

기본 설명인 경우 : info-ex 중요한 설명인 경우 : info-ex02 잘못된 표기일 경우 : info-ex03

안내문 문단/리스트 스타일 info-box02

  • 어떤 위의 포인트라도 안내문 제목없이 내용이 여러줄 일 경우
  • 어떤 위의 포인트라도 세미나 또는 수업 등의 단체이용의 경우, 일주일 전에 신청해야 한다.
  • 어떤 위의 포인트라도 외부이용자의 경우에는 이용자 열람증을 기발급 받은자에 한함.
  • 어떤 위의 포인트라도 세미나 또는 수업 등의 단체이용의 경우, 일주일 전에 신청해야 한다.
  • 어떤 위의 포인트라도 외부이용자의 경우에는 이용자 열람증을 기발급 받은자에 한함.

제목 : .info-tit

  • 안내문 제목없이 내용이 여러줄 일 경우
  • 세미나 또는 수업 등의 단체이용의 경우, 일주일 전에 신청해야 한다.
  • 외부이용자의 경우에는 이용자 열람증을 기발급 받은자에 한함.
  • 세미나 또는 수업 등의 단체이용의 경우, 일주일 전에 신청해야 한다.
  • 외부이용자의 경우에는 이용자 열람증을 기발급 받은자에 한함.

02 / 폴딩스타일

단일 폴딩 사용하는 경우

  • 북항재개발사업

    사업개요
    • 사업기간 : 2008. ~ 2019.
    • 총사업비 : 1,813,720백만원(정부재정지원 별도)
    • 사업규모 : 북항재개발 부지조성 및 상부시설 일부 건축
    • 지원형태 : 직접수행 및 정부 재정지원
    연락처

    개발사업팀 최중현 (Tel : 999-3182) 메일보내기

한페이지에 여러개일 폴딩 사용하는 경우