@charset "utf-8";
/* ══════════════════════════════════════════════════════════════
   괌 호텔 안내 · 상세 v2 (2026-10-11)

   골프장 상세 v2(golf-ds.css)와 같은 문법으로 배치만 새로 짰다.
     첫 화면 사진(큰 사진 + 오른쪽 사진 4장) 위에 호텔 이름과 버튼,
     핵심 정보 카드, 한 칸 본문(1200px), 패키지
   10-11 16시 CTO 「오른쪽 플로팅 때문에 본문 자리가 너무 부족해져」 — 오른쪽 360px 따라오는 카드를 없앴다.
     「예약 전 확인하세요」는 본문 구역으로, 버튼 둘은 첫 화면 버튼이 지나가면 나타나는 따라오는 버튼(.gzh-follow)으로

   첫 화면은 hotel-detail-v2.js(enhanceA1)가 들어올 때 다시 짠 결과(.hd-a1-ready)를
   CSS 로만 배치한다. HTML 을 옮기면 그 스크립트와 프로모션 표·제목 배지·분류 태그가 깨진다.
   스크립트가 붙잡는 것(.hd-shell>.gdx, .gx-hero 안 .gx-summary·.hd-gallery, .hd-rooms,
   [data-gallery]·[data-hd-image], .hd-list·.hd-row, .hd-book, .hd-a1-facts, .hd-a1-title h1,
   .gx-reasons)은 이름과 위치 관계를 그대로 뒀다.
   HTML 에 더한 것은 v13 다음 이 파일 링크, 「예약 전 확인하세요」 끝의 버튼 복제(.gzh-cta, 1100px 이하에서만 보인다),
   hotel-detail-v2.js 뒤 표시용 인라인 스크립트(아이콘 · 가로 탭 가운데 맞춤 · 따라오는 버튼).
   v13 이 !important 로 고정한 글자 크기는 더 강한 선택자로 덮는다.
   ══════════════════════════════════════════════════════════════ */

