.popup-wrap{
  position: fixed; left: 0; top: 0%;
  width: 100%; height: 100%;
  z-index: 10000001; 
  display: none;

  .popup-bg{
    position: absolute; 
    width: 100%;
    height: 100%;
    background: var(--alpha-black-60);
  }

  .popup-container{
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    box-shadow: 0 0 10px var(--alpha-black-30);
    width: 420px;
    z-index: 10000002;

    .popup-content {
      text-align: center;

      figure{
        position: relative;
        margin: 0;

        img{
          width: 100%;
          border-radius: 10px 10px 0 0;
        }

        a{
          position: absolute;
          left: 50%;
          bottom: 3%;
          transform: translateX(-50%);
          width: 50%;
          height: 9%;
        }
      }

      figcaption {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        font-size: var(--font-size-xxs);
        background: var(--color-white);
        border-radius: 0 0 10px 10px;

        label{
          display: flex;
          align-items: center;
          cursor: pointer;
          color: var(--color-gray-06);
          gap: 6px;

          input[type="checkbox"] {
            appearance: none;
            width: 16px;
            height: 16px;
            border: 2px solid var(--color-gray-09);
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            transition: all 0.2s ease-in-out;

            &:checked {
              background-color: var(--color-black);
              border-color: var(--color-black);
            }

            &::after {
              content: "✔";
              font-size: var(--font-size-mini);
              color: var(--color-white);
              font-weight: bold;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            }
          }
        }

        button{
          background: none;
          border: none;
          font-size: var(--font-size-xxs);
          cursor: pointer;
          color: var(--color-gray-03);
        }
      } 
    }
  }
}