.image-upload-container {display: flex;	gap: 10px;	margin: 20px 0px;}

.image-upload-box {	
	width: calc(33.33% - 7px);	position: relative;	border: 2px dashed #ccc;	border-radius: 5px;	cursor: pointer;	transition: all 0.3s;
	overflow:hidden;
}

.image-upload-box:before {
	content: "";	display: block;	padding-top: 66.67%; /* 3:2 비율 */
}

.image-upload-content {
	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;
}

.preview-image {
	width: 100%;	height: 100%;	object-fit: none;	display: none;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);
}

.preview-image.contain { object-fit: contain;}

.delete-btn {
	position: absolute;	top: 10px;	right: 10px;	background: rgba(0,0,0,0.7);	color: white;	border: none;	border-radius: 5px;	padding: 5px 10px;	display: none;	z-index: 1;	font-size: 15px;
}

.delete-btn i {	margin-right: 5px;}


.use_img{position:relative;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;}

.use_img > div.img_box{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:10px;margin-right:5px;width:100px;height:100px;border:1px solid #ccc;cursor:pointer;overflow:hidden;}
.use_img > div.img_box.contain img{object-fit:contain;}

.use_img .original-image { display: none; position: absolute; left: 0; top: 100px;align-items:center;justify-content:center;min-width:100px;min-height:100px;width: 90vw; max-width:400px;max-height:350px;  z-index: 1000; background-color:white;border:1px solid #ccc;}
@media (max-width: 500px) {
	.use_img > div.img_box{width:80px;height:80px;}
}
