/* ── 34쪽 트룬 글로벌 네트워크 — 제목·부제·지역 글은 글자로, 지도는 점 SVG(r57-maps-1021/troon-global-network-map.svg) 위에 표시 점·이름표.
   SVG 점·선 자리는 앞 판 그림(1648×791)의 화소 좌표 그대로(등거리 경위도). 표시 점·이름표는 지도 칸 % 자리에 px 크기라
   화면 폭이 바뀌어도 같은 크기로 보인다. 이름표 글 크기는 지도 칸 폭 기준(cqw)으로 11~14px. */
body.eg-site #main .r57f2-network-map{box-sizing:border-box;width:100%;max-width:1080px;margin:30px 0;padding:44px 48px 48px;background:#f0eae1;color:#262a29;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);grid-template-areas:"head head" "list map";column-gap:40px;row-gap:24px;align-items:end}
body.eg-site #main .r57f2-net-head{grid-area:head}
body.eg-site #main .r57f2-net-head h2{margin:0 0 8px;font:400 var(--type-h2,31.08px)/var(--leading-heading,1.45) var(--font-heading,MaruBuri,serif);letter-spacing:var(--tracking-heading,-.035em);color:#262a29;word-break:keep-all}
body.eg-site #main .r57f2-net-head p{margin:0;font:400 var(--type-body,15px)/1.6 var(--font-body,Pretendard,sans-serif);letter-spacing:0;color:#545956;word-break:keep-all}
body.eg-site #main .r57f2-net-map{grid-area:map;min-width:0;container-type:inline-size}
body.eg-site #main .r57f2-net-plot{position:relative;line-height:0}
body.eg-site #main .r57f2-net-plot img{display:block;width:100%;height:auto}
body.eg-site #main .r57f2-net-pin{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#262a29}
body.eg-site #main .r57f2-net-pin.is-home{box-sizing:border-box;width:22px;height:22px;margin:-11px 0 0 -11px;border:1.5px solid #262a29;background:radial-gradient(circle,#262a29 0 4px,#f0eae1 4.5px)}
body.eg-site #main .r57f2-net-name{position:absolute;white-space:nowrap;font:500 clamp(11px,2cqw,14px)/1 var(--font-body,Pretendard,sans-serif);letter-spacing:0;color:#262a29;text-shadow:0 0 2px #f0eae1,0 0 4px #f0eae1,0 0 6px #f0eae1}
body.eg-site #main .r57f2-net-name.is-left{transform:translate(calc(-100% - 10px),-50%)}
body.eg-site #main .r57f2-net-name.is-right{transform:translate(10px,-50%)}
body.eg-site #main .r57f2-net-name.is-top{transform:translate(-50%,calc(-100% - 10px))}
body.eg-site #main .r57f2-net-name.is-home{transform:translate(calc(-100% - 17px),-50%)}
body.eg-site #main .r57f2-net-regions{grid-area:list;margin:0;padding:16px 0 0;border-top:1px solid #b8a995;display:grid;row-gap:10px}
body.eg-site #main .r57f2-net-regions>div{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:2px}
body.eg-site #main .r57f2-net-regions :is(dt,dd){margin:0;font:400 var(--type-body,15px)/1.6 var(--font-body,Pretendard,sans-serif);letter-spacing:0;word-break:keep-all}
body.eg-site #main .r57f2-net-regions dt{font-weight:600;color:#805e47}
body.eg-site #main .r57f2-net-regions dd{color:#545956}
/* 1181px 이상: 블록 높이를 앞 판 그림 칸(내용 폭의 48.0%, 1080에서 518px)에 맞춘다 — 위·아래 여백과 제목·지도 사이만 조금 넓힘(지도·글 크기 그대로) */
@media (min-width:1181px){
  body.eg-site #main .r57f2-network-map{padding-top:52px;padding-bottom:56px;row-gap:36px}
}
/* 두 칸(왼쪽 지역 글 | 오른쪽 지도)은 콘텐츠 폭이 1080이 되는 1181px 이상에서만 — 그보다 좁으면 '미주' 줄이 두 줄로 꺾인다(1024 실측) */
@media (max-width:1180px){
  body.eg-site #main .r57f2-network-map{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "map" "list";padding:36px 32px 40px}
}
@media (max-width:700px){
  /* 휴대폰: 지도는 칸 폭 그대로(양옆 여백 없음), 제목·지역 글만 안쪽 20px */
  body.eg-site #main .r57f2-network-map{padding:28px 0 32px;row-gap:20px}
  body.eg-site #main :is(.r57f2-net-head,.r57f2-net-regions){margin-inline:20px}
  body.eg-site #main .r57f2-net-regions{grid-template-columns:minmax(0,1fr);row-gap:6px}
  body.eg-site #main .r57f2-net-pin{width:6px;height:6px;margin:-3px 0 0 -3px}
  body.eg-site #main .r57f2-net-pin.is-home{width:16px;height:16px;margin:-8px 0 0 -8px;background:radial-gradient(circle,#262a29 0 3px,#f0eae1 3.5px)}
  body.eg-site #main .r57f2-net-name.is-left{transform:translate(calc(-100% - 7px),-50%)}
  body.eg-site #main .r57f2-net-name.is-right{transform:translate(7px,-50%)}
  body.eg-site #main .r57f2-net-name.is-top{transform:translate(-50%,calc(-100% - 7px))}
  body.eg-site #main .r57f2-net-name.is-home{transform:translate(calc(-100% - 12px),-50%)}
  /* 베트남·캄보디아·말레이시아 점 사이가 11~12px(390)라 위·아래 이름표만 2px씩 벌린다 */
  body.eg-site #main .r57f2-net-name[data-place="베트남"]{transform:translate(calc(-100% - 7px),calc(-50% - 2px))}
  body.eg-site #main .r57f2-net-name[data-place="말레이시아"]{transform:translate(calc(-100% - 7px),calc(-50% + 2px))}
}
@media (max-width:360px){
  body.eg-site #main .r57f2-net-name{font-size:10px}
}

