:root{--navy:#0a2340;--deep:#11345d;--blue:#1764d8;--ice:#eaf4ff;--soft:#f4f8fd;--line:#e0eaf4;--text:#334c66;--muted:#657d94}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:SUIT,Pretendard,'Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;background:var(--soft);color:var(--navy);word-break:keep-all;line-height:1.85}a{text-decoration:none;color:inherit}button{font:inherit}.topline{background:#062b56;color:#cfe3fc;text-align:center;font-size:12px;font-weight:700;padding:7px 15px}.brand{background:#fff;border-bottom:1px solid #e5edf6;padding:28px 20px 20px;text-align:center}.brandmark{width:50px;height:50px;margin:0 auto 11px;background:linear-gradient(130deg,#0b3b78,#1c78f0);border-radius:15px;display:grid;place-items:center;box-shadow:0 5px 18px #afcdee}.brandmark svg{width:31px;height:31px}.brand-title{font-size:clamp(20px,2.7vw,28px);font-weight:900;letter-spacing:-.06em;line-height:1.45}.brand-sub{font-size:12px;font-weight:650;color:#768ba1;margin-top:3px}.brand-phone{font-size:12px;color:#315b86;font-weight:760;margin-top:3px}.navi{max-width:1120px;margin:auto;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:12px 20px}.navwrap{background:white;border-bottom:1px solid #e9f0f7}.navi a{font-size:12px;font-weight:730;color:#416285;padding:6px 12px;background:#f2f7fc;border-radius:7px;border:1px solid #e4eef9}.navi a:hover{color:#175bc5;background:#e3f0ff}.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;padding-bottom:52px}.crumb{font-size:12px;color:#6484a0;font-weight:650;margin:25px 2px 16px}.hero{background:linear-gradient(125deg,#0a2c56,#12559f 65%,#1477e7);border-radius:22px;padding:clamp(26px,4vw,46px);color:#fff;box-shadow:0 20px 45px rgba(8,49,104,.13);position:relative;overflow:hidden}.hero:after{position:absolute;content:'';width:330px;height:330px;border-radius:50%;border:55px solid rgba(255,255,255,.045);right:-110px;top:-140px}.hero .kicker{font-size:12px;letter-spacing:.1em;font-weight:900;color:#a6dbff;position:relative;z-index:1}.hero h1{font-size:clamp(24px,3.2vw,36px);line-height:1.43;letter-spacing:-.05em;position:relative;z-index:1;font-weight:850;margin:14px 0 15px;max-width:870px}.hero .lead{font-size:15px;color:#dbeefe;max-width:840px;position:relative;z-index:1;margin:0}.meta-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}.meta-tags span{border:1px solid #ffffff35;background:#ffffff15;padding:5px 11px;border-radius:30px;font-size:12px;font-weight:750}.quickfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 27px}.quickfacts div{background:#fff;border:1px solid #e1ebf5;border-radius:13px;padding:13px 15px;font-size:13px;color:#4d6780}.quickfacts strong{display:block;color:#173e68;font-size:12px;margin-bottom:3px}.pagegrid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:23px;align-items:start}.maincol{min-width:0;display:grid;gap:17px}.panel{background:white;border:1px solid #e2ebf5;border-radius:19px;padding:27px 30px;box-shadow:0 4px 20px rgba(19,58,96,.025)}.panel h2{margin:0 0 15px;font-size:21px;letter-spacing:-.04em;line-height:1.55}.panel p{font-size:15px;color:#3e5870;margin:0 0 12px;line-height:2.02}.panel p:last-child{margin-bottom:0}.chap{display:flex;align-items:center;gap:11px}.numb{background:#eaf4ff;color:#1764cd;display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:10px;font-weight:850;font-size:12px}.panel.intro{border-left:5px solid #3386ed}.aside{position:sticky;top:14px;display:grid;gap:14px}.asidebox{background:white;border:1px solid #dfebf5;border-radius:17px;padding:22px 20px}.asidebox h3{margin:0 0 12px;font-size:16px}.asidebox p,.asidebox li{color:#52708b;font-size:13px;line-height:1.85}.asidebox ol{margin:0;padding-left:18px}.asidebox li{padding:4px 0}.asidebox a{color:#1764c6}.tipstrip{background:#eaf3ff;color:#1d5085;padding:13px 17px;border-radius:10px;font-size:13px;line-height:1.9}.photo{margin:18px 0 0;padding:8px;background:#f0f6fc;border:1px solid #e4ecf4;border-radius:12px}.photo img{display:block;width:100%;height:auto;border-radius:7px}.photo figcaption{padding:7px 5px 1px;color:#71879c;font-size:12px;line-height:1.8}.local-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.local-card{border:1px solid #e3edf7;background:#f8fbff;padding:13px 15px;border-radius:12px}.local-card strong{color:#174676;font-size:14px;display:block}.local-card p{font-size:12px;margin:4px 0 0;color:#557390}.area-short{font-weight:850;color:#1764c6}.qaitem{padding:15px 0;border-top:1px solid #e7eef7}.qaitem:first-of-type{border-top:none;padding-top:2px}.qaitem h3{font-size:15px;margin:0 0 9px;line-height:1.7;color:#163d66}.qaitem p{font-size:14px;color:#526d85}.related{margin:25px 0 30px;background:white;border:1px solid #e2eaf3;border-radius:18px;padding:23px 25px}.related h2{margin:0 0 15px;font-size:18px}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.related-links a{border:1px solid #e0ecf9;border-radius:11px;padding:12px 14px;font-size:12px;font-weight:770;color:#205a94;background:#f8fbff}.related-links a:hover{background:#eaf3ff}.service-regions{padding:31px 32px;background:white;border:1px solid #dfe9f5;border-radius:19px;margin:29px 0 0}.region-label{font-size:11px;letter-spacing:.11em;color:#2473c9;font-weight:870}.service-regions h2{font-size:22px;margin:7px 0 4px;letter-spacing:-.04em}.region-intro{font-size:13px;color:#5a7590;margin:0 0 23px}.region-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:19px}.region-column{border:1px solid #e8eff6;border-radius:13px;padding:17px}.region-column h3{font-size:15px;margin:0 0 10px;color:#184573}.region-column h3 span{display:block;font-size:11px;font-weight:500;color:#7b8ca0}.region-tags{display:flex;gap:6px;flex-wrap:wrap}.region-item{font-size:11px;background:#f1f6fc;color:#315d84;border-radius:6px;padding:4px 7px}.region-item.has-sub{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.sub-districts{font-size:10px;color:#6a87a2}.footer{padding:27px 20px 45px;text-align:center;color:#69849e;font-size:12px}.phonefloat{position:fixed;right:23px;bottom:22px;z-index:50;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:13px;background:linear-gradient(125deg,#0d52a8,#1682f2);color:#fff;font-size:14px;font-weight:850;box-shadow:0 8px 26px #1557a555;border:1px solid #ffffff55}.phonefloat svg{width:19px;height:19px}.phonefloat:hover{background:linear-gradient(125deg,#07458e,#096bd2)}.service-note{margin:15px 0 8px;font-size:12px;color:#667e96}.muted{color:#6986a3}.footseo{font-size:11px;color:#7d91a5}@media(max-width:850px){.pagegrid{grid-template-columns:1fr}.aside{position:static;grid-template-columns:repeat(2,1fr)}.quickfacts{grid-template-columns:1fr 1fr}.related-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:570px){.wrap{width:min(100% - 22px,1120px)}.brand{padding:21px 12px 17px}.hero{border-radius:16px;padding:25px 21px}.hero h1{font-size:25px}.panel{padding:23px 21px}.panel h2{font-size:20px}.quickfacts{grid-template-columns:1fr}.local-cards,.aside,.related-links,.region-grid{grid-template-columns:1fr}.service-regions{padding:24px 20px}.related{padding:20px}.phonefloat{right:12px;bottom:13px;font-size:13px;padding:12px 15px;border-radius:12px}.navi a{font-size:11px}.panel p{font-size:14px}}

.section-eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#3b88de;margin-bottom:7px;text-transform:uppercase}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.decision-card{border-radius:13px;background:#f3f8ff;border:1px solid #d9e8f8;padding:13px 17px}.decision-card strong{display:block;color:#1c588e;font-size:13px}.decision-card p{color:#55738e;font-size:12px;margin:6px 0 0;line-height:1.8}.hero .notice{font-size:12px;color:#cde7ff;border-left:2px solid #7dc5ff;padding-left:12px;margin-top:13px}.review-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.review-list span{background:#eaf4ff;border:1px solid #d9eafa;border-radius:8px;padding:7px 9px;font-size:12px;color:#1d5d98}.brand-title{letter-spacing:-.045em}.article-tail{background:linear-gradient(115deg,#ecf5ff,#f8fbff);border:1px solid #dceafa;border-radius:16px;padding:19px 23px;font-size:13px;color:#385d7e;margin:12px 0}.article-tail strong{color:#113f73}.logo-tv{filter:drop-shadow(0 1px 0 #ffffff4d)}.maincol .panel:nth-of-type(3n){border-top:2px solid #d7ecff}@media(max-width:570px){.decision-grid{grid-template-columns:1fr}}
.apartment-section{margin-top:18px;border:1px solid #d8e6f5;background:linear-gradient(130deg,#f5faff,#fff);border-radius:18px;padding:29px 30px}.apartment-section h2{margin:0 0 9px;color:#133e70}.apartment-section .apt-intro{font-size:13px;color:#64809b;margin:0 0 19px}.aptgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.aptblock{padding:18px;background:white;border:1px solid #dfebf7;border-radius:13px}.aptblock h3{font-size:16px;color:#145ca3;margin:0 0 9px}.aptblock ul{padding-left:19px;margin:0;line-height:1.92;font-size:13px;color:#2a506f}.aptblock .apt-note{font-size:12px;color:#6887a1;line-height:1.7}.district-card{border:1px solid #d9e9fa;border-radius:11px;background:#fff;padding:15px}.district-card strong{display:block;color:#164c80;margin-bottom:5px}.district-card p{font-size:13px;margin:0;color:#50718c;line-height:1.8}.district-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-regions{margin-top:18px}.service-regions .region-intro{font-size:13px}@media(max-width:680px){.aptgrid,.district-grid{grid-template-columns:1fr}.apartment-section{padding:23px 20px}}
/* danggo004 content additions */
.panel .insight{padding:13px 17px;margin:14px 0;background:#eff6ff;border-left:3px solid #3585e8;border-radius:8px;color:#355b7c}.theme-points{margin:0;padding-left:20px;color:#466a8a;line-height:1.9}.brand-phone{letter-spacing:.01em}.apartment-section{margin-bottom:28px}.aptblock .empty-local{color:#7b91a9;font-size:12px}.hero .lead{max-width:880px}@media(max-width:600px){.apartment-section{padding:20px 16px}.service-regions{padding:20px 16px}}

/* mutagong-walltv001: readable paragraphs and district-area directory */
.hero{border-left:5px solid #1b6ddb} .panel p{line-height:1.9} .panel h2{letter-spacing:-.04em}.aptblock li{line-height:1.7}.region-intro,.apt-intro{line-height:1.8}.photo img{object-fit:contain} .district-card p{word-break:keep-all} .brand-title{letter-spacing:-.04em} 

/* More open room between editorial sections and responsive imagery. */
.maincol .panel{padding:clamp(18px,3vw,30px)}.panel p{line-height:1.92;word-break:keep-all}.panel h2{letter-spacing:-.045em}.region-intro,.apt-intro{line-height:1.8}.photo img{object-fit:contain}.district-card p{line-height:1.8}.brand-title{letter-spacing:-.047em}.aptblock li{line-height:1.75}@media (max-width:680px){.brand-title{font-size:clamp(21px,5vw,29px)}.aptgrid{grid-template-columns:1fr}}


/* Fresh area installation editorial site: blue identity / responsive */
:root{--blue:#176bd3;--navy:#11355f;--ice:#f3f8ff;--line:#d6e4f3}
body{background:#f5f9fe}
.topline{background:linear-gradient(100deg,#092a50,#145fbd);color:#f1f7ff}
.brand{padding-top:25px;padding-bottom:21px}.brandmark{background:linear-gradient(135deg,#124e95,#1596e5);border-radius:13px}.brand-title{letter-spacing:-.04em}
.model-catalog{margin:35px auto 26px;padding:30px clamp(16px,3vw,33px);background:linear-gradient(125deg,#eaf4ff,#fff 46%,#f1f8ff);border-radius:24px;border:1px solid #cfe1f7;box-shadow:0 13px 28px rgba(25,77,139,.055)}
.model-kicker{display:inline-block;padding:5px 12px;background:#dcecff;border-radius:25px;color:#135aab;font-size:11px;font-weight:850;letter-spacing:.1em}
.model-catalog h2{font-size:clamp(21px,2.5vw,26px);margin:14px 0 7px;color:#113965;line-height:1.4}.model-catalog h3{font-size:17px;margin:23px 0 10px;color:#174c85}.model-catalog>p{color:#536d88;font-size:14px;margin:0 0 12px;line-height:1.8}
.bm-chips{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0}.bm-chips li{list-style:none;border:1px solid #d2e2f5;background:#fff;color:#17476d;border-radius:9px;padding:7px 11px;line-height:1.4;font-size:13px;font-weight:650;white-space:normal}.bm-chips.models li{background:#eaf3ff;border-color:#c6dbf2}.model-catalog .last-catalog-note{font-size:12px;margin-top:22px;color:#72859c}
.aptgrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.aptblock ul{columns:1}.aptblock li{break-inside:avoid}.district-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.photo-gallery figure{margin:0;border:1px solid #dbe7f4;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 7px 16px #153b6910}.photo-gallery img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:contain;background:#f2f5fb}.photo-gallery figcaption{font-size:12px;color:#59718d;padding:12px 13px;line-height:1.75}
.pagegrid{grid-template-columns:minmax(0,1fr) 260px}.panel p{line-height:1.95}.region-intro,.apt-intro{line-height:1.8}
.photo-guidance{border-left:3px solid #1d79e4;background:#edf6ff;padding:12px 16px;margin:12px 0 18px;color:#2c5278;border-radius:0 10px 10px 0;font-size:13px}
@media(max-width:850px){.photo-gallery{grid-template-columns:1fr 1fr}.pagegrid{grid-template-columns:1fr}}
@media(max-width:600px){.model-catalog{padding:21px 14px;border-radius:15px}.bm-chips{gap:6px}.bm-chips li{padding:6px 9px;font-size:12px}.photo-gallery{grid-template-columns:1fr}.photo-gallery img{aspect-ratio:auto}.photo-gallery figure{margin:0}}


/* October 2026: proper primary navigation and editorial photo rhythm */
.navwrap{background:linear-gradient(110deg,#082b52,#104c8c 60%,#1764b2);border-bottom:1px solid #2d6398;box-shadow:0 7px 22px rgba(10,52,96,.11);position:relative;z-index:3}
.nav{max-width:1110px;margin:0 auto;padding:12px 17px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.nav a{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 10px;border:1px solid rgba(204,231,255,.27);border-radius:12px;background:rgba(255,255,255,.085);color:#f2f8ff;font-size:12px;font-weight:800;text-align:center;line-height:1.5;letter-spacing:-.015em;text-decoration:none;min-width:0;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.nav a:visited{color:#f2f8ff}.nav a:hover,.nav a:focus-visible{background:rgba(255,255,255,.20);border-color:#a8d7ff;transform:translateY(-1px);color:white;outline:none}
.nav a:first-child{background:linear-gradient(110deg,#1d75e0,#238cef);border-color:#67b4ff;box-shadow:0 4px 12px rgba(0,17,51,.18)}
.nav a svg{flex-shrink:0;width:18px;height:18px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.96}
.nav .nav-label{display:block;min-width:0}
@media(max-width:940px){.nav{grid-template-columns:repeat(3,minmax(0,1fr));max-width:710px}}
@media(max-width:590px){.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 12px}.nav a{font-size:11px;min-height:43px;padding:8px 6px;border-radius:10px;gap:6px}.nav a svg{width:16px;height:16px}.nav a:last-child{grid-column:span 2}}
/* Photos interrupt the reading at the start, middle and end; no gallery strip. */
.photo-stop{background:#fff;border:1px solid #dce8f6;border-radius:20px;padding:18px 19px 20px;box-shadow:0 8px 27px rgba(16,68,126,.045);margin:0;min-width:0}
.photo-stop__intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 17px;margin:0 0 14px}
.photo-stop__number{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#1465b3;font-weight:850;letter-spacing:.045em}
.photo-stop__number:before{content:'';display:inline-block;width:7px;height:7px;background:#2c86e9;border-radius:50%;box-shadow:0 0 0 4px #e2f0ff}
.photo-stop__caption{font-size:12px;font-weight:700;color:#7891aa}
.photo-stop .photo-feature{margin:0 auto;max-width:690px;border:1px solid #d4e4f3;border-radius:13px;overflow:hidden;background:#f5f9fd;box-shadow:0 10px 22px rgba(25,58,98,.085)}
.photo-stop .photo-feature img{display:block;width:100%;height:auto;object-fit:contain;background:#edf4fb}
.photo-stop .photo-feature figcaption{display:block;background:#fff;color:#42617c;line-height:1.83;font-size:13px;padding:13px 17px 15px;border-top:1px solid #e3ebf4;word-break:keep-all}
.photo-stop--top{border-top:3px solid #237bd2}.photo-stop--middle{border-top:3px solid #65a1d7;background:#fbfdff}.photo-stop--bottom{border-top:3px solid #3d678f}
.photo-stop .photo-feature.frame-kind-1{border-color:#afcadd;box-shadow:0 9px 22px rgba(30,85,140,.11)}
.photo-stop .photo-feature.frame-kind-2{border-color:#bfc3c6;box-shadow:0 12px 19px rgba(90,77,63,.09)}
.photo-stop .photo-feature.frame-kind-3{border-color:#93b9d0;box-shadow:0 8px 24px rgba(22,81,116,.13)}
.photo-stop .photo-feature.frame-kind-4{border-color:#aeb9ab;box-shadow:0 10px 22px rgba(59,91,72,.09)}
.photo-stop .photo-feature.frame-kind-5{border-color:#b6bfdd;box-shadow:0 12px 20px rgba(35,57,105,.10)}
@media(max-width:590px){.photo-stop{padding:13px 12px 15px;border-radius:14px}.photo-stop__caption{font-size:11px}.photo-stop .photo-feature{border-radius:10px}.photo-stop .photo-feature figcaption{padding:11px 12px;font-size:12px}}