/* CENTRAS Web Kit — 맨 위로 단추 */
.cwk-top{width:var(--cwk-fab-size,52px);height:var(--cwk-fab-size,52px);border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
  background:rgba(29,29,31,.86);color:#f5f5f7;box-shadow:0 10px 30px -8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.12);
  opacity:0;transform:translateY(10px) scale(.92);visibility:hidden;transition:opacity .25s var(--cwk-ease),transform .25s var(--cwk-ease),visibility 0s linear .25s,background .15s}
.cwk-top.is-on{opacity:1;transform:none;visibility:visible;transition:opacity .25s var(--cwk-ease),transform .25s var(--cwk-ease),visibility 0s}
.cwk-top:hover{background:#000}
.cwk-top:focus-visible{outline:none;box-shadow:var(--cwk-ring)}
/* 화살표와 둘레 링은 각각 크기를 정한다 — 사이트의 svg 규칙(예: svg{display:block})·.cwk-top svg 폭에 휘둘리지 않게 */
.cwk-top{position:relative;padding:0}
.cwk-top>svg.cwk-top-arrow{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;position:relative}
.cwk-top>svg.cwk-top-ring{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.cwk-top .cwk-top-ring circle{fill:none;stroke-width:2.5}
.cwk-top .cwk-top-ring .bg{stroke:rgba(255,255,255,.12)}
.cwk-top .cwk-top-ring .fg{stroke:url(#cwk-top-grad);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .1s linear}
@media (prefers-reduced-motion:reduce){.cwk-top,.cwk-top.is-on{transition:none}}
@media print{.cwk-top{display:none!important}}