UTIL

# Font

family / size / weight

관리자는 Noto Sans KR 만 사용합니다.

H2 Noto Sans KR 25px/Midium

H3 Noto Sans KR 20px/Midium

H4 Noto Sans KR 18px/Midium

H5 Noto Sans KR 16px/Midium

텍스트 위치

Center

Right

Left

Position X/Y Center


.pd-text-center { text-align: center;}
.pd-text-right { text-align: right;}
.pd-text-left { text-align: left;}
.pd-pos-ct { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);}
.pd-k-sel-center{ text-align: center !important;}
                            

폰트 크기

Font 12px

Font 14px

Font 16px

Font 18px

Font 20px

Font 24px

Font 30px

Font 36px

Font 48px

Font 60px


.pd-text-xs { font-size: 12px;}
.pd-text-sm { font-size: 14px;}
.pd-text-base { font-size: 16px;}
.pd-text-lg { font-size: 18px;}
.pd-text-xl { font-size: 20px;}
.pd-text-2xl { font-size: 24px;}
.pd-text-3xl { font-size: 30px;}
.pd-text-4xl { font-size: 36px;}
.pd-text-5xl { font-size: 48px;}
.pd-text-6xl { font-size: 60px;}
                            

italic 여부

Font italic

Font normal


.pd-italic { font-style: italic;}
.pd-not-italic { font-style: normal;}
                            

폰트 굵기

Font 100

Font 200

Font 300

Font 400

Font 500

Font 600

Font 700

Font 800

Font 900


.pd-font-thin { font-weight: 100;}
.pd-font-extralight { font-weight: 200;}
.pd-font-light { font-weight: 300;}
.pd-font-normal { font-weight: 400;}
.pd-font-medium { font-weight: 500;}
.pd-font-semibold { font-weight: 600;}
.pd-font-bold { font-weight: 700;}
.pd-font-extrabold { font-weight: 800;}
.pd-font-black { font-weight: 900;}
                            
Class 내용