@charset "utf-8";

.hide{ display: none !important; }
.show{ display: block !important; }

/* 스크롤방지  */
.scroll_ignore{ position: absolute; width :100%; height: 100%; overflow: hidden; } 

.w100{ width: 100% !important; }
.h100{ height: 100% !important; }
.m0{ margin: 0 !important;}
.p0{ padding: 0 !important;}

.p1000{ position: absolute; z-index: 1000 !important; }
.p2000{ position: absolute; z-index: 2000 !important; }
.p3000{ position: absolute; z-index: 3000 !important; }
.p4000{ position: absolute; z-index: 4000 !important; }
.p5000{ position: absolute; z-index: 5000 !important; }

/* 파일 업로드  */
.fileArea{
	margin-bottom: 10px;
}

.fileArea input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.fileArea .btn_upload {
  display: inline-block;
  width:100px;
  padding: .5em .75em;
  color: #999;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #ff7f00 !important;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  color: white;
  margin: 0;
  text-align: center;
}

.fileArea .btn_delete {
  display: inline-block;
  width:100px;
  padding: .5em .75em;
  color: #999;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: white !important;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  color: #ff7f00 !important;
  margin: 0;
  text-align: center;
}

.fileArea .upload-name {
  display: inline-block;
  padding: .5em .75em;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* imaged preview */
.fileArea .upload-display {
	margin-bottom: 5px;
	display: inline-block;
}

.fileArea .upload-thumb-wrap {
	display: inline-block;
	width: 54px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
	min-height: 40px;
	max-height: 40px;
}

.fileArea >.upload-display img, video {
	display: block;
	max-width: 100%;
	width: 100% \9;
	height: auto;
	margin: auto;
	max-height: 34px;
}

#modal_preview{
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:9999;
	background-color : rgb(0,0,0,0.9);
}

#modal_preview >.view_area {
  width: 80%;
  height: 50%;
  background: #000;
  /* 상하좌우 정중앙 정렬하기 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#modal_preview >.view_area >img{
	width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
}

#modal_preview >.view_area >video{
	width: 100%;
    height: 100%;
    max-height: 100%;
}

#modal_preview >.view_close{
	position: absolute;
	top:10px;
	right:10px;
	width: 50px;
}

/* 파일 업로드  */

/* 사용법 */
@keyframes slide_up {
	0%
	{
		transform: translateY(150%);
	}
	100%
	{
		transform: translateY(0);
	}
}