@charset "UTF-8";

.upload_container { padding: 0px !important; }
.upload_container .drag_area{
	/*overflow:hidden;
	overflow-y: auto;*/
	padding: 0px 0px 15px 0px;
	overflow: visible;
	position:relative;width:100%;
	border:1px solid #eceff2;
}
.upload_container .blind{visibility:hidden;position:absolute;line-height:0}
.upload_container .drag_area .bg{position:absolute;top:0;left:0;width:100%;height:250px;background: #fdfdfd url(../img/bg_drag_image.png) 50% 50% no-repeat;}
.upload_container .drag_area .showbg{display:block}
.upload_container .drag_area .hidebg{display:none}
.upload_container .drag_area{}

ul.sortable{margin:0;padding:0;*zoom:1}
ul.sortable:after{display:block;clear:both;content:""}
/*ul.sortable{float: left;}*/

.sortable > li{
	list-style:none;
	float: left;
	/*width: 110px; height:110px;*/
	width: 105px; height: 105px;
	overflow: hidden;
	text-align: center;
	margin: 4px 3px;  border: 1px solid #DDDDDD;padding:1px; cursor: move;
	background: #ffffff;
}
.sortable > li:hover, .sortable > li.ui-sortable-helper{border:2px solid #E58524;padding:0;}

.sortable > li > div{
	background: #f7f7f7;
	color:#808080;
	margin:0;
	font-size:11px;
	height:106px;
	width:100%;
	overflow: hidden;
	white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;
	position:relative;
}
.sortable > li > div > img{margin: 0px;}
/*.sortable > li > div .delete_img{position:absolute;top:0;right:0px;cursor: pointer;}
.sortable > li:hover > div .delete_img{cursor:pointer}*/
.sortable > li.placeholder{
border: dashed 2px #ccc;background-color:#FFF;padding:0;
}

.sortable > li > div .delete_img{
	position: absolute;top: 3px;right: 0px;
	padding: 5px 7px;
	background-color: orangered;color: #fff;
	opacity: 0.8;
	cursor: pointer;
}

.sortable > li > div .photo_preview{
	position: absolute;top: 3px;left: 0px;
	padding: 5px 3px; 
	background-color: gray;color: #fff;
	opacity: 0.8;
	cursor: pointer;
}


.seletion_explain{margin:10px 0}
.drag_explain{position:relative;height:36px}
.drag_explain p {padding:12px 0 0 0;margin:0;}
.file_selet_group{position:absolute;top:0;right:0}
.btn_group{text-align:center}


/* 삭제버튼 */
.sortable .delete {
	position: absolute;
	right: 0px;
	top: 3px;
}

/* 업로드중 에러발생시 취소버튼 */
.sortable .cancel, .sortable .start {
	display: block; 
	position: absolute;
	right: 0px;
	top: 3px;	
	padding: 5px 7px;
	background-color: green;color: #fff;
	z-index: 100;
	opacity: 0.8;
}

.sortable .cancel:hover {
	display: block;cursor: pointer; color: #fff;
}

.sortable .start {
	display: block; 
	position: absolute;
	left: 0px;
	top: 50px;	
	padding: 5px 7px;
	background-color: orangered;color: #fff;
	z-index: 100;
}
.sortable .start:hover {
	display: block;cursor: pointer; color: #fff;
}


.sortable .error {
	position: absolute;
	left: 5px;
	bottom: 5px;
	z-index: 100;
	text-align: center;
}

.sortable .btn-primary {
	border-radius: 0px !important;
	opacity: 0.8 !important;
}


#file_upload_plus .sort_list {
	/*background: red !important;*/
	/*border-style: dotted !important;*/
	border: 2px dashed #dadada !important;
	cursor: pointer;
	position: absolute;
	background-color: #fff !important;
}

/* 선택금지 */
.pop_container{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox*/
}





/*
	jqurey-ui 에서 input포커싱시 div.ui-tooltip 자동생성됨 --> 숨김처리
*/
/*.ui-tooltip,.ui-helper-hidden-accessible { display:none !important; }*/