@charset "utf-8";

/* 현재접속자 */
#current_connect {width:100%; height:100%; overflow:auto; list-style:none;}
#current_connect ul {display:grid ; margin:0px 0px 100px; grid-template-columns:repeat(auto-fill, minmax(360px, auto)); grid-gap:10px; scrollbar-width:none;-webkit-box-pack:center;}
#current_connect li {display:flex; align-items:center; position:relative; padding:10px 0; border-bottom:1px solid var(--border-sub-color); box-sizing:border-box; gap:20px;}
#current_connect li:first-child {border-top:1px solid var(--border-sub-color);}
#current_connect .crt_num {line-height:45px; color:#777; font-weight:bold}
#current_connect .crt_profile {display:flex; align-items:center;}
#current_connect .crt_profile > img {width:45px;height:45px;border-radius:50%}
#current_connect .crt_info {display:flex; flex-direction:column; line-height:1.2;}
#current_connect .crt_name {display:block}
#current_connect .sv_member {font-weight:bold;line-height:20px;font-size:1.2em}
#current_connect .profile_img {display:none}
#current_connect .crt_lct {display:block}
#current_connect .crt_lct a {color:#797979}
#current_connect li.empty_li {width:100%;padding:200px 0;border:0;color:#666;text-align:center}