/* responsive.css */

/* mobile 환경 */
@media all and (max-width:700px) {
  #header {
    opacity: 0;
    height: 1px;
  }

  .header-mobile {
    display: block;
  }

  #visual .pc-skin {
    display: none;
  }

  #visual .moblie-skin {
    display: block;
    width: 100%;
  }

  /* #sidebar, */
  .nav-ul,
  .sub-nav {
    display: none;
  }

  #sidebar {
    transform: scale(80%);
    bottom: 3%;
  }

  .new {
    padding-top: 0;
  }

  .modal-con {
    height: 80vh;
    overflow-y: hidden;
  }

  .list-detail {
    width: 100%;
    height: 54vh;
    overflow-y: scroll;
  }

  .list-ul {
    width: 82vw;
  }


  .modal-con .close {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 0.125rem solid #1a1a26;
    text-align: center;
    line-height: 1.875rem;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: bold;
    right: 1rem;
    top: 1rem;
    z-index: 500;
  }
  
}

/* pc환경 */
@media all and (min-width:700.1px) {
  #header {
    display: block;
  }

  #visual .pc-skin {
    display: block;
    width: 100%;
  }

  .header-mobile,
  #visual .moblie-skin,
  .nav-mobile {
    display: none;
  }
}

@media screen and (max-width:749px) {
  .popup-img-wrapper>button.modal-close {
    right: calc(50% - 50%);
  }
}