.kssFileWarp { width: 100%; margin: 0 auto; }
.kssFileAttach { margin: 0 0 10px 0; display: flex;  width: 100%; align-items: center; justify-content: space-between; }
.kssZipDownloadBtn { display: inline-block; cursor: pointer; border: 1px solid #506aa3; padding: 10px; background-color: #506aa3; color: #fff; margin: 0 10px 0 0; }
.kssFileBtn { cursor: pointer; border: 1px solid #506aa3; padding: 10px; background-color: #506aa3; color: #fff; }
.kssFileHidden { display: none; }
.kssFileDescription { color: #555;}
.kssFileList { border: 1px solid #d5d5d5; }
.kssFileHeader { background-color: #506aa3; }
.kssFileHeader span { display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0; color: #fff;}
.kssFileBody ul li { font-size :0px; }
.kssFileBody ul span { display: inline-block; text-align: center; vertical-align: middle; padding: 10px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size :15px; }
.kssFileBody { max-height: 195px; min-height: 195px; overflow-y: auto; overflow: overlay; }
.kssFileIcon { min-width: 5%; max-width: 5%; background-position: center !important; }
.kssFileName { min-width: 35%; max-width: 30%; text-align: left !important; }
.kssFileExtension { min-width: 10%; max-width: 10%; }
.kssFileType { min-width: 10%; max-width: 10%; }
.kssFileSize { min-width: 10%; max-width: 10%; }
.kssFileDownload { min-width: 10%; max-width: 10%; }
.kssFileDownload > div { border: 1px solid #2900C9; background-color: #2900C9; color: #fff; cursor: pointer; margin: 0 5px 0 5px; padding: 5px 0;}
.kssFileDownloadCnt {min-width: 10%; max-width: 10%; }
.kssFileRemove { min-width: 10%; max-width: 10%; }
.kssFileRemove > div { border: 1px solid #DB0000; background-color: #DB0000; color: #fff; cursor: pointer; margin: 0 5px 0 5px; padding: 5px 0;}
.kssFileThumbnail { border: 1px solid #d5d5d5; min-height: 250px; max-height: 250px; overflow-x: auto; white-space:nowrap; padding: 10px;}
.kssFileThumbnailWarp { display: inline-block; }
.kssThumbnail { display: inline-block; border: 3px solid #506aa3; outline: none; background-size: 100% 100%; outline-offset:-10px; text-align: center; vertical-align: middle; transition: all .15s ease-in-out; margin: 0 0 5px; width: 140px; height: 140px; cursor: pointer; }
.kssThumbnail > img { width: 100%; height: 100%; }
.kssThumbnailName { margin: 0 0 5px; border: 1px solid #506aa3; background-color: #506aa3; text-align: center; color: #fff; width: 140px; text-overflow: ellipsis; overflow: hidden; padding: 5px; }
.kssFileThumbnailWarp .inp_area .inp {max-width: 140px !important;}
.kssFileDataWarp { position: relative; }
.kssDragAndDrop { display:none; position: absolute; top: 0; width: 100%; height: 100%; background-color: #555; opacity: 0.6 }
.kssDragAndDrop > div { position: relative; }
.kssDragAndDrop > div > span { display: inline-block; text-align: center; color: #fff; width: 100%; height: 100%; font-size: 40px; margin-top: 15%; }