/*메인팝업레이어 */
.main_pop_wrap {
    position: fixed;
    top: 50%; /* 화면 수직 중앙에 배치 */
    left: 50%; /* 화면 수평 중앙에 배치 */
    transform: translate(-50%, -50%); /* 정확한 중앙 정렬 */
    width: 90%; /* 화면 너비의 90% 사용 (예시) */
    height: 50%;
    max-width: 500px; /* 최대 너비 제한 (예시) */
    max-height: 90%; /* 최대 높이 제한 (예시) */
    z-index: 99;
}

.coupon_popup, .piki_popup {
    position: fixed;
    top: 50%;
    display: flex;
    flex-direction: column;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    max-width: 450px;
    min-width: 450px;
}
.main_popup_bg {top: 0; left: 0; right: 0; bottom: 0; position: fixed; background: rgba(0, 0, 0, .65); width: 100%;}
.pop_list {min-width: 365px; }
.pop_list img {width: 365px; height: 330px; object-fit: cover;  border-radius: 10px 10px 0 0;}
.popup_head {
    position: absolute; 
    bottom: 50px; 
    right: 12px; 
    z-index: 99999;
    color:#fff; 
    align-items: center;
    display: flex; 
    justify-content: flex-end; 
    width: 100%; 
    height: 4vh;    
    min-width: 365px;
}
.head_pager{display: flex; gap: 10px; display: none;}
.pager_num {display: flex; padding: 6px 5px; background: rgba(0, 0, 0, 0.46); border-radius: 20px;}
.pager_num p {display: inline-block;}
.popup_arrow {display: flex; gap: 5px; align-items: center}
.main_popup { 
    position: absolute;  
    top: 395px; 
    display: flex; 
    flex-direction: column;
    left: 50%;
    transform: translateX(calc(-650px));
    z-index: 99;
    width: 365px;
} 

.popup_middle .swiper-wrapper{display: flex;}
.arrow_pre {background: none;}
.arrow_next {background: none; }
.popup_middle {position: relative; z-index: 9999; overflow: hidden;}

#popupcheck {display: none;}
#popup_check {display: none;}
.main_popup_close_wrap {color: #fff; background: #111; border-radius: 0 0 10px 10px;  padding: 10px;
    display: flex; justify-content: space-between; width: 100%; 
    align-items: center}
.main-popup-close-wrap>label {cursor: pointer; font-size: 16px;}
.main_popup_close_wrap>label>.svg { width: 1.2em; height: 1.2em;
    margin: 0; z-index: 1;  fill: #fff;
    position: relative;}
.main_popup_close {background: #111; color: #fff; font-size: 15px; cursor:pointer; font-family:'Pretendard';}
.popup_check {cursor: pointer;}
.popup_check_label {cursor:pointer;}


svg.on, svg.off{cursor:pointer;}
.popup_close {display: inline-block; width: 32px; height: 32px;}
.popup_close img {position: absolute; top: 50px; right: 20px; z-index: 10000;}
button {background: none; cursor: pointer; opacity: 1;}
button:hover {opacity: 1;}
.app_down {width: 200px; height: 44px; background: #7B3AFF; border-radius: 50px; color: #fff; border: 1px solid #fff; 
font-size: 16px; line-height: 44px;position: absolute; bottom: 7%; left: calc(50% - 100px); z-index: 10000;}
.coupon_popup .popup_middle img{min-width: 290px;}
.piki_popup .popup_middle img{min-width: 290px;}
/* 250225추가 팝업레이어 */
@media (max-width:850px){
    .main_popup {transform: translate(-50%, 0%);}    
    .coupon_popup, .piki_popup {transform: translate(-50%, -50%);} 

    .main_popup{ 
        display: flex; 
        flex-direction: column;
        left: 50%; 
        transform: translate(-50%, 0%);
        z-index: 99;
    }

    .pop_list img {
        width:100% !important;
    }
}

@media (max-width:450px){
    .pop_list img {width: 100%;}
    .main_popup {min-width: 100%; padding: 0 0px; top:unset; width:95% !important;/*bottom:20px;*/ position: fixed; bottom: 0px;}
    .coupon_popup, .piki_popup {min-width: 100%; padding: 0 10px;}
    .popup_head {min-width: 100%; padding: 0 5px; top: 2.5vh;}
    
    .pop_list {min-width: 100%;}
    .popup_head h1{font-size: 1.5rem;}
    .main_popup_close_wrap {border-radius: 0px;}
}

@media (max-width:380px){
    .popup_head {top: 42vh;}    
}