/* ----- dropzone_custom.css 2024.02.07 Ver 1.0 By.JW ----- */

.dropzone_area{display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; 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 #cfcfcf;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone{width:100%; border: 0; padding:0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; min-height: auto; gap: 10px; padding:10px;}
.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%;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone .dz-preview{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{width:50%; position: absolute; z-index: 20; right: 0px; top: 0px; background-color: #121212 !important; opacity: 1; width:20px; height:20px; line-height: 1.4; border:1px solid #121212; border-radius:0;}
.dropzone_area .edit_file_row .dropzone_parent .dropzone_add_btn{width:104px; height:104px; background-color: #ededed; border: 1px solid #ededed; font-size: 24px; color:#898989;}

.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;}