/* 진료 후 주의사항 (운정홈페이지 방, 2026-10-30) */
@font-face{font-family:"Nanum Myeongjo";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/f/ac-8304d2f832.woff2) format("woff2");unicode-range:U+2460,U+2461,U+2462,U+2463,U+2464,U+2465,U+AECC,U+B9E3}
@font-face{font-family:"Nanum Myeongjo";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/f/ac-4c2817abae.woff2) format("woff2");unicode-range:U+2460,U+2461,U+2462,U+2463,U+2464,U+2465,U+AECC,U+B9E3}
@font-face{font-family:"Pretendard";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/f/ac-255c27a145.woff2) format("woff2");unicode-range:U+2460,U+2461,U+2462,U+2463,U+2464,U+2465,U+AECC,U+B9E3}
/* 진료 후 주의사항 시안 — 지금 사이트 부품에 없던 것만 더한다. 색·글꼴·모서리는 사이트 토큰을 그대로 쓴다. */

/* 머리 경로 */
html.rl-print #app .rl-story-kicker a{text-decoration:none}
html.rl-print #app .rl-story-kicker a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* 상세: 치료 이름 + 질문 수 · 링크 보내기 */
html.rl-print #app .ac-name{display:block;margin:0 0 12px;font:600 15px/1.5 var(--rl-font);letter-spacing:-.01em;color:var(--rl-print-blue)}
html.rl-print #app .ac-meta{grid-column:2;grid-row:4;margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font:500 13.5px/1.4 var(--rl-font);color:var(--rl-print-blue)}
html.rl-print #app .ac-meta>span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 14px 3px 0;border-radius:50%;background:currentColor;vertical-align:middle}
html.rl-print #app .ac-share,html.rl-print #app .ac-openall{height:36px;padding:0 16px;border:1px solid var(--rl-print-blue);border-radius:999px;background:transparent;font:500 13.5px/1 var(--rl-font);color:var(--rl-print-blue);cursor:pointer;transition:background-color .3s,color .3s}
html.rl-print #app .ac-share:hover,html.rl-print #app .ac-openall:hover,html.rl-print #app .ac-openall[aria-pressed=true]{background:var(--rl-print-blue);color:#fff}
html.rl-print #app .ac-share:focus-visible,html.rl-print #app .ac-openall:focus-visible,html.rl-print #app .ac-switch a:focus-visible,html.rl-print #app .ac-group a:focus-visible,html.rl-print #app .ac-tcard:focus-visible{outline:2px solid var(--rl-print-blue);outline-offset:3px}
html.rl-print #app .ac-faq-tools{display:flex;justify-content:flex-end;margin:-6px 0 -14px}

/* 넓은 본문 (카드가 들어가는 절) */
html.rl-print #app .rl-ch-body.ac-wide{grid-column:2 / span 2}
html.rl-print #app .rl-ch-body.ac-wide>p{max-width:38em}

/* 화살표 원 — 홈 진료 카드·함께 읽을 글과 같은 모양 */
html.rl-print #app .ac-arrow,html.rl-print #app .ac-tarrow{display:grid;place-items:center;width:40px;height:40px;box-sizing:border-box;border:1px solid var(--rl-print-blue);border-radius:50%;background:#f6f8fae6;color:var(--rl-print-blue);transition:background-color .35s,color .35s,transform .45s cubic-bezier(.2,.7,.1,1)}
html.rl-print #app .ac-arrow svg,html.rl-print #app .ac-tarrow svg{width:16px;height:16px}
html.rl-print #app .ac-group-pic:hover .ac-arrow,html.rl-print #app .ac-tcard:hover .ac-tarrow{background:var(--rl-print-blue);color:#fff;transform:rotate(45deg)}