/* ── 35·36쪽: 아시아 5개 코스 · 전 세계 트룬 운영 골프장 ──
   35쪽 큰 제목('트룬 해외 골프') 밑 작은 제목('아시아 5개 코스')은 큰 제목의 0.78배(시안 33:26, 사이트 제목 토큰 기준). */
body.eg-site #main.adv-page .r57f2-overseas-title+h2{font-size:calc(var(--type-h1) * .78)}
@media (min-width:1000px){
  /* 한 화면에 5장(시안 사진 칸 323×327, 사진 1:1). 사진·코스별 '+' 펼침은 그대로.
     줄은 999px 이하와 같은 가로 넘김 줄이고, 카드 폭은 줄 폭의 5등분(사이 grid-gap 4칸)이라 처음 모양은 5칸 격자와 같다.
     카드 묶음을 한 번 더 이어 붙인 복제와 한 칸 넘김은 r57-course-loop-1021.js — 약 4.5초마다 한 칸, 끝없이 순환.
     화살표(←·→)는 이 폭에서도 보인다(손으로 한 칸씩) — 제목 줄 오른쪽 끝(아래 규칙). 스크롤 막대는 숨김.
     카드 칸에 붙는 스냅은 끈다: 마우스로 '+'를 누르고 떼면 course-gallery-1013.js가 줄의 스냅을 잠깐 되살려,
     흐르던 줄이 가까운 칸으로 반 칸까지 튀었다(같은 자리를 다시 눌러도 '+'가 아니라 이름에 닿음). 끌기 뒤 칸 맞춤은 그 스크립트가 따로 한다. */
  body.eg-site #main.adv-page .eg-course-section .eg-course-track{display:flex;gap:var(--grid-gap);overflow-x:auto;padding-bottom:0;scrollbar-width:none;scroll-snap-type:none}
  body.eg-site #main.adv-page .eg-course-section .eg-course-track::-webkit-scrollbar{display:none}
  body.eg-site #main.adv-page .eg-course-section .eg-course-card{flex:0 0 calc((100% - 4 * var(--grid-gap)) / 5);min-width:0}
  body.eg-site #main.adv-page .eg-course-section .eg-course-card>summary img{aspect-ratio:1/1}
  /* 화살표 자리: 시안 35·36쪽엔 화살표 줄이 없다. 줄을 따로 차지하면(44px + 사이 16px) 제목→사진 간격이 60px 늘었다.
     화살표 묶음을 흐름에서 빼 제목 줄 바닥 오른쪽에 붙이고(제목 바로 뒤 제자리에서 자기 높이만큼 위로), 제목 아래 간격은 카드 줄 위 여백으로 옮긴다.
     제목 글은 오른쪽 128px(화살표 104px + 여유)을 비워 화살표와 겹치지 않게 한다.
     36쪽(전 세계) 시안은 제목→사진 간격이 넓어(72px) 카드 줄 위를 40px 더 띄운다. 999px 이하는 화살표 줄 그대로. */
  body.eg-site #main.adv-page .eg-course-section{position:relative}
  body.eg-site #main.adv-page .eg-course-section>h2:has(+.eg-course-controls){margin-bottom:0;padding-right:128px}
  body.eg-site #main.adv-page .eg-course-section>.eg-course-controls{position:absolute;right:0;margin:0;transform:translateY(-100%);z-index:1}
  body.eg-site #main.adv-page .eg-course-section>.eg-course-track{margin-top:24px}
  body.eg-site #main.adv-page #dubai-five-courses>.eg-course-track{margin-top:64px}
  /* 칸이 좁아져(1440 190px) '두바이 힐스 골프클 / 럽'·펼친 설명 '쉐 / 라톤'처럼 낱말 가운데서 끊겼다 → 지역·이름·펼친 설명은 낱말 단위로만 줄바꿈 */
  body.eg-site #main.adv-page .eg-course-section :is(.eg-course-region,.eg-course-card h3,.eg-course-detail p){word-break:keep-all;overflow-wrap:anywhere}
  /* 등급별 혜택: 왼쪽 이름표 | 오른쪽 글(시안 35쪽, 구분선은 지금 것 그대로) */
  body.eg-site #main.adv-page .wa-course-conditions{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:var(--grid-gap);align-items:start}
  body.eg-site #main.adv-page .wa-course-conditions h4{margin:0;font-size:var(--type-body)}
}
/* 등급별 혜택 본문 줄은 본문 크기·색, 알림 줄은 지금처럼 작은 회색(시안: 검정 본문 두 줄 + 회색 알림 두 줄) */
body.eg-site #main.adv-page .r57f2-cond-body>p:not(.r57f2-cond-note){font-size:var(--type-body);color:var(--rf-ink,#23292b)}
body.eg-site #main.adv-page .r57f2-cond-body>p:not(.r57f2-cond-note)+.r57f2-cond-note{margin-top:8px}

