/* 수사 동향 팝업 — 홈페이지(네이비·종이색)와 반대로 가는 흰 카드 + 주황 */
#fmPop{position:fixed;z-index:9000;opacity:0;transition:opacity .28s ease, transform .28s ease;
  font-family:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all;color:#14213D}
#fmPop.on{opacity:1}
#fmPop .fmp-mo{display:none}

/* ---- PC : 좌측 하단 카드 ---- */
@media (min-width:861px){
  #fmPop{left:26px;bottom:26px;width:368px;background:#fff;border:2px solid #E4572E;border-radius:16px;
    box-shadow:0 20px 56px rgba(20,33,61,.42);transform:translateY(16px);overflow:hidden}
  #fmPop.on{transform:translateY(0)}
  #fmPop .fmp-pc{padding:0 0 18px}
}
@media (max-width:860px){ #fmPop .fmp-pc{display:none} }

/* 상단 주황 띠 */
#fmPop .fmp-badge{display:block;background:#E4572E;color:#fff;font-size:12.5px;font-weight:700;
  letter-spacing:.02em;padding:9px 20px}
#fmPop h2{font-size:19.5px;line-height:1.42;margin:16px 20px 13px;font-weight:700;letter-spacing:-.015em;color:#14213D}
#fmPop p{margin:0 20px 10px;font-size:14px;line-height:1.62;color:#5B6376}
#fmPop p.hit{background:#FDEDE8;border-left:4px solid #E4572E;border-radius:0 10px 10px 0;
  padding:12px 14px;margin:0 20px 12px;font-size:14.3px;color:#14213D}
#fmPop p.hit b{color:#C9431D;display:block;margin-bottom:3px;font-size:15.5px}
#fmPop p.sm{font-size:12.8px;color:#5B6376;margin-bottom:14px}
#fmPop .fmp-cta{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 20px;
  background:#E4572E;color:#fff;text-decoration:none;font-weight:700;font-size:15.5px;
  padding:15px 16px;border-radius:11px;transition:background .15s;box-shadow:0 6px 16px rgba(228,87,46,.32)}
#fmPop .fmp-cta:hover{background:#C9431D}
#fmPop .fmp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 20px 0}
#fmPop .fmp-foot label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#5B6376;cursor:pointer}
#fmPop .fmp-foot input{width:14px;height:14px;accent-color:#E4572E;cursor:pointer}
#fmPop .fmp-close{background:none;border:0;color:#5B6376;font-size:12.5px;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;padding:2px 0;font-family:inherit}
#fmPop .fmp-note{margin:9px 20px 0;font-size:11.5px;color:#9AA2B1}
#fmPop .fmp-x{position:absolute;top:7px;right:10px;width:28px;height:28px;border:0;border-radius:50%;
  background:rgba(255,255,255,.22);color:#fff;font-size:19px;line-height:1;cursor:pointer}
#fmPop .fmp-x:hover{background:rgba(255,255,255,.38)}

/* ---- 모바일 : 하단 띠 (화면을 덮지 않습니다) ---- */
@media (max-width:860px){
  #fmPop{left:10px;right:10px;bottom:10px;transform:translateY(18px)}
  #fmPop.on{transform:translateY(0)}
  #fmPop .fmp-mo{display:flex;align-items:center;gap:11px;background:#fff;border:2px solid #E4572E;
    border-radius:14px;padding:12px 44px 12px 14px;text-decoration:none;
    box-shadow:0 12px 32px rgba(20,33,61,.34)}
  #fmPop .fmp-mo .txt{flex:1;min-width:0}
  #fmPop .fmp-mo .t{display:block;font-weight:700;font-size:14.2px;line-height:1.4;color:#14213D}
  #fmPop .fmp-mo .b{display:block;font-size:12.8px;line-height:1.45;color:#C9431D;font-weight:600;margin-top:3px}
  #fmPop .fmp-mo .go{flex:none;background:#E4572E;color:#fff;font-weight:700;font-size:13px;
    padding:10px 13px;border-radius:9px;white-space:nowrap;box-shadow:0 4px 12px rgba(228,87,46,.3)}
  #fmPop .fmp-x{top:50%;right:7px;transform:translateY(-50%);width:26px;height:26px;font-size:17px;
    background:#ECE9DF;color:#5B6376}
  #fmPop .fmp-x:hover{background:#DDD8CA}
}
@media (prefers-reduced-motion:reduce){ #fmPop{transition:none} }