/* font_family */
@font-face {
    font-family: 'HanwhaGothicL';
    font-style: normal;
    font-weight: 300;
    src: url('../assets/fonts/HanwhaGothicL.eot'),
         url('../assets/fonts/HanwhaGothicL.woff') format('woff'),
         url('../assets/fonts/HanwhaGothicL.woff2') format('woff2'); 
}
@font-face {
    font-family: 'HanwhaGothicR';
    font-style: normal;
    font-weight: 500;
    src: url('../assets/fonts/HanwhaGothicR.eot'),
         url('../assets/fonts/HanwhaGothicR.woff') format('woff'),
         url('../assets/fonts/HanwhaGothicR.woff2') format('woff2');
}
@font-face {
    font-family: 'HanwhaGothicB';
    font-style: normal;
    font-weight: 700;
    src: url('../assets/fonts/HanwhaGothicB.eot'),
         url('../assets/fonts/HanwhaGothicB.woff') format('woff'),
         url('../assets/fonts/HanwhaGothicB.woff2') format('woff2');
}
@font-face {
    font-family: 'HanwhaR';
    font-style: normal;
    font-weight: normal;
    src: local(''), url('../assets/fonts/HanwhaR.woff') format('woff');
}

* {
    font-family: 'HanwhaGothic';
    font-size: 10px;
}
.cn {
    font-family: 'Microsoft YaHei UI', 'apple sd gothic neo', sans-serif, 'Microsoft JhengHei UI';
}
.vn {
font-family: Calibri, 'Gill Sans', 'Gill Sans MT';
}
.ru {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.title-3 {
    font-family: 'HanwhaGothicB';
    font-size: 4rem;
    line-height: 60px;
    font-weight: 700;
    color: var(--color-text-body);
}

.title-4 {
    font-family: 'HanwhaGothicB';
    font-size: 3.6rem; 
    line-height: 54px;
    font-weight: 700;
    color: var(--color-text-body);
}

.title-5 {
    font-family: 'HanwhaGothicB';
    font-size: 3.2rem;
    line-height: 48px;
    font-weight: 700;
    color: var(--color-text-body-1);
}

.subtitle-2 {
    font-family: 'HanwhaGothicR';
    font-size: 3.2rem;
    line-height: 48px;
    font-weight: 400;
    color: var(--color-text-body-1);
}

.subtitle-3 {
    font-family: 'HanwhaGothicR';
    font-size: 2.8rem;
    line-height: 42px;
    font-weight: 400;
    color: var(--color-text-body-1);
}

.body-1 {
    font-family: 'HanwhaGothicL';
    font-size: 3.2rem;
    line-height: 150%;
    font-weight: 300;
    color: var(--color-text-body-2);
}

.body-2 {
    font-family: 'HanwhaGothicL';
    font-size: 2.8rem;
    line-height: 42px;
    font-weight: 300;
    color: var(--color-text-body-2);
}

.caption {
    font-family: 'HanwhaGothicL';
    font-size: 2.4rem;
    line-height: 140%;
    font-weight: 300;
    color: var(--color-text-body-3);
}