/** 파일 업로드 진행 바 **/
#fixed_popup_bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 100%;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color 0.5s;
	z-index: 100;
}

#fixed_popup_bg.on {
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.popup_page {
	position: fixed;
	left: calc(50% + 500px);
	top: 0;
	right: calc(50% + 500px);
	width: 0;
	overflow: hidden;
	bottom: 0;
	transition: all 0.4s;
	display: flex;
	z-index: 101;
}

.popup_header{position:sticky; background: #fff; 
height: 60px; border-bottom: 1px solid rgba(0,0,0,0.05);
display: flex; align-items: center; justify-content: space-between; width: 100%; top: 0; left: 0; padding: 0 20px;
z-index: 10}

.popup_header img{display: block}

.popup_header .left{display: flex; gap:20px; width: 20%; justify-content: flex-start; align-items: center}
.popup_header .right{display: flex; gap:20px; width: 20%; justify-content: flex-end; align-items: center}
.popup_header .mid{width: 60%; text-align: center}

.popup_header .right a img{max-width: 18px}

.popup_header .mid img{margin: 0 auto}
.popup_header .mid h2{font-size: 16px}

.popup_page.on {
	left: calc(50% - 500px);
	width: 430px;
}

.popup_page .popup_con {
	transition: all 0.4s;
	overflow-y: auto;
	background-color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 1000px;
	height: 100%;
}

.popup_page.on .popup_con {
	overflow-y: scroll;
	margin-bottom: 100px;
}