/* connect-b ltr */
@charset "utf-8";
 
/* Default */
@font-face{
    font-family: "NotoSans";
    src:
        url("./fonts/notosans-regular.woff2") format("woff2"),
        url("./fonts/notosans-regular.woff") format("woff"),
        url("./fonts/notosans-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSans";
    src:
        url("./fonts/notosans-bold.woff2") format("woff2"),
        url("./fonts/notosans-bold.woff") format("woff"),
        url("./fonts/notosans-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Korean */
@font-face{
    font-family: "NotoSansCJKkr";
    src:
        url("./fonts/notosanscjkkr-regular.woff2") format("woff2"),
        url("./fonts/notosanscjkkr-regular.woff") format("woff"),
        url("./fonts/notosanscjkkr-regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansCJKkr";
    src:
        url("./fonts/notosanscjkkr-bold.woff2") format("woff2"),
        url("./fonts/notosanscjkkr-bold.woff") format("woff"),
        url("./fonts/notosanscjkkr-bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Japanese */
@font-face{
    font-family: "NotoSansCJKjp";
    src: url("./fonts/notosanscjkjp-regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansCJKjp";
    src: url("./fonts/notosanscjkjp-bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Simplified Chinese */
@font-face{
    font-family: "NotoSansSC";
    src: url("./fonts/notosanssc-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansSC";
    src: url("./fonts/notosanssc-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Traditional Chinese */
@font-face{
    font-family: "NotoSansTC";
    src: url("./fonts/notosanstc-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansTC";
    src: url("./fonts/notosanstc-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Thai */
@font-face{
    font-family: "NotoSansThai";
    src: url("./fonts/notosansthai-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansThai";
    src: url("./fonts/notosansthai-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Hindi / Marathi (Devanagari) */
@font-face{
    font-family: "NotoSansDevanagari";
    src: url("./fonts/notosansdevanagari-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansDevanagari";
    src: url("./fonts/notosansdevanagari-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bengali */
@font-face{
    font-family: "NotoSansBengali";
    src: url("./fonts/notosansbengali-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansBengali";
    src: url("./fonts/notosansbengali-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Telugu */
@font-face{
    font-family: "NotoSansTelugu";
    src: url("./fonts/notosanstelugu-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansTelugu";
    src: url("./fonts/notosanstelugu-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Tamil */
@font-face{
    font-family: "NotoSansTamil";
    src: url("./fonts/notosanstamil-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansTamil";
    src: url("./fonts/notosanstamil-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




/* Gujarati */
@font-face{
    font-family: "NotoSansGujarati";
    src: url("./fonts/notosansgujarati-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansGujarati";
    src: url("./fonts/notosansgujarati-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Kannada */
@font-face{
    font-family: "NotoSansKannada";
    src: url("./fonts/notosanskannada-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansKannada";
    src: url("./fonts/notosanskannada-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Odia */
@font-face{
    font-family: "AnekOdia";
    src: url("./fonts/anekodia-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "AnekOdia";
    src: url("./fonts/anekodia-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Malayalam */
@font-face{
    font-family: "Gayathri";
    src: url("./fonts/gayathri-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "Gayathri";
    src: url("./fonts/gayathri-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Punjabi */
@font-face{
    font-family: "NotoSansGurmukhi";
    src: url("./fonts/notosansgurmukhi-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "NotoSansGurmukhi";
    src: url("./fonts/notosansgurmukhi-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Base */
html, body{
    font-family: "NotoSans", "NotoSansCJKkr", Helvetica, Arial, sans-serif;
}

/* 풋터는 자국어 폰트 대신 영문 NotoSans 고정 */
footer, footer p{
    font-family: "NotoSans", "NotoSansCJKkr", Helvetica, Arial, sans-serif;
}
 
.C_Korean{
    font-family: "NotoSansCJKkr", "NotoSans", Helvetica, Arial, sans-serif;
}


/* data-language mapping */
html[data-language="Korean"] body{
    font-family: "NotoSansCJKkr", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Korean"] *{
    word-break: keep-all;
}

html[data-language="Korean"] sup{
	font-family: "NotoSans", "NotoSansCJKkr", Helvetica, Arial, sans-serif;
}
 
html[data-language="Japanese"] body{
    font-family: "NotoSansCJKjp", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Chinese"] body{
    font-family: "NotoSansSC", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="TraditionalChinese"] body{
    font-family: "NotoSansTC", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Thai"] body{
    font-family: "NotoSansThai", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Hindi"] body, 
html[data-language="Marathi"] body{
    font-family: "NotoSansDevanagari", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Bengali"] body{
    font-family: "NotoSansBengali", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Telugu"] body{
    font-family: "NotoSansTelugu", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Tamil"] body{
    font-family: "NotoSansTamil", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Gujarati"] body{
    font-family: "NotoSansGujarati", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Kannada"] body{
    font-family: "NotoSansKannada", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Odia"] body{
    font-family: "AnekOdia", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Malayalam"] body{
    font-family: "Gayathri", "NotoSans", Helvetica, Arial, sans-serif;
}

html[data-language="Punjabi"] body{
    font-family: "NotoSansGurmukhi", "NotoSans", Helvetica, Arial, sans-serif;
}