/* 상단 blink */
.w_week_container article.top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;

  background: linear-gradient(to right, rgb(50, 168, 229), rgb(34, 74, 250));
}

.w_week_container article.top p {
  display: block;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  color: white;
  text-align: center;
}

.w_week_container article.top p strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  padding: 0 10px;
  background-color: black;
  line-height: 1.3em;
  text-align: center;
  border-radius: 10px;
  line-height: 1.4em;
  transform-origin: center;
  transform: translateY(1px);
}

/* Section 01 */
.w_week_container .section_01 .object-01 {
  top: 47.6%;
  left: 9.3%;
  width: 31.6%;
  height: 24.7%;
}
.w_week_container .section_01 .object-02 {
  top: 76.1%;
  left: 10.2%;
  width: 15.5%;
  height: 15.8%;
}
.w_week_container .section_01 .object-03 {
  top: 53.4%;
  left: 28.5%;
  width: 47.7%;
  height: 39.3%;
}
.w_week_container .section_01 .object-04 {
  top: 41.4%;
  left: 68.2%;
  width: 25.8%;
  height: 30.2%;
}
.w_week_container .section_01 .water-object-01 {
  top: 77.6%;
  left: 55.8%;
  width: 10.6%;
  height: 4.9%;
}
.w_week_container .section_01 .water-object-02 {
  top: 79.3%;
  left: 30.3%;
  width: 4.1%;
  height: 6.6%;
}

/* Section 02 */
.w_week_container .section_02 .coupon-object-15 {
  top: 33.3%;
  left: 13.5%;
  width: 60.9%;
  height: 32.2%;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform-origin: center;
  transform: rotate(-20deg);
}

.w_week_container .section_02 .coupon-object-10 {
  top: 53.8%;
  left: 25.5%;
  width: 60.6%;
  height: 31.3%;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform-origin: center;
  transform: rotate(15deg);
}

.w_week_container:has(.fixed-tab.fixed) .section_02 .coupon-object-10 {
  transform: rotate(0deg);
}

.w_week_container:has(.fixed-tab.fixed) .section_02 .coupon-object-15 {
  transform: rotate(0deg);
}

.w_week_container .section_02 .download-button {
  top: 78%;
  left: 17.6%;
  width: 65.1%;
  height: 9.5%;
}

.w_week_container .section_02 .download-button:hover {
  filter: drop-shadow(0 0 10px #b360ff80);
}

/* Section 03 */
.w_week_container .section_03 .sales-01 {
  top: 42.9%;
  left: 53.4%;
  width: 34.2%;
  height: 3.9%;
}

.w_week_container .section_03 .sales-02 {
  top: 88.5%;
  left: 12.5%;
  width: 34.2%;
  height: 3.9%;
}
.w_week_container .section_03 .sales-03 {
  top: 84.1%;
  left: 53.3%;
  width: 34.2%;
  height: 3.9%;
}
.w_week_container .section_03 .coupon {
  top: 84.1%;
  left: 12.5%;
  width: 34.2%;
  height: 3.9%;
}

/* Section 04 */
.w_week_container .section_04 .title {
  top: 9.8%;
  left: 14.8%;
  width: 72.9%;
  height: 21.2%;
}

.w_week_container .section_04 .tag {
  top: 35.4%;
  left: 68%;
  width: 20.3%;
  height: 16.3%;
}

.w_week_container .section_04 .picker {
  top: 28.5%;
  left: 19%;
  width: 60.3%;
  height: 46%;
  animation: slideDeg 1.5s linear infinite;
  transform-origin: top center;
}
@keyframes slideDeg {
  0% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(-7deg);
  }
  70% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.w_week_container .section_04 .pick-button {
  top: 79%;
  left: 17.5%;
  width: 65.1%;
  height: 9.7%;
}

.w_week_container .section_04 .pick-button:hover {
  filter: drop-shadow(0 0 10px #b360ff80);
}

/* Section 05 */
.w_week_container .section_05 .w-share-button {
  top: 59.6%;
  left: 17.5%;
  width: 65.1%;
  height: 10.3%;
}

.w_week_container .section_05 .share-button {
  top: 70.5%;
  left: 16.6%;
  width: 69.8%;
  height: 14.4%;
}

/* Tab */
.w_week_container .tab_wrapper {
  display: grid;
  border-top: 4px solid #0b3ee8;
  background-color: #110b20;
  grid-template-columns: repeat(4, 1fr);
}

.w_week_container .tab_wrapper button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 10dvh;
  max-height: 124px;
  font-family: "GmarketSansMedium", sans-serif;
  font-size: 28px;
  line-height: 1.15;
  color: #fff;
  opacity: 0.5;
}

.w_week_container .tab_wrapper button.show {
  background-color: #0b3ee8;
  font-family: "GmarketSansBold";
  opacity: 1;
}

@media (max-width: 991px) {
  .w_week_container .tab_wrapper button {
    height: 80px;
    font-size: 18px;
  }
  .w_week_container article.top {
    height: 40px;
  }

  .w_week_container article.top p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .w_week_container .tab_wrapper button {
    height: 56px;
    font-size: 12px;
  }

  .w_week_container article.top p {
    font-size: 12px;
  }

  .w_week_container article.top p strong {
    padding: 3px 6px 5px;
    line-height: 1;
    border-radius: 4px;
  }
}

@media (max-width: 480px) {
}