/* bespoke design for gwanggyo-dong-beranda-suri — archetype E: framed inset hero, emerald/white, wide sans-serif */
.pg-gg2{
  --accent:hsl(165,50%,32%);
  --accent-light:hsl(165,50%,48%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(165,20%,96%);
  --line:hsl(165,20%,88%);
  --accent-text:hsl(165,55%,26%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-gg2 h1,.pg-gg2 h2,.pg-gg2 h3{font-weight:800;letter-spacing:.01em}
.pg-gg2 .section-eyebrow{color:var(--accent-text);letter-spacing:.18em}
.pg-gg2 .related-card .rc-tag{color:var(--accent-text)}
.pg-gg2 .info-card{border-radius:0;border:none;background:#fff;box-shadow:0 2px 0 var(--line)}
.pg-gg2 .info-icon{border-radius:0;background:transparent;color:var(--accent);width:auto;height:auto;margin-bottom:18px}
.pg-gg2 .ba-set{border-radius:0}
.pg-gg2 .related-card{border-radius:0;border-width:1px}

.pg-gg2 .gg-hero{
  background:#ffffff;
  padding:96px 0 88px;
}
.pg-gg2 .gg-hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:72px;
}
.pg-gg2 .gg-hero-text{flex:1;min-width:0;max-width:560px}
.pg-gg2 .gg-hero .breadcrumb{color:hsl(165,10%,45%);letter-spacing:.04em}
.pg-gg2 .gg-hero .breadcrumb a{color:hsl(165,10%,45%)}
.pg-gg2 .gg-hero .breadcrumb .sep{color:var(--line)}
.pg-gg2 .gg-hero h1{
  font-size:clamp(2rem,4vw,2.9rem);
  font-weight:800;
  letter-spacing:.02em;
  color:hsl(165,55%,16%);
  margin:22px 0 20px;
}
.pg-gg2 .gg-hero p{color:hsl(165,10%,32%);margin-bottom:36px;font-size:1.04rem;line-height:1.85;letter-spacing:.01em}
.pg-gg2 .gg-cta{display:flex;gap:14px;flex-wrap:wrap}
.pg-gg2 .gg-hero-frame{flex:0 0 auto}
.pg-gg2 .gg-frame-box{
  background:hsl(165,20%,97%);
  border:1px solid var(--line);
  padding:10px;
  box-shadow:0 24px 50px rgba(20,80,60,.14);
}
.pg-gg2 .gg-frame-box img{
  display:block;
  width:230px;
  height:307px;
  object-fit:cover;
}
@media(max-width:760px){
  .pg-gg2 .gg-hero{padding:56px 0 48px}
  .pg-gg2 .gg-hero-inner{flex-direction:column;text-align:center;gap:36px}
  .pg-gg2 .gg-hero-text{max-width:none}
  .pg-gg2 .gg-hero p{margin-left:auto;margin-right:auto}
  .pg-gg2 .gg-cta{justify-content:center}
}

/* photo layout variant: row */
.pg-gg2 .ba-sets{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px}
.pg-gg2 .ba-set{display:contents}