/* ── 37쪽 파운더 전용 트룬 어드벤티지 ──
   사진: 시안 칸은 가로로 긴 띠(1744×459, 약 3.8:1)에 사진 가운데가 보인다(pebble-beach-coastline.jpg 위아래 약 21%씩 잘림).
   761px 이상에서만 그 비율로 자르고, 휴대폰은 원래 비율(1716×793). 크게 보기는 원본 전체. */
@media (min-width:761px){
  body.eg-site #main.adv-page .r57f2-founder-photo{aspect-ratio:1744/459;overflow:hidden}
  body.eg-site #main.adv-page .r57f2-founder-photo>a{height:100%}
  body.eg-site #main.adv-page .r57f2-founder-photo img{height:100%;object-fit:cover;object-position:50% 50%}
}
/* 사진 밑 세 줄(시안: 글머리표 없이 세 줄, 본문보다 큼) — 사이트 소제목 크기(--type-h3)·본문 글꼴·잉크색 */
body.eg-site #main.adv-page .r57f2-founder-list{list-style:none;margin:0;padding:0}
body.eg-site #main.adv-page .r57f2-founder-list>li{margin:0 0 8px;font-family:var(--font-body,inherit);font-size:var(--type-h3);line-height:1.7;color:var(--rf-ink,#23292b);word-break:keep-all;overflow-wrap:anywhere}

