/* ═════ 사이드 배경 (2026-08-22 CTO 컨펌) ═════
   본문 폭 뒤는 흰 판으로 덮고 바깥 여백에만 배경이 남는다.
   읽는 자리는 지금과 똑같고, 넓은 화면에서 남던 자리만 채워진다.

   1500px 미만에서는 켜지 않는다 —
   여백이 좁으면 야자수가 잘려 장식이 아니라 오류처럼 보인다.
   호텔 안내 · 골프장 상세 · 패키지 상세에만 넣는다. 메인에는 넣지 않는다 */
@media (min-width:1500px){
  .gzbg-paper{
    position:fixed;inset:0;z-index:-2;pointer-events:none;
    background:none;
    opacity:.18;
  }
  /* 가운데를 덮는 흰 판. 본문이 지금 그대로 읽히게 한다 */
  .gzbg-sheet{
    position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);
    width:1300px;z-index:-1;pointer-events:none;background:#F8FAFC;
  }
  /* 배경 위에서는 흰 카드가 바닥에 붙어 보인다. 살짝 띄운다 */
  .hcard,.gdx .gx-panel,.gdx .gx-quick article{box-shadow:0 3px 14px rgba(16,42,70,.07)}
}


.hlist{max-width:var(--wrap-w);margin:0 auto;padding:0 24px 80px}
.hhead{padding:34px 0 6px}
.hhead h1{margin:0;font-size:27px;font-weight:800;letter-spacing:-.04em}
.hhead p{margin:8px 0 0;font-size:14.5px;color:var(--ink-2)}

/* 성격으로 먼저 좁힌다 — 열세 곳을 처음부터 다 읽게 하지 않는다 */
.hfil{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 4px}
.hfil button{
  border:1px solid var(--line);background:var(--paper);border-radius:30px;
  padding:7px 15px;font-size:13px;color:var(--ink-2);cursor:pointer;transition:all .14s;
  font-family:inherit;
}
.hfil button:hover{border-color:var(--ink-3);color:var(--ink)}
.hfil button.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}

.hacc{margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}
.hitem{border-bottom:1px solid var(--line)}
.hitem:last-child{border-bottom:0}
.hitem[hidden]{display:none}

.hitem{
  text-decoration:none;color:inherit;
  display:flex;align-items:center;gap:14px;padding:15px 18px;cursor:pointer;
  list-style:none;transition:background .14s;
}
.hitem:hover{background:var(--brand-soft)}

.hitem .th{
  flex:0 0 84px;height:60px;border-radius:10px;overflow:hidden;background:var(--line);
}
.hitem .th img{width:100%;height:100%;object-fit:cover;display:block}
.hitem .nm{flex:1 1 auto;min-width:0}
.hitem .nm b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.hitem .nm span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-2)}
.hitem .tg{display:flex;gap:5px;flex:0 0 auto}
.hitem .tg i{
  font-style:normal;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:20px;
  background:var(--brand-soft);color:var(--brand);white-space:nowrap;
}
.hitem .cr{
  flex:0 0 auto;width:8px;height:8px;border-right:1.8px solid var(--ink-3);
  border-bottom:1.8px solid var(--ink-3);transform:rotate(-45deg);margin-right:4px;
  transition:transform .18s;
}

.hbody{padding:4px 18px 22px 18px}
.hbody .lead{
  margin:0 0 16px;font-size:14px;line-height:1.75;
  padding:13px 15px;background:var(--brand-soft);border-radius:10px;color:var(--brand-ink);
}
/* 상세 페이지로 들어가는 단추 — 2026-08-22
   아코디언을 열어도 상세로 가는 길이 없었다. 골프 index.asp 에서 같은 지적을 받았다.
   summary 안에 링크를 넣으면 아코디언 토글과 클릭이 부딪혀 본문 끝에 두었다. */
.hbody .hgo{
  display:inline-flex;align-items:center;gap:6px;margin-top:16px;
  padding:11px 17px;border:1px solid var(--brand);border-radius:9px;
  color:var(--brand);font-size:13.5px;font-weight:750;text-decoration:none;
  transition:background .15s,color .15s,transform .1s;
}
.hbody .hgo:hover{background:var(--brand);color:#fff}
.hbody .hgo:active{transform:translateY(1px)}
.hbody .hgo:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px}

.hgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hcell{border:1px solid var(--line);border-radius:10px;padding:13px 15px}
.hcell b{display:block;font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.02em;margin-bottom:6px}
.hcell p{margin:0;font-size:13.5px;line-height:1.65;color:var(--ink)}
.hcell p.na{color:var(--ink-3)}


