/* ===== 이벤트 팝업 (popup_001) ===== */

/* PC 기준 : 상단에서 130px, 가로 중앙 정렬 */
#popup_001{
	display: none;                 /* JS(show_id)가 열 때 block으로 전환 */
	position: absolute;
	top: 130px;
	left: 50%;
	transform: translateX(-50%);   /* 가로 정중앙 */
	width: 450px;
	max-width: calc(100% - 32px);  /* 화면보다 커지지 않게 */
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.4) 10px 10px 40px;
	color: #eee;
	font-size: 0.8em;
	z-index: 99999;                /* 헤더/하단바 위로 */
}
#popup_001 *{ box-sizing: border-box; }
#popup_001 .popup_container{ background-color: #fff; }
#popup_001 .popup_content img{ width: 100%; display: block; }
#popup_001 .popup_btn{ overflow: hidden; margin: 0; padding: 8px; color: #fff; }
#popup_001 .popup_btn a{ color: #111; font-weight: bold; text-decoration: none; cursor: pointer; }
#popup_001 .popup_btn .btn_dontopen{ float: left; }
#popup_001 .popup_btn .btn_close{ float: right; }

/* ===== 태블릿 이하 : 화면 정중앙(가운데 가운데) ===== */
@media all and (max-width: 768px){
	#popup_001{
		position: fixed;               /* 스크롤해도 화면 중앙 고정 */
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);  /* 가로·세로 정중앙 */
		width: 88%;
		max-width: 420px;
		max-height: 90vh;              /* 세로로 넘치면 */
		overflow-y: auto;             /* 내부 스크롤 */
		font-size: 12px;
	}
}

/* ===== 소형 모바일 ===== */
@media all and (max-width: 480px){
	#popup_001{
		width: 92%;
	}
	#popup_001 .popup_btn{ padding: 10px 8px; }
}