:root { --main-green: #2d5a27; }

.qna-container { max-width: 800px; margin: 60px auto; padding: 0 20px; font-family: 'Noto Sans KR', sans-serif; }
.qna-header { text-align: center; margin-bottom: 40px; }

.trust-text { color: var(--main-green); font-size: 13px; letter-spacing: 2px; font-weight: 600; margin-bottom: 10px; display: block; }

.qna-title { font-size: 32px; font-weight: 700; color: #333; margin-top: 5px; }

.title-line { width: 40px; height: 2px; background: var(--main-green); margin: 20px auto; }

.qna-wrapper { border-top: 2px solid var(--main-green); }

.qna-item { border-bottom: 1px solid #ddd; }

.qna-question { display: flex; align-items: center; padding: 22px 25px; cursor: pointer; background: #f8f9f7;  transition: background 0.3s; }

.qna-question:hover { background: #f1f3f0; }

.q-icon { font-weight: 700; color: var(--main-green); margin-right: 18px; font-size: 22px; }
.q-text { flex: 1; font-size: 18px; font-weight: 600; color: #222; }

.arrow-icon { font-size: 12px; color: #999; transition: transform 0.3s ease; }

.qna-answer { max-height: 0; overflow: hidden; background: #ffffff; transition: max-height 0.4s ease-out; }
.qna-answer p { padding: 30px 60px; line-height: 1.8; color: #444; font-size: 16px; }

.qna-item.active .qna-answer { max-height: 1000px; border-top: 1px inset #eee; }
.qna-item.active .arrow-icon { transform: rotate(180deg);}
.qna-item.active .qna-question { background: #f1f3f0; }

/* 반응형 웹 */
@media (max-width: 768px) {
    .qna-container { margin: 40px auto; }
    .qna-title { font-size: 26px; }
    
    .qna-question { padding: 18px 15px; }
    .q-icon { font-size: 20px; margin-right: 12px; }
    .q-text { font-size: 16px; }
    
    .qna-answer p { padding: 20px 20px; font-size: 15px; }
}