.popup_new {
	position: fixed;		/* 화면에 고정 */
	top: 175px;             /* 화면 맨 위 */
	left: 30%;				/* 가로기준 끝이 가운데 */
	/*left: 50%;*/				/* 가로기준 끝이 가운데 */	/*추후에 가운데로 바꾼다*/
	transform: translateX(-50%);/* 끝이 가운데를 가운데 */
	background: white;		/* 배경색 */
	border: 1px solid #ccc;	/* 테두리 */
	text-align: center;		/* 텍스트 중앙 정렬 */
	box-shadow: 0 0 10px rgba(0,0,0,0.3);/* 그림자효과 추가 */
	border-radius: 8px;		/* 모서리 둥글게 */
	z-index: 9999;			/* 제일 위에 보이도록 */
	display: none;			/* 초기 안보이게 */
}
.popup-inner {
    display: flex;
    flex-direction: column; /* 내부만 flex */
}
.popup-content img {
    width: 100%;
	display: block;
}
.popup-content a img {
    z-index: 1;
    position: relative;
}
.popup-close {
	position: absolute;
	top: 5px;
	right: 10px;
    z-index: 10001;
	cursor: pointer;
	background: none;
    font-size: 20px;
	font-weight: bold;
	border: none;
    width: auto;
    height: auto;
}
/* 진행바 */
.progress-bar {
	height: 4px;
	background: #ddd;
	position: relative;
}
.progress {
	height: 100%;
	background: #4caf50;
	width: 0%;
	transition: width linear;
}
.popup-footer {
	font-size: 13px;
	background: #f5f5f5;
	padding: 5px;
	border-top: 1px solid #ddd;
	text-align: left;
}


.popup_new2 {
	position: fixed;		/* 화면에 고정 */
	top: 175px;             /* 화면 맨 위 */
	left: 75%;				/* 가로기준 끝이 가운데 */
	transform: translateX(-50%);/* 끝이 가운데를 가운데 */
	background: white;		/* 배경색 */
	text-align: center;		/* 텍스트 중앙 정렬 */
	z-index: 9999;			/* 제일 위에 보이도록 */
	display: none;			/* 초기 안보이게 */
}

.video-wrapper {
  width: 752px;      /* 감싸는 div 크기 제한 */
  height: auto;     
  overflow: hidden;  /* 넘치는 영상 부분 자름 */
}

.video-wrapper video {
  width: 100%;       /* div에 맞춰 영상 크기 조정 */
  height: 100%;
  object-fit: cover; /* 비율 유지하면서 꽉 채움 (필요 시 contain으로 변경) */
}