@charset "utf-8";

/* FAQ 아코디언 스타일 */
.faq-accordion{margin-top:40px}
.faq-item{border-bottom:1px solid #E1E6EF;margin-bottom:0;background:#fff}
.faq-item:first-child{border-top:none}
.faq-question{padding:35px 50px 35px 0;cursor:pointer;position:relative;background:#fff;transition:background 0.2s;display:flex;align-items:center;gap:30px}
.faq-question:hover{background:#fff}
.faq-question-number{color:var(--main-color);font-weight:bold;font-size: 36px;flex-shrink:0;min-width:40px}
.faq-question::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-90deg);transition:transform 0.3s;width:24px;height:24px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23835211' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18l6-6-6-6'/></svg>");background-repeat:no-repeat;background-position:center;background-size:24px 24px;opacity:1}
.faq-question.active::after{transform:translateY(-50%) rotate(90deg)}
.faq-question-text{flex:1;font-size: 36px;font-weight:bold;color:#111}
.faq-edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:bold;text-decoration:none;border:1px solid var(--main-color);background:var(--bg-color);color:var(--main-color);transition:all 0.3s;margin-left:auto;flex-shrink:0}
.faq-edit-btn:hover{background:var(--main-color);color:var(--bg-color)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;background:#fff}
.faq-answer.active{max-height:1000px;transition:max-height 0.5s ease-in}
.faq-answer-content{padding:0 0 35px 70px;display:flex;gap:30px;align-items:flex-start}
.faq-answer-text{flex:1;line-height:1.8;font-size:20px;color:#575B6B}

@media (max-width:1024px){
.faq-question{padding:20px 40px 20px 0;gap:20px}
.faq-question-number{min-width:32px;font-size: 20px;}
.faq-question::after{right:0;width:20px;height:20px;background-size:20px 20px}
.faq-question-text{font-size: 20px;}
.faq-answer-content{padding:0 0 20px 52px;gap:20px}
.faq-answer-text{font-size: 18px;}
}