@charset "utf-8";

/********************************************************
■ PyeojinGothic 웹폰트 적용
********************************************************/

@font-face {
    font-family: 'PyeojinGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'PyeojinGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'PyeojinGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

/********************************************************
■ PC 폰트 설정
********************************************************/

html {
    font-size: 14px;
}

body {
    font-size: 14px !important;
    font-family: 'PyeojinGothic', 'dotum', sans-serif !important;
    line-height: 1.8;
}

.f-de {
    font-size: 14px !important;
    font-family: 'PyeojinGothic', sans-serif !important;
}

.f-xs {
    font-size: 12px !important;
    font-family: 'PyeojinGothic', sans-serif !important;
}

.f-sm,
.input-group-text {
    font-size: 14px !important;
    font-family: 'PyeojinGothic', sans-serif !important;
}

.f-md {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: 'PyeojinGothic', sans-serif !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.f-mo {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: 'PyeojinGothic', sans-serif !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.f-lg {
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-family: 'PyeojinGothic', sans-serif !important;
    margin-bottom: 0.25rem !important;
}

.f-xl {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: 'PyeojinGothic', sans-serif !important;
    margin-bottom: 0.25rem !important;
}

.na-list li {
    line-height: 2.0;
}

.is-line .na-list li {
    line-height: 1.9;
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid #efefef;
}

.na-flex .py-2 {
    padding-top: 0.60rem !important;
    padding-bottom: 0.60rem !important;
}

@media all and (min-width: 768px) {
    .na-table .py-md-2 {
        padding-top: 0.60rem !important;
        padding-bottom: 0.60rem !important;
    }
}

@media all and (max-width: 767px) {
    .na-table .py-2 {
        padding-top: 0.60rem !important;
        padding-bottom: 0.60rem !important;
    }
}