/* /travel/ 여행 서비스 모음 — 시안: 하늘색 배너+알약 탭+가로 카드 6장. 색은 사이트 남색 #0b2a4a·파랑 #0a5bc4. 글자 15px 이상, 터치 높이 56px 이상. 인라인 style 없음. */
body[data-page="travel"]{background:linear-gradient(180deg,#eaf4ff 0,#dcecfb 100%)}
.tv{max-width:760px;padding-top:18px;padding-bottom:56px}
.tv-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;min-height:170px;margin:0 0 14px;padding:22px 18px 0 20px;border-radius:24px;background:radial-gradient(60% 80% at 85% 20%,#ffffffcc 0,#ffffff00 70%),linear-gradient(180deg,#bfe0fb 0,#e3f1fd 70%,#f3f9ff 100%);box-shadow:0 8px 24px #0b2a4a1f}
.tv-hero-tx{align-self:center;padding-bottom:18px;max-width:62%}
.tv h1{margin:0 0 6px;font-size:1.75rem;line-height:1.25;font-weight:900;letter-spacing:-.03em;color:#0b2a4a}
.tv h1 em{font-style:normal;color:#0a5bc4}
.tv-hero p{margin:0;font-size:1.0625rem;line-height:1.4;font-weight:700;color:#274868}
.tv-hero-img{flex:none;display:block;width:clamp(120px,32vw,170px);height:auto;margin-right:2px;filter:drop-shadow(0 6px 10px #0b2a4a2e)}
.tv-tabs{display:flex;flex-wrap:nowrap;gap:8px;margin:0 -16px 14px;padding:4px 16px 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 16px;scrollbar-width:none;-ms-overflow-style:none}
.tv-tabs::-webkit-scrollbar{display:none}
.tv-tab{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;min-width:92px;display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #d4e6f7;color:#0b2a4a;font-size:1rem;font-weight:800;text-decoration:none;box-shadow:0 2px 8px #0b2a4a14}
.tv-tab[aria-current]{background:#0b2a4a;border-color:#0b2a4a;color:#fff}
.tv-tab:focus-visible,.tv-card-link:focus-visible,.tv-ask:focus-visible{outline:3px solid #0a5bc4;outline-offset:2px}
.tv-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.tv-card{border-radius:22px;background:#ffffffe6;border:1px solid #d4e6f7;box-shadow:0 6px 18px #0b2a4a14;overflow:hidden}
.tv-card[hidden]{display:none}
.tv-card-link{display:flex;align-items:center;gap:14px;min-height:112px;padding:10px 14px 10px 10px;color:#0b2a4a;text-decoration:none}
.tv-pic{flex:none;display:flex;align-items:flex-end;justify-content:center;width:42%;max-width:190px;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#cfe8fb 0,#eaf5ff 100%)}
.tv-pic img{display:block;max-width:100%;max-height:100%;width:auto;height:96%;object-fit:contain}
.tv-pic-bbq{background:linear-gradient(180deg,#ffe9b8 0,#fff6dd 100%)}
.tv-pic-golf{background:linear-gradient(180deg,#c9ecff 0,#dff6d4 100%)}
.tv-pic-tour{background:linear-gradient(180deg,#fff0c9 0,#e1f0fb 100%)}
.tv-pic-luggage{background:linear-gradient(180deg,#d5e4f7 0,#eef4fb 100%)}
.tv-tx{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.tv-title{font-size:1.25rem;line-height:1.25;font-weight:900;letter-spacing:-.02em}
.tv-sub{font-size:.9375rem;line-height:1.4;color:#4a6580}
.tv-cta{align-self:flex-start;margin-top:4px;padding:6px 14px;border-radius:999px;background:#e3efff;color:#0a5bc4;font-size:.9375rem;font-weight:800}
.tv-go{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e3efff;color:#0a5bc4;font-size:1.75rem;line-height:1;font-weight:800}
.tv-panel{display:none;padding:4px 16px 16px;border-top:1px dashed #cfe0f2}
.tv-panel:target{display:block}
.tv-empty{margin:10px 0;font-size:1rem;line-height:1.5;color:#3c5a78}
.tv-items{margin:8px 0 10px;padding:0;list-style:none;display:grid;gap:8px}
.tv-items li{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:14px;background:#f3f8ff;font-size:1rem}
.tv-items li{flex-wrap:wrap}.tv-isur{flex:1 1 100%;font-size:.9rem;line-height:1.4;color:#3c5a78}.tv-inote{flex:1 1 100%;font-size:.85rem;line-height:1.45;color:#5b6b7b;white-space:pre-line}
.tv-iname{font-weight:800;color:#0b2a4a}.tv-iprice{flex:none;font-weight:800;color:#0a5bc4}
.tv-ask{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;background:#0b2a4a;color:#fff;font-size:1rem;font-weight:800;text-decoration:none}
.tv-foot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;text-align:center}
.tv-foot p{margin:0;font-size:1rem;color:#3c5a78}
.tv-foot-btn{min-height:56px}
@media (min-width:760px){.tv h1{font-size:2.25rem}.tv-tab{min-width:92px}.tv-hero{min-height:210px}.tv-hero-img{width:200px}}
@media (prefers-reduced-motion:no-preference){.tv-card-link{transition:background .15s}.tv-card-link:hover{background:#f3f9ff}}

/* tour 카드 그림 = commerce/assets/travel/guide.svg 원본에서 뽑은 travel-guide.webp (가이드 마스코트, 2026-10-22) */