/* 기기 기본 글꼴 (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: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}}