/* ── 20 첫 화면: 지정 사진 + 내용만 ──
   배너·머리말·창립 회원 제목은 HTML에서 지웠다. 쪽 첫 제목(h1)은 예전 h2와 같은 모양으로 둔다
   (user-review-35-1016.css의 .review-membership-summary h2 규칙과 같은 값). */
body.eg-site.fg-membership #main .review-membership-summary h1{font:400 var(--type-h2)/var(--leading-heading) var(--font-heading);letter-spacing:normal;margin:0 0 var(--space-6);word-break:keep-all;overflow-wrap:normal;}
/* 시안 20쪽 사진 칸: 폭 46.5% · 높이 44.2%(584×555pt). 글 칸은 예전 반반 폭(48.5%) 그대로 두고 남는 폭은 사이로 보낸다
   — 글 줄바꿈이 예전·시안과 같고 글 시작 자리도 시안(사진 끝에서 약 5% 뒤)과 맞는다.
   시안 그림은 사진을 가운데 기준으로 위아래 조금 잘라 보이므로 같은 비율로 자른다(cover, 가운데). 700px 이하는 위 사진 → 아래 글 그대로. */
@media (min-width:701px){
 body.eg-site.fg-membership #main .review-membership-overview>.review-membership-intro{grid-template-columns:minmax(0,46.5%) minmax(0,48.5%);justify-content:space-between;}
 body.eg-site.fg-membership #main .review-membership-overview>.review-membership-intro .review-membership-art img{height:auto;aspect-ratio:584/555;object-fit:cover;object-position:50% 50%;}
}
/* 1440×900 첫 화면에는 사진과 내용만 보이게, 첫 묶음을 머리 아래 한 화면 높이로 잡고 가운데 둔다.
   카드는 두 번째 스크롤에서 시작한다. 내용이 화면보다 크면 내용 높이만큼 늘어난다. */
@media (min-width:901px){
 body.eg-site.fg-membership #main .review-membership-overview>.review-membership-intro{min-height:calc(100svh - var(--refined-header-height,96px));box-sizing:border-box;padding-block:var(--space-12,48px);margin:0;align-content:center;align-items:start;}
}
@media (max-width:900px){
 body.eg-site.fg-membership #main .review-membership-overview>.review-membership-intro{padding-top:var(--space-6,24px);margin-bottom:0;}
}

/* ── 21 개별 카드 4개 ──
   기존 통합 이미지(카드 구역 전체 배경 = 지정 침실 사진 + 어두운 덮개, r57-membership-widget-1019.css .mb-card-panel::before/::after)를 없앤다.
   사진 파일은 지우지 않는다(첫 화면에서 쓴다). 카드 그림은 지금 그림(membership-cards-1020/*.webp) 그대로다. */
body.eg-site.fg-membership #main #mb-card-panel{background:transparent;border-radius:0;padding:0;margin:var(--secpad,120px) 0 0;}
body.eg-site.fg-membership #main #mb-card-panel::before,
body.eg-site.fg-membership #main #mb-card-panel::after{content:none;display:none;}
/* 닫힌 덱에서는 카드가 위로 살짝 뜨는 움직임·그림자가 잘리지 않게 넘침을 연다.
   열린 동안(is-open)은 아래 규칙으로 가로만 자른다 — 설명 칸이 오른쪽에서 들어올 때 가로 넘침을 막는다. */
body.eg-site.fg-membership #main #mb-card-panel:not(.is-open){overflow:visible;}
/* 열린 동안: 위젯의 overflow:hidden은 안쪽 여백(20)이 있을 때를 전제로 했다. 여백을 0으로 두니 마우스를 올려 뜬 카드 위 끝(4px)·그림자가 잘렸다(1440 실측).
   설명 칸이 오른쪽에서 들어올 때의 가로 넘침만 자르고(clip), 세로는 보이게 둔다. clip을 모르는 브라우저는 위젯 값(hidden) 그대로. */
body.eg-site.fg-membership #main #mb-card-panel.is-open{overflow:hidden;overflow-x:clip;overflow-y:visible;}
/* 닫힌 덱: PC 한 줄 4장, 701~900은 2장씩, 700 이하는 한 장씩(위젯 값). 열린 상태 규칙은 건드리지 않는다. */
body.eg-site.fg-membership #main #mb-card-panel:not(.is-open) #mb-card-stack{max-width:none;gap:32px;}
@media (min-width:901px){
 body.eg-site.fg-membership #main #mb-card-panel:not(.is-open) #mb-card-stack .mb-card{flex:0 1 calc((100% - 96px)/4);}
}
@media (min-width:701px) and (max-width:900px){
 body.eg-site.fg-membership #main #mb-card-panel:not(.is-open) #mb-card-stack .mb-card{flex:0 1 calc((100% - 32px)/2);}
}
@media (max-width:700px){
 body.eg-site.fg-membership #main #mb-card-panel:not(.is-open) #mb-card-stack{width:100%;max-width:286px;margin-inline:auto;gap:24px;}
}
/* 700 이하 열린 상태: 덱(위젯 ≤700 규칙 margin-inline:auto)이 내용 폭으로 줄어, 고른 카드(flex-basis 100%)가 36px로 쪼그라들고
   등급 글이 세로로 흩어졌다(출발판 701c7fd에도 있던 고장, 390 실측). 덱 폭을 칸 폭으로 잡아 위젯 값(카드 최대 286)이 그대로 서게 한다. */
