/* body.no-scroll {
    overflow: hidden;
  } */
  .popline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 1s ease;
    opacity: 0%;
    pointer-events: none;
}
.pop_bg{
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0,0,0,.7);
}

  .popline.on {
    opacity: 100%;
    pointer-events: all;
  }
  .pop_cont,
  .popclose_box {
    margin: 0 auto;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .btbox {
    position: relative;
    width: 400px;
    height: 560px;
  }

  .btbox .pop_link {
    display: block;
    width: 100%;
    height: 55px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    /* background: black; */
  }

  .pop_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .popline .pc_xbtn{
    position: absolute;
    bottom: calc(-1em - 10px);
    right: 0;
}
  .popline .pc_xbtn2{
    position: absolute;
    bottom: calc(-1em - 10px);
    left: 0;
    color: #fff;
    font-size: 14px;
}
  .popline .pc_xbtn2 label{
    display: flex;
    align-items: center;
    gap: 5px;
}
  .popline .pc_xbtn button{ 
    width: 80px;
    padding: unset;
    background-color: transparent;
    border: unset;
    outline: unset;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    position: relative;
    text-align: right;
    cursor: pointer;
  }
  /* 팝업 */
  /* #modal03 {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);

    display: flex;
    justify-content: center;
    align-items: center;
  }
  #modal03 {
    display: none;
  }
  .modal-content02 {
    width: 100%;
    max-width: 28%;
    margin-top: 3%;
  }
  .modal-content02 .cont {
    width: 100%;
    background-color: #fefdfb;
  }
  .modal-content02 .cont img {
    width: 100%;
    padding: 0;
  } */
  .pop_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }

  .pop_modal.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .pop_modal_content {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pop_modal_content .cont {
    width: 100%;
    max-width: 500px;
    position: relative;
  }

  .pop_modal_content .cont .close {
    position: absolute;
    top: 11px;
    right: 11px;
    cursor: pointer;
    font-size: 32px;
  }

  .pop_link01 {
    position: absolute;
    width: 100%;
    height: 45px;
    left: 0%;
    bottom: 4%;
  }

  .pop_link02 {
    position: absolute;
    width: 100%;
    height: 38px;
    left: 0%;
    top: 83%;
  }

  .pop_link04 {
    position: absolute;
    width: 64%;
    height: 38px;
    left: 36%;
    top: 93%;
  }

  .pop_link05 {
    position: absolute;
    left: 27%;
    width: 45%;
    height: 34px;
    top: 50%;
}

  .pop_link06 {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: .2%;
  }
  .pop_link07 {
      position: absolute;
      width: 100%;
      height: 40px;
      left: 0;
      bottom: 1.4%;
  }
  .pop_link03 {
    position: absolute;
    width: 36%;
    height: 38px;
    left: 0;
    top: 93%;
  }

  .pop_modal_content .cont img {
    width: 100%;
  }

  @media all and (min-width: 1400px) and (max-width: 1620px) {
    .pop_modal_content .cont {
      width: 100%;
      max-width: 444px;
      position: relative;
    }
  }