.hd-shell,.relsec{
  --h-blue:#1570ef;--h-blue-ink:#0b4da2;--h-blue-soft:#eaf2fe;
  --h-navy:#14283c;--h-ink:#334155;--h-muted:#5b6b7f;
  --h-line:#e6ecf3;--h-line-2:#f1f5f9;--h-ground:#f8fafc;
  --h-amber:#8b5704;--h-amber-soft:#fff4df;
  --h-ease:cubic-bezier(.32,.72,0,1);--h-ease-card:cubic-bezier(.2,.8,.2,1);
  --h-sh-card:0 1px 2px rgba(18,44,67,.05),0 8px 22px rgba(18,44,67,.07);
  --h-sh-panel:0 1px 2px rgba(16,24,40,.04),0 10px 26px rgba(16,24,40,.10),0 28px 64px rgba(16,24,40,.13);
  --h-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* ── 빵부스러기와 바깥 틀을 본문 폭(1200px)에 맞춘다 ── */
html.gz-design-v13.gz-design-v13 .crumb:has(+ .hd-shell){width:calc(100% - 48px);max-width:1200px;padding-left:0;padding-right:0;box-sizing:border-box}
html.gz-design-v13.gz-design-v13 .hd-shell{display:block;width:calc(100% - 48px);max-width:1200px;margin:8px auto 80px!important;padding:0}
/* reef 는 패키지 줄이 .hd-shell 밖에 있다 */
html.gz-design-v13.gz-design-v13 .hd-shell:has(~ .relsec){margin-bottom:0!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready{padding:0!important;background:none!important;border:0;border-radius:0!important;box-shadow:none!important;word-break:keep-all;overflow-wrap:break-word}

/* ═════ 다른 호텔 고르기: PC 는 본문 위 가로 탭(15곳이라 옆으로 민다) ═════ */
@media (min-width:1101px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer{position:static;display:flex;flex-direction:row;align-items:center;gap:6px;height:auto;max-height:none;margin:0 0 16px;padding:6px;border:1px solid var(--h-line);border-radius:16px;background:#fff;box-shadow:var(--h-sh-card);overflow:hidden}
  /* 「패키지 보기」(.hd-book)는 첫 화면 버튼과 같은 곳이라 숨긴다. 아래 고정 단추가 누르므로 DOM 에는 둔다 */
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer :is(.hd-home,.hd-listlabel,.hd-book,.hd-toggle,.hd-kicker,.hd-head p,.hd-arrow){display:none!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-head{flex:none;margin:0 4px 0 0;padding:0 16px 0 14px;border:0;border-right:1px solid var(--h-line)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-title{margin:0;gap:8px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-title h2{font-size:15px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.02em;white-space:nowrap;color:var(--h-navy)!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-count{padding:2px 8px;background:var(--h-line-2);color:var(--h-muted)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer nav.hd-list{position:relative;flex:1;min-width:0;display:flex;flex-direction:row;gap:4px;height:auto;max-height:none;margin:0;padding:0 0 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd5dd transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 40px),transparent 100%)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer nav.hd-list::-webkit-scrollbar{height:6px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row{position:relative;flex:0 0 auto;min-width:0;min-height:56px;margin:0;padding:8px 14px 8px 8px;gap:10px;border-radius:12px;transition:background-color .16s ease}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row img{width:44px;height:36px;border-radius:8px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row>span{flex:none;min-width:0}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row b{overflow:visible;font-size:15px!important;font-weight:700!important;line-height:1.35;white-space:nowrap}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row small{margin-top:1px;font-size:13px!important;line-height:1.35!important;white-space:nowrap}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row.is-active{background:var(--h-blue-soft);box-shadow:none}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row.is-active b{color:var(--h-blue-ink)!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:var(--h-blue)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-all-hotels{order:3;flex:none;display:inline-flex;min-height:44px!important;margin:0 4px 0 6px;padding:0 14px;border:1px solid #bcd3ee;border-radius:10px!important;background:#fff;font-size:14px!important;white-space:nowrap}
}
@media (min-width:1101px) and (hover:hover){
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row:not(.is-active):hover{background:var(--h-line-2)}
}
@media (min-width:1101px) and (max-width:1279px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-head{display:none}
}
/* 태블릿·휴대폰은 기존 동작(현재 호텔 + 다른 호텔 보기) 그대로, 겉모양만 맞춘다 */
@media (max-width:1100px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer{margin:0 0 12px;border:1px solid var(--h-line);border-radius:14px;box-shadow:var(--h-sh-card)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.hd-explorer .hd-list .hd-row.is-active{background:var(--h-blue-soft)}
}

/* ═════ 첫 화면: 큰 사진 위에 호텔 이름과 버튼, 오른쪽에 사진 4장 ═════ */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero{--h-thumb:clamp(150px,15vw,188px);display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;margin:0}
/* hotel-detail.css 의 옛 요약 칸 정렬(.gx-more 7 · .gx-fit 5 · .gx-quick 6/99 · .gx-buttons 8)이 격자에서 되살아나지 않게 문서 순서로 되돌린다 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>*,html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>*,html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions{order:0}
/* 세로가 낮은 노트북(1366×650 등)에서도 버튼이 첫 화면 안에 들어오게 화면 높이로 한 번 더 묶는다.
   제목이 길어 사진보다 높아지면 사진이 늘어난다(min-height + 같은 칸 stretch) */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery{grid-area:1/1;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) var(--h-thumb);grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;height:auto;min-height:clamp(400px,min(40vw,100vh - 240px),560px);margin:0;padding:20px;border-radius:18px;background:#0d2a3d;box-shadow:var(--h-sh-card);overflow:hidden}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small{position:relative;z-index:1;display:block;grid-column:2;margin:0;min-width:0;overflow:hidden;border-radius:12px;background:#163a50;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 6px 18px rgba(4,16,28,.35);transition:box-shadow .2s ease;animation:gzh-slide .6s var(--h-ease) both}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(2){grid-row:1;animation-delay:.22s}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(3){grid-row:2;animation-delay:.28s}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(4){grid-row:3;animation-delay:.34s}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(5){grid-row:4;animation-delay:.40s}
/* 사진은 칸 안에 띄워 둔다 — 원본 비율이 칸 높이를 늘리지 않고 칸은 사진첩 높이를 4등분한다 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery .hd-photo{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery .hd-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--h-ease-card)!important}
/* 큰 사진은 칸 배치를 풀어야 사진첩 전체를 덮는다 (배치가 있으면 그 칸만 덮는다) */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-main{position:absolute;inset:0;z-index:0;grid-area:auto;margin:0;border-radius:0;background:#0d2a3d}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-main img{animation:gzh-zoom 1.4s var(--h-ease) both}
/* 작은 사진 미리보기: 큰 사진 위에 겹친 사진이 서서히 나타난다(크로스페이드, 인라인 스크립트) */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-main .gz-xfade{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;animation:none;transform:none;transition:opacity .55s cubic-bezier(.4,0,.2,1)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-main .gz-xfade.is-in{opacity:1}
/* 글자가 읽히도록 왼쪽과 아래만 어둡게. 클릭은 사진으로 그대로 간다 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-main::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(85% 95% at 0% 100%,rgba(8,22,36,.6) 0%,rgba(8,22,36,.32) 45%,rgba(8,22,36,0) 80%),linear-gradient(0deg,rgba(8,22,36,.2) 0%,rgba(8,22,36,0) 28%)}
/* 「사진 모두 보기 N장」 — 스크립트가 사진첩 끝으로 옮긴 기존 단추를 넷째 사진 칸 위에 얹는다 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-open-gallery{position:relative;inset:auto;z-index:2;grid-column:2;grid-row:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;min-width:0;min-height:0!important;margin:0;padding:0 8px;border:0;border-radius:12px!important;background:rgba(8,22,36,.52);color:#fff;font-size:14px!important;font-weight:700!important;line-height:1.4!important;text-align:center;letter-spacing:-.01em;white-space:normal;cursor:pointer;box-shadow:none;transition:background-color .2s ease!important;animation:gzh-fade .6s var(--h-ease) .4s both}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-open-gallery span{display:block;margin:0;opacity:.88;font-size:13px}
@media (hover:hover){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:hover{box-shadow:0 0 0 2px rgba(255,255,255,.92),0 10px 24px rgba(4,16,28,.42)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:hover img{transform:scale(1.06)!important}
  /* 작은 사진에 마우스를 올리면 큰 사진이 그 사진으로 바뀐다(페이지 끝 인라인 스크립트). 지금 큰 사진에 보이는 칸은 같은 테두리 */
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small.is-shown{box-shadow:0 0 0 2px rgba(255,255,255,.92),0 10px 24px rgba(4,16,28,.42)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-open-gallery:hover{background:rgba(8,22,36,.36)}
}

/* 이름·지역·분류와 버튼 — 스크립트가 만든 머리(.hd-a1-head)를 사진 왼쪽 아래에 겹친다 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-head{grid-area:1/1;position:relative;z-index:2;align-self:end;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:26px;min-width:0;margin:0 calc(var(--h-thumb) + 40px) 0 0;padding:48px 52px;pointer-events:none}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-head>*{pointer-events:auto}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero :is(.hd-a1-title>*,.hd-a1-actions){animation:gzh-settle .6s var(--h-ease) both}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title>:nth-child(2){animation-delay:.08s}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title>:nth-child(n+3){animation-delay:.12s}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions{animation-delay:.16s}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title{min-width:0;margin:0}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title>p{margin:0 0 12px;font-size:15px!important;font-weight:650!important;line-height:1.5!important;letter-spacing:-.01em;color:rgba(255,255,255,.9)!important;text-shadow:0 1px 2px rgba(4,16,28,.4),0 2px 14px rgba(4,16,28,.4)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title h1{margin:0;font-size:clamp(36px,3.8vw,48px)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.035em;color:#fff!important;text-wrap:balance;text-shadow:0 1px 2px rgba(4,16,28,.45),0 4px 22px rgba(4,16,28,.38)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title>span{display:block;margin:10px 0 0;font-size:16px!important;font-weight:500!important;line-height:1.6!important;color:rgba(255,255,255,.9)!important;text-shadow:0 1px 2px rgba(4,16,28,.4),0 2px 14px rgba(4,16,28,.4)}
/* 분류·여행 스타일(hotel-guide.js)은 유리 알약으로 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .gx-hotel-guide{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;font-size:13px!important;line-height:1.5!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .gx-hotel-guide :is(.hclassification,.hotel-guide-tag){display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:.5px solid rgba(255,255,255,.42);border-radius:999px!important;background:rgba(255,255,255,.14);color:#fff!important;font-size:13px!important;font-weight:650!important;line-height:1!important;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px)}
/* 프로모션이 켜지면 제목 옆 배지(promotion-display.js) */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .gzpromo-title-row{gap:10px}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title .gzpromo-title-badge{min-height:26px;padding:4px 11px;font-size:12px!important;font-weight:800!important;line-height:1!important;color:#fff!important}

/* 버튼 두 개 — 스크립트가 옮겨 둔 원본(.gx-buttons). 아래 예약 카드에 같은 두 곳이 한 번 더 있다.
   1100px 이하에서 「패키지 찾기」는 아래 고정 단추가 같은 곳으로 가서 기존 규칙대로 숨는다 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;width:auto;margin:0!important;padding:0!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;width:auto!important;min-width:0!important;height:auto;min-height:52px!important;padding:0 22px!important;border-radius:10px!important;font-size:16px!important;font-weight:650!important;line-height:1.3!important;letter-spacing:-.01em;white-space:nowrap;text-decoration:none!important;transition:background-color .16s ease,border-color .16s ease,transform .1s var(--h-ease-card)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-primary{border:0!important;background:var(--h-blue)!important;color:#fff!important;box-shadow:0 1px 2px rgba(11,77,162,.2),0 8px 24px rgba(21,112,239,.35)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-primary::after{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--h-arrow) center/contain no-repeat;mask:var(--h-arrow) center/contain no-repeat;transition:transform .28s var(--h-ease-card)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-btn:not(.gx-primary){border:1px solid rgba(255,255,255,.5)!important;background:rgba(8,22,36,.34)!important;color:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-btn:focus-visible{outline:3px solid #9ac8ff!important;outline-offset:3px!important}
@media (hover:hover){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-primary:hover{background:var(--h-blue-ink)!important;border-color:var(--h-blue-ink)!important;color:#fff!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-primary:hover::after{transform:translateX(3px)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-btn:not(.gx-primary):hover{background:rgba(8,22,36,.5)!important;border-color:rgba(255,255,255,.7)!important;color:#fff!important}
}

/* ═════ 핵심 정보 4칸 ═════
   라벨이 호텔마다 달라(조식·객실·수영장·골프 …) 순서로 아이콘을 못 붙인다.
   페이지 끝 인라인 스크립트가 라벨 글자로 data-gzh-i 를 달고, 모르는 라벨은 기본 아이콘 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;margin:16px 0 0!important;padding:0!important;border:1px solid var(--h-line)!important;border-radius:18px!important;background:var(--h-line)!important;box-shadow:var(--h-sh-card)!important;overflow:hidden!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 7.8v.1'/%3E%3C/svg%3E");position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;min-height:0!important;margin:0;padding:66px 20px 22px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article::before{content:"";display:block;position:absolute;left:20px;top:20px;right:auto;bottom:auto;width:34px;height:34px;border-radius:50%;background:var(--h-blue-soft);opacity:1}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article::after{content:"";position:absolute;left:28px;top:28px;width:18px;height:18px;background:var(--h-blue);-webkit-mask:var(--h-icon) center/contain no-repeat;mask:var(--h-icon) center/contain no-repeat}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="meal"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v5a3 3 0 0 0 6 0V3'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='M18 21V3c-1.8 1-3 3.6-3 7v4h3'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="bed"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19v-7.5A2.5 2.5 0 0 1 5.5 9h13a2.5 2.5 0 0 1 2.5 2.5V19'/%3E%3Cpath d='M3 15h18'/%3E%3Cpath d='M6.5 9V7a1.5 1.5 0 0 1 1.5-1.5h2.5A1.5 1.5 0 0 1 12 7v2'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="pool"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 15V6a2 2 0 0 1 4 0'/%3E%3Cpath d='M16 15V6a2 2 0 0 0-4 0'/%3E%3Cpath d='M8 10h8'/%3E%3Cpath d='M3 19c1.5 0 1.5-1.2 3-1.2s1.5 1.2 3 1.2 1.5-1.2 3-1.2 1.5 1.2 3 1.2 1.5-1.2 3-1.2 1.5 1.2 3 1.2'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="beach"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a8 8 0 0 1 16 0z'/%3E%3Cpath d='M12 11v8'/%3E%3Cpath d='M3 20c1.5 0 1.5-1 3-1s1.5 1 3 1 1.5-1 3-1 1.5 1 3 1 1.5-1 3-1 1.5 1 3 1'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="pin"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6.5-5.4 6.5-11a6.5 6.5 0 1 0-13 0c0 5.6 6.5 11 6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="flag"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 21V3.8'/%3E%3Cpath d='M6.5 4.6h10.4l-2.7 3.7 2.7 3.7H6.5'/%3E%3Cpath d='M3.5 21h7'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="kid"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.2'/%3E%3Cpath d='M3 19.5c.8-3.2 3.2-5 6-5s5.2 1.8 6 5'/%3E%3Ccircle cx='16.8' cy='9.3' r='2.6'/%3E%3Cpath d='M16.4 14.6c2.4.1 4.1 1.7 4.7 4.4'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="cup"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h14L12 12.5z'/%3E%3Cpath d='M12 12.5V20'/%3E%3Cpath d='M8 20h8'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="star"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.8 2.5 5 5.5.8-4 3.9.9 5.5L12 16.4 7.1 19l.9-5.5-4-3.9 5.5-.8z'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article[data-gzh-i="clock"]{--h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts small{display:block;margin:0!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;color:var(--h-muted)!important;white-space:nowrap}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts strong{display:block;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.45!important;letter-spacing:-.02em;color:var(--h-navy)!important;word-break:keep-all;overflow-wrap:break-word}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts p{margin:0!important;font-size:14px!important;font-weight:500!important;line-height:1.55!important;color:var(--h-muted)!important;word-break:keep-all;overflow-wrap:break-word}
/* 프로모션 표(DB 가 켜졌을 때만 핵심 정보 바로 뒤에 붙는다) */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>#gzPromotionTicket{margin:16px 0 0}
/* 이런 여행에 잘 맞습니다 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-fit{display:block;margin:16px 0 0!important;padding:20px 24px 20px 26px!important;border:1px solid var(--h-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:inset 4px 0 0 var(--h-blue),var(--h-sh-card)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-fit>b{display:block;margin:0;font-size:13px!important;font-weight:650!important;line-height:1.4!important;color:var(--h-blue-ink)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-fit>p{margin:6px 0 0!important;font-size:18px!important;font-weight:700!important;line-height:1.55!important;color:var(--h-navy)!important}

/* ═════ 본문: PC 도 한 칸(1200px) ═════
   .gx-content·.gx-left·.gx-side 를 풀어(display:contents) 패널을 한 격자에 놓고 order 로 순서만 정한다.
   첫 화면 → 어떤 호텔인가요? → 예약 전 확인하세요(오른쪽 칸 첫 패널) → 객실 → 권하는 이유 → 위치 → 기본정보 → 투숙 전 알아둘 점 → 상담팀 */
@media (min-width:1101px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0;align-items:start}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>*{grid-column:1;min-width:0}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero{order:-3}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story{order:-2}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content,html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>:is(.gx-left,.gx-side){display:contents}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>:is(.gx-left,.gx-side)>*{grid-column:1;min-width:0;margin:24px 0 0}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child{order:-1}
}
@media (max-width:1100px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content{display:block;margin:16px 0 0!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>:is(.gx-left,.gx-side){display:grid;grid-template-columns:minmax(0,1fr);gap:16px;position:static;top:auto}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side{margin-top:16px}
}

/* ── 호텔 안내(어떤 호텔인가요?) ── */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story{margin:24px 0 0!important;padding:4px 40px!important;border:1px solid var(--h-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--h-sh-card);overflow:visible}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story>summary{min-height:0;padding:24px 0!important;border:0;background:none!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .hd-story-title{font-size:22px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.03em;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .hd-story-toggle{min-height:40px;padding:0 14px;border:1px solid #cfe0f5;border-radius:999px;background:#fff;color:var(--h-blue-ink)!important;font-size:14px!important;font-weight:650!important;box-shadow:none;transition:background-color .16s ease}
@media (hover:hover){html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story>summary:hover .hd-story-toggle{background:var(--h-blue-soft)}}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .gz-detail-preview{font-size:15px;line-height:1.75;color:var(--h-muted)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .gx-morein{margin:0!important;padding:4px 0 32px!important;border-top:1px solid var(--h-line);background:none!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .gx-morein h4{margin:26px 0 8px!important;font-size:18px!important;line-height:1.45!important;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .gx-morein p{max-width:none;margin:0 0 12px!important;font-size:16px!important;line-height:1.8!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .gx-callout{margin:18px 0!important;padding:16px 18px 16px 20px!important;border:0!important;border-radius:12px!important;background:#fff8eb!important;box-shadow:inset 3px 0 0 #f59e0b}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .hd-a1-consult{margin:24px 0 0!important;padding:14px 20px!important;border-radius:12px;background:var(--h-blue-soft)!important;text-align:left}

/* ── 객실 타입 비교 ── */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms{margin:24px 0 0!important;padding:36px 40px!important;border:1px solid var(--h-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--h-sh-card)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-section-head{align-items:flex-end;margin:0 0 20px}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-section-head h2{margin:0;font-size:22px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.03em;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-section-head>div>p:last-child{margin:6px 0 0;font-size:14px!important;line-height:1.65!important;color:var(--h-muted)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-show-all{flex:none;min-height:44px!important;padding:0 16px;border:1px solid #cfe0f5;border-radius:999px!important;background:#fff;font-size:14px!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-card{border:1px solid var(--h-line)!important;border-radius:16px!important;box-shadow:none!important;background:#fff;overflow:hidden}
/* 사진 | 설명, 그 아래 한 줄에 「객실 조건·요금」과 버튼 (카드 display 는 건드리지 않는다 — 넷째부터 접기) */
@media (min-width:721px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-card{grid-template-columns:minmax(200px,32%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:0}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-card>.hd-room-photo{grid-column:1;grid-row:1/3;min-height:200px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-body>div:first-child{grid-column:2;grid-row:1;padding:22px 24px 18px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-actions{grid-column:2;grid-row:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-left:0;border-top:1px solid var(--h-line);text-align:left}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-ko{font-size:18px!important;line-height:1.4!important;letter-spacing:-.025em;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-room-actions a{flex:none;min-height:44px!important;padding:0 18px;border-radius:10px!important;font-size:14px!important}

/* ── 본문 패널 공통 ── */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content .gx-panel{padding:36px 40px;border:1px solid var(--h-line);border-radius:18px!important;background:#fff;box-shadow:var(--h-sh-card)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content .gx-panel h2{margin:0 0 8px;font-size:22px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.03em;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content .gx-panel .gx-desc{margin:0 0 20px;font-size:15px!important;line-height:1.7!important;color:var(--h-muted)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content .gx-panel :is(.gx-travel,.gx-map)+.gx-desc{margin:12px 2px 0;font-size:13px!important;line-height:1.65!important}
/* 권하는 이유 (photo-accents.js 가 사진과 함께 감싸면 사진 | 카드 세로) */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-reasons{gap:12px}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-reasons>.gx-reason{min-width:0;padding:18px 20px;border:0;border-radius:12px;background:var(--h-ground);box-shadow:none}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-reason>em{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--h-blue-soft);color:var(--h-blue-ink)!important;font-size:12px!important;font-weight:650!important;font-style:normal}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-reason>b{display:block;margin:10px 0 6px;font-size:16px!important;font-weight:700!important;line-height:1.45!important;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-reason>p{margin:0;font-size:14px!important;line-height:1.7!important}
/* 위치와 이동시간 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-map{height:300px;margin:0;border:1px solid var(--h-line);border-radius:14px;background:var(--h-ground);overflow:hidden}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-travel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;border:0;border-radius:0;overflow:visible}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-travel>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:16px 18px;border:0!important;border-radius:12px;background:var(--h-ground)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-travel span{font-size:14px!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-travel b{float:none;flex:none;font-size:18px;font-weight:700!important;line-height:1.4;color:var(--h-navy)}
/* 기본정보 8칸 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-course{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--h-line);border-radius:14px;background:var(--h-line);overflow:hidden}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-course>div{min-width:0;min-height:0;padding:16px 18px;border:0!important;background:#fff}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-course span{display:block;margin:0 0 6px;font-size:13px!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-course b{display:block;font-size:16px!important;font-weight:700!important;line-height:1.45!important;color:var(--h-navy);word-break:keep-all;overflow-wrap:anywhere}
/* 투숙 전 알아둘 점 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-tips li{padding:14px 0 14px 22px;font-size:15px!important;line-height:1.7!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-tips li:first-child{padding-top:2px}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-tips li::before{top:23px;background:var(--h-blue);opacity:.5}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-tips li:first-child::before{top:11px}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-tips li b{color:var(--h-navy)}
/* 괌 현지 여행 상담팀 */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-team{gap:12px}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-team img{box-shadow:0 0 0 1px var(--h-line)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-team b{font-size:16px!important;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-team span{font-size:13px!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-teamcopy{margin-top:14px;padding-top:14px;font-size:15px!important;line-height:1.7!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content .gx-panel>.gx-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px!important;margin-top:16px;border-radius:10px!important}

/* ── 예약 전 확인하세요 — 본문 구역(따라오지 않는다). 경고(노랑) 대신 파란 안내 상자로 눈에 띄게(10-11 CTO 「강조가 안 되어 있어」).
      제목 앞 파란 확인 표시, 항목은 흰 카드에 번호(PC 3~4칸, 휴대폰 한 줄씩). 글자는 그대로 ── */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child{counter-reset:gzhb;border:1px solid #d6e5fb;background:linear-gradient(180deg,#f4f8ff 0%,#eef4fd 100%)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>h2{display:flex;align-items:center;gap:12px}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>h2::before{content:"";width:32px;height:32px;flex:none;border-radius:50%;background:var(--h-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 0 0 4px rgba(21,112,239,.14)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:20px 0 0;padding:0}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>ul>li{counter-increment:gzhb;position:relative;min-width:0;margin:0;padding:20px 22px 22px 60px;border:1px solid #dbe7f6;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(18,44,67,.04);font-size:15px!important;line-height:1.7!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>ul>li::before{content:counter(gzhb);position:absolute;left:20px;top:19px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--h-blue-soft);color:var(--h-blue-ink);font-size:14px;font-weight:700;line-height:1}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>ul>li>b{display:block;margin:0 0 6px;font-size:18px!important;font-weight:700!important;line-height:1.45!important;color:var(--h-navy)!important;word-break:keep-all}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>ul>li>:is(span,p){display:block;margin:0;font-size:15px!important;font-weight:400!important;line-height:1.7!important;color:var(--h-ink)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>ul>li>span b{display:block;margin-top:6px;font-weight:650;color:var(--h-navy)}
/* 첫 화면 버튼과 같은 글자·같은 주소. PC 는 따라오는 버튼(.gzh-follow)이 맡아 본문에서는 뺀다(아래 hover 묶음 뒤) */
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta{display:grid;gap:10px;margin:20px 0 0}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:10px;font-size:16px;font-weight:650;line-height:1.3;text-align:center;text-decoration:none;word-break:keep-all;transition:background-color .16s ease,border-color .16s ease,transform .1s var(--h-ease-card)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>.gzh-cta1{min-height:52px;background:var(--h-blue);color:#fff!important;box-shadow:0 1px 2px rgba(11,77,162,.2),0 8px 20px rgba(21,112,239,.28)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>.gzh-cta1::after{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--h-arrow) center/contain no-repeat;mask:var(--h-arrow) center/contain no-repeat;transition:transform .28s var(--h-ease-card)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>.gzh-cta2{border:1px solid #bcd3ee;background:#fff;color:var(--h-blue-ink)!important}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>a:active{transform:translateY(1px)}
html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>a:focus-visible{outline:3px solid #9ac8ff;outline-offset:3px}
@media (hover:hover){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>.gzh-cta1:hover{background:var(--h-blue-ink)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>.gzh-cta1:hover::after{transform:translateX(3px)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta>.gzh-cta2:hover{background:var(--h-blue-soft)}
}
@media (min-width:1101px){html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gzh-cta{display:none}}

/* ═════ 따라오는 버튼 (PC) ═════
   첫 화면 버튼이 화면 위로 지나가면 나타난다(.is-on — 페이지 끝 인라인 스크립트). 글자 · 주소는 첫 화면 버튼 복제.
   본문 밖 오른쪽 여백이 336px 이상(1920 모니터 등 — 윈도우 스크롤바를 빼면 351px)이면 그 여백에 작은 카드(.is-side), 모자라면 화면 맨 위 얇은 줄(.is-bar).
   위치(--gzh-x · --gzh-w)는 스크립트가 본문 칸을 재서 준다. 1100px 이하는 기존 아래 고정 단추가 맡아 띄우지 않는다 */
.gzh-follow{display:none}
@media (min-width:1101px){
  .gzh-follow{--f-blue:#1570ef;--f-blue-ink:#0b4da2;--f-blue-soft:#eaf2fe;--f-navy:#14283c;--f-muted:#5b6b7f;--f-line:#e6ecf3;position:fixed;z-index:70;display:block;box-sizing:border-box;visibility:hidden;opacity:0;pointer-events:none;font-family:inherit;transition:opacity .2s ease,transform .3s cubic-bezier(.32,.72,0,1),visibility 0s linear .3s}
  .gzh-follow.is-bar{top:0;left:0;right:0;transform:translateY(-100%);background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--f-line);box-shadow:0 10px 24px -16px rgba(16,24,40,.35)}
  .gzh-follow.is-bar>.gzh-follow-in{display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;width:var(--gzh-w,1200px);min-height:68px;margin:0 0 0 var(--gzh-x,0);padding:10px 0}
  .gzh-follow.is-side{top:24px;left:var(--gzh-x,auto);width:var(--gzh-w,300px);transform:translateY(-8px)}
  /* 나타남은 위치 규칙(is-bar · is-side)보다 강해야 한다 */
  .gzh-follow:is(.is-bar,.is-side).is-on{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .3s cubic-bezier(.32,.72,0,1),visibility 0s}
  .gzh-follow.is-side>.gzh-follow-in{display:grid;gap:14px;box-sizing:border-box;padding:20px;border:1px solid var(--f-line);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px rgba(16,24,40,.10),0 28px 64px rgba(16,24,40,.13)}
  .gzh-follow-name{min-width:0}
  .gzh-follow-name b{display:block;font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--f-navy);word-break:keep-all}
  .gzh-follow-name span{display:block;margin-top:2px;font-size:14px;font-weight:500;line-height:1.45;color:var(--f-muted)}
  .gzh-follow.is-bar .gzh-follow-name{display:flex;align-items:baseline;gap:12px}
  .gzh-follow.is-bar .gzh-follow-name>*{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gzh-follow.is-bar .gzh-follow-name b{flex:none}
  .gzh-follow-btns{display:flex;flex:none;flex-direction:row-reverse;gap:8px}
  .gzh-follow.is-side .gzh-follow-btns{display:grid}
  .gzh-follow-btns a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;font-size:15px;font-weight:650;line-height:1.3;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color .16s ease}
  .gzh-follow.is-side .gzh-follow-btns a{min-height:46px;padding:8px 14px;white-space:normal;word-break:keep-all}
  .gzh-follow-btns .gzh-f1{background:var(--f-blue);color:#fff!important;box-shadow:0 1px 2px rgba(11,77,162,.2),0 6px 16px rgba(21,112,239,.26)}
  .gzh-follow-btns .gzh-f1::after{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
  .gzh-follow-btns .gzh-f2{border:1px solid #bcd3ee;background:#fff;color:var(--f-blue-ink)!important}
  .gzh-follow-btns a:focus-visible{outline:3px solid #9ac8ff;outline-offset:2px}
}
@media (min-width:1101px) and (hover:hover){
  .gzh-follow-btns .gzh-f1:hover{background:var(--f-blue-ink)}
  .gzh-follow-btns .gzh-f2:hover{background:var(--f-blue-soft)}
}

/* ═════ 관련 패키지 ═════ (reef 는 .hd-shell 밖에 머리와 링크만 있다) */
html.gz-design-v13.gz-design-v13 .relsec{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin:24px auto 80px;padding:36px 40px 40px;border:1px solid var(--h-line);border-radius:18px;background:#fff;box-shadow:var(--h-sh-card)}
html.gz-design-v13.gz-design-v13 .hd-shell>.relsec{width:auto;max-width:none;margin:24px 0 0}
html.gz-design-v13.gz-design-v13 .relsec .sec{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0;padding:0}
html.gz-design-v13.gz-design-v13 .relsec .sec:not(:last-child){margin-bottom:22px}
html.gz-design-v13.gz-design-v13 .relsec .sec h3{margin:0;font-size:22px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.03em;color:var(--h-navy)!important}
html.gz-design-v13.gz-design-v13 .relsec .sec p{margin:6px 0 0;font-size:14px!important;line-height:1.6!important;color:var(--h-muted)!important}
html.gz-design-v13.gz-design-v13 .relsec .sec .more{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;font-size:15px!important;font-weight:650!important;color:var(--h-blue-ink)!important;white-space:nowrap}
html.gz-design-v13.gz-design-v13 .relsec .vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html.gz-design-v13.gz-design-v13 .relsec .vgrid:is(.c3,.c2){grid-template-columns:repeat(3,minmax(0,1fr))}
html.gz-design-v13.gz-design-v13 .relsec .vcard,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;aspect-ratio:auto;border:1px solid var(--h-line);border-radius:16px!important;background:#fff;box-shadow:none!important;color:var(--h-navy);overflow:hidden}
html.gz-design-v13.gz-design-v13 .relsec .vcard>img,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover>img{position:relative;inset:auto;display:block;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover;transform:none;transition:transform .55s var(--h-ease-card)!important}
html.gz-design-v13.gz-design-v13 .relsec .vcard .g{display:none}
html.gz-design-v13.gz-design-v13 .relsec .vtop{position:absolute;top:12px;left:12px;right:auto;z-index:1;display:flex;gap:6px;max-width:calc(100% - 24px)}
html.gz-design-v13.gz-design-v13 .relsec .vchip{padding:4px 9px;border:.5px solid rgba(16,24,40,.08);border-radius:999px;background:rgba(255,255,255,.92);color:var(--h-navy);font-size:13px!important;font-weight:650!important;line-height:1.3!important}
html.gz-design-v13.gz-design-v13 .relsec .vbody,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vbody{position:static;inset:auto;display:flex;flex-direction:column;flex:1;min-width:0;margin:0;padding:16px 18px 18px;border-radius:0;background:#fff;box-shadow:none;color:var(--h-navy)}
html.gz-design-v13.gz-design-v13 .relsec .vcourse,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vcourse{min-height:0;margin:0;font-size:13px!important;font-weight:650!important;line-height:1.45!important;letter-spacing:-.01em;color:var(--h-blue-ink);text-shadow:none;word-break:keep-all}
html.gz-design-v13.gz-design-v13 .relsec .vname,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vname{display:block;margin:6px 0 4px;font-size:18px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.03em;color:var(--h-navy)!important;text-shadow:none;opacity:1;word-break:keep-all;-webkit-line-clamp:unset}
html.gz-design-v13.gz-design-v13 .relsec .vmeta,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vmeta{margin:0;padding:0;border:0;font-size:14px!important;line-height:1.5!important;color:var(--h-muted)!important}
html.gz-design-v13.gz-design-v13 .relsec .vgo,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vgo{display:inline-flex!important;align-items:center;gap:6px;min-height:0;margin:auto 0 0;padding:14px 0 0;border:0;border-radius:0;background:none!important;color:var(--h-blue)!important;font-size:15px!important;font-weight:650!important;line-height:1.4!important;text-align:left;text-decoration:none}
@media (hover:hover){
  html.gz-design-v13.gz-design-v13 .relsec .vcard:hover>img{transform:scale(1.04)}
  html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vgo{text-decoration:underline;text-underline-offset:3px}
}

/* ═════ 태블릿 ═════ */
@media (max-width:1100px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero{--h-thumb:132px}
  /* 태블릿은 위에 모바일 메뉴 줄과 「전체 호텔 보기」가 더 있고 아래 고정 단추(약 65px)가 있다.
     가로로 둔 태블릿(1100×800, 1024×768)에서도 버튼이 아래 고정 단추 위에 오도록 화면 높이에서 370px 를 뺀다 */
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery{min-height:clamp(340px,min(54vw,100vh - 370px),500px);gap:8px;padding:16px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-head{margin-right:calc(var(--h-thumb) + 32px);gap:22px;padding:36px 32px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-open-gallery{font-size:13px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-btn{min-height:50px!important;padding:0 18px!important;font-size:15px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story,html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms{margin-top:16px!important}
  html.gz-design-v13.gz-design-v13 .relsec{margin-top:16px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.relsec{margin-top:16px}
}
@media (max-width:900px){
  html.gz-design-v13.gz-design-v13 .relsec .vgrid,html.gz-design-v13.gz-design-v13 .relsec .vgrid:is(.c3,.c2){grid-template-columns:minmax(0,1fr);gap:12px}
  html.gz-design-v13.gz-design-v13 .relsec .vcard,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover{display:grid;grid-template-columns:148px minmax(0,1fr)}
  html.gz-design-v13.gz-design-v13 .relsec .vcard>img,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover>img{grid-column:1;grid-row:1;height:100%;min-height:136px;aspect-ratio:auto}
  html.gz-design-v13.gz-design-v13 .relsec .vtop{top:8px;left:8px;max-width:132px;flex-wrap:wrap}
  html.gz-design-v13.gz-design-v13 .relsec .vbody,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vbody{grid-column:2;grid-row:1;padding:16px 18px}
  html.gz-design-v13.gz-design-v13 .relsec .vname,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vname{font-size:17px!important}
  html.gz-design-v13.gz-design-v13 .relsec .vgo,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vgo{padding-top:10px}
}

/* ═════ 휴대폰: 첫 화면은 사진(이름 얹음) → 사진 4장 → 버튼 순서로 쌓는다 ═════
   사진첩과 머리를 풀어(display:contents) 사진·제목·버튼을 한 격자에 놓고, 어두운 판은 ::before 로 깐다 */
@media (max-width:720px){
  html.gz-design-v13.gz-design-v13 .crumb:has(+ .hd-shell){width:calc(100% - 32px)}
  html.gz-design-v13.gz-design-v13 .hd-shell{width:calc(100% - 32px);margin:4px auto 48px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero{grid-template-columns:4px repeat(4,minmax(0,1fr)) 4px;column-gap:6px;row-gap:0}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero::before{content:"";grid-column:1/-1;grid-row:1/4;border-radius:16px;background:#0d2a3d;box-shadow:var(--h-sh-card)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>:is(.hd-gallery,.hd-a1-head){display:contents}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-main{position:relative;inset:auto;grid-column:1/-1;grid-row:1;aspect-ratio:4/3;min-height:0;border-radius:16px 16px 0 0;overflow:hidden}
  /* 호텔 이름이 길면 제목이 사진 위쪽까지 올라오므로 그늘을 골프보다 조금 더 위까지 깐다 */
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-main::after{background:linear-gradient(0deg,rgba(8,22,36,.66) 0%,rgba(8,22,36,.26) 42%,rgba(8,22,36,0) 66%)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small{grid-row:2;margin-top:10px;aspect-ratio:1/1;border-radius:10px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(2){grid-column:2;grid-row:2}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(3){grid-column:3;grid-row:2}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(4){grid-column:4;grid-row:2}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-gallery-small:nth-child(5){grid-column:5;grid-row:2}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-open-gallery{grid-column:5;grid-row:2;height:auto;margin-top:10px;padding:0 2px;aspect-ratio:1/1;border-radius:10px!important;font-size:12px!important;line-height:1.3!important;word-break:keep-all}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-gallery>.hd-open-gallery span{font-size:12px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title{grid-column:1/-1;grid-row:1;align-self:end;z-index:1;padding:0 16px 16px;pointer-events:none}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title>p{margin-bottom:6px;font-size:13px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title h1{font-size:30px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title>span{margin-top:4px;font-size:14px!important;line-height:1.5!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .gx-hotel-guide{margin-top:8px;gap:4px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .gx-hotel-guide :is(.hclassification,.hotel-guide-tag){min-height:24px;padding:0 9px;font-size:13px!important;background:rgba(8,22,36,.32)}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions{grid-column:2/6;grid-row:3;margin:12px 0!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-actions .gx-btn{flex:1 1 100%;min-height:48px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>:is(.hd-a1-facts,#gzPromotionTicket,.hd-a1-fit){grid-column:1/-1}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:12px!important;border-radius:16px!important}
  /* 휴대폰은 아이콘을 라벨 앞 작은 글자 크기로 줄여 카드 높이를 아낀다 */
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article{padding:16px 16px 18px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article::before{display:none}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts article::after{left:16px;top:17px;width:16px;height:16px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts small{padding-left:22px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts strong{font-size:17px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-facts p{font-size:14px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>#gzPromotionTicket{margin-top:12px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-fit{margin-top:12px!important;padding:16px 18px 16px 20px!important;border-radius:16px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero>.hd-a1-fit>p{font-size:17px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story{padding:2px 20px!important;border-radius:16px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story>summary{padding:18px 0!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .hd-story-title{font-size:20px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .gx-morein{padding-bottom:22px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-a1-story .gx-morein p{font-size:15px!important;line-height:1.75!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms{padding:24px 18px!important;border-radius:16px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.hd-rooms .hd-section-head h2{font-size:20px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content .gx-panel{padding:24px 20px;border-radius:16px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content .gx-panel h2{font-size:20px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-content>.gx-side>.gx-panel:first-child>ul>li>b{font-size:17px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-map{height:220px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-travel{grid-template-columns:minmax(0,1fr);gap:8px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-course{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-course>div{padding:14px 16px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-course b{font-size:15px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready .gx-tips li{font-size:14px!important}
  html.gz-design-v13.gz-design-v13 .relsec{width:calc(100% - 32px);margin-bottom:48px;padding:24px 18px 20px;border-radius:16px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.relsec{width:auto;margin-bottom:0}
  html.gz-design-v13.gz-design-v13 .relsec .sec{flex-direction:column;align-items:flex-start;gap:8px}
  html.gz-design-v13.gz-design-v13 .relsec .sec h3{font-size:20px!important}
  html.gz-design-v13.gz-design-v13 .relsec .vcard,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover{grid-template-columns:112px minmax(0,1fr)}
  html.gz-design-v13.gz-design-v13 .relsec .vcard>img,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover>img{min-height:128px}
  html.gz-design-v13.gz-design-v13 .relsec .vtop{max-width:100px}
  html.gz-design-v13.gz-design-v13 .relsec .vchip{padding:3px 7px;font-size:13px!important}
  html.gz-design-v13.gz-design-v13 .relsec .vbody,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vbody{padding:14px 16px}
  html.gz-design-v13.gz-design-v13 .relsec .vname,html.gz-design-v13.gz-design-v13 .relsec .vcard:hover .vname{font-size:16px!important}
}
/* 작은 휴대폰(380px 이하)은 제목 덩어리가 사진을 다 덮지 않게 한 단계 줄인다 */
@media (max-width:380px){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title{padding:0 14px 14px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title h1{font-size:24px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .hd-a1-title>span{font-size:13px!important}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .gx-hotel-guide{margin-top:6px}
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero .gx-hotel-guide :is(.hclassification,.hotel-guide-tag){min-height:22px;padding:0 8px;font-size:13px!important}
}

/* ═════ 움직임 ═════ */
@keyframes gzh-settle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes gzh-slide{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@keyframes gzh-fade{from{opacity:0}to{opacity:1}}
@keyframes gzh-zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  html.gz-design-v13.gz-design-v13 .hd-shell>.gdx.hd-a1-ready>.gx-hero *{animation:none!important}
  html.gz-design-v13.gz-design-v13 :is(.hd-shell,.relsec) :is(.hd-photo img,.vcard>img,.gx-btn,.gzh-cta>a,.gzh-cta>a::after,.gx-btn::after,.hd-row){transition:none!important}
  html.gz-design-v13.gz-design-v13 :is(.hd-shell,.relsec) :is(.hd-gallery-small:hover img,.vcard:hover>img){transform:none!important}
  .gzh-follow,.gzh-follow.is-on,.gzh-follow-btns a,.gz-xfade{transition:none!important}
}