/* =========================================================
   MOTMOT 리디자인 (2026-11) — 고객 페이지 공통 레이어
   시안: Figma Lo3p8mCkrVi9vdJ41eRH60 (모바일 · PC v2)
   ⚠ site.css 뒤에 붙는다. 기능 훅(id · data-cms · data-slot · navdrop · modeswitch ·
     site.js 가 찾는 머리 인라인 style)은 건드리지 않고 겉모습만 바꾼다.
   ========================================================= */
:root{
  --rd-cream:#F4EFE4; --rd-card:#FCFAF4; --rd-sand:#EDE6D6; --rd-line:#E2DACB;
  --rd-sage:#5E6C49; --rd-forest:#2F3A26; --rd-gold:#B0843F; --rd-gold-t:#86601F;
  --rd-ink:#33302A; --rd-mute:#665F52; /* 2026-11-03 균형 손보기: #7D7566 → 한 단계 진하게(보조 글이 힘없이 보였다) */
  --rd-g-ink:#111111; --rd-g-yellow:#FEB901; --rd-g-line:#E6E6E6; --rd-g-mute:#6B6B6B;
  --rd-w:1200px; --rd-gut:24px;
  /* ── v3 글자 · 크기 가이드 (D-461 · Figma 「🧱 Foundations · Components v3」) ──
     글꼴 2가지(명조 = 히어로 · 섹션/페이지 제목만, 나머지 고딕 · 로고 워드마크만 Manrope)
     크기 PC 16 · 17 · 18 · 32 · 48 / 모바일 16 · 17 · 24 · 32 · 16 미만 금지
       (2026-11-05 제목 · 카드 한 단계 더 — 사장님 「제목, 카드 한단계 더 줄이고」 · 예전 56 · 40 · 20 · 18 / 36 · 28 · 18 · 17)
       (2026-11-04 한 단계 축소 — 사장님 「폰트가 꽤 많이 큰듯 … 좀 더 줄여도 되겠다」 · 예전 64 · 48 · 24 · 20 / 40 · 32 · 20 · 18)
     굵기 고딕 400 본문 · 500 라벨/버튼/카드 제목 · 700 강조(가격 · 숫자)만 / 명조 500 하나
     줄 높이 ≤ 1.6 · 자간 ≤ .16em(키커 .08em) */
  --rd-ff-serif:'Noto Serif KR',serif; --rd-ff-sans:'Noto Sans KR',sans-serif;
  --rd-fs-hero:48px; --rd-fs-title:32px; --rd-fs-sub:18px; --rd-fs-lead:17px; --rd-fs-body:16px;
  --rd-lh-hero:1.2; --rd-lh-title:1.3; --rd-lh-sub:1.4; --rd-lh-lead:1.5; --rd-lh-body:1.6; --rd-lh-line:1.4;
  --rd-ls-kick:.08em;
  --rd-sec:120px; --rd-sec-part:64px; --rd-head-gap:12px; --rd-head-body:24px;
  --rd-btn-l:52px; --rd-btn-s:44px; --rd-tag:32px; --rd-radius:20px; --rd-input-h:52px; --rd-input-r:12px;
}
@media (max-width:860px){
  :root{ --rd-fs-hero:32px; --rd-fs-title:24px; --rd-fs-sub:17px; --rd-fs-lead:16px; --rd-sec:64px; --rd-sec-part:48px }
}
/* 명조는 500 한 굵기만 불러온다 — 600 · 700 을 달라고 해도 가짜 굵게(브라우저 합성)를 만들지 않게 */
html{font-synthesis:none}

/* 굵기는 레귤러 400 · 미디움 500 · 세미볼드 600 까지 (사장님 2026-11-05 「전체적으로 폰트는 레귤러/미디움/세미볼드 선에서 끝내」 · D-481)
   글꼴도 400 · 500 · 600 만 불러온다. 옛 마크업의 인라인 굵기(700 · 800 · 900) · <b> · <strong> 도 600 으로 덮는다.
   ⚠ 로고 워드마크(.rd-logo b · .rd-fl b · Manrope 800)는 브랜드 글자라 그대로. */
b,strong{font-weight:600}
[style*="font-weight:700"],[style*="font-weight: 700"],[style*="font-weight:800"],[style*="font-weight: 800"],[style*="font-weight:900"],[style*="font-weight: 900"]{font-weight:600!important}
.rd-logo b,.rd-foot .rd-fl b{font-weight:800!important}

