/* ----- dropzone_custom.css 2024.02.07 Ver 1.0 By.JW ----- */
/* ----- dropzone_custom.css 2025.04.03 Ver 2.0 By.JE ----- */

.dropzone_area {display: flex; flex-flow: column wrap; flex: 1;}
.dropzone_area .dropzone_wrapper {margin-top: 15px; margin-bottom: 30px;}
.dropzone_area .edit_file_row {display: flex; flex-direction: row; flex-wrap: wrap; width:100%;}
.dropzone_area .edit_file_row .edit_file_tit {width:100%; background-color: #f7f7f7; padding-left: 15px; display: flex; align-items: center; font-size: 14px;}
.dropzone_area .edit_file_row .dropzone_parent {width:100%; display: flex; border:1px dashed #E1E1E1;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone {width:100%; border: 0; padding:10px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; min-height: auto; gap: 10px; background-color: #F0F0F0;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone * {cursor: pointer;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-message {margin: 0; width: 100%; height:100%; font-size: 14px; min-height: 100px;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-message .dz-button {height:100%; color: #999;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-preview {position: relative; margin: 0; border: 2px solid #121212;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-preview .dz-image {width:100px; height: 100px; overflow: hidden; border-radius: 0px; display: flex; align-items: center; justify-content: center; background-color: #ededed;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-preview .dz-image>img {width: 100%;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-preview .dz-details {display:none;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-preview .dz-remove {position: absolute; z-index: 20; top: -1px; right: -1px; background-color: #121212; opacity: 1; width: 20px; height:20px; color: #FFF;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone_add_btn {width:104px; height:104px; background-color: #E1E1E1; border: 1px solid #E1E1E1; font-size: 24px; color:#999;}

.dropzone_area.divide .edit_file_row {width:50%;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone {display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; gap: 5px;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview {min-height: auto; display: flex; flex-direction: row; flex-wrap: wrap; width:100%; gap: 5px 10px; padding: 5px 10px; max-width: 600px;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-image, .dropzone_area .edit_file_row .dropzone_parent.list_mode .dz-preview.dz-complete .dz-progress, .dropzone_area .edit_file_row .dropzone_parent.list_mode .dz-preview .dz-success-mark, .dropzone_area .edit_file_row .dropzone_parent.list_mode .dz-preview .dz-error-mark {display:none;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-remove {position: initial; margin-left: auto;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-details {position: initial; opacity: 1; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; min-width: auto; align-items: center; gap: 5px 10px;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-details .dz-filename:hover span {border: 0; border-bottom: 1px solid #ededed; background-color: transparent;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-details .dz-filename span, .dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-details .dz-size span {background-color: transparent; border: 0; padding: 0; font-size: 12px;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-details .dz-size {margin: 0; display: none;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone .dz-preview .dz-details .dz-size span {font-weight: 600;}
.dropzone_area .edit_file_row .dropzone_parent.list_mode .dropzone_add_btn {width:100%; height:auto; font-size: 16px; max-width: 600px; padding: 2px 0;}