/* 목록(허브): 치료 묶음 카드 — 둥근 그림 + 화살표 원 + 번호·명조 제목 */
html.rl-print #app .ac-groups{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
html.rl-print #app .ac-group{display:flex;flex-direction:column;gap:14px;min-width:0}
html.rl-print #app .ac-group-pic{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--rl-print-r-photo,10px);background:#fff}
html.rl-print #app .ac-group-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1)}
html.rl-print #app .ac-group-pic:hover img{transform:scale(1.035)}
html.rl-print #app .ac-group-pic .ac-arrow{position:absolute;top:14px;right:14px}
html.rl-print #app .ac-group-cap{display:grid;grid-template-columns:1fr auto;align-items:end;row-gap:2px;padding-top:6px}
html.rl-print #app .ac-group-no{grid-column:1;grid-row:1;font:300 13px/1.4 var(--rl-font-latin-light);color:var(--rl-print-blue)}
html.rl-print #app a.ac-group-name{grid-column:1;grid-row:2;font:700 24px/1.4 var(--rl-font-serif);letter-spacing:-.02em;color:var(--rl-print-blue);text-decoration:none}
html.rl-print #app a.ac-group-name:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
html.rl-print #app .ac-group-count{grid-column:2;grid-row:1 / span 2;font:300 44px/1 var(--rl-font-latin-light);letter-spacing:-.04em;color:var(--rl-print-blue);font-variant-numeric:tabular-nums}
html.rl-print #app .ac-group-count small{margin-left:3px;font:500 13px/1 var(--rl-font);letter-spacing:0}
html.rl-print #app .ac-group-desc{margin:0;font-size:14.5px;line-height:1.75;color:var(--rl-print-charcoal)}
html.rl-print #app .ac-group-topics{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html.rl-print #app .ac-group-topics a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--rl-print-line-soft);border-radius:999px;font:500 13.5px/1 var(--rl-font);color:var(--rl-print-blue);text-decoration:none;transition:background-color .3s,color .3s,border-color .3s}
html.rl-print #app .ac-group-topics a:hover{background:var(--rl-print-blue);border-color:var(--rl-print-blue);color:#fff}
html.rl-print #app .ac-group-topics a.ac-group-more{border-color:transparent;padding:0 6px;color:var(--rl-print-blue-2);text-decoration:underline;text-underline-offset:4px}
html.rl-print #app .ac-group-topics a.ac-group-more:hover{background:transparent;color:var(--rl-print-blue)}

/* 묶음 목록: 묶음 바꾸기 */
html.rl-print #app .ac-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
html.rl-print #app .ac-switch a{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border:1px solid var(--rl-print-blue);border-radius:999px;font:500 14px/1 var(--rl-font);color:var(--rl-print-blue);text-decoration:none;transition:background-color .3s,color .3s}
html.rl-print #app .ac-switch a small{font:300 12.5px/1 var(--rl-font-latin-light);opacity:.85}
html.rl-print #app .ac-switch a:hover{background:#0662d90f}
html.rl-print #app .ac-switch a[aria-current=page]{background:var(--rl-print-blue);color:#fff}

/* 묶음 목록: 치료 카드 — 그림 + 번호·질문 수 + 명조 제목 + 요약 + 화살표 원 */
html.rl-print #app .ac-tlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;border-top:1px solid var(--rl-print-line)}
html.rl-print #app .ac-tlist>li{min-width:0;border-bottom:1px solid var(--rl-print-line-soft)}
html.rl-print #app .ac-tcard{display:grid;grid-template-columns:112px minmax(0,1fr) 40px;gap:20px;align-items:center;padding:20px 0;text-decoration:none;color:inherit}
html.rl-print #app .ac-tthumb{display:block;width:112px;aspect-ratio:1;overflow:hidden;border-radius:var(--rl-print-r-thumb,8px);background:#fff}
html.rl-print #app .ac-tthumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
html.rl-print #app .ac-tcard:hover .ac-tthumb img{transform:scale(1.05)}
html.rl-print #app .ac-tthumb--icon{display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--rl-print-line-soft)}
html.rl-print #app .ac-tthumb--icon img{width:100%;height:auto;object-fit:contain}
html.rl-print #app .ac-tbody{display:grid;gap:5px;min-width:0}
html.rl-print #app .ac-tmeta{font:500 12.5px/1.5 var(--rl-font);color:var(--rl-print-blue)}
html.rl-print #app .ac-tmeta em{margin-right:10px;font:300 13px/1 var(--rl-font-latin-light);font-style:normal}
html.rl-print #app .ac-tbody b{font:700 18px/1.45 var(--rl-font-serif);letter-spacing:-.02em;color:var(--rl-print-blue)}
html.rl-print #app .ac-tcard:hover .ac-tbody b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
html.rl-print #app .ac-tsum{font-size:14px;line-height:1.7;color:var(--rl-print-charcoal)}

