/* =========================
   01. Page Common
========================= */

.manufacturing-page {
  background: #fff;
}

.manufacturing-section {
  position: relative;
  padding: 120px 0;
  background: transparent;
}

.manufacturing-section__head {
  max-width: 980px;
}

.manufacturing-section__head h2 strong {
  color: #014ed9;
}

.manufacturing-section__lead,
.manufacturing-section__desc {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: -0.02em;
}

.manufacturing-section__lead {
  color: #131313;
}

.manufacturing-section__desc {
  color: #555;
}

.manufacturing-intro .manufacturing-section__head,
.manufacturing-suite-intro .manufacturing-section__head,
.manufacturing-allyon .manufacturing-section__head,
.manufacturing-case .manufacturing-section__head,
.manufacturing-faq-section .manufacturing-section__head,
.manufacturing-challenge .manufacturing-section__head {
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
}


/* =========================
   02. Hero
========================= */

.hero--manufacturing {
  color: #fff;
  background: #061b4a;
}

.hero--manufacturing .container {
  align-items: flex-start;
  padding-top: 180px;
  box-sizing: border-box;
}

.hero--manufacturing .hero-bg {
  background:
    linear-gradient(
      90deg,
      rgba(3, 14, 45, 0.94) 0%,
      rgba(3, 18, 56, 0.86) 34%,
      rgba(3, 18, 56, 0.52) 64%,
      rgba(3, 18, 56, 0.24) 100%
    ),
    url("/images/redesign/Manufacturing/Hero-Banner.webp") center center / cover no-repeat;
}

.hero--manufacturing .hero-copy h1 {
  color: #fff;
}

.hero--manufacturing .hero-copy p {
  color: rgba(255, 255, 255, 0.88);
}

.manufacturing-hero__awards {
  display: flex;
  align-items: center;
  gap: 28px;
  width: fit-content;
  max-width: 720px;
  margin-top: 36px;
  padding: 18px 24px;
  background: rgba(0, 0, 0, 0.2);
}

.manufacturing-hero-award {
  display: flex;
  align-items: center;
  gap: 18px;
}

.manufacturing-hero-award img {
  display: block;
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
  object-fit: contain;
}

.manufacturing-hero-award__copy strong {
  display: block;
  max-width: 220px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.025em;
  color: rgba(255, 255, 255, 0.92);
}

.manufacturing-hero__divider {
  display: block;
  width: 1px;
  height: 64px;
  flex: 0 0 1px;
  background: rgba(255, 255, 255, 0.32);
}

