.bp_event {
  position: relative;
}

.bp_direction {
  position: absolute;
  top: 376px;
  left: 45px;
  background: url("https://sht-vod.dn.nexoncdn.co.kr/cso/event/2024/1212_newbie_trip/assets/images/direction.png") no-repeat;
  width: 860px;
  height: 311px;
  z-index: 10;
  pointer-events: none;
}
.bp_direction.bp_direction01 {
  background-position: 0 311px;
}
.bp_direction.bp_direction02 {
  background-position: 0 0;
}
.bp_direction.bp_direction03 {
  background-position: 0 -311px;
}
.bp_direction.bp_direction04 {
  background-position: 0 -622px;
}
.bp_direction.bp_direction05 {
  background-position: 0 -933px;
}

@keyframes ani1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -20px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes ani2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}
.bp_schedule {
  position: absolute;
  top: 100px;
  left: 20px;
  display: block;
}
.bp_schedule.disabled {
  cursor: default;
}
.bp_schedule.disabled .bp_label::before {
  background-color: #74868a;
}
.bp_schedule:not(.disabled):hover .bp_label::before {
  animation: ani2 1s infinite ease-in-out;
}
.bp_schedule:not(.disabled):hover .bp_label img {
  animation: ani1 1s infinite ease-in-out;
}

.bp_schedule01 {
  top: 293px;
  left: 17px;
  z-index: 1;
}
.bp_schedule01 .bp_glacier {
  background-position: 0 0;
}

.bp_schedule02 {
  top: 481px;
  left: 127px;
  z-index: 2;
}
.bp_schedule02.disabled .bp_glacier {
  background-position: -203px -141px;
}
.bp_schedule02 .bp_glacier {
  background-position: 0 -141px;
}

.bp_schedule03 {
  top: 377px;
  left: 341px;
  z-index: 3;
}
.bp_schedule03.disabled .bp_glacier {
  background-position: -203px -282px;
}
.bp_schedule03 .bp_glacier {
  background-position: 0 -282px;
}

.bp_schedule04 {
  top: 559px;
  left: 613px;
  z-index: 5;
}
.bp_schedule04.disabled .bp_glacier {
  background-position: -203px -423px;
}
.bp_schedule04 .bp_glacier {
  background-position: 0 -423px;
}

.bp_schedule05 {
  top: 268px;
  left: 649px;
  z-index: 4;
}
.bp_schedule05.disabled .bp_glacier {
  background-position: -285px -564px;
}
.bp_schedule05.disabled .bp_label_final::before {
  background-color: #74868a;
}
.bp_schedule05.disabled .bp_label {
  display: none;
}
.bp_schedule05 .bp_glacier {
  width: 285px;
  height: 208px;
  background-position: 0 -564px;
}
.bp_schedule05 .bp_label_final {
  position: absolute;
  top: -63px;
  left: 50px;
  display: block;
  width: 193px;
  height: 144px;
  z-index: 0;
}
.bp_schedule05 .bp_label_final::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: -10px;
  display: block;
  width: 36px;
  height: 10px;
  background-color: #afe9f8;
  border-radius: 50%;
}
.bp_schedule05 .bp_label_final img {
  position: relative;
  z-index: 1;
}
.bp_schedule05 .bp_label {
  top: 39px;
  left: 127px;
  height: 58px;
  margin-left: 0;
}
.bp_schedule05 .bp_label::before {
  bottom: -6px;
  width: 36px;
  height: 10px;
}

.bp_glacier {
  background: url("https://sht-vod.dn.nexoncdn.co.kr/cso/event/2024/1212_newbie_trip/assets/images/glacier.png") no-repeat;
  display: block;
  width: 203px;
  height: 141px;
}

.bp_label {
  position: absolute;
  top: -100px;
  left: 50%;
  display: block;
  width: 139px;
  height: 117px;
  margin-left: -70px;
}
.bp_label::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  display: block;
  width: 34px;
  height: 6px;
  margin-left: -16px;
  background-color: #afe9f8;
  border-radius: 50%;
}
.bp_label img {
  position: relative;
  z-index: 1;
}