@charset "utf-8";
/* biz_02 (FORGE) 테마 · 일반페이지 스타일 */

.pg-tabs{border-bottom:1px solid var(--line);margin:-20px 0 46px}
.pg-tabs ul{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.pg-tabs ul::-webkit-scrollbar{display:none}
.pg-tabs a{display:block;padding:14px 24px;font-size:15px;font-weight:500;white-space:nowrap;border-bottom:3px solid transparent;color:var(--gray)}
.pg-tabs a.on{color:var(--ink);border-bottom-color:var(--org);font-weight:700}

.b02-page{max-width:1040px;margin:0 auto}
.pg-sec{margin-bottom:72px}
.pg-sec:last-child{margin-bottom:0}
.pg-lb{font-family:var(--latin);font-weight:600;font-size:13px;letter-spacing:.36em;color:var(--org);text-transform:uppercase;margin-bottom:10px}
.pg-h{font-size:24px;font-weight:900;letter-spacing:-.01em;margin-bottom:22px;padding-bottom:14px;position:relative}
.pg-h::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:4px;background:var(--org)}
.pg-text{font-size:15.5px;color:var(--gray);line-height:2}
.pg-text p+p{margin-top:16px}
.pg-text strong{color:var(--ink)}

/* lead */
.pg-lead-h{font-size:clamp(26px,3.4vw,38px);font-weight:900;line-height:1.35;letter-spacing:-.02em}
.pg-lead-h em{font-style:normal;color:var(--org)}
.pg-lead{margin-top:18px;font-size:16.5px;color:var(--gray);line-height:2;max-width:820px}
.pg-figure{margin-top:34px;aspect-ratio:21/9;background:#E4E7EB center/cover no-repeat}

/* media (이미지+글) */
.pg-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center}
.pg-media.img-right .img{order:2}
.pg-media .img{aspect-ratio:4/3;background:#E4E7EB center/cover no-repeat;position:relative}
.pg-media .img::after{content:"";position:absolute;right:-10px;bottom:-10px;width:70px;height:70px;background:var(--org);z-index:-1}
.pg-points{margin-top:20px;border-top:2px solid var(--ink)}
.pg-points li{padding:12px 2px 12px 26px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink2);position:relative}
.pg-points li::before{content:"";position:absolute;left:4px;top:20px;width:10px;height:10px;background:var(--org)}

