@charset "utf-8";
/* 기부하기 > 기부FAQ — 아코디언 */

.faq-link{
  display:flex;justify-content:center;margin:-24px 0 44px;
}
.faq-link a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:999px;
  background:var(--sky-soft);color:var(--brand-strong);
  font-size:13.5px;font-weight:700;
  transition:background .18s;
}
.faq-link a:hover{background:#d3e9f4}

.faq{display:flex;flex-direction:column;gap:14px;max-width:820px;margin:0 auto}
.faq-item{
  border-radius:var(--radius-l);background:var(--surface);
  border:1px solid var(--line);box-shadow:var(--shadow-s);overflow:hidden;
}
.faq-item[open]{border-color:var(--line-strong)}

.faq-item summary{
  display:flex;align-items:center;gap:16px;
  padding:22px 26px;cursor:pointer;list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}

.faq-item__q{
  flex:0 0 auto;display:grid;place-items:center;
  width:34px;height:34px;border-radius:11px;
  background:var(--sky-soft);color:var(--brand-strong);
  font-size:16px;font-weight:900;
}
.faq-item[open] .faq-item__q{background:linear-gradient(140deg,var(--sky),var(--brand));color:#fff}

.faq-item__title{
  flex:1 1 auto;font-size:15.5px;font-weight:700;line-height:1.5;
  color:var(--text);word-break:keep-all;
}

.faq-item__chevron{
  flex:0 0 auto;color:var(--text-dim);transition:transform .25s;
}
.faq-item[open] .faq-item__chevron{transform:rotate(180deg);color:var(--brand)}

.faq-item__a{
  display:flex;gap:16px;
  padding:0 26px 24px calc(26px + 34px + 16px);
  font-size:14.5px;line-height:1.85;color:var(--text-mid);word-break:keep-all;
}
.faq-item__a a{color:var(--brand-strong);font-weight:700}
.faq-item__a a:hover{text-decoration:underline}
.faq-item__a p + p{margin-top:10px}

@media (max-width:560px){
  .faq-item summary{padding:18px 18px 18px 16px;gap:12px}
  .faq-item__q{width:28px;height:28px;font-size:14px;border-radius:9px}
  .faq-item__a{padding:0 20px 20px calc(16px + 28px + 12px)}
}