.faq-container h3 {
    font-size: 1.5rem;
    color: #1a73e8;
    margin-top: 40px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f3f4;
}

.faq-item {
    border-bottom: 1px solid #e0e0e0;
}

.faq-question {
    width: 100%;
    background-color: #fff;
    border: none;
    text-align: left;
    padding: 20px;
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s;
}

.faq-question:hover {
    background-color: #f8f9fa;
}

/* 질문 뒤에 + 아이콘 추가 */
.faq-question::after {
    content: '+';
    font-size: 1.5rem;
    color: #80868b;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

/* 활성화(active)된 질문의 + 아이콘을 - 로 변경 (회전) */
.faq-question.active::after {
    content: '+'; /* 모양은 유지하되 회전만 시킴 */
    transform: translateY(-50%) rotate(45deg);
}

.faq-answer {
    max-height: 0; /* 평소에는 높이를 0으로 하여 숨김 */
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out; /* 부드러운 펼침/닫힘 효과 */
    background-color: #f8f9fa;
    padding: 0 20px;
}

.faq-answer p {
    margin: 0;
    padding: 20px 0;
    line-height: 1.7;
}