/* ==========================================================================
   D 합본형 · 사례 릴스(W-173 · W-174) — 그림 칸 안의 것만(사진 · 꼬리표 · 끝 화면 두 단추 · 안내 한 줄) + 사례 정보 · 가림막 카드의 작은 것.
   단추 · 자막 · 장 마디 · 머리줄은 합본.css 그대로(여기서 건드리지 않음). 색 · 글자 크기는 합본.css 의 토큰 · 사례_본보기(사례.css)와 같은 값만.
   W-174: 사진 한 장 = 장면 하나 · 그림 칸 안에 통째로(잘리지 않게) · 카메라 · 볼 곳 점 · 지시선은 없음(옛 W-173 판은 7_작업/백업/W-174전_20260927/).
   ========================================================================== */
.cr-reel[hidden] { display: none; }

/* 그림 칸: 어두운 바탕(릴스의 밤 바탕 --film) · 사진 길게 눌러 저장 막기 */
.dx-pic--case { background: var(--film); -webkit-touch-callout: none; }
.dx-pic--case img { -webkit-touch-callout: none; -webkit-user-drag: none; user-select: none; }

/* 사진 틀: 사진마다 자리 · 크기를 스크립트가 줌(통째로 보이게 · contain 과 같은 셈) · 장면 사이는 겹쳐 녹이기 */
.cr-stage { position: absolute; inset: 0; z-index: 0; }
.cr-img { position: absolute; display: block; max-width: none; opacity: 0; visibility: hidden; pointer-events: none; }

