/* 기기 기본 글꼴 (2026-10-17 주인 "사이트 전체를 기본글꼴로 하면 빨라지잖아" → 전부 기본 글꼴)
   웹글꼴(프리텐다드·나눔명조·Marcellus)은 받지 않는다. 기존 CSS 가 쓰는 글꼴 이름을 기기에 있는 글꼴로 이어 준다.
   고딕 = 애플 SD 고딕 Neo(맥·아이폰) / 맑은 고딕(윈도) / 본고딕(안드로이드 등), 명조 = 애플명조 / 바탕 / 본명조.
   기기에 없으면 다음 이름 → 마지막 sans-serif·serif(기기 기본)으로 넘어간다. 굵은 글꼴이 없으면 브라우저가 굵게 만들어 쓴다. */

@font-face { font-family: "Pretendard Variable"; font-weight: 100 500; src: local("Apple SD Gothic Neo"), local("AppleSDGothicNeo-Regular"), local("Malgun Gothic"), local("맑은 고딕"), local("Noto Sans KR"), local("Noto Sans CJK KR"), local("NotoSansCJKkr-Regular"); }
@font-face { font-family: "Pretendard Variable"; font-weight: 600 950; src: local("AppleSDGothicNeo-Bold"), local("Apple SD Gothic Neo Bold"), local("Malgun Gothic Bold"), local("맑은 고딕 Bold"), local("Noto Sans KR Bold"), local("Noto Sans CJK KR Bold"), local("NotoSansCJKkr-Bold"); }
@font-face { font-family: "Pretendard"; font-weight: 100 500; src: local("Apple SD Gothic Neo"), local("AppleSDGothicNeo-Regular"), local("Malgun Gothic"), local("맑은 고딕"), local("Noto Sans KR"), local("Noto Sans CJK KR"), local("NotoSansCJKkr-Regular"); }
@font-face { font-family: "Pretendard"; font-weight: 600 950; src: local("AppleSDGothicNeo-Bold"), local("Apple SD Gothic Neo Bold"), local("Malgun Gothic Bold"), local("맑은 고딕 Bold"), local("Noto Sans KR Bold"), local("Noto Sans CJK KR Bold"), local("NotoSansCJKkr-Bold"); }

/* 명조는 굵은 글꼴이 없는 기기가 많아(바탕·애플명조) 보통 글꼴 하나만 — 굵은 제목은 브라우저가 굵게 만들어 씀 */
@font-face { font-family: "Nanum Myeongjo"; src: local("AppleMyungjo"), local("Batang"), local("바탕"), local("Noto Serif KR"), local("Noto Serif CJK KR"), local("NotoSerifCJKkr-Regular"); }

/* 영문 장식 글꼴(전화번호 등)도 기본 고딕 — 주인 "아직 살아있네" */
@font-face { font-family: "Marcellus"; src: local("Apple SD Gothic Neo"), local("AppleSDGothicNeo-Regular"), local("Malgun Gothic"), local("맑은 고딕"), local("Noto Sans KR"), local("Noto Sans CJK KR"), local("NotoSansCJKkr-Regular"); }
@font-face { font-family: "Cormorant Garamond"; src: local("Apple SD Gothic Neo"), local("AppleSDGothicNeo-Regular"), local("Malgun Gothic"), local("맑은 고딕"), local("Noto Sans KR"), local("Noto Sans CJK KR"), local("NotoSansCJKkr-Regular"); }

