/* 트래블마크 공용 — 디자인 #565 의 폭 갈래(760·1090)와 탭 모양. 쪽 CSS 는 pages/*.html 안에 */
@font-face{font-family:'SUIT Variable';src:url('../brand/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#FBF9F3;color:#17353A;font-family:'SUIT Variable','SUIT',sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%}
[hidden]{display:none!important}
:root{--tm-railPosition:sticky;--tm-railMaxHeight:calc(100vh - 24px);--tm-railOverflow:auto;--tm-galleryCols:repeat(4,minmax(0,1fr));--tm-heroHeight:100vh;--tm-cityCols:repeat(4,minmax(0,1fr));--tm-cityFlow:row;--tm-cityAutoCols:auto;--tm-cityOverflow:visible}
@media (max-width:1089.98px){:root{--tm-railPosition:static;--tm-railMaxHeight:none;--tm-railOverflow:visible}.tm-ge1090{display:none!important}}
@media (min-width:1090px){.tm-lt1090{display:none!important}}
@media (max-width:759.98px){:root{--tm-galleryCols:repeat(2,minmax(0,1fr));--tm-heroHeight:85vh;--tm-cityCols:none;--tm-cityFlow:column;--tm-cityAutoCols:min(72%,300px);--tm-cityOverflow:auto}.tm-ge760{display:none!important}}
@media (min-width:760px){.tm-lt760{display:none!important}}
.tm-tab{color:#4F6566;font-weight:600;background:none;border:0;border-bottom:2px solid transparent;padding:0 0 2px;font:inherit;font-weight:600;cursor:pointer}
.tm-tab[aria-selected=true]{color:inherit;font-weight:700;border-bottom-color:var(--tm-tabline)}
[data-tm-panel]:not(.is-on){display:none}