/* 움직임을 부드럽게 (사장님 2026-11-05 「사진이 조금 커지는 느낌의 모션 좋긴한데, 전체적으로 부드럽지가 않네」 · 「툭툭 끊어지는 느낌이라, 이런거 애니메이션 넣어줘야 할 듯」)
   ① 사진 확대는 어느 카드든 같은 곡선 · 같은 시간(0.7초). 사진이 도는 칸(site.js)이 transform 을 지우지 못하게 !important.
   ② 사진 넘김은 겹쳐 넘기기(.rd-xfade · site.js) — 바탕색이 비치지 않는다.
   ③ 단추 · 링크 · 칩의 색 · 테두리 바뀜도 0.2초로 — 툭 바뀌지 않게. 더 구체적인 규칙이 있는 곳은 그 규칙을 따른다.
   ④ 움직임 줄이기를 켠 사람에게는 끈다. */
:root{--rd-ease:cubic-bezier(.22,.61,.36,1)}
.rr-type img,.rr-m img.dc-slot,.rr-cell img,.rr-ph > img,.rp-pc > img,.rp-pc .rp-pc-ph img,.rp-pc > [data-photos] img,.pt-ph img,.gd .rv-ph img{
  transition:transform .7s var(--rd-ease),opacity .9s ease!important}
@media (hover:hover){ .rr-type img,.rr-m img.dc-slot,.rr-cell img,.rr-ph > img,.rp-pc img,.pt-ph img,.gd .rv-ph img{will-change:transform} }
.rr-ph{overflow:hidden}
.rr-card:hover .rr-ph > img{transform:scale(1.04)}
[data-photos]{position:relative}
img.rd-xfade{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .9s ease}
img.rd-xfade.on{opacity:1}
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}
@media (prefers-reduced-motion:reduce){
  .rr-type img,.rr-m img.dc-slot,.rr-cell img,.rr-ph > img,.rp-pc img,.pt-ph img,.gd .rv-ph img,img.rd-xfade,a,button{transition:none!important}
}

/* ---------- 머리 ---------- */
.rd-hdr{height:76px;padding:0 max(16px,calc((100vw - var(--rd-w))/2));gap:28px;
  background:rgba(244,239,228,.94);border-bottom:1px solid var(--rd-line);white-space:nowrap;color:var(--rd-ink)}
