@charset "utf-8";

/* ======================================================================
   방문자 집계 — 푸터 하단 한 줄
   ====================================================================== */
#visit {
    position:relative;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
    margin:22px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.12);
}
#visit h2 {
    margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;
    color:rgba(255,255,255,.4);white-space:nowrap;
}
#visit dl {display:flex;align-items:center;gap:0;margin:0;padding:0;flex-wrap:wrap}
#visit dl > div {
    position:relative;display:flex;align-items:baseline;gap:7px;padding:0 16px;white-space:nowrap;
}
#visit dl > div:first-child {padding-left:0}
#visit dl > div + div::before {
    content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:1px;height:11px;background:rgba(255,255,255,.18);
}
#visit dt {margin:0;font-size:13px;color:rgba(255,255,255,.5)}
#visit dd {margin:0;font-size:14px;font-weight:700;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
#visit dl > div:last-child dd {color:#fff}
#visit .btn_admin {
    display:inline-flex;align-items:center;justify-content:center;margin-left:auto;
    width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.5);font-size:13px;text-decoration:none;transition:.2s;
}
#visit .btn_admin:hover {background:rgba(255,255,255,.18);color:#fff}

@media all and (max-width:768px){
    #visit {gap:10px;justify-content:center;margin-top:18px;padding-top:14px}
    #visit h2 {width:100%;text-align:center}
    #visit dl {justify-content:center}
    #visit dl > div {padding:0 11px}
    #visit dt {font-size:12px}
    #visit dd {font-size:13px}
    #visit .btn_admin {margin-left:0}
}