/* 28쪽 — 쪽 이름 h1 '세대 소개'(표지 맨 앞) + 타입 사진 4장 줄(갤러리 → 로프트 → 하우스 → 리저브, 사진 아래 이름).
   옛 표지 글(PRIVATE RESIDENCE / 고요가 머무는 여유)은 지우라는 표시가 없어 그대로 둔다(옛 h1은 글 그대로 h2).
   사진: 지금 쪽 타입 대표 사진 넷을 시안 칸 비율 293:365로 가운데 자른다. 900px 이상 4열(간격 32 = 그리드 한 칸), 미만 2열.
   이름: 같은 사이트 타입 이름 칸(brand/estate 타입 줄)과 같은 마루부리 19px. 누르면 같은 쪽 그 타입 칸으로 간다. */
body.eg-site #main .rf-residence-types>.oc-cover.f2-types-cover>h1{margin:0 0 var(--space-6)}
body.eg-site #main .rf-residence-types>.f2-type-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-4);width:100%;margin:var(--space-12) 0 0}
@media (min-width:900px){
  body.eg-site #main .rf-residence-types>.f2-type-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}
}
body.eg-site #main .rf-residence-types>.f2-type-index>a{display:block;min-width:0;color:inherit;text-decoration:none}
body.eg-site #main .rf-residence-types .f2-type-index-photo{display:block;aspect-ratio:293/365;overflow:hidden;background:#f2f1ed}
body.eg-site #main .rf-residence-types .f2-type-index-photo>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
body.eg-site #main .rf-residence-types .f2-type-index-name{display:block;margin-top:var(--space-6);font-family:var(--font-heading);font-size:19px;font-weight:400;line-height:1.45;letter-spacing:var(--tracking-heading);color:var(--troon-ink)}
body.eg-site #main .rf-residence-types>.f2-type-index>a:is(:hover,:focus-visible) .f2-type-index-name{text-decoration:underline;text-underline-offset:4px}

body.eg-site #main .rf-residence-types .review-type-sequence .f2-type{gap:var(--space-6)} /* 두 칸 ↔ 넘김 줄 24: 갤러리·로프트가 한 화면(804) 안에 여유 있게 */
body.eg-site #main .rf-residence-types .f2-type-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start;width:100%}
@media (min-width:761px){
  body.eg-site #main .rf-residence-types .f2-type-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"photo head" "photo specs" "copy specs";column-gap:var(--space-12)}
  body.eg-site #main .rf-residence-types .f2-type-main>.rf-type-photo{grid-area:photo}
  body.eg-site #main .rf-residence-types .f2-type-main>.f2-type-head{grid-area:head}
  body.eg-site #main .rf-residence-types .f2-type-main>.f2-type-copy{grid-area:copy}
  body.eg-site #main .rf-residence-types .f2-type-main>.f2-type-specs{grid-area:specs}
}
body.eg-site #main .rf-residence-types .f2-type-main>*{min-width:0;width:100%;max-width:none;margin:0;box-sizing:border-box}
body.eg-site #main .rf-residence-types .f2-type-main>.review-type-content>:first-child{margin-top:0}
body.eg-site #main .rf-residence-types .f2-type-main>.review-type-content>:last-child{margin-bottom:0}
body.eg-site #main .rf-residence-types .f2-type-specs>:first-child{margin-top:0}
/* 면적표는 기존 규칙의 위 여백 28 때문에 이름과 52 벌어졌다 — 시안처럼 이름 바로 아래(줄 사이 24만) */
body.eg-site #main .rf-residence-types .f2-type-specs table.bg-area{margin-top:0}
/* 평면도 미리보기: 시안처럼 넓고 낮은 칸(시안 600×165) 안에 층 그림 전체(contain). 누르면 기존 확대 레이어. 760px 이하는 2:1 */
body.eg-site #main .rf-residence-types .f2-type .residence-floorplans-mini .floorplan-mini{width:100%;max-width:none;aspect-ratio:600/165}
@media (max-width:760px){
  body.eg-site #main .rf-residence-types .f2-type .residence-floorplans-mini .floorplan-mini{aspect-ratio:2/1}
}
body.eg-site #main .rf-residence-types .f2-slider{position:relative;width:100%;box-sizing:border-box}
body.eg-site #main .rf-residence-types .f2-slider-track{display:flex;gap:var(--space-6);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
body.eg-site #main .rf-residence-types .f2-slider-track::-webkit-scrollbar{display:none}
body.eg-site #main .rf-residence-types .f2-slider-track>*{flex:0 0 calc((100% - 2 * var(--space-6)) / 3);min-width:0;margin:0;scroll-snap-align:start}
body.eg-site #main .rf-residence-types .f2-slider-track a{display:block}
body.eg-site #main .rf-residence-types .f2-slider-track img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:399/120;object-fit:cover;object-position:50% 50%}
body.eg-site #main .rf-residence-types .f2-slot-blank{aspect-ratio:399/120;background:#f2f1ed}
body.eg-site #main .rf-residence-types .f2-slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;margin:0;padding:0;border:0;background:none;color:var(--troon-ink);font:300 34px/1 var(--font-heading);cursor:pointer}
body.eg-site #main .rf-residence-types .f2-slider-btn:disabled{opacity:.25;cursor:default}
body.eg-site #main .rf-residence-types .f2-slider-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
body.eg-site #main .rf-residence-types .f2-slider-prev{left:-44px}
body.eg-site #main .rf-residence-types .f2-slider-next{right:-44px} /* -56이면 1440에서 바닥 '분양상담' 단추(x1305~)와 11px 겹침 */
@media (max-width:1239px){
  body.eg-site #main .rf-residence-types .f2-slider{padding-inline:44px}
  body.eg-site #main .rf-residence-types .f2-slider-prev{left:0}
  body.eg-site #main .rf-residence-types .f2-slider-next{right:0}
}
@media (max-width:760px){
  body.eg-site #main .rf-residence-types .f2-slider{padding-inline:0}
  body.eg-site #main .rf-residence-types .f2-slider-btn{display:none}
  body.eg-site #main .rf-residence-types .f2-slider-track{gap:var(--space-4)}
  body.eg-site #main .rf-residence-types .f2-slider-track>*{flex-basis:86%}
}