.review-write-prd-info{
	display: flex;
	align-items: center;
	gap:15px;
}
.review-write-prd-info > ul{
	.name-ko{
		font-size: 14px;
	}
	.name-en{
		padding: 2px 0 0 0;
		font-size: 12px;
		color: #777;
	}
}
.review-write-prd-info > ul.thumbnail{
	width:80px;
	border-radius:6px;
	overflow:hidden;
}
.review-write-prd-info > ul:nth-child(2){

}

.review-write-prd-info > ul.thumbnail img{
	width:100%;
}

.upload-container {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}
.camera-icon {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
	text-align: center;
}
.camera-icon label {
	cursor: pointer;
	font-size: 35px;
}

.preview-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	border: 1px dashed #ccc;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	background-color: #f9f9f9;
	min-height: 80px;
	flex-grow: 1;
	position: relative;
}
.preview-container.empty::before {
	content: "사진을 첨부해주세요.\A사진은 최대 4개까지 등록됩니다.";
	white-space: pre-line; /* 줄바꿈 처리를 활성화 */
	color: #999;
	font-size: 14px;
	text-align: left;
	display: block; /* 가운데 정렬을 위해 블록 요소로 설정 */
}
.preview-item {
	position: relative;
}
.preview-item img {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	object-fit: cover;
	border: 1px solid #ccc;
}

.delete-btn {
	position: absolute;
	top: -5px;
	right: -5px;
	background-color: red;
	color: #ffffff;
	border: none;
	border-radius: 8px;
	font-size: 12px;
	text-align:center;
	width: 20px;
	height: 20px;
	padding:0;
	margin:0;
	overflow:hidden;
	cursor: pointer;
}
.file-input {
	display: none;
}
#error-message {
	color: red;
	display: none;
	margin-top: 10px;
}

/* 상품명 검색 */
.review-search-wrap{
	margin:15px 0;
}
.review-search-box{
	display:flex;
	align-items:center;
	border:1px solid #ddd;
	border-radius:25px;
	padding:8px 8px 8px 18px;
	background-color:#f9f9f9;
}
.review-search-box input{
	flex-grow:1;
	border:none;
	background:transparent;
	outline:none;
	font-size:14px;
}
.review-search-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border:none;
	border-radius:50%;
	background-color:var(--main-color);
	color:#fff;
	cursor:pointer;
}
.review-search-active{
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:10px;
	font-size:13px;
	color:#555;
}
.review-search-active span{
	color:var(--main-color);
	font-weight:600;
}
.review-search-reset{
	margin-left:auto;
	color:#999;
	text-decoration:underline;
}
.review-search-empty{
	padding:60px 0;
	text-align:center;
	color:#999;
	font-size:14px;
}

/* 하단 페이지네이션 - 이전/다음/맨처음/맨끝 화살표 아이콘 버튼 노출 (기본은 layout.css에서 숨김 처리됨) */
.review-pagination-wrap .pagination ul{
	flex-wrap:wrap;
	row-gap:6px;
}
.review-pagination-wrap .pagination ul li{
	flex:0 0 auto;
}
.review-pagination-wrap .pagination ul li a{
	white-space:nowrap;
}
.review-pagination-wrap .pagination ul li.first-page,
.review-pagination-wrap .pagination ul li.prev-page,
.review-pagination-wrap .pagination ul li.next-page,
.review-pagination-wrap .pagination ul li.last-page{
	display:inline-block;
}
.review-pagination-wrap .pagination ul li.first-page a,
.review-pagination-wrap .pagination ul li.prev-page a,
.review-pagination-wrap .pagination ul li.next-page a,
.review-pagination-wrap .pagination ul li.last-page a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	padding:0;
	color:var(--main-color);
	font-size:14px;
}