/* 기존 시술 페이지 안에 들어가는 FAQ 블록 (.gtf 네임스페이스만 사용).
   색·서체는 사이트 common.css 변수(--pointcolor, --pointcolor2, --mainfont, --pointfont)를 따르고
   없으면 같은 값의 기본값. 궁금증 Q&A(qa.css)와 같은 톤: 직각, 얇은 선, 포인트 컬러 #c7542d. */
.gtf{--gtf-ink:#3e392e;--gtf-fg:var(--pointcolor2,#595959);--gtf-accent:var(--pointcolor,#c7542d);--gtf-muted:#8a8578;--gtf-line:#cfc9bb;
  --gtf-sans:var(--mainfont,"Pretendard"),"Noto Sans KR","맑은 고딕",system-ui,sans-serif;--gtf-point:var(--pointfont,"Figtree"),var(--mainfont,"Pretendard"),sans-serif;
  text-align:left;color:var(--gtf-fg);font-family:var(--gtf-sans);word-break:keep-all}
.gtf *{box-sizing:border-box}
.gtf .container>*{max-width:960px;margin-left:auto;margin-right:auto}
.gtf [id]{scroll-margin-top:100px}

.gtf__head{margin-bottom:32px;text-align:center}
.gtf__eyebrow{margin:0 0 6px;font-family:var(--gtf-point);font-size:15px;font-weight:800;letter-spacing:.12em;color:var(--gtf-accent)}
.gtf__title{margin:0;font-size:32px;font-weight:700;line-height:1.4;letter-spacing:-.02em;color:var(--gtf-ink)}
.gtf__badge{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:4px 12px;border:1px solid var(--gtf-accent);font-size:12.5px;font-weight:600;line-height:1.6;color:var(--gtf-accent)}
.gtf__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}

.gtf__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}
.gtf__tab{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--gtf-ink);border-radius:0;padding:12px 20px;font:500 14px/1 var(--gtf-sans);letter-spacing:.02em;color:var(--gtf-ink);cursor:pointer}
.gtf__tab:hover{background:#e6e1d4}
.gtf__tab.is-on{background:#000;border-color:#000;color:#fff;font-weight:700}
.gtf__panel[hidden]{display:none}
.gtf__name{margin:36px 0 12px;font-size:20px;font-weight:700;color:var(--gtf-ink)}
.gtf__panel:first-of-type .gtf__name{margin-top:0}
.gtf.is-tabbed .gtf__name{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.gtf__item{border-top:1px solid var(--gtf-line)}
.gtf__panel .gtf__item:last-of-type{border-bottom:1px solid var(--gtf-line)}
.gtf__item>summary{position:relative;display:flex;align-items:flex-start;gap:10px;padding:22px 44px 22px 0;list-style:none;cursor:pointer}
.gtf__item>summary::-webkit-details-marker{display:none}
.gtf__item>summary:after{content:"";position:absolute;right:8px;top:29px;width:9px;height:9px;border-right:1.5px solid var(--gtf-ink);border-bottom:1.5px solid var(--gtf-ink);transform:rotate(45deg);transition:transform .2s}
.gtf__item[open]>summary:after{top:33px;transform:rotate(-135deg)}
.gtf__item>summary:hover .gtf__q{color:var(--gtf-accent)}
.gtf__item>summary:focus-visible{outline:2px solid var(--gtf-accent);outline-offset:2px}
.gtf__qn{flex:0 0 38px;font-family:var(--gtf-point);font-size:15px;font-weight:800;line-height:1.7;color:var(--gtf-accent)}
.gtf__q{flex:1;font-size:17px;font-weight:600;line-height:1.6;color:var(--gtf-ink);transition:color .2s}
.gtf__tag{flex:0 0 auto;margin-top:3px;padding:1px 8px;border:1px solid var(--gtf-line);font-size:11px;line-height:1.6;white-space:nowrap;color:var(--gtf-muted)}
.gtf__a{position:relative;margin:0;padding:0 8px 26px 48px;font-size:15.5px;line-height:1.9;color:var(--gtf-fg)}
.gtf__a:before{content:"A";position:absolute;left:0;top:0;font-family:var(--gtf-point);font-size:15px;font-weight:800;line-height:1.9;color:var(--gtf-muted)}
.gtf__a a{color:var(--gtf-accent);text-decoration:underline;text-underline-offset:3px}
.gtf__admin{margin:16px 0 0;padding:14px 18px;border:1px dashed var(--gtf-accent);background:#fbf4ee;font-size:13.5px;line-height:1.7}
.gtf__admin b{display:block;margin-bottom:4px;font-size:12px;color:var(--gtf-accent)}

@media (max-width:640px){
  .gtf__title{font-size:24px}
  .gtf__tab{padding:10px 14px;font-size:13px}
  .gtf__item>summary{flex-wrap:wrap;row-gap:6px;padding-right:28px}
  .gtf__item>summary:after{right:2px}
  .gtf__qn{flex-basis:30px;font-size:14px}
  .gtf__q{flex-basis:calc(100% - 40px);font-size:16px}
  .gtf__tag{margin-left:40px}
  .gtf__a{padding:0 0 22px 40px;font-size:15px}
}

/* 삽입 섹션 여백 축소 (사이트 .section 250px → 70/130) */
.section.gtf{padding:70px 0 130px}