@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
.galbot-ai-page,.galbot-ai-page *{box-sizing:border-box}.galbot-ai-page{background:#f4f7fb;color:#102548;font-family:'Nanum Gothic',sans-serif}.shell{width:min(1180px,calc(100% - 28px));margin:auto}.galbot-ai-page a{text-decoration:none;color:inherit}.galbot-ai-page button,.galbot-ai-page textarea{font:inherit}.hero{height:420px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(89,165,235,.18),transparent 30%),linear-gradient(90deg,#082b58 0%,#0d3c70 48%,#175a9d 100%)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.05) 48.2%,transparent 48.5%)}.hero-inner{height:420px;display:grid;grid-template-columns:42% 58%;align-items:center;position:relative;z-index:2}.copy{color:#fff}.copy small{color:#a9cef0;font-weight:800;letter-spacing:.15em}.copy h1{font-size:54px;margin:14px 0 18px;letter-spacing:-.045em}.copy p{font-size:20px;line-height:1.72;font-weight:700;color:#eaf4ff;margin:0}.copy .sub{font-size:12px;color:#b7d3ef;margin-top:15px}.cta{display:inline-block;margin-top:24px;background:#fff;color:#155cae;padding:13px 22px;border-radius:999px;font-weight:800;box-shadow:0 10px 22px rgba(2,24,60,.22)}
.engine{position:relative;height:420px}.canvas{position:absolute;right:-10px;top:16px;width:655px;height:390px}.canvas svg{position:absolute;inset:0;width:100%;height:100%}.flow{fill:none;stroke:#9dc8ee;stroke-width:2.4;opacity:.65}.dash{fill:none;stroke:#e8f6ff;stroke-width:1.8;stroke-dasharray:7 11;animation:dash 2.5s linear infinite}@keyframes dash{to{stroke-dashoffset:-72}}.node{position:absolute;width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#194a7b,#0b2d56);border:1px solid rgba(195,225,250,.52);box-shadow:0 10px 22px rgba(1,19,47,.24);z-index:3}.node i{font-style:normal;color:#b8ddff;font-size:16px;margin-bottom:4px}.node b{font-size:11px}.n1{left:55px;top:45px}.n2{left:65px;bottom:52px}.n3{right:15px;top:48px}.n4{right:10px;bottom:55px}.n5{left:422px;bottom:5px}.rings{position:absolute;left:350px;top:72px;width:238px;height:238px;border-radius:50%;border:1px solid rgba(181,218,247,.30);box-shadow:0 0 0 28px rgba(99,169,228,.06);animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rings:before,.rings:after{content:'';position:absolute;border-radius:50%;border:1px dashed rgba(184,220,247,.22)}.rings:before{inset:27px}.rings:after{inset:58px}.core{position:absolute;left:382px;top:104px;width:174px;height:174px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 35% 25%,#6eafe9 0%,#2b6fb4 42%,#10375f 100%);border:4px solid rgba(255,255,255,.88);box-shadow:0 0 0 13px rgba(255,255,255,.11),0 0 55px rgba(80,162,230,.55);z-index:5}.core:after{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(182,225,255,.42);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.18);opacity:0}}.inner{width:118px}.ai{font-size:29px;font-weight:800}.stage{min-height:31px;margin-top:7px;font-size:11px;line-height:1.4;color:#e7f3ff;font-weight:700}.pct{font-size:22px;font-weight:800;margin-top:5px}.track{height:7px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;margin-top:8px}.bar{height:100%;width:12%;background:linear-gradient(90deg,#b9e0ff,#fff);border-radius:999px;transition:width .4s ease}.particle{fill:#fff;filter:drop-shadow(0 0 6px #8bc7ff)}
.main{padding:18px 0 42px}.process{margin-top:-34px;position:relative;z-index:8;display:grid;grid-template-columns:205px 1fr;background:#fff;border:1px solid #cbd9e8;border-radius:18px;overflow:hidden;box-shadow:0 15px 32px rgba(28,72,137,.12)}.pbrand{min-height:160px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(155deg,#164f86,#092d57)}.orb{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#67a8e7,#266db2);font-size:26px;font-weight:800;margin-bottom:10px}.pbrand strong{font-size:22px}.pbrand span{margin-top:8px;padding:5px 16px;border-radius:999px;background:#e7bd5b;color:#0a2f58;font-size:12px;font-weight:800}.pbody{padding:20px 22px}.pbody h2{margin:0 0 5px;font-size:21px}.pbody p{margin:0;color:#64748c;font-size:12px}.steps{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;margin-top:18px}.step{text-align:center}.circle{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;color:#1b63b2;background:linear-gradient(145deg,#f9fbfd,#e5f0fb);border:1px solid #ccdeef;font-weight:800}.step b{font-size:12px}.step small{display:block;margin-top:3px;font-size:10px;color:#748398}.arrow{height:2px;background:linear-gradient(90deg,#75a9dd,#d7e7f5);position:relative}.arrow:after{content:'';position:absolute;right:0;top:-4px;border-left:8px solid #75a9dd;border-top:5px solid transparent;border-bottom:5px solid transparent}
.consult{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px}.card{background:#fff;border:1px solid #d7e2ef;border-radius:17px;box-shadow:0 7px 18px rgba(31,58,86,.05)}.input{padding:20px}.input-head{display:flex;justify-content:space-between;margin-bottom:14px}.input h2{margin:0 0 6px;font-size:21px}.input p{margin:0;color:#6b7a8e;font-size:12px}.status{padding:7px 11px;border-radius:999px;background:#eaf3ff;color:#1b64b2;font-size:11px;font-weight:800}.input textarea{width:100%;min-height:220px;padding:16px;border:1px solid #d2dce6;border-radius:12px;resize:vertical;outline:none;line-height:1.65}.tools{display:flex;flex-direction:column;gap:10px}.tool{padding:16px;text-align:center}.upload{border-style:dashed;background:#fafbfd}.upload-icon{width:46px;height:46px;border-radius:14px;background:#eaf3ff;color:#1d65b6;display:grid;place-items:center;margin:0 auto 8px;font-size:22px}.tool h3{margin:0 0 6px}.tool p{margin:0;color:#6a798d;font-size:11px;line-height:1.5}.analyze{border:0;border-radius:11px;padding:15px;color:#fff;background:linear-gradient(135deg,#174f84,#0a2d56);font-weight:800;cursor:pointer}.security{text-align:left;background:#edf5ff;color:#4a637d;font-size:11px;line-height:1.5}
.result{margin-top:16px;padding:19px;background:#fff;border:1px solid #d7e2ef;border-radius:17px}.result-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.result-head h2{margin:0 0 4px;font-size:20px}.result-head p{margin:0;color:#6a798c;font-size:12px}.result-head span{font-size:11px;color:#1d65b6;font-weight:800}.modes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mode{padding:14px 12px 12px;text-align:center;border:1px solid #dce3ea;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfcfd);transition:.2s}.mode.active{border-color:#77a9da;box-shadow:0 0 0 3px rgba(65,137,208,.12),0 10px 22px rgba(33,83,135,.12);transform:translateY(-2px)}.mi{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf4fb;color:#346b9f;margin:0 auto 9px}.mode h3{margin:0 0 6px;font-size:17px}.mode p{min-height:45px;margin:0 0 10px;font-size:11px;color:#5d6c80}.mode a{display:block;padding:9px 7px;border-radius:8px;background:#315f8d;color:#fff;font-size:11px;font-weight:800}

/* =========================================================
   실제 HTML 클래스 기준 최종 수정
   원인:
   기존 수정 CSS는 .core-percent, .progress-bar 등을 대상으로 했으나
   실제 HTML은 .pct, .bar, .stage, .ai 클래스를 사용하고 있었음.
========================================================= */

/* 전체 기본 폰트는 나눔고딕 보통체 */
.galbot-ai-page{
  font-family:"Nanum Gothic","나눔고딕",sans-serif;
  font-weight:400;
}

/* 상단 큰 제목과 주요 문구는 원래 굵기 복구 */
.galbot-ai-page .copy h1{
  font-weight:700;
}
.galbot-ai-page .copy p{
  font-weight:700;
}
.galbot-ai-page .copy small,
.galbot-ai-page .cta,
.galbot-ai-page .brand,
.galbot-ai-page .nav{
  font-weight:700;
}

/* AI 코어 */
.galbot-ai-page .core .ai{
  color:#FFFFFF;
  font-size:31px;
  font-weight:700;
  text-shadow:none;
}

.galbot-ai-page .core .stage{
  min-height:34px;
  margin-top:7px;
  color:#FFFFFF;
  font-size:14px;
  line-height:1.45;
  font-weight:400;
  text-shadow:none;
}

/* 실제 퍼센트 클래스 .pct */
.galbot-ai-page .core .pct{
  margin-top:6px;
  color:#FFD45C;
  font-size:30px;
  line-height:1;
  font-weight:700;
  text-shadow:
    0 0 5px rgba(0,0,0,.22),
    0 0 12px rgba(255,212,92,.65);
}

/* 실제 진행막대 클래스 .track / .bar */
.galbot-ai-page .core .track{
  height:10px;
  margin-top:9px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.28);
}

.galbot-ai-page .core .track .bar{
  height:100%;
  background:linear-gradient(90deg,#C99022 0%,#E8B93F 52%,#FFE07A 100%);
  box-shadow:
    0 0 10px rgba(232,185,63,.72),
    0 0 16px rgba(255,224,122,.38);
}

/* 코어 주변 5개 라벨 확대 */
.galbot-ai-page .node b{
  font-size:14px;
  line-height:1.25;
  font-weight:400;
}
.galbot-ai-page .node i{
  font-size:18px;
}

/* 3단계 프로세스 확대 */
.galbot-ai-page .step b{
  font-size:17px;
  line-height:1.35;
  font-weight:700;
}
.galbot-ai-page .step small{
  font-size:13px;
  line-height:1.55;
}
.galbot-ai-page .circle{
  font-size:17px;
  font-weight:700;
}

/* 프로세스 소개 */
.galbot-ai-page .pbody h2{
  font-size:25px;
  line-height:1.45;
  font-weight:700;
}
.galbot-ai-page .pbody p{
  font-size:15px;
  line-height:1.6;
}

/* 하단 5개 모드 글씨 확대 */
.galbot-ai-page .mode h3{
  font-size:26px;
  line-height:1.35;
  font-weight:700;
}
.galbot-ai-page .mode p{
  min-height:76px;
  font-size:16px;
  line-height:1.6;
}
.galbot-ai-page .mode a{
  padding:12px 9px;
  font-size:15px;
  font-weight:700;
}
.galbot-ai-page .mi{
  width:58px;
  height:58px;
  font-size:24px;
}

/* 하단 제목 */
.galbot-ai-page .result-head h2{
  font-size:24px;
  font-weight:700;
}
.galbot-ai-page .result-head p,
.galbot-ai-page .result-head span{
  font-size:14px;
}


/* AI 코어 최종 균형 조정 */
.galbot-ai-page .core .pct{
    margin-top:-2px !important;   /* 퍼센트를 약간 위로 */
}

.galbot-ai-page .core .track{
    width:56px !important;        /* 막대 길이 축소 */
    margin:6px auto 0 !important; /* 중앙 정렬 + 위로 */
    height:9px !important;
}

.galbot-ai-page .core .track .bar{
    border-radius:999px;
}

.galbot-ai-page .core .stage{
    margin-top:4px !important;
}

.galbot-ai-page .core{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

/* 컨펌: Hero와 첫 카드 사이 여백 */
.galbot-ai-page .main{padding-top:48px;}
.galbot-ai-page .process{margin-top:0;}


/* =========================================================
   2026-07-26 대표 컨펌 원포인트 수정
   - 좌측 Hero 설명 2줄
   - 보조문구 +2pt
   - AI 원 확대 및 좌측 이동
   - AI 내부 완전 중앙 정렬
   - 사적/신고 버튼 간격 확대
   - 공공 연결선 수직 정렬
   - 공통 푸터 표시
========================================================= */

/* 좌측 Hero 문구 */
.galbot-ai-page .copy p{
  font-size:20px;
  line-height:1.72;
  white-space:nowrap;
}
.galbot-ai-page .copy .sub{
  font-size:14px; /* 기존 12px에서 2px 확대 */
  line-height:1.6;
}
.galbot-ai-page .copy .cta{
  color:#155cae;
}

/* 우측 AI 그래픽 전체 균형 */
.galbot-ai-page .canvas{
  right:0;
}
.galbot-ai-page .rings{
  left:318px;
  top:60px;
  width:258px;
  height:258px;
}
.galbot-ai-page .core{
  left:350px;
  top:91px;
  width:196px;
  height:196px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.galbot-ai-page .core .inner{
  width:132px;
  height:auto;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  transform:none;
}
.galbot-ai-page .core .ai{
  margin:0;
  font-size:32px;
  line-height:1;
}
.galbot-ai-page .core .stage{
  width:100%;
  min-height:0;
  margin:8px 0 0 !important;
  font-size:14px;
  line-height:1.35;
  text-align:center;
}
.galbot-ai-page .core .pct{
  margin:8px 0 0 !important;
  font-size:31px;
  line-height:1;
  text-align:center;
}
.galbot-ai-page .core .track{
  width:60px !important;
  height:9px !important;
  margin:9px auto 0 !important;
}

/* 오른쪽 버튼을 바깥으로 이동해 AI 원과 간격 확보 */
.galbot-ai-page .n3{right:-22px;top:42px;}
.galbot-ai-page .n4{right:-28px;bottom:47px;}

/* 공공 버튼은 AI 원 중심선과 정확히 맞춤 */
.galbot-ai-page .n5{left:407px;bottom:0;}

/* 공통 푸터: index.php의 include가 화면에 확실히 표시되도록 함 */
.site-footer{
  display:block;
  background:#082b58;
  color:#dce9f6;
  border-top:1px solid rgba(255,255,255,.14);
  font-family:'Nanum Gothic',sans-serif;
}
.site-footer__inner{
  width:min(1180px,calc(100% - 28px));
  margin:0 auto;
  padding:32px 0 24px;
  display:grid;
  grid-template-columns:1.15fr 1.55fr auto;
  gap:32px;
  align-items:start;
}
.site-footer__brand{
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-size:20px;
}
.site-footer p{
  margin:0 0 7px;
  font-size:13px;
  line-height:1.65;
}
.site-footer__links{
  display:flex;
  gap:14px;
  white-space:nowrap;
}
.site-footer__links a{
  color:#fff;
  font-size:13px;
  text-decoration:none;
}
.site-footer__copyright{
  padding:14px 20px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#9fb9d3;
  text-align:center;
  font-size:12px;
}

@media (max-width:1100px){
  .galbot-ai-page .hero-inner{grid-template-columns:44% 56%;}
  .galbot-ai-page .canvas{transform:scale(.88);transform-origin:center right;right:-10px;}
  .galbot-ai-page .copy p{white-space:normal;}
}

@media (max-width:820px){
  .galbot-ai-page .hero{height:auto;min-height:700px;}
  .galbot-ai-page .hero-inner{
    height:auto;
    min-height:700px;
    grid-template-columns:1fr;
    padding:48px 0 24px;
  }
  .galbot-ai-page .copy{text-align:center;}
  .galbot-ai-page .copy p{white-space:normal;}
  .galbot-ai-page .engine{height:390px;}
  .galbot-ai-page .canvas{
    left:50%;
    right:auto;
    top:0;
    transform:translateX(-50%) scale(.82);
    transform-origin:top center;
  }
  .galbot-ai-page .process{grid-template-columns:1fr;}
  .galbot-ai-page .consult{grid-template-columns:1fr;}
  .galbot-ai-page .modes{grid-template-columns:repeat(2,1fr);}
  .site-footer__inner{grid-template-columns:1fr;gap:18px;}
}

@media (max-width:560px){
  .galbot-ai-page .copy h1{font-size:42px;}
  .galbot-ai-page .copy p{font-size:17px;line-height:1.7;}
  .galbot-ai-page .copy .sub{font-size:13px;}
  .galbot-ai-page .engine{height:330px;}
  .galbot-ai-page .canvas{transform:translateX(-50%) scale(.68);}
  .galbot-ai-page .steps{grid-template-columns:1fr;gap:18px;}
  .galbot-ai-page .steps .arrow{display:none;}
  .galbot-ai-page .modes{grid-template-columns:1fr;}
}

/* =========================================================
   2026-07-26 최종 가독성·반응형 보완
   대표 컨펌: 진행막대 확대 / 본문 설명 +3px / 태블릿·모바일 전용 배치
========================================================= */

/* AI 진행률 막대: 기존 60px → 92px */
.galbot-ai-page .core .track{
  width:92px !important;
}

/* 본문 설명 글씨 가독성: 기존보다 약 3px 확대 */
.galbot-ai-page .pbody p{font-size:18px;line-height:1.7;}
.galbot-ai-page .step small{font-size:16px;line-height:1.6;}
.galbot-ai-page .input p{font-size:15px;line-height:1.7;}
.galbot-ai-page .tool p{font-size:14px;line-height:1.7;}
.galbot-ai-page .security{font-size:14px;line-height:1.7;}
.galbot-ai-page .result-head p,
.galbot-ai-page .result-head span{font-size:17px;line-height:1.6;}
.galbot-ai-page .input textarea{font-size:16px;line-height:1.75;}
.galbot-ai-page .input textarea::placeholder{font-size:16px;color:#78879a;opacity:1;}
.galbot-ai-page .status{font-size:14px;}

/* 가로 넘침 방지 */
html,body{max-width:100%;overflow-x:hidden;}
.galbot-ai-page{overflow:hidden;}

/* 태블릿: PC 2열 Hero를 상하 2단으로 전환 */
@media (max-width:1024px){
  .galbot-ai-page .shell{width:min(94%,920px);}
  .galbot-ai-page .hero{height:auto;min-height:760px;}
  .galbot-ai-page .hero-inner{
    height:auto;
    min-height:760px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:46px 0 18px;
  }
  .galbot-ai-page .copy{
    width:100%;
    text-align:center;
  }
  .galbot-ai-page .copy h1{font-size:50px;margin:12px 0 16px;}
  .galbot-ai-page .copy p{white-space:normal;font-size:20px;line-height:1.65;}
  .galbot-ai-page .engine{
    width:100%;
    height:430px;
    margin-top:8px;
  }
  .galbot-ai-page .canvas{
    left:50%;
    right:auto;
    top:0;
    transform:translateX(-50%) scale(.92);
    transform-origin:top center;
  }
  .galbot-ai-page .main{padding-top:30px;}
  .galbot-ai-page .process{grid-template-columns:180px 1fr;}
  .galbot-ai-page .consult{grid-template-columns:minmax(0,1fr) 250px;}
  .galbot-ai-page .modes{grid-template-columns:repeat(3,1fr);}
}

/* 모바일: 모든 콘텐츠를 한 열로 정렬 */
@media (max-width:767px){
  .galbot-ai-page .shell{width:calc(100% - 28px);}
  .galbot-ai-page .hero{min-height:690px;}
  .galbot-ai-page .hero-inner{min-height:690px;padding:36px 0 12px;}
  .galbot-ai-page .copy small{font-size:12px;letter-spacing:.11em;}
  .galbot-ai-page .copy h1{font-size:42px;margin:10px 0 14px;}
  .galbot-ai-page .copy p{font-size:18px;line-height:1.65;}
  .galbot-ai-page .copy .sub{font-size:15px;line-height:1.6;margin-top:13px;}
  .galbot-ai-page .cta{margin-top:20px;padding:13px 20px;}
  .galbot-ai-page .engine{height:360px;margin-top:12px;}
  .galbot-ai-page .canvas{
    width:655px;
    height:390px;
    left:calc(50% - 323px);
    right:auto;
    transform:scale(.72);
    transform-origin:top left;
  }
  .galbot-ai-page .main{padding:22px 0 32px;}
  .galbot-ai-page .process{grid-template-columns:1fr;border-radius:15px;}
  .galbot-ai-page .pbrand{min-height:145px;}
  .galbot-ai-page .pbody{padding:22px 18px;}
  .galbot-ai-page .pbody h2{font-size:22px;line-height:1.45;}
  .galbot-ai-page .pbody p{font-size:17px;}
  .galbot-ai-page .steps{grid-template-columns:1fr;gap:18px;}
  .galbot-ai-page .steps .arrow{display:none;}
  .galbot-ai-page .step b{font-size:18px;}
  .galbot-ai-page .step small{font-size:16px;}
  .galbot-ai-page .consult{grid-template-columns:1fr;gap:12px;}
  .galbot-ai-page .input{padding:18px 16px;}
  .galbot-ai-page .input-head{display:block;}
  .galbot-ai-page .status{display:inline-block;margin-top:10px;}
  .galbot-ai-page .input h2{font-size:22px;}
  .galbot-ai-page .input p{font-size:16px;}
  .galbot-ai-page .input textarea{min-height:200px;font-size:16px;}
  .galbot-ai-page .tools{width:100%;}
  .galbot-ai-page .tool p,.galbot-ai-page .security{font-size:15px;}
  .galbot-ai-page .analyze{width:100%;font-size:17px;}
  .galbot-ai-page .result{padding:17px 14px;}
  .galbot-ai-page .result-head{display:block;}
  .galbot-ai-page .result-head span{display:block;margin-top:8px;}
  .galbot-ai-page .modes{grid-template-columns:1fr;}
  .galbot-ai-page .mode p{min-height:0;font-size:16px;}
  .site-footer__inner{width:calc(100% - 28px);grid-template-columns:1fr;padding:26px 0 20px;}
  .site-footer__links{flex-wrap:wrap;white-space:normal;}
}

/* 초소형 모바일 */
@media (max-width:420px){
  .galbot-ai-page .hero{min-height:650px;}
  .galbot-ai-page .hero-inner{min-height:650px;padding-top:30px;}
  .galbot-ai-page .copy h1{font-size:38px;}
  .galbot-ai-page .copy p{font-size:17px;}
  .galbot-ai-page .engine{height:325px;}
  .galbot-ai-page .canvas{
    left:calc(50% - 282px);
    right:auto;
    transform:scale(.63);
    transform-origin:top left;
  }
}

/* =========================================================
   2026-07-26 Hero 최종 컨펌 미세조정
   - 무료 AI상담 시작 버튼: 보통 굵기
   - 보조 안내 문구: 2px 확대
========================================================= */
.galbot-ai-page .copy .cta{
  font-weight:500;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.galbot-ai-page .copy .sub{
  font-size:16px;
}
@media (max-width:767px){
  .galbot-ai-page .copy .sub{font-size:17px;}
}

/* 2026-07-30 모바일 Hero 일괄 통일
   센터소개 모바일 Hero 최종 컨펌본과 동일한 구조·크기·정렬 */
@media (max-width:767px){
  .galbot-ai-page .hero,
  .galbot-ai-page .hero-inner{min-height:0;height:auto;}
  .galbot-ai-page .hero-inner{padding-bottom:18px;}
  .galbot-ai-page .engine{height:330px;margin-top:26px;}
  .galbot-ai-page .canvas{
    top:0;left:50%;right:auto;width:360px;height:330px;
    transform:translateX(-50%);transform-origin:top center;
  }
  .galbot-ai-page .canvas svg,
  .galbot-ai-page .rings{display:none;}
  .galbot-ai-page .node{width:62px;height:62px;z-index:3;box-shadow:none;}
  .galbot-ai-page .node i{font-size:15px;margin-bottom:2px;}
  .galbot-ai-page .node b{font-size:13px;}
  .galbot-ai-page .n1{left:0;right:auto;top:25px;bottom:auto;}
  .galbot-ai-page .n2{left:0;right:auto;top:182px;bottom:auto;}
  .galbot-ai-page .n3{left:auto;right:0;top:25px;bottom:auto;}
  .galbot-ai-page .n4{left:auto;right:0;top:182px;bottom:auto;}
  .galbot-ai-page .n5{left:149px;right:auto;top:262px;bottom:auto;}
  .galbot-ai-page .node:not(.n5)::after{
    content:"";position:absolute;width:78px;
    border-top:2px dashed rgba(226,244,255,.9);z-index:-1;
  }
  .galbot-ai-page .n1::after{left:52px;top:55px;transform:rotate(28deg);transform-origin:left center;}
  .galbot-ai-page .n2::after{left:52px;top:7px;transform:rotate(-27deg);transform-origin:left center;}
  .galbot-ai-page .n3::after{right:52px;top:55px;transform:rotate(-28deg);transform-origin:right center;}
  .galbot-ai-page .n4::after{right:52px;top:7px;transform:rotate(27deg);transform-origin:right center;}
  .galbot-ai-page .n5::before{
    content:"";position:absolute;left:50%;bottom:100%;width:0;height:40px;
    transform:translateX(-50%);border-left:2px dashed rgba(226,244,255,.9);
  }
  .galbot-ai-page .core{left:105px;top:76px;width:150px;height:150px;}
  .galbot-ai-page .core .inner{width:112px;}
  .galbot-ai-page .core .ai{font-size:27px;}
  .galbot-ai-page .core .stage{font-size:13px;}
  .galbot-ai-page .core .pct{font-size:28px;}
  .galbot-ai-page .core .track{
    position:relative;left:auto;transform:none;
    width:78px !important;height:8px !important;margin:7px auto 0 !important;
  }
  .galbot-ai-page .core .track .bar{margin-left:0;margin-right:0;}
}
@media (max-width:380px){
  .galbot-ai-page .canvas{transform:translateX(-50%) scale(.94);}
}