/* ─────────────────────────────────────────────────────────────
   PC 맨 위로(TOP) 플로팅 버튼 — sop-totop (2026-09-10, 케이디엘·문성 공통)
   js/sop-totop.js 가 <a class="sop-totop"> 를 body 끝에 넣고, 400px 이상 내려가면 .on 으로 표시.
   플로팅 상담바(하단 고정) 위, 오른쪽 아래. 모바일(<768px)은 기존 #qcrM TOP 이 있어 숨김.
   색은 --sop-blue 기본, 문성은 css/ms-footer.css 에서 네이비 그라데이션으로 덮어씀.
   ───────────────────────────────────────────────────────────── */
.sop-totop{position:fixed;right:30px;bottom:104px;z-index:9150;width:48px;height:48px;border-radius:50%;background:var(--sop-blue,#1428a0);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(15,28,110,.22);cursor:pointer;text-decoration:none !important;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s,background .15s}
.sop-totop.on{opacity:1;visibility:visible;transform:translateY(0)}
.sop-totop:hover{transform:translateY(-3px);background:var(--sop-blue-dark,#0f1c6e)}
.sop-totop svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sop-totop span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:767px){.sop-totop{display:none}}
@media (prefers-reduced-motion:reduce){.sop-totop{transition:none}}