@charset "utf-8";

/* Pretendard 웹폰트 (기존 NEXON Lv2 Gothic 대체) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/********************************************************
■ PC / 모바일 공통 폰트
********************************************************/

/* 기준 폰트 */
html {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 제목, 내용 등 기본 폰트 */
body {
    font-size: 14px !important;
    font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.025em;
    word-break: keep-all;
    -webkit-font-smoothing: antialiased;
}

/* 입력 요소에도 동일한 폰트 적용 */
button, input, select, textarea {
    font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    letter-spacing: -0.02em;
}

/* 일반 기본 폰트 */
.f-de {
    font-size: 15px !important;
    line-height: 1.7;
    letter-spacing: -0.025em;
}

/* 게시판 글제목 */
#bo_v_title {
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.035em;
}

#bo_v_con h2 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.035em;
}

#bo_v_con h3 {
    font-size: 17px;
    line-height: 1.55;
    letter-spacing: -0.03em;
}

/* 게시판 글내용 */
#bo_v_con {
    font-size: 15px !important;
    line-height: 1.8;
    letter-spacing: -0.015em;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 주석 등 */
.f-xs {
    font-size: 13px !important;
    letter-spacing: -0.015em;
}

/* 정보(조회, 날짜) 등 */
.f-sm {
    font-size: 12px !important;
    letter-spacing: -0.01em;
}

/* 입력폼 */
.input-group-text {
    font-size: 14px !important;
    letter-spacing: -0.02em;
}

/* 주메뉴, 텍스트 로고 등 */
.f-md {
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* 모바일 헤더(텍스트 로고) 등 */
.f-mo {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.035em;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

/* 일반 위젯 타이틀 등 */
.f-lg {
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin-bottom: 0.25rem !important;
}

/* 특수 위젯 타이틀 등 */
.f-xl {
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    font-weight: 700;
    letter-spacing: -0.035em;
    margin-bottom: 0.25rem !important;
}

/* 각종 타이틀 */
h1, h2, h3, h4, h5, h6, .en {
    font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    letter-spacing: -0.035em;
}

#bo_v h1, #bo_v h2, #bo_v h3, #bo_v h4, #bo_v h5, #bo_v h6 {
    font-weight: 700 !important;
}

/* 분류탭 */
.sly-tab {
    font-size: 14px !important;
    letter-spacing: -0.025em;
}

/* 목록 헤드 */
.list-head,
.na-table-head > div {
    font-size: 14px !important;
    letter-spacing: -0.025em;
}

/* 위젯 목록 라인 */
.na-list li {
    line-height: 1.85;
}

/* 위젯 목록 랭크 아이콘 */
.na-list li .rank-icon {
    position: relative;
    top: 0;
}

.is-line .na-list li {
    line-height: 1.85;
    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;
    }
}

/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after {
    top: 5px !important;
}

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
    margin-top: 2px !important;
}

/* 그리드 간격 */
.na-row {
    margin-left: -13px !important;
    margin-right: -13px !important;
}

.na-col {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

@media all and (min-width: 768px) {
    #nt_body .nt-container.pt-sm-4,
    #nt_body .nt-container.py-sm-4 {
        padding-top: 25px !important;
    }
}