@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS Example 8.8.2
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.container{padding:5px 0 2px 2px; overflow-x:hidden;}
.col-lg-5.fade{display:none;}
.table{margin-bottom:0;}
.table.files ul, .table.files li{padding:0; margin:0;}
.table.files ul{position:relative; overflow:hidden;}
.table.files li{width:90px; letter-spacing:-1px;}
.table.files li ul{margin:0 10px 10px 0;  overflow:hidden; padding:0;}
.table.files li li{width:100%;}
.table.files li{list-style:none; float:left;}
.table.files li li .preview{line-height:0;}
.table.files .file-thumbnail{min-height:20px;}
.table.files .file-name{margin-top:7px;}
.table.files .name{font-size:12px; line-height:1.1; width:100%; margin-bottom:2px;}
.table.files .name a{display:block; height:27px; overflow:hidden; color:#333; word-wrap:break-word;}
.table.files .name .upload-name{display:block; width:100%; word-wrap:break-word; height:27px; overflow-y:hidden;}
.table.files .name .file-comment{display:block; width:100%; word-wrap:break-word; height:27px; overflow-y:hidden;}
.table.files .name input{width:100%; display:block;} 
.table.files .size{font-size:12px; height:14px; color:#9a9a9a; margin:0;}
.table.files .file-size .progress{display:none; height:0; margin:0;}
.btn-set{text-align:right; position:absolute; left:0; top:-22px;}
.btn-set button.btn{padding:0px; width:14px; height:14px; text-align:center; line-height:14px; border-radius:0;}
.fileupload-buttonbar{margin-bottom:7px;}
.fileupload-buttonbar .toggle, .files .toggle, .files .btn span{display:none;}
.fileupload-buttonbar .btn{border-radius:3px; margin-right:2px; padding:4px 9px; font-size:11px; font-family:dotum; font-weight:bold; letter-spacing:-1px;}
.fileupload-buttonbar .glyphicon{font-size:12px; top:2px; margin-right:2px;}
.fileupload-buttonbar .btn-success .glyphicon{top:1px;}
.btn-success{background-color:#F77B8A; border-color:#EC6E7E;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success{background-color:#EB5D6E; border-color:#E05464;}
.btn-primary{background-color:#6AAFEF; border-color:#5CA3E4;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{background-color:#50ABFF; border-color:#3da0fc;}
/*.btn-warning{background-color:#9A9BFB; border-color:#898AE4;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning{background-color:#8485FF; border-color:#7879D8;}*/
.btn-set .glyphicon-upload:before, .btn-set .glyphicon-ban-circle:before{content:"";}
.table.files li.btn-set{position:absolute; top:0; height:100%; text-align:left;  max-height:80px;}
.btn-set .btn-primary{background-image:url("/tools/file_upload/img/btn_file_start.png"); background-repeat:no-repeat; background-position:-1px -1px; margin-left:4px;}
.btn-set .btn-warning{background-image:url("/tools/file_upload/img/btn_file_cancel.png"); background-repeat:no-repeat; background-position:-1px -1px;}
/*.btn-set .btn-danger{background-image:url("/tools/file_upload/img/btn_file_delete.png"); background-repeat:no-repeat; background-position:-1px -1px;}*/
.btn-set .btn.btn-danger{width:100%; height:100%; background-image:none; border:none; background-color:rgba(0,0,0,0.3);}
.btn-danger{background-color:#aaa; border-color:#999;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger{background-color:#999; border-color:#888;}

.upload-exist.mobile{display:none;}
.upload-noexist.pc{display:block; min-height:150px; line-height:150px; text-align:center; background:linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); background:-webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0); background-color:#fafafa; border:1px solid #e5e5e5; border-radius:2px; width:99%;}
.upload-exist.pc{display:block; min-height:25px; line-height:25px;}
.upload-exist, .upload-noexist{font-size:11px; color:#888;}


@media (max-width: 400px) {
.container{padding-left:5px; padding-right:0px; padding-top:10px;}
.table.files ul{overflow:hidden;}
.table.files li{width:20%;}
.table.files li ul{margin:10px 10px 0 0;}
.fileupload-buttonbar{margin-bottom:0px;}
.file-name, .file-size{display:none;}

.upload-noexist.pc, .upload-exist.pc{display:none;}
.upload-exist.mobile{display:block; min-height:25px; line-height:25px; margin-top:10px;}
}

.use-thumbnail{letter-spacing:-0.5px; color:#5f5f5f; margin-left:15px; font-size:13px;}
.use-thumbnail span{font-weight:bold;}
.use-thumbnail input[type=text]{border:1px solid #e1e1e1; border-radius:2px; padding:2px 5px; width:60px; text-align:right; font-size:14px; vertical-align:middle; margin-top:-2px;}
.use-thumbnail input[type=radio], .use-thumbnail input[type=checkbox]{margin:-4px 3px 0 0; vertical-align:middle; width:15px; height:15px;}

@media (min-width: 768px) {
.container {width:100%;}
}