@charset "utf-8";
/* ============================================================
   biz_03 (HERITAGE) 테마 · 일반페이지(page.php) 전용 스타일
   ============================================================ */

/* 묶음 탭 */
.pg-tabs{margin:-14px 0 54px;border-bottom:1px solid var(--line)}
.pg-tabs ul{display:flex;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.pg-tabs ul::-webkit-scrollbar{display:none}
.pg-tabs a{display:block;padding:14px 22px;font-size:14px;white-space:nowrap;color:var(--graphite);border-bottom:1px solid transparent;margin-bottom:-1px}
.pg-tabs a.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:400}
.pg-tabs a:hover{color:var(--ink)}

.b03-page{max-width:980px;margin:0 auto}
.pg-sec{margin-bottom:96px}
.pg-sec:last-child{margin-bottom:0}

.pg-lb{font-family:var(--latin);font-style:italic;font-size:16px;letter-spacing:.22em;color:var(--gold);text-align:center;margin-bottom:10px}
.pg-lb.left{text-align:left}
.pg-h{font-family:var(--serif);font-weight:400;font-size:clamp(23px,2.6vw,32px);line-height:1.4;margin-bottom:26px}
.pg-h.center{text-align:center}

/* lead — 세리프 인용문 */
.pg-lead-sec{text-align:center}
.pg-lead{max-width:760px;margin:0 auto;position:relative}
.pg-lead p{font-family:var(--serif);font-weight:300;font-size:clamp(18px,2vw,23px);line-height:1.9;color:var(--ink)}
.pg-lead.quote{padding-top:54px}
.pg-lead.quote::before{content:"\201C";position:absolute;left:50%;top:-8px;transform:translateX(-50%);font-family:var(--latin);font-size:96px;line-height:1;color:var(--gold);opacity:.6}

