/* 첫 화면 꾸밈 (2026-10-17): 사진 어둡게 깔기·흰 제목·조건 칸. 예전엔 index.html 안 <style> 이었음 */
/* 2026-10-17 주인 "나머지 단지 사이트도 송암처럼": 사진 왼쪽 어둡게·흰 글·조건 칸(PC). 조건 칸 내용은 이 사이트 분양 요약 상자에 있던 것만 */
.op-hero .op-hero-bg::before{content:"";position:absolute;z-index:1;pointer-events:none;top:0;bottom:0;left:0;right:auto;width:62%;height:auto;background:linear-gradient(90deg,rgba(8,14,26,.86) 0%,rgba(8,14,26,.66) 48%,rgba(8,14,26,0) 100%)}
.op-hero .op-hero-copy{z-index:3}
.op-hero .op-hero-copy .hc-chip{color:#f3ead8!important}
.op-hero .op-hero-copy .hc-tit{color:#fff!important;-webkit-text-fill-color:currentColor!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important}
.op-hero .op-hero-copy .hc-tit::first-line{color:#f0d79f!important;-webkit-text-fill-color:#f0d79f!important}
.op-hero .op-hero-copy .hc-sub{background:rgba(8,14,26,.45);color:#fff!important;border-color:rgba(255,255,255,.28);box-shadow:none}
.hc-deal{display:none}
@media (min-width:769px){.op-hero .op-hero-copy .hc-deal{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0!important;padding:0;font-size:15px;line-height:1.3;word-break:keep-all}
.hc-deal b,.hc-deal span{display:inline-block;padding:9px 14px;border:1px solid rgba(240,215,159,.7);color:#fff;background:rgba(8,14,26,.5);font-weight:600}
.hc-deal b{background:var(--lux-wine,#8a1c2b);border-color:var(--lux-wine,#8a1c2b);font-weight:700}}
@media (max-width:768px){.op-hero .op-hero-bg::before{width:auto;right:0;bottom:auto;height:72%;background:linear-gradient(180deg,rgba(8,14,26,.82) 0%,rgba(8,14,26,.55) 55%,rgba(8,14,26,0) 100%)}}

/* 2026-10-17 빛번짐·그림자를 글자 모양에 붙임(filter): text-shadow 는 글꼴이 오기 전 투명한 글자에도 먼저 그려져 "글씨 따로 효과 따로" 보였음 */
.op-hero .op-hero-copy .hc-chip{text-shadow:none!important;filter:drop-shadow(0 0 5px rgba(255,255,255,.75))}
.op-hero .op-hero-copy .hc-tit{text-shadow:none!important;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
/* 2026-10-17 주인 선택 "첫 화면 글만 기본 글꼴": 칩·부제·조건 칸·요약 상자는 기기 기본 글꼴 — 웹글꼴을 기다리지 않아 상자와 글자가 같이 나옴. 큰 제목만 나눔명조 */
.op-hero .op-hero-copy .hc-chip,.op-hero .op-hero-copy .hc-sub,.op-hero .op-hero-copy .hc-deal,.op-hero .op-hero-copy .hc-deal *,.op-hero .op-hero-copy .hc-notice,.op-hero .op-hero-copy .hc-notice *{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","Noto Sans KR",sans-serif!important}
/* 칩 양옆 마름모가 흐리게 보이던 것 → 밝은 금색 (주인 "모양색상이 안보여") */
.op-hero .op-hero-copy .hc-chip::before,.op-hero .op-hero-copy .hc-chip::after{color:#f3d48a!important;opacity:1!important;font-size:.75em}
/* 칩 양옆 마름모 흰색 (주인 "도형을 바꾸라고") */
.op-hero .op-hero-copy .hc-chip::before,.op-hero .op-hero-copy .hc-chip::after{color:#fff!important}
/* 칩 전체 흰색: 글자·양옆 마름모·위아래 선 (주인 "흰색으로", "도형을", "선도 바꿔") */
.op-hero .op-hero-copy .hc-chip{color:#fff!important;border-top-color:rgba(255,255,255,.85)!important;border-bottom-color:rgba(255,255,255,.85)!important}
/* 올라오는 순서 다크판처럼 (주인): 조건 칸을 넣어 요약 상자가 5번째가 되면서 늦춤이 없어 먼저 떠 있었음 → 칩·제목·부제 다음에 조건 칸, 그다음 요약 상자 */
.op-hero-copy>.hc-deal{animation-delay:.95s!important}.op-hero-copy>.hc-notice{animation-delay:1.15s!important}