/* 사업 분야(서비스·솔루션·AX)·문의·개인정보처리방침 화면 전용 조합. 토큰과 기존 클래스만, 접두사(svc- sol- ax- contact- privacy-)를 붙인다. */

/* ── 문의: 보낸 뒤 고칠 칸 목록(누르면 그 칸으로) ── */
.contact-errors__list{display:grid;margin:var(--s-4) 0 0;padding:0;list-style:none}
.contact-errors__list a{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2) var(--s-8);padding-block:var(--s-10);color:var(--bad-text);text-decoration:none}
.contact-errors__list b{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.contact-errors__list span{color:var(--ink-body)}
@media (hover:hover){.contact-errors__list a:hover b{text-decoration-thickness:2px}}

/* ── 솔루션 장면: 좁은 화면 창은 가운데 800px(본문 칸)만 보인다. 양옆 칸을 숨겨 잘린 조각이 남지 않게, 설명은 왼쪽 정렬 ── */
@media (max-width:999px){
  .sol-scene .dmock--aside{grid-template-columns:240px minmax(0,800px) 240px}
  .sol-scene :is(.dmock__side,.dmock__aside){visibility:hidden}
  .sol-scene :is(.scene__caption,.scene__shot-caption){text-align:left}
  .sol-scene :is(.scene__caption,.scene__shot-caption) p{margin-inline:0}
  /* 설명 폭을 창 폭과 같게(창의 max-width 와 같은 식, 창 변수는 .browser 에만 있어 여기서 다시 정한다) */
  .fx-js:not([data-fx-short]) .sol-scene .scene__caption{--browser-w:960px;--browser-bar-h:var(--s-40);
    max-width:min(var(--browser-w),calc(var(--fx-vh) - var(--scene-top) - var(--scene-reserve) - var(--browser-bar-h)))}
}
/* 시스템 연결 줄: 열쇠 칸과 설명 칸을 장 머리(3:9)와 같은 선에 */
@media (min-width:1024px){.sol-rows .ed-rows__row{grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:var(--s-40)}}

/* ── AX: 비교표 첫 열을 장 머리 3:9 선에, 다루는 범위 두 줄째 첫 칸 정렬, 어두운 절차의 흐린 단계 대비(본문 4.5:1 이상) ── */
@media (min-width:1024px){
  .ax-vs tbody th{width:27.4%}
  .ax-scope > .tenet:nth-child(n){padding-inline:var(--s-28)}
  .ax-scope > .tenet:nth-child(3n+1){padding-left:0;border-left:0}
}
html.js .ax-process .track[data-track] .track__step:not(.is-on){opacity:.72}

/* ── AI 서비스: 휴대폰 첫 화면 사진은 폰을 든 손 쪽으로 ── */
/* 세로 화면에서는 사진이 높이에 맞춰져 폰(가로 65%, 세로 71%)이 글 아래로 숨는다. 폰 쪽을 기준으로 키워 글 위로 올린다 */
@media (max-width:767px){.svc-page .page-hero-ed .photo-bg img{object-position:66% 50%;transform:scale(1.8);transform-origin:66% 100%}}

/* ── 개인정보처리방침 목차: 지금 읽는 절을 왼쪽 선과 굵기로 ── */
.privacy-toc ol{border-left:1px solid var(--line)}
.privacy-toc a{margin-left:-1px;padding-left:var(--s-16);border-left:2px solid transparent; /* ds-lint-ignore:accent-band 목차의 지금 읽는 절 표시 */
  transition:color var(--d-2) var(--ease-inout),border-color var(--d-2) var(--ease-inout)}
.privacy-toc a[aria-current="true"]{color:var(--ink);font-weight:600;border-left-color:var(--accent)}
.privacy > h2:first-child{margin-top:0}
@media (min-width:1024px){.privacy-toc{margin-top:calc(var(--s-12) * -1)}} /* 첫 목차 줄과 첫 제목의 가운데를 맞춘다 */