@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');


.c-timer{
  position: absolute;
  bottom: calc(45 * var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255,255,255,0.86);
  width: calc(324 * var(--ratio));
  height: calc(100 * var(--ratio));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;;
  border-radius: calc(13 * var(--ratio));
  .c-timer__content{
    font-size: calc(34 * var(--ratio));
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: calc(24 * var(--ratio));
    .c-timer__box{
      display: flex;
      flex-direction: column;
      min-width: calc(48 * var(--ratio));
      min-height: calc(47 * var(--ratio));
    position: relative;
    }
  }
  
  .c-timer__box::after{
    content: " ";
    position: absolute;
    top: 0;
    right: calc(-16*var(--ratio));
    width: calc(8 * var(--ratio));
    height: calc(34 * var(--ratio));
    background: url('/kr//event/2026/05/01_oh_lg_dot_teasing/images/ico_colon.png') center/auto no-repeat;
  }
  .c-timer__box:last-child:after{
    display: none;
  }
  .c-timer__box[data-unit="days"] .c-timer__unit::after{
    content: "Days";
    font-size: calc(11*var(--ratio));
    color: rgba(0,0,0,0.4);
  }
  .c-timer__box[data-unit="hours"] .c-timer__unit::after{
    content: "Hour";
    font-size: calc(11*var(--ratio));
    color: rgba(0,0,0,0.4);
  }
  .c-timer__box[data-unit="minutes"] .c-timer__unit::after{
    content: "Min";
    font-size: calc(11*var(--ratio));
    color: rgba(0,0,0,0.4);
  }
  .c-timer__box[data-unit="seconds"] .c-timer__unit::after{
    content: "Sec";
    font-size: calc(11*var(--ratio));
    color: rgba(0,0,0,0.4);
  }
  .c-timer__unit::after{
    font-size: calc(14 * var(--ratio));
    line-height: 1;
  }
}

.c-timer__value{
  font-family: 'Google Sans Flex', sans-serif;
  font-weight: 600;
}
.c-timer__unit{
  position: relative;
  font-size: 0;
  padding-top: calc(2*var(--ratio));
}
.c-timer__title{
  font-size: calc(13*var(--ratio));
  color: #000;
  margin-bottom: calc(6*var(--ratio));
}
.l-article__request{
    background: linear-gradient(#FBEFEE 0%,#FFFDFD 30%, #F3E5E3 100%);
    margin-bottom: -2px;
    .l-article__content--request{
      position: relative;
      .btn-request-notify__btn{
        position: absolute;
        bottom: 15.5%;
        left: 5%;
        width: 90%;
        height: 7.9%;
      }
    }
}

.l-article__cake{
  background-color: #FFF4F4;
}

.l-article__benefits-preivew{
  .c-title{
    img{
      margin: 0 auto calc(2*var(--ratio));
      width: calc(188*var(--ratio));
    }
  }
}

.l-article__special-event{
    background-color: #000000;
    .c-title{
      color: #fff;
    }
    .link_special_event_koreaair{
        position: absolute;
        width: 100%;
        height: 31%;
    }
}

.c-toggle {
    &.on .c-toggle__content {
        display: flex;
        flex-direction: column;
        border-radius: calc(8 * var(--ratio));
        padding: calc(20 * var(--ratio)) calc(16 * var(--ratio));
        background-color: #FFFFFF;
        margin: calc(24 * var(--ratio)) calc(20 * var(--ratio)) 0;
    }
    .c-list{
      margin: 0;
    }
}

.l-article__content_video{
  width: 100%;
  aspect-ratio: 420/746;
  max-width: 420px;
  margin: 0 auto;
  video{
    width: 100%;
    border-radius: 19.2px;
  }
  @media screen and (max-width: 767px) {
    aspect-ratio: unset;
    width: 100%;
    max-width: calc(350*var(--ratio));;
    margin: 0 auto;
    video{
      border-radius: calc(16*var(--ratio));
      max-width: calc(350*var(--ratio));
    }
  }
}


.naver_link{
  
    position: absolute;
    width: 100%;
    height: 48%;
    bottom: 0;
    left: 0;
}