@charset "utf-8";
@import url('../../../../nariya/css/font/NEXON_Lv2_Gothic.css');
/********************************************************
■ PC 폰트
********************************************************/
/* 기준 폰트 */
html {
    font-size: 12px; 
}
/* 제목, 내용 등 기본 폰트 */
body {
    font-size: 12px !important;
    font-family: 'NEXON Lv2 Gothic', sans-serif !important;
    line-height: 1.8;
    color: #222; /* 세련된 검은색으로 기본 텍스트 색상 변경 */
}
/* 일반 기본 폰트 */
.f-de {
    font-size: 12px !important;
    color: #222; /* 세련된 검은색 적용 */
}



/* 게시판 글제목 */
#bo_v_title {
    font-size: 15px !important;
    color: #111; /* 제목은 더 진한 검은색으로 강조 */
    font-weight: 600; /* 제목 굵기 강화 */
    letter-spacing: -0.02em; /* 자간 미세 조정 */
}
/* 게시판 글내용 */
#bo_v_con {
    font-size: 13px !important;
    line-height: 1.7;
    color: #333; /* 본문 색상 */
}
/* 주석 등 */
.f-xs {
    font-size: 11px !important;
    color: #666; /* 덜 중요한 텍스트는 연한 검은색 */
}
/* 정보(조회, 날짜) 등 */
.f-sm {
    font-size: 12px !important;
    color: #555; /* 중간 톤의 검은색 */
}
/* 입력폼 */
.input-group-text {
    font-size: 12px !important;
    color: #333; /* 입력폼 텍스트 색상 */
}
/* 주메뉴, 텍스트 로고 등 */
.f-md {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-family: 'NEXON Lv2 Gothic', sans-serif !important;
    font-weight: 500 !important; /* 가중치 증가 */
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #222; /* 세련된 검은색 */
    letter-spacing: -0.01em; /* 자간 미세 조정 */
}
/* 모바일 헤더(텍스트 로고) 등 */
.f-mo {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-family: 'NEXON Lv2 Gothic', sans-serif !important;
    font-weight: 500 !important; /* 가중치 증가 */
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #111; /* 진한 검은색 */
}
/* 일반 위젯 타이틀 등 */
.f-lg {
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-family: 'NEXON Lv2 Gothic', sans-serif !important;
    margin-bottom: 0.25rem !important;
    color: #222; /* 세련된 검은색 */
    font-weight: 500; /* 약간 더 두껍게 */
}
/* 특수 위젯 타이틀 등 */
.f-xl {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: 'NEXON Lv2 Gothic', sans-serif !important;
    margin-bottom: 0.25rem !important;
    color: #111; /* 진한 검은색 */
    font-weight: 600; /* 더 두껍게 */
    letter-spacing: -0.02em; /* 자간 미세 조정 */
}
/* 각종 타이틀 */
h1, h2, h3, h4, h5, h6, .en { 
    font-family: 'NEXON Lv2 Gothic', sans-serif !important;
    color: #111; /* 진한 검은색 */
    letter-spacing: -0.02em; /* 자간 미세 조정 */
}
/* 분류탭 */
.sly-tab {
    font-size: 14px !important;
    color: #444; /* 중간 톤의 검은색 */
}
/* 목록 헤드 */
.list-head,
.na-table-head > div {
    font-size: 14px !important;
    color: #444; /* 중간 톤의 검은색 */
    font-weight: 500; /* 약간 더 두껍게 */
}
/* 위젯 목록 라인 */
.na-list li {
    line-height: 1.9;
    color: #333; /* 본문 색상 */
}
/* 위젯 목록 랭크 아이콘 */
.na-list li .rank-icon {
    position: relative;
    top: 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;
    }
}
/* 체크박스, 라디오버튼 재지정 */
.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: 26px !important;
    }
}

/* 링크 색상 세련되게 조정 */
a {
    color: #222;
    transition: color 0.2s ease;
}
a:hover {
    color: #000;
    text-decoration: none;
}

/* 버튼 세련된 스타일 */
.btn {
    font-weight: 500;
    letter-spacing: -0.01em;
}

/* 세련된 강조 텍스트 */
.text-primary {
    color: #333 !important;
}
.text-dark {
    color: #111 !important;
}

/* 테이블 세련된 스타일 */
.table {
    color: #333;
}
.table th {
    color: #222;
    font-weight: 500;
}