/* apttoyou.co.kr — 분양 정보 포털형 (v3)
   색: 브랜드 남청 #2E3FB8 · 진한 남청 #1F2A7A · 포인트 주황 #FF6A2B · 배경 #F3F5F8 · 박스 #FFF · 본문 #1E2329
   글꼴: kr 과 동일 — 제목 여기어때 잘난체2 · 본문 프리텐다드 */
@font-face{font-family:"Pretendard";src:url(/assets/fonts/Pretendard-400.woff2) format("woff2");font-weight:100 500;font-display:swap}
@font-face{font-family:"Pretendard";src:url(/assets/fonts/Pretendard-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Pretendard";src:url(/assets/fonts/Pretendard-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Pretendard";src:url(/assets/fonts/Pretendard-800.woff2) format("woff2");font-weight:800 900;font-display:swap}
@font-face{font-family:"Jalnan2";src:url(/assets/fonts/Jalnan2.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{
  --brand:#2E3FB8; --brand2:#1F2A7A; --brand-soft:#EEF0FB; --accent:#FF6A2B; --accent-soft:#FFF1EA;
  --bg:#F3F5F8; --box:#FFFFFF; --text:#1E2329; --sub:#5B6470; --mute:#8A929E; --line:#E3E7ED; --line2:#D2D8E0; --ok:#12A16B;
  --f:"Pretendard",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; --fd:"Jalnan2","Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif;
  --w:1180px; --gut:clamp(12px,3vw,24px); --r:8px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0F1218;--box:#171B23;--text:#E6E9EE;--sub:#AAB2BE;--mute:#7E8794;--line:#262C37;--line2:#323A47;--brand:#7D8CF0;--brand-soft:#1D2340;--accent-soft:#3A2418}}
:root[data-theme="dark"]{--bg:#0F1218;--box:#171B23;--text:#E6E9EE;--sub:#AAB2BE;--mute:#7E8794;--line:#262C37;--line2:#323A47;--brand:#7D8CF0;--brand-soft:#1D2340;--accent-soft:#3A2418}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f);font-size:15.5px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--brand)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{margin:0;line-height:1.35;letter-spacing:-.02em}
p{margin:0 0 .9em}
svg{flex:0 0 auto}

/* ── 헤더 ── */
.hd{background:var(--box);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:20px;height:72px}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:22px;letter-spacing:-.04em;color:var(--brand2)}
.logo i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--brand);color:#fff;font-style:normal}
.logo i svg{width:18px;height:18px}
:root[data-theme="dark"] .logo,.logo{color:var(--brand2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo{color:#E6E9EE}}
.search{flex:1;max-width:520px;position:relative}
.search form{display:flex;border:2px solid var(--brand);border-radius:999px;overflow:hidden;background:var(--box)}
.search input{flex:1;border:0;padding:10px 18px;font:inherit;font-size:15.5px;background:transparent;color:var(--text);min-width:0}
.search input:focus{outline:0}
.search button{border:0;background:var(--brand);color:#fff;width:54px;display:grid;place-items:center;cursor:pointer}
.search button svg{width:20px;height:20px}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--box);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:80;display:none;max-height:360px;overflow:auto}
.sugg.on{display:block}
.sugg a{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:15px}
.sugg a:last-child{border-bottom:0}
.sugg a small{color:var(--mute)}
.sugg a:hover,.sugg a.sel{background:var(--brand-soft)}
.sugg .none{padding:12px 16px;color:var(--mute);font-size:14px}
.hd-tel{margin-left:auto;display:flex;align-items:center;gap:6px;font-weight:700;font-size:17px;color:var(--brand2)}
.hd-tel svg{width:18px;height:18px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hd-tel{color:#E6E9EE}}
.gnb{background:var(--box);border-bottom:1px solid var(--line2);position:sticky;top:0;z-index:60}
.gnb .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.gnb .wrap::-webkit-scrollbar{display:none}
.gnb a{flex:0 0 auto;padding:13px 16px 11px;font-weight:600;font-size:15.5px;color:var(--sub);border-bottom:3px solid transparent}
.gnb a.on{color:var(--brand);border-bottom-color:var(--brand)}
@media (max-width:760px){.hd .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:10px}.search{order:3;flex-basis:100%;max-width:none}.hd-tel{font-size:15px}.logo{font-size:20px}}

/* ── 레이아웃 ── */
.main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:20px 0 40px}
.main.full{grid-template-columns:minmax(0,1fr)}
.side{display:grid;gap:16px;align-content:start}
@media (max-width:980px){.main{grid-template-columns:minmax(0,1fr)}}
.box{background:var(--box);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.box+.box{margin-top:16px}
.box-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.box-h h2{font-size:19px;font-weight:700}
.box-h h2::before{content:"";display:inline-block;width:4px;height:16px;background:var(--brand);margin-right:8px;vertical-align:-2px;border-radius:2px}
.box-h a{font-size:13.5px;color:var(--mute)}
.box h3{font-size:16.5px;font-weight:700;margin:18px 0 8px}
.crumb{font-size:13px;color:var(--mute);padding:14px 0 0}
.crumb a{color:var(--mute)}
.crumb span{margin:0 6px}

/* 배지 */
.bd{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--brand-soft);color:var(--brand);white-space:nowrap}
.bd.or{background:var(--accent-soft);color:var(--accent)}
.bd.gr{background:#E8F7F0;color:var(--ok)}
.bd.gy{background:var(--bg);color:var(--sub)}
.dd{font-weight:700;color:var(--accent);font-feature-settings:"tnum" 1}
.dd.past{color:var(--mute);font-weight:500}

/* 현장 목록 */
.list{list-style:none;margin:0;padding:0}
.list li{border-top:1px solid var(--line)}
.list li:first-child{border-top:0}
.item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;padding:14px 0;align-items:center}
.item .th{width:150px;aspect-ratio:3/2;border-radius:6px;overflow:hidden;background:var(--bg)}
.item .th img{width:100%;height:100%;object-fit:cover}
.item .nm{font-size:17.5px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.item .meta{color:var(--sub);font-size:14px;margin-top:2px}
.item .price{font-weight:700;font-size:15.5px;margin-top:4px}
.item .price small{font-weight:400;color:var(--mute);font-size:12.5px;margin-left:4px}
.item .rt{text-align:right;font-size:13.5px;color:var(--sub);white-space:nowrap}
.item .rt b{display:block;font-size:20px}
.item:hover .nm{color:var(--brand)}
@media (max-width:640px){.item{grid-template-columns:96px minmax(0,1fr)}.item .th{width:96px}.item .rt{grid-column:2;text-align:left}.item .rt b{display:inline;font-size:15px;margin-right:6px}.item .nm{font-size:16px}}

/* 일정 리스트 */
.sched{list-style:none;margin:0;padding:0}
.sched li{display:grid;grid-template-columns:62px 80px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.sched li:first-child{border-top:0}
.sched .d{color:var(--sub);font-size:13.5px;font-feature-settings:"tnum" 1}
.sched b{font-weight:600}
.sched b small{color:var(--sub);font-weight:400;margin-left:6px}

/* 캘린더 */
.cal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cal-h b{font-size:16px}
.cal-h button{border:1px solid var(--line2);background:var(--box);color:var(--text);border-radius:6px;width:30px;height:30px;cursor:pointer;display:grid;place-items:center}
.cal-h button svg{width:14px;height:14px}
.cal{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;text-align:center}
.cal th{color:var(--mute);font-weight:500;padding:4px 0}
.cal th:first-child,.cal td:first-child .n{color:#D9443A}
.cal td{padding:3px 0;vertical-align:top;height:38px}
.cal .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%}
.cal td.today .n{background:var(--text);color:var(--box)!important}
.cal td.ev .n{background:var(--brand-soft);color:var(--brand);font-weight:700}
.cal td.ev{cursor:pointer}
.cal .dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin:1px auto 0}
.cal-month{display:none}.cal-month.on{display:block}
.cal-ev{margin-top:10px;font-size:13.5px;min-height:20px;color:var(--sub)}
.cal-ev a{display:block;padding:3px 0}
.cal.big td{height:96px;text-align:left;padding:4px;border:1px solid var(--line)}
.cal.big .n{width:auto;height:auto;border-radius:0;background:none!important;color:inherit;font-weight:600}
.cal.big td.today{background:var(--brand-soft)}
.cal.big .evs a{display:block;font-size:12px;line-height:1.35;padding:2px 4px;margin-top:3px;border-radius:3px;background:var(--brand-soft);color:var(--brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal.big .evs a.or{background:var(--accent-soft);color:var(--accent)}
@media (max-width:640px){.cal.big td{height:64px}.cal.big .evs a{font-size:10.5px;padding:1px 2px}}

/* 순위 */
.rank{list-style:none;margin:0;padding:0;counter-reset:r}
.rank li{counter-increment:r;display:flex;gap:10px;align-items:center;padding:7px 0;font-size:15px}
.rank li::before{content:counter(r);width:20px;text-align:center;font-weight:700;color:var(--brand)}
.rank li:nth-child(n+4)::before{color:var(--mute)}
.rank a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank small{color:var(--mute);font-size:12.5px}
.side-note{font-size:12px;color:var(--mute);margin:8px 0 0}

/* 상담 박스 */
.cta{background:var(--brand2);color:#fff;border-radius:var(--r);padding:20px 22px}
.cta b{display:block;font-size:15px;opacity:.85;font-weight:500}
.cta a.t{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:700;color:#fff;margin:4px 0 6px}
.cta a.t svg{width:22px;height:22px}
.cta p{font-size:13.5px;opacity:.8;margin:0 0 12px}
.cta .btn{width:100%;justify-content:center}
.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;border-radius:6px;font-weight:700;font-size:15px;border:1px solid var(--line2);background:var(--box);color:var(--text);cursor:pointer;font-family:inherit}
.btn svg{width:17px;height:17px}
.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.pri:hover{background:var(--brand2);color:#fff}
.btn.or{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.or:hover{filter:brightness(.95);color:#fff}

/* ── 현장 요약 카드 ── */
.summary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;background:var(--box);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:12px}
.summary .ph{position:relative;border-radius:6px;overflow:hidden;background:var(--bg);aspect-ratio:4/3}
.summary .ph .swiper,.summary .ph .swiper-wrapper,.summary .ph .swiper-slide{height:100%}
.summary .ph img{width:100%;height:100%;object-fit:cover}
.summary .ph .cnt{position:absolute;right:10px;bottom:10px;z-index:3;background:rgba(0,0,0,.6);color:#fff;font-size:12.5px;padding:3px 10px;border-radius:999px}
.summary .ph .cap{position:absolute;left:10px;bottom:10px;z-index:3;color:#fff;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.7);max-width:65%}
.summary .ph button{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#1E2329;cursor:pointer;display:grid;place-items:center}
.summary .ph .gp{left:10px}.summary .ph .gn{right:10px}
.summary .ph button svg{width:16px;height:16px}
.summary .bds{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.summary h1{font-size:clamp(24px,2.6vw,30px);font-weight:700}
.summary .tag{color:var(--sub);font-size:15px;margin:4px 0 14px}
.kv{width:100%;border-collapse:collapse;font-size:14.5px}
.kv th,.kv td{padding:8px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.kv th{width:84px;color:var(--mute);font-weight:500}
.kv td b{font-weight:700}
.summary .acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.summary .acts .btn{flex:1;justify-content:center;min-width:140px}
@media (max-width:820px){.summary{grid-template-columns:1fr;padding:14px}}

/* 현장 탭 */
.tabs{position:sticky;top:46px;z-index:50;background:var(--box);border:1px solid var(--line);border-radius:var(--r);margin-top:12px;display:flex;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:1 0 auto;text-align:center;padding:13px 16px;font-weight:600;color:var(--sub);border-bottom:3px solid transparent;white-space:nowrap}
.tabs a[aria-current="page"]{color:var(--brand);border-bottom-color:var(--brand)}

/* 본문 요소 */
.prose p{font-size:15.5px}
.three{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.three li{background:var(--brand-soft);border-radius:6px;padding:12px 14px 12px 40px;position:relative;font-size:15px}
.three li::before{content:attr(data-n);position:absolute;left:14px;top:12px;font-weight:700;color:var(--brand)}
.spec{width:100%;border-collapse:collapse;font-size:14.5px;border-top:2px solid var(--text)}
.spec th,.spec td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.spec th{width:150px;background:var(--bg);color:var(--sub);font-weight:600;font-size:14px}
@media (max-width:600px){.spec th{width:96px;padding:10px 8px}}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.checks li{border:1px solid var(--line);border-radius:6px;padding:12px 14px 12px 44px;position:relative}
.checks label{cursor:pointer;display:block}
.checks input{position:absolute;left:14px;top:15px;width:18px;height:18px;accent-color:#2E3FB8;margin:0}
.checks b{display:block;font-size:15.5px}
.checks span{display:block;color:var(--sub);font-size:14.5px;margin-top:2px}
.check-meter{font-size:13px;color:var(--mute);margin:8px 0 0}
@media (max-width:700px){.checks{grid-template-columns:1fr}}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.tl li{border:1px solid var(--line);border-radius:6px;padding:10px 12px}
.tl li.past{opacity:.55}
.tl li.next{border-color:var(--accent);background:var(--accent-soft)}
.tl .d{display:block;font-size:13px;color:var(--sub)}
.tl b{display:block;font-size:15px}
.tl .dd{font-size:13px}
.ptable-wrap{overflow-x:auto;margin-bottom:14px;border:1px solid var(--line);border-radius:6px}
.ptable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px}
.ptable caption{text-align:left;padding:12px 14px 6px;font-weight:700;font-size:15.5px}
.ptable caption small{display:block;font-weight:400;color:var(--mute);font-size:12.5px}
.ptable th,.ptable td{padding:9px 14px;border-top:1px solid var(--line);text-align:left}
.ptable thead th{background:var(--bg);color:var(--sub);font-weight:600;font-size:13px}
.ptable td.n,.ptable thead th.n{text-align:right;white-space:nowrap;font-feature-settings:"tnum" 1}
.ptable tbody tr:hover{background:var(--brand-soft)}
details.more summary{cursor:pointer;font-weight:600;color:var(--brand);padding:6px 0}
.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.calc>div{border:1px solid var(--line);border-radius:6px;padding:14px}
.calc .t{font-size:14px;color:var(--sub);font-weight:600}
.calc .r{font-size:20px;font-weight:700;margin:4px 0;color:var(--brand2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .calc .r{color:var(--brand)}}
.calc .f{font-size:12.5px;color:var(--mute)}
.calc .nt{font-size:13.5px;color:var(--sub);margin-top:6px}
.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.items>div{border:1px solid var(--line);border-radius:6px;padding:14px}
.items .tg{display:inline-block;font-size:12px;font-weight:600;color:var(--brand);background:var(--brand-soft);padding:1px 7px;border-radius:4px}
.items b{display:block;font-size:16px;margin:6px 0 4px}
.items p{color:var(--sub);font-size:14.5px;margin:0}
.items .ck{margin-top:8px;font-size:13.5px;color:var(--text);display:flex;gap:6px}
.items .ck::before{content:"확인";flex:0 0 auto;font-size:11px;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:0 4px;height:18px;line-height:16px;margin-top:2px}
@media (max-width:700px){.items{grid-template-columns:1fr}}
.gal .swiper-slide{width:min(80vw,520px)}
.gal figure{margin:0}
.gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;background:var(--bg)}
.gal figcaption{font-size:13px;color:var(--sub);padding-top:6px}
.gal-nav{display:flex;gap:6px;justify-content:flex-end;margin-top:10px}
.gal-nav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);background:var(--box);color:var(--text);cursor:pointer;display:grid;place-items:center}
.gal-nav svg{width:15px;height:15px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plans figure{margin:0;border:1px solid var(--line);border-radius:6px;padding:10px;background:#fff}
.plans figcaption{display:flex;justify-content:space-between;padding-top:8px;font-weight:700;color:#1E2329;font-size:15px}
.plans figcaption small{color:#8A929E;font-weight:400}
@media (max-width:640px){.plans{grid-template-columns:1fr}}
.wide-fig{margin:0 0 12px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.wide-fig figcaption{font-size:13px;color:#5B6470;padding:8px 12px}
.faq details{border-top:1px solid var(--line)}
.faq details:first-child{border-top:0}
.faq summary{list-style:none;cursor:pointer;padding:13px 30px 13px 26px;font-weight:600;font-size:15.5px;position:relative}
.faq summary::before{content:"Q";position:absolute;left:0;top:13px;color:var(--brand);font-weight:700}
.faq summary::after{content:"";position:absolute;right:6px;top:20px;width:8px;height:8px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg);top:24px}
.faq summary::-webkit-details-marker{display:none}
.faq .a{padding:0 0 14px 26px;color:var(--sub);font-size:15px;position:relative}
.faq .a::before{content:"A";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
.faq .a p{margin:0}
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.others a{display:block}
.others .th{aspect-ratio:3/2;border-radius:6px;overflow:hidden;background:var(--bg)}
.others img{width:100%;height:100%;object-fit:cover}
.others b{display:block;font-size:15px;margin-top:6px}
.others small{color:var(--mute);font-size:13px}
@media (max-width:640px){.others{grid-template-columns:1fr 1fr}}
.mapbtn{margin-top:8px}

/* 상담 폼 */
.lead form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lead label{display:grid;gap:4px;font-size:13px;color:var(--sub)}
.lead input,.lead select{font:inherit;font-size:15.5px;color:var(--text);background:var(--box);border:1px solid var(--line2);border-radius:6px;padding:10px 12px;width:100%}
.lead input:focus,.lead select:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}
.lead .agree{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;font-size:13px}
.lead .agree input{width:17px;height:17px;margin-top:3px;flex:0 0 auto;accent-color:#2E3FB8;padding:0}
.lead .agree a{color:var(--brand)}
.lead button{grid-column:1/-1;font:inherit;font-weight:700;font-size:16px;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:13px;cursor:pointer}
.lead .msg{grid-column:1/-1;min-height:1.4em;font-size:14px;margin:0;color:var(--brand)}
.lead .tel-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:14.5px;color:var(--sub)}
.lead .tel-line a{font-size:22px;font-weight:700;color:var(--brand2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lead .tel-line a{color:var(--brand)}}
@media (max-width:640px){.lead form{grid-template-columns:1fr}}

/* 하단 */
.ft{background:var(--box);border-top:1px solid var(--line);padding:26px 0 100px;font-size:13px;color:var(--mute)}
.ft .wrap{display:grid;gap:10px}
.ft nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.ft a{color:var(--sub)}
.ft ul{margin:0;padding-left:16px}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--box);border-top:1px solid var(--line2)}
.mbar a{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px;border-radius:6px;font-weight:700;font-size:15px}
.mbar .c{background:var(--brand);color:#fff}
.mbar .r{background:var(--accent);color:#fff}
.mbar svg{width:17px;height:17px}
@media (max-width:760px){.mbar{display:grid}}

/* 지역 바로가기 */
.areas{display:flex;flex-wrap:wrap;gap:6px}
.areas a{border:1px solid var(--line2);border-radius:999px;padding:5px 14px;font-size:14px;background:var(--box)}
.areas a.on,.areas a:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.tabs2{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}

/* 제목용 글꼴: 카페24 당당해 (한 굵기 글꼴이라 가짜 굵기 방지로 400 고정) */
.logo,.box-h h2,.box-h h1,.summary h1,.item .nm,.cta a.t,.hd-tel,.lead .tel-line a,.calc .r,.rank a,.others b,.cal-h b,.dd,.item .rt b,h1{font-family:var(--fd);font-weight:400;letter-spacing:0}
.box-h h2,.box-h h1{font-size:22px}
.summary h1{font-size:clamp(30px,3.4vw,40px);line-height:1.2}
.item .nm{font-size:20px}
.logo{font-size:26px}
.cta a.t{font-size:30px}
.calc .r{font-size:24px}
.rank a{font-size:16.5px}
.others b{font-size:17px}

/* 프리미엄 카드 */
.pms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pm{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--box)}
.pm-ph{margin:0;position:relative;aspect-ratio:3/2;background:var(--bg)}
.pm-ph img{width:100%;height:100%;object-fit:cover}
.pm-ph figcaption{position:absolute;left:10px;bottom:8px;color:#fff;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.pm-tx{padding:14px 16px 16px}
.pm-tx .tg{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:4px}
.pm-tx b{display:block;font-family:var(--fd);font-weight:400;font-size:20px;margin:8px 0 6px;line-height:1.3}
.pm-tx p{color:var(--sub);font-size:14.5px;margin:0}
@media (max-width:700px){.pms{grid-template-columns:1fr}}

.ovfig{margin:0 0 16px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.ovfig img{width:100%;height:auto}
.ovfig figcaption{font-size:12.5px;color:#5B6470;padding:7px 12px;background:#fff}
.items .li-img{width:calc(100% + 28px);margin:-14px -14px 12px;aspect-ratio:3/2;object-fit:cover;border-radius:6px 6px 0 0;max-width:none}

/* 현장 상단 바 */
.sitebar{position:sticky;top:46px;z-index:55;display:flex;align-items:center;gap:18px;background:var(--box);border:1px solid var(--line);border-radius:var(--r);padding:10px 16px;margin-top:12px;box-shadow:0 2px 10px rgba(20,30,60,.04)}
.sb-name{display:flex;flex-direction:column;line-height:1.15;flex:0 0 auto}
.sb-name small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--accent)}
.sb-name b{font-family:var(--fd);font-weight:400;font-size:24px;color:var(--brand2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sb-name b{color:var(--text)}}
.sb-menu{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:center}
.sb-menu::-webkit-scrollbar{display:none}
.sb-menu a{flex:0 0 auto;padding:9px 12px;font-weight:700;font-size:15.5px;color:var(--sub);border-radius:6px}
.sb-menu a:hover{background:var(--bg);color:var(--text)}
.sb-menu a[aria-current="page"]{color:var(--brand);background:var(--brand-soft)}
.sb-act{display:flex;gap:8px;flex:0 0 auto}
.sb-tel{display:flex;align-items:center;gap:6px;border:1.5px solid var(--brand);color:var(--brand);border-radius:999px;padding:8px 16px;font-weight:800;font-size:15px}
.sb-tel svg{width:16px;height:16px}
.sb-reg{background:var(--accent);color:#fff!important;border-radius:999px;padding:9px 18px;font-weight:800;font-size:15px}
.sb-reg:hover,.sb-reg.on{filter:brightness(.95)}
.tabs{display:none}
@media (max-width:1100px){.sitebar{flex-wrap:wrap;gap:8px}.sb-menu{order:3;flex-basis:100%;justify-content:flex-start;margin:0 -6px}.sb-act{margin-left:auto}}
@media (max-width:640px){.sb-tel{display:none}.sb-name b{font-size:20px}.sb-reg{padding:7px 14px;font-size:14px}.sb-menu a{padding:7px 10px;font-size:14.5px}}

/* ══ 현장 페이지 = 각 현장 공식홈 느낌 (body.site, --c1 진한색 · --c2 포인트) ══ */
body.site{background:#fff;--brand:var(--c1);--brand2:var(--c1);--brand-soft:color-mix(in srgb,var(--c2) 12%,#fff);--accent:var(--c2);--accent-soft:color-mix(in srgb,var(--c2) 14%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.site{background:var(--bg);--brand:color-mix(in srgb,var(--c2) 70%,#fff);--brand-soft:color-mix(in srgb,var(--c2) 18%,var(--box));--accent-soft:color-mix(in srgb,var(--c2) 20%,var(--box))}}
.site .util{background:var(--c1);color:rgba(255,255,255,.75);font-size:12.5px}
.site .util .wrap{display:flex;align-items:center;gap:6px;height:32px;white-space:nowrap;overflow:hidden}
.site .util a{color:rgba(255,255,255,.85)}.site .util b{color:#fff;font-weight:600}
.site .util .u-r{margin-left:auto}
.shd{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line);transition:background .35s,border-color .35s}
.shd .wrap{display:flex;align-items:center;gap:18px;height:78px}
.shd .sb-name small{color:var(--c2)}
.shd .sb-name b{color:var(--c1)}
.shd .sb-menu a{color:#3B424C}
.shd .sb-menu a[aria-current="page"]{color:var(--c1);background:transparent;box-shadow:inset 0 -3px 0 var(--c2);border-radius:0}
.shd .sb-tel{border-color:var(--c1);color:var(--c1)}
.shd .sb-reg{background:var(--c1)}
.shd.over{position:fixed;left:0;right:0;top:32px;background:transparent;border-color:transparent}
.shd.over .sb-name b,.shd.over .sb-menu a,.shd.over .sb-tel{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.shd.over .sb-tel{border-color:rgba(255,255,255,.7)}
.shd.over .sb-menu a[aria-current="page"]{box-shadow:inset 0 -3px 0 #fff}
.shd.over .sb-reg{background:var(--c2)}
.shd.over.solid{top:0;background:#fff;border-color:var(--line)}
.shd.over.solid .sb-name b{color:var(--c1);text-shadow:none}.shd.over.solid .sb-menu a,.shd.over.solid .sb-tel{color:#3B424C;text-shadow:none}
.shd.over.solid .sb-tel{border-color:var(--c1);color:var(--c1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .shd,:root:not([data-theme="light"]) .shd.over.solid{background:var(--box)}:root:not([data-theme="light"]) .shd .sb-menu a{color:var(--sub)}:root:not([data-theme="light"]) .shd .sb-name b{color:var(--text)}}
@media (max-width:1100px){.shd .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:4px;gap:6px 10px}.shd .sb-menu{order:3;flex-basis:100%;justify-content:flex-start}.shd .sb-act{margin-left:auto}.shd.over{background:rgba(0,0,0,.18)}}
@media (max-width:640px){.shd .sb-tel{display:none}.site .util .u-r{display:none}}
/* 대표 이미지 */
.site .hero{position:relative;height:100svh;min-height:560px;max-height:1000px;overflow:hidden;background:var(--c1);color:#fff}
.site .hero .swiper,.site .hero .swiper-wrapper,.site .hero .swiper-slide{height:100%}
.site .hero .swiper-slide{overflow:hidden}
.site .hero .slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 7s linear}
.site .hero .swiper-slide-active .slide-img,.site .hero .single .slide-img{transform:scale(1)}
.site .hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7))}
.site .hero-copy{position:absolute;left:0;right:0;bottom:clamp(60px,12vh,130px);z-index:3}
.site .hero-copy .en{display:block;font-weight:800;letter-spacing:.2em;font-size:clamp(12px,1.2vw,15px);color:#fff;opacity:.9;margin-bottom:12px}
.site .hero h1{font-family:var(--fd);font-weight:400;font-size:clamp(48px,8vw,108px);line-height:1.02;letter-spacing:0;text-shadow:0 2px 24px rgba(0,0,0,.3)}
.site .hero .sub{font-size:clamp(16px,1.6vw,20px);margin:16px 0 0;opacity:.95}
.site .hero .ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.site .btn.acc{background:var(--c2);border-color:var(--c2);color:#fff;border-radius:999px;padding:13px 22px}
.site .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7);color:#fff;border-radius:999px;padding:13px 22px}
.site .hero-cap{position:absolute;right:var(--gut);bottom:16px;z-index:3;font-size:12px;opacity:.75;margin:0}
.site .hero-ctrl{position:absolute;right:var(--gut);bottom:clamp(60px,12vh,130px);z-index:4;display:flex;align-items:center;gap:12px;font-weight:700;font-size:14px}
.site .hero-ctrl .bar{width:110px;height:2px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.site .hero-ctrl .bar i{position:absolute;inset:0;background:var(--c2);transform-origin:left;transform:scaleX(0)}
.site .hero-ctrl .bar i.run{animation:heroBar 5.5s linear forwards}
@keyframes heroBar{to{transform:scaleX(1)}}
@media (max-width:760px){.site .hero-ctrl{display:none}.site .hero{min-height:560px;height:88svh}}
.stats{background:var(--c1);color:#fff}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stats div{padding:22px 16px;border-left:1px solid rgba(255,255,255,.14)}
.stats div:first-child{border-left:0}
.stats b{display:block;font-family:var(--fd);font-weight:400;font-size:clamp(20px,2.2vw,28px);line-height:1.2}
.stats span{font-size:13px;opacity:.75}
@media (max-width:760px){.stats .wrap{grid-template-columns:1fr 1fr}.stats div:nth-child(3){border-left:0}.stats div{border-top:1px solid rgba(255,255,255,.14)}}
/* 서브 배너 */
.site .subhero{position:relative;height:clamp(260px,40vh,420px);overflow:hidden;background:var(--c1);color:#fff;display:flex;align-items:center;text-align:center}
.site .subhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:zoomOut 2.2s cubic-bezier(.1,.51,.55,1) both}
@keyframes zoomOut{from{transform:scale(1.15)}to{transform:scale(1)}}
.site .subhero::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--c1) 55%,transparent)}
.site .subhero .wrap{position:relative;z-index:2;width:100%}
.site .subhero .en{display:block;font-weight:800;letter-spacing:.24em;font-size:13px;color:#fff;opacity:.9;margin-bottom:10px}
.site .subhero h1{font-family:var(--fd);font-weight:400;font-size:clamp(32px,5vw,58px);line-height:1.15;animation:rise 1s cubic-bezier(.22,1,.36,1) .3s both}
.site .subhero .line{display:block;width:56px;height:3px;background:var(--c2);margin:18px auto 0}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
/* 본문 섹션(공식홈식: 테두리 없는 넓은 섹션, 가운데 제목) */
.s-body{padding:10px 0 40px}
.s-body .wrap{max-width:1100px}
.site .box{border:0;border-radius:0;background:transparent;padding:clamp(48px,7vw,84px) 0 clamp(36px,5vw,56px);border-bottom:1px solid var(--line)}
.site .box+.box{margin-top:0}
.site .box-h{flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:clamp(24px,4vw,40px)}
.site .box-h h2,.site .box-h h1{font-size:clamp(26px,3vw,38px);color:var(--c1)}
.site .box-h h2::before{display:block;content:"";width:36px;height:3px;border-radius:0;background:var(--c2);margin:0 auto 16px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site .box-h h2{color:var(--text)}}
.site .box-h a{font-size:13.5px}
.site .lead{max-width:760px;margin:0 auto}
.site #lead{background:color-mix(in srgb,var(--c1) 5%,#fff);border-radius:12px;padding-left:24px;padding-right:24px;border:0;margin-top:40px}
.site .lead button{background:var(--c2)}
.site .three li{background:color-mix(in srgb,var(--c2) 9%,#fff)}
.site .three li::before,.site .faq summary::before{color:var(--c2)}
.site .tl li.next{border-color:var(--c2)}
.site .sft{background:var(--c1);color:rgba(255,255,255,.8);padding:34px 0;font-size:14px}
.site .sft .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site .sft b{font-family:var(--fd);font-weight:400;font-size:24px;color:#fff}
.site .sft p{margin:4px 0 0}.site .sft a{color:#fff}
.site .sft-r{display:flex;flex-direction:column;gap:6px;text-align:right}
.site .ft{padding-top:22px}
.site .mbar .c{background:var(--c1)}.site .mbar .r{background:var(--c2)}

/* 현장별 글꼴(공식홈 계열) */
body.site{font-family:var(--sfb,var(--f))}
.site .hero h1,.site .subhero h1,.site .box-h h2,.site .box-h h1,.site .sb-name b,.site .sft b,.site .stats b,.site .pm-tx b,.site .item .nm,.site .others b,.site .calc .r{font-family:var(--sfd,var(--fd));font-weight:700;letter-spacing:-.02em}
.site .hero-copy .en,.site .subhero .en,.site .sb-name small{font-family:var(--sfe,var(--f));letter-spacing:.18em}
/* 움직임(공식홈 기법을 우리 코드로) */
.site [data-rv]{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.1,.59,.39,.94),transform .9s cubic-bezier(.1,.59,.39,.94)}
.site [data-rv].in{opacity:1;transform:none}
.site [data-wipe]{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.87,0,.13,1)}
.site [data-wipe].in{clip-path:inset(0 0 0 0)}
.site .sw{display:inline-block;overflow:hidden;vertical-align:bottom}
.site .sw>span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.22,1,.36,1)}
.site .in .sw>span,.site .sw.in>span{transform:none}
@media (prefers-reduced-motion:reduce){.site [data-rv],.site [data-wipe],.site .sw>span{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}
.spec{table-layout:fixed}
.spec td{overflow-wrap:anywhere}
@media (max-width:640px){.sched li{grid-template-columns:44px 46px minmax(0,1fr);gap:6px;font-size:14.5px}.box-h{flex-wrap:wrap}}
/* 다크모드 대비 보정 (현장 헤더·제목·버튼) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.site{
  --dk-text:#ECEFF3}
 :root:not([data-theme="light"]) .shd .sb-name b,:root:not([data-theme="light"]) .shd.over.solid .sb-name b{color:#ECEFF3}
 :root:not([data-theme="light"]) .shd .sb-menu a,:root:not([data-theme="light"]) .shd.over.solid .sb-menu a{color:#C9CED6}
 :root:not([data-theme="light"]) .shd .sb-menu a[aria-current="page"]{color:#fff}
 :root:not([data-theme="light"]) .shd .sb-tel,:root:not([data-theme="light"]) .shd.over.solid .sb-tel{color:#fff;border-color:var(--c2)}
 :root:not([data-theme="light"]) .shd .sb-reg,:root:not([data-theme="light"]) .shd.over.solid .sb-reg{background:var(--c2);color:#fff}
 :root:not([data-theme="light"]) .site .box-h h2,:root:not([data-theme="light"]) .site .box-h h1{color:#ECEFF3}
 :root:not([data-theme="light"]) .site #lead{background:var(--box)}
 :root:not([data-theme="light"]) .site .three li{background:color-mix(in srgb,var(--c2) 16%,var(--box))}
 :root:not([data-theme="light"]) .site .ovfig figcaption{background:var(--box);color:var(--sub)}
}
:root[data-theme="dark"] .shd .sb-name b{color:#ECEFF3}
:root[data-theme="dark"] .shd .sb-menu a{color:#C9CED6}
:root[data-theme="dark"] .shd .sb-tel{color:#fff;border-color:var(--c2)}
:root[data-theme="dark"] .shd .sb-reg{background:var(--c2)}
:root[data-theme="dark"] .site .box-h h2{color:#ECEFF3}

.ptable.tt td{padding:8px 12px;font-size:14.5px}.ptable.tt td.nt{color:var(--sub);font-size:13.5px}
@media (max-width:640px){.ptable.tt{min-width:0}.ptable.tt td.nt{display:none}.ptable.tt thead th:last-child{display:none}}

/* 다크모드 전환 버튼 */
.theme-btn{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line2);background:var(--box);color:var(--text);display:grid;place-items:center;cursor:pointer;margin-left:6px;transition:border-color .2s,background .2s}
.theme-btn:hover{border-color:var(--brand)}
.theme-btn svg{width:20px;height:20px}
.theme-btn .i-sun{display:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:block}:root[data-theme="dark"] .theme-btn .i-moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-btn .i-sun{display:block}:root:not([data-theme="light"]) .theme-btn .i-moon{display:none}}
.shd.over:not(.solid) .theme-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);color:#fff}
.site .shd .theme-btn{width:42px;height:42px}
@media (max-width:640px){.theme-btn{width:38px;height:38px}.theme-btn svg{width:17px;height:17px}}
/* 강제 다크(버튼) — 미디어쿼리 다크 규칙과 같은 값 */
:root[data-theme="dark"] body.site{background:var(--bg)}
:root[data-theme="dark"] .shd,:root[data-theme="dark"] .shd.over.solid{background:var(--box);border-color:var(--line)}
:root[data-theme="dark"] .site #lead{background:var(--box)}
:root[data-theme="dark"] .site .three li{background:color-mix(in srgb,var(--c2) 16%,var(--box))}
:root[data-theme="dark"] .site .ovfig figcaption{background:var(--box);color:var(--sub)}
:root[data-theme="dark"] .hd-tel,:root[data-theme="dark"] .logo{color:#E6E9EE}

.pfigs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.pfigs .wide-fig{margin:0}
@media (max-width:700px){.pfigs{grid-template-columns:1fr}}
mark.hl{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 30%,transparent) 62%);color:inherit;padding:0 1px}
.site mark.hl{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--c2) 34%,transparent) 62%)}

/* 서브(현장) 페이지 → 분양투유 홈 바로가기 */
.site .util .wrap{height:40px;font-size:13px}
.site .u-home{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff!important;border-radius:999px;padding:4px 12px 4px 10px;font-weight:700;margin-right:6px}
.site .u-home:hover{background:rgba(255,255,255,.26)}
.site .u-home svg{width:15px;height:15px}
.site .u-path{display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis}
.site .util .u-r{margin-left:auto;font-weight:700;color:#fff!important}
.shd.over{top:40px}
.sb-home{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line2);color:var(--c1);background:var(--box)}
.sb-home svg{width:19px;height:19px}
.sb-home:hover{border-color:var(--c2);color:var(--c2)}
.shd.over:not(.solid) .sb-home{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);color:#fff}
:root[data-theme="dark"] .sb-home{color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sb-home{color:#fff}}
.mbar.has-home{grid-template-columns:64px 1fr 1fr}
.mbar .h{flex-direction:column;gap:0;padding:6px 4px;font-size:11.5px;border:1px solid var(--line2);color:var(--text)}
.mbar .h svg{width:18px;height:18px}
@media (max-width:640px){.site .u-path{display:none}.site .util .u-r{display:inline}.sb-home{width:34px;height:34px}}
@media (max-width:640px){.shd .sb-reg{display:none}.shd .wrap{flex-wrap:wrap}.shd .sb-name{flex:1;min-width:0}.shd .sb-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* 프리텐다드: 제목 굵기 복원 (예전 한 굵기 글꼴용 400 고정 해제) */
.logo,.box-h h2,.box-h h1,.summary h1,.item .nm,.cta a.t,.hd-tel,.lead .tel-line a,.calc .r,.rank a,.others b,.cal-h b,.item .rt b,h1,.sb-name b,.pm-tx b,.stats b,.site .sft b{font-weight:800;letter-spacing:-.025em}
.dd{font-weight:800}
.rank a,.others b,.cal-h b{font-weight:700}
.site .hero h1,.site .subhero h1{font-weight:800;letter-spacing:-.035em}
.site .box-h h2,.site .box-h h1{font-weight:800}

/* kr 과 같은 글꼴: 제목=잘난체2(한 굵기라 700 고정 해제), 본문=프리텐다드 */
.logo,.box-h h2,.box-h h1,.summary h1,.item .nm,.cta a.t,.calc .r,h1,.sb-name b,.pm-tx b,.stats b,.site .sft b,.site .hero h1,.site .subhero h1,.site .box-h h2,.site .box-h h1{font-family:var(--fd);font-weight:400;letter-spacing:-.01em}

/* ATY-NAMEINIMG: 메인 이미지에 현장명이 인화된 현장 */
.site .hero-copy.name-in-img h1,.site .hero-copy.name-in-img .en{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}