@media (max-width: 1024px) {
  .manufacturing-hero__awards {
    gap: 20px;
    max-width: 100%;
    padding: 16px 20px;
  }

  .manufacturing-hero-award {
    gap: 14px;
  }

  .manufacturing-hero-award img {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
  }

  .manufacturing-hero-award__copy strong {
    max-width: 200px;
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .manufacturing-hero__awards {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 16px;
  }

  .manufacturing-hero__divider {
    display: none;
  }

  .manufacturing-hero-award img {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
  }

  .manufacturing-hero-award__copy strong {
    max-width: none;
    font-size: 14px;
    line-height: 1.4;
  }
}

/* =========================
   03. Overview / Intro
========================= */

.manufacturing-overview {
  padding: 96px 0 120px;
  background: #fff;
}

.manufacturing-overview .container {
  max-width: 1440px;
  margin: 0 auto;
}

.manufacturing-intro {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.manufacturing-intro .section-head,
.manufacturing-challenge .section-head {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}

/* common.css 기준과 맞춤: 최대 타이틀 40px */
.manufacturing-overview .section-head h2,
.manufacturing-challenge .section-head h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.04em;
  color: #202020;
}

.manufacturing-overview .section-head h2 strong {
  color: #014ed9;
}

.manufacturing-section__lead,
.manufacturing-section__desc {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: -0.025em;
  color: #4a4a4a;
}

.manufacturing-section__lead {
  max-width: 1120px;
  margin-top: 28px;
}

.manufacturing-section__desc {
  max-width: 1280px;
  margin-top: 12px;
}


/* =========================
   KPI / Challenge Common
========================= */

.manufacturing-kpi__panel,
.manufacturing-kpi__grid,
.manufacturing-challenge__content {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.manufacturing-kpi__panel {
  padding: 0;
  background: transparent;
}

.manufacturing-kpi__grid,
.manufacturing-challenge__content {
  display: grid;
  grid-template-columns: repeat(3, 380px);
  justify-content: center;
}

.manufacturing-kpi__grid {
  margin-top: 0;
}

.manufacturing-challenge {
  margin-top: 118px;
}

.manufacturing-challenge__content {
  margin-top: 64px;
}

.manufacturing-kpi__card,
.manufacturing-challenge__item {
  width: 380px;
  min-height: 354px;
  padding: 0 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-left: 1px solid #dfe4ec;
}

.manufacturing-kpi__card:first-child,
.manufacturing-challenge__item:first-child {
  border-left: 0;
}

.manufacturing-kpi__media,
.manufacturing-challenge__media {
  width: 100%;
  display: flex;
  justify-content: center;
}

.manufacturing-kpi__media {
  height: 126px;
  align-items: flex-start;
}

.manufacturing-challenge__media {
  height: 154px;
  align-items: flex-start;
}

.manufacturing-kpi__body,
.manufacturing-challenge__body {
  width: 100%;
}

.manufacturing-kpi__body h3,
.manufacturing-challenge__body h3 {
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.035em;
  color: #151515;
}

.manufacturing-kpi__body h3 {
  min-height: 66px;
  font-size: 24px;
  line-height: 1.35;
}

.manufacturing-challenge__body h3 {
  margin-top: 30px;
  min-height: 50px;
  font-size: 18px;
  line-height: 1.45;
}


/* =========================
   KPI
========================= */

.manufacturing-kpi__media img {
  width: 88px;
  height: 88px;
  object-fit: contain;
}

.manufacturing-kpi__card:first-child .manufacturing-kpi__media img {
  width: 116px;
  height: 124px;
}


.manufacturing-kpi__body strong {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
  color: #014ed9;
  white-space: nowrap;
}

.manufacturing-kpi__body strong span {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.05em;
}

.manufacturing-kpi__body strong em {
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.manufacturing-kpi__body p {
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.5;
  color: #222;
}

.manufacturing-kpi__body p span {
  color: #014ed9;
}


/* =========================
   Challenge
========================= */

.manufacturing-challenge__media img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}

.manufacturing-challenge__body ul {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.manufacturing-challenge__body li {
  position: relative;
  padding-left: 14px;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: -0.025em;
  color: #333;
}

.manufacturing-challenge__body li + li {
  margin-top: 10px;
}

.manufacturing-challenge__body li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #111;
}


/* =========================
   Responsive
========================= */

@media (max-width: 1199px) {
  .manufacturing-overview {
    padding: 88px 0 108px;
  }

  .manufacturing-intro {
    gap: 64px;
  }

  .manufacturing-overview .section-head h2,
  .manufacturing-challenge .section-head h2 {
    font-size: 36px;
  }

  .manufacturing-section__lead,
  .manufacturing-section__desc {
    font-size: 17px;
  }

  .manufacturing-kpi__grid,
  .manufacturing-challenge__content {
    grid-template-columns: repeat(3, 320px);
    max-width: 1024px;
  }

  .manufacturing-kpi__card,
  .manufacturing-challenge__item {
    width: 320px;
    padding: 0 32px;
  }

  .manufacturing-kpi__body h3,
  .manufacturing-challenge__body h3 {
    font-size: 15px;
  }

  .manufacturing-challenge__media img {
    width: 132px;
    height: 132px;
  }
}

@media (max-width: 1024px) {
  .manufacturing-overview {
    padding: 80px 0 96px;
  }

  .manufacturing-overview .section-head h2,
  .manufacturing-challenge .section-head h2 {
    font-size: 32px;
  }

  .manufacturing-section__lead,
  .manufacturing-section__desc {
    font-size: 15px;
  }

  .manufacturing-kpi__grid,
  .manufacturing-challenge__content {
    grid-template-columns: repeat(3, 240px);
    max-width: 768px;
  }

  .manufacturing-kpi__card,
  .manufacturing-challenge__item {
    width: 240px;
    padding: 0 20px;
  }

  .manufacturing-kpi__media {
    height: 104px;
  }

  .manufacturing-kpi__media img {
    width: 72px;
    height: 72px;
  }

  .manufacturing-kpi__body h3 {
    font-size: 17px;
  }

  .manufacturing-kpi__body strong span {
    font-size: 44px;
  }

  .manufacturing-kpi__body strong em {
    font-size: 34px;
  }

  .manufacturing-challenge {
    margin-top: 96px;
  }

  .manufacturing-challenge__content {
    margin-top: 56px;
  }

  .manufacturing-challenge__media {
    height: 124px;
  }

  .manufacturing-challenge__media img {
    width: 108px;
    height: 108px;
  }

  .manufacturing-challenge__body h3 {
    font-size: 14px;
  }

  .manufacturing-challenge__body li {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .manufacturing-overview {
    padding: 72px 0 88px;
  }

  .manufacturing-intro {
    gap: 48px;
  }

  .manufacturing-overview .section-head h2,
  .manufacturing-challenge .section-head h2 {
    font-size: 30px;
  }

  .manufacturing-section__lead,
  .manufacturing-section__desc {
    font-size: 15px;
    line-height: 1.75;
  }

  .manufacturing-kpi__grid,
  .manufacturing-challenge__content {
    grid-template-columns: 1fr;
    max-width: none;
    margin-top: 40px;
  }

  .manufacturing-kpi__card,
  .manufacturing-challenge__item {
    width: 100%;
    min-height: auto;
    padding: 34px 20px;
    border-left: 0;
    border-top: 1px solid #e5e9f0;
  }

  .manufacturing-kpi__card:first-child,
  .manufacturing-challenge__item:first-child {
    border-top: 0;
  }

  .manufacturing-kpi__media,
  .manufacturing-challenge__media {
    height: auto;
    margin-bottom: 24px;
  }

  .manufacturing-kpi__body h3,
  .manufacturing-challenge__body h3 {
    min-height: auto;
    font-size: 19px;
  }

  .manufacturing-kpi__media img {
    width: 72px;
    height: 72px;
  }

  .manufacturing-kpi__body strong {
    margin-top: 22px;
  }

  .manufacturing-kpi__body strong span {
    font-size: 44px;
  }

  .manufacturing-kpi__body strong em {
    font-size: 34px;
  }

  .manufacturing-kpi__body p {
    margin-top: 16px;
    font-size: 15px;
  }

  .manufacturing-challenge {
    margin-top: 72px;
  }

  .manufacturing-challenge__media img {
    width: 108px;
    height: 108px;
  }

  .manufacturing-challenge__body ul {
    margin-top: 22px;
  }

  .manufacturing-challenge__body li {
    font-size: 14px;
    line-height: 1.75;
  }
}

/* =========================================================
   Manufacturing - Suite Intro
========================================================= */

.manufacturing-suite-intro {
  padding: 120px 0 110px;
  background: #fff;
  overflow: hidden;
}

.manufacturing-suite-intro .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.manufacturing-suite-intro .section-head {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}

.manufacturing-suite-intro .section-head h2 {
  margin: 0;
  color: #222;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.manufacturing-suite-intro .section-head h2 strong {
  color: #014ed9;
}

.manufacturing-suite-intro .manufacturing-section__desc {
  margin: 28px auto 0;
  color: #555;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.035em;
  word-break: keep-all;
}

.manufacturing-suite-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 88px;
  margin: 104px auto 0;
}

.manufacturing-suite-flow__item {
  position: relative;
  text-align: center;
}

.manufacturing-suite-flow__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 126px;
  right: -68px;
  width: 48px;
  height: 48px;
  background: url("/images/redesign/Circle_Arrow_Right.png") no-repeat center / contain;
}

.manufacturing-suite-flow__item img {
  display: block;
  width: 118px;
  height: 118px;
  object-fit: contain;
  margin: 0 auto 34px;
}

.manufacturing-suite-flow__item h3 {
  margin: 0;
  color: #014ed9;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.manufacturing-suite-flow__item p {
  margin: 28px 0 0;
  color: #555;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.04em;
  word-break: keep-all;
}

/* 1200 이하: PC 축소판 */
@media (max-width: 1199px) {
  .manufacturing-suite-intro {
    padding: 100px 0 96px;
  }

  .manufacturing-suite-intro .section-head h2 {
    font-size: 36px;
  }

  .manufacturing-suite-intro .manufacturing-section__desc {
    font-size: 19px;
  }

  .manufacturing-suite-flow {
    max-width: 820px;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 96px;
    margin-top: 84px;
  }

  .manufacturing-suite-flow__item::after {
    display: none;
  }

  .manufacturing-suite-flow__item img {
    width: 104px;
    height: 104px;
    margin-bottom: 28px;
  }

  .manufacturing-suite-flow__item h3 {
    font-size: 22px;
  }

  .manufacturing-suite-flow__item p {
    margin-top: 22px;
    font-size: 17px;
  }
}

/* 모바일 */
@media (max-width: 767px) {
  .manufacturing-suite-intro {
    padding: 78px 0 72px;
  }

  .manufacturing-suite-intro .section-head h2 {
    font-size: 30px;
    line-height: 1.4;
  }

  .manufacturing-suite-intro .manufacturing-section__desc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.7;
  }

  .manufacturing-suite-flow {
    max-width: 320px;
    grid-template-columns: 1fr;
    gap: 48px;
    margin-top: 64px;
  }

  .manufacturing-suite-flow__item img {
    width: 96px;
    height: 96px;
    margin-bottom: 22px;
  }

  .manufacturing-suite-flow__item h3 {
    font-size: 21px;
  }

  .manufacturing-suite-flow__item p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.65;
  }
}
/* =========================================================
   Manufacturing - Core Suite
========================================================= */

