*{box-sizing:border-box}body{margin:0;color:#1c2b3a;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;line-height:1.75}header{background:#10334e;color:white;padding:17px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}header a{color:white;text-decoration:none}main{max-width:1100px;margin:auto;padding:35px 20px 120px}.hero{background:#edf3f8;border-radius:22px;padding:clamp(24px,5vw,55px)}h1{font-size:clamp(28px,4.5vw,43px);line-height:1.35}h2{margin-top:44px;font-size:26px}p{max-width:820px}.cta{display:inline-block;background:#f4b943;color:#142a3c;padding:13px 23px;border-radius:12px;text-decoration:none;font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.cards a{display:block;background:#eaf1f7;padding:18px;border-radius:12px;text-decoration:none;color:#153c5a;font-weight:700}.cards a:hover,.cards a:focus{background:#d7e9f8}.small{font-size:14px;color:#526578}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 20px;box-shadow:0 -3px 20px #0002}.bottom a{display:block;max-width:850px;margin:auto;background:#25628a;color:white;border-radius:14px;text-align:center;padding:12px;text-decoration:none;font-size:21px;font-weight:800}footer{background:#f3f6f8;padding:35px 20px;text-align:center}ul{padding-left:24px}nav a{margin-right:12px}
.region-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:linear-gradient(115deg,#10263b 0%,#183c59 55%,#4d5c76 100%);color:#fff;min-height:310px;padding:clamp(25px,5vw,55px);display:flex;align-items:center}.region-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,#ffce7155,transparent 38%);z-index:-1}.region-banner h1{color:white;margin:9px 0 15px}.region-banner p{max-width:650px}.region-banner .eyebrow{font-size:13px;letter-spacing:.15em;color:#ffe0a5;font-weight:800}.region-banner .art{position:absolute;right:-22px;bottom:-20px;width:min(45%,400px);opacity:.65;z-index:-1}.region-banner a{color:#fff}.region-banner .cta{color:#142a3c}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:24px 0}.detail-grid article{border:1px solid #dbe4ec;background:#f7fafc;padding:18px;border-radius:14px}.detail-grid h3{margin:0 0 6px}.detail-grid p{margin:0}.note{border-left:4px solid #e6a93f;background:#fff9ed;padding:16px 20px;border-radius:8px}.region-nav{display:flex;flex-wrap:wrap;gap:8px}.region-nav a{background:#edf3f8;border-radius:99px;padding:6px 12px;color:#214967;text-decoration:none}.region-nav a:hover{background:#d7e9f8}@media(max-width:600px){.region-banner .art{width:58%;opacity:.3}.region-banner{min-height:290px}}

.hero-photo{background:linear-gradient(90deg,rgba(7,30,51,.92),rgba(7,30,51,.62)),url('/assets/photos/1000016922.jpg') center 48%/cover;color:white;min-height:420px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-photo p{color:#f1f6fa}.photo-section{margin:48px 0}.section-heading h2{margin:4px 0 10px}.overline{font-size:12px;letter-spacing:.18em;color:#b37a1e;font-weight:900}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-grid figure{margin:0;border-radius:15px;overflow:hidden;background:#f1f4f7;box-shadow:0 5px 20px #0000000c}.photo-grid img{width:100%;height:310px;object-fit:cover;display:block}.photo-grid figcaption{padding:10px 14px;font-size:14px;font-weight:700}.region-banner{background:linear-gradient(90deg,#10263bef,#183c59dc),url('/assets/photos/1000016922.jpg') center/cover}.region-banner .art{display:none}@media(max-width:700px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-grid img{height:240px}.hero-photo{min-height:390px}}@media(max-width:420px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:350px}}

/* 지역별 현장사진 배너: 지역별 이미지는 실제 촬영 위치를 의미하지 않습니다. */
.region-banner.region-photo-banner{background-image:linear-gradient(100deg,rgba(5,24,40,.93) 0%,rgba(6,29,48,.80) 46%,rgba(5,27,46,.24) 100%),var(--region-image);background-position:center,center 45%;background-size:cover;min-height:370px;box-shadow:0 15px 35px rgba(11,41,66,.15)}
.region-photo-banner .region-banner-content{position:relative;z-index:1;max-width:690px}
.region-photo-banner h1{text-shadow:0 2px 10px #0007}
.region-photo-banner .eyebrow{color:#ffd67f}
.region-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.region-card{display:block;overflow:hidden;border-radius:16px;background:#fff;color:#173e5a;text-decoration:none;border:1px solid #e3e9ef;box-shadow:0 5px 22px #1232;transition:transform .2s}
.region-card:hover{transform:translateY(-3px)}
.region-card img{display:block;width:100%;height:185px;object-fit:cover}
.region-card span{display:block;padding:12px 15px;font-weight:800}
@media(max-width:700px){.region-banner.region-photo-banner{min-height:330px;background-image:linear-gradient(100deg,rgba(5,24,40,.94),rgba(5,24,40,.68)),var(--region-image)}.region-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.region-card img{height:135px}}