.vm_area, 
.vm_area1 { margin-bottom:10px; }
.vm_body { clear:both; padding:5px; border: 1px solid #e0e0e0; border-radius:5px; max-width::400px; min-width:370px; text-align:center; }
.vm_body h4 { margin:0; font-size:14px; font-weight:bold; display:inline-block; }
.vm_admin { padding:5px 10px; background:#ff9800; color:white; display:inline-block; border-radius:3px; font-size:12px; cursor:pointer; }
.vm_top { cursor:pointer; padding:5px 0; text-align:center; }
.vm_folding { margin-left:10px; font-size:12px; }
#rating_detail_list { display:none; margin-top:10px; }
#rating_detail_list table { width:100%; border-collapse:collapse; }
#rating_detail_list .vm_tr { background:#f0f0f0; border-bottom:2px solid #ddd; }
#rating_detail_list .vm_tr1 { border-bottom:1px solid #e0e0e0; }
.vm_box { min-height:40px; }
.vm_box img { width:30px; height:30px; border-radius:50%; object-fit:cover; vertical-align:middle; }
.vm_box span { width:30px; height:30px; border-radius:50%; object-fit:cover; vertical-align:middle; }
.vm_box .pr_tooltip { position:relative; display:inline-block; padding:5px; cursor:pointer; }
.vm_box .tm { position:relative; display:inline-block; margin:5px; cursor:pointer; }
.vm_rate { position:absolute; top:90%; left:55%; transform:translate(-50%, -50%); color:#fff; text-shadow:1px 1px 0 #444,1px 1px 0 #222; font-weight:bold; font-size:10px; }
.vm_th { padding:8px; text-align:center; }
.vm_star { color:#ffb400; font-size:16px; }
.vm_star_rate { margin-left:5px; font-weight:bold; }
.hoverarea img { transition:transform 0.25s ease; }
.hoverarea:hover img { transform:scale(1.5); }

/* 모바일 환경에서 vm_area 폭 제한 */
@media screen and (max-width: 768px) {
	.vm_area, 
	.vm_area1 {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.vm_area .vm_body,
	.vm_area1 .vm_body {
		max-width: 100% !important;
		min-width: auto !important;
		width: 100%;
	}
	
	/* 테이블도 모바일에 맞게 조정 */
	.vm_area table,
	.vm_area1 table {
		font-size: 12px;
	}
	
	.vm_area th,
	.vm_area1 th,
	.vm_area td,
	.vm_area1 td {
		padding: 6px 4px !important;
	}
	
	/* 프로필 이미지 크기 조정 */
	.vm_area .vm_box img,
	.vm_area1 .vm_box img {
		width: 25px !important;
		height: 25px !important;
	}
}

/* 더 작은 모바일 화면 */
@media screen and (max-width: 480px) {
	.vm_area,
	.vm_area1 {
		max-width: 100%;
	}
	
	.vm_area table,
	.vm_area1 table {
		font-size: 11px;
	}
}