@charset "UTF-8";


/* ───────── 공통 ───────── */
#mPopupStage { display:grid; gap:1rem; padding:0 1rem;position: fixed; top:6rem; left:0px; z-index: 999;   pointer-events: none; grid-template-columns:repeat(4,1fr);}
#mPopupStage > * {pointer-events: auto;}

.popup_wrap{position:static !important; z-index:9999;}
.popup_wrap .popup_container{
  box-shadow:0 8px 24px rgba(0,0,0,.18); overflow:hidden;
  position:relative; background:#fff; border-radius:10px;
}
.popup_wrap .popup_container img{display:block; width:100%; height:auto;}
.popup_wrap .popup_container .popup_txt{padding:12px 8px; background:#fff; line-height:1.5; color:#111;}
.popup_wrap .popup_container .popup_foot{ display:flex; gap:0.875rem; align-items:center; justify-content:space-between; padding:0.625rem 0.875rem;
  border-top:1px solid rgba(255,255,255,.08);
  position:static;
  width:100%; background:#1f2937; font-size:0.875rem; color:#fff; box-sizing:border-box;
}
.popup_wrap .popup_container .popup_foot .chk--wrap{display:flex; gap:10px; align-items:center; margin:0;}
.popup_wrap .popup_container .popup_foot .chk--wrap input[type="checkbox"]{ margin:0;width:18px; height:18px; accent-color:#16a34a;}
.popup_wrap .popup_container .popup_foot .btn{
  display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border:1px solid rgba(255,255,255,.55); min-width:72px; height:34px; background:transparent; line-height:1; color:#fff; text-decoration:none;
  border-radius:6px;
}
.popup_wrap .popup_container .popup_foot .btn:hover{background:rgba(255,255,255,.12);}

/* PC: 관리자에서 지정한 좌표 유지(필요시 유지) */
/* #popup1.popup_wrap{top:200px; left:100px;}
#popup2.popup_wrap{top:200px; left:400px;}
#popup3.popup_wrap{top:600px; left:100px;}
#popup4.popup_wrap{top:600px; left:400px;} */

/* PC에서만 */
@media (min-width: 1025px) {
  #mPopupStage {
  	top:8rem;
    left: 40px;              /* PC에서만 왼쪽 여백 증가 */
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ───────── 모바일 ───────── */

@media (max-width: 1024px){
  #mPopupStage {
    left: 16px;
    right: 16px;
    padding: 0;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  #mPopupStage .popup_wrap{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }

  #mPopupStage .popup_container{
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }

  #mPopupStage .popup_body{
    width: 100% !important;
    max-width: 100% !important;
  }

  #mPopupStage .popup_container img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width:640px){
  #mPopupStage {top:84px; grid-template-columns:repeat(1,1fr); }
}


/*---------------------- 팝업 */
.popup_wrapper { display: grid; position: absolute; top:110px;  left:50px; z-index: 1000; grid-template-columns: repeat(3,1fr);}
.popup_wrapper.type1 {grid-template-columns: repeat(1,1fr);}
.popup_wrapper.type2 {grid-template-columns: repeat(2,1fr);}
.popup_wrapper.type4 {grid-template-columns: repeat(4,1fr);}
.popup_wrapper.type5 {grid-template-columns: repeat(5,1fr);}
.popup_wrapper.type6 {grid-template-columns: repeat(6,1fr);}

.popup {display: none; margin-right:10px; position: relative;}
.popup {max-width:500px;}

/* .popup-content {width:600px;} */
.popup-content .pop_img a 
.popup-content .pop_img span {display: block; width:100%;}
.popup-content .pop_img img {display: block; width:100%;}
.popup-content .pop_btn { display: flex; justify-content: space-between;padding:10px; background-color: #dadada;}
.popup-content .pop_btn label {display: flex; align-items: center; cursor: pointer;}


@media screen and (max-width:640px) {
  .popup_wrapper { gap:10px; position: absolute; top:80px; right:16px; left:16px;grid-template-columns: repeat(1,1fr) !important;}
  .popup {margin-right:0;}
  .popup-content {width:100%;}
}