.manufacturing-core {
  padding: 30px 0;
  background: #fff;
}

.manufacturing-core .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.manufacturing-core .manufacturing-section__head {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.manufacturing-core .manufacturing-section__head h2 {
  margin: 0;
  color: #222;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.manufacturing-core__content {
  display: grid;
  gap: 40px;
}

.manufacturing-core__row {
  display: grid;
  grid-template-columns: 440px 1fr;
  min-height: 360px;
  background: #eef6ff;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.manufacturing-core__row:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(1, 78, 217, 0.12);
}

.manufacturing-core__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 72px 56px 40px;
  color: #fff;
  background: #3c7df5;
  clip-path: polygon(0 0, 84% 0, 100% 50%, 84% 100%, 0 100%);
}

.manufacturing-core__label--prediction {
  background: #2f70e7;
}

.manufacturing-core__label--safety {
  background: #255fcf;
}

.manufacturing-core__label--app {
  background: #003f9f;
}

.manufacturing-core__label h3 {
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.manufacturing-core__label h3::after {
  content: "";
  display: block;
  width: 260px;
  height: 1px;
  margin: 26px 0 28px;
  background: rgba(255, 255, 255, 0.75);
}

.manufacturing-core__label p {
  margin: 0;
  max-width: 270px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.035em;
  word-break: keep-all;
}

.manufacturing-core__body {
  position: relative;
  display: flex;
  align-items: center;
  padding: 82px 42px 56px 28px;
}

.manufacturing-core__body::before {
  content: "";
  position: absolute;
  top: 52px;
  left: 28px;
  right: 32px;
  height: 1px;
  background: #7aa9f8;
}

.manufacturing-core__body::after {
  content: "";
  position: absolute;
  top: 47px;
  right: 32px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #7aa9f8;
  border-right: 1px solid #7aa9f8;
  transform: rotate(45deg);
}

.manufacturing-core__caption {
  position: absolute;
  top: 22px;
  right: 46px;
  margin: 0;
  color: #014ed9;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.035em;
}

.manufacturing-core__grid {
  width: 100%;
  display: grid;
  gap: 52px;
}

.manufacturing-core__grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.manufacturing-core__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 900px;
}

