body.eg-site #main .estate-map .estate-map-proxy:not([data-region="pool-kids"]){opacity:1}
/* 늘 보이는 이름표는 마우스로도 누를 수 있게 한다. 지도 JS(estate-image-map-1013.js)는 누른 점의 건물 모양을 먼저 보고
   모양 밖일 때만 이름표 단추를 쓰므로, 건물 위 이름표는 그 건물이, 건물 밖으로 비켜 둔 관리동·THE HOUSE 이름표는 자기 건물이 골라진다.
   (공용 규칙은 이름표가 올렸을 때만 보이던 때라 마우스 기기에서 누름을 막아 두었다 — 1020 실측: 막힌 채면 관리동·THE HOUSE 글자를 눌러도 안 열림.) */
@media (hover:hover) and (pointer:fine){
 body.eg-site #main .estate-map .estate-map-proxy:not([data-region="pool-kids"]){pointer-events:auto}
}
/* 늘 보이면서 좁은 폭에서 생기는 겹침만 비킨다(자리 기준은 지금 단추 자리 그대로, 1020 실측).
   701~900px: THE HOUSE가 그림 오른쪽 끝을 넘음(701에서 3.4px) → 왼쪽으로 10px.
   420px 이하: 동쪽 THE GALLERY와 THE HOUSE 글자가 겹침(320에서 17×5px) → THE GALLERY를 왼쪽으로 20px, THE HOUSE를 2px. */
@media (min-width:701px) and (max-width:900px){
 body.eg-site #main .estate-map .estate-map-proxy[data-region="house"]{transform:translate(calc(-50% - 6px),calc(-50% + 24px))}
}
@media (max-width:420px){
 body.eg-site #main .estate-map .estate-map-proxy[data-region="east-gallery"]{transform:translate(calc(-50% - 20px),-50%)}
 body.eg-site #main .estate-map .estate-map-proxy[data-region="house"]{transform:translate(calc(-50% - 12px),calc(-50% + 15px))}
}

/* p24 24-2 '건물을 클릭해 주세요' — PC는 제목 줄 오른쪽(시안 자리), 700px 이하는 소개 줄 아래(지도 바로 위).
   글꼴·색은 같은 머리 칸 소개 줄(.es-intro) 값. 머리 칸을 격자로 바꿔도 눈썹 글·제목·소개 줄 자리는 그대로 두려고
   블록 흐름에서 겹쳐 사라지던 제목 위 여백 10px만 0으로 맞춘다(눈썹 글 아래 여백 17px이 남음). */
body.eg-site #main .om-plain-head .f2-map-hint{margin:0;font-size:14px;line-height:1.8;color:#687078;word-break:keep-all}
@media (min-width:701px){
 body.eg-site.official.detail-page.refined-details-1007 #main .estate-spaces>.om-plain-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--grid-gap,32px)}
 body.eg-site.official.detail-page.refined-details-1007 #main .estate-spaces>.om-plain-head>*{grid-column:1/-1}
 body.eg-site.official.detail-page.refined-details-1007 #main .estate-spaces>.om-plain-head>h1{grid-column:1;grid-row:2;margin-top:0}
 body.eg-site.official.detail-page.refined-details-1007 #main .estate-spaces>.om-plain-head>.f2-map-hint{grid-column:2;grid-row:2;align-self:center;font-size:16px;text-align:right;white-space:nowrap}
}

/* p26 두 번째 스크롤 — 왼쪽 사진 / 오른쪽 사업 개요 + 부대시설(시안 글 그대로). 사진은 시안 사진과 같은 사이트 파일
   (briefingbook-1008/estate-legacy-aerial.jpg, brand/estate.html에서 이미 씀). 700px 이하는 사진 → 제목 → 본문.
   글꼴·색은 같은 쪽 제목(마루부리, 제목 크기)·소개 줄(본문 색) 값. 전역 section 안쪽 여백(PC 120·휴대폰 72)은 이 구역만 0. */
