@media all and (min-width: 768px) {
  .mo {
    display: none !important;
  }
}

@media all and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.hyper__notice {
  padding: 0 !important;
  font-size: 1.09375vw;
  color: #FFF;
}

.hyper__notice * {
  font-family: "Mont", "NotoSans", sans-serif !important;
}

.hyper__notice .tit {
  font-size: 1.45833vw;
  font-weight: 700;
}

.hyper__notice .inner {
  width: 76.25vw;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hyper__notice .top {
  width: 100%;
  height: 6.25vw;
  background: #262626;
}

.hyper__notice .top .tit {
  margin: 0 0 0 4.58333vw;
}

.hyper__notice .top .ico_notice {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.60417vw;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M24.9795 35.5026V20.6379M24.9795 15.4759H25.0003M45.8337 25.0003C45.8337 36.5063 36.5063 45.8337 25.0003 45.8337C13.4944 45.8337 4.16699 36.5063 4.16699 25.0003C4.16699 13.4944 13.4944 4.16699 25.0003 4.16699C36.5063 4.16699 45.8337 13.4944 45.8337 25.0003Z' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.hyper__notice .top .ico_arrow {
  width: 2.60417vw;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M38 30.2682L35.7812 32.4863L25.5 22.2081L15.2187 32.4863L13 30.2682L25.5 17.7719L38 30.2682Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.hyper__notice .bottom {
  background: #333;
}

.hyper__notice .bottom .inner {
  height: auto;
  padding: 3.125vw 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.125vw 0;
}

.hyper__notice .bottom .con {
  padding: 0;
}

.hyper__notice .bottom .item {
  display: flex;
  flex-direction: column;
  gap: 1.25vw 0;
}

.hyper__notice .bottom li {
  font-size: 1.04167vw;
  letter-spacing: -0.04em;
  padding: 0 0 0 1.04167vw;
  position: relative;
  font-weight: 350;
  line-height: 1.7;
}

.hyper__notice .bottom li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.78125vw;
  display: block;
  width: 0.26042vw;
  height: 0.26042vw;
  background: #FFF;
  border-radius: 50%;
}

.hyper__notice .toggle_open {
  cursor: pointer;
  transition: transform .4s;
  -webkit-transition: transform .4s;
  -moz-transition: transform .4s;
  -ms-transition: transform .4s;
  -o-transition: transform .4s;
}

.hyper__notice .toggle_open_active {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

@media all and (max-width: 767px) {
  .hyper__notice {
    font-size: 4.26667vw;
  }
  .hyper__notice .inner {
    width: 90%;
  }
  .hyper__notice .tit {
    font-size: 5.33333vw;
  }
  .hyper__notice .top {
    height: 18.66667vw;
  }
  .hyper__notice .top .tit {
    margin: 0 0 0 11.2vw;
  }
  .hyper__notice .top .ico_notice {
    width: 8.53333vw;
    height: 8.53333vw;
  }
  .hyper__notice .top .ico_arrow {
    width: 8.53333vw;
    height: 8.53333vw;
  }
  .hyper__notice .bottom .inner {
    padding: 6.4vw 0;
    gap: 6.4vw 0;
  }
  .hyper__notice .bottom .tit {
    font-size: 4.26667vw;
    line-height: 1.4;
  }
  .hyper__notice .bottom .con {
    padding: 0 0 0 3.46667vw;
  }
  .hyper__notice .bottom li {
    font-size: 2.93333vw;
    padding: 0 0 0 2.66667vw;
  }
  .hyper__notice .bottom li::before {
    top: 1.7vw;
    width: 0.8vw;
    height: 0.8vw;
  }
}