기타 DONGEUI INSTITUTE OF TECHNOLOGY
기타스타일가이드

스타일가이드

INPUT,CHECKBOX

      
      

c-tab01

c-tab02

01. 컬러 & 폰트

컬러

.cbg-sp1 .cbg-p1 .cbg-dp1   .cbg-p2 .cbg-dp2   .cbg-p3 .cbg-dp3   .cbg-p4 .cbg-dp4
.c-sp1 .c-p1 .c-dp1   .c-p2 .c-dp2   .c-p3 .c-dp3   .c-p4 .c-dp4

폰트

기본

NotoSans - Regular / letter-spacing : -25(-0.04em) / color : #555 / line-height: 30px / font-size : 18px

국문

font-family:Noto Sans KR, sans-serif
DemiLight / Regular / Medium / Bold

영문

font-family:roboto, sans-serif
Light / Regular / Medium / Bold

02. 타이틀

타이틀 스타일1 : .c-tit01

타이틀 스타일2 : .c-tit02

타이틀 스타일3 : .c-tit03

내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.내용이 시작됩니다.

03. 리스트

c-list01

  • .tit :리스트 스타일 1
  • 긴제목일 경우 제목과 줄바꿈 할 경우 텍스트를 span.txt 로 감싸주면 됨
    • ul > ul 리스트 스타일 1-1
    • ul > ul 리스트 스타일 1-2
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
    • ul > ul 리스트 스타일 1-2

c-list02.han

  • 제목 :ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목
    ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
      내용이 길어지는 경우 일케 출력됨
    • ul > ul 리스트 스타일 1-2

c-list02.num

  • 제목 :ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목
    ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
      내용이 길어지는 경우 일케 출력됨
    • ul > ul 리스트 스타일 1-2

c-list02.snum

  • 제목 :ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목
    ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
      내용이 길어지는 경우 일케 출력됨
    • ul > ul 리스트 스타일 1-2

c-list03

  • 제목 :ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목
    ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
      내용이 길어지는 경우 일케 출력됨
    • ul > ul 리스트 스타일 1-2

c-list03.cor

  • 제목 :ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목
    ul 리스트 스타일 변형
    내용이 길어지는 경우 이렇게 출력됨
  • 제목없는 리스트
    • ul > ul 리스트 스타일 1-1
      내용이 길어지는 경우 일케 출력됨
    • ul > ul 리스트 스타일 1-2

c-list04

  • 리스트 스타일
  • 리스트 스타일
  • 리스트 스타일

c-list04.cor

  • 리스트 스타일
  • 리스트 스타일
  • 리스트 스타일

04. 안내문

기본 설명인 경우 : .info-ex (기본 block)

중요 설명인 경우 : .info-ex02 (기본 block)

잘못된 설명인 경우 : .info-ex03 (기본 block) : 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우 글자가 길어질경우

기본 설명인 경우 : .info-ex01 (확장 .inline) 중요한 설명인 경우 : .info-ex02 (확장 .inline) 잘못된 표기인 경우 : .info-ex03 (확장 .inline)
  • 박스없이 여러줄 안내문 .info-list
  • 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.
  • 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.
  • 박스없이 여러줄 안내문 .info-list.ico02
  • 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.
  • 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.
  • 여러줄 안내문 .info-list.ico03
  • 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.
  • 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.

안내박스 .info-box (.ico01~.ico04)

타이틀 .info-tit

여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.

  • ico01
  • ico02
  • ico03
  • ico04

안내박스 .info-box02

타이틀 .info-tit
여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다. 박스없이 여러줄 안내문 용도로 사용가능한 안내문입니다.

안내박스 .info-box03

  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • .ico02 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • .ico03 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용
  • 박스없이 여러줄 안내문 사용

입시 안내박스 .top-info-type1

DIT

2008학년도부터 학사학위 전공심화과정을 마치면 일반 4년제 대학과 동등한 학사학위가 수여됩니다.

입시 안내박스 .top-info-type2

DIT DONG-EUI INSTITUTE OF TECHNOLOGY (산업체 경력 없는)학사학위 전공심화과정이란?

전문대학 졸업자에게 학업의 중단 없이 계속직업교육(School-to-Work) 기회를 제공하여 실무와 연계된 직업심화교육으로 이론과 실무능력을 갖춘 기술전문인력 양성을 위한 실무 지식ㆍ기술 중심의 심화교육을 실시해 전문대학 졸업->전공심화과정 이수->학사학위 취득으로 이어지는 직업교육 경로를 구축하기 위한 교육과정이다.(고등교육법 제50조의2 제4항)

입시 안내박스 .top-info-type3 (.ico01~.ico04)

소제목 .stit

교육목표

