@charset "utf-8";

/* =========================================================================
   FAQ 아코디언 공용 컴포넌트 (.faq-acc)
   - 여러 페이지에서 동일 패턴·다른 내용으로 재사용
   - 마크업: section.faq-acc > .faq-acc-wrap(widthType2) > h2.faq-acc-toggle + .faq-acc-body(.faq-acc-desc + dl.faq-list > .faq-item > dt>button.faq-q + dd.faq-a)
   - 동작: /include/js/faq.js (섹션 토글 + 각 질문 토글)
   - 색상: --base3 배경, --base5(#CA5400) 액센트
   ========================================================================= */
.faq-acc{width:100%;background:var(--base3);padding:12px 0;}
.faq-acc-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:6px 8px;cursor:pointer;color:#fff;}
.faq-acc-toggle .tt{font-size:var(--fs16);font-weight:500;line-height:normal; color:var(--base2);}
.faq-acc-toggle .ar{flex:none;font-size:15px;color:var(--base5);transition:transform .3s;}
.faq-acc.open {padding:30px 0;}
.faq-acc.open .faq-acc-toggle .ar{transform:rotate(180deg);}
.faq-acc-body{max-height:0;overflow:hidden;transition:max-height .45s ease;}
.faq-acc.open .faq-acc-body{max-height:3000px;}
.faq-acc-desc{margin:20px 8px 26px;color:var(--base4);font-size:var(--fs16);line-height:1.6;}

.faq-acc .faq-list{margin:0;border-top:1px solid rgba(255,255,255,0.14);}
.faq-acc .faq-item{border-bottom:1px solid rgba(255,255,255,0.14);}
.faq-acc dt{margin:0;}
.faq-acc .faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:26px 8px;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;color:#fff;font-size:19px;font-weight:600;line-height:1.5;}
.faq-acc .faq-q .faq-q-tt{margin:0;padding:0;font-size:16px;color:inherit; font-weight:450;}
.faq-acc .faq-q .ico{flex:none;width:26px;height:26px;position:relative;}
.faq-acc .faq-q .ico:before,.faq-acc .faq-q .ico:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background:var(--base5);transform:translate(-50%,-50%);}
.faq-acc .faq-q .ico:after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .3s;}
.faq-acc .faq-item.open .faq-q .ico:after{opacity:0;}
.faq-acc dd{margin:0;}
.faq-acc .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.faq-acc .faq-item.open .faq-a{max-height:600px;}
.faq-acc .faq-a p{padding:0 8px 28px;margin:0;color:var(--base4);font-size:var(--fs16);line-height:1.75;}

@media (max-width:767px){
	.faq-acc{padding:24px 0;}
	.faq-acc-desc{font-size:15px;}
	.faq-acc .faq-q{padding:20px 4px;font-size:16px;}
	.faq-acc .faq-a p{padding:0 4px 22px;font-size:15px;}
}