#layerPopupWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;

  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  color: #fff;

  backdrop-filter: blur(1px);
  }
  .swiper.main_popup {
    width: 1280px;
    max-width: 95%;
    height: 500px;
    margin-inline: auto;
    position: relative;
    }
    .main_popup .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      }
      .main_popup a {
        display: block;
        width: 400px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        }
        .main_popup a img {
          display: block;
          width: 100%;
          height: auto;
        }

  /* 메인 팝업 버튼 설정 */
  .main_popup_button .swiper-button-next,
  .main_popup_button .swiper-button-prev,
  .main_popup_button .swiper-button-stop {
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    filter: invert(1);
    }
    .main_popup_button .swiper-button-stop {background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(0,0,0,1)'%3E%3Cpath d='M6 5H8V19H6V5ZM16 5H18V19H16V5Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;}
    .main_popup_button .swiper-button-stop.play {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(0,0,0,1)'%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");}
    .main_popup_button .swiper-button-prev {left: 0; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0,0,0,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;}
    .main_popup_button .swiper-button-next {right: 0; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0,0,0,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;}
    .main_popup_button .swiper-button-next svg,
    .main_popup_button .swiper-button-prev svg,
    .main_popup_button .swiper-button-next:after,
    .main_popup_button .swiper-button-prev:after {display: none;}

  .main_popup .swiper-pagination-bullet {
    background: #ffffff;
    width: 10px;
    height: 10px;
  }
  .main_popup .swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 12px;
  }
  .main_popup_button .swiper-contral {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 48px;
    padding: 0px 20px;
    background-color: #000;
    border-radius: 40px;
    box-shadow: rgb(111 111 111 / 24%) 0px 3px 15px;
  }
  .main_popup_button .swiper-button-prev,
  .main_popup_button .swiper-button-next {position: unset; margin: 0;}
  .main_popup_button {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 10px;
    }
    .main_popup_button > button {
      display: inline-block;
      min-height: 48px;
      padding: 12px 20px;
      background-color: #000;
      border-radius: 40px;
      color: #fff;
      transition: all 0.2s;
      line-height: 1.3;
      vertical-align: top;
      font-size: 15px;
      box-shadow: rgb(111 111 111 / 24%) 0px 3px 15px;

      background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 16px center;
      padding: 12px 20px 12px 42px;
    }

@media (max-width: 375px) {
  .swiper.main_popup {height: 430px;}
}

/* 낮은 화면에서도 닫기 버튼까지 접근 가능하도록 처리 */
#layerPopupWrap {
    box-sizing: border-box;
    overflow-y: auto;
}

/* 링크가 없는 팝업도 링크가 있는 팝업과 동일한 크기로 표시 */
#layerPopupWrap .main_popup .popup-image-wrap {
    display: block;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

#layerPopupWrap .main_popup .popup-image-wrap img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-height: 600px) {
    #layerPopupWrap {
        justify-content: flex-start;
        padding-block: 16px;
    }

    #layerPopupWrap .main_popup {
        flex-shrink: 0;
    }
}