/* BASIC css start */
.zoom-img {
  cursor: pointer;
   width: 100% !important;  /* gridCampaign ·¹À̾ƿô À¯Áö */
  height: auto;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(10px);
}

.modal-content {
  display: block;
  margin: auto;
  max-width: 95%;
  max-height: 85%;
}

.close {
  position: absolute;
  top: 20px;
  right: 35px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  cursor: pointer;
  font-size: 0;       
  color: transparent; 
}

/* ¿À¸¥ÂÊ (> ) */
.arrow.next {
  right: 50px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}

/* ¿ÞÂÊ (< ) */
.arrow.prev {
  left: 50px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(135deg);
}
/* BASIC css end */