@import url('https://fonts.googleapis.com/css2?family=Song+Myung&family=Nanum+Gothic:wght@400;700&display=swap');

.pg-area-ganghwa-drainage{--c-primary:#0F6E8C;--c-accent:#3FA796;--c-bg:#EFF7F8;background:var(--c-bg);font-family:'Nanum Gothic',sans-serif;color:#1c3841}
.pg-area-ganghwa-drainage h1,.pg-area-ganghwa-drainage h2,.pg-area-ganghwa-drainage h3{font-family:'Song Myung',serif;color:var(--c-primary);font-weight:400}

.pg-area-ganghwa-drainage .ghd-hero{padding:130px 0 60px;text-align:center;background:linear-gradient(180deg,#D7ECEF,var(--c-bg))}
.pg-area-ganghwa-drainage .ghd-hero .wrap{max-width:760px}
.pg-area-ganghwa-drainage .ghd-eyebrow{color:var(--c-accent);font-weight:700;letter-spacing:.1em;font-size:.85rem}
.pg-area-ganghwa-drainage .ghd-hero h1{font-size:clamp(2rem,4.4vw,2.8rem);margin:14px 0 18px}
.pg-area-ganghwa-drainage .ghd-hero p{font-size:1.05rem;line-height:1.85;max-width:640px;margin:0 auto}
.pg-area-ganghwa-drainage .ghd-cta-row{margin-top:26px}
.pg-area-ganghwa-drainage .btn-ghd{display:inline-block;padding:14px 32px;border-radius:999px;font-weight:700;text-decoration:none}
.pg-area-ganghwa-drainage .btn-ghd.fill{background:var(--c-primary);color:#fff}

.pg-area-ganghwa-drainage .ghd-intro{padding:44px 0 8px}
.pg-area-ganghwa-drainage .ghd-intro .wrap{max-width:840px;font-size:1.02rem;line-height:1.9}
.pg-area-ganghwa-drainage .ghd-intro .wrap p{margin:0 0 18px}

.pg-area-ganghwa-drainage .ghd-photos,.pg-area-ganghwa-drainage .ghd-points,.pg-area-ganghwa-drainage .ghd-steps,.pg-area-ganghwa-drainage .ghd-faq{padding:36px 0}
.pg-area-ganghwa-drainage .ghd-photos h2,.pg-area-ganghwa-drainage .ghd-points h2,.pg-area-ganghwa-drainage .ghd-steps h2,.pg-area-ganghwa-drainage .ghd-faq h2{font-size:1.5rem;margin:0 0 22px;text-align:center}

.pg-area-ganghwa-drainage .ghd-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pg-area-ganghwa-drainage .ghd-photo-grid figure{margin:0}
.pg-area-ganghwa-drainage .ghd-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:50%/16%;display:block}
.pg-area-ganghwa-drainage .ghd-photo-grid figcaption{padding:10px 4px 0;text-align:center;font-size:.86rem;color:#2a4a55}

.pg-area-ganghwa-drainage .ghd-table{width:100%;max-width:900px;margin:0 auto;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(15,110,140,.1)}
.pg-area-ganghwa-drainage .ghd-table th,.pg-area-ganghwa-drainage .ghd-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #DCEEF0;font-size:.95rem}
.pg-area-ganghwa-drainage .ghd-table th{background:var(--c-primary);color:#fff;font-weight:700}
.pg-area-ganghwa-drainage .ghd-table td:first-child{font-weight:700;color:var(--c-primary);width:180px}

.pg-area-ganghwa-drainage .ghd-step-list{max-width:700px;margin:0 auto;list-style:none;padding:0;display:grid;gap:10px}
.pg-area-ganghwa-drainage .ghd-step-list li{background:#fff;border-left:4px solid var(--c-accent);padding:12px 18px;border-radius:4px;font-size:.98rem}

.pg-area-ganghwa-drainage .ghd-faq .wrap{max-width:840px}
.pg-area-ganghwa-drainage .ghd-faq-item{background:#fff;border-radius:14px;padding:20px 24px;margin-bottom:14px;box-shadow:0 6px 16px rgba(15,110,140,.08)}
.pg-area-ganghwa-drainage .ghd-faq-item dt{font-weight:700;color:var(--c-primary);margin-bottom:8px}
.pg-area-ganghwa-drainage .ghd-faq-item dd{margin:0;line-height:1.75;font-size:.95rem}

.pg-area-ganghwa-drainage .ghd-cta-band{background:var(--c-primary);padding:56px 0;text-align:center}
.pg-area-ganghwa-drainage .ghd-cta-band h2{color:#fff;font-size:1.6rem;margin:0 0 12px}
.pg-area-ganghwa-drainage .ghd-cta-band p{color:#CFEBEF;margin:0 0 24px}
.pg-area-ganghwa-drainage .ghd-cta-band .btn-ghd.fill{background:var(--c-accent);color:#0b2f2a}

@media (max-width:820px){
  .pg-area-ganghwa-drainage .ghd-photo-grid{grid-template-columns:1fr 1fr}
  .pg-area-ganghwa-drainage .ghd-table td:first-child{width:auto}
}
@media (max-width:560px){
  .pg-area-ganghwa-drainage .ghd-photo-grid{grid-template-columns:1fr}
  .pg-area-ganghwa-drainage .ghd-table,.pg-area-ganghwa-drainage .ghd-table tbody,.pg-area-ganghwa-drainage .ghd-table tr,.pg-area-ganghwa-drainage .ghd-table td,.pg-area-ganghwa-drainage .ghd-table th{display:block}
  .pg-area-ganghwa-drainage .ghd-table thead{display:none}
  .pg-area-ganghwa-drainage .ghd-table td{border-bottom:none}
  .pg-area-ganghwa-drainage .ghd-table tr{border-bottom:1px solid #DCEEF0;padding:8px 0}
}