/* ===== 지점 페이지 공용 (과천 표준 · site/gwacheon 의 인라인 스타일을 그대로 옮김 + 4대 시스템 · 이벤트 · 윈터 띠 · 빈칸) ===== */
.gw-ph,.gw-why,.gw-notes,.gw-halls,.gw-cls,.gw-rule,#strength .sec-head,#notes .sec-head,#classes .sec-head{word-break:keep-all}
.gw-ico{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* 사진 위 글 띠 */
.gw-ph{--img:none;position:relative;isolation:isolate;color:#fff;background:#111 var(--img) center/cover no-repeat;padding:120px 0}
.gw-ph::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(8,8,8,.88) 0%,rgba(8,8,8,.7) 50%,rgba(8,8,8,.45) 100%)}
.gw-ph.center::before{background:rgba(8,8,8,.68)}
.gw-ph .gw-in{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.gw-lbl{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.08em;color:#ff4d57;margin-bottom:16px}
.gw-h2{font-size:clamp(28px,4.2vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.3;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.gw-p{margin-top:18px;font-size:clamp(16px,1.8vw,19px);line-height:1.8;color:rgba(255,255,255,.9);max-width:640px}
.gw-p b{color:#fff}
.gw-note{margin-top:22px;font-size:13px;color:rgba(255,255,255,.62)}

/* 첫 화면 */
.gw-hero{min-height:min(92vh,860px);display:flex;align-items:flex-end;
  padding:calc(var(--header-h) + 40px + 70px) 0 64px}
.gw-hero .gw-in{width:100%}
.gw-hero .gw-kick{display:inline-block;font-size:15px;font-weight:800;color:#fff;background:var(--red2);padding:6px 16px;border-radius:30px;margin-bottom:22px}
.gw-hero h1{font-size:clamp(34px,5.6vw,64px);font-weight:900;letter-spacing:-.03em;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.gw-hero h1 .red{color:#ff4d57}
.gw-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.gw-btns .iq-open.gw-btn{margin-top:0;display:inline-flex;padding:15px 26px;border-radius:8px;box-shadow:none}
.gw-btn{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;line-height:1.2;padding:15px 26px;border-radius:8px;
  border:1.5px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08);transition:background .15s}
.gw-btn:hover{background:rgba(255,255,255,.18)}
.gw-btn.red{background:var(--red2);border-color:var(--red2)}
.gw-btn.red:hover{background:var(--red)}
.gw-quick{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid rgba(255,255,255,.28)}
.gw-quick>div{display:flex;gap:14px;padding:22px 20px 0 0}
.gw-quick .gw-ico{color:#ff4d57;margin-top:2px}
.gw-quick .k{font-size:14px;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:4px}
.gw-quick .v{font-size:17px;font-weight:700;line-height:1.55}
.gw-quick .v a{color:#fff}
.gw-quick .s{font-size:14px;color:rgba(255,255,255,.72);margin-top:2px}

/* 과천센터 강점 (흰 바탕) */
.gw-why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink)}
.gw-why>div{padding:30px 28px 8px 0}
.gw-why .n{font-size:14px;font-weight:900;color:var(--red2);margin-bottom:12px}
.gw-why h3{font-size:21px;font-weight:800;margin-bottom:10px;letter-spacing:-.01em}
.gw-why p{font-size:16px;color:#555;line-height:1.75}

/* 사진 띠 안의 칸 */
.gw-grid{display:grid;gap:14px;margin-top:40px}
.gw-grid.c3{grid-template-columns:repeat(3,1fr)}
.gw-grid.c2{grid-template-columns:repeat(2,1fr)}
.gw-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:28px 26px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gw-card .tag{display:inline-block;font-size:14px;font-weight:900;color:#fff;background:var(--red2);border-radius:30px;padding:4px 14px;margin-bottom:14px}
.gw-card h3{font-size:21px;font-weight:800;line-height:1.4;margin-bottom:8px}
.gw-card p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.86)}
.gw-card p b{color:#fff}
.gw-gate{margin-top:18px;padding:18px 22px;border-radius:12px;background:rgba(230,8,20,.26);border:1px solid rgba(255,77,87,.6);
  font-size:17px;font-weight:700;line-height:1.6}
.gw-more{display:inline-flex;align-items:center;gap:6px;margin-top:28px;font-size:16px;font-weight:800;color:#fff;
  border-bottom:2px solid #ff4d57;padding-bottom:4px}

/* 인강PT 흐름 */
.gw-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;counter-reset:f;
  border-top:1px solid rgba(255,255,255,.3)}
.gw-flow li{padding:22px 24px 22px 0;border-bottom:1px solid rgba(255,255,255,.18);counter-increment:f}
.gw-flow li::before{content:counter(f,decimal-leading-zero);display:block;font-size:14px;font-weight:900;color:#ff4d57;margin-bottom:6px}
.gw-flow b{display:block;font-size:18px;font-weight:800;margin-bottom:4px}
.gw-flow span{font-size:15.5px;line-height:1.7;color:rgba(255,255,255,.82)}

/* 학습노트 */
.gw-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gw-note-c{background:#fff;border:1px solid var(--line);border-top:4px solid var(--red2);border-radius:14px;padding:30px 26px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.gw-note-c .k{font-size:13px;font-weight:800;color:var(--red2);letter-spacing:.04em;margin-bottom:8px}
.gw-note-c h3{font-size:22px;font-weight:900;margin-bottom:12px}
.gw-note-c ul{list-style:none}
.gw-note-c li{position:relative;padding-left:16px;font-size:16px;line-height:1.75;color:#444;margin-top:6px}
.gw-note-c li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--red2)}
.gw-rule{max-width:1000px;margin:34px auto 0;text-align:center;font-size:18px;font-weight:700;line-height:1.7;color:var(--ink)}
.gw-rule em{font-style:normal;color:var(--red2)}

/* 두 공간 */
.gw-halls{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin:0 auto}
.gw-hall{border:1px solid var(--line);border-radius:14px;padding:30px 28px;background:#fff}
.gw-hall .l{display:inline-block;font-size:13px;font-weight:800;color:var(--red2);background:#fef0f1;padding:5px 13px;border-radius:30px;margin-bottom:14px}
.gw-hall h3{font-size:24px;font-weight:900;margin-bottom:8px}
.gw-hall p{font-size:16px;color:#555;line-height:1.75}
.gw-cls{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin:34px auto 0}
.gw-cls .gw-hall h3{font-size:21px}

/* 마지막 상담 띠 */
.gw-cta{text-align:center}
.gw-cta .gw-p{margin-left:auto;margin-right:auto}
.gw-cta .gw-btns{justify-content:center}

/* 휴대폰 — 막을 고르게 더 진하게, 글자 16px 이상, 줄간격 넉넉히 */
@media (max-width:900px){
  .gw-grid.c3,.gw-grid.c2,.gw-flow,.gw-notes,.gw-halls,.gw-cls,.gw-why{grid-template-columns:1fr}
  .gw-quick{grid-template-columns:1fr}
  .gw-quick>div{padding:18px 0 0}
  .gw-why>div{padding:24px 0 20px;border-bottom:1px solid var(--line)}
  .gw-flow li{padding:18px 0}
}
@media (max-width:760px){
  .gw-ph{padding:76px 0;background-position:center}
  .gw-ph::before,.gw-ph.center::before{background:rgba(8,8,8,.78)}
  .gw-ph .gw-in{padding:0 20px}
  .gw-hero{min-height:0;padding:calc(var(--header-h) + 36px + 52px) 0 52px}
  .gw-hero h1{font-size:34px;line-height:1.28}
  .gw-h2{font-size:28px;line-height:1.38}
  .gw-p{font-size:17px;line-height:1.85}
  .gw-card{background:rgba(0,0,0,.42);padding:24px 20px}
  .gw-card p,.gw-flow span,.gw-why p,.gw-note-c li,.gw-hall p{font-size:16px;line-height:1.85}
  .gw-btns{flex-direction:column;align-items:stretch}
  .gw-btn,.gw-btns .iq-open{justify-content:center;text-align:center;width:100%}
  .gw-gate{font-size:16px}
  .gw-rule{font-size:17px;text-align:left}
  .gw-note{font-size:14px}
  #strength .sec-head .sub,#notes .sec-head .sub,#classes .sec-head .sub{font-size:16px;line-height:1.75}
}
/* ===== 아래는 지점 확대(10/18)에서 더함 — 대표 시안 센터페이지_저장소용 의 칸 모양을 옮김 ===== */
/* 아직 모르는 값 — 지점 정보(DB)가 오면 site/branch-std.js 가 채운다 */
.need{background:#fef0f1;color:var(--red2);border:1px dashed var(--red2);border-radius:4px;padding:0 6px;font-weight:700;font-size:.92em}
.gw-ph .need{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.55)}
/* 윈터 신청 띠 (회차 상태로 글이 바뀐다) */
.gw-season{background:#fff5f5;border-top:1px solid #f6d3d6;border-bottom:1px solid #f6d3d6}
.gw-season .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px}
.gw-season .t{display:inline-block;font-size:13px;font-weight:900;color:#fff;background:var(--red2);border-radius:30px;padding:5px 14px}
.gw-season .tx{flex:1 1 360px;min-width:0;word-break:keep-all}
.gw-season h3{font-size:22px;font-weight:900;letter-spacing:-.02em}
.gw-season p{font-size:16px;color:#555;margin-top:4px;line-height:1.6}
.gw-season a.go{display:inline-flex;align-items:center;font-size:16px;font-weight:800;color:#fff;background:var(--red2);padding:14px 24px;border-radius:8px}
.gw-season a.go:hover{background:var(--red)}
/* 4대 시스템 */
.gw-sys{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gw-sys>div{border:1px solid var(--line);border-radius:14px;padding:26px 22px;background:#fff;word-break:keep-all}
.gw-sys .k{font-size:13px;font-weight:900;color:var(--red2);letter-spacing:.04em;margin-bottom:10px}
.gw-sys h3{font-size:20px;font-weight:900;margin-bottom:8px}
.gw-sys p{font-size:15.5px;color:#555;line-height:1.7}
.gw-sys .need{display:inline-block;margin-top:10px;font-size:13px}
.gw-cls.c1{grid-template-columns:1fr;max-width:640px}
.gw-cls.c3{grid-template-columns:repeat(3,1fr);max-width:none}
/* 지점 이벤트 칸 */
.bev-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1060px;margin:0 auto}
.bev-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--red2);border-radius:16px;padding:24px 26px;box-shadow:0 10px 26px rgba(0,0,0,.06);word-break:keep-all;transition:transform .15s}
.bev-card:hover{transform:translateY(-3px)}
.bev-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bev-state{font-size:12.5px;font-weight:800;color:var(--red2);background:#fef0f1;border-radius:30px;padding:3px 10px}
.bev-span{font-size:13px;color:#666;font-weight:600}
.bev-card h3{font-size:20px;font-weight:900;line-height:1.4}
.bev-card p{font-size:15.5px;color:#555;line-height:1.7}
.bev-tg{font-size:14px;color:#666}
.bev-go{margin-top:auto;font-size:15px;font-weight:800;color:var(--red2)}
.bev-all{text-align:center;margin-top:26px}.bev-all a{font-weight:800;color:var(--red2)}
@media (max-width:900px){.gw-sys,.gw-cls.c3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.gw-sys,.gw-cls.c3{grid-template-columns:1fr}.gw-season a.go{width:100%;justify-content:center}}
.gw-btn[hidden],.gw-btns [hidden]{display:none!important}