/* v5의 모션은 JS가 준비된 뒤에만 시작한다. 기본 HTML은 즉시 읽고 사용할 수 있다. */
.skm-v3 .v3-process-line {
  position: relative;
}

.skm-v3 .v3-process-line::after {
  background: linear-gradient(90deg, var(--accent), #dfe4df 72%);
  content: '';
  height: 1px;
  left: 0;
  opacity: .68;
  position: absolute;
  right: 0;
  top: 0;
}

.skm-v3 .v3-process-line li {
  background: var(--paper, #f6f7f3);
  z-index: 1;
}

.skm-v3 .v5-process-link {
  align-items: center;
  color: var(--accent-ink);
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  margin-top: 17px;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.skm-v3 .v5-process-link:hover {
  color: var(--ink);
}

@media (max-width: 767px) {
  .skm-v3 .v3-process-line::after { display: none; }
  .skm-v3 .v5-process-link { margin-top: 14px; }
}

/* 여섯 메뉴를 유지하면서 이미지가 없는 메뉴의 빈 열을 없앤다. */
.skm-v3 .v2-mega:not(.has-preview) { grid-template-columns: minmax(0, 1fr); width: 620px; }
.skm-v3 .v5-guide-grid { min-width: 0; }
.skm-v3 .v5-guide-grid .v2-article-photo { aspect-ratio: 1200 / 630; display: block; object-fit: contain; width: 100%; }
.skm-v3 .v5-guide-grid .v2-article-card { overflow: hidden; }
.skm-v3 .v5-guide-grid .v2-article-copy { padding: 20px; }
.skm-v3 .v5-knowledge-hero h1 { max-width: 980px; }
.skm-v3 .v5-knowledge-article .v3-wide-photo { margin: 0 auto 38px; max-width: 860px; }
.skm-v3 .v5-knowledge-article .content-grid { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); align-items: start; }
.skm-v3 .v5-knowledge-article .content-grid > div { display: grid; gap: 20px; }
.skm-v3 .v5-knowledge-article .content-grid > aside { position: sticky; top: 108px; }
.skm-v3 .v5-community-preview { background: #f6f3ef; }
.skm-v3 .v5-community-preview .v3-board-grid { align-items: start; }
.skm-v3 .v5-community-preview .v3-board-grid p { color: var(--muted); font-size: 14px; }
.skm-v3 .v2-hero-bottom button { min-height: 44px; }
@media (min-width: 1200px) {
  .skm-v3 .v2-header .header-inner { gap: 14px; }
  .skm-v3 .v2-brand { width: 220px; }
  .skm-v3 .v2-brand > img { width: 72px; height: 45px; flex-basis: 72px; }
  .skm-v3 .v2-brand strong { font-size: 27px; }
  .skm-v3 .v2-desktop-nav { gap: 6px; }
  .skm-v3 .v2-nav-hub { font-size: 14px; }
  .skm-v3 .v2-nav-group { gap: 0; }
  .skm-v3 .v2-contact-top.button { padding-inline: 12px; }
}
@media (max-width: 767px) {
  .skm-v3 .v5-knowledge-article .content-grid { grid-template-columns: minmax(0, 1fr); }
  .skm-v3 .v5-knowledge-article .content-grid > aside { position: static; }
  .skm-v3 .v5-guide-grid .v2-article-copy p { display: block; font-size: 14px; }
}