/* R57UT6 컨시어지 담당(1023) — 사장님 11번 "컨시어지 - 앱 사진 크기 안맞는다고 조절하라고 지시했는데 반영안됐고 … sns 이미지들 지금 올리고있는것들로 변경하고"
   이 파일을 부르는 쪽: official/news/index.html, official/residence/service.html, official/members/privileges.html (선택자가 쪽마다 달라 서로 영향 없음) */

/* ① SNS(news #sns): 칸 그림은 인스타 첫 5편 v4 표지(1080×1350, 4:5)다. 표지 위에 머리글·제목(위 9.8%부터), 아래에 TROON ESTATE 로고(91.7~95.3%)가 그려져 있다.
   r57-w6-news-1020.css의 PC 비율 293/320(시안 43쪽)로 가운데를 자르면 위아래 6.3%씩 잘려 로고 아랫줄이 잘린다.
   그래서 표지 비율 그대로(4:5) 모든 폭에서 보인다. 칸 폭·장 수·흐름은 그대로다. */
body.eg-site #main .media-sns .w6-sns-card img{aspect-ratio:1080/1350}

/* ② 서비스 '앱' 탭(service #p44-app): 앱 구역이 네 번째 탭(.detail-panel) 안으로 옮겨진 뒤(8e8282c) r57-w3-service-1020.css의
   '.rf-residence-service>.review-app-overview{padding-block:0}'가 더는 맞지 않아 전역 section 위아래 여백(PC 120·휴대폰 72)이 되살아났다.
   그래서 탭을 누르면 다른 세 탭보다 120px 아래에서 시작하고, 1440×900·1024×768 첫 화면에서 앱 화면 그림 아래가 잘려 보였다.
   다른 탭(.detail-panel>.bg-section{padding-block:0})과 같게 위아래 여백만 0. 그림 크기·비율·자리 순서는 그대로다. */
body.eg-site #main .rf-residence-service .detail-panel>.review-app-overview{padding-block:0}

/* ③ 프리빌리지 '컨시어지' 4칸(members/privileges.html #concierge) — 사장님 11번 "앱 사진 크기 안맞는다고 조절하라고 지시했는데 반영안됐고"의 실제 자리.
   '전용 앱' 칸 그림(app-screens-trio.png 1600×1000)은 칸(408:432) 안에 contain이라 1440에서 246×154로 옆 세 칸(246×260)보다 작았다.
   앞선 앱 기준(1016 R34: 원본 비율·모바일 식별성·확대/닫기)에 맞춰, 서비스 '앱' 탭과 같은 앱 화면 두 장(홈·예약, 1170×2532)을
   칸 높이 가득 나란히 둔다. 칸 크기는 옆 칸과 같고 그림은 원본 비율 그대로·자르지 않음, 누르면 한 장씩 크게 보기(닫기·Esc). 새 그림 0. */
body.eg-site #main .pv-f2-concierge .pv-f2-photo-app{display:flex;align-items:stretch;justify-content:center;gap:2%;}
body.eg-site #main .pv-f2-concierge .pv-f2-photo-app>a{display:block;flex:0 1 auto;height:100%;aspect-ratio:1170/2532;line-height:0;}
body.eg-site #main .pv-f2-concierge .pv-f2-photo-app>a>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;}

/* ④ 프리빌리지 '컨시어지' 넷째 칸 '공항픽업' — 사장님 11번 "공항 픽업 사진도 다시 만든것 넣고", 사장님 1023 18:5x 후보 ID65에 "맞아"(차장 전달).
   그림: 미니 Downloads/후작업 필요한 사진들/컨시어지  에듀에스코트 등/exec-f2138592-….png(1086×1448, sha256 d49b9298…)를 같은 화소 크기 JPEG q88로만 바꾼 사본
   assets/o11-1023/conc/airport-pickup.jpg(후보정 담당이 같은 이름·같은 크기로 바꿔 끼울 자리). 그림이 칸(408:432)보다 세로로 길어 위아래만 잘린다(가로는 다 보임).
   object-position 세로 40%: 보이는 범위 그림 높이 8.2~87.6% — 차 지붕(약 21%)·TROON ESTATE 글자(48~55%)·열린 문·가방·바퀴(약 75%)가 위아래 여백 12% 남짓으로 칸 안에 든다.
   누르면 그림 전체가 크게 보인다(이 칸 한 장만, data-gallery). */
body.eg-site #main .pv-f2-concierge .pv-f2-photo-airport>a{display:block;width:100%;height:100%;line-height:0;}
body.eg-site #main .pv-f2-concierge .pv-f2-photo-airport>a>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;}

/* ⑤ R57UT7(1023) 프리빌리지 영상 칸(members/privileges.html .pv-f2-film) — 사장님 원문 "아직도 비어있고", 1020 요청서 40쪽 '분양 홍보 영상 · 트룬 에스테이트 선택 이유'(파일 추후 제공).
   빈 칸에 사장님 17:31 영상(o11-1023/privileges/kakao1731_temp_web.mp4, 1280×720·소리 없음)을 임시로 넣었다. 칸 크기·비율(r57-f2-priv-1020.css)은 그대로,
   영상은 칸 가득(cover): 16:9 영상이 칸(1020:540)보다 조금 낮아 위아래가 약 3%씩만 잘린다. */
body.eg-site #main .pv-f2-film-slot>video{display:block;width:100%;height:100%;object-fit:cover}

/* ⑥ R57UT7 29(1024) 서비스 '컨시어지' 탭(service [data-guide="p41-concierge"]) 글 카드 둘에 사진 — 사장님 원문 1024 00:2x "사진 안들어가있다".
   프리빌리지 컨시어지 칸 '공항픽업 ↗'·'하우스키핑 ↗'(이 구역으로 이어짐)과 같은 사진: o11-1023/conc/airport-pickup-b3.jpg(사장님이 고르신 B3), briefingbook-1008/housekeeping.jpg.
   두 안을 1440·390 화면으로 견줘 '글 왼쪽 작은 사진'을 골랐다(카드 위 사진 안은 카드 사진이 리셉션 사진보다 커지고 오른쪽 칸만 828px로 길어져 왼쪽이 비어 보임).
   사진 칸 비율은 프리빌리지 칸과 같은 408:432, 폭 PC 120px(칸이 좁아지면 사진만 줄고 글 폭 220px은 그대로)·700px 이하 90px(60까지 줄어듦), 사진과 글 사이 16px.
   글은 .sv-card-text로 감싸기만 해 글 폭(220px)·줄 간격·줄바꿈이 전과 같다. 리셉션 사진·카드 글 내용은 그대로. */
body.eg-site #main .rf-residence-service [data-guide="p41-concierge"] .bg-cards{grid-template-columns:auto}
body.eg-site #main .rf-residence-service [data-guide="p41-concierge"] .bg-card{display:grid;grid-template-columns:minmax(0,120px) 220px;column-gap:16px;align-items:start}
body.eg-site #main .rf-residence-service [data-guide="p41-concierge"] .sv-card-photo{width:100%;margin:0;aspect-ratio:408/432;overflow:hidden;line-height:0}
body.eg-site #main .rf-residence-service [data-guide="p41-concierge"] .sv-card-photo>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
body.eg-site #main .rf-residence-service [data-guide="p41-concierge"] .sv-card-text{min-width:0}
@media (max-width:700px){
 body.eg-site #main .rf-residence-service [data-guide="p41-concierge"] .bg-card{grid-template-columns:minmax(60px,90px) minmax(0,220px)}
}