.manufacturing-core__item {
  min-width: 0;
}

.manufacturing-core__item h4 {
  margin: 0;
  color: #014ed9;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.035em;
}

.manufacturing-core__item h4::after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin: 12px 0 28px;
  background: #014ed9;
  transition: width 0.25s ease;
}

.manufacturing-core__item:hover h4::after {
  width: 52px;
}

.manufacturing-core__en {
  min-height: 34px;
  margin: -22px 0 28px;
  color: #111;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.manufacturing-core__en:empty {
  display: none;
}

.manufacturing-core__item strong {
  display: block;
  margin: 0 0 18px;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.035em;
  word-break: keep-all;
}

.manufacturing-core__item > p:last-child {
  margin: 0;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.035em;
  word-break: keep-all;
}

/* 노트북/태블릿 */
@media (max-width: 1199px) {
  .manufacturing-core {
    padding: 100px 0;
  }

  .manufacturing-core .manufacturing-section__head h2 {
    font-size: 34px;
  }

  .manufacturing-core__row {
    grid-template-columns: 320px 1fr;
    min-height: auto;
  }

  .manufacturing-core__label {
    padding: 44px 60px 44px 32px;
  }

  .manufacturing-core__label h3 {
    font-size: 28px;
  }

  .manufacturing-core__label h3::after {
    width: 200px;
  }

  .manufacturing-core__label p {
    font-size: 16px;
  }

  .manufacturing-core__body {
    padding: 76px 30px 44px 24px;
  }

  .manufacturing-core__grid,
  .manufacturing-core__grid--3,
  .manufacturing-core__grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
    gap: 42px 36px;
  }
}