물리치료과 전공심화과정은 양질의 보건의료서비스를 위한 전문물리치료사 양성을 교육목표로 하며, 세계적인 물리치료학 이론과 연구동향의 심층 탐구를 통하여 물리치료사 개개인의 역량강화와 동기부여로 지역사회에 공헌하는 보건의료분야의 유능하고 능동적인 전문물리치료사를 배출하고자 한다.

Educational goals 교육목표

  • 01 최근 보건 의료 방사선 관련 기술 분야는 매우 빠른 첨단 기술 발전을 보이고 있다. 국내 의료 기술에서 첨단 의료기기의 도입과, 전문방사선사제도가 도입되어 초음파, 컴퓨터단층촬영학(CT), 자기공명기술학(MRI), 방사선치료, 핵의학검사(SPECT, PET-CT), 투시조영검사, 의료영상정보관리, 의료기기정도관리사, 방사선 안전 관리사, 혈관중재, 투시 등의 전문방사선사 제도를 대한방사선사 협회에서 운영하고 있다. 그러나 대부분 대학의 방사선과에서는 교육과정이 방사선사 면허시험을 위한 국가고시 시험 준비 과목으로 편성되어 있어서 임상 실무교육이 부족한 현실에 있다.
  • 02 학사학위 전공심화과정을 개설할 경우 현장 실무중심의 교육이 실시되어 방사선 관련 업체에서 필요로 하는 인재 양성에 획기적인 도움이 될 것이다. 특히 전공심화과정은 수년에 걸쳐 배워야하는 실무를 임상경험이 풍부한 교수진과 교수법으로 임상에서 그 기간을 단축시킬 수 있는 장점이 있다.

소제목 .stit 제목 .btit

현재 3년제, 4년제 응급구조(학)과의 교과과정은 대다수 1급 응급구조사 국가시험에 합격하기 위한 이론에 중심의 교육과정으로 구성되어 있다. 그러므로 임상현장(의료 기관, 119소방 등)에서 요구하는 실무 교육을 충족하지 못하여 전공심화과정의 필요 성이 절실히 요구된다. 본 전공심화 교육과정은 이 문제점을 해결하기 위하여 전문 성이 있는 산업보건 실무자를 포함한 교육의 전문가들로 편성 위원회를 구성하여 교 육 과정을 개발하였다. 또한 응급구조 현장 종사자의 의견을 폭넓게 수렴하여 다양한 업무를 수행하기 위한 자기개발의 동기를 자극해 산업보건-응급구조사로서 영역을 확대해 나갈 수 있도록 철저한 현장 중심의 교과과정을 편성하여 궁극적으로 산업보건 업무능력 향상에 기여하도록 하였다. 특히 응급구조 관련분야에 활용할 수 있는 내용도 교육과정에 포함하여 전문성의 폭을 확대하였다.

  • 학사학위 취득뿐 아니라 산업보건 및 응급의료분야 실무교육을 이론 및 실습을 통해 전문성을 갖춘 산업보건응급구조사 양성
  • 산업보건현장에서 재해를 예방하고, 응급상황에서 신속히 대처 할 수 있는 산업보건 응급구조사 양성

입시. 교과목 개요 공통

01 타이틀이 들어옵니다. .head-sec.color1
  • 제목 리스트 스타일
  • 긴 제목 리스트 스타일
    • ul > ul 리스트 스타일 1-1
    • ul > ul 리스트 스타일 1-2
02 타이틀이 들어옵니다. .head-sec.color2

최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.

03 타이틀이 자리
작은 타이틀 1

최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.

작은 타이틀 2

최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.

작은 타이틀 3

최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다. 최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.최소 한줄이상의 제목과 내용으로 구성되어서 나오는 안내문 입니다.

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

06. 버튼

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

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

작은컨텐츠 버튼

sw-btn

기본버튼

sg-btn

그레이버튼

sp-btn

컬러버튼

sdp-btn

컬러버튼2

컨텐츠 버튼

cw-btn

바로가기 새창열림 확대 내려받기 달력

cg-btn

바로가기 새창열림 확대 내려받기 달력

cp-btn

바로가기 새창열림 확대 내려받기 달력

cdp-btn

바로가기 새창열림 확대 내려받기 달력

프로그램버튼

bw-btn

화이트버튼

bg-btn

그레이버튼

bp-btn

컬러버튼

bdp-btn

컬러버튼2

회원 버튼

빅화이트버튼

lg-btn

빅그레이버튼

lp-btn

빅컬러버튼

ldp-btn

빅컬러버튼

07. 임시페이지

준비중페이지

자료 준비중입니다.

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

에러페이지

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

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

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

안내페이지

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

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