.hbody .hwarn{
  margin:0 0 16px;padding:13px 15px;border-radius:10px;font-size:13.5px;line-height:1.7;
  background:#FEF6E7;border:1px solid #F5D9A8;color:#7A5510;
}
.hbody .hwarn b{display:block;font-size:12px;font-weight:800;margin-bottom:4px;letter-spacing:.02em}
.hbody .hwho{
  margin:14px 0 0;padding:13px 15px;border-radius:10px;font-size:13.5px;line-height:1.7;
  background:rgba(16,24,40,.035);border:1px solid var(--line);color:var(--ink-2);
}
.hbody .hwho b{display:block;font-size:12px;font-weight:800;color:var(--ink-3);margin-bottom:4px;letter-spacing:.02em}

.hshots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 16px}
.hshots img{width:100%;height:132px;object-fit:cover;border-radius:10px;display:block;background:var(--line)}
@media (max-width:640px){
  .hshots{gap:6px;margin-bottom:13px}
  .hshots img{height:88px}
}
.hnote{
  margin-top:28px;padding:16px 18px;background:var(--brand-soft);border-radius:12px;
  font-size:13.5px;color:var(--brand-ink);line-height:1.6;
}
.hnote b{font-weight:700}

.hwip{
  margin:16px 0 0;padding:14px 16px;border:1px dashed var(--line);border-radius:10px;
  font-size:13px;color:var(--ink-3);line-height:1.6;
}
.hwip b{color:var(--ink-2)}

@media (max-width:640px){
  .hlist{padding:0 16px 70px}
  .hhead{padding:24px 0 4px}
  .hhead h1{font-size:22px}
  .hitem{
  text-decoration:none;color:inherit;padding:13px 14px;gap:11px}
  .hitem .th{flex:0 0 62px;height:48px}
  .hitem .tg{display:none}
  .hbody{padding:2px 14px 18px}
  .hgrid{grid-template-columns:1fr}
}

/*=== 한글 줄바꿈 (2026-08-23) ===
     390px 실측에서 「호/텔까지 한 번에」 「골프장 직접 수/배」 처럼 단어 중간이 끊겼다.
     keep-all 은 어절 단위로만 끊고, break-word 는 어절 하나가 칸보다 길 때만 풀어 준다 ===*/
@media (max-width:720px){
  body{word-break:keep-all;overflow-wrap:break-word}
}

/*=== 손가락이 닿는 크기 (2026-08-23) ===
     390px 실측에서 필터칩·질문칩이 31~42px 였다. Apple HIG 44pt 를 하한으로 올린다.
     폭은 이미 넉넉해 높이만 늘렸다. 푸터 링크와 빵부스러기는 그대로 뒀다 ===*/
@media (max-width:720px){
  .uhead a.home{min-height:44px;display:inline-flex;align-items:center}
  .uhead .ubox button{min-width:44px;min-height:44px}
  #hfil.hfil>button{min-height:44px}
}


.gfloat{display:none!important}
.gzunifloat{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:6px}
.gzunifloat-btn{box-sizing:border-box;width:44px;height:44px;border:0;border-radius:10px;background:#FEE500;color:#171500;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;box-shadow:rgba(255,255,255,.25) 0 0 0 1px inset,rgba(0,0,0,.12) 0 3px 7px,rgba(0,0,0,.14) 0 8px 20px;transition:transform .16s ease,filter .16s ease}
.gzunifloat-btn:hover{transform:translateY(-2px);filter:brightness(.98)}
.gzunifloat-btn:active{transform:scale(.96)}
.gzunifloat-btn:focus-visible{outline:3px solid #1570ef;outline-offset:3px}
.gzunifloat-btn svg{display:block}
.gzunifloat-home svg{width:27px;height:27px;stroke-width:2.15}
.gzunifloat-share svg{width:22px;height:22px}
.gzunifloat-kakao img{width:40px;height:40px;display:block;object-fit:contain}
@media(max-width:720px){.gzunifloat{right:11px;bottom:calc(12px + env(safe-area-inset-bottom));gap:6px}.gzunifloat.gz-lift{bottom:calc(72px + env(safe-area-inset-bottom))}.gzunifloat-btn{width:42px;height:42px;border-radius:9px}.gzunifloat-home svg{width:26px;height:26px}.gzunifloat-share svg{width:21px;height:21px}.gzunifloat-kakao img{width:38px;height:38px}}

@font-face{font-family:Pretendard;src:url("/ez/hotel/golf-resort-assets/font.woff2") format('woff2');font-display:swap;font-weight:100 900}
.review-source{max-width:980px;margin:20px auto 40px;padding:0 20px;font-size:13px;color:#64748b}
.review-source a{color:#1570ef}.resort-links{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
@media(max-width:700px){.review-source{padding:0 16px}}

.hfil a{
  border:1px solid var(--line);background:var(--paper);border-radius:30px;
  padding:7px 15px;font-size:13px;color:var(--ink-2);cursor:pointer;transition:all .14s;
  font-family:inherit;
text-decoration:none;display:inline-flex;align-items:center;}