/* 꼬리표: 지금 보이는 사진 — 크고 또렷하게(18px) · 전 = 흰 바탕 남색 글자 / 후 = 구릿빛 바탕 흰 글자 / 근거 없음 = 어두운 바탕 「사진 3 / 6」 */
.cr-tag {
  position: absolute; z-index: 4; margin: 0; padding: 2px 12px; border-radius: 999px; pointer-events: none; white-space: nowrap;
  font-size: 1.125rem; font-weight: 800; line-height: 1.5; box-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.cr-tag--b { background: #fff; color: var(--navy); border: 2px solid var(--navy); }
.cr-tag--a { background: var(--copper); color: #fff; border: 2px solid #fff; }
.cr-tag--n { background: rgba(13,22,38,.72); color: #fff; border: 2px solid rgba(255,255,255,.7); }

/* 표지 자막의 원장님 갈래 한 줄 — PC 는 제목 띠(.dx-head)에 이미 보여 뺌(긴 제목에서 아래 도구 줄이 화면 밖으로 밀리지 않게) */
.cr-cap-kind { display: block; }
@media (min-width: 1024px) and (min-height: 600px) {
  .cr-cap-kind { display: none; }
  /* PC: 제목 띠에 제목 전체가 보이므로 자막은 두 줄까지(S07 처럼 긴 제목에서 아래 도구 줄이 화면 밖으로 밀리지 않게) */
  .cr-reel .dx-cap__t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}

/* 「결과와 회복은 사람마다 다릅니다」 · 「영상은 사진과 촬영 조건이 다릅니다」 — 한 상자에 두 줄.
   W-413(원장님 10/10): 휴대폰(그림 위에 얹히는 틀)에서는 첫 장면이 시작되고 2.5초 후 사라짐(사례_릴스.js 가 .cr-note-off 를 붙임 · 한 번만) · 끝 화면에서는 다시 보임.
   PC(제목 띠 안 · 사진 위가 아님)는 전과 같이 늘 보임. 같은 글은 「글로 읽기」 · 사례 정보 칸에 그대로 */
.cr-note span { display: block; }
.cr-note { transition: opacity .4s ease, visibility 0s linear .4s; }
@media not all and (min-width: 1024px) and (min-height: 600px) {
  .cr-reel.cr-note-off:not(.is-done) .cr-note { opacity: 0; visibility: hidden; }
}
/* (W-221) PC 에서도 16px — 합본.css 의 .dx-note 14px 는 「그림 위 안내」 전용 예외(원장님 9/23)라 사례 사진 위 이 문장에는 쓰지 않음 */
@media (min-width: 1024px) and (min-height: 600px) { .cr-note { font-size: 1rem; } }

/* 끝 화면: 「다시 보기」(합본.js) 아래 — 같은 갈래의 다음 사례(금빛) + 사례 목록으로. 합본.js 의 「다음 ▼ 사례 정보」 금빛 단추 자리를 이 둘이 씀 */
.cr-reel .dx-nextup { display: none; }
.cr-end { display: none; }
.dx-reel.is-done .cr-end {   /* 오른쪽 연락 단추 줄(휴대폰 세로) 칸은 비움 — --cr-rail 은 사례_릴스.js 가 줌 */
  position: absolute; z-index: 8; left: 12px; right: calc(var(--cr-rail, 0px) + 12px); top: calc(var(--big-top, 52%) + 8px);
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.dx-reel.is-done .cr-tag { visibility: hidden; }   /* 끝 화면: 「다시 보기」 · 두 단추와 겹치지 않게 */
.cr-end a {
  display: flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; max-width: 100%; min-height: 56px; padding: 8px 18px; border-radius: 18px; text-decoration: none;
  font: 800 1.1875rem/1.25 var(--font); word-break: keep-all; box-shadow: 0 8px 28px rgba(0,0,0,.35);
}
.cr-end__next { background: var(--gold); color: var(--navy); }
.cr-end__k { flex: none; padding: 2px 8px; border-radius: 8px; background: var(--navy); color: #fff; font-size: 1rem; }
.cr-end__n { font-size: 1rem; font-weight: 700; }
.cr-end__list { background: #fff; color: var(--navy); border: 2px solid var(--navy); }
.cr-end__list:hover, .cr-end__next:hover { text-decoration: underline; }

/* 머리줄 「‹ 사례 목록으로」 */
.cr-back { display: inline-flex; align-items: center; min-height: 48px; color: #fff; text-decoration: none; }
.cr-back:hover { text-decoration: underline; }

/* 사례 정보 · 글로 읽기 · 가림막 */
.cr-fixed { margin: 12px 0 4px; font-weight: 800; color: var(--copper); }
.cr-list { margin: 4px 0 8px; padding-left: 1.6em; }
.cr-kind { margin: 0 0 4px; font-weight: 800; color: var(--copper); }
.cr-lock b { color: var(--navy); }
.cr-foot { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: 1rem; }
.cr-foot p { margin: 0 0 4px; }

@media (prefers-reduced-motion: reduce) { .cr-img, .cr-note { transition: none; } }
/* W-173 완료 */
/* W-174 완료 */

/* 긴 제목(수술 이름 여럿)의 표지 자막 — 조금 작게 · 낱말 단위로 줄바꿈(2026-09-28) */
.cr-cap-long { display: block; font-size: 17px; line-height: 1.45; word-break: keep-all; }

/* 영상 장면(2026-09-28 · S34): 사진과 같은 자리 · 길게 눌러 저장 막기 · 브라우저 조작 단추 숨김 */
.cr-vid { object-fit: cover; background: var(--film); -webkit-touch-callout: none; user-select: none; }
.cr-vid::-webkit-media-controls { display: none !important; }

/* W-413(원장님 10/10 「너무 복잡한데 … 얼굴거상 사례목록으로」): 재생 중 왼쪽 아래에 늘 떠 있던 작은 단추 「‹ ○○ 사례 목록으로」(W-206 · 원장님 9/28 「왼쪽 아래에 사례로 가는 단추를 다시」)를 뺌
   — 9/28 결정이 10/10 말씀으로 바뀜. 돌아가는 길은 맨 위 머리줄 「‹ 사례 목록으로」 하나 · 끝 화면(.is-done)의 두 단추와 사례 정보 칸의 단추는 그대로.
   (옛 규칙 `.cr-reel:not(.is-done) .cr-end …` 은 7_작업/스크래치/W-413/이전판/cases2/사례_릴스.css 에) */
/* W-205: 연락 카드 · 끝 화면의 채널 링크(네이버 블로그 · 유튜브 · 인스타그램) — 작은 글(16px) · 누르는 자리 48px */
.dx-sns { margin: 10px 0 0; font-size: 1rem; color: var(--ink-soft); }
.dx-sns a { display: inline-flex; align-items: center; min-height: 48px; color: var(--navy); font-weight: 700; }
/* W-205 완료 */
/* W-206 완료 */

/* W-413 ④ 화면 높이 — 주소창이 펼쳐져 있을 때도 아래 조작 줄(이전 · 멈춤 · 다음 · 소리 · 글로 읽기)과 진행 막대가 잘리지 않게.
   릴스 한 장 = 지금 보이는 화면 높이(100dvh · 주소창이 접히고 펼쳐질 때마다 따라감) · dvh 를 모르는 옛 브라우저는 100vh.
   (합본.css 의 .dx-reel 도 같은 두 줄 · 아래 조작 줄의 env(safe-area-inset-bottom) 여백도 합본.css 에 이미 있음 — 사례 릴스에서는 다른 규칙에 밀리지 않게 높이만 여기서 한 번 더 못 박음) */
.cr-reel { height: 100vh; height: 100dvh; }
/* 좁은 휴대폰(400px 이하): 「전체 화면」 단추가 둘(그림 오른쪽 위 네모 .dx-fs + 자막 칸 오른쪽 아래 ⛶ .dx-fs2) → 위의 것은 빼고 아래 것만(원장님 10/10 「너무 복잡」) */
@media (orientation: portrait) and (max-width: 400px) {
  .cr-reel .dx-fs { display: none; }
}
/* W-413 완료 */

/* ==========================================================================
   W-414(원장님 10/10 「주소창을 없애지 못한다면 … 하단의 수술후 몇개월, 14/18 사진 수술후 8개월, 조작 버튼 이 부분이 줄어야 해」 · 「현재 영상에서 소리가 나오지 않아」)
   사례 릴스에서만(.cr-reel) — 합본.css · 합본.js 는 그대로. 다른 릴스에는 이 파일이 실리지 않음.
   ========================================================================== */
/* 「소리」 단추: 사례 영상엔 소리 트랙이 없고 해설 음성도 없음 → 숨김. 해설 음성이 든 사례(json `음성` 칸 → 사례_릴스.js 가 .cr-voice 를 붙임)에서만 보임 */
.cr-reel:not(.cr-voice) .dx-voltog, .cr-reel:not(.cr-voice) .dx-vol { display: none; }
.cr-pos { display: none; }
/* 휴대폰 세로(합본.css 의 같은 틀): 아래쪽을 줄임 — 자막 한 줄 + 얇은 진행 막대(오른쪽 끝에 「2/12 · 0:03/0:32」) + 낮은 조작 줄 */
@media (orientation: portrait) and (max-width: 1023px) {
  /* ① 자막: 두 줄 자리(약 89px) → 한 줄 자리(44px · 글이 길면 두 줄까지 저절로 늘어남) · 진행 막대 띠(18px) 바로 위 */
  .cr-reel .dx-cap {
    z-index: 8; margin-bottom: 18px; min-height: 44px; padding: 10px var(--gut) 2px;
    background: linear-gradient(to top, rgba(13,22,38,.86) 0, rgba(13,22,38,.74) 70%, rgba(13,22,38,0) 100%);
  }
  .cr-reel .dx-cap__t { font-size: 1.125rem; }   /* 21 → 18px(꼬리표 .cr-tag 와 같은 크기) — 「수술 후 7개월 · 비스듬히(45도) 본 모습」 같은 글이 한 줄에 들어가게 */
  .cr-reel .dx-cap:has(.dx-fs2) .dx-cap__t { padding-right: 46px; }
  /* ⛶ 전체 화면: 자막 줄 오른쪽에 그대로 · 조금 작게(48 → 44px) */
  .dx-reel.cr-reel .dx-cap .dx-fs2 { width: 44px; height: 44px; right: 6px !important; bottom: 0 !important; }
  .cr-reel .dx-cap .dx-fs2 svg { width: 22px; height: 22px; }
  /* ② 진행 막대: 보이는 띠는 18px(막대 5 → 4px) · 누르는 자리는 44px(위쪽 26px 은 자막 줄과 겹침 — 자막은 눌리지 않는 글이라 그 자리를 눌러도 장면 고르기) */
  .cr-reel .dx-chap {
    height: 44px; display: flex; align-items: flex-end; gap: 8px;
    background: linear-gradient(to top, rgba(13,22,38,.86) 0, rgba(13,22,38,.86) 18px, rgba(13,22,38,0) 18px);
  }
  .cr-reel .dx-now { display: none; }   /* 「2 / 12 · 영상 2 · 수술 후 · 7개월 · 정면」 — 자막과 겹치는 말 */
  .cr-reel .dx-bar { position: static; flex: 1 1 auto; height: 4px; margin-bottom: 7px; }
  .cr-reel .cr-pos {   /* 13px = 지시서 W-414 가 이 자리에만 허락한 작은 글(번호와 시간만 · 그 밖의 글자는 16px 이상) */
    display: block; flex: none; font-size: 13px; line-height: 18px; font-weight: 700; color: #cfd7e4; white-space: nowrap; font-variant-numeric: tabular-nums;
  }
  /* ③ 조작 줄: 68 → 46px · 이전 · 멈춤 · 다음은 아이콘만(글자는 화면에서만 숨김 — 읽기 기계는 aria-label 「이전 장면 · 멈춤 · 다음 장면」) · 누르는 자리 44px · 「글로 읽기」는 글자 그대로 */
  .cr-reel .dx-ctl { padding: 1px 0 calc(1px + env(safe-area-inset-bottom)) var(--gut); }
  .cr-reel .dx-btn { flex-direction: row; min-height: 44px; }
  .cr-reel .dx-btn .dx-lb, .cr-reel .dx-btn .dx-t { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  .cr-reel .dx-tools { padding: 1px var(--gut) calc(1px + env(safe-area-inset-bottom)) 6px; }
  .cr-reel .dx-read > summary { min-height: 44px; }
}
/* W-414 완료 */

/* W-415(원장님 10/10 「모바일에서는 자막만 남기고, 진행을 표시하는 3/10 사진 6 나오는 줄은 빼자」):
   휴대폰 세로에서는 진행 막대 오른쪽 끝의 작은 글 「2/12 · 0:04/0:32」(.cr-pos · W-414)도 안 그림 — 자막 한 줄 + 얇은 진행 막대(장면 조각)만. 막대가 그 자리까지 길어짐.
   PC 는 W-414 그대로(장면 줄 .dx-now 가 보이고 .cr-pos 는 처음부터 없음). 되살리려면 이 덩이만 지우면 됨. */
@media (orientation: portrait) and (max-width: 1023px) {
  .cr-reel .cr-pos { display: none; }
}
/* W-415 완료 */

/* ==========================================================================
   W-416(원장님 10/10 「상단과 우측의 메뉴와 버튼들은 그냥 두도록 … 하단의 자막 높이만 낮아져서 영상이 좀 더 아래로 길게」)
   사례 릴스의 「전체 화면」(⛶) = 아래 조작 줄(이전 · 멈춤 · 다음 · 글로 읽기)만 접음 — 사례_릴스.js 가 릴스에 .cr-wide 를 붙임.
   머리줄 · 오른쪽 세로 단추 · 꼬리표 · 자막 · 진행 막대는 숨기지 않음(여기에 그런 규칙을 넣지 않음). PC 틀(1024 × 600 이상)은 합본의 전체 화면 그대로라 이 덩이가 걸리지 않음.
   되살리려면(옛 꼴) 이 덩이와 사례_릴스.js 의 W-416 덩이를 지움.
   ========================================================================== */
@media not all and (min-width: 1024px) and (min-height: 600px) {
  /* 접힘: 높이 0(아이폰 아래 홈 막대 자리 env(safe-area-inset-bottom) 만 남김) → 그 위의 자막 · 진행 막대 · 그림이 그만큼 내려가고 길어짐 */
  .cr-reel.cr-wide .dx-ctl, .cr-reel.cr-wide .dx-tools {
    max-height: 0; min-height: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: env(safe-area-inset-bottom); overflow: hidden; visibility: hidden;
    transition: max-height .2s ease, padding .2s ease, visibility 0s linear .2s;
  }
  /* 넓은 폰(401px 이상)은 조작 줄 안에 「전체 화면」 글자 단추(.dx-fs)가 하나 더 있음 — 줄과 함께 접힘. 되돌리기는 자막 줄 오른쪽 ⛶ · 그림 톡 */
  /* ⛶ 가 「접힌 상태」임을 보이게: 금빛 바탕 + 안쪽으로 모이는 화살표(사례_릴스.js) */
  .cr-reel.cr-wide .dx-cap .dx-fs2 { background: var(--gold); color: var(--navy); }
}
@media (orientation: portrait) and (max-width: 1023px) {
  /* 접고 펴는 움직임이 보이게 평소 높이에 위 끝을 둠(조작 줄 46px · 넓은 폰 64px + 아이폰 아래 여백 → 넉넉히 96px · 평소 모양은 안 바뀜) */
  .cr-reel .dx-ctl, .cr-reel .dx-tools { max-height: calc(96px + env(safe-area-inset-bottom)); transition: max-height .2s ease, padding .2s ease, visibility 0s; }
}
@media (prefers-reduced-motion: reduce) { .cr-reel .dx-ctl, .cr-reel .dx-tools { transition: none !important; } }
/* W-416 완료 */

/* ==========================================================================
   W-417(원장님 10/10 「첫번째는 주소창이 작아지고, 그 상태에서 한 번 더 밀어올려야만 릴스가 위로 올라가도록」) — 두 단계 굴림 잠금
   사례_릴스.js 가 주소창이 펼쳐진 동안 <html> 에 .cr-lock 을 붙임(휴대폰 세로 · 터치 기기만 · PC · 전체 화면 · 홈 화면 앱은 안 붙음).
   잠긴 동안: 본문(#본문)을 「릴스 한 장 + 여분(--cr-lock-extra · 기본 72px)」에서 자름 → 문서가 여분만큼만 굴러감(주소창이 접힐 만큼) · 아래 칸(사례 정보 · 연락)은 잘려서 안 보임.
   overflow: clip 은 굴림 상자를 만들지 않아 스냅(html)이 그대로 릴스를 맨 위로 되돌림. 아래 칸은 숨기지 않고 자르기만 함(읽기 기계 · 초점이 닿으면 js 가 바로 풂).
   되살리려면(옛 꼴) 이 덩이와 사례_릴스.js 의 W-417 덩이를 지움.
   ========================================================================== */
html.cr-lock #본문 {
  height: calc(100vh + var(--cr-lock-extra, 72px)); height: calc(max(100dvh, 480px) + var(--cr-lock-extra, 72px));
  overflow: clip;
}
html.cr-lock #본문 > .cr-reel { margin-bottom: 240px; }                  /* 여분 띠에 아래 칸 머리가 비치지 않게 밀어 둠(잘린 자리 안) */
html.cr-lock #본문 > .cr-reel ~ * { scroll-snap-align: none; }           /* 잠긴 동안 스냅 자리는 릴스 하나뿐 */
/* W-417 완료 */

/* ==========================================================================
   W-418(원장님 10/10 실기기 「주소는 그대로이면서 영상만 위로 올라가는 상태로 되고 손을 놓으면 다시 영상은 아래로 내려오고」) — 잠긴 동안의 움직임만 바꿈
   W-417 은 잠긴 동안 릴스가 여분만큼 따라 올라갔다가 스냅이 0 으로 되돌림 → 굴림이 0 으로 돌아와 주소창이 안 접힘.
   ① 잠긴 동안 릴스를 화면 맨 위에 붙임(sticky) — 문서는 여분만큼 실제로 굴러가지만 릴스는 안 움직임(부모 #본문 = 릴스 한 장 + 여분 · overflow: clip 은 굴림 상자가 아니라 sticky 가 화면에 붙음).
   ② 잠긴 동안 스냅을 끔 — 손을 떼도 굴린 자리에 머묾(합본.css 의 html.js { scroll-snap-type } 을 여기서 덮어씀 · 합본.css 는 그대로).
   ③ 풀린 후(html.cr-held): 굴려 있던 만큼(--cr-hold)을 본문 맨 앞 빈 칸(::before)으로 — 릴스가 제자리에 있고 굴림이 줄지 않음. 굴림이 그보다 작아져도(맨 위에서 아래로 당김) 릴스는 화면 아래 끝에 붙어 그대로.
   되살리려면(W-417 꼴) 이 덩이와 사례_릴스.js 의 W-418 표시 줄을 7_작업/스크래치/W-418/이전판/ 것으로.
   ========================================================================== */
html.js.cr-lock { scroll-snap-type: none; }
html.cr-deep { overscroll-behavior-y: none; }                            /* 잠긴 채 조금이라도 굴렀을 때만(js) — 끝에서 튕기는 움직임에 릴스가 딸려 들썩이지 않게 · 맨 위에서는 안 붙음(당겨서 새로 고침 그대로) */
html.cr-lock #본문 > .cr-reel:not(.is-fs):not(.is-fsbox) { position: -webkit-sticky; position: sticky; top: 0; margin-bottom: 0; }   /* W-417 의 아래 여백 240px 은 뺌 — 여백까지 부모 칸에 들어가야 해서 붙을 자리가 없어짐 · 릴스가 화면을 다 덮어 아래 칸은 안 비침 */
html.cr-lock #본문 { margin-bottom: calc(-1 * var(--cr-lock-over, 0px)); }   /* 본문 다음에 놓인 것(화면에 안 보이는 알림 글 한 줄 등)이 문서를 늘린 만큼 당김 → 굴릴 길이 = 꼭 여분 */
html.cr-lock #본문 > .cr-reel + * { margin-top: 240px; }                 /* 아래 칸은 잘린 자리 밖으로 밀어 둠(W-417 의 릴스 아래 여백 대신 · 숨기지는 않음) */
html.cr-held #본문::before { content: ""; display: block; height: var(--cr-hold, 0px); }
html.cr-held #본문 > .cr-reel:not(.is-fs):not(.is-fsbox) { position: -webkit-sticky; position: sticky; bottom: 0; }   /* 굴림이 0 ~ --cr-hold 사이면 화면 아래 끝에 붙음 = 빈 칸 위로 올라와 화면을 꼭 채움 */
/* W-418 완료 */

/* ==========================================================================
   W-419(원장님 10/10 아이폰 14 Pro Max · 웨일 「첫번째 밀면 릴스영상 화면 변화없음. 두번째 밀면 릴스가 올라가버림. 첫번째 밀기에서 릴스부분만 선택테두리가 나옴」)
   ① 잠긴 동안 굴릴 수 있는 길이(여분)를 넉넉히 — js 가 --cr-lock-extra 를 max(320px, 화면 높이의 45%) 로 넣음. 아래 칸은 그 여분보다 더 아래로 밀어 잘린 자리 밖에 둠.
   ② 초점 테두리: 터치 · 마우스로 생긴 초점에는 테두리 0 · 글쇠로 온 초점(:focus-visible)에는 그대로(합본.css 의 금색 테두리).
      아이폰 WebKit 은 터치 중에도 :focus-visible 로 볼 때가 있어, 마지막 입력이 터치 · 마우스면 js 가 <html> 에 붙이는 .cr-ptr 로 한 번 더 막음(글쇠를 누르면 떼어짐).
      누를 때 잠깐 덮이는 회색 빛(tap highlight)도 릴스 안에서는 끔.
   되살리려면(W-418 꼴) 이 덩이를 지우고 사례_릴스.js 를 7_작업/스크래치/W-419/이전판/ 것으로.
   ========================================================================== */
html.cr-lock #본문 > .cr-reel + * { margin-top: calc(var(--cr-lock-extra, 320px) + 240px); }
.cr-reel, .cr-reel * { -webkit-tap-highlight-color: transparent; }
#본문:focus:not(:focus-visible), .cr-reel:focus:not(:focus-visible), .cr-reel :focus:not(:focus-visible) { outline: 0; }
html.cr-ptr #본문:focus, html.cr-ptr .cr-reel:focus, html.cr-ptr .cr-reel :focus { outline: 0; }
/* 릴스 위에 떠 있는 것(머리줄 · 오른쪽 단추 · 「아래로 ▼」 — 릴스 칸 밖 · position: fixed)도 같게 */
html.cr-ptr .dx-top :focus, html.cr-ptr #dx-rail :focus, html.cr-ptr #dx-rail:focus, html.cr-ptr .dx-pos:focus { outline: 0; }
/* W-419 완료 */