/* 모바일 */
@media (max-width: 767px) {
  .manufacturing-core {
    padding: 72px 0;
  }

  .manufacturing-core .container {
    padding: 0 20px;
  }

  .manufacturing-core .manufacturing-section__head {
    margin-bottom: 36px;
  }

  .manufacturing-core .manufacturing-section__head h2 {
    font-size: 16px;
    line-height: 1.5;
  }

  .manufacturing-core__content {
    gap: 28px;
  }

  .manufacturing-core__row {
    display: block;
    background: #eef6ff;
  }

  .manufacturing-core__row:hover {
    transform: none;
    box-shadow: none;
  }

  .manufacturing-core__label {
    clip-path: none;
    padding: 28px 24px;
  }

  .manufacturing-core__label h3 {
    font-size: 16px;
    line-height: 1.35;
  }

  .manufacturing-core__label h3::after {
    width: 100%;
    margin: 16px 0;
  }

  .manufacturing-core__label p {
    max-width: none;
    font-size: 14px;
    line-height: 1.7;
  }

  .manufacturing-core__body {
    display: block;
    padding: 52px 24px 28px;
  }

  .manufacturing-core__body::before {
    top: 34px;
    left: 24px;
    right: 24px;
  }

  .manufacturing-core__body::after {
    top: 29px;
    right: 24px;
  }

  .manufacturing-core__caption {
    top: 12px;
    right: 36px;
    left: 24px;
    font-size: 12px;
    text-align: right;
  }

  .manufacturing-core__grid,
  .manufacturing-core__grid--3,
  .manufacturing-core__grid--4 {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .manufacturing-core__item h4 {
    font-size: 16px;
  }

  .manufacturing-core__item h4::after {
    margin: 8px 0 14px;
  }

  .manufacturing-core__en {
    min-height: 0;
    margin: -8px 0 14px;
    font-size: 11px;
  }

  .manufacturing-core__item strong {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.5;
  }

  .manufacturing-core__item > p:last-child {
    font-size: 13px;
    line-height: 1.7;
  }
}

/* =========================================================
   Manufacturing - Case
========================================================= */

.manufacturing-case {
  padding: 110px 0;
  background: #fff;
}

.manufacturing-case .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.manufacturing-case .section-head {
  margin: 0 auto 44px;
  text-align: center;
}

.manufacturing-case .section-head h2 {
  margin: 0;
  color: #111;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.manufacturing-case .manufacturing-section__desc {
  margin: 18px 0 0;
  color: #555;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.035em;
}

/* 1440px 기준 약 70% */
.manufacturing-case__content {
  max-width: 1040px;
  margin: 0 auto;
}

.manufacturing-case__slider {
  position: relative;
}

.manufacturing-case__viewport {
  overflow: hidden;
}

.manufacturing-case__slides {
  display: flex;
  transition: transform 0.4s ease;
}

.manufacturing-case__slide {
  flex: 0 0 100%;
  min-width: 100%;
}

.manufacturing-case__visual {
  position: relative;
  height: 520px;
  overflow: hidden;
  background: #07162c;
}

.manufacturing-case__visual > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manufacturing-case__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(2, 18, 45, 0.86) 0%,
    rgba(2, 18, 45, 0.6) 36%,
    rgba(2, 18, 45, 0.16) 72%,
    rgba(2, 18, 45, 0.04) 100%
  );
  pointer-events: none;
}

/* 좌측 텍스트 */
.manufacturing-case__overlay {
  position: absolute;
  z-index: 2;
  top: 56px;
  left: 62px;
  width: 500px;
  color: #fff;
}

.manufacturing-case__category {
  display: inline-flex;
  align-items: center;
  height: 44px;
  margin-bottom: 28px;
  padding: 0 28px;
  border-radius: 999px;
  background: #014ed9;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.035em;
}

.manufacturing-case__overlay h3 {
  margin: 0;
  color: #fff;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.045em;
}

.manufacturing-case__line {
  display: block;
  width: 74px;
  height: 2px;
  margin: 24px 0 24px;
  background: #fff;
}

.manufacturing-case__overlay h4 {
  margin: 0;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.manufacturing-case__overlay p {
  margin: 10px 0 0;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.04em;
}

/* 흰색 성과 카드 */
.manufacturing-case__metrics {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: calc(100% - 90px);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
  transform: translateX(-50%);
  overflow: hidden;
}

.manufacturing-case__metric {
  min-height: 150px;
  padding: 28px 24px 24px;
  text-align: center;
  border-right: 1px solid #e5e9f0;
  box-sizing: border-box;
}

.manufacturing-case__metric:last-child {
  border-right: 0;
}

.manufacturing-case__metric span {
  display: block;
  margin-bottom: 14px;
  color: #111;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.manufacturing-case__metric strong {
  display: block;
  color: #014ed9;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
}

.manufacturing-case__metric strong em {
  margin-left: 4px;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.manufacturing-case__metric p {
  margin: 14px 0 0;
  color: #777;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -0.035em;
}

/* arrows */
.manufacturing-case__arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 1px solid #dfe5ef;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
}

.manufacturing-case__arrow--prev {
  left: -72px;
}

.manufacturing-case__arrow--next {
  right: -72px;
}

.manufacturing-case__arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #014ed9;
  border-right: 2px solid #014ed9;
}

.manufacturing-case__arrow--prev span {
  transform: translate(-35%, -50%) rotate(-135deg);
}

.manufacturing-case__arrow--next span {
  transform: translate(-65%, -50%) rotate(45deg);
}

.manufacturing-case__arrow:hover {
  border-color: #014ed9;
}

/* dots */
.manufacturing-case__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

.manufacturing-case__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d5dbe5;
  cursor: pointer;
}

.manufacturing-case__dot.is-active {
  background: #014ed9;
}

/* buttons */
.manufacturing-case__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
  margin-top: 38px;
}

