@media (min-width: 960px) {
  .popup {
    display: none;
    position: fixed;
    top: 0;
    z-index: 12;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    height: 100%;
    background: #529eda;
  }

  .popup .popup_content {
    position: relative;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.35); */
  }

  .popup .popup_content .menu_list {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    padding: 0 14rem;
    padding-bottom: 20rem;
    background: #529eda;
    width: 100vw;
  }

  .popup .popup_content .menu_list .line {
    margin: 48rem 0 26rem;
    margin-left: -15rem;
    width: 100vw;
    height: 8rem;
    background: #434343;
  }

  .popup .popup_content .menu_list img {
    width: 100%;
    height: 100%;
  }

  .popup .popup_content .menu_list .logo {
    padding-top: 2rem;
    margin-bottom: 10rem;
  }

  .popup .popup_content .menu_list .logo .logo_icon {
    width: auto;
    height: 8rem;
  }

  .popup .popup_content .menu_list .logo .play_name_txt {
    box-sizing: border-box;
    font-size: 16rem;
    color: #000000;
    font-weight: 500;
    padding-left: 9rem;
  }

  .popup .popup_content .menu_list .menu_item {
    box-sizing: border-box;
    height: 10rem;
    line-height: 10rem;
    font-size: 4rem;
    font-weight: 400;
    color: #ffffff;
    padding: 0 16rem;
    background: linear-gradient(135deg, rgba(255, 0, 178, 0.65) 0%, #eeaeae 100%);
    border-radius: 2rem;
    margin-bottom: 5rem;
  }

  .popup .popup_content .menu_list .menu_item:last-child {
    margin-bottom: 0;
  }

  .popup .popup_content .menu_list .menu_item .play_type_icon {
    width: 26rem;
    height: 26rem;
    margin-right: 12rem;
  }

  .popup .popup_content .menu_list .copy_right_info .menu_item {
    font-size: 15rem;
  }

  .popup .popup_content .menu_list .active {
    font-weight: bold;
    color: #1c3df5;
  }

  .popup .popup_content .close_icon {
    width: 8rem;
    height: 8rem;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
  }

  .popup .popup_content .close_icon img {
    width: 100%;
    height: 100%;
  }

  .open-popup {
    display: block;
  }
}
@media (max-width: 960px) {
  .popup {
    display: none;
    position: fixed;
    top: 0;
    z-index: 12;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    height: 100%;
    background: #529eda;
  }

  .popup .popup_content {
    position: relative;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.35); */
  }

  .popup .popup_content .menu_list {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    padding: 0 14rem;
    padding-bottom: 20rem;
    background: #529eda;
    width: 100vw;
  }

  .popup .popup_content .menu_list .line {
    margin: 48rem 0 26rem;
    margin-left: -15rem;
    width: 100vw;
    height: 8rem;
    background: #434343;
  }

  .popup .popup_content .menu_list img {
    width: 100%;
    height: 100%;
  }

  .popup .popup_content .menu_list .logo {
    padding-top: 20rem;
    margin-bottom: 28rem;
  }

  .popup .popup_content .menu_list .logo .logo_icon {
    width: auto;
    height: 30rem;
  }

  .popup .popup_content .menu_list .logo .play_name_txt {
    box-sizing: border-box;
    font-size: 16rem;
    color: #000000;
    font-weight: 500;
    padding-left: 9rem;
  }

  .popup .popup_content .menu_list .menu_item {
    box-sizing: border-box;
    height: 44rem;
    line-height: 44rem;
    font-size: 18rem;
    font-weight: 400;
    color: #ffffff;
    padding: 0 16rem;
    background: linear-gradient(135deg, rgba(255, 0, 178, 0.65) 0%, #eeaeae 100%);
    border-radius: 2rem;
    margin-bottom: 10rem;
  }

  .popup .popup_content .menu_list .menu_item:last-child {
    margin-bottom: 0;
  }

  .popup .popup_content .menu_list .menu_item .play_type_icon {
    width: 26rem;
    height: 26rem;
    margin-right: 12rem;
  }

  .popup .popup_content .menu_list .copy_right_info .menu_item {
    font-size: 15rem;
  }

  .popup .popup_content .menu_list .active {
    font-weight: bold;
    color: #000000;
  }

  .popup .popup_content .close_icon {
    width: 27rem;
    height: 27rem;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
  }

  .popup .popup_content .close_icon img {
    width: 100%;
    height: 100%;
  }

  .open-popup {
    display: block;
  }

  /*# sourceMappingURL=menu.css.map */
}