@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600&display=swap'); #faq-page { padding: 0 16px 30px; } /* 카테고리 탭 - 가로 스크롤 알약형 */ #faq-page .category { border-bottom: 1px solid #eee; margin-bottom: 12px; } #faq-page .category ul { display: flex; gap: 6px; list-style: none; margin: 0; padding: 10px 0 14px; overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } #faq-page .category ul::-webkit-scrollbar { display: none; } #faq-page .category ul li { flex-shrink: 0; } #faq-page .category ul li a { display: inline-block; padding: 9px 16px; border-radius: 20px; background: #f5f5f5; color: #666; font-size: 0.8571rem; font-weight: 500; } #faq-page .category ul li.active a, #faq-page .category ul li.current a, #faq-page .category ul li.selected a { background: var(--point-color); color:var(--text-on-point); font-weight: 600; } /* FAQ 리스트 */ #faq-page .faq { list-style: none; margin: 0; padding: 0; } #faq-page .faq .q { border-bottom: 1px solid #eee; } #faq-page .faq .q .subject { display: flex; align-items: center; padding: 14px 26px 14px 0; font-size: 0.9357rem; font-weight: 500; line-height: 1.4; position: relative; cursor: pointer; } #faq-page .faq .q .subject::before { content: 'Q'; flex-shrink: 0; width: 22px; height: 22px; margin-right: 10px; border-radius: 50%; background: #111; color: #fff; font-size: 0.7857rem; font-weight: 700; text-align: center; line-height: 22px; } #faq-page .faq .q.active .subject { color:var(--point-color); } #faq-page .faq .q .subject::after { content: ''; position: absolute; right: 4px; top: 50%; width: 8px; height: 8px; margin-top: -5px; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; transform: rotate(45deg); transition: transform 0.2s; } #faq-page .faq .q.active .subject::after { transform: rotate(-135deg); margin-top: -2px; } #faq-page .faq .q .a { display: none; padding: 0 0 18px 32px; } #faq-page .faq .q.active .a { display: block; } #faq-page .faq .q .answer { font-size: 0.875rem; line-height: 1.7; color: #666; padding:15px; background:#f7f7f7; }