/* 2026-11-12 진료 페이지 본문 FAQ (/inc/faqBlock.php) */
.bfq{font-family:Pretendard,sans-serif;box-sizing:border-box;padding:clamp(56px,7vw,120px) 20px;background:#f5f7fa;color:#0f172a}
.bfq *{box-sizing:border-box}
.bfq-in{max-width:1000px;margin:0 auto}
.bfq-eyebrow{margin:0 0 8px;font-size:15px;font-weight:700;letter-spacing:2px;color:#177fbb;text-align:center}
.bfq-title{margin:0 0 clamp(24px,3vw,40px);font-size:clamp(24px,2.1vw,40px);font-weight:700;line-height:1.36;letter-spacing:-.8px;color:#0f172a;text-align:center}
.bfq-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 clamp(20px,2.4vw,32px)}
.bfq-tab{appearance:none;-webkit-appearance:none;margin:0;padding:10px 18px;border:1px solid #d5dde6;border-radius:999px;background:#fff;color:#475569;font:inherit;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.2px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bfq-tab:hover{border-color:#177fbb;color:#177fbb}
.bfq-tab.on{background:#163348;border-color:#163348;color:#fff}
.bfq-tab:focus-visible,.bfq-item summary:focus-visible{outline:2px solid #177fbb;outline-offset:2px}
.bfq-list{display:flex;flex-direction:column;gap:10px}
.bfq-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}
.bfq-item[hidden]{display:none}
.bfq-item[open]{border-color:#177fbb}
.bfq-item summary{display:flex;align-items:flex-start;gap:12px;padding:20px 22px;cursor:pointer;list-style:none}
.bfq-item summary::-webkit-details-marker{display:none}
.bfq-q{flex:none;width:28px;height:28px;border-radius:50%;background:#177fbb;color:#fff;font-size:15px;font-weight:700;line-height:28px;text-align:center}
.bfq-qt{flex:1;min-width:0;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.3px;color:#0f172a;word-break:keep-all}
.bfq-ico{flex:none;position:relative;width:20px;height:20px;margin-top:4px}
.bfq-ico::before,.bfq-ico::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:#64748b;transform:translate(-50%,-50%);transition:transform .2s}
.bfq-ico::after{transform:translate(-50%,-50%) rotate(90deg)}
.bfq-item[open] .bfq-ico::after{transform:translate(-50%,-50%) rotate(0)}
.bfq-a{padding:0 22px 22px 62px}
.bfq-a p{margin:0;font-size:16px;font-weight:400;line-height:1.75;letter-spacing:-.2px;color:#334155;word-break:keep-all}
.bfq-a p+p{margin-top:10px}
.bfq-note{margin:clamp(18px,2vw,26px) 0 0;font-size:14px;line-height:1.6;color:#64748b;text-align:center;word-break:keep-all}
@media (max-width:768px){
  .bfq{padding:48px 16px}
  .bfq-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bfq-tabs::-webkit-scrollbar{display:none}
  .bfq-tab{flex:none;padding:9px 14px;font-size:14px}
  .bfq-item summary{padding:16px;gap:10px}
  .bfq-q{width:24px;height:24px;font-size:13px;line-height:24px}
  .bfq-qt{font-size:16px}
  .bfq-ico{margin-top:2px}
  .bfq-a{padding:0 16px 18px 16px}
  .bfq-a p{font-size:15px}
  .bfq-note{font-size:13px;text-align:left}
}
/* 답변 아래 관련 페이지 바로가기 */
.bfq-a .bfq-more{margin-top:14px}
.bfq-a .bfq-more a{font-size:15px;font-weight:600;color:#177fbb;text-decoration:underline;text-underline-offset:3px}