.board-faq{border-top:2px solid var(--c-text)}

.board-faq__item{border-bottom:1px solid var(--c-line)}

.board-faq__q{
  display:flex;align-items:flex-start;gap:16px;
  width:100%;
  padding:22px 44px 22px 4px;
  position:relative;
  background:none;border:0;
  text-align:left;
  cursor:pointer;
  transition:var(--tr);
}
.board-faq__q:hover .board-faq__title{color:var(--c-primary)}

.board-faq__q::after{
  content:'';
  position:absolute;top:30px;right:10px;
  width:9px;height:9px;
  border-right:2px solid var(--c-text-mute);
  border-bottom:2px solid var(--c-text-mute);
  transform:rotate(45deg);
  transition:transform var(--tr);
}
.board-faq__item.is-open .board-faq__q::after{
  transform:rotate(-135deg);
  border-color:var(--c-primary);
}

.board-faq__mark{
  flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;
  border-radius:50%;
  background:var(--c-primary);
  color:#fff;
  font-family:var(--f-head);
  font-size:15px;
  font-weight:700;
}
.board-faq__mark--a{
  background:var(--c-bg-alt);
  color:var(--c-text-mute);
}

.board-faq__title{
  padding-top:4px;
  font-size:var(--fs-body);
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.02em;
  color:var(--c-text);
  transition:color var(--tr);
}

.board-faq__a{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease;
}
.board-faq__item.is-open .board-faq__a{grid-template-rows:1fr}

.board-faq__inner{
  display:flex;align-items:flex-start;gap:16px;
  overflow:hidden;
  padding:0 4px;
}
.board-faq__item.is-open .board-faq__inner{padding:4px 4px 26px}

.board-faq__body{
  padding-top:4px;
  color:var(--c-text-sub);
  line-height:var(--lh-body);
}
.board-faq__body p+p{margin-top:.8em}
.board-faq__body ul{list-style:disc;padding-left:1.3em}
.board-faq__body ol{list-style:decimal;padding-left:1.3em}
.board-faq__body a{color:var(--c-primary);text-decoration:underline}
.board-faq__body img{margin:12px 0;border-radius:var(--radius)}


/* ========== B — 카드 분리 ========== */
.board-faq--b{
  border-top:0;
  display:flex;flex-direction:column;gap:12px;
}

.board-faq--b .board-faq__item{
  border:1px solid var(--c-line);
  border-radius:var(--radius);
  background:var(--c-bg);
  transition:border-color var(--tr), box-shadow var(--tr);
}
.board-faq--b .board-faq__item.is-open{
  border-color:var(--c-primary);
  box-shadow:var(--shadow);
}

.board-faq--b .board-faq__q{padding:18px 54px 18px 18px}

.board-faq--b .board-faq__q::after{
  top:27px;right:22px;
  width:8px;height:8px;
  border-width:1.6px;
}

.board-faq--b .board-faq__mark{
  width:28px;height:28px;
  border-radius:var(--radius);
  font-size:14px;
}
.board-faq--b .board-faq__mark--a{
  background:var(--c-bg-alt);
  color:var(--c-point);
}

.board-faq--b .board-faq__title{padding-top:3px}

.board-faq--b .board-faq__inner{padding:0 18px}
.board-faq--b .board-faq__item.is-open .board-faq__inner{padding:2px 18px 22px}

@media (max-width:1024px){
  .board-faq__q{gap:12px;padding:18px 36px 18px 2px}
  .board-faq__q::after{top:25px;right:6px}
  .board-faq__mark{width:26px;height:26px;font-size:13px}
  .board-faq__title{font-size:15px;padding-top:2px}
  .board-faq__inner{gap:12px;padding:0 2px}
  .board-faq__item.is-open .board-faq__inner{padding:4px 2px 22px}
  .board-faq__body{font-size:var(--fs-sm)}

  /* ========== B — 카드 분리 ========== */
  .board-faq--b .board-faq__q{padding:16px 44px 16px 14px}
  .board-faq--b .board-faq__q::after{top:23px;right:18px}
  .board-faq--b .board-faq__mark{width:25px;height:25px;font-size:12px}
  .board-faq--b .board-faq__inner{padding:0 14px}
  .board-faq--b .board-faq__item.is-open .board-faq__inner{padding:2px 14px 18px}
}