/* archetype C - compact top-banner hero - cheongna-dong-beranda-suri (sky blue/white, modern sans, row photo layout) */
.pg-cnd{
  --accent:hsl(200,60%,50%);
  --accent-light:hsl(200,70%,64%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(200,50%,97%);
  --line:hsl(200,40%,88%);
  --accent-text:hsl(200,70%,34%);
  font-family:'Gothic A1','Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-cnd h1,.pg-cnd h2,.pg-cnd h3{font-weight:800;letter-spacing:-.01em}
.pg-cnd .cnd-hero-banner{position:relative;width:100%;aspect-ratio:24/9;overflow:hidden;background:var(--bg-alt)}
.pg-cnd .cnd-hero-banner img{width:100%;height:100%;object-fit:cover;display:block}
.pg-cnd .cnd-hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,hsla(200,60%,96%,0),hsla(200,60%,97%,.9))}
.pg-cnd .cnd-hero-body{background:#fff;padding:44px 20px 52px;text-align:center;border-bottom:1px solid var(--line)}
.pg-cnd .cnd-hero-body .breadcrumb{color:var(--accent-text);opacity:.7;font-size:.85rem;margin-bottom:14px;display:block}
.pg-cnd .cnd-hero-body .breadcrumb a{color:var(--accent-text)}
.pg-cnd .cnd-hero-body h1{color:var(--accent-text);font-size:clamp(1.9rem,4.2vw,2.7rem);margin:0 0 16px}
.pg-cnd .cnd-hero-body p{color:#3a4a55;max-width:600px;margin:0 auto 26px}
.pg-cnd .cnd-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.pg-cnd .cnd-cta-row .btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 26px hsla(200,70%,50%,.35);border-radius:999px}
.pg-cnd .cnd-btn-outline{display:inline-flex;align-items:center;padding:14px 28px;border-radius:999px;border:1.5px solid var(--accent);color:var(--accent-text);font-weight:700;text-decoration:none}
.pg-cnd .cnd-btn-outline:hover{background:var(--bg-alt)}
.pg-cnd .section-eyebrow{color:var(--accent-text);font-weight:800}
.pg-cnd .related-card .rc-tag{color:var(--accent-text)}
.pg-cnd .info-card{border-radius:16px;box-shadow:0 6px 20px hsla(200,60%,40%,.08)}
.pg-cnd .info-icon{color:var(--accent);width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-alt)}
.pg-cnd .ba-set{border-radius:16px}
.pg-cnd .related-card{border-radius:14px}
.pg-cnd .ba-sets{flex-direction:row;justify-content:center;flex-wrap:wrap}
.pg-cnd .ba-set{display:contents}
.pg-cnd .ba-shot{width:220px}
@media(max-width:700px){
  .pg-cnd .cnd-hero-body{padding:32px 16px 40px}
  .pg-cnd .ba-shot{width:calc(50% - 7px)}
}