/* imggrid */
.pg-imggrid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:22px}
.pg-imggrid .img{aspect-ratio:4/3;background:#E4E7EB center/cover no-repeat}
.pg-imggrid figure{margin:0}
.pg-imggrid figcaption{padding:12px 2px 0}
.pg-imggrid figcaption strong{display:block;font-size:15px;font-weight:700}
.pg-imggrid figcaption span{display:block;font-size:12.5px;color:var(--gray-l);margin-top:2px}

/* steps */
.pg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pg-steps li{background:#fff;border:1px solid var(--line);border-top:3px solid var(--org);padding:24px 22px}
.pg-steps .no{font-family:var(--latin);font-weight:700;font-size:34px;color:var(--org);line-height:1}
.pg-steps strong{display:block;font-size:16px;font-weight:700;margin:12px 0 6px}
.pg-steps p{font-size:13px;color:var(--gray);line-height:1.8}

/* history (연혁) */
.pg-history{border-left:4px solid var(--ink);padding-left:0}
.pg-history .row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;padding:20px 0 20px 28px;border-bottom:1px solid var(--line);position:relative}
.pg-history .row::before{content:"";position:absolute;left:-10px;top:30px;width:16px;height:16px;background:var(--org)}
.pg-history .y{font-family:var(--latin);font-weight:700;font-size:30px;line-height:1.1;color:var(--ink)}
.pg-history .d p{font-size:14.5px;color:var(--gray);padding:3px 0}
.pg-history .d p::before{content:"— ";color:var(--org)}

/* orgchart (조직도) */
.pg-org{text-align:center}
.pg-org .top{display:inline-block;background:var(--ink);color:#fff;font-weight:900;font-size:17px;letter-spacing:.02em;padding:16px 46px;position:relative}
.pg-org .staff{display:inline-block;margin-top:26px;border:2px solid var(--ink);background:#fff;font-weight:700;font-size:14px;padding:10px 26px;position:relative}
.pg-org .top::after,.pg-org .staff::after{content:"";position:absolute;left:50%;bottom:-26px;width:2px;height:26px;background:var(--ink)}
.pg-org .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:26px;position:relative;padding-top:22px}
.pg-org .cols::before{content:"";position:absolute;left:10%;right:10%;top:0;height:2px;background:var(--ink)}
.pg-org .col{position:relative;padding-top:22px}
.pg-org .col::before{content:"";position:absolute;left:50%;top:-22px;width:2px;height:44px;background:var(--line-d,#C9CDD2)}
.pg-org .hd{background:#E9EBEE;border-top:3px solid var(--org);font-weight:700;font-size:15px;padding:12px 10px}
.pg-org .col ul{border:1px solid var(--line);border-top:0;background:#fff}
.pg-org .col li{font-size:13.5px;color:var(--gray);padding:9px 8px;border-bottom:1px solid var(--line)}
.pg-org .col li:last-child{border-bottom:0}

/* stats */
.pg-stats-sec .pg-stats{background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:40px 30px}
.pg-stats .st{text-align:center}
.pg-stats strong{font-family:var(--latin);font-weight:700;font-size:44px;line-height:1}
.pg-stats strong em{font-style:normal;font-size:.5em;color:var(--org);margin-left:3px}
.pg-stats span{display:block;margin-top:10px;font-size:13px;color:#9AA5B1}

/* table */
.pg-tblwrap{overflow-x:auto}
.pg-tbl{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);background:#fff;font-size:14.5px;min-width:520px}
.pg-tbl th{background:#E9EBEE;font-weight:700;padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;letter-spacing:.04em}
.pg-tbl td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--gray)}
.pg-tbl tr td:first-child{color:var(--ink);font-weight:500}

/* map */
.pg-map{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:34px;align-items:start}
.pg-map .embed{aspect-ratio:4/3;background:#E4E7EB;position:relative}
.pg-map .embed iframe{width:100%;height:100%;border:0}
.pg-map .embed.ph{display:flex;align-items:center;justify-content:center;text-align:center}
.pg-map .embed.ph span{font-size:13px;color:var(--gray-l);line-height:1.9}
.pg-map .info{border-top:2px solid var(--ink)}
.pg-map .info div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px 4px;border-bottom:1px solid var(--line)}
.pg-map .info dt{font-family:var(--latin);font-weight:600;font-size:13px;letter-spacing:.14em;color:var(--org);padding-top:2px}
.pg-map .info dd{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.8}

/* cta */
.pg-cta{background:var(--ink);color:#fff;padding:38px 40px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;position:relative;overflow:hidden}
.pg-cta::before{content:"";position:absolute;right:-24px;top:-24px;width:100px;height:100px;background:var(--org);opacity:.16;transform:rotate(45deg)}
.pg-cta strong{font-size:21px;font-weight:900}
.pg-cta span{font-size:13.5px;color:#9AA5B1;flex:1;min-width:200px}

/* note */
.pg-note{border:1px solid var(--line);border-left:4px solid var(--org);background:#fff;padding:22px 26px}
.pg-note strong{display:block;font-size:15px;font-weight:700;margin-bottom:8px}
.pg-note p{font-size:13.5px;color:var(--gray);line-height:1.9}

/* tone */
.pg-sec.tone-dark{background:var(--ink);color:#fff;padding:48px 40px}
.pg-sec.tone-dark .pg-text{color:#CBD2D9}

/* 반응형 */
@media (max-width:900px){
  .pg-sec{margin-bottom:52px}
  .pg-media{grid-template-columns:minmax(0,1fr);gap:26px}
  .pg-media.img-right .img{order:0}
  .pg-steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pg-stats-sec .pg-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 16px;padding:30px 20px}
  .pg-map{grid-template-columns:minmax(0,1fr)}
  .pg-history .row{grid-template-columns:86px minmax(0,1fr);gap:14px}
  .pg-history .y{font-size:22px}
  .pg-org .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
  .pg-org .cols::before{left:25%;right:25%}
}
@media (max-width:560px){
  .pg-imggrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important}
  .pg-steps{grid-template-columns:minmax(0,1fr)}
  .pg-cta{padding:26px 22px}
}