.rd-hdr.rd-group{background:rgba(255,255,255,.94);border-bottom-color:var(--rd-g-line);color:var(--rd-g-ink)}
.rd-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex:none}
.rd-logo img{height:24px;width:auto;display:block}
.rd-logo b{font-family:'Manrope',sans-serif;font-weight:800;font-size:21px;letter-spacing:-.01em;color:inherit}
.rd-logo i{font-style:normal;font-family:'Manrope',sans-serif;font-size:11px;font-weight:600;letter-spacing:.26em;color:var(--rd-mute);border-left:1px solid var(--rd-line);padding-left:10px}
.rd-group .rd-logo i{color:var(--rd-g-mute);border-color:var(--rd-g-line)}
.rd-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px);flex:1;justify-content:center}
.rd-nav > a,.rd-nav > .navdrop > a{font-size:16px;font-weight:500;color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.rd-nav > a:hover,.rd-nav > .navdrop > a:hover{color:var(--rd-sage)}
.rd-group .rd-nav > a:hover{color:var(--rd-g-ink);text-decoration:underline;text-decoration-color:var(--rd-g-yellow);text-decoration-thickness:2px;text-underline-offset:6px}
.rd-act{display:flex;align-items:center;gap:16px;flex:none}
.rd-act .rd-ext{font-family:var(--rd-ff-sans);font-size:16px;font-weight:500;letter-spacing:0;color:var(--rd-mute);text-decoration:none}
.rd-act .rd-ext:hover{color:var(--rd-sage)}
.rd-act .rd-cta{height:var(--rd-btn-s);padding:0 22px;border-radius:99px;background:var(--rd-sage);color:#fff;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center}
.rd-act .rd-cta:hover{background:var(--rd-forest)}
.rd-group .rd-act .rd-cta{background:var(--rd-g-ink)}
.rd-group .rd-act .rd-cta:hover{background:#333}
.rd-lang{display:inline-flex;align-items:center;gap:4px;font-family:var(--rd-ff-sans);font-size:16px}
.rd-lang button{background:none;border:0;padding:0 2px;cursor:pointer;font:inherit;min-width:28px;min-height:44px}
.rd-lang i{font-style:normal;color:var(--rd-line)}
/* 폰 — site.js navDrawer 가 메뉴·CTA 칸을 인라인 display:none 으로 숨긴다. KR/EN 만 머리에 남긴다 */
@media (max-width:860px){
  .rd-hdr{gap:8px;padding:0 16px}
  .rd-act{display:flex!important}
  .rd-act > a{display:none!important}
  .rd-logo b{font-size:19px}
  .rd-logo i{font-size:10px;padding-left:8px;letter-spacing:.2em}
}
@media (min-width:861px) and (max-width:1240px){
  .rd-nav > a,.rd-nav > .navdrop > a{font-size:16px!important}
  .rd-act{gap:10px}.rd-act .rd-ext{display:none}
}
@media (max-width:860px){ .rd-act{margin-left:auto;gap:0} }
@media (min-width:861px) and (max-width:1480px){ .rd-act .rd-ext{display:none} .rd-nav{gap:clamp(12px,1.5vw,24px)} .rd-nav > a,.rd-nav > .navdrop > a{font-size:16px} }

/* 머리 메뉴 펼침(객실 · 시설) — v3: 16 미만 금지(예전 site.css 13px · 머리글 9.5px 가 남아 있었다 · 2026-11-04) */
.navdrop > .navdrop-menu{max-width:340px}
.navdrop-menu a{font-size:var(--rd-fs-body);line-height:var(--rd-lh-line);padding:10px 20px}
.navdrop-menu .navdrop-head{font-size:var(--rd-fs-body);line-height:var(--rd-lh-line);letter-spacing:var(--rd-ls-kick);font-weight:500;padding:10px 20px 4px;white-space:nowrap}

/* ---------- 바닥(푸터) ---------- */
.rd-foot{background:var(--rd-forest);color:rgba(255,255,255,.72);font-size:16px;line-height:1.4;padding:72px max(16px,calc((100vw - var(--rd-w))/2)) 48px}
.rd-foot.rd-group{background:#111;color:rgba(255,255,255,.66)}
.rd-foot a{color:inherit;text-decoration:none}.rd-foot a:hover{color:#fff}
.rd-foot .rd-fg{display:grid;grid-template-columns:588px repeat(3,180px);gap:24px}
.rd-foot .rd-fl{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.rd-foot .rd-fl img{height:22px;width:auto}.rd-foot .rd-fl b{font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;color:#fff}
.rd-foot .rd-fl i{font-style:normal;font-family:'Manrope',sans-serif;font-size:11px;letter-spacing:.26em;color:rgba(255,255,255,.55);border-left:1px solid rgba(255,255,255,.25);padding-left:10px}
.rd-foot [data-cms="footer"]{white-space:pre-line;display:block}
.rd-foot h4{margin:0 0 12px;font-size:16px;color:#fff;font-weight:500}
.rd-foot .rd-fc a{display:block;padding:4px 0} /* 링크 사이 8 — 줄 높이로 띄우지 않는다 */
.rd-foot .rd-fb{border-top:1px solid rgba(255,255,255,.15);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:16px}
.rd-foot .rd-fb-r{display:inline-flex;align-items:center;flex-wrap:wrap;gap:16px}
.rd-foot .rd-lang{color:rgba(255,255,255,.72)} .rd-foot .rd-lang i{color:rgba(255,255,255,.3)}
.rd-foot .rd-lang button{min-height:44px} /* 켜진 쪽 색은 i18n.js 가 인라인으로 준다(금색 / 회색) */
.rd-foot .rd-fb span+span a+a{margin-left:0}
@media (max-width:1240px){ .rd-foot .rd-fg{grid-template-columns:1fr 1fr 1fr} .rd-foot .rd-fg > div:first-child{grid-column:1/-1} }
@media (max-width:600px){ .rd-foot{padding:48px 16px 36px} .rd-foot .rd-fg{grid-template-columns:1fr 1fr} .rd-foot .rd-fc a{min-height:40px;display:flex;align-items:center} }
/* 861~1100px — 노트북 · 태블릿 가로: 메뉴 아홉 칸 + KR/EN + 예약 단추가 한 줄에 들어가게(2026-11-02 실측 1024px 에서 75px 넘침) */
@media (min-width:861px) and (max-width:1100px){
  /* v3: 메뉴 글자는 16 아래로 줄이지 않는다. 카페 · 애견카페 · 수영장이 「시설」 펼침으로 들어가 칸이 셋 줄었다(2026-11-04) —
     예전에 이 폭에서 숨기던 「예약·이용 문의」 · 「단체 고객」 도 이제 한 줄에 들어간다(861 ~ 1440px 실측) */
  .rd-hdr{gap:12px!important;padding-left:16px!important;padding-right:16px!important}
  .rd-logo i{display:none}
  .rd-nav{gap:10px!important}
  .rd-nav > a,.rd-nav > .navdrop > a{font-size:16px!important}
  .rd-act{gap:6px}
  .rd-act .rd-cta{padding:0 14px!important;font-size:16px}
}
@media (min-width:861px) and (max-width:960px){
  .rd-nav{gap:7px!important}
  .rd-nav > a,.rd-nav > .navdrop > a{font-size:16px!important}
  .rd-logo b{font-size:18px}.rd-logo img{height:20px}
}
@media (min-width:861px) and (max-width:960px){ .rd-act .rd-cta{padding:0 12px!important} .rd-hdr{gap:10px!important} }

/* ---------- 폰: 위쪽 띠를 가볍게 (2026-11-02 사장님 「상단 띠가 두개여서 그런가 답답한 느낌」) ----------
   머리 76 → 60px, 그 아래 개인/단체 띠는 안내 글을 숨기고 얇은 한 줄(꽉 찬 토글)로. 띠는 그대로 따라온다(resort-v3 시험 · 사장님 결정).
   ⚠ 띠의 인라인 style(position:sticky;top:76px) 은 시험이 찾는 훅이라 마크업은 두고 여기서 덮는다. */
@media (max-width:860px){
  .rd-hdr{height:60px}
  [style*="position:sticky;top:76px"]{top:60px!important;background:rgba(244,239,228,.96)!important;border-bottom:1px solid var(--rd-line)!important}
  [style*="position:sticky;top:76px"] > div{padding:6px 16px 8px!important;justify-content:stretch!important;gap:0!important}
  [style*="position:sticky;top:76px"] [data-cms^="resort.modeHint"]{display:none!important}
  [style*="position:sticky;top:76px"] .modeswitch{flex:1 1 auto!important;padding:2px!important}
  [style*="position:sticky;top:76px"] .modeswitch > a{font-size:16px;padding:7px 12px;min-height:34px;display:flex;align-items:center;justify-content:center}
  [style*="position:sticky;top:76px"] .modeswitch-bg{top:2px;bottom:2px;left:2px;width:calc(50% - 2px)}
}
/* site.css 의 옛 폰 머리 규칙(sticky+space-between 에 위아래 12px)이 60px 를 69px 로 늘렸다(2026-11-02 라이브 실측) */
@media (max-width:860px){ .rd-hdr[style*="position:sticky"][style*="justify-content:space-between"][style*="backdrop-filter"]{padding-top:0!important;padding-bottom:0!important;height:60px!important;min-height:60px!important} }

/* ---------- 머리 v3 — 사장님 시안 1페이지(2026-11-05 「피그마 시안 적용 안된 것 같은데」) ----------
   ① 개인 / 단체 전환은 머리 오른쪽 안(.rd-act > .modeswitch). 머리 아래 띠는 숨긴다 —
      안내 글(data-cms resort.modeHint*)은 마크업에 남겨 관리자에서 계속 고칠 수 있다. 라벨은 「개인 · 단체」(뒤의 「고객」 은 숨김 — 두 라벨 글자 수는 그대로 같다).
   ② 「MOTMOT GROUP ↗」 · 「실시간 객실 예약」(단체 「단체 예약 신청」) 은 머리에서 뺀다. 폰 드로어(site.js navDrawer)는 이 링크를 읽어 맨 위 단추로 둔다 — 그래서 지우지 않고 숨긴다.
   ③ 리조트 첫 화면(.rd-hdr--over)은 사진 위에서 투명 · 흰 글자, 사진을 지나면 site.js 가 .is-solid 를 붙여 크림 바탕으로 돌아간다. */
[style*="position:sticky;top:76px"]{display:none!important}
/* 2026-11-05 「개인고객 실시간 예약 버튼은 그래도 뭔가 필요할 것 같다 · 안보이니까 허전하다」 · 「단체 페이지도 살려줘」 —
   「실시간 객실 예약」 · 단체 페이지 「단체 예약 신청」 은 되살린다. 빼는 것은 그룹 링크(.rd-ext)만 */
.rd-hdr:not(.rd-group) .rd-act > .rd-ext{display:none!important}
.rd-hdr--over:not(.is-solid) .rd-act .rd-cta{background:#fff;color:#33302A}   /* 사진 위 — 시안 「On photo」 처럼 흰 단추 */
.rd-hdr--over:not(.is-solid) .rd-act .rd-cta:hover{background:rgba(255,255,255,.86)}
/* 노트북 폭 — 토글 · 예약 단추가 함께 서면 메뉴가 빽빽하다. 메뉴의 「단체 고객」 은 바로 옆 개인/단체 토글과 같은 길이라 이 폭에서만 숨긴다 */
@media (min-width:861px) and (max-width:1240px){
  .rd-nav > a[href="resort-group.html"]{display:none!important}
  .rd-act .modeswitch > a{padding:3px 11px}
}
/* 머리 배치 — 참고(나이키)처럼 로고는 왼쪽 끝 · 메뉴는 화면 정가운데 · 개인/단체 · 예약 단추는 오른쪽 끝 (사장님 2026-11-05 「이렇게 여백 부족하게 가득가득할 필요가 있나...」 · 「이런거 보면 여백 많잖아...」)
   예전에는 세 묶음이 본문 폭(1200) 안에 몰려 사이가 빽빽했다. PC 만 3칸 격자(양옆 1fr) — 폰은 site.js 가 햄버거를 붙이는 한 줄(flex) 그대로.
   ⚠ 머리 인라인 style(display:flex · justify-content:space-between)은 site.js 가 머리를 찾는 훅이라 그대로 두고 여기서 덮는다.
   ⚠ 1240px 아래(노트북)는 세 묶음을 띄울 자리가 없어 예전처럼 촘촘한 한 줄 — 격자는 1241px 부터. */
@media (min-width:1241px){
  .rd-hdr:not(.rd-group){display:grid!important;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);column-gap:32px!important;
    padding-left:clamp(24px,2.6vw,48px)!important;padding-right:clamp(24px,2.6vw,48px)!important}
  .rd-hdr:not(.rd-group) > .rd-logo{justify-self:start}
  .rd-hdr:not(.rd-group) > .rd-nav{justify-self:center;flex:none;gap:clamp(20px,2.2vw,36px)!important}
  .rd-hdr:not(.rd-group) > .rd-act{justify-self:end}
  .rd-hdr:not(.rd-group) > button:last-child{display:none!important}
}

/* 단체 페이지 머리 메뉴는 5칸(객실 · 단체 패키지 · 컨벤션 시설 · 포스팅 · 오시는 길) — 7칸 + 토글 + 신청 단추는 여백 없이 꽉 찼다
   (사장님 2026-11-05 「이렇게 여백 부족하게 가득가득할 필요가 있나...」). 「예약·이용 문의」 · 「알짜 가이드」 는 PC 머리에서만 숨긴다 —
   폰 드로어(site.js 가 이 링크를 읽는다) · 첫 화면 · 바닥 메뉴에는 그대로 있다. */
@media (min-width:861px){
  .rd-nav:has(> a[href="#package"]) > a[href="#faq"],
  .rd-nav:has(> a[href="#package"]) > a[href="resort-guide.html"]{display:none!important}
}
.rd-act .modeswitch{flex:none}
.modeswitch .ms-x{display:none}
/* 2026-11-09 사장님 「단체랑 개인 넘기는 버튼 크기가 너무 커」 — 보이는 알약 50 → 34(폰 38) · 좌우 18 → 13 (글자 16 은 그대로 · D-461 「16 아래 금지」 · D-529)
   ⚠ 누르는 영역은 44px 그대로다 — site.css 「탭 대상 최소 크기」(머리 안 링크 min-height:var(--tap))를 지키고, 위아래 음수 여백으로 알약만 줄인다(링크가 알약 밖으로 조금 넘친다). */
.rd-act .modeswitch{padding:2px!important}
.rd-act .modeswitch-bg{top:2px;bottom:2px;left:2px;width:calc(50% - 2px)}
.rd-act .modeswitch > a{padding:0 13px;line-height:1.4;margin:-8px 0;display:flex;align-items:center;justify-content:center}
.rd-hdr--over{position:fixed!important;top:0;left:0;right:0;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
/* 그라데이션은 테두리 칸까지 한 번만(반복하면 아래 1px 테두리 칸에 어두운 줄이 다시 그려진다) */
.rd-hdr--over:not(.is-solid){background:linear-gradient(rgba(20,18,14,.45),rgba(20,18,14,0)) border-box no-repeat!important;border-bottom-color:transparent!important;color:#fff!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.rd-hdr--over:not(.is-solid) .rd-logo i{color:rgba(255,255,255,.82);border-left-color:rgba(255,255,255,.4)}
.rd-hdr--over:not(.is-solid) .rd-nav > a:hover,.rd-hdr--over:not(.is-solid) .rd-nav > .navdrop > a:hover{color:#fff;opacity:.8}
.rd-hdr--over:not(.is-solid) .modeswitch{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.75)!important}
.rd-hdr--over:not(.is-solid) .modeswitch > a{color:#fff}
.rd-hdr--over:not(.is-solid) .modeswitch-bg{background:#fff}
.rd-hdr--over:not(.is-solid) .modeswitch[data-mode="personal"] > a[data-mode-to="personal"],
.rd-hdr--over:not(.is-solid) .modeswitch[data-mode="group"] > a[data-mode-to="group"]{color:#33302A}
@media (max-width:860px){
  .rd-act .modeswitch{padding:2px!important}
  .rd-act .modeswitch > a{padding:0 12px;margin:-6px 0}
  .rd-act .modeswitch-bg{top:2px;bottom:2px;left:2px;width:calc(50% - 2px)}
  .rd-hdr > button:last-child{margin-left:6px!important}   /* 햄버거(site.js) — 토글 바로 옆에 */
  .rd-hdr[style*="position:sticky"]{flex-wrap:nowrap!important}   /* site.css 옛 폰 규칙(wrap)이 햄버거를 둘째 줄로 내렸다 */
}
/* 폰 — 로고 · 개인/단체 · 햄버거가 한 줄에 들어가게 「RESORT」 꼬리는 뺀다(로고 그림 · MOTMOT 은 그대로) */
@media (max-width:480px){ .rd-hdr .rd-logo i{display:none} }
/* 메뉴로 섹션에 갈 때 멈추는 자리 — 예전 128px(머리 76 + 띠 52)는 띠가 숨은 뒤 52px 빈칸을 남겼다(2026-11-05).
   ⚠ 인라인 scroll-margin-top 은 site.js 가 「떠오르기」 대상을 찾는 훅이라 그대로 두고 여기서 덮는다.
   ⚠ site.js(떠오르기)가 transitionDelay 를 넣으면 style 글이 「scroll-margin-top: 128px」 처럼 다시 쓰인다 — 두 모양을 다 잡는다. */
[id][style*="scroll-margin-top:128px"],[id][style*="scroll-margin-top: 128px"]{scroll-margin-top:76px!important}
@media (max-width:860px){ [id][style*="scroll-margin-top:128px"],[id][style*="scroll-margin-top: 128px"]{scroll-margin-top:60px!important} }

/* 주소 · 긴 값이 「1156-」/「21」 처럼 숫자 중간에서 꺾이지 않게 — 띄어쓰기에서 고르게 나눈다(2026-11-03) */
[data-cms="common.address"],.g-addr{text-wrap:balance}

/* v3: 고객 구분(개인/단체) 띠 글자 16 · 바닥 KR/EN 굵기 — 리조트 · 단체 두 페이지 공통 (D-461) */
.modeswitch > a{font-size:16px;font-weight:500}
.rd-foot .rd-lang button{font-weight:500!important} /* i18n.js 가 켜짐 500 · 꺼짐 300 을 인라인으로 준다 — 300 은 불러오지 않는 굵기 */
/* v3: 준비 중인 사업 링크의 「준비중」 배지(site.css 9.5px) — 16 아래 글자 금지 (D-461) */
a[href="dining.html"]::after,a[href="travel.html"]::after{font-size:16px!important;line-height:1.4!important;padding:0 8px!important;vertical-align:middle;font-weight:400}

/* 첫 화면 큰 사진 — 관리자 사진이 오기 전 「예전(기본) 사진」 이 잠깐 보였다 바뀌던 것 막기 (사장님 2026-11-09 · D-537)
   처음엔 숨겨 두고(바탕색만) cms.js 가 사진을 정하면(html.cms-img) 보인다. 스크립트가 못 돌아도 2.2초 뒤 저절로 보인다(기본 사진). */
.rr-hero > img.dc-slot,.gp-hero > img.dc-slot{opacity:0;animation:rd-hero-show .3s ease 2.2s forwards}
html.cms-img .rr-hero > img.dc-slot,html.cms-img .gp-hero > img.dc-slot{opacity:1;animation:none;transition:opacity .25s ease}
@keyframes rd-hero-show{to{opacity:1}}