@media (max-width:700px){
 body.eg-site.fg-membership #main #mb-card-panel #mb-card-stack{width:100%;}
}
/* 카드 아래 이름: 밝은 쪽 바탕에서 읽히게 사이트 글색으로(예전엔 어두운 배경용 아이보리·파운더 금색). 글은 그대로. */
body.eg-site.fg-membership #main #mb-card-stack .mb-card .mb-card-grade{color:var(--troon-ink,#23292b);}
body.eg-site.fg-membership #main #mb-card-stack .mb-card .mb-card-grade-ko{color:var(--troon-ink,#23292b);opacity:.78;}
/* '상세 보기 ↗'(새 글): 카드 링크 안, 이름 아래. 누르면 카드와 같이 그 등급으로 간다. */
body.eg-site.fg-membership #main #mb-card-stack .mb-card .mb-card-more{display:inline-block;margin-top:14px;padding-bottom:3px;border-bottom:1px solid currentColor;font-family:var(--font-body,Pretendard,sans-serif);font-size:14px;line-height:1.5;letter-spacing:normal;color:var(--troon-ink,#23292b);white-space:nowrap;}
/* 이름 묶음(카드 아래로 붙은 position:absolute 칸)이 다음 줄·다음 구역과 겹치지 않게 카드 아래 자리를 잡는다. */
body.eg-site.fg-membership #main #mb-card-panel:not(.is-open) #mb-card-stack .mb-card{margin-bottom:108px;}
@media (max-width:700px){
 body.eg-site.fg-membership #main #mb-card-panel:not(.is-open) #mb-card-stack .mb-card{margin-bottom:96px;}
}
/* 열린 동안에는 설명이 이미 펼쳐져 있으니 고른 카드 아래 '상세 보기'는 숨긴다(카드 아래 자리는 위젯 값 그대로). */
body.eg-site.fg-membership #main #mb-card-panel.is-open #mb-card-stack .mb-card .mb-card-more{display:none;}

