/* 상세페이지 섹션 이동 메뉴 [SECNAV 20260924]
   PC(1200+)  = 기존 .scroll-heading(h2+링크) 을 카드 목록으로 — 마크업·ScrollSiderBar(script.js) 무변경
               h2 는 "현재 섹션" 줄로 보인다(텍스트 그대로 · 검색 영향 없음)
   칩 모드   = secnav.js 가 만든 칩 바(.tpn) — html.tpn-chip 일 때만 기존 링크를 숨긴다(스크립트 실패 시 현행 유지)
   색  글자 #5f6368(6.05) · 선택 #c2185b(5.87) · 강조선 #ff529d · 민트 글자 미사용 */
@media (min-width:1200px){
  /* .detail-cn 을 앞에 붙인다 — style.css 의 .check-rates/.review-detail .detail-sidebar .scroll-heading{padding-top:40/80px} 를 이기려고(같은 명시도 · 뒤에 로드) */
  .detail-cn .detail-sidebar .scroll-heading{display:flex;flex-direction:column;gap:2px;width:233px;margin-top:16px;padding:8px;
    background:#fff;border:1px solid #eceef1;border-radius:16px;box-shadow:0 10px 30px rgba(17,17,26,.08);box-sizing:border-box}
  .detail-sidebar .scroll-heading .hr{display:none}
  .detail-sidebar .scroll-heading h2,
  .detail-sidebar .scroll-heading a{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:8px 12px;
    border-radius:10px;font-size:15px;line-height:1.35;font-weight:600;letter-spacing:0;box-sizing:border-box;word-break:keep-all;overflow-wrap:anywhere}
  .detail-sidebar .scroll-heading h2{color:#c2185b;background:#fff0f6;box-shadow:inset 3px 0 0 #ff529d;font-weight:700}
  .detail-sidebar .scroll-heading a{color:#5f6368;text-decoration:none;transition:background-color .15s,color .15s}
  .detail-sidebar .scroll-heading a:hover{color:#1a1a1a;background:#f6f7f9}
  .detail-sidebar .scroll-heading a:focus-visible{outline:2px solid #c2185b;outline-offset:1px}
  .detail-sidebar .scroll-heading h2:before,
  .detail-sidebar .scroll-heading a:before{content:"";flex:0 0 20px;width:20px;height:20px;background:currentColor;
    -webkit-mask:var(--tpn-i) center/20px 20px no-repeat;mask:var(--tpn-i) center/20px 20px no-repeat}
  .detail-sidebar .scroll-heading a[href="#check-rates"]{order:1;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 11v5M12 8h.01%22/%3E%3C/svg%3E")}
  #check-rates .detail-sidebar .scroll-heading h2{order:1;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 11v5M12 8h.01%22/%3E%3C/svg%3E")}
  .detail-sidebar .scroll-heading a[href="#reserve"]{order:2;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 3v3M17 3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z%22/%3E%3C/svg%3E")}
  #reserve .detail-sidebar .scroll-heading h2{order:2;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 3v3M17 3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z%22/%3E%3C/svg%3E")}
  .detail-sidebar .scroll-heading a[href="#coupon"]{order:3;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12V4a1 1 0 0 1 1-1h8l9 9-9 9-9-9zM7.5 7.5h.01%22/%3E%3C/svg%3E")}
  #coupon .detail-sidebar .scroll-heading h2{order:3;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12V4a1 1 0 0 1 1-1h8l9 9-9 9-9-9zM7.5 7.5h.01%22/%3E%3C/svg%3E")}
  .detail-sidebar .scroll-heading a[href="#about-area"]{order:4;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM18 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM6 15v-4a4 4 0 0 1 4-4h6M18 9v4a4 4 0 0 1-4 4H8%22/%3E%3C/svg%3E")}
  #about-area .detail-sidebar .scroll-heading h2{order:4;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM18 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM6 15v-4a4 4 0 0 1 4-4h6M18 9v4a4 4 0 0 1-4 4H8%22/%3E%3C/svg%3E")}
  .detail-sidebar .scroll-heading a[href="#review-detail"]{order:5;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12zM12 8.3l1.1 2.2 2.4.3-1.8 1.7.5 2.4-2.2-1.2-2.2 1.2.5-2.4-1.8-1.7 2.4-.3z%22/%3E%3C/svg%3E")}
  #review-detail .detail-sidebar .scroll-heading h2{order:5;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12zM12 8.3l1.1 2.2 2.4.3-1.8 1.7.5 2.4-2.2-1.2-2.2 1.2.5-2.4-1.8-1.7 2.4-.3z%22/%3E%3C/svg%3E")}
  .detail-sidebar .scroll-heading a[href="#about-distance"]{order:6;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21zM12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z%22/%3E%3C/svg%3E")}
  #about-distance .detail-sidebar .scroll-heading h2{order:6;--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21zM12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z%22/%3E%3C/svg%3E")}
}
/* 칩 모드 = script.js ScrollSiderBar 가 꺼지는 조건과 같다($(window).width() < 1200 · 스크롤바 제외 폭) — secnav.js 가 html.tpn-chip 을 붙인다 */
html.tpn-chip .detail-sidebar .scroll-heading a,
html.tpn-chip .detail-sidebar .scroll-heading .hr{display:none}
@media (max-width:1199px){
  .detail-sidebar .scroll-heading h2{color:#1a1a1a}
}
/* 칩 바 (칩 모드 · secnav.js) */
.tpn{display:none;position:fixed;left:0;right:0;top:0;z-index:998;background:#fff;border-bottom:1px solid #eceef1;
  box-shadow:0 4px 12px rgba(17,17,26,.04);transform:translateY(-130%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
.tpn.on{transform:none;visibility:visible;transition:transform .22s ease}
.tpn-in{display:flex;gap:8px;overflow-x:auto;padding:7px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tpn-in::-webkit-scrollbar{display:none}
.tpn a{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;
  border:1px solid #e3e5e8;background:#fff;color:#3c4043;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none}
.tpn a:after{content:"";position:absolute;left:-2px;right:-2px;top:-4px;bottom:-4px}
.tpn a:before{content:"";flex:0 0 16px;width:16px;height:16px;background:currentColor;
  -webkit-mask:var(--tpn-i) center/16px 16px no-repeat;mask:var(--tpn-i) center/16px 16px no-repeat}
.tpn a.act{background:#fff0f6;border-color:#ff529d;color:#c2185b}
.tpn a:focus-visible{outline:2px solid #c2185b;outline-offset:2px}
.tpn-bar{height:2px}.tpn-bar i{display:block;height:100%;width:0;background:#ff529d}
html.tpn-chip .tpn{display:block}
@media (prefers-reduced-motion:reduce){.tpn,.tpn.on,.tpn a,.detail-sidebar .scroll-heading a{transition:none}}
.tpn-i-check-rates{--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 11v5M12 8h.01%22/%3E%3C/svg%3E")}
.tpn-i-reserve{--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 3v3M17 3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z%22/%3E%3C/svg%3E")}
.tpn-i-coupon{--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12V4a1 1 0 0 1 1-1h8l9 9-9 9-9-9zM7.5 7.5h.01%22/%3E%3C/svg%3E")}
.tpn-i-about-area{--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM18 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM6 15v-4a4 4 0 0 1 4-4h6M18 9v4a4 4 0 0 1-4 4H8%22/%3E%3C/svg%3E")}
.tpn-i-review-detail{--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12zM12 8.3l1.1 2.2 2.4.3-1.8 1.7.5 2.4-2.2-1.2-2.2 1.2.5-2.4-1.8-1.7 2.4-.3z%22/%3E%3C/svg%3E")}
.tpn-i-about-distance{--tpn-i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21zM12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z%22/%3E%3C/svg%3E")}