/*Font: Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*Font: Roboto*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* DOSGothic */
@font-face {
    font-family: 'DOSGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/DOSGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Font: Pretendard*/
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.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';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/*body*/
.body {
	font-family: 'Roboto', 'Pretendard', 'malgun gothic', Arial, sans-serif !important;
}
div, h1, h2, h3, h4, h5, h6, p {
    letter-spacing: inherit;
    font-family: inherit;
    letter-spacing: -0.04em;
}
.en {
    letter-spacing: -0.02em;
}

/*font*/
.f_mon {
	font-family: 'Montserrat', sans-serif !important;
}
.f_robo {
	font-family: "Roboto", sans-serif !important;
}
.f_dos {
	font-family: "DOSGothic", sans-serif !important;
    letter-spacing: 0 !important;
}

/*dft*/
.dft {
    word-break: keep-all;
    color: #000;
    text-transform: none;
}
h1.dft {
    font-size: 4rem;
    line-height: 4.4rem;
}
h1.dft.bigsize {
    font-size: 5rem;
    line-height: 5.4rem;
}
h2.dft {    
    font-size: 3rem;
    line-height: 3.7rem;
}
h3.dft {
    font-size: 2.5rem;
    line-height: 3.4rem;
}
h4.dft {
    font-size: 2.2rem;
    line-height: 3rem;
}
h5.dft {
    font-size: 2rem;
    line-height: 2.7rem;
}
h6.dft {
    font-size: 1.4rem;
    line-height: 2.1rem;
}
p.dft {
    font-size: 1.8rem;
    line-height: 2.5rem;
}
@media (max-width:1200px) {
    .dft {
        line-height: 1.3em !important;
    }
    h1.dft {
        font-size: calc(100vw * (45 / 1200));
        line-height: 1.1em !important;
    }
}
@media (max-width:1200px) and (min-width:991px){
    h1.dft {
        font-size: calc(100vw * (45 / 1200));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (55 / 1200));
    }
    h2.dft {
        font-size: calc(100vw * (35 / 1200));
    }
    h3.dft {
        font-size: calc(100vw * (30 / 1200));
    }
    h4.dft {
        font-size: calc(100vw * (26 / 1200));
    }
    h5.dft {
        font-size: calc(100vw * (20 / 1200));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 1200));
    }
    p.dft {
        font-size: calc(100vw * (18 / 1200));
    }
}
@media (max-width:992px) and (min-width:768px){
    h1.dft {
        font-size: calc(100vw * (45 / 992));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (55 / 992));
    }
    h2.dft {
        font-size: calc(100vw * (35 / 992));
    }
    h3.dft {
        font-size: calc(100vw * (30 / 992));
    }
    h4.dft {
        font-size: calc(100vw * (26 / 992));
    }
    h5.dft {
        font-size: calc(100vw * (22 / 992));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 992));
    }
    p.dft {
        font-size: calc(100vw * (18 / 992));
    }
}
@media (max-width:768px) and (min-width:500px){
    h1.dft {
        font-size: calc(100vw * (45 / 768));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (55 / 768));
    }
    h2.dft {
        font-size: calc(100vw * (35 / 768));
    }
    h3.dft {
        font-size: calc(100vw * (30 / 768));
    }
    h4.dft {
        font-size: calc(100vw * (26 / 768));
    }
    h5.dft {
        font-size: calc(100vw * (22 / 768));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 768));
    }
    p.dft {
        font-size: calc(100vw * (18 / 768));
    }
}
@media (max-width:500px){
    h1.dft {
        font-size: calc(100vw * (45 / 500));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (55 / 500));
    }
    h2.dft {
        font-size: calc(100vw * (35 / 500));
    }
    h3.dft {
        font-size: calc(100vw * (28 / 500));
    }
    h4.dft {
        font-size: calc(100vw * (24 / 500));
    }
    h5.dft {
        font-size: calc(100vw * (22 / 500));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 500));
    }
    p.dft {
        font-size: calc(100vw * (18 / 500));
    }
}
/* word-keep */
.word-keep {
    word-break: keep-all;
}
.word-break {
    word-break: break-all;
}
/* font-weight */
.font-Thin {
    font-weight: 100 !important;
}
.font-ExtraLight {
    font-weight: 200 !important;
}
.font-Light {
    font-weight: 300 !important;
}
.font-Regular {
    font-weight: 400 !important;
}
.font-Medium {
    font-weight: 500 !important;
}
.font-Bold {
    font-weight: 600 !important;
}
.font-ExtraBold {
    font-weight: 700 !important;
}
.font-Heavy {
    font-weight: 800 !important;
}
.font-Black {
    font-weight: 900 !important;
}

/* subP */
.subP {
    font-weight: 300;
    letter-spacing: -0.08em;
}