.notice-popup {
	position: fixed;
	background-color: white;
	/*border-radius: 8px;*/
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.45);
	
	width: 390px;
	z-index: 2222!important;
}
.pop-close-btn {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(50%) translateY(-50%);
	border: 2px solid #fff!important;
	z-index: 3333 !important;
}
/* PC 기준 위치 정의 */
.notice-pop1 {
	top: 60px;
	left: 20px;
	z-index: 1080;
}

.notice-pop2 {
	top: 60px;
	left: 430px;
	z-index: 1070;
}

.notice-pop3 {
	top: 60px;
	left: 850px;
	z-index: 1060;
}

.notice-pop4 {
	top: 60px;
	left: 1270px;
	z-index: 1050;
}

.notice-pop5 {
	top: 50%;
	left: 20px;
	z-index: 1040;
}

.notice-pop6 {
	top: 50%;
	left: 430px;
	z-index: 1030;
}

.notice-pop7 {
	top: 50%;
	left: 850px;
	z-index: 1020;
}

.notice-pop8 {
	top: 50%;
	left: 1270px;
	z-index: 1010;
}

/* 콘텐츠 및 액션바 */
.notice-content {
	padding: 0rem;
	overflow: hidden;
}
	.notice-content img{
		width:100%;
		display:block
	}

	.notice-footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.25rem 0.5rem;
		background-color: #21263d;
		color: white;
	}

/* 모바일 대응 */
@media (max-width: 768px) {
	.notice-popup {
		width: 90vw !important;
		left: 5vw !important;
		right: auto !important;
		top: 10vh !important;
		bottom:unset!important;
	}

	/* z-index 유지 */
	.notice-pop1 {
		z-index: 1080;
	}

	.notice-pop2 {
		z-index: 1070;
	}

	.notice-pop3 {
		z-index: 1060;
	}

	.notice-pop4 {
		z-index: 1050;
	}

	.notice-pop5 {
		z-index: 1040;
	}

	.notice-pop6 {
		z-index: 1030;
	}

	.notice-pop7 {
		z-index: 1020;
	}

	.notice-pop8 {
		z-index: 1010;
	}
}