/* 상세: 한눈에 보기 — 그림 카드 넷 */
html.rl-print #app .ac-points{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html.rl-print #app .ac-point{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--rl-print-r-photo,10px);background:#fff;box-shadow:0 0 0 1px var(--rl-print-line-soft)}
html.rl-print #app .ac-point-pic{position:relative;aspect-ratio:5/4;margin:0;background:#fff}
html.rl-print #app .ac-point-pic img{position:absolute;inset:6% 6% 0;width:88%;height:94%;object-fit:contain}
html.rl-print #app .ac-point-body{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 18px 22px;text-align:center}
html.rl-print #app .ac-point-val{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--rl-print-mist);font:600 13px/1.2 var(--rl-font);letter-spacing:-.01em;color:var(--rl-print-blue);font-variant-numeric:tabular-nums}
html.rl-print #app .ac-point-title{margin-top:2px;font:700 17px/1.45 var(--rl-font-serif);letter-spacing:-.02em;color:var(--rl-print-blue);word-break:keep-all}
html.rl-print #app .ac-point-desc{font-size:14px;line-height:1.7;color:var(--rl-print-charcoal);word-break:keep-all}

/* 상세: 피해 주세요 */
html.rl-print #app .ac-avoid{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin:36px 0 0;padding:18px 0;border-top:1px solid var(--rl-print-line-soft);border-bottom:1px solid var(--rl-print-line-soft)}
html.rl-print #app .ac-avoid-label{margin:0;font:700 17px/1.45 var(--rl-font-serif);letter-spacing:-.02em;color:#c24e54}
html.rl-print #app .ac-avoid ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 26px}
html.rl-print #app .ac-avoid li{display:inline-flex;align-items:center;gap:10px}
html.rl-print #app .ac-avoid li>span{display:inline-block;padding:5px 12px;border-radius:999px;background:#fbecec;font:600 13.5px/1.35 var(--rl-font);letter-spacing:-.01em;color:#c24e54}
html.rl-print #app .ac-avoid img{flex:none;width:64px;height:64px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--rl-print-line-soft)}
html.rl-print #app .ac-fig{margin-top:48px}
html.rl-print #app .ac-wide .rl-story-wide{margin-right:0}

/* 연락처 상자 */
html.rl-print #app .ac-hours b{display:block;margin:0 0 6px}
html.rl-print #app .ac-hours-line{display:block;font-variant-numeric:tabular-nums}

/* 시안 표시: 원장 확인이 필요한 값 · 아직 하는지 모르는 진료 (게시 전 지움) */
html.rl-print #app .ac-flag{display:block;margin:10px 0 0;padding:8px 12px;border-radius:6px;background:#fff1b8;color:#5c4400;font:500 12.5px/1.6 var(--rl-font);letter-spacing:-.005em}
html.rl-print #app .rl-faq-item .ac-flag{margin:-6px 0 18px}
html.rl-print #app .ac-flagtag,html.rl-print #app .ac-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#fff1b8;color:#5c4400;font:600 11.5px/1.5 var(--rl-font);font-style:normal;letter-spacing:0;vertical-align:2px;text-decoration:none}

