@import url("../../fontawesome-free-5.13.0-web/css/all.css");

/* file upload module style */
@media (min-width: 320px) { 
	.moduleUploadBox {border: 1px solid #dddddd; margin-bottom: 5px; padding: 0; position: relative;}
	.moduleUploadBox .fileDropBoxHeader {padding-left:10px;padding-top: 10px;height: 30px;background-color: #ffffff; color: #666666; border-bottom: 1px solid #eee;}
	.moduleUploadBox .fileDropBoxHeader a {padding:0 5px 0 5px; color: #666666;}
	.moduleUploadBox .fileDropBoxHeader span {padding:0 5px 0 5px; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.moduleUploadBox .fileDropBoxHeader a span {padding:0 5px 0 5px; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.moduleUploadBox .fileDropBoxHeader i {padding-right:5px;padding-top:10px;float:right;cursor:pointer;}
	.moduleUploadBox .fileDropBoxHeader .div1 {float:left;padding-left:22px;width:80px;height:22px;background: #559cec;border-radius: 3px;cursor:pointer;}
	.moduleUploadBox .fileDropBoxHeader .div1 .span1 {position: absolute;height: 22px;line-height: 22px;color:#fff;}
	.moduleUploadBox .fileDropBoxHeader .div1 .upload1 {position: absolute;left: 0px;opacity: 0;width: 100px;height:22px;vertical-align: top;}
	.moduleUploadBox .fileDropBoxBody {overflow-y: auto;}
	.moduleUploadBox .fileDropBoxBody ul {width:100%; height:30px; margin:0; padding:0; display: block; list-style: none; clear: both; text-align: left;}
	.moduleUploadBox .fileDropBoxBody ul .filenm {font-weight: bold;font-family: 'Pretendard', 'Montserrat', sans-serif;height: 25px;line-height: 25px;vertical-align: top;display:inline-block;}
	.moduleUploadBox .fileDropBoxBody ul .filesize {height: 25px;line-height: 25px;vertical-align: top;display:inline-block;float:right;margin-right: 10px;}
	.moduleUploadBox .fileDropBoxBody ul .delIcon {color:#559cec;margin: 5px;font-size: 15px;cursor:pointer;}
	.moduleUploadBox .fileDropBoxBottom {position:relative; height: 22px;  border-top:1px solid #eee;background-color: #fff; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.moduleUploadBox .fileDropBoxBottom span.fileExtension {margin-left:10px;line-height:20px;}
	.verM {vertical-align: middle;}
	.bg_trans {opacity: 0; cursor: pointer; position:absolute; right:5px; top:5px;width: 15px;}
	.bg_trans:hover {opacity: 0; cursor: pointer;}
	.fileUpCC:hover {color: #6BADF6;}
}


@media (min-width: 320px) { 
	.fileDropBox {border: 1px solid #dddddd; margin-bottom: 5px; padding: 0; position: relative;display: inline-block;}
	.fileDropBox .fileDropBoxHeader {height: 30px; line-height: 30px; background-color: #ffffff; color: #666666; border:0px solid #ff0000;}
	.fileDropBox .fileDropBoxHeader a {padding:0 5px 0 5px; color: #666666;}
	.fileDropBox .fileDropBoxHeader span {padding:0 5px 0 5px; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.fileDropBox .fileDropBoxHeader a span {padding:0 5px 0 5px; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.fileDropBox .fileDropBoxHeader i {padding-right:5px;padding-top:10px;float:right;cursor:pointer;font-size: 16px;}
	.fileDropBox .fileDropBoxHeader i input {cursor:pointer !important;}
	.fileDropBox .fileDropBoxBody {overflow-y: auto;background: #fff;}
	.fileDropBox .fileDropBoxBody ul {width:100%; height:30px; margin:0; padding:0; display: block; list-style: none; clear: both; text-align: left;}
	.fileDropBox .fileDropBoxBody .fileAreaHeader {background:#F0F0F0;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul li {height:29px; display: block; margin:0; padding:0; float: left; list-style: none;  line-height: 30px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
	.fileDropBox .fileDropBoxBody ul .fileAreaHeaderCell {text-align: center;border-right:1px solid #dddddd;font-size: 13px;}
	.fileDropBox .fileDropBoxBody ul .fileAreaHeaderCell.last {border-right:none;}
	.fileDropBox .fileDropBoxBody ul .fileAreaHeaderCell input[type=checkbox] {width: 16px; height: 16px;margin: auto !important;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCell {background:#fff;font-size:13px;text-align: center; border:none; background:url(../../images/drag-and-drop.png) center no-repeat;background-size: 5%; }
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCell span {color:#4A87EB;position: relative;top: 30%; font-size:12px;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCellL {font-size:13px;text-align: left;  border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCellR {font-size:13px;text-align: right; border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCellC {font-size:13px;text-align: center; border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCellC.last {border-right:none}
	.fileDropBox .fileDropBoxBody ul li span {padding:0 5px 0 5px;}
	.fileDropBox .fileDropBoxBody ul li input[type=checkbox] {width: 16px; height: 16px;margin: auto !important;}
	.fileDropBox .fileDropBoxBottom {position:relative; overflow: auto; border-top:1px solid #eee;background-color: #f9f9f9; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.fileDropBox .fileDropBoxBottom span {padding:0 5px 0 5px; color: #666666; float: right; line-height: 22px;font-size:12px;}
	.fileDropBox .fileDropBoxBottom span.fileExtension {float:left;font-size:11px;font-family: 'Malgun Gothic';}
	.verM {vertical-align: middle;}
	.bg_trans {opacity: 0; cursor: pointer; position:absolute; right:5px; top:5px;width: 15px;}
	.bg_trans:hover {opacity: 0; cursor: pointer;}
	.fileUpCC:hover {color: #6BADF6;}
}
/**
@media (min-width: 768px) { 
	.fileDropBox {border: 1px solid #dddddd; margin-bottom: 5px; padding: 0; position: relative;}
	.fileDropBox .fileDropBoxHeader {height: 30px; line-height: 30px; background-color: #ffffff; color: #666666; border:0px solid #ff0000;}
	.fileDropBox .fileDropBoxHeader a {padding:0 5px 0 5px; color: #666666;}
	.fileDropBox .fileDropBoxHeader span {padding:0 5px 0 5px; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.fileDropBox .fileDropBoxHeader a span {padding:0 5px 0 5px; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.fileDropBox .fileDropBoxHeader i {padding-right:5px;padding-top:10px;float:right;cursor:pointer;}
	.fileDropBox .fileDropBoxBody {overflow-y: auto;}
	.fileDropBox .fileDropBoxBody ul {width:100%; height:30px; margin:0; padding:0; display: block; list-style: none; clear: both; text-align: left;}
	.fileDropBox .fileDropBoxBody .fileAreaHeader {background:#F0F0F0;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul li {height:30px; display: block; margin:0; padding:0; float: left; list-style: none;  line-height: 25px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
	.fileDropBox .fileDropBoxBody ul .fileAreaHeaderCell {text-align: center;border-right:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCell {background: #fff;font-size:13px;text-align: center; border:none;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCellL {font-size:13px;text-align: left;  border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCellR {font-size:13px;text-align: right; border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul .fileAreaBodyCellC {font-size:13px;text-align: center; border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	.fileDropBox .fileDropBoxBody ul li span {padding:0 5px 0 5px;}
	.fileDropBox .fileDropBoxBottom {position:relative; height: 22px;  border-top:1px solid #eee;background-color: #f9f9f9; color: #666666; font-family:'Pretendard', 'Montserrat', sans-serif}
	.fileDropBox .fileDropBoxBottom span {padding:0 5px 0 5px; color: #666666; float: right; line-height: 25px;font-size:12px;}
	.fileDropBox .fileDropBoxBottom span.fileExtension {display:block;float:left;font-size:12px;}
	.verM {vertical-align: middle;}
	.bg_trans {opacity: 0; cursor: pointer; width:15px; position:absolute; right:5px; top:5px;}
	.bg_trans:hover {opacity: 0; cursor: pointer;}
	.fileUpCC:hover {color: #6BADF6;}
}
**/