로고

UTIL

# Font

기본 폰트는 NotoSansKR 사이즈는 16px


    --font: "Pretendard", sans-self;            /* 폰트체 */
    --font2: "SUIT", sans-self;                 /* 폰트체2 */
    --font3: "Noto Sans KR", sans-self;         /* 폰트체3 */
    --font4: "Poppins", sans-self;              /* 폰트체4 */
    --font5: "Spoqa Han Sans Neo", sans-self;   /* 폰트체5 */
    --font6: "Pretendard Variable", sans-self;  /* 폰트체6 */
    --font7: "Saira", sans-self;                /* 폰트체7 */
                            

텍스트 위치


    .text-center { text-align: center;}
    .text-right { text-align: right;}
    .text-left { text-align: left;}
    .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%);}   /* 위 아래 가운데 */
                            

폰트 크기


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

italic 여부


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

폰트 굵기


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