@media (max-width:1100px){
  html.rl-print #app .rl-ch-body.ac-wide{grid-column:1}
  html.rl-print #app .ac-meta{grid-column:1;grid-row:auto;order:5;margin-top:24px}
  html.rl-print #app .ac-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  html.rl-print #app .ac-tlist{grid-template-columns:1fr}
  html.rl-print #app .ac-points{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  html.rl-print #app .ac-groups{grid-template-columns:1fr;gap:36px}
  html.rl-print #app .ac-group-pic{aspect-ratio:16/10}
}
@media (max-width:700px){
  html.rl-print #app .ac-group-name{font-size:22px}
  html.rl-print #app .ac-group-count{font-size:40px}
  html.rl-print #app .ac-faq-tools{margin:0 0 -18px}
  html.rl-print #app .ac-tcard{grid-template-columns:84px minmax(0,1fr);gap:16px;padding:18px 0}
  html.rl-print #app .ac-tthumb{width:84px}
  html.rl-print #app .ac-tarrow{display:none}
  html.rl-print #app .ac-tbody b{font-size:17px}
  html.rl-print #app .ac-tsum{font-size:13.5px;line-height:1.65}
  html.rl-print #app .ac-points{gap:12px}
  html.rl-print #app .ac-point-body{gap:6px;padding:2px 13px 16px}
  html.rl-print #app .ac-point-val{padding:4px 9px;font-size:12px}
  html.rl-print #app .ac-point-title{font-size:15.5px}
  html.rl-print #app .ac-point-desc{font-size:13.5px;line-height:1.65}
  html.rl-print #app .ac-avoid{flex-direction:column;align-items:stretch;gap:26px;margin-top:28px;padding:22px 0 0;border-bottom:0}
  html.rl-print #app .aftercare-page .rl-story-related{margin-top:48px}
  html.rl-print #app .ac-avoid ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  html.rl-print #app .ac-avoid-label{font-size:15.5px}
  html.rl-print #app .ac-avoid li{flex-direction:column;gap:10px;text-align:center;word-break:keep-all}
  html.rl-print #app .ac-avoid li>span{padding:5px 10px;border-radius:14px;font-size:12px}
  html.rl-print #app .ac-avoid img{width:72px;height:72px}
}

/* 목록 페이지의 알약 고르기 (묶음 페이지 대신, 10/30) */
html.rl-print #app .ac-switch button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border:1px solid var(--rl-print-blue);border-radius:999px;background:transparent;font:500 14px/1 var(--rl-font);color:var(--rl-print-blue);cursor:pointer;transition:background-color .3s,color .3s}
html.rl-print #app .ac-switch button small{font:300 12.5px/1 var(--rl-font-latin-light);opacity:.85}
html.rl-print #app .ac-switch button:hover{background:#0662d90f}
html.rl-print #app .ac-switch button[aria-pressed=true]{background:var(--rl-print-blue);color:#fff}
html.rl-print #app .ac-switch button:focus-visible{outline:2px solid var(--rl-print-blue);outline-offset:3px}
html.rl-print #app .ac-anchor{display:block;height:0;scroll-margin-top:96px}
html.rl-print #app .ac-fgroup+.ac-fgroup{margin-top:36px}
html.rl-print #app .ac-fhead{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font:700 17px/1.4 var(--rl-font-serif);letter-spacing:-.02em;color:var(--rl-print-blue)}
html.rl-print #app .ac-fhead small{font:300 14px/1 var(--rl-font-latin-light);opacity:.8}
html.rl-print #app .ac-filter[data-filter=all] li[data-dup]{display:none}
html.rl-print #app .ac-filter:not([data-filter=all]) .ac-fhead{display:none}
html.rl-print #app .ac-filter:not([data-filter=all]) .ac-fgroup+.ac-fgroup{margin-top:0}
html.rl-print #app .ac-filter[data-filter=general] .ac-fgroup:not([data-g=general]),
html.rl-print #app .ac-filter[data-filter=implant] .ac-fgroup:not([data-g=implant]),
html.rl-print #app .ac-filter[data-filter=kids] .ac-fgroup:not([data-g=kids]){display:none}




/* 오른쪽 띠의 한글 페이지 이름 */
html.rl-print .rl-band-word--ko{font:400 22px/1 var(--rl-font);letter-spacing:.1em}
html.rl-print .rl-band-word--ko .rl-bw rl-bl{white-space:pre}
@media (max-width:1099px){html.rl-print .rl-band-word--ko{font-size:12.5px;letter-spacing:.12em}}