/* ── 22 멤버십 한눈에 보기 ── */
body.eg-site.fg-membership #main .review-membership-overview>.mb-compare-title{font:400 var(--type-h2)/var(--leading-heading) var(--font-heading);letter-spacing:normal;color:var(--troon-ink,#23292b);margin:0 0 var(--space-6,24px);word-break:keep-all;}
body.eg-site.fg-membership #main .review-membership-overview>.mb-compare-title{margin-top:var(--secpad,120px);}
body.eg-site.fg-membership #main .review-membership-overview>.review-table-scroll{overflow:visible;margin:0;box-shadow:none;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison{display:table;width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison :is(th,td){padding:16px 14px;vertical-align:top;text-align:left;word-break:keep-all;overflow-wrap:normal;border-bottom:1px solid var(--rf-line,rgba(89,97,86,.42));font-size:14px;line-height:1.7;}
/* 머리 줄·등급 칸 옅은 바탕(시안 재디자인 — 색은 사이트 잉크를 옅게). 칸 폭은 시안 칸 비율대로. */
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th{background:rgba(35,41,43,.05);font-size:13px;font-weight:600;line-height:1.6;padding-block:14px;border-top:1px solid var(--rf-line,rgba(89,97,86,.42));}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tbody th{background:rgba(35,41,43,.05);font-weight:600;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tbody th a{color:inherit;text-decoration:none;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(1){width:8.2%;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(2){width:17.2%;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(3){width:17.1%;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(4){width:26.8%;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(5){width:12.2%;}
body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(6){width:18.5%;}
/* 901~1100: 등급 칸이 좁아 'Founder'·'Resident'가 글자 가운데서 꺾였다(1024 실측) — 이 구간만 등급 칸을 넓힌다. */
@media (min-width:901px) and (max-width:1100px){
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(1){width:11%;}
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead th:nth-child(4){width:24%;}
}
/* 900 이하: 줄인 그림이 아니라 읽히는 표 — 등급마다 한 묶음(등급 → 칸 이름 + 값). 표 구조·data-label은 그대로. */
@media (max-width:900px){
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison,
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tbody,
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tr{display:block;width:100%;min-width:0;}
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tbody tr{border-top:1px solid var(--rf-line,rgba(89,97,86,.42));margin:0 0 24px;}
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tbody th{display:block;width:auto;min-width:0;max-width:none;position:static;padding:12px 14px;font-size:17px;line-height:1.5;}
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tbody td{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;width:auto;min-width:0;max-width:none;padding:12px 14px;white-space:normal;}
 body.eg-site.fg-membership #main .review-membership-overview .review-grade-comparison tbody td::before{content:attr(data-label);display:block;margin:0;font-size:13px;font-weight:600;line-height:1.8;color:var(--troon-ink,#23292b);opacity:.72;}
}

/* ── 23 공통 조건 / 50% 할인 숙박 시 실제 부담액 ──
   표와 공통 조건 사이 간격은 앞 구역(.review-membership-overview)의 아래 여백(120/72)만 쓴다(editorial-grid의 위 여백·안쪽 32px은 뺀다). */
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions{margin-top:0;padding:0 0 var(--space-8,32px)!important;border-top:0;}
/* 두 제목(공통 조건·50% 할인 숙박 시 실제 부담액)은 22 제목과 같은 급(시안: 같은 크기의 제목). */
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>h2,
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>h3{font:400 var(--type-h2)/var(--leading-heading) var(--font-heading);letter-spacing:normal;color:var(--troon-ink,#23292b);margin:0 0 var(--space-6,24px);word-break:keep-all;}
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>.review-common-conditions{margin:0;padding-left:1.15em;list-style:disc;}
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>.review-common-conditions li{margin:0 0 16px;font-size:16px;line-height:1.75;word-break:keep-all;}
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>.review-common-conditions li:last-child{margin-bottom:0;}
/* PC: 왼쪽 공통 조건 / 오른쪽 숙박 표(시안 '숙박 표 오른쪽 배치'). 두 제목은 같은 줄에서 시작한다. */
@media (min-width:901px){
 body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);grid-template-rows:auto auto;column-gap:64px;row-gap:0;align-items:start;}
 body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>h2{grid-column:1;grid-row:1;}
 body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>.review-common-conditions{grid-column:1;grid-row:2;}
 body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>h3{grid-column:2;grid-row:1;}
 body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>.om-table-wrap{grid-column:2;grid-row:2;}
}
@media (max-width:900px){
 body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>h3{margin-top:var(--space-12,48px);}
}
/* 숙박 표: '1박 · 원'은 제목 아래 작은 글. 머리 줄 옅은 바탕. 정가는 취소선, 할인 금액은 크게·사이트 강조색(--rf-teal)으로. 숫자는 그대로. */
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>.om-table-wrap{overflow:visible;margin:0;}
/* 오른쪽 제목 바로 아래 '1박 · 원'(시안 간격): 제목 아래 12px, 표 위 여백 0. */
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>h3{margin-bottom:12px;}
body.eg-site.fg-membership.official.detail-page.refined-details-1007 #main .rf-membership-index>#contract-conditions>.om-table-wrap>#member-stay-prices{margin-top:0;}
body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices caption{caption-side:top;text-align:left;margin:0 0 14px;padding:0;font-size:14px;line-height:1.6;color:var(--rf-muted,#687078);}
@media (min-width:700px){
 body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices :is(th,td):nth-child(n){padding:16px 10px!important;text-align:left!important;vertical-align:top;border-bottom:1px solid var(--rf-line,rgba(89,97,86,.42));}
 body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices thead th:nth-child(n){background:rgba(35,41,43,.05);font-size:13px;font-weight:600;line-height:1.6;padding-block:14px!important;border-top:1px solid var(--rf-line,rgba(89,97,86,.42));color:var(--troon-ink,#23292b);}
 body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices :is(th,td):nth-child(1){width:14%!important;}
 body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices :is(th,td):nth-child(n+2){width:21.5%!important;}
 body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices tbody th:nth-child(1){vertical-align:middle;font-size:16px;font-weight:500;color:var(--troon-ink,#23292b);}
}
body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices .stay-regular{display:block;margin:0;font-size:13px;line-height:1.5;color:var(--rf-muted,#687078);text-decoration:line-through;white-space:nowrap;}
body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices .stay-discount-label{display:block;margin:6px 0 2px;font-size:12px;line-height:1.5;color:var(--troon-ink,#23292b);}
body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices .stay-discount{display:block;font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--rf-teal,#596156);white-space:nowrap;}
@media (max-width:699px){
 body.refined-details-1007.fg-membership #main #member-stay-prices.review-stay-prices .stay-discount{font-size:18px;}
}

/* ── X-5 휴대폰에서 낱말 가운데서 끊기던 묶음('(본인+동반 3인)'·'할인(본인과 동반 3인)과'·'할인(성수기 포함)을'·'초청(연 2회)'·'우선권·특별요금'·'없음(창립회원 한정)')을 한 덩어리로 둔다. 글은 그대로. */
body.eg-site.fg-membership #main .g5-nw{white-space:nowrap;}