@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;
}

@media (max-width: 480px) {
  .rx-ei .rx-sec__head {
    flex-wrap: wrap;
  }
}
.rx-ei .rx-sec__head {
  padding-top: 1.875rem;
  border-top: 1px solid rgba(169, 210, 184, 0.15);
}
.rx-ei .rx-sec__title {
  display: flex;
  align-items: center;
  gap: 0.6255rem;
  color: #eaf1ec;
  font-size: 1.1875rem;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 1.4;
}
.rx-ei .rx-sec__title::before {
  width: 0.375rem;
  height: 0.375rem;
  flex: none;
  background: #60d184;
  border-radius: 50%;
  content: "";
}
.rx-ei .rx-q--lead .rx-q__text,
.rx-ei .rx-q--band .rx-q__text {
  color: #8e9c94;
  font-weight: 400;
  line-height: 1.5;
}
.rx-ei a.rx-ei-ensemble__all {
  color: #60d184;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
}
.rx-ei a.rx-ei-ensemble__all:hover {
  text-decoration: underline;
}
.rx-ei .rx-q--lead .rx-q__text {
  font-size: 1.625rem;
  font-weight: 300;
}
@media (max-width: 992px) {
  .rx-ei .rx-q--lead .rx-q__text {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .rx-ei .rx-q--lead .rx-q__text {
    font-size: 1.125rem;
  }
}
.rx-ei .rx-q--band .rx-q__text {
  font-size: 1.375rem;
}
@media (max-width: 480px) {
  .rx-ei .rx-q--band .rx-q__text {
    font-size: 1rem;
  }
}
.rx-ei .rx-ei-rail .rx-q--band .rx-q__text {
  font-size: 1.5rem;
  font-weight: 300;
}
@media (max-width: 480px) {
  .rx-ei .rx-ei-rail .rx-q--band .rx-q__text {
    font-size: 1.125rem;
  }
}
.rx-ei .rx-lead-person__title {
  font-weight: 700;
  line-height: 1.26;
}
.rx-ei .rx-band__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (max-width: 1180px) {
  .rx-ei .rx-band__title {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .rx-ei .rx-band__title {
    font-size: 1.5625rem;
  }
}
.rx-ei-mast {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  gap: 3rem;
  padding-block: 3rem 4.005rem;
  border-bottom: 1px solid rgba(169, 210, 184, 0.075);
}
@media (max-width: 992px) {
  .rx-ei-mast {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.0025rem;
    padding-block: 2.25rem 2.505rem;
  }
}
.rx-ei-mast__title {
  margin: 0;
  color: #eaf1ec;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.026em;
  line-height: 1.3;
}
.rx-ei-mast__lede {
  max-width: 36em;
  margin: 1.0005rem 0 0;
  color: #8e9c94;
  font-size: 1rem;
  line-height: 1.7;
}
.rx-ei-strip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.0005rem;
  color: #8e9c94;
  justify-self: end;
}
@media (max-width: 992px) {
  .rx-ei-strip {
    justify-self: start;
  }
}
.rx-ei-strip__faces {
  display: flex;
  padding-left: calc(-0.6255rem * -1);
}
@media (max-width: 480px) {
  .rx-ei-strip__faces .rx-ei-strip__face:nth-child(n+9) {
    display: none;
  }
}
.rx-ei-strip__face {
  display: block;
  width: 2.505rem;
  height: 2.505rem;
  margin-left: -0.6255rem;
  overflow: hidden;
  border: 2px solid #070b0a;
  border-radius: 50%;
  background: #5e6c65;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: transform 0.2s ease-out;
}
.rx-ei-strip__face img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 32%;
}
.rx-ei-strip__face--logo {
  background: #fff;
}
.rx-ei-strip__face--logo img {
  padding: 15%;
  object-fit: contain;
}
.rx-ei-strip:hover .rx-ei-strip__face {
  transform: translateY(-2px);
}
.rx-ei-strip__label {
  font-size: 1rem;
  letter-spacing: -0.01em;
}
.rx-ei-strip__label strong {
  color: #eaf1ec;
  font-weight: 600;
}
.rx-ei-strip__more {
  margin-left: 0.75rem;
  color: #60d184;
  font-weight: 500;
}
.rx-ei-feature {
  padding-block: 5.0025rem 0;
}
@media (max-width: 1180px) and (min-width: calc(992px + 1px)) {
  .rx-ei-feature .rx-lead-person {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: 2.505rem;
  }
}
@media (max-width: 992px) {
  .rx-ei-feature .rx-lead-person__portrait-col {
    max-width: 20.0025rem;
  }
}
.rx-ei-rail {
  padding-block: 5.0025rem 0;
}
.rx-ei-rail .rx-rail__track {
  grid-auto-columns: 100%;
}
.rx-ei-rail__nav {
  display: flex;
  margin-top: 0.375rem;
  justify-content: center;
  gap: 1.0005rem;
}
.rx-ei-rail .rx-rail__btn {
  width: 2.7525rem;
  height: 2.7525rem;
  border: 1.5px solid rgba(96, 209, 132, 0.6);
  background: rgba(96, 209, 132, 0.12);
  color: #60d184;
  font-size: 1rem;
  font-weight: 600;
}
.rx-ei-rail .rx-rail__btn:hover:not(:disabled) {
  background: #60d184;
  border-color: #60d184;
  color: #070b0a;
}
.rx-ei-rail .rx-rail__btn:focus-visible {
  outline: 2px solid rgba(96, 209, 132, 0.55);
  outline-offset: 2px;
}
.rx-ei-rail .rx-rail__btn:disabled {
  background: none;
  border-color: rgba(169, 210, 184, 0.15);
  color: #5e6c65;
  opacity: 1;
}
.rx-ei-rail__slide {
  border-top: 0;
  padding-block: 1.5rem 1.5rem;
}
.rx-ei-ensemble {
  padding-block: 5.0025rem 0;
}
.rx-ei-ensemble__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.00025rem;
}
@media (max-width: 992px) {
  .rx-ei-ensemble__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.0005rem;
  }
}
.rx-ei-chip {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  padding: 0 0.6255rem;
  border: 1px solid rgba(169, 210, 184, 0.15);
  border-radius: 0.2505rem;
  color: #8e9c94;
  font-size: 0.781rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.rx-ei-chip--on {
  background: rgba(96, 209, 132, 0.1);
  border-color: rgba(96, 209, 132, 0.5);
  color: #60d184;
}
.rx-ei-fresh {
  padding-block: 5.0025rem 7.5rem;
}
.rx-ei-fresh__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 4.005rem;
  align-items: stretch;
}
@media (max-width: 992px) {
  .rx-ei-fresh__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.505rem;
  }
}
.rx-ei-fresh--featured-only .rx-ei-fresh__grid, .rx-ei-fresh--latest-only .rx-ei-fresh__grid {
  grid-template-columns: minmax(0, 1fr);
}
.rx-ei-fresh--featured-only .rx-ei-featured {
  max-width: 57.5025rem;
}
.rx-ei-fresh__head {
  margin-bottom: 1.25025rem;
}
.rx-ei-fresh__all {
  color: #60d184;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
}
.rx-ei-fresh__list {
  display: grid;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(169, 210, 184, 0.15);
  list-style: none;
}
.rx-ei-row {
  border-bottom: 1px solid rgba(169, 210, 184, 0.075);
}
.rx-ei-row__link {
  display: grid;
  grid-template-columns: 9.375rem minmax(0, 1fr);
  gap: 1.5rem;
  align-items: center;
  padding: 1.25025rem 0;
  color: inherit;
}
@media (max-width: 480px) {
  .rx-ei-row__link {
    grid-template-columns: 6.255rem minmax(0, 1fr);
    gap: 0.813rem;
  }
}
.rx-ei-row__art {
  display: block;
  overflow: hidden;
  border-radius: 0.50025rem;
}
.rx-ei-row__art .rx-art {
  margin: 0;
}
.rx-ei-row__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.6255rem;
}
.rx-ei-row__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #5e6c65;
  font-size: 0.8125rem;
  gap: 0.75rem;
}
.rx-ei-row__title {
  display: -webkit-box;
  overflow: hidden;
  color: #eaf1ec;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.016em;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: color 0.16s ease-out;
}
@media (max-width: 480px) {
  .rx-ei-row__title {
    font-size: 1rem;
  }
}
.rx-ei-row__link:hover .rx-ei-row__title {
  color: #60d184;
}
.rx-ei-featured {
  position: relative;
  display: flex;
  min-height: 22.5rem;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border: 1px solid rgba(169, 210, 184, 0.15);
  border-radius: 1.0005rem;
  color: inherit;
  isolation: isolate;
}
.rx-ei-featured__img {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease-out;
}
.rx-ei-featured__scrim {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(to top, rgba(7, 11, 10, 0.94) 0%, rgba(7, 11, 10, 0.62) 42%, rgba(7, 11, 10, 0) 78%);
}
.rx-ei-featured:hover .rx-ei-featured__img {
  transform: scale(1.03);
}
.rx-ei-featured__in {
  display: flex;
  flex-direction: column;
  gap: 1.0005rem;
  padding: 2.0025rem 2.1255rem 2.25rem;
}
.rx-ei-featured__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.50025rem;
}
.rx-ei-featured__title {
  color: #eaf1ec;
  font-size: 1.5625rem;
  font-weight: 600;
  letter-spacing: -0.024em;
  line-height: 1.4;
  overflow-wrap: anywhere;
  transition: color 0.16s ease-out;
}
.rx-ei-featured:hover .rx-ei-featured__title {
  color: #60d184;
}
.rx-ei-featured__by {
  margin: 0;
  color: #8e9c94;
  font-size: 0.8125rem;
}

/*# sourceMappingURL=page-resource-expert-insight.css.map */