.manufacturing-case__actions .button {
  width: 280px;
  height: 52px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.manufacturing-case__actions .button--primary {
  background: #014ed9;
  color: #fff;
}

.manufacturing-case__actions .button--dark {
  background: #151515;
  color: #fff;
}

/* Tablet */
@media (max-width: 1199px) {
  .manufacturing-case {
    padding: 90px 0;
  }

  .manufacturing-case .section-head h2 {
    font-size: 34px;
  }

  .manufacturing-case .manufacturing-section__desc {
    font-size: 18px;
  }

  .manufacturing-case__content {
    max-width: 900px;
  }

  .manufacturing-case__visual {
    height: 500px;
  }

  .manufacturing-case__overlay {
    top: 48px;
    left: 44px;
    width: 430px;
  }

  .manufacturing-case__metrics {
    width: calc(100% - 64px);
  }

  .manufacturing-case__arrow--prev {
    left: 12px;
  }

  .manufacturing-case__arrow--next {
    right: 12px;
  }
}

@media (max-width: 1024px) {
  .manufacturing-case__overlay {
    width: min(380px, calc(100% - 96px));
  }

  .manufacturing-case__actions {
    gap: 20px;
    flex-wrap: wrap;
  }

  .manufacturing-case__actions .button {
    flex: 1 1 280px;
  }
}

@media (max-width: 860px) {
  .manufacturing-case__visual {
    height: 460px;
  }

  .manufacturing-case__overlay {
    top: 40px;
    left: 32px;
    width: min(320px, calc(100% - 64px));
  }

  .manufacturing-case__category {
    margin-bottom: 20px;
    padding: 0 22px;
    font-size: 16px;
  }

  .manufacturing-case__overlay h3 {
    font-size: 28px;
  }

  .manufacturing-case__overlay h4 {
    font-size: 18px;
  }

  .manufacturing-case__overlay p {
    font-size: 15px;
  }

  .manufacturing-case__metrics {
    width: calc(100% - 48px);
    bottom: 24px;
  }

  .manufacturing-case__metric {
    min-height: 136px;
    padding: 24px 16px 20px;
  }

  .manufacturing-case__metric span {
    font-size: 16px;
  }

  .manufacturing-case__metric strong {
    font-size: 30px;
  }

  .manufacturing-case__metric strong em {
    font-size: 22px;
  }

  .manufacturing-case__metric p {
    font-size: 13px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .manufacturing-case {
    padding: 72px 0;
  }

  .manufacturing-case .container {
    padding: 0 20px;
  }

  .manufacturing-case .section-head {
    margin-bottom: 28px;
  }

  .manufacturing-case .section-head h2 {
    font-size: 16px;
    line-height: 1.45;
  }

  .manufacturing-case .manufacturing-section__desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
  }

  .manufacturing-case__content {
    max-width: 100%;
  }

  .manufacturing-case__slider {
    padding: 0;
  }

  .manufacturing-case__visual {
    height: auto;
    overflow: hidden;
    background: #f3f7ff;
  }

  .manufacturing-case__visual > img {
    height: 220px;
    object-fit: cover;
  }

  .manufacturing-case__visual::after {
    display: none;
  }

  .manufacturing-case__overlay {
    position: static;
    width: auto;
    padding: 22px 20px 0;
    color: #111;
  }

  .manufacturing-case__category {
    height: 32px;
    margin-bottom: 14px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 500;
  }

  .manufacturing-case__overlay h3 {
    color: #111;
    font-size: 16px;
    line-height: 1.35;
  }

  .manufacturing-case__line {
    width: 36px;
    height: 1px;
    margin: 14px 0;
    background: #014ed9;
  }

  .manufacturing-case__overlay h4 {
    color: #111;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
  }

  .manufacturing-case__overlay p {
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    line-height: 1.55;
  }

  .manufacturing-case__metrics {
    position: static;
    width: auto;
    display: grid;
    grid-template-columns: 1fr;
    margin: 22px 20px 20px;
    border-radius: 12px;
    box-shadow: none;
    transform: none;
  }

  .manufacturing-case__metric {
    min-height: auto;
    padding: 18px 16px;
    border-right: 0;
    border-bottom: 1px solid #e5e9f0;
  }

  .manufacturing-case__metric:last-child {
    border-bottom: 0;
  }

  .manufacturing-case__metric span {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .manufacturing-case__metric strong {
    font-size: 16px;
  }

  .manufacturing-case__metric strong em {
    font-size: 14px;
  }

  .manufacturing-case__metric p {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
  }

  .manufacturing-case__arrow {
    z-index: 20;
    top: 110px;
    width: 40px;
    height: 40px;
    pointer-events: auto;
    touch-action: manipulation;
  }

  .manufacturing-case__arrow--prev {
    left: 8px;
  }

  .manufacturing-case__arrow--next {
    right: 8px;
  }

  .manufacturing-case__arrow span {
    width: 11px;
    height: 11px;
  }

  .manufacturing-case__dots {
    margin-top: 20px;
  }

  .manufacturing-case__actions {
    flex-direction: column;
    gap: 10px;
    margin-top: 26px;
  }

  .manufacturing-case__actions .button {
    width: 100%;
    height: 52px;
    min-height: 52px;
    font-size: 16px;
    font-weight: 500;
  }
}
.manufacturing-faq-section__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
}

.manufacturing-faq-section__actions .button {
  min-width: 290px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media (max-width: 767px) {
  .manufacturing-faq-section__actions {
    margin-top: 40px;
  }

  .manufacturing-faq-section__actions .button {
    width: 100%;
    min-width: 0;
    max-width: 360px;
    height: 52px;
    font-size: 18px;
  }
}

/* =========================================================
   Manufacturing AI Responsive Polish
   - Tablet/mobile only
========================================================= */

@media (max-width: 1024px) {
  body[data-page="manufacturing-ai"] .manufacturing-page {
    overflow-x: hidden;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing,
  body[data-page="manufacturing-ai"] .hero--manufacturing .container {
    min-height: auto;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .container {
    padding-top: 128px;
    padding-bottom: 76px;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .hero-copy {
    max-width: 100%;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .hero-copy h1,
  body[data-page="manufacturing-ai"] .manufacturing-section__head h2,
  body[data-page="manufacturing-ai"] .manufacturing-overview .section-head h2,
  body[data-page="manufacturing-ai"] .manufacturing-challenge .section-head h2,
  body[data-page="manufacturing-ai"] .manufacturing-suite-intro .section-head h2,
  body[data-page="manufacturing-ai"] .manufacturing-core .manufacturing-section__head h2,
  body[data-page="manufacturing-ai"] .manufacturing-case .section-head h2,
  body[data-page="manufacturing-ai"] .manufacturing-core__label h3,
  body[data-page="manufacturing-ai"] .manufacturing-core__item h4,
  body[data-page="manufacturing-ai"] .manufacturing-case__overlay h3,
  body[data-page="manufacturing-ai"] .manufacturing-case__overlay h4 {
    overflow-wrap: normal;
    word-break: keep-all;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .hero-copy p,
  body[data-page="manufacturing-ai"] .manufacturing-section__lead,
  body[data-page="manufacturing-ai"] .manufacturing-section__desc,
  body[data-page="manufacturing-ai"] .manufacturing-suite-flow__item p,
  body[data-page="manufacturing-ai"] .manufacturing-core__label p,
  body[data-page="manufacturing-ai"] .manufacturing-core__item > p:last-child,
  body[data-page="manufacturing-ai"] .manufacturing-challenge__body li,
  body[data-page="manufacturing-ai"] .manufacturing-case__overlay p,
  body[data-page="manufacturing-ai"] .manufacturing-case__metric p {
    overflow-wrap: normal;
    word-break: keep-all;
  }

  body[data-page="manufacturing-ai"] .manufacturing-overview,
  body[data-page="manufacturing-ai"] .manufacturing-suite-intro,
  body[data-page="manufacturing-ai"] .manufacturing-core,
  body[data-page="manufacturing-ai"] .manufacturing-case,
  body[data-page="manufacturing-ai"] .manufacturing-faq-section {
    overflow: hidden;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__grid,
  body[data-page="manufacturing-ai"] .manufacturing-challenge__content,
  body[data-page="manufacturing-ai"] .manufacturing-suite-flow,
  body[data-page="manufacturing-ai"] .manufacturing-core__content,
  body[data-page="manufacturing-ai"] .manufacturing-core__body,
  body[data-page="manufacturing-ai"] .manufacturing-core__grid,
  body[data-page="manufacturing-ai"] .manufacturing-core__grid--3,
  body[data-page="manufacturing-ai"] .manufacturing-core__grid--4,
  body[data-page="manufacturing-ai"] .manufacturing-case__content,
  body[data-page="manufacturing-ai"] .manufacturing-case__track {
    max-width: 100%;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card,
  body[data-page="manufacturing-ai"] .manufacturing-challenge__item,
  body[data-page="manufacturing-ai"] .manufacturing-suite-flow__item,
  body[data-page="manufacturing-ai"] .manufacturing-core__row,
  body[data-page="manufacturing-ai"] .manufacturing-core__label,
  body[data-page="manufacturing-ai"] .manufacturing-core__body,
  body[data-page="manufacturing-ai"] .manufacturing-core__item,
  body[data-page="manufacturing-ai"] .manufacturing-case__slide,
  body[data-page="manufacturing-ai"] .manufacturing-case__visual,
  body[data-page="manufacturing-ai"] .manufacturing-case__metric {
    min-width: 0;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__media img,
  body[data-page="manufacturing-ai"] .manufacturing-challenge__media img,
  body[data-page="manufacturing-ai"] .manufacturing-suite-flow__item img,
  body[data-page="manufacturing-ai"] .manufacturing-case__visual > img {
    max-width: 100%;
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__actions {
    flex-wrap: wrap;
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__actions .button,
  body[data-page="manufacturing-ai"] .manufacturing-faq-section__actions .button,
  body[data-page="manufacturing-ai"] .site-cta .site-cta__actions .button {
    max-width: 100%;
    min-width: 0;
    text-align: center;
    white-space: normal;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card {
    width: auto;
    padding-right: 22px;
    padding-left: 22px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__media {
    align-items: flex-start;
    justify-content: center;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__media img {
    width: 82px;
    height: 82px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card:first-child .manufacturing-kpi__media img {
    width: 108px;
    height: 116px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body h3 {
    min-height: 58px;
    font-size: 17px;
    line-height: 1.42;
    word-break: keep-all;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body strong {
    align-items: center;
    gap: 7px;
    white-space: nowrap;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body strong span {
    font-size: clamp(40px, 5vw, 48px);
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body strong em {
    font-size: clamp(30px, 4vw, 36px);
  }
}

@media (max-width: 768px) {
  body[data-page="manufacturing-ai"] .hero--manufacturing .container {
    padding-top: 96px;
    padding-bottom: 64px;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .hero-bg {
    background-position: 58% center;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .hero-copy h1 {
    font-size: clamp(30px, 8vw, 38px);
    line-height: 1.25;
  }

  body[data-page="manufacturing-ai"] .manufacturing-hero__awards {
    width: 100%;
    box-sizing: border-box;
  }

  body[data-page="manufacturing-ai"] .manufacturing-overview,
  body[data-page="manufacturing-ai"] .manufacturing-suite-intro,
  body[data-page="manufacturing-ai"] .manufacturing-core,
  body[data-page="manufacturing-ai"] .manufacturing-case,
  body[data-page="manufacturing-ai"] .manufacturing-faq-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__grid,
  body[data-page="manufacturing-ai"] .manufacturing-challenge__content,
  body[data-page="manufacturing-ai"] .manufacturing-suite-flow,
  body[data-page="manufacturing-ai"] .manufacturing-core__grid,
  body[data-page="manufacturing-ai"] .manufacturing-core__grid--3,
  body[data-page="manufacturing-ai"] .manufacturing-core__grid--4 {
    grid-template-columns: 1fr;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__grid {
    gap: 0;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card {
    border-left: 0;
    border-top: 1px solid #e5e9f0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card:first-child {
    border-top: 0;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__media {
    height: auto;
    margin-bottom: 20px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__media img {
    width: 82px;
    height: 82px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card:first-child .manufacturing-kpi__media img {
    width: 108px;
    height: 116px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body h3 {
    min-height: 0;
    font-size: 20px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-core__row {
    grid-template-columns: 1fr;
  }

  body[data-page="manufacturing-ai"] .manufacturing-core__body {
    height: auto;
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__visual {
    height: auto;
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__visual > img {
    height: 240px;
    object-fit: cover;
    object-position: center;
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__overlay,
  body[data-page="manufacturing-ai"] .manufacturing-case__metrics {
    max-width: calc(100% - 40px);
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__actions .button,
  body[data-page="manufacturing-ai"] .manufacturing-faq-section__actions .button,
  body[data-page="manufacturing-ai"] .site-cta .site-cta__actions .button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  body[data-page="manufacturing-ai"] .hero--manufacturing .container {
    padding-top: 84px;
    padding-bottom: 54px;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .hero-copy h1 {
    font-size: 28px;
  }

  body[data-page="manufacturing-ai"] .hero--manufacturing .hero-copy p,
  body[data-page="manufacturing-ai"] .manufacturing-section__lead,
  body[data-page="manufacturing-ai"] .manufacturing-section__desc {
    font-size: 14px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-overview,
  body[data-page="manufacturing-ai"] .manufacturing-suite-intro,
  body[data-page="manufacturing-ai"] .manufacturing-core,
  body[data-page="manufacturing-ai"] .manufacturing-case,
  body[data-page="manufacturing-ai"] .manufacturing-faq-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-hero__awards,
  body[data-page="manufacturing-ai"] .manufacturing-kpi__card,
  body[data-page="manufacturing-ai"] .manufacturing-challenge__item,
  body[data-page="manufacturing-ai"] .manufacturing-core__label,
  body[data-page="manufacturing-ai"] .manufacturing-core__body,
  body[data-page="manufacturing-ai"] .manufacturing-case__overlay,
  body[data-page="manufacturing-ai"] .manufacturing-case__metric {
    padding-right: 16px;
    padding-left: 16px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__media img {
    width: 78px;
    height: 78px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__card:first-child .manufacturing-kpi__media img {
    width: 102px;
    height: 110px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body h3 {
    font-size: 18px;
    line-height: 1.42;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body strong {
    gap: 6px;
    margin-top: 18px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body strong span {
    font-size: 40px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body strong em {
    font-size: 30px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-kpi__body p {
    margin-top: 12px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-suite-flow {
    max-width: 100%;
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__visual > img {
    height: 220px;
  }

  body[data-page="manufacturing-ai"] .manufacturing-case__actions {
    gap: 12px;
  }
}