@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;
}

.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;  } */
	.mainPopupLayer { max-width: 280px; }
	.mainPopupLayer .lay-popup-img { max-width: 280px; }
}