@charset "utf-8";

/* 앱 글꼴은 전부 앱 안(assets/fonts)에 들어 있다. 로컬 우선 앱이라 오프라인 첫 실행에도 같은 글씨로 보여야 한다.
   브라우저는 화면에 실제로 쓰이는 글꼴만 읽으므로, 한국어 화면에서는 M PLUS 1·Quicksand 파일을 읽지 않는다.
   라이선스: assets/fonts/OFL-*.txt (세 글꼴 모두 SIL Open Font License 1.1) */

/* 나눔스퀘어 네오: 한국어·영어·숫자 기본 글꼴 */
@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/NanumSquareNeo-bRg.woff2') format('woff2');
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/NanumSquareNeo-cBd.woff2') format('woff2');
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/NanumSquareNeo-dEb.woff2') format('woff2');
}

/* M PLUS 1(일본어 글자)·Quicksand(영어 화면)는 가변 글꼴 한 파일이다.
   굵기를 하나씩 따로 선언해서, 그 사이 굵기(600 등)도 예전 Google Fonts 때처럼 가까운 굵기로 맞춰 그린다.
   같은 파일 주소라 한 번만 읽는다. */
@font-face {
    font-family: 'M PLUS 1';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/MPLUS1-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'M PLUS 1';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/MPLUS1-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'M PLUS 1';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/MPLUS1-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/Quicksand-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/Quicksand-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/Quicksand-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('../assets/fonts/Quicksand-Variable.woff2') format('woff2');
}