/* text */
.pg-text{font-size:15px;color:#4A453C;line-height:2}
.pg-text p+p{margin-top:1.2em}
.pg-text strong{font-weight:500;color:var(--ink)}

/* media — 이미지+글 좌우 */
.pg-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pg-media .ph{aspect-ratio:4/3;position:relative}
.pg-media .ph::after{content:"";position:absolute;inset:14px;border:1px solid rgba(250,248,244,.55)}
.pg-media.rev .ph{order:2}
.pg-media .pg-h{margin-bottom:18px}
.pg-checks{margin-top:22px;border-top:1px solid var(--ink)}
.pg-checks li{padding:13px 2px 13px 26px;border-bottom:1px solid var(--line);font-size:14px;color:#4A453C;position:relative}
.pg-checks li::before{content:"";position:absolute;left:4px;top:22px;width:10px;height:1px;background:var(--gold)}

/* imggrid */
.pg-imggrid{display:grid;gap:28px}
.pg-imggrid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-imggrid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-imggrid .ph{aspect-ratio:4/3}
.pg-imggrid figcaption{padding:14px 2px 0}
.pg-imggrid figcaption b{display:block;font-family:var(--serif);font-weight:500;font-size:16px}
.pg-imggrid figcaption span{display:block;margin-top:4px;font-size:12px;color:var(--graphite)}

/* points */
.pg-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.pg-points .pt{background:var(--porcelain);padding:34px 32px}
.pg-points .no{font-family:var(--latin);font-size:22px;color:var(--gold)}
.pg-points h4{font-family:var(--serif);font-weight:500;font-size:18px;margin:10px 0 8px}
.pg-points p{font-size:13px;color:var(--graphite)}

/* steps — 중앙 세로 라인 좌우 교차 타임라인 */
.pg-steps{position:relative;padding:20px 0}
.pg-steps::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}
.pg-steps li{position:relative;width:50%;padding:0 48px 44px 0;text-align:right}
.pg-steps li.r{margin-left:50%;padding:0 0 44px 48px;text-align:left}
.pg-steps li:last-child{padding-bottom:0}
.pg-steps .dot{position:absolute;top:8px;right:-4.5px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.pg-steps li.r .dot{right:auto;left:-4.5px}
.pg-steps b{display:block;font-family:var(--latin);font-weight:500;font-size:24px;color:var(--ink);margin-bottom:6px}
.pg-steps p{font-size:14px;color:var(--graphite)}

/* stats */
.pg-stats .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:30px;text-align:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:44px 0}
.pg-stats strong{display:block;font-family:var(--latin);font-weight:500;font-size:44px;line-height:1}
.pg-stats strong em{font-style:normal;font-size:.45em;color:var(--gold);margin-left:3px}
.pg-stats span{display:block;margin-top:10px;font-size:13px;color:var(--graphite)}

/* table */
.pg-tblwrap{overflow-x:auto}
.pg-tbl{width:100%;border-collapse:collapse;border-top:1px solid var(--ink);font-size:14px}
.pg-tbl th{padding:15px 16px;border-bottom:1px solid var(--ink);font-family:var(--latin);font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);text-align:left}
.pg-tbl td{padding:15px 16px;border-bottom:1px solid var(--line);color:#4A453C}
.pg-tbl tbody tr:hover td{background:#F6F1E9}

/* map */
.pg-map-embed iframe{width:100%;height:420px;border:0;display:block}
.pg-map-ph{height:340px;display:flex;align-items:center;justify-content:center;background:#EFE9DD;color:#A79D8E;font-size:13px;text-align:center;padding:0 30px}
.pg-map-info{margin-top:0;border-bottom:1px solid var(--line)}
.pg-map-info>div{display:grid;grid-template-columns:180px minmax(0,1fr);border-bottom:1px solid var(--line)}
.pg-map-info>div:last-child{border-bottom:0}
.pg-map-info dt{padding:17px 4px;font-family:var(--latin);font-size:13px;letter-spacing:.18em;color:var(--gold)}
.pg-map-info dd{padding:17px 4px;font-size:14px;color:#4A453C}

/* cta */
.pg-cta .in{background:var(--ink);color:#F5F0E6;text-align:center;padding:70px 40px;position:relative}
.pg-cta .in::before{content:"";position:absolute;left:50%;top:0;width:1px;height:36px;background:var(--gold)}
.pg-cta h3{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.6vw,30px);color:#fff}
.pg-cta p{margin:12px auto 0;max-width:480px;font-size:13px;color:#B3AB9D}
.pg-cta .act{margin-top:30px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.pg-cta .btn.ghost{border-color:#4A453C;color:#D9D2C4}.pg-cta .btn.ghost:hover{border-color:#fff;color:#fff}

/* note */
.pg-note{border:1px solid var(--line);background:#fff;padding:26px 30px;font-size:13px;color:var(--graphite);line-height:1.9}
.pg-note b{display:block;margin-bottom:6px;color:var(--ink);font-weight:500}

/* 반응형 */
@media (max-width:900px){
  .pg-sec{margin-bottom:64px}
  .pg-tabs{margin:-4px 0 38px}
  .pg-tabs ul{justify-content:flex-start}
  .pg-media{grid-template-columns:minmax(0,1fr);gap:26px}
  .pg-media.rev .ph{order:0}
  .pg-imggrid.cols3,.pg-imggrid.cols2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
  .pg-points{grid-template-columns:minmax(0,1fr)}
  .pg-steps::before{left:4px}
  .pg-steps li,.pg-steps li.r{width:auto;margin-left:0;padding:0 0 36px 32px;text-align:left}
  .pg-steps .dot,.pg-steps li.r .dot{left:0;right:auto}
  .pg-map-info>div{grid-template-columns:110px minmax(0,1fr)}
}
@media (max-width:520px){
  .pg-imggrid.cols3,.pg-imggrid.cols2{grid-template-columns:minmax(0,1fr)}
}