.uploaded-area {
	padding: 10px 15px; margin-top: 10px; border: 1px solid var(--line); background: #fff; border-radius: 2px;
	.empty {
		color: #999; width: 100%; height: 100%; text-align: center; padding: 30px 0; font-size: 1.4rem; min-height: 60px; display: flex; align-items: center; justify-content: center;
	}
	.uploaded {
		width: 100%;
		&:not(:last-child) {
			padding-bottom: 5px; border-bottom: 1px dashed var(--line); margin-bottom: 5px;
		}
	}
}

.uploaded {
	display: flex; align-items: center; flex-wrap: wrap;
	&:not(:first-child) {
		padding-top: 7px;
	}
	.uploaded-btn {
		display: flex; gap: 5px; padding-left: 6px;
		.del-btn {
			margin-left: 0; padding: 3px 5px 3px 0px;
		}
	}
	.tit {
		max-width: calc(100% - 50px); color: #555; font-size: 1.4rem; font-weight: 600; position: relative; padding-left: 17px; word-break: break-all; padding-bottom: 0 !important;
		&:after {
			content: ''; width: 15px; height: 15px; position: absolute; top: 2px; left: 0; background-image: url('../img/board/file.svg'); background-size: cover; background-repeat: no-repeat;
		}
		&:hover {
			text-decoration: underline;
		}
	}
	.del-btn {
		color: #999; font-weight: 700; font-size: 1.2rem; padding: 3px 5px; border-radius: 3px; display: flex; align-items: center; margin-left: 5px;
		&:hover {
			background: #eee;
		}
		> img {
			width: 15px; height: 15px;
		}
	}
}

.input-file {
	position: relative; display: inline-block; margin-right: 15px; cursor: default; background: #e9e9e9; border: 1px solid var(--line); border-radius: 3px; padding: 10px 16px;
	&.full {
		width: 100%; text-align: center;
	}
	input[type=file] {
		position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 301; cursor: pointer;
		&::-webkit-file-upload-button {
			cursor: pointer;
		}
	}
	label {
		font-size: 1.4rem; color: #333; font-weight: 700;
	}
	.material-icons {
		font-size: 13px; color: #747474; transform: rotate(45deg);
	}
}

@media (max-width: 768px) {
	.uploaded-area {
		.empty {
			font-size: 1.3rem;
		}
	}

	.uploaded {
		.tit {
			font-size: 1.25rem;
		}
	}
}

.file-attach-area {
	margin-top: 20px;
	.sub-tit {
		font-size: 1.6rem; font-weight: 600; color: #333; margin-bottom: 15px;
	}
}

@media (max-width: 405px) {
	.uploaded {
		.uploaded-btn {
			padding: 5px 0 0 0;
			
		}
	}
}