@charset "utf-8";
/* Q&A 게시판 전용 스타일 (이미지 디자인 반영) */
.faq-list-container {
    border-top: 2px solid #222; /* 리스트 상단 굵은 검은색 선 */
}
.faq-item {
    border-bottom: 1px solid #ebebeb; /* 리스트 항목 간 얇은 회색 선 */
    transition: background-color 0.2s ease;
}
.faq-item:hover {
    background-color: #fbfbfb; /* 마우스 오버 시 살짝 밝은 배경 */
}
.faq-header {
    padding: 20px 15px;
    cursor: pointer;
    display: flex;
    align-items: center; /* 단일 텍스트일 때 완벽한 수직 중앙 정렬 */
}
.faq-header .q-icon {
    width: 34px;
    height: 34px;
    background-color: #df5d5d; /* 붉은색 원형 */
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center; /* flex 정렬 활용 */
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.faq-header .q-text {
    font-weight: 700;
    font-size: 1.05rem;
    color: #333;
    transition: color 0.2s;
    margin-left: 15px;
}
.faq-header[aria-expanded="true"] .q-text,
.faq-header:hover .q-text {
    color: #000; /* 활성화 및 오버 시 더 진하게 */
}
.faq-body-wrap {
    padding: 0 15px 25px 15px;
}
.faq-body {
    background-color: #f9f9f9; /* 연한 회색 배경 */
    padding: 24px;
    border-radius: 8px;
    display: flex;
    align-items: flex-start; /* 다중행 텍스트를 위해 top 기준 정렬 */
}
/* [수정] A 아이콘을 Q와 동일한 원형 구조로 변경 및 Flex 정렬 적용 */
.faq-body .a-icon {
    width: 34px;
    height: 34px;
    background-color: #fff; /* 흰색 원형 배경 추가 */
    color: #df5d5d;
    border-radius: 50%; /* 원형 스타일 */
    display: flex;
    align-items: center; /* 내부 'A' 텍스트 중앙 정렬 */
    justify-content: center;
    font-weight: 700; /* Q와 동일하게 700으로 교체 */
    font-size: 1.1rem; /* Q와 동일한 크기로 교체 */
    flex-shrink: 0;
    margin-right: 15px;
    /* margin-top: -2px; 기존 하드코딩 제거 */
}
/* [수정] A 텍스트 패딩 추가 */
.faq-body .a-text {
    color: #333;
    font-size: 0.95rem;
    line-height: 1.7;
    word-break: break-all;
    padding-top: 4px; /* 원형 아이콘(34px)의 시각적 중앙과 첫 줄 텍스트 중앙을 맞추기 위한 미세 패딩 */
}

/* 페이징 버튼 색상 (붉은색 테마 맞춤) */
.page-nav .pg_current {
    background-color: #df5d5d !important;
    border-color: #df5d5d !important;
    color: #fff !important;
}