.comment{width:100%;display:flex;position:relative}.comment .comment-remove-btn{position:absolute;top:0;right:0}.comment .comment-contents{padding:0 20px}.comment .comment-contents .comment-contents-header{display:flex;align-items:center;margin-bottom:5px;height:1.5rem}.comment .comment-contents .comment-contents-header .name{font-weight:900}.comment .comment-contents .comment-contents-header .date{color:#999;margin:0 20px}.comment .comment-contents .comment-contents-body{margin-bottom:15px}.comment .comment-contents .comment-contents-files{margin-bottom:10px}.comment .comment-contents .comment-contents-files .file-icon-wrap{cursor:pointer;display:flex;align-items:center}.comment .comment-contents .comment-contents-files .file-icon-wrap .file-icon{cursor:pointer;display:flex;border:1px solid #909090;color:#909090;border-radius:50%;font-size:10px;margin-right:10px;transition:transform .25s ease;padding:4px}.comment .comment-contents .comment-contents-files .file-icon-wrap .file-icon.opened{transform:rotate(180deg)}.comment .comment-contents .comment-contents-files .file-icon-wrap .file-icon i{transform:scaleX(.8) scaleY(.6)}.comment .comment-contents .comment-contents-files .file-icon-wrap .file-icon-text{font-size:14px}.comment .comment-contents .comment-contents-files .file-list-wrap{padding:20px 16px}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap{margin-bottom:0}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row{display:flex}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row .file-wrap{display:flex;align-items:center;height:auto;line-height:17px;margin-bottom:10px;margin-right:6px;cursor:pointer}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row .file-wrap .file-item{color:#676767}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row .file-wrap .file-item.file-item-icon{background-image:url(https://static.hiworks.com/office/static/images/file_icon/etc.png);background-size:contain;flex:0 0 auto;width:17px;height:17px;margin-right:12px;display:inline-block;margin-top:-1px}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row .file-wrap .file-item.file-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row .file-wrap .file-item.file-item-size{padding-top:2px;white-space:nowrap}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row .file-preview-icon{cursor:pointer}.comment .comment-contents .comment-contents-files .file-list-wrap .files-wrap .file-row:last-child .file-wrap{margin-bottom:0}.comment .comment-contents .comment-contents-files .file-list-wrap .images-wrap{display:flex;flex-flow:row wrap}.comment .comment-contents .comment-contents-files .file-list-wrap .images-wrap.bottom-margin{margin-bottom:20px}.comment .comment-contents .comment-contents-files .file-list-wrap .images-wrap .image-item{cursor:pointer;border:1px solid #ebebeb;width:100px;height:80px;margin-right:6px;margin-bottom:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.comment .comment-contents .comment-contents-files .file-list-wrap .images-wrap .image-item img{width:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.comment .over-view{display:none}.comment:hover .over-view{display:inline-block}.good-job{cursor:pointer;color:#2985db;font-size:14px}.good-job .good-job-count{font-size:15px;padding:3.5px}.good-job .good-job-btn{display:inline;padding:5px 20px}