feat: 홈페이지 FAQ 섹션 추가
- 자주 묻는 질문 4개 Bootstrap 아코디언으로 구현 (기장료, 양도세 상담, 무료 상담, 첫 상담 준비물) - 최종 CTA 섹션 앞에 배치 - site.css: faq-accordion, faq-item, faq-question, faq-answer 스타일 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -703,3 +703,46 @@ img {
|
||||
background-color: var(--color-primary);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* ===== FAQ 아코디언 ===== */
|
||||
.faq-accordion {
|
||||
max-width: 760px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.faq-item {
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-md) !important;
|
||||
margin-bottom: 0.75rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.faq-question {
|
||||
font-weight: 700;
|
||||
color: var(--color-text);
|
||||
background: white;
|
||||
font-size: 1rem;
|
||||
padding: 1.1rem 1.5rem;
|
||||
}
|
||||
.faq-question:not(.collapsed) {
|
||||
color: var(--color-secondary);
|
||||
background: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
.faq-question::after {
|
||||
filter: none;
|
||||
}
|
||||
.faq-question:focus {
|
||||
box-shadow: 0 0 0 3px rgba(200, 157, 110, 0.2);
|
||||
}
|
||||
.faq-answer {
|
||||
background: #fdfcfa;
|
||||
color: var(--color-text-light);
|
||||
line-height: 1.85;
|
||||
padding: 1rem 1.5rem 1.25rem;
|
||||
border-top: 1px solid var(--color-border);
|
||||
}
|
||||
.faq-answer ul {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
.faq-answer ul li {
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user