/* ── 38쪽 국내 골프(새 쪽 members/domestic-golf.html, 본문 #main.r57f2-domestic) ──
   머리말·머리 메뉴·바닥글은 advantage.html과 같은 꼴(같은 CSS·HTML). 그래서 그 쪽과 같은 두 문제가 난다
   (메뉴 글꼴이 명조, 내리면 머리가 같이 올라감) → r57-par-advantage-1020.css의 두 규칙을 같은 값으로 이 쪽에만. */
body.eg-site:has(#main.r57f2-domestic) :is(header.home-header,#menu-surface){--troon-font-ko:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.eg-site:has(#main.r57f2-domestic){overflow:visible}
/* 배치: 왼쪽 제목·설명·등급별 표 | 오른쪽 위 제주 지도·아래 골프장 사진(반반, 시안 칸 812×374 둘) */
body.eg-site #main.r57f2-domestic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--grid-gap);align-items:start}
body.eg-site #main.r57f2-domestic>h1{grid-column:1;grid-row:1}
body.eg-site #main.r57f2-domestic>.r57f2-domestic-lead{grid-column:1;grid-row:2;margin:0}
body.eg-site #main.r57f2-domestic>.r57f2-domestic-table{grid-column:1;grid-row:3}
body.eg-site #main.r57f2-domestic>.r57f2-domestic-media{grid-column:2;grid-row:1/span 3;display:grid;row-gap:var(--grid-gap);margin-top:18px}
body.eg-site #main.r57f2-domestic .r57f2-jeju-map,body.eg-site #main.r57f2-domestic .r57f2-domestic-photo{margin:0;aspect-ratio:812/374;overflow:hidden}
/* 제주 지도: 칸(812:374)을 지도 바탕색으로 채우고, 점 SVG(r57-maps-1021/jeju-golf-map.svg, 848:456) 위에 표시 점·이름표.
   지도 판 폭 = 칸 높이에 맞춘 폭(가운데). 자리는 앞 판 그림(892×531)의 화소 좌표 그대로, A·B 익명. 사진은 칸을 채우고 가운데 띠(cover). */
body.eg-site #main.r57f2-domestic .r57f2-jeju-map{background:#f0eae1}
body.eg-site #main.r57f2-domestic .r57f2-jeju-plot{position:relative;width:calc(100% * 374 / 812 * 848.4 / 456.02);margin:0 auto;line-height:0;container-type:inline-size}
body.eg-site #main.r57f2-domestic .r57f2-jeju-plot img{display:block;width:100%;height:auto}
body.eg-site #main.r57f2-domestic .r57f2-jeju-pin{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#262a29}
body.eg-site #main.r57f2-domestic .r57f2-jeju-pin.is-golf{width:10px;height:10px;margin:-5px 0 0 -5px;background:#805f47}
body.eg-site #main.r57f2-domestic .r57f2-jeju-pin.is-golf.is-small{width:7px;height:7px;margin:-3.5px 0 0 -3.5px}
body.eg-site #main.r57f2-domestic .r57f2-jeju-pin.is-home{box-sizing:border-box;width:20px;height:20px;margin:-10px 0 0 -10px;border:1.5px solid #262a29;background:radial-gradient(circle,#262a29 0 4px,#f0eae1 4.5px)}
body.eg-site #main.r57f2-domestic :is(.r57f2-jeju-name,.r57f2-jeju-box){position:absolute;white-space:nowrap;font:500 clamp(11px,3cqw,14px)/1.2 var(--font-body,Pretendard,sans-serif);letter-spacing:0}
body.eg-site #main.r57f2-domestic .r57f2-jeju-name{color:#262a29;transform:translate(8px,-50%);text-shadow:0 0 2px #f0eae1,0 0 4px #f0eae1,0 0 6px #f0eae1}
body.eg-site #main.r57f2-domestic .r57f2-jeju-name.is-home{font-weight:600;transform:translate(15px,-50%)}
body.eg-site #main.r57f2-domestic .r57f2-jeju-box{padding:clamp(2px,.8cqw,4px) clamp(5px,1.8cqw,9px);background:#805f47;color:#f0eae1;font-weight:600;transform:translate(0,-50%)}
body.eg-site #main.r57f2-domestic .r57f2-domestic-photo>a{display:block;height:100%}
body.eg-site #main.r57f2-domestic .r57f2-domestic-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
/* 표: 프리빌리지 쪽 같은 표(.lb-table-wrap.pv-table)와 같은 꼴 — 줄 테두리·칸 여백은 공통 leaflet-brand-1014.css 그대로,
   머리 칸·표 이름만 r57-privilege-1019.css 값(12px·.04em·#62665f)을 이 쪽에 옮김 */
body.eg-site #main.r57f2-domestic .r57f2-domestic-table caption{color:#62665f;font-family:var(--font-body,inherit)}
body.eg-site #main.r57f2-domestic .r57f2-domestic-table thead th{font-size:12px;letter-spacing:.04em;color:#62665f}
@media (max-width:900px){
  body.eg-site #main.r57f2-domestic{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  /* 위의 자리 지정(>h1 등)보다 세게(:is 안 클래스) 되돌린다 — '>*'는 '>h1'보다 약해 h1·표가 폭 0이 됐다(768·390 실측) */
  body.eg-site #main.r57f2-domestic>:is(h1,.r57f2-domestic-lead,.r57f2-domestic-table,.r57f2-domestic-media){grid-column:auto;grid-row:auto}
  body.eg-site #main.r57f2-domestic>.r57f2-domestic-media{order:-1;margin-top:0}
}
/* 390에서 설명이 '…절반씩 배정 / 합니다.'로 낱말 가운데서 끊겼다 → 설명·표 글은 낱말 단위로만 줄바꿈 */
body.eg-site #main.r57f2-domestic :is(.r57f2-domestic-lead,.r57f2-domestic-table caption,.r57f2-domestic-table th,.r57f2-domestic-table td){word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:700px){
  /* 휴대폰: 812:374 칸에 담으면 지도가 줄어 이름표가 안 읽힌다 → 지도 칸은 앞 판 그림 비율(892:531) 그대로(아래 사진·글 자리 0 변화),
     지도 판(848:456)은 폭에 맞춰 칸 가운데. 사진 띠는 그대로 */
  body.eg-site #main.r57f2-domestic .r57f2-jeju-map{aspect-ratio:892/531;display:flex;align-items:center}
  body.eg-site #main.r57f2-domestic .r57f2-jeju-plot{width:100%}
  body.eg-site #main.r57f2-domestic .r57f2-jeju-pin{width:5px;height:5px;margin:-2.5px 0 0 -2.5px}
  body.eg-site #main.r57f2-domestic .r57f2-jeju-pin.is-golf{width:8px;height:8px;margin:-4px 0 0 -4px}
  body.eg-site #main.r57f2-domestic .r57f2-jeju-pin.is-golf.is-small{width:6px;height:6px;margin:-3px 0 0 -3px}
  body.eg-site #main.r57f2-domestic .r57f2-jeju-pin.is-home{width:16px;height:16px;margin:-8px 0 0 -8px;background:radial-gradient(circle,#262a29 0 3px,#f0eae1 3.5px)}
  body.eg-site #main.r57f2-domestic .r57f2-jeju-name{transform:translate(6px,-50%)}
  body.eg-site #main.r57f2-domestic .r57f2-jeju-name.is-home{transform:translate(12px,-50%)}
}
@media (max-width:360px){
  body.eg-site #main.r57f2-domestic :is(.r57f2-jeju-name,.r57f2-jeju-box){font-size:10px}
}