body.eg-site #main .estate-spaces>.f2-site-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-16,64px);align-items:start;margin:var(--eg-section-space,64px) 0 var(--grid-gap,32px);padding:0}
body.eg-site #main .f2-site-overview-photo{margin:0;line-height:0}
body.eg-site #main .f2-site-overview-photo img{display:block;width:100%;height:auto;aspect-ratio:920/937}
body.eg-site #main .f2-site-overview-copy h2{margin:0 0 16px;font:400 var(--type-h2,31.08px)/var(--leading-heading,1.45) var(--font-heading,'Noto Serif KR',serif);letter-spacing:var(--tracking-heading,-.035em);color:#30332f;word-break:keep-all}
body.eg-site #main .f2-site-overview-copy h2+p{margin-top:0}
body.eg-site #main .f2-site-overview-copy p{margin:0 0 24px;font:400 var(--type-body,15px)/var(--leading-body,1.9) var(--font-body,Pretendard,sans-serif);letter-spacing:0;color:#687078;word-break:keep-all;max-width:none}
body.eg-site #main .f2-site-overview-copy p+h2{margin-top:48px}
body.eg-site #main .f2-site-overview-copy>:last-child{margin-bottom:0}
@media (max-width:700px){
 body.eg-site #main .estate-spaces>.f2-site-overview{grid-template-columns:minmax(0,1fr);row-gap:var(--grid-gap,24px)}
}
/* p26 사진 칸(PC, 두 칸일 때): 시안 칸은 내용 폭의 46.2% · 높이 44.0%(580×552pt). 시안은 같은 그림(920×937)을 칸 폭에 맞춰 놓고
   위아래를 같은 만큼(각 19.4pt) 잘라 보인다 → 칸 비율 580:552, cover·가운데. 글 칸은 사이 64px 그대로(글 시작 52.1%, 시안 51.6%).
   700px 이하는 위처럼 한 칸·원래 비율 그대로. */
@media (min-width:701px){
 body.eg-site #main .estate-spaces>.f2-site-overview{grid-template-columns:minmax(0,46.2%) minmax(0,1fr)}
 body.eg-site #main .f2-site-overview-photo img{aspect-ratio:580/552;object-fit:cover;object-position:50% 50%}
}

body.eg-site.fg-final-main.aman-grid-review #main>.opening .golf-frame.f2-hero-placeholder{width:100%;height:auto;max-height:none;aspect-ratio:1744/782;background:#f2f1ed}

/* p25 관리동 화살표 — 관리동 이름표를 지붕 위로 올리고 이름표 아래에서 지붕까지 화살표를 긋는다.
   관리동 이름표와 화살표는 다른 이름표의 보이기 규칙과 따로 늘 보인다(글자는 같은 단추의 aria-label 하나).
   화살표 끝 = 관리동 영역(estate-region management) 윗변 = 단추 자리보다 그림 폭의 1.29% 위(원본 1667px에서 21.5px).
   그림 칸 폭 단위(cqw)로 재므로 화면 폭이 바뀌어도 지붕에 닿고, 이름표 쪽 길이는 px라 글자·화살표 크기는 그대로다.
   --mg-lift: 이름표 가운데가 단추 자리보다 위로 떨어진 거리 / --mg-half: 글 줄 높이의 절반 / --mg-gap: 글과 화살표 사이. */
body.eg-site #main .estate-map .estate-map-stage{container-type:inline-size}
body.eg-site #main .estate-map .estate-map-proxy[data-region="management"]{--mg-lift:50px;--mg-half:.6em;--mg-gap:3px;opacity:1;transform:translate(calc(-50% - 6px),calc(-50% - var(--mg-lift)))}
body.eg-site #main .estate-map .estate-map-proxy[data-region="management"]::before{content:"";position:absolute;left:50%;top:calc(50% + var(--mg-half) + var(--mg-gap));width:10px;height:calc(var(--mg-lift) - var(--mg-half) - var(--mg-gap) - 1.29cqw);margin-left:-5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7' preserveAspectRatio='none'%3E%3Cpath d='M0 0H10L5 7Z' fill='%23fff'/%3E%3C/svg%3E") 50% 100%/10px 7px no-repeat,linear-gradient(#fff,#fff) 50% 0/2px calc(100% - 6px) no-repeat;filter:drop-shadow(0 1px 2px #141814) drop-shadow(0 0 5px rgba(20,24,20,.85))}
@media (hover:hover) and (pointer:fine){
 body.eg-site #main .estate-map .estate-map-proxy[data-region="management"]{pointer-events:auto}
}
@media (max-width:1180px){
 body.eg-site #main .estate-map .estate-map-proxy[data-region="management"]{--mg-lift:46px}
}
@media (max-width:700px){
 body.eg-site #main .estate-map .estate-map-proxy[data-region="management"]{--mg-lift:28px;--mg-half:.575em;--mg-gap:2px;transform:translate(calc(-50% - 4px),calc(-50% - var(--mg-lift)))}
 body.eg-site #main .estate-map .estate-map-proxy[data-region="management"]::before{width:8px;margin-left:-4px;background-size:8px 6px,2px calc(100% - 5px)}
}