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

.rtc-headline .bento__title {
  max-width: 100%;
  font-size: 27px;
  letter-spacing: -0.02em;
  line-height: 1.32;
  word-break: keep-all;
}
.rtc-headline .bento__description {
  max-width: 34em;
}
@media (min-width: 480px) {
  .rtc-headline .bento__title {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .rtc-headline .bento__content {
    max-width: 88%;
  }
  .rtc-headline .bento__title {
    font-size: 44px;
  }
}

.rtc-checker {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.rtc-checker__leading {
  margin-bottom: 0.75rem;
  color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  font-weight: 700;
}
.rtc-checker__heading {
  margin-bottom: 1.125rem;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.32;
  word-break: keep-all;
}
.rtc-checker__description {
  margin-bottom: 3rem;
  color: rgba(0, 0, 0, 0.6);
  word-break: keep-all;
}
.rtc-checker__agendas {
  display: flex;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.rtc-checker__stage {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.25rem;
}
.rtc-checker__disclaimer {
  margin-top: 2.25rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
  word-break: keep-all;
}
@media (min-width: 480px) {
  .rtc-checker__heading {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .rtc-checker__heading {
    font-size: 44px;
  }
  .rtc-checker__stage {
    align-items: stretch;
    grid-template-columns: 1.15fr 1fr;
  }
}

.rtc-agenda {
  padding: 0.9375rem 1.875rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 999px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.rtc-agenda:hover {
  border-color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
}
.rtc-agenda[aria-selected=true] {
  background-color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  border-color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  color: white;
}

.rtc-doc {
  margin: 0;
  padding: 2.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  background-color: white;
}
.rtc-doc__source {
  margin-bottom: 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.rtc-doc__intro {
  margin-bottom: 1.5rem;
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  line-height: 1.75;
  word-break: keep-all;
}
.rtc-doc__lines {
  margin: 0;
  padding-left: 1.35em;
  list-style: decimal;
}
.rtc-doc__line {
  margin-bottom: 0.85em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  line-height: 1.7;
  word-break: keep-all;
  transition: color 0.25s ease;
}
.rtc-doc__line:last-child {
  margin-bottom: 0;
}
.rtc-doc__line[data-active] {
  color: #000;
  font-weight: 700;
}
.rtc-doc__mark {
  padding: 0.1em 0.15em;
  background-image: linear-gradient(rgba(74, 165, 112, 0.28), rgba(74, 165, 112, 0.28));
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.45s ease;
  box-decoration-break: clone;
}
.rtc-doc__line[data-active] .rtc-doc__mark, .rtc-doc__line[data-active] .rtc-doc__mark {
  background-size: 100% 100%;
}
@media (prefers-reduced-motion: reduce) {
  .rtc-doc__mark {
    transition: none;
  }
}

.rtc-verdict {
  display: flex;
  order: -1;
  padding: 2.25rem;
  border-radius: 16px;
  background-color: #000;
  color: white;
  flex-direction: column;
}
@media (min-width: 992px) {
  .rtc-verdict {
    order: 0;
  }
}
.rtc-verdict__items {
  display: grid;
  flex: 1;
  align-content: start;
}
.rtc-verdict__item {
  grid-area: 1/1;
}
.rtc-verdict__item[hidden] {
  display: block;
  visibility: hidden;
}
.rtc-verdict__label {
  display: inline-block;
  margin-bottom: 1.125rem;
  padding: 0.375rem 1.125rem;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 13px;
  font-weight: 700;
}
.rtc-verdict__headline {
  margin-bottom: 0.75rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  word-break: keep-all;
}
.rtc-verdict__detail {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.7;
  word-break: keep-all;
}
.rtc-verdict__cta {
  margin-top: 2.25rem;
  padding-top: 2.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.rtc-verdict__cta-text {
  margin-bottom: 1.125rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  word-break: keep-all;
}

.rtc-verdict .button-primary {
  background: #01eb67;
  color: #000;
}

.rtc-section-leading {
  margin-bottom: 0.75rem;
  color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  font-weight: 700;
}

.rtc-section-heading {
  margin-bottom: 1.125rem;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
@media (min-width: 480px) {
  .rtc-section-heading {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .rtc-section-heading {
    font-size: 44px;
  }
}

.rtc-section-description {
  color: rgba(0, 0, 0, 0.6);
  word-break: keep-all;
}

.rtc-footnote {
  margin-top: 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 1.6;
  word-break: keep-all;
}

.rtc-result,
.rtc-checker {
  background-color: #f7f9f6;
}

.rtc-result {
  padding-top: 6rem;
  padding-bottom: 4.5rem;
}
.rtc-result__intro {
  margin-bottom: 3rem;
}
.rtc-result__image {
  display: block;
  width: 100%;
  height: auto;
}

.rtc-chat {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.rtc-chat__grid {
  display: grid;
  padding: 2.25rem;
  grid-template-columns: 1fr;
  background-color: #f7f9f6;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 28px;
  gap: 3rem;
}
.rtc-chat__copy {
  display: flex;
  flex-direction: column;
}
.rtc-chat__copy .rtc-section-description {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .rtc-chat__grid {
    padding: 3.75rem;
    align-items: stretch;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 3.75rem;
  }
}

.rtc-examples {
  margin-top: auto;
  padding-top: 2.25rem;
}
.rtc-examples__label {
  margin-bottom: 1.125rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.rtc-examples__list {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  list-style: none;
  gap: 0.75rem;
}
.rtc-examples__item {
  display: flex;
  padding: 0.9375rem 1.3125rem;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  line-height: 1.5;
  word-break: keep-all;
  gap: 0.375rem;
}
.rtc-examples__item::before {
  content: "Q.";
  color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  font-weight: 700;
  flex-shrink: 0;
}

.rtc-assistant {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.06);
}
.rtc-assistant__bar {
  display: flex;
  padding: 1.3125rem 1.875rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  gap: 0.75rem;
}
.rtc-assistant__name {
  display: flex;
  gap: 0.5625rem;
  align-items: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
}
.rtc-assistant__name svg {
  flex-shrink: 0;
  color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
}
.rtc-assistant__status {
  display: flex;
  margin-bottom: 0;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  gap: 0.5625rem;
}
.rtc-assistant__dot {
  display: block;
  width: 6px;
  height: 6px;
  background-color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  border-radius: 50%;
}
.rtc-assistant__body {
  padding: 1.875rem;
}
.rtc-assistant__question {
  width: fit-content;
  max-width: 90%;
  margin-bottom: 1.875rem;
  margin-left: auto;
  padding: 0.9375rem 1.5rem;
  background-color: #f4f4f6;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  border-bottom-right-radius: 4px;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  word-break: keep-all;
}
.rtc-assistant__lead {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.65;
  word-break: keep-all;
}
.rtc-assistant__lead strong {
  color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  font-weight: 700;
}
.rtc-assistant__block {
  margin-top: 1.875rem;
}
.rtc-assistant__block-title {
  margin-bottom: 0.5625rem;
  font-size: 13px;
  font-weight: 700;
}
.rtc-assistant__block-text {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 1.75;
  word-break: keep-all;
}
.rtc-assistant__block-text strong {
  color: #000;
}
.rtc-assistant__input {
  display: flex;
  padding: 1.125rem 1.5rem;
  align-items: center;
  background-color: #f7f9f6;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  gap: 0.75rem;
}
.rtc-assistant__caret {
  display: block;
  width: 2px;
  height: 15px;
  flex-shrink: 0;
  background-color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
  animation: rtc-caret-blink 1.1s steps(1, end) infinite;
}
.rtc-assistant__placeholder {
  flex-grow: 1;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  word-break: keep-all;
}
.rtc-assistant__send {
  display: flex;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
  color: white;
}

@keyframes rtc-caret-blink {
  50% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rtc-assistant__caret {
    animation: none;
  }
}
.rtc-steps {
  margin-bottom: 1.875rem;
  padding: 1.3125rem 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  background-color: #f7f9f6;
}
.rtc-steps__label {
  margin-bottom: 0.9375rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.rtc-steps__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rtc-steps__item {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.rtc-steps__item:last-child {
  margin-bottom: 0;
}
.rtc-steps__item svg {
  margin-top: 0.2em;
  flex-shrink: 0;
  color: rgb(51.8928870293, 115.7071129707, 78.5405857741);
}
.rtc-steps__text {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  font-size: 13px;
  line-height: 1.55;
  word-break: keep-all;
}
.rtc-steps__text strong {
  font-weight: 700;
}
.rtc-steps__text span {
  color: rgba(0, 0, 0, 0.6);
}

.rtc-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 1.875rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.rtc-sources__label {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 700;
}
.rtc-sources__list {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
  gap: 0.75rem 0.5625rem;
}
.rtc-sources__item {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  padding: 0.45em 0.85em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 999px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  white-space: nowrap;
}
.rtc-sources__item svg {
  flex-shrink: 0;
}

.rtc-hero-mark {
  background-image: linear-gradient(rgba(74, 165, 112, 0.42), rgba(74, 165, 112, 0.42));
  background-position: left bottom 0.08em;
  background-repeat: no-repeat;
  background-size: 0% 0.38em;
  animation: rtc-hero-mark-draw 0.6s ease-out 0.7s forwards;
  box-decoration-break: clone;
}

@keyframes rtc-hero-mark-draw {
  to {
    background-size: 100% 0.38em;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rtc-hero-mark {
    background-size: 100% 0.38em;
    animation: none;
  }
}
.hero-section-footnote {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 1.6;
  word-break: keep-all;
}

.rtc-request {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.rtc-request__intro {
  margin-bottom: 3rem;
}
.rtc-request__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.25rem;
}
.rtc-request__card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.rtc-request__mock {
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.rtc-request__image {
  display: block;
  width: 100%;
  height: auto;
}
.rtc-request__copy {
  padding: 2.25rem;
  flex-grow: 1;
}
.rtc-request__title {
  margin-bottom: 0.75rem;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  word-break: keep-all;
}
.rtc-request__description {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  line-height: 1.7;
  word-break: keep-all;
}
@media (min-width: 992px) {
  .rtc-request__grid {
    grid-template-columns: 1fr 1fr;
  }
}

/*# sourceMappingURL=page-right-to-consent.css.map */