/*******************************************************

	300	:	Light
	400	:	Regular
	500	:	Medium
	600	:	Semi Bold (Demi Bold)
	700	:	Bold
	800	:	Extra Bold (Ultra Bold)

*******************************************************/
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
        format("woff");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
        format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
        format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
        format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
        format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
        format("woff");
    font-weight: 300;
    font-style: normal;
}

/* ==========================================
font-weight
========================================== */

.font300 {
    font-weight: 300;
}

.font400 {
    font-weight: 400;
}

.font500 {
    font-weight: 500;
}

.font600 {
    font-weight: 600;
}

.font700 {
    font-weight: 700;
}

.font800 {
    font-weight: 800;
}

.font900 {
    font-weight: 900;
}

/* ==========================================
font-color
========================================== */
.fontBlue {
    color: #06c;
}

.fontWhite {
    color: #fff;
}

.fontGray {
    color: #444444;
}

.fontBlack {
    color: #111111;
}

.fontLightGray {
    color: #d3d7db;
}

.fontRequired {
    color: rgb(255, 119, 119)
}
/* ==========================================
font-size
========================================== */
/* index - Section 2, 4에 적용되는 headline 내부 텍스트 */
.fontHead {
    font-size: 35px;
}

.fontSubHead {
    font-size: 20px;
}

/* index - Section 2, 4에 적용되는 content 내부 타이틀 */
.fontTitle {
    font-weight: 700;
    font-size: 50px;
}
.fontContent {
    font-weight: 400;
    font-size: 18px;
}