/* BASIC css start */
/* 상단 제목 - MEMBERSHIP */
.faq-header .faq-title {
    font-family: 'Pretendard', sans-serif;
    color: #502c1d;        /* 브라운 글자 */
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin: 60px 0 20px;
}

/* 소제목 전체 박스 */
.faq-header .faq-subtabs {
    display: flex;
    justify-content: center; /* 가로 중앙 */
    margin-bottom: 40px;
}

/* ul 초기화 */
.faq-header .faq-subtabs ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px; /* 버튼 간격 */
}

/* li 기본 */
.faq-header .faq-subtabs ul li {
    list-style: none;
}

/* a 버튼 스타일 - MEMBERSHIP 제외 */
.faq-header .faq-subtabs ul li a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #502c1d;
    background-color: #f5e6dc;
    padding: 12px 28px;
    border-radius: 28px;
    text-decoration: none;
    transition: all 0.2s ease;
    font-family: 'Pretendard', sans-serif;
}

/* hover - MEMBERSHIP 제외 */
.faq-header .faq-subtabs ul li:not(:last-child) a:hover {
    background-color: #f5e6dc; /* 밝아짐 */
}

.faq-header .faq-subtabs ul li.on a,
.faq-header .faq-subtabs ul li:last-child a {
    background-color: transparent; /* 배경 없애기 */
    color: #502c1d;                /* 글자 브라운 */
    border: 3px solid #f5e6dc;     /* 베이지 테두리 */
    font-weight: 600;
    pointer-events: none;          /* 호버 효과 제거 */
}

/* NOTICE, FAQ, Q&A 기본 - 브라운 배경 */
.faq-header .faq-subtabs ul li:not(:last-child) a {
    background-color: #f5e6dc; /* 기본 브라운 */
    color: #502c1d
}

/* hover 시 밝아짐 */
.faq-header .faq-subtabs ul li:not(:last-child) a:hover {
    background-color: #f5e6dc; /* 밝아짐 */
}

/* 선택된 메뉴 - 서버에서 .on 붙일 때만 밝게 */
.faq-header .faq-subtabs ul li.on:not(:last-child) a {
    background-color: #f5e6dc; /* 밝은 배경 */
    color: #502c1d
}

.faq-header .faq-subtabs ul li:last-child a {
    pointer-events: auto; /* 클릭 가능 */
}

/* BASIC css end */