#hd_pop { width:auto; max-width:100%;position:relative;  }
.hd_pops_footer button {font-weight:350; transition:0.3s ease all; margin:0 !important; padding:10px;border:0;color:#ccc} /* 수정되는 코드 */
.hd_pops_footer button:hover { color:#fff; transition:0.3s ease all; } /* 추가되는 코드 */
.hd_pops_footer .hd_pops_reject {width:50%;background:#444;text-align:center; padding:15px} /* 수정되는 코드 */
.hd_pops_footer .hd_pops_close { width:50%; padding:15px} 
.hd_pops { border:none; }
.phantom_popup_swiper { width: 100%; height: 100%; }
.phantom_popup_swiper_slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  }
.swiper-scrollbar-drag { background: #7ed2af !important; background: -webkit-linear-gradient(to right, #e09e4f, #7ed2af) !important; background: linear-gradient(to right, #e09e4f, #7ed2af) !important; border-radius:0 !important; }
.swiper-scrollbar { background:rgba(0,0,0, 0.1); }
.swiper-scrollbar-dragable { left: 0 !important; bottom:0 !important; width:100% !important; height:3px !important; }
.swiper-pagination-bullet-active3 { background:#67a785 !important; opacity:1 !important; }
.swiper-pagination_gallery { margin-top:15px; }
.swiper-button-next-pt-popup { right:30px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; background-color:none; background-size:16px 16px !important; padding:10px ; border-radius:50%; border:1px solid rgba(255, 255, 255, 0.3) !important; width: 55px !important; height: 55px !important; }
.swiper-button-prev-pt-popup { left:30px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; background-color:none; background-size:16px 16px !important; padding:10px ; border-radius:50%; border:1px solid rgba(255, 255, 255, 0.3) !important; width: 55px !important; height: 55px !important; }
.swiper-pagination-bullet-active { background:#222; }
.hd_pops_footer { padding:0; display:flex; }

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 어두운 배경 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-overlay .popup-content {
    background: #fff;
    width: 100%;
    min-width: 400px;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    position: relative;
}

.popup-overlay .popup-content img {
    width: 100%; /* 반응형 처리를 위해 이미지가 컨테이너 너비를 채움 */
    height: auto; /* 비율 유지 */
}

@media screen and (max-width: 400px) {
    .popup-overlay .popup-content {
		min-width: 350px;
        max-width: 350px;
    }
}