@charset "UTF-8";
:root {
  --baseUnit: 0.75rem;
  --gutter: 2.25rem;
  --xs: 375px;
  --sm: 480px;
  --md: 992px;
  --lg: 1180px;
  --xl: 1920px;
  /* ── 듀오톤 아이콘 3색 (녹색, 로고 충실) — duotone-icon.html 이 읽는다 ──
     밝은 녹색(본체) → 짙은 녹색(뱃지) → 더 짙은 녹색(교집합·앵커)의 명도 램프.
     흰 캔버스에서 밝은 녹색만으론 대비가 빠듯하므로(≈1.9:1) 가장 어두운
     교집합 톤이 그래픽 대비(≥3:1)를 담당한다. 상세: DESIGN.md "Duotone Icon System".
     엔터프라이즈(/solutions/enterprise/)는 mesh 팔레트를 쓰므로 자기 스코프에서
     이 --zz-duo-* 를 mesh 값으로 덮어쓴다(_common.scss). */
  --zz-duo-bg: #60d084; /* 밝은 녹색 — 본체(가장 넓음)        대비 ~1.9:1 */
  --zz-duo-fg: #4aa570; /* 짙은 녹색(#4aa570) — 뱃지(중간) 대비 ~3.0:1 */
  --zz-duo-x: rgb(58.2092050209, 129.7907949791, 88.10041841); /* 더 짙은 녹색 — 교집합·앵커  대비 ~4:1+ */
  /* 경고(warning) 듀오톤 — 개념(녹색)과 시맨틱을 가르는 앰버 2톤.
     alert-triangle·file-warning 전용. 밝은 앰버(본체) + 짙은 앰버(느낌표).
     뱃지는 체크가 아니라 느낌표. 짙은 앰버가 그래픽 대비를 담당한다. */
  --zz-duo-warn-bg: #fcd34d; /* 밝은 앰버 — 본체 */
  --zz-duo-warn-x: #b45309; /* 짙은 앰버 — 느낌표 (밝은 본체 위 강한 대비) */
}

/* 다크 섹션(네비·CTA 등) 위에서는 밝은 녹색이 지배하도록 반전.
   셀렉터는 코드베이스 다크 표준(_color.scss / dark-theme-mixins)과 정렬한다. */
.zz-bg-black,
.zz-bg-black-dim,
.zz-bg-dark {
  --zz-duo-bg: #8fe3ab;
  --zz-duo-fg: #60d084;
  --zz-duo-x: #c9f5da;
  /* 경고 앰버 — 다크 섹션에서도 본체가 지배하고 느낌표가 읽히도록 유지 */
  --zz-duo-warn-bg: #fbbf24;
  --zz-duo-warn-x: #7c2d12;
}

h1 {
  font-size: 3.052rem;
  font-weight: 700;
  letter-spacing: -0.025rem;
}

h2 {
  font-size: 2.441rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}

h3 {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
}

h4 {
  font-size: 1.563rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
}

h5 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
}

p {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
}

.body-text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
}

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

.ent-inq-cases {
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(208.7447698745, 234.2552301255, 219.3974895397);
  border-radius: 1.125rem;
  background: linear-gradient(160deg, rgb(229.870292887, 243.729707113, 235.6577405858), hsl(165, 4.2105263158%, 104.7450980392%));
  padding: 1.125rem 1.125rem 0.75rem;
}
.ent-inq-cases__label {
  display: block;
  margin-bottom: 0.9rem;
  color: rgb(61.3673640167, 136.8326359833, 92.880334728);
  font-size: 0.8125rem;
  font-weight: 800;
}
.ent-inq-cases__track {
  position: relative;
  width: 100%;
}
.ent-inq-cases__slide {
  display: none;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  min-height: 12.5rem;
  width: 100%;
  text-decoration: none;
  animation: entInqCasesFadeIn 0.4s ease;
}
.ent-inq-cases__slide.is-active {
  display: flex;
}
.ent-inq-cases__slide:hover {
  text-decoration: none;
}
.ent-inq-cases__head {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.ent-inq-cases__head img {
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  background: white;
  border-radius: 50%;
  object-fit: cover;
}
.ent-inq-cases__head strong {
  display: block;
  color: #000;
  font-size: 1rem;
  font-weight: 800;
}
.ent-inq-cases__head span {
  display: block;
  margin-top: 0.0625rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8125rem;
}
.ent-inq-cases__slide p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.6;
  word-break: keep-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ent-inq-cases__dots {
  display: flex;
  margin-top: 1.125rem;
  justify-content: center;
  gap: 0.375rem;
}
.ent-inq-cases__dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
.ent-inq-cases__dot.is-active {
  background: #4aa570;
  transform: scale(1.3);
}
@media (prefers-reduced-motion: reduce) {
  .ent-inq-cases__slide {
    animation: none;
  }
}

@keyframes entInqCasesFadeIn {
  from {
    opacity: 0;
    transform: translateY(0.375rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=page-inquiry-enterprise.css.map */