/* 기본 글꼴은 프리텐다드보다 얇아 보여 굵게 맞춤 (주인 "굵게") */
.q-open{font-weight:700}
/* 기본 글꼴(맑은 고딕 등)은 프리텐다드보다 넓어 위 메뉴가 두 줄로 끊기던 것 → 한 줄 고정, 글자 간격 조금 줄임 (주인 "메뉴가 2단으로 끊겨") */
@media (min-width:1025px){header .d1,header .hd-util a,header .hd-tel,header .hd-reg,.gnb .g-top,.gnb .g-one,.gnb .g-consult{white-space:nowrap}header .d1{letter-spacing:-.01em}}
/* 맞춤견적 "이 조건으로 상담 신청" 단추 한 줄로 (주인 "폰트 간격 조절해서 한줄로") */
.kp-btn{white-space:nowrap;letter-spacing:-.03em;padding-left:14px!important;padding-right:14px!important}
/* 기본 명조(바탕·애플명조)는 보통 굵기가 가늘어 보여 제목류를 굵게 (주인 "글씨가 너무 얇으니 이상해", "젤 위줄") */
.op-hero-brand,.op-hero-tit,.op-tit,.page-title h1,.sub-visual h2,.sv-tit{font-weight:700!important}
/* 글 속 그림: 누르면 크게 보기 (data-lb) */
[data-lb]{cursor:zoom-in}
/* 제목 아래 세로줄+마름모: 마름모 가운데를 줄 가운데에 (주인 "정렬") */
.page-title .bar::after{left:50%!important;margin-left:0!important;transform:translateX(-50%) rotate(45deg)!important}
/* 맞춤견적 동그라미: 안쪽 <b> 가 500 으로 덮여 있었음 → 굵게 (주인 "두껍게") */
.q-open,.q-open b{font-weight:800!important}
/* 맞춤견적 글자 또렷하게 (주인 "잘 안보인다고"): 흰색·조금 크게 */
.q-open b{color:#fff!important;font-size:19px!important;letter-spacing:0!important;line-height:1.3!important}
/* 위 메뉴 "관심고객등록" 단추 굵게 (주인 "여기도 굵게") */
header .hd-reg,header .hd-reg *{font-weight:700!important}
/* 견본주택 안내 표(현장·분양문의): 이름 글자 간격 줄이고 오른쪽 값과 세로 가운데 맞춤 (주인 "정렬") */
.op-dl{align-items:center!important}.op-dl dt{letter-spacing:.02em!important;line-height:1.4!important}.op-dl dd{margin:0}
/* 목록 줄·카드 빛 (휴대폰: 화면 가운데에 온 것, PC: 마우스 올린 줄) — 다크판 '숫자로 보는 핵심'과 같은 효과 (2026-10-17) */
.op-deal-list li,.op-vision li,.op-stats li,.lm-hist li,.n-steps li{position:relative}
.op-deal-list li::after,.op-vision li::after,.op-stats li::after,.lm-hist li::after,.n-steps li::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .7s ease;background:radial-gradient(120% 140% at 0% 50%,rgba(196,160,92,.24) 0%,rgba(196,160,92,.08) 45%,transparent 75%)}
body[data-dh] .op-vision li::after,body[data-dh] .op-stats li::after{background:radial-gradient(120% 140% at 0% 50%,color-mix(in srgb,var(--dh-th,#e3c27a) 30%,transparent) 0%,color-mix(in srgb,var(--dh-th,#e3c27a) 10%,transparent) 45%,transparent 75%)}
.k-lit::after{opacity:1!important}
@media (hover:hover) and (min-width:1025px){.op-deal-list li:hover::after,.op-vision li:hover::after,.op-stats li:hover::after,.lm-hist li:hover::after,.n-steps li:hover::after{opacity:1}}
.op-table tr{transition:background-color .7s ease}
.op-table tr.k-lit{background-color:rgba(196,160,92,.12)}
body[data-dh] .op-table tr.k-lit{background-color:color-mix(in srgb,var(--dh-th,#e3c27a) 14%,transparent)}
.n-card,.n-fc,.n-day,.rg-row,.hb-c,.n-rg,.dj,.ft2-call{transition:box-shadow .7s ease,border-color .7s ease}
.n-card.k-lit,.n-fc.k-lit,.n-day.k-lit,.rg-row.k-lit,.hb-c.k-lit,.n-rg.k-lit,.dj.k-lit{border-color:#c9a560!important;box-shadow:0 0 0 1px rgba(201,165,96,.55),0 14px 36px -14px rgba(201,165,96,.55)!important}
.ft2-call.k-lit{border-color:rgba(233,211,161,.8)!important;box-shadow:0 0 28px -6px rgba(233,211,161,.45)}
/* 떨어지는 잎이 화면 오른쪽 밖으로 나가 휴대폰에서 옆으로 밀리던 것 */
.op-leaves{overflow:hidden!important}
/* 휴대폰 탭 단추(테라스·침실·주방·드레스룸 등): 좌우 여백이 커서 긴 이름이 오른쪽으로 삐져나가던 것 → 여백 줄이고 가운데 (주인 "글씨정렬") */
@media (max-width:768px){.op-tabs button{padding-left:4px!important;padding-right:4px!important;letter-spacing:0!important;white-space:nowrap;text-align:center;justify-content:center;min-width:0}}

/* 위 메뉴 굵게 (2026-10-18 주인 "메뉴부분 두껍게") */
header .gnb .d1{font-weight:400}  /* 2026-10-19 주인 "메뉴굵기 보통" (전엔 700) */

/* 입지 칸(LIFE·EDUCATION…)과 아래 입지도가 붙어 있던 것 → 간격 (2026-10-18 주인 "간격") */
#park .op-wrap + .op-wide{margin-top:56px}
@media (max-width:768px){#park .op-wrap + .op-wide{margin-top:32px}}

/* 휴대폰 버튼 글씨: 52px 높이에 16px 는 작아 보임 → 19px (2026-10-18 주인 "버튼크기대비 글씨가 작은거 같아") */
@media (max-width:768px){.op .op-btn{font-size:19px!important}}
header .hd-tel .ico-tel{position:relative;top:2px}  /* 2026-10-19 전화 아이콘을 숫자 가운데에 (주인 "정렬 안맞음") */
/* ===== 2026-10-19 디자인 점검 반영 (에이전트 점검 → 주인 "고쳐줘") ===== */
/* 3. 선택된 타입 탭(84A 등) = 위 탭(평형안내 등)과 같은 테마색 */
html body .tabs button.on, html body .tabs button[aria-selected="true"] { background: var(--c-primary) !important; color: #fff !important; border-color: var(--c-primary) !important; }
html body .tabs button.on::after { display: none !important; }
/* 4. TOP 버튼: 옆 원형 버튼들과 같은 색, 나타나면 또렷하게 */
html body .hs-backtop { background: var(--lux-ink) !important; }
html body .hs-backtop.show { opacity: 1 !important; }
/* 8. 계산기 단지 이름이 휴대폰에서 잘리지 않게 */
@media (max-width: 480px) { html body #pc-d, html body #mv-d { font-size: 15px; padding-right: 28px; letter-spacing: -.02em; } }
/* 9. 바닥글 위 사이트맵: 줄 끝에 '·' 가 남지 않게 — 글자 사이 '·' 는 숨기고, 다음 항목 앞에 붙임 */
html body:not([data-dh]) .seo-links p { font-size: 0; }
html body:not([data-dh]) .seo-links p > * { font-size: 13px; }
html body:not([data-dh]) .seo-links p a { white-space: nowrap; }
html body:not([data-dh]) .seo-links p b { margin-right: .5em; }
/* (점은 premium.css 의 a::after 가 이미 찍음 — 여기서 또 찍어 점이 두 번 나오던 것 뺌) */
@media (max-width: 768px) { html body:not([data-dh]) .seo-links p > * { font-size: 12.5px; } }
/* 1. 가운데 로고: 흰 건물·밝은 하늘 위에서도 읽히게 그림자를 진하게 (색은 그대로 흰색) */
html body .op-hero .op-hero-copy::before { filter: grayscale(1) invert(1) brightness(2.2) drop-shadow(0 2px 6px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(0,0,0,.4)); }
/* 갤러리 크게 보기: 사진이 설명 글보다 좁을 때 왼쪽으로 쏠리던 것 → 가운데 (주인 "이미지가 가운데로 안불러와") */
html body .gal-lb figure img { margin-left: auto !important; margin-right: auto !important; }
html body .gal-lb figure figcaption { max-width: 900px; margin-left: auto !important; margin-right: auto !important; }
/* 가운데 로고 2배 (주인 "로고 지금보다 2배 크게") — PC 300×56 → 600×112, 휴대폰 42px → 84px 높이 (화면 폭 안에서) */
html body .op-hero .op-hero-copy::before { width: 450px !important; height: 84px !important; max-width: 86vw !important; }   /* 다시 1.5배 (주인 "다 1.5배 / 가로크기만 제한") */   /* 2배 → 1.5배 (주인 "광주 쪽 화이트 버전도 1.5배") */
@media (max-width: 768px) { html body .op-hero .op-hero-copy::before { width: 70vw !important; height: 63px !important; } }   /* 휴대폰: 긴 로고는 원래 폭(70%) 그대로, 덜 긴 로고만 1.2배 */
/* 가운데 로고: 은은한 그림자 (주인 "은은한 … 그림자 효과") */
html body .op-hero .op-hero-copy::before { filter: grayscale(1) invert(1) brightness(2.2) drop-shadow(0 2px 3px rgba(0,0,0,.35)) drop-shadow(0 6px 18px rgba(0,0,0,.32)); }
/* 가운데 로고 그림자 없앰 (주인 "그림자 없애줘") — 흰색으로만 */
html body .op-hero .op-hero-copy::before { filter: grayscale(1) invert(1) brightness(2.2) !important; }
/* 가운데 로고 효과(은빛 그라데이션) 빼고 단색 흰색 (주인 "로고 효과 빼줘") */
/* (단색 흰색은 글자가 뚫린 로고(진도·송암공원 상자)를 흰 상자로 만들어 되돌림 — 비테라만 따로) */
/* 10-19 주인 "글씨사이즈 크게": 아래 전체 메뉴 글씨 13 → 15px, 제목 16px (휴대폰 14 / 15) */
html body:not([data-dh]) .seo-links p > * { font-size: 15px; }
html body:not([data-dh]) .seo-links p b { font-size: 16px; }
@media (max-width: 768px) { html body:not([data-dh]) .seo-links p > * { font-size: 14px; } html body:not([data-dh]) .seo-links p b { font-size: 15px; } }
/* 10-19 주인 "밝은버전만 pc버전 로고에만 그림자": PC 에서만 가운데 로고 그림자 */
@media (min-width: 769px) { html body:not([data-dh]) .op-hero .op-hero-copy::before { filter: grayscale(1) invert(1) brightness(2.2) drop-shadow(0 2px 2px rgba(0,0,0,.48)) drop-shadow(0 4px 10px rgba(0,0,0,.45)) drop-shadow(0 8px 30px rgba(0,0,0,.4)) !important; } }
/* 브랜드 로고(hero_brand.svg)를 올린 호반·송암·제일은 원래 흰색 만드는 방식(brightness 0 + invert)에 그림자만 더함 — 위 방식은 이 로고를 어둡게 뒤집음 */
@media (min-width: 769px) { html[data-theme="hoban"] body:not([data-dh]) .op-hero .op-hero-copy::before, html[data-theme="songam"] body:not([data-dh]) .op-hero .op-hero-copy::before, html[data-theme="jeil"] body:not([data-dh]) .op-hero .op-hero-copy::before { filter: brightness(0) invert(1) drop-shadow(0 2px 2px rgba(0,0,0,.48)) drop-shadow(0 4px 10px rgba(0,0,0,.45)) drop-shadow(0 8px 30px rgba(0,0,0,.4)) !important; } }
/* 10-19 주인 "배경과 어울리게 그림자만 오버레이": hard-light 혼합 — 흰 로고는 그대로 흰색, 검은 그림자만 사진에 곱해져(multiply) 배경 색이 비침 */
@media (min-width: 769px) { html body:not([data-dh]) .op-hero .op-hero-copy::before { mix-blend-mode: hard-light; } }