/* 화성부동산중개 홈페이지 — 3번 디자인, 색: 짙은 청록 + 주황 */
:root{--c:#0b5d57;--cd:#073b37;--cl:#e6f2f0;--a:#f29d12;--ad:#d9850a;--t:#1c2b2a;--m:#5f716f;--b:#d5e3e0;--bg:#f5f8f7}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--t);background:#fff;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.2px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,b,strong{letter-spacing:-.5px}input,button,select,textarea{font-family:inherit}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
/* 맨 위 줄 */
.topline{background:var(--cd);color:#bfd8d4;font-size:13px}.topline .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}
.tl-r{display:flex;gap:14px;align-items:center}.tl-r a{color:#fff;font-weight:700}.staff{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);padding:3px 10px;border-radius:12px;font-weight:600!important;font-size:12px}
/* 머리 */
.hd{background:#fff;border-bottom:1px solid var(--b);position:sticky;top:0;z-index:20}.hd .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:10px}.logo .bx{border:2.5px solid var(--c);color:var(--c);font-size:11px;line-height:1.1;font-weight:900;padding:4px 5px}.logo b{font-size:24px;color:var(--cd);letter-spacing:-.5px}
#nav{display:flex;gap:6px}#nav a{padding:10px 14px;border-radius:8px;font-weight:700;font-size:15.5px;cursor:pointer;color:#33504c}#nav a:hover,#nav a.on{background:var(--cl);color:var(--c)}
#nav a[data-cat=rec]{color:var(--ad)}.menu{display:none;border:0;background:none;font-size:26px;cursor:pointer;color:var(--cd)}
/* 첫 화면 */
.hero{background:linear-gradient(rgba(4,40,37,.55),rgba(4,40,37,.18) 55%,rgba(4,40,37,.62)),url(img/hero.svg) center bottom/cover #0b5d57;color:#fff;text-align:center;padding:78px 16px 70px}
.hero h1{margin:0;font-size:44px;line-height:1.3;letter-spacing:-1px}.hero h1 em{font-style:normal;color:var(--a)}.hero p{font-size:18px;margin:14px 0 0;color:#e2efec}
.kw{display:flex;gap:10px;justify-content:center;margin-top:20px}.kw span{border:1.5px solid rgba(255,255,255,.7);border-radius:20px;padding:6px 16px;font-weight:800;font-size:15px}.kw span:nth-child(2){background:var(--a);border-color:var(--a);color:#2b1a00}
.qs{display:flex;max-width:620px;margin:30px auto 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.qs input{flex:1;border:0;padding:17px 18px;font-size:16px;min-width:0;outline:none}.qs button{border:0;background:var(--a);color:#2b1a00;font-weight:900;font-size:16px;padding:0 26px;cursor:pointer}.qs button:hover{background:var(--ad)}
/* 골라서 찾기 줄 */
.sbar{max-width:1140px;margin:18px auto 0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:12px;backdrop-filter:blur(4px)}
.sb-r{display:flex;gap:8px}.sbar .sb-t{flex:1.6;display:flex;align-items:center;gap:6px;background:#fff;border-radius:6px;padding:0 12px;min-width:0}.sb-t span{font-size:15px}.sb-t input{border:0;outline:none;font-size:15px;padding:13px 0;width:100%;min-width:0}
.sbar select{flex:1;min-width:0;border:0;border-radius:6px;padding:0 10px;font-size:14.5px;color:#4b5d5a;background:#fff;height:48px;cursor:pointer}.sbar .sb-r>button{flex:0 0 120px;border:0;border-radius:6px;background:var(--a);color:#2b1a00;font-weight:900;font-size:17px;cursor:pointer}.sbar .sb-r>button:hover{background:var(--ad)}
.sb-th{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;justify-content:center}.th-l{font-size:13px;font-weight:800;color:#fff;margin-right:4px;opacity:.9}
.sb-th button{border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.18);color:#fff;border-radius:16px;padding:6px 12px;font-size:13.5px;cursor:pointer;font-weight:600}.sb-th button i{font-style:normal;font-size:11.5px;opacity:.75;margin-left:2px}
.sb-th button:hover{background:rgba(255,255,255,.18)}.sb-th button.on{background:var(--a);border-color:var(--a);color:#2b1a00}.sb-th button.on i{opacity:1}.sb-th button:disabled{opacity:.4;cursor:default}/* 펼침 칸 (여러 개 골라 찾기) */
.ms{position:relative;flex:1;min-width:0}.ms-b{width:100%;height:48px;border:0;border-radius:6px;background:#fff;color:#4b5d5a;font-size:14.5px;text-align:left;padding:0 26px 0 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.ms-b:after{content:"";position:absolute;right:11px;top:50%;margin-top:-3px;border:5px solid transparent;border-top-color:#7b8c89}.ms.open .ms-b:after{margin-top:-8px;border-top-color:transparent;border-bottom-color:#7b8c89}
.ms.on .ms-b{background:#fff6e5;color:#7a4b00;font-weight:800;box-shadow:inset 0 0 0 2px var(--a)}
.ms-p{position:absolute;left:0;top:52px;z-index:30;min-width:100%;width:max-content;max-width:300px;background:#fff;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.25);padding:8px;text-align:left;color:var(--t)}
.ms-p label{display:flex;align-items:center;gap:8px;padding:8px 8px;border-radius:6px;font-size:14px;cursor:pointer;white-space:nowrap}.ms-p label:hover{background:var(--cl)}.ms-p label i{margin-left:auto;font-style:normal;color:var(--m);font-size:12px;padding-left:12px}
.ms-p label.z{opacity:.45}.ms-p input{width:17px;height:17px;accent-color:var(--c);margin:0}.ms-all{border-bottom:1px solid var(--b);border-radius:6px 6px 0 0!important;margin-bottom:4px;font-weight:700}
.ms-ok{display:block;width:100%;margin-top:6px;border:0;border-radius:6px;background:var(--c);color:#fff;font-weight:800;padding:9px;cursor:pointer}
.frow .ms{flex:0 1 190px}.frow .ms-b{height:40px;border:1px solid var(--b)}.frow .ms-p{top:44px}
/* 연락처 띠 */
.contact{background:var(--c);color:#fff}.contact .wrap{display:flex;justify-content:center;gap:40px;padding:15px 16px;font-size:16px;flex-wrap:wrap}.contact b{font-size:19px;margin-left:6px}
/* 카테고리 */
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
.ct{border:2px solid var(--c);border-radius:10px;overflow:hidden;text-align:center;cursor:pointer;background:#fff;transition:.2s}.ct:hover,.ct.on{transform:translateY(-4px);box-shadow:0 10px 22px rgba(11,93,87,.22)}.ct.on{border-color:var(--a)}
.ct .i{height:140px;background-size:cover;background-position:center;position:relative}.ct .n{position:absolute;right:8px;top:8px;background:rgba(7,59,55,.85);color:#fff;font-size:12px;padding:3px 9px;border-radius:10px}
.ct h3{margin:11px 0 6px;font-size:17px;color:var(--cd)}.ct span{display:inline-block;background:var(--c);color:#fff;font-size:11px;padding:2px 12px;letter-spacing:1px;margin-bottom:12px;border-radius:2px}
.ct.rec{border-color:var(--a)}.ct.rec span{background:var(--a);color:#2b1a00}
/* 목록 */
.list{padding-top:50px;padding-bottom:30px}.lh{text-align:center}.lh h2{margin:0;font-size:30px;color:var(--cd)}.lh p{margin:6px 0 18px;color:var(--m);font-size:15px}#count{color:var(--c);font-weight:800}
.filters{background:var(--bg);border:1px solid var(--b);border-radius:12px;padding:14px;margin:14px 0 20px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.tabs button{border:0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);border-radius:6px;padding:11px 20px;font-size:15px;cursor:pointer;font-weight:700;color:#33504c}.tabs button:hover{color:var(--c)}.tabs button.on{background:var(--c);color:#fff}
.frow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.frow select{border:1px solid var(--b);border-radius:8px;padding:9px 10px;font-size:14px;background:#fff}.frow label{font-size:14px;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--b);border-radius:8px;padding:8px 10px;cursor:pointer}
.reset{border:0;background:none;color:var(--m);text-decoration:underline;cursor:pointer;font-size:13px}.qtag{margin-top:10px;font-size:14px;color:var(--cd)}.qtag b{background:#fff3dc;padding:2px 8px;border-radius:6px}.qtag button{margin-left:8px;border:0;background:none;color:var(--m);cursor:pointer;text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{border:1px solid var(--b);border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;transition:.2s}.card:hover{border-color:var(--c);box-shadow:0 8px 20px rgba(11,93,87,.14)}
.card .ph{height:180px;background-size:cover;background-position:center;position:relative}.card .kd{position:absolute;left:10px;top:10px;background:rgba(7,59,55,.9);color:#fff;font-size:12px;padding:4px 10px;border-radius:12px}
.card .rb{position:absolute;right:10px;top:10px;background:var(--a);color:#2b1a00;font-size:12px;font-weight:800;padding:4px 9px;border-radius:12px}
.card .bd{padding:13px 15px}.card .lc{font-size:14px;color:var(--m)}.card .pr{font-size:20px;font-weight:900;color:var(--c);margin:4px 0 7px}.card .sp{font-size:13px;display:flex;gap:4px 10px;flex-wrap:wrap}.card .sp b{color:#8aa09d;font-weight:600}.card .no{font-size:12px;color:#9fb1ae;margin-top:7px}
.empty{grid-column:1/-1;text-align:center;color:var(--m);padding:30px;background:var(--bg);border-radius:10px;line-height:1.8}.empty a{color:var(--c);font-weight:800}
.upd{font-size:12.5px;color:var(--m);text-align:right;margin-top:16px}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:50px}.why div{background:var(--bg);border-radius:12px;padding:20px}.why b{font-size:18px;color:var(--c)}.why p{margin:6px 0 0;color:var(--m);font-size:14.5px;line-height:1.6}
.ft{background:var(--cd);color:#b8d1cd;font-size:13.5px;line-height:1.85;padding:30px 0 90px}.ft b{color:#fff;font-size:16px}.ft-s{color:#86a7a2;margin-top:6px}
/* 상세 창 */
#lv{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:60;padding:14px}
.lvb{background:#fff;max-width:780px;width:100%;max-height:92vh;overflow:auto;border-radius:14px;position:relative}
.gal{position:relative;background:#000}.gal img{width:100%;height:340px;object-fit:cover;display:block}.gal .gb{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:20px;cursor:pointer}.gal .gp{left:10px}.gal .gn{right:10px}.gal .gc{position:absolute;right:12px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:3px 9px;border-radius:10px}
.lvc{padding:20px 24px 24px}.lvk{font-size:13px;color:var(--m)}.lvb h3{margin:6px 0 4px;font-size:22px}.lvp{color:var(--c);font-weight:900;font-size:23px;margin-bottom:10px}
.lvs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.lvs span{background:var(--cl);border-radius:8px;padding:6px 10px;font-size:14px}.lvs b{color:var(--m);font-weight:600;margin-right:6px}
.lvb h4{margin:8px 0;font-size:15px}.lvb table{width:100%;border-collapse:collapse;font-size:14px}.lvb th{width:110px;text-align:left;background:var(--bg);color:#3f5552;font-weight:600;padding:7px 10px;border:1px solid var(--b)}.lvb td{padding:7px 10px;border:1px solid var(--b)}
.lvo{font-size:12.5px;color:var(--m);line-height:1.7;margin-top:14px;padding-top:12px;border-top:1px solid var(--b)}
.lva{display:flex;gap:8px;margin-top:14px}.lva a{flex:1;text-align:center;background:var(--a);color:#2b1a00;font-weight:900;padding:14px;border-radius:10px;font-size:16px}.lva a.s{background:var(--c);color:#fff}
.x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:18px;cursor:pointer;z-index:2}
/* 메뉴 안 다른 페이지 링크 */
#nav a.nx{color:var(--cd);border:1px solid var(--b)}#nav a.nx.on,#nav a.nx:hover{background:var(--c);border-color:var(--c);color:#fff}
/* 바로가기 6칸 */
.qk{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:26px}
.qk a{border:1px solid var(--b);border-radius:12px;padding:14px 10px;text-align:center;background:#fff;transition:.2s}.qk a:hover{border-color:var(--c);box-shadow:0 8px 18px rgba(11,93,87,.14);transform:translateY(-2px)}
.qk i{display:block;font-style:normal;font-size:24px}.qk b{display:block;margin-top:4px;color:var(--cd);font-size:15px}.qk span{font-size:12px;color:var(--m)}
.pub{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:12px;font-size:13px}.pub span{color:var(--m);font-weight:700;margin-right:4px}
.pub a{border:1px solid var(--b);border-radius:14px;padding:5px 11px;color:#33504c;background:var(--bg)}.pub a:hover{border-color:var(--c);color:var(--c)}.pub a:after{content:" ↗";font-size:11px;color:#9fb1ae}
/* 공통 제목 */
.sec-t{font-size:24px;color:var(--cd);margin:0 0 14px;font-weight:800}.sec-h{display:flex;align-items:baseline;justify-content:space-between}.sec-h a{color:var(--c);font-weight:700;font-size:14px;cursor:pointer}
/* 조건별 매물 검색 */
.cond{margin-top:40px}.cd-g{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.cd{position:relative;height:150px;border:0;border-radius:14px;background-size:cover;background-position:center;color:#fff;text-align:left;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.2s}
.cd:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(11,93,87,.25)}.cd:disabled{opacity:.45;cursor:default;transform:none}
.cd b{font-size:17px;font-weight:800;line-height:1.25}.cd small{font-size:12px;opacity:.9}.cd-n{position:absolute;right:10px;top:10px;background:var(--a);color:#2b1a00;font-weight:800;font-size:12px;padding:2px 9px;border-radius:10px}
/* 추천매물 슬라이드 */
.recs{margin-top:40px}.rc-w{display:flex;align-items:center;gap:4px}.rc-r{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px;flex:1}.rc-r::-webkit-scrollbar{display:none}
.rc-r .card{flex:0 0 270px}.rc-b{flex:none;width:30px;height:60px;border:0;background:none;font-size:30px;color:#9aa8a6;cursor:pointer}.rc-b:hover{color:var(--c)}
/* 따라다니는 전화 */
.fcall{position:fixed;right:22px;bottom:96px;width:56px;height:56px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:40}
/* 매물 상세 (탭) */
.lvb.dv{max-width:880px;display:flex;flex-direction:column;overflow:hidden;max-height:94vh}
.dv-h{display:flex;align-items:center;gap:10px;padding:10px 54px 10px 14px;border-bottom:1px solid var(--b);background:#fff;position:relative;flex:none}
.dv-h .no{border:1px solid var(--b);border-radius:8px;padding:6px 10px;font-size:14px;white-space:nowrap}.dv-h .no b{color:var(--c);font-size:16px}
.dv-t{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.dv-t a{padding:8px 12px;font-weight:700;color:#3f5552;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;font-size:15px}.dv-t a.on{color:var(--c);border-bottom-color:var(--c)}
.dv-h .x{top:8px;background:#eef3f2;color:#3f5552}.dv-b{overflow:auto;flex:1;position:relative}
.gal .rb{position:absolute;left:12px;top:12px;background:var(--a);color:#2b1a00;font-weight:800;font-size:12px;padding:4px 10px;border-radius:12px}
.dv-top .nb{display:inline-block;background:var(--cl);color:var(--c);font-weight:800;font-size:13px;padding:4px 10px;border-radius:8px}.dv-top h3{font-size:24px;margin:8px 0 2px}.lvl{color:var(--m);font-size:14.5px;margin-top:2px}
.dv-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:14px 0 6px}.dv-c div{background:var(--bg);border:1px solid var(--b);border-radius:10px;padding:9px 10px}.dv-c small{display:block;color:var(--m);font-size:12px}.dv-c b{font-size:16px;color:var(--cd)}
.dv section{padding-top:18px}.dv h4{font-size:18px;margin:6px 0 10px;color:var(--cd);border-left:4px solid var(--a);padding-left:8px}.dv h4 small{font-size:12px;color:var(--m);font-weight:500;margin-left:6px}
.ds{margin:0;padding-left:18px;line-height:1.85;font-size:15px}.dt{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dt span{background:#fff4df;color:#8a5600;border-radius:14px;padding:4px 10px;font-size:13px;font-weight:700}
.dn{color:var(--m);font-size:12.5px;margin:8px 0 0;line-height:1.6}
#mini{height:240px;border-radius:12px;border:1px solid var(--b);margin-bottom:10px;z-index:1}
.nr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nr-i{border:1px solid var(--b);border-radius:10px;padding:9px 10px;background:#fff;font-size:13px;min-width:0}.nr-i b{display:block;color:var(--c);font-size:14px;margin-bottom:3px}
.nr-i span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#33504c}.nr-i i{font-style:normal;color:var(--m);font-size:12px}.nr-i .no{color:#a5b4b2}.nr-i.ic{background:#fff8ea;border-color:#f3d39b}.nr-i.ic b{color:var(--ad)}
.dv-o .card{flex:0 0 230px}.dv-o .card .ph{height:140px}
.dv-of table{font-size:14px}.dv-f{display:flex;flex:none;border-top:1px solid var(--b)}.dv-f a{flex:1;text-align:center;padding:14px;font-weight:900;background:var(--a);color:#2b1a00}.dv-f a.m{background:#fff;color:var(--cd)}.dv-f a.s{background:var(--c);color:#fff}
.sv{max-width:900px}.sv h3{margin:0 0 12px}.sv-g{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
/* 기관 로고 줄 */
.lg{position:relative;margin-top:14px;display:flex;align-items:center;gap:4px}
.lg-r{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px;flex:1}.lg-r::-webkit-scrollbar{display:none}
.lg-r a{flex:0 0 168px;height:62px;border:1px solid #e1e6e5;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.2s}
.lg-r a:hover{border-color:var(--c);box-shadow:0 6px 14px rgba(11,93,87,.12);transform:translateY(-2px)}.lg-r img{max-width:150px;max-height:52px;display:block}
.lg-r a.tx{flex-direction:column;gap:2px}.lg-r a.tx b{color:var(--cd);font-size:15.5px}.lg-r a.tx span{font-size:11.5px;color:var(--m)}
.lg-b{flex:none;width:30px;height:62px;border:0;background:none;color:#9aa8a6;font-size:30px;cursor:pointer;line-height:1}.lg-b:hover{color:var(--c)}
/* 간편 상담 문의 + 실시간 현황 */
.cs{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:10px;padding-bottom:46px}
.cs-f{border:1px solid var(--b);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.cs-f h2{margin:26px 28px 4px;font-size:27px;color:var(--c)}.cs-f>p{margin:0 28px 16px;color:#3f5552}
.cs-g{margin:0 28px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--b);background:var(--bg)}.cs-g label{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--b);margin:-1px 0 0 -1px}.cs-g label.w{grid-column:span 2}
.cs-g b{color:var(--c);font-size:13.5px}.cs-g input,.cs-g textarea{border:0;background:transparent;font-size:15px;font-family:inherit;outline:none;resize:vertical;padding:0}
.cs-a{display:flex;align-items:center;gap:8px;margin:14px 28px;font-size:14px}.cs-a label{display:flex;align-items:center;gap:6px;cursor:pointer}.cs-a input{width:18px;height:18px;accent-color:var(--c);margin:0}
.pv-b{border:1px solid var(--b);background:#fff;font-size:12.5px;padding:3px 8px;cursor:pointer;color:#3f5552;border-radius:3px}.pv-b:hover{border-color:var(--c);color:var(--c)}
.cs-s{margin-top:auto;border:0;background:var(--c);color:#fff;font-size:18px;font-weight:900;padding:17px;cursor:pointer}.cs-s:hover{background:var(--cd)}.cs-s:disabled{opacity:.6}
.cs-m{margin:0;padding:0 28px;font-size:14px;min-height:0}.cs-m:not(:empty){padding:10px 28px}.cs-m a{color:var(--c);font-weight:800}
.cs-l h3{margin:4px 0 10px;font-size:17px;color:var(--cd)}.cs-l h3 small{font-size:12px;color:var(--m);font-weight:500;margin-left:6px}
.cs-l ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.cs-l li{display:flex;align-items:center;gap:10px;border:1px solid var(--b);border-radius:12px;background:#fff;padding:8px 12px 8px 8px;font-size:14px}
.cs-l .st{flex:none;background:var(--c);color:#fff;font-weight:800;font-size:12.5px;padding:4px 9px;border-radius:7px}.cs-l .st.n{background:var(--a);color:#2b1a00}
.cs-l li b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.cs-l li i{flex:none;font-style:normal;color:var(--m);font-size:13px}
.cs-l li.none{color:var(--m);justify-content:center;padding:22px}
/* 오른쪽 상담 신청 (넓은 화면만) */
.sidecs{display:none}
@media(min-width:1600px){
  .sidecs{display:block;position:fixed;right:18px;top:120px;width:220px;z-index:30;font-size:13px}
  .sc-t{background:#fff;border:1px solid var(--b);border-radius:14px;text-align:center;padding:12px 10px;margin-bottom:8px;box-shadow:0 6px 18px rgba(0,0,0,.08)}.sc-t b{color:var(--c)}.sc-t small{color:var(--m);font-size:11px}
  .sc-t a{display:block;font-size:22px;font-weight:900;color:var(--c);margin:4px 0 6px;letter-spacing:-.5px}.sc-t span{display:block;border-top:1px solid var(--b);padding-top:6px;color:var(--m);font-size:12px}
  .sc-f{background:#fff;border:1px solid var(--b);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding-bottom:0;box-shadow:0 6px 18px rgba(0,0,0,.08)}
  .sc-f h4{margin:0 0 4px;background:var(--c);color:#fff;text-align:center;padding:10px;font-size:15px}
  .sc-f input:not([type=checkbox]),.sc-f textarea{margin:0 10px;border:1px solid var(--b);background:var(--bg);padding:8px;font-size:13px;font-family:inherit;border-radius:4px;resize:none}
  .sc-f .cs-a{margin:2px 10px;font-size:11.5px;justify-content:space-between}.sc-f .cs-a input{width:15px;height:15px}
  .sc-f .cs-s{margin:4px 10px 10px;border-radius:8px;font-size:14px;padding:10px}.sc-f .cs-m:not(:empty){padding:0 10px 8px;font-size:12px}
  .cb-btn{bottom:22px;right:250px}
}
/* 동의 내용 창 */
#pv{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70;display:flex;align-items:center;justify-content:center;padding:14px}
.pv-c{background:#fff;border-radius:14px;max-width:520px;width:100%;padding:22px 22px 18px;position:relative;font-size:14px;line-height:1.65;max-height:90vh;overflow:auto}.pv-c h3{margin:0 0 12px;color:var(--cd)}
.pv-c table,.pv-pg table{width:100%;border-collapse:collapse;margin:8px 0}.pv-c th,.pv-c td,.pv-pg th,.pv-pg td{border:1px solid var(--b);padding:7px 10px;text-align:left;vertical-align:top}.pv-c th,.pv-pg th{background:var(--bg);width:96px;white-space:nowrap}
.pv-c a{color:var(--c);font-weight:700}.pv-x{position:absolute;top:10px;right:10px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--m)}
.pv-ok{position:static;display:block;width:100%;margin-top:10px;background:var(--c);color:#fff;font-weight:800;border-radius:8px;padding:10px;font-size:15px}
.pv-pg p{line-height:1.75}.pv-pg .note{color:var(--m);font-size:13px}.ft-pv{color:#fff;text-decoration:underline;font-weight:700}
/* 하위 페이지 (매물 접수 · 대장 조회) */
.pg{padding-top:34px;padding-bottom:50px;max-width:860px}.pg h1{margin:0;font-size:30px;color:var(--cd)}.pg-s{color:var(--m);font-size:15.5px;line-height:1.7;margin:8px 0 22px}.pg h2{font-size:19px;color:var(--cd);margin:34px 0 12px}
.ck{background:var(--bg);border:1px solid var(--b);border-radius:14px;padding:18px}.ck-r{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:10px}
.ck label,.ap label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:700;color:#33504c;flex:1;min-width:140px}
.ck select,.ck input,.ap input,.ap textarea{border:1px solid var(--b);border-radius:8px;padding:11px 12px;font-size:15px;font-family:inherit;background:#fff;width:100%}
.ck .ck-san{flex:0 0 auto;min-width:0;flex-direction:row;align-items:center;gap:6px;padding-bottom:11px}.ck .ck-san input{width:18px;height:18px;accent-color:var(--c)}
.ck button,.ap-b{border:0;border-radius:8px;background:var(--a);color:#2b1a00;font-weight:900;font-size:16px;padding:13px 22px;cursor:pointer}.ck button:hover,.ap-b:hover{background:var(--ad)}.ck-n{margin:4px 0 0;font-size:13px;color:var(--m)}
.ln{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ln a{border:1px solid var(--b);border-radius:12px;padding:14px;background:#fff}.ln a:hover{border-color:var(--c)}.ln b{display:block;color:var(--c);font-size:16px}.ln b:after{content:" ↗";font-size:12px;color:#9fb1ae}.ln span{font-size:13px;color:var(--m)}
.ck-cta{margin-top:26px;background:var(--cl);border-radius:12px;padding:16px 18px;line-height:1.7;color:var(--cd)}.ck-cta div{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ck-cta a{background:var(--a);color:#2b1a00;font-weight:900;padding:10px 18px;border-radius:8px}.ck-cta a.s{background:var(--c);color:#fff}
.ap{display:flex;flex-direction:column;gap:14px}.ap fieldset{border:1px solid var(--b);border-radius:12px;padding:12px 14px;margin:0}.ap legend{font-weight:800;color:var(--cd);padding:0 6px;font-size:14.5px}.ap i{color:#e5322d;font-style:normal}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{flex:0 0 auto;min-width:0;flex-direction:row;align-items:center;gap:6px;border:1px solid var(--b);border-radius:20px;padding:8px 14px;cursor:pointer;font-weight:600;background:#fff}
.chips label:has(input:checked){background:var(--c);border-color:var(--c);color:#fff}.chips input{width:auto;accent-color:var(--a);margin:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap textarea{resize:vertical}
.ph-in input{padding:9px}.ph-list{display:flex;flex-wrap:wrap;gap:8px}.ph-list span{width:96px;height:72px;border-radius:8px;background-size:cover;background-position:center;position:relative}.ph-list button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:12px;cursor:pointer}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.agree{background:var(--bg);border:1px solid var(--b);border-radius:12px;padding:14px 16px;font-size:13.5px;color:#3f5552}.agree ul{margin:6px 0 10px;padding-left:18px;line-height:1.7}.agree label{flex-direction:row;align-items:center;gap:8px;font-size:15px;color:var(--cd)}.agree input{width:18px;height:18px;accent-color:var(--c)}
.ap-b{font-size:17px;padding:15px}.ap-b:disabled{opacity:.6;cursor:default}.ap-m{min-height:22px;margin:0;font-size:15px;line-height:1.6}.ap-m a{color:var(--c);font-weight:800}
/* 보기 방식 (앨범/목록/지도) */
.vbar{display:flex;justify-content:flex-end;gap:4px;margin:-6px 0 12px}.vbar button{border:1px solid var(--b);background:#fff;color:#33504c;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:700;cursor:pointer}.vbar button:hover{color:var(--c)}.vbar button.on{background:var(--c);border-color:var(--c);color:#fff}
/* 목록 보기 */
.grid.rows{display:block;border:1px solid var(--b);border-radius:10px;overflow:hidden}
.rh,.card.rw{display:grid;grid-template-columns:96px 1.5fr 1.3fr 1fr 1.4fr;gap:12px;align-items:center;padding:8px 12px}
.rh{background:var(--bg);font-size:12.5px;color:var(--m);font-weight:700;border-bottom:1px solid var(--b)}
.card.rw{border:0;border-bottom:1px solid var(--b);border-radius:0;font-size:14px}.card.rw:last-child{border-bottom:0}.card.rw:hover{background:#f7fbfa;box-shadow:none}
.card.rw .ph{height:68px;border-radius:7px}.card.rw .rb{top:4px;right:4px;font-size:10.5px;padding:2px 6px}
.rw .c1 b{display:block;color:var(--cd)}.rw .c1 small{color:var(--m);font-size:12.5px}.rw .c2{color:var(--c);font-weight:900}.rw .c3{color:#33504c;line-height:1.45}.rw .c4{color:var(--m);font-size:13px}
/* 지도 보기 */
.mapw #map{height:560px;border:1px solid var(--b);border-radius:12px;z-index:1}.mapn{font-size:13px;color:var(--m);margin:8px 2px 0;line-height:1.6}
.mpin{background:none;border:0}.mpin span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--a);color:#2b1a00;font-weight:900;font-size:14px;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.mpop{font-family:inherit;min-width:200px}.mpop>b{font-size:14px;color:var(--cd)}.mpop a{display:flex;gap:8px;align-items:center;margin-top:7px;cursor:pointer;color:var(--t)!important}.mpop a i{width:54px;height:40px;border-radius:6px;background-size:cover;background-position:center;flex:none}.mpop a span{font-size:12.5px;line-height:1.35}.mpop em{font-style:normal;color:var(--c);font-weight:800}
.mpop button{display:block;width:100%;margin-top:9px;border:0;border-radius:7px;background:var(--c);color:#fff;font-weight:800;padding:8px;cursor:pointer}
/* 상세 사진 줄 + 보고서 버튼 */
.gth{display:flex;gap:5px;overflow-x:auto;padding:6px;background:#111}.gth img{width:72px;height:54px;object-fit:cover;border-radius:4px;opacity:.55;cursor:pointer;flex:none;border:2px solid transparent}.gth img.on{opacity:1;border-color:var(--a)}
.lvpr{display:block;width:100%;margin-top:8px;border:1px solid var(--b);background:#fff;color:#33504c;border-radius:10px;padding:11px;font-size:14.5px;font-weight:700;cursor:pointer}.lvpr:hover{border-color:var(--c);color:var(--c)}
/* 매물 보고서 (인쇄할 때만 보임) */
#rp{display:none}
@media print{
  @page{size:A4;margin:12mm}
  body.printing>*{display:none!important}body.printing #rp{display:block!important}
  #rp{font-size:10.5pt;color:#111}#rp .rp-h{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2.5px solid #0b5d57;padding-bottom:5px}#rp .rp-h b{font-size:15pt;color:#073b37}#rp .rp-h span{font-size:9pt;color:#555}
  #rp h1{font-size:15pt;margin:9px 0 2px}#rp .rp-p{font-size:14pt;font-weight:900;color:#0b5d57;margin-bottom:8px}
  #rp .rp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#rp .rp-g.n1{grid-template-columns:1fr}#rp .rp-g.n2,#rp .rp-g.n4{grid-template-columns:repeat(2,1fr)}
  #rp .rp-g img{width:100%;height:48mm;object-fit:cover}#rp .rp-g.n1 img{height:90mm}#rp .rp-g.n2 img{height:62mm}
  #rp .rp-s{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0}#rp .rp-s b{color:#5f716f}
  #rp table{width:100%;border-collapse:collapse;font-size:9.5pt}#rp th{width:28mm;text-align:left;background:#f2f6f5;padding:3px 7px;border:1px solid #ccc}#rp td{padding:3px 7px;border:1px solid #ccc}
  #rp .rp-f{margin-top:8px;font-size:9pt;line-height:1.6;color:#333;border-top:1px solid #ccc;padding-top:6px}
  #rp img{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* 휴대폰 아래 버튼 */
.mbar{display:none}
/* 챗봇 */
.cb-btn{position:fixed;right:22px;bottom:22px;width:64px;height:64px;border-radius:50%;border:0;background:var(--a);color:#2b1a00;font-size:28px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:40}
.cb-btn i{position:absolute;right:-2px;top:-2px;background:#e5322d;color:#fff;font-size:11px;font-style:normal;font-weight:800;border-radius:10px;padding:2px 6px}
.cb{position:fixed;right:22px;bottom:96px;width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.28);display:none;flex-direction:column;overflow:hidden;z-index:41}
.cb.open{display:flex}.cb-h{background:var(--c);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.cb-h b{font-size:16px}.cb-h small{display:block;font-size:12px;color:#cfe5e1}.cb-h button{margin-left:auto;border:0;background:none;color:#fff;font-size:22px;cursor:pointer}
.cb-m{flex:1;overflow:auto;padding:14px;background:var(--bg);display:flex;flex-direction:column;gap:10px}.msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.55;white-space:pre-line}
.msg.b{background:#fff;border:1px solid var(--b);border-top-left-radius:4px}.msg.u{background:var(--c);color:#fff;align-self:flex-end;border-top-right-radius:4px}
.qb{display:flex;flex-wrap:wrap;gap:6px}.qb button{border:1px solid var(--c);background:#fff;color:var(--c);border-radius:16px;padding:6px 12px;font-size:13px;cursor:pointer}.qb button.h{background:var(--a);border-color:var(--a);color:#2b1a00;font-weight:700}
.mc{display:flex;gap:9px;background:#fff;border:1px solid var(--b);border-radius:10px;padding:7px;cursor:pointer;max-width:92%}.mc div:first-child{width:70px;height:56px;border-radius:7px;background-size:cover;background-position:center;flex:none}.mc b{color:var(--c);font-size:14px}.mc small{display:block;font-size:12px;color:var(--m)}
.cb-f{display:flex;border-top:1px solid var(--b)}.cb-f input{flex:1;border:0;padding:14px;font-size:15px;outline:none;min-width:0}.cb-f button{border:0;background:var(--c);color:#fff;padding:0 18px;font-weight:800;cursor:pointer}
/* 휴대폰 */
@media(max-width:900px){
  #nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;flex-direction:column;padding:8px 12px 14px;border-bottom:1px solid var(--b);box-shadow:0 10px 20px rgba(0,0,0,.08)}.navopen #nav{display:flex}.menu{display:block}
  .topline span:first-child{display:none}.topline .wrap{justify-content:flex-end}
  .hero{padding:48px 16px 44px}.hero h1{font-size:28px}.hero p{font-size:15px}.kw span{font-size:13px;padding:5px 11px}.qs input{padding:14px;font-size:15px}.qs button{padding:0 16px}
  .sbar{padding:10px}.sb-r{flex-wrap:wrap}.sbar .sb-t{flex:1 1 100%}.sbar .ms{flex:1 1 calc(33% - 6px)}.sbar .ms-b{height:44px;font-size:13.5px;padding:0 20px 0 8px}.ms-p{max-width:calc(100vw - 40px)}.ms:nth-child(3n+1) .ms-p{left:auto;right:0}.frow .ms{flex:1 1 45%}.sbar .sb-r>button{flex:1 1 100%;height:46px}.sb-th{justify-content:flex-start}.sb-th button{font-size:12.5px;padding:5px 10px}.tabs button{padding:9px 13px;font-size:14px}
  .contact .wrap{gap:8px 18px;font-size:14px}.contact b{font-size:16px}.contact span{display:none}
  .cats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.ct .i{height:100px}.ct h3{font-size:15px}.ct.rec{grid-column:span 2}
  .frow select,.frow label{flex:1 1 45%}.why{grid-template-columns:1fr}
  .gal img{height:230px}.lvb th{width:88px}
  .rh{display:none}.card.rw{grid-template-columns:84px 1fr;gap:4px 10px;padding:8px}.card.rw .ph{grid-row:span 3;height:76px}.rw .c3,.rw .c4{font-size:12.5px}.rw .c3 br{display:none}.rw .c3{display:none}
  .mapw #map{height:420px}.vbar{justify-content:center}
  .cd-g{grid-template-columns:repeat(2,1fr);gap:8px}.cd{height:112px;padding:10px}.cd b{font-size:15px}.sec-t{font-size:20px}.cond,.recs{margin-top:28px}.rc-r .card{flex-basis:230px}.rc-b{display:none}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11.5px;font-weight:700;padding:7px 0 8px;background:#fff!important;color:#3f5552!important}.mbar a i{font-style:normal;font-size:19px}.mbar a.hm{color:var(--c)!important}
  .fcall{bottom:76px;right:14px;width:52px;height:52px}
  .lvb.dv{max-height:100vh;height:100%;border-radius:0}#lv{padding:0}.dv-h{padding:8px 46px 8px 8px}.dv-h .no{display:none}.dv-t a{padding:8px 9px;font-size:14px}.dv-top h3{font-size:20px}.nr{grid-template-columns:repeat(2,1fr)}#mini{height:200px}
  .cs{grid-template-columns:1fr}.cs-f h2{font-size:22px;margin:20px 18px 4px}.cs-f>p,.cs-g,.cs-a{margin-left:18px;margin-right:18px}.cs-g{grid-template-columns:1fr}.cs-g label.w{grid-column:auto}.cs-l li i{display:none}
  .lg-r a{flex-basis:140px;height:56px}.lg-r img{max-width:126px}.lg-b{display:none}
  .qk{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.qk a{padding:11px 4px}.qk b{font-size:13.5px}.qk span{display:none}
  .pg h1{font-size:24px}.ln{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.ck label{min-width:120px}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:39;background:#fff;border-top:1px solid var(--b);box-shadow:0 -4px 14px rgba(0,0,0,.08)}.mbar a{flex:1;text-align:center;padding:13px 0;font-weight:800;font-size:15px;color:var(--cd)}.mbar a:first-child{background:var(--a);color:#2b1a00}
  .cb-btn{display:none}.cb{right:0;bottom:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}
}