@charset "UTF-8";

/**************** 팝업 ****************/
.mainPopupLayer {
    z-index: 101;
/*     max-width: 100%; */
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border: 1px solid #fff;
    min-width:300px;
}

/* .popupLayerAutoPosition { position: relative !important; top: unset !important; left: unset !important; } */

.mainPopupLayer .lay-popup-img {
    height: auto !important;
}

.mainPopupLayer .lay-popup-img img {
    max-width: 100% !important;
    height: auto !important;
}

/* 자동 사이즈 팝업: 기본 표시 폭 확대(기존 300px → 400px)
   최소폭(하한)을 키움 — 자동 팝업 폭이 400px 기준으로 커지고, 이미지는 비율 유지 */
.popupLayerAutoPosition .mainPopupLayer {
    min-width: 400px;
}

.mainPopupLayer .lay-popup-bottom {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #333;
}

.mainPopupLayer .lay-popup-bottom a {
    font-size: 14px;
    color: #fff;
    opacity: .9;
}

.popuplayer-wrap {position: fixed; top: 50px; left: 50px; display: flex; flex-wrap: wrap; gap: 30px; z-index:9999; max-width:90vw;}
@media only screen and (max-width: 1023px) {
	.popuplayer-wrap { display: block; top: 50px; left: 20px; }
	.ma-lay-popup-wrap, .popupLayerAutoPosition {left: 0 !important; top: 0 !important;}
	.popuplayer-wrap .ma-lay-popup-wrap:nth-of-type(2) {top: 50px !important;}
	.popuplayer-wrap .ma-lay-popup-wrap:nth-of-type(3) {top: 100px !important;}
}
@media only screen and (max-width: 767px) {
/* 	.popuplayer-wrap {left:0 !important;  } */
	/* min-width 해제 → max-width:280px 유효화(부모-자식 폭 갭 제거) */
	.mainPopupLayer { min-width: 0; max-width: 280px; }
	.mainPopupLayer .lay-popup-img { width: 100%; max-width: 280px; }
	/* 자동 사이즈 팝업 모바일: 폭 확정(min=max) — 폭 미확정 시 순환 붕괴(118px) 방지
	   border 1px×2 + box-sizing:border-box 보정 위해 282px(내부 이미지 280px) */
	.popupLayerAutoPosition .mainPopupLayer { min-width: 282px; max-width: 282px; }
	/* 모바일 자동 팝업 이미지: 가로 280px 꽉 채움(세로는 비율로 조정) */
	.popupLayerAutoPosition .lay-popup-img img { width: 100% !important; height: auto !important; }
}