/* 상단 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-percent{
  top: 49.1%; left: 9.3%; width: 31.6%; height: 24.7%;
}

.w_week_container .section_01 .object-thumb{
  top: 73.7%; left: 14.0%; width: 15.2%; height: 16.1%; 
}

.w_week_container .section_01 .object-main{
  top: 53.4%; left: 28.5%; width: 47.7%; height: 39.3%;
}

.w_week_container .section_01 .object-hart{
  top: 41.7%; left: 56.2%; width: 43.8%; height: 44.3%; 
}

/* Tab */
.w_week_container .tab_wrapper {
  display: grid;
  border-top: 4px solid #4724eb;
  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: #4724eb;
  font-family: "GmarketSansBold";
  opacity: 1;
}

/* Section 02 */
.w_week_container .section_02 .coupon-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 .section_02 .coupon-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:has(.fixed-tab.fixed) .section_02 .coupon-10,
.w_week_container:has(.fixed-tab.fixed) .section_02 .coupon-15 {
  transform : rotate(0deg);
}

.w_week_container .section_02 .coupon-btn{
  top: 78.0%; left: 17.6%; width: 65.1%; height: 9.5%;
}

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

/* Section 03 */
.w_week_container .section_03 .link-item{
  width: 34.2%; height: 2.5%; 
}
.w_week_container .section_03 .link-item-01{
  top: 39.2%; left: 12.5%;
}
.w_week_container .section_03 .link-item-02{
  top: 39.2%; left: 53.3%;
}
.w_week_container .section_03 .link-item-03{
  top: 65.9%; left: 12.5%; 
}
.w_week_container .section_03 .link-item-04{
  top: 65.9%; left: 53.3%; 
}
.w_week_container .section_03 .link-item-05{
  top: 92.5%; left: 12.5%; 
}
.w_week_container .section_03 .link-item-06{
  top: 92.5%; left: 53.3%;
}

/* 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 .picker{
  top: 28.5%; left: 19.0%; width: 60.3%; height: 46.0%;
  animation: slideDeg 1.5s linear infinite;
  transform-origin: top center;
}
.w_week_container .section_04 .tag{
  top: 35.4%; left: 68.0%; width: 20.3%; height: 16.3%; 
}
.w_week_container .section_04 .pick-coupon{
  top: 79.0%; left: 17.5%; width: 65.1%; height: 9.7%; 
}
.w_week_container .section_04 .pick-coupon:hover{
  filter: drop-shadow(0 0 10px #b360ff80);
}

/* Section 05 */
.w_week_container .section_05 .share-btn{
  top: 59.6%; left: 17.5%; width: 65.1%; height: 10.3%; 
}
.w_week_container .section_05 .coupon-btn{
  top: 70.5%; left: 16.6%; width: 69.8%; height: 14.4%;
}

@keyframes slideDeg {
  0% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(-7deg);
  }
  70% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


@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;
  }
}