/* 시술 메뉴 한 줄(대표님 10/23 21:3x «메뉴들은 모두 상단으로» · «메뉴처럼 보이게») — 분과 탭(clinical-nav) 바로 아래 · 같은 꾸밈 결(테두리 · 모서리 · 강조색)
   갈래 쪽 7 · 시술 쪽 16 공통 · 지금 쪽 = aria-current=page(눌린 꼴) · 휴대폰은 한 줄 옆으로 넘김(줄 바꿈 0 · 16px) */
.tx-subnav{width:min(1200px,calc(100% - 184px));margin:14px auto 0}
.subpage .tx-subnav{max-width:calc(100% - 240px)}
.tx-subnav-inner{display:flex;flex-wrap:wrap;gap:10px}
.tx-subnav a{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;border:1px solid #d9d1dc;border-radius:14px 0 14px 0;background:#fff;color:var(--accent);font:500 16px/1.4 Pretendard,sans-serif;word-break:keep-all;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.tx-subnav a:hover{background:#f6f3f7;border-color:#bfb0c6}
.tx-subnav a[aria-current=page]{background:#f3edf6;border-color:var(--accent);color:var(--accent);font-weight:700}  /* 분과 탭(꽉 채움)보다 한 단 옅게 — 위계(D69-4) */
.tx-subnav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:1024px){.tx-subnav{width:calc(100% - 48px);margin-top:12px}.subpage .tx-subnav{max-width:none}}
@media (max-width:767px){
  /* 줄을 화면 오른쪽 끝까지 늘려 다음 탭이 비치게 + 끝을 옅게(더 넘길 것이 있다는 표시 · D69-3) */
  .tx-subnav{width:auto;margin-left:24px;margin-right:0}
  .tx-subnav-inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 24px 2px 0}
  .tx-subnav-inner.tx-r{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .tx-subnav-inner.tx-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
  .tx-subnav-inner.tx-l.tx-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
  .tx-subnav-inner::-webkit-scrollbar{display:none}
  .tx-subnav a{flex:none;white-space:nowrap;font-size:16px;min-height:44px;padding:9px 16px}
}