기타

한국 신발 산업의 중심 도시인
부산의 대표적인 신발산업랜드마크

스타일가이드

기타>스타일가이드
레이아웃 파일 작업 경로 /_Template/사이트코드/

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

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

이용안내 신발전시관 소장품 행사/체험예약 참여마당 한국신발관 소개 font-weight:300 (★)

이용안내 신발전시관 소장품 행사/체험예약 참여마당 한국신발관 소개 font-weight:400 (★)

이용안내 신발전시관 소장품 행사/체험예약 참여마당 한국신발관 소개 font-weight:500 (★)


영문 : font-family:"univia-pro", "Noto Sans KR";

ABOUT COMPANY font-weight:400

기본컬러 : #666

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

폰트사이즈 기준 Tablet : 아직 없음

폰트사이즈 기준 Mobile : font-size:16px / line-height:1.647(26px)


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


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

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

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

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

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

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

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

포인트컬러값

#csc-point1 : .csc-p1 #0b79e1
#csc-point2 : .csc-p2 #e34f40
#csc-point3 : .csc-p3 #ff9e0f
#csc-point4 : .csc-p4 #bbbcbe
#csc-point5 : .csc-p5 #656567
#csc-dpoint1 : .csc-dp1 #133dac

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

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


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








탭메뉴 : c-tab01


b-tab01

타이틀 / 기본 본문

타이틀 스타일1 : c-tit01

타이틀 스타일2 : c-tit02

타이틀 스타일3 : c-tit03

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


리스트

ul 리스트 : .c-list01

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

ol 리스트 : .c-list02

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

버튼스타일

작은컨텐츠 버튼

sw-btn

기본버튼

sg-btn

그레이버튼

sp-btn

컬러버튼

sdp-btn

컬러버튼

컨텐츠 버튼

cw-btn

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

cg-btn

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

cp-btn

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

cdp-btn

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

프로그램버튼

bw-btn

화이트버튼

bg-btn

그레이버튼

bp-btn

컬러버튼

bdp-btn

컬러버튼

회원 버튼

lw-btn

기본버튼

lg-btn

빅그레이버튼

lp-btn

빅컬러버튼

ldp-btn

빅컬러버튼

테이블

테이블 : 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

작은테이블 : tbl-type-s01

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

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

1200px : .img-slide-wr에 .full 클래스 추가해야함

이미지슬라이더(owlCarousel ver:2.3.4) 사용.


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


컨텐츠 가이드

01 / 안내문

info-box

안내문 제목 : .info-tit

안내문의 내용이 들어오는 곳 안내문의 내용이 들어오는 곳 안내문의 내용이 들어오는 곳 안내문의 내용이 들어오는 곳 입니다. 안내문의 내용이 들어오는 곳 안내문의 내용이 들어오는 곳 안내문의 내용이 들어오는 곳 안내문의 내용이 들어오는 곳

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

제목 : .info-tit

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

제목없는 한줄박스 info-s-box

한줄 안내문용도로 제목이 없으며 컨텐츠 어느 곳이든 끼워서 사용 가능한 안내문입니다.

안내문 1줄 스타일 info-ex, info-ex02, info-ex03
inline-block 이라서 줄바꿈(display:block)은 개별 추가 적용 필요.
가운데 정렬 적용

기본 설명인 경우 : info-ex

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

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

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

기본 설명 가운데 정렬인 경우 : info-ex

중요한 설명 가운데 정렬인 경우 : info-ex02

잘못된 표기 가운데 정렬일 경우 : info-ex03

02 / 폴딩스타일

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

  • 북항재개발사업

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

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

  • 신항 서 '컨' 2-5단계 부두사업

    사업개요
    • 사업기간 : 2008. ~ 2017.
    • 총사업비 : 307,617백만원(VAT별도)
    • 사업규모 : 안벽 700m(5만톤급×2선석)
    • 지원형태 : 직접수행
    연락처

    건설계획실 이형하(Tel : 999-3211) 메일보내기

  • 연도마을 보상 및 이주단지 조성사업

    사업개요
    • 사업기간 : 2011. ~ 2017.
    • 총사업비 : 36,324백만원(VAT별도)
    • 사업규모 : 이주단지조성 42천㎡
    • 지원형태 : 직접수행
    추진실적 및 향후계획
    • 이주대상지 선정을 위한 협의
    • 조사설계, 환경영향평가, 문화재 지표조사 등 관련 용역 추진
    • 위·수탁 협약 (창원시↔BPA) 체결 추진
    연락처

    건설계획실 문영기(Tel : 999-3213) 메일보내기

  • 신항 서'컨' 2-6단계 부두사업

    사업내용
    • 사업기간 : 2008. ~ 2019.
    • 총사업비 : 475,764백만원(VAT별도)
    • 사업규모 : 안벽 1,050m(5만톤급 × 3선석)
    • 지원형태 : 직접수행
    연락처

    건설계획실 이형하(Tel : 999-3211) 메일보내기

  • 북항재개발사업

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

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

준비중 페이지

자료 준비중입니다.

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

에러 페이지

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

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

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

안내 페이지

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

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

로그아웃 페이지

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

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