/* 현재 접속자 스킨의 화면 서식 */

.devm_cn-basic{padding:0; background:var(--c-bg,#F8FAFC)}

.devm_cn-basic__wrap{width:100%; max-width:var(--wrap,1280px); margin:0 auto; padding:0 1.25rem}
@media (min-width:768px){.devm_cn-basic__wrap{padding:0 2rem}}

.devm_cn-basic__list{
	margin:0; padding:0; overflow:hidden; list-style:none;
	border:1px solid var(--c-line,#DEE1E4); border-radius:var(--r-card,0);
	background:var(--c-surface,#fff);
}
.devm_cn-basic__list > li{
	display:flex; align-items:center; gap:.85rem;
	padding:.95rem 1.25rem; border-bottom:1px solid var(--c-line-soft,#EDEFF1);
}
.devm_cn-basic__list > li:last-child{border-bottom:0}

.devm_cn-basic__num{
	flex:0 0 auto; min-width:2.25rem;
	color:var(--c-fg-4,#6B7177); font-size:var(--fs-xs,.8125rem); font-weight:700;
	font-variant-numeric:tabular-nums;
}
.devm_cn-basic__pic{flex:0 0 auto; display:inline-flex}
.devm_cn-basic__pic img{width:32px; height:32px; border-radius:50%; object-fit:cover}

.devm_cn-basic__info{display:flex; align-items:center; flex-wrap:wrap; gap:.3rem .85rem; min-width:0}
.devm_cn-basic__name{color:var(--c-fg,#16181A); font-size:var(--fs-sm,.875rem); font-weight:700}
.devm_cn-basic__lct{
	min-width:0; color:var(--c-fg-3,#6B7177);
	font-size:var(--fs-xs,.8125rem); word-break:break-word;
}
.devm_cn-basic__lct a{color:inherit; text-decoration:none}
.devm_cn-basic__lct a:hover{color:var(--c-accent,#3A4E6B)}

.devm_cn-basic__empty{
	justify-content:center; padding:4rem 0 !important;
	color:var(--c-fg-3,#6B7177); text-align:center;
}

@media (max-width:767px){
	.devm_cn-basic{padding:3rem 0}
	.devm_cn-basic__list > li{padding:.85rem 1rem}
}