/*메인팝업레이어 */

/*.main_pop_wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; align-items: center;}*/
.main_pop_wrap {
    position: fixed;
    top: 50%; /* 화면 수직 중앙에 배치 */
    left: 50%; /* 화면 수평 중앙에 배치 */
    transform: translate(-50%, -50%); /* 정확한 중앙 정렬 */
    width: 90%; /* 화면 너비의 90% 사용 (예시) */
    height: 50%;
    max-width: 500px; /* 최대 너비 제한 (예시) */
    max-height: 90%; /* 최대 높이 제한 (예시) */
    /*background-color: transparent; /* 배경 투명 처리 (선택 사항) */
    z-index: 99;
}

.coupon_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: 450px; }
.pop_list img {width: 450px; height: 312px; object-fit: cover;  border-radius: 10px 10px 0 0;}
.popup_head {position: relative; top: 54px; right: 12px; z-index: 99999;color:#fff; align-items: center;
display: flex; justify-content: flex-end; width: 100%; min-width: 450px;margin-bottom:10px;}
.head_pager{display: flex; gap: 10px; display: none;}
.pager_num {display: flex; padding: 6px 15px; 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, .coupon_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} 

.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: #555; background: #fff; 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: #555;
    position: relative;}
.main_popup_close {background: none; color: #555; 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;}
/* 250225추가 팝업레이어 */
@media (max-width:850px){
    .main_popup {transform: translate(-50%, 0%);}    
    .coupon_popup {transform: translate(-50%, -50%);} 
}

@media (max-width:450px){
    .pop_list img {width: 100%; height: auto;}
    .main_popup {min-width: 100%; padding: 0 10px;top:unset;bottom:20px;}
    .coupon_popup {min-width: 100%; padding: 0 10px;}
    .popup_head {min-width: 100%; padding: 0 10px;}
    .pop_list {min-width: 100%;}
    .popup_head h1{font-size: 1.5rem;}
}