/**
 * 팝업 모듈 스타일 (fancybox iframe 팝업 + 닫기 버튼)
 * 다른 페이지에서 link로 포함하여 사용
 * 사용 전 fancybox CSS 로드 필요: /resources/libs/fancybox-2.1.5/css/jquery.fancybox.css
 */

/* ---- fancybox 래퍼/내부 크기 ---- */
.fancybox-wrap {width:calc(100% - 40px) !important;max-width:600px !important;}
.fancybox-inner {width:100% !important;max-width:1000px !important;}
.fancybox-wrap body {min-width:300px !important;}

@media screen and (max-width:768px) {
  .fancybox-inner {overflow-y:auto !important;}
}
@media screen and (max-width: 640px) {
  .fancybox-wrap{width:86% !important;}
}

/* ---- 팝업 부모(닫기 버튼 기준점) ---- */
.fancybox-skin {position:relative !important;overflow:visible !important;}
/* ---- 닫기 버튼 (PC) ---- */
.btn-close-popup2 {display:block !important;position:absolute !important;right:28px !important;top:8px !important;width:34px !important;height:34px !important;background-color:rgba(0, 0, 0, 0.6) !important;background-image:url(/resources/www/images/common/ico-close-white.png) !important;background-repeat:no-repeat !important;background-position:center center !important;background-size:14px 14px !important;border:2px solid #ffffff !important;border-radius:50% !important;color:transparent !important;cursor:pointer;z-index:999999 !important;-webkit-appearance:none;-webkit-transform:translateZ(9999px);transform:translateZ(9999px);pointer-events:auto !important;touch-action:manipulation;visibility:visible !important;opacity:1 !important;}

@media (max-width: 575.98px) {
  .btn-close-popup2 {top:9px !important;right:12px !important;width:30px !important;height:30px !important;background-size:16px 16px !important;}
  .popup-body {padding:40px 0.20rem 0.20rem;}
}

/* dual 이미지 팝업: 모바일에서 스크롤 가능 */
.custom-dual-fancybox {
  box-sizing: border-box !important;
}
@media screen and (max-width: 768px) {
  .custom-dual-fancybox {
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .custom-dual-fancybox .fancybox-inner {
    max-height: none !important;
  }
}