@charset "UTF-8";
/* 파일 커스텀 */
.input-file { position: relative; display: inline-block; width: calc(100% - 70px); line-height: 30px; padding-left: 10px; font-size: 1.2rem; text-align: left; vertical-align: middle; background-color: #fff; border: 1px solid var(--line-color); font-weight: 400; border-radius: 3px; cursor: pointer; }
.input-file input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 301; cursor: pointer; }
.input-file .button { position: absolute; top: -1px; right: -1px; width: 70px; height: 32px; z-index: 2; display: inline-block; font-size: 1.2rem; background: #1f1f1f; border: 1px solid #1f1f1f; border-radius: 0 3px 3px 0; font-weight: 400; color: #fff; text-align: center; line-height: 30px; cursor: pointer; padding: 0; }
.input-file .label { color: #333; white-space: nowrap; opacity: 0.5; padding-right: 55px; display: block; }
.input-file:hover { border: 1px solid #aaa; }
.input-file:hover .button { background: #000; color: #fff; border-color: #000; }

.file-row:not(:first-child) { margin: 5px 0 0; }
.file-row .add-wrap { display: inline-block; margin-left: 10px; position: relative; }
.file-row .add-wrap .btn { border-style: none; background: transparent; width: 20px; height: 20px; margin-right: 3px; padding: 0; }
.file-row .add-wrap .btn:disabled img, .file-row .add-wrap .btn:disabled:hover img { cursor: no-drop; opacity: 0.2; }
.file-row .add-wrap .btn img { opacity: 0.4; cursor: pointer; width: 20px; height: 20px; }
.file-row .add-wrap .btn:hover img { opacity: 0.5; }

@media (max-width: 768px) { 
  .file-row { width: 100% !important; } 
}




/* 첨부파일된 파일 */
.file-set-wrap .added-file { display: flex; align-items: center; cursor: pointer; font-size:1.2rem; color:#424242; padding: 2px 10px;}
.file-set-wrap .added-file:last-of-type { margin-right: 0; }
.file-set-wrap .added-file:hover {background: #f2f2f2}
.file-set-wrap .added-file img { margin-right: 5px; opacity: 0.7; width: 11px; height: auto; }

@media(max-width: 768px) {
	.file-set-wrap .added-file {font-size: 1.3rem}
}

@media(max-width: 500px) {
	.file-set-wrap .added-file {font-size: 1.2rem}
	.file-set-wrap .added-file img {width: 10px; height: 12px;}
}