.blind{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);visibility:hidden;opacity:0;transition:.5s opacity, 0s visibility .5s;z-index:90}

.blind-on-popup, .blind-on-popup.loaded { overflow: hidden; }
.blind-on-popup .blind { visibility: visible; opacity: 1; transition-delay: 0s; }
.blind-on-popup .popupzone { visibility: visible; opacity: 1; }
.popupzone,
.popupzone *{box-sizing:border-box}
.popupzone { display: flex; justify-content: center; height: 100%; overflow-y: auto; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; z-index: 100; }
.popupzone-container { position:relative;margin: auto; padding: calc(5rem / 1.6)  0; width: 100%; max-width: calc(128rem / 1.6); }
.popupzone-container > .popupzone-close{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;padding:0;width:calc(4rem / 1.6);height:auto;aspect-ratio:1 / 1;border-radius:50%;}
.popupzone-container > .popupzone-close > i{color:#777;font-size:calc(1.8rem / 1.6);}
.popupzone-title { display: block; color: #fff; font-size: calc(4.6rem / 1.6); font-weight: 500; text-align: center; }
.popupzone-title > span { font-weight: 700; }
.popupzone-slide { position: relative; }
.popupzone .slide-container { overflow: hidden; margin: 0 calc(-1.5rem / 1.6); }
.popupzone .slide-container .swiper-slide { padding: 0 calc(1.5rem  / 1.6); width: calc(100% / 3); }
.popupzone .slide-desc { width: 100%; aspect-ratio: 1 / 1; background-color: #fafafa; }
.popupzone .slide-desc a, .popupzone .slide-desc img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.popupzone .slide-move { position: absolute; top: 50%; padding:0;width: calc(4rem / 1.6); aspect-ratio:1 / 1; color: #fff; transform: translatey(-50%); z-index: 2; }
.popupzone .slide-move > i { font-size: calc(4rem / 1.6); }
.popupzone .slide-move[data-move="prev"] { right: calc(100% + 2rem  / 1.6); }
.popupzone .slide-move[data-move="next"] { left: calc(100% + 2rem  / 1.6); }
.popupzone-util { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(1.2rem / 1.6); margin-top: calc(7rem / 1.6); }
.popupzone-util > * { display: flex; justify-content: center; align-items: center; flex-shrink: 0; padding: 0 calc(1.8rem / 1.6); height: calc(3.8rem / 1.6); border-radius: calc(3.8rem / 1.6); border: 1px solid #fff; color: #fff; font-size:calc(1.55rem / 1.6)}
.popupzone-util > [data-close-time="today"]{background-color:#4a4a4a;border-color:#4a4a4a;color:#fff;}
.popupzone-util > [data-close-time="onetime"]{background-color:#fff;border-color:#fff;color:#000;}
.popupzone-count { background-color: #111; }
.popupzone-count b { font-weight: 700; }
.popupzone-close { background-color: #111; gap: calc(.5rem / 1.6); }
.popupzone-close > i { font-size: calc(1.4rem / 1.6); transform: translatey(-1px) }
@media (max-width: 1280px) {
  .popupzone-container { padding-left: calc(8rem / 1.6); padding-right: calc(8rem / 1.6); }
  .popupzone .slide-move[data-move="prev"] { right: calc(100% + 2rem / 1.6); }
  .popupzone .slide-move[data-move="next"] { left: calc(100% + 2rem / 1.6); }
}
@media (max-width: 1023px) {
  .popupzone-title { font-size: calc(4rem / 1.6); }
  .popupzone .slide-container { margin: calc(3.5rem / 1.6) calc(-1rem / 1.6) 0; }
  .popupzone .slide-container .swiper-slide { padding: 0 calc(1rem / 1.6); }
  .popupzone-util { margin-top: calc(5rem / 1.6); }
}
@media (min-width:768px) {
  .popupzone.length3 .slide-move{display:none}
}
@media (max-width: 767px) {
  .popupzone .slide-container { margin: calc(3rem / 1.6) calc(-1rem / 1.6) 0; }
  .popupzone .slide .swiper-slide { width: calc(100% / 2); }
  .popupzone-util { margin-top: calc(3.5rem / 1.6); }
  .popupzone-util > * { padding: 0 calc(2rem / 1.6); height: calc(4.5rem / 1.6); }
}