@charset "utf-8";

.bf__intro {
  padding:  calc(40 * var(--vw-400)) calc(16 * var(--vw-400)) calc(70 * var(--vw-400));
  text-align: center;
}
.bf__intro .intro__title {
  font-size: calc(18 * var(--vw-400));
  font-weight: 700;
  line-height: calc(28 * var(--vw-400));
  letter-spacing: calc(-0.9 * var(--vw-400));
}
.bf__intro .intro__title .font--en {
  font-size: calc(20 * var(--vw-400));
}
.bf__intro .intro__date {
  margin-top: calc(40 * var(--vw-400));
  padding: calc(20 * var(--vw-400)) 0;
  background-color: #F7F8F8;
  border-radius: calc(8 * var(--vw-400));
  font-size: calc(16 * var(--vw-400));
  line-height: calc(22 * var(--vw-400));
  color: #737B82;
}
.bf__intro .intro__date-label {
  font-weight: 700;
}
.bf__intro .intro__date-text .font--ko {
  font-size: calc(15 * var(--vw-400));
  letter-spacing: calc(-0.75 * var(--vw-400));
}
.bf__intro .intro__date-text .dash {
  position: relative;
  top: calc(5 * var(--vw-400));
}

.bf__intro .intro__countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(34 * var(--vw-400));
  margin-top: calc(40 * var(--vw-400));
}
.bf__intro .intro__countdown .countdown__item {
  position: relative;
  color: #134AFD;
}
.bf__intro .intro__countdown .countdown__item:not(:first-of-type)::before {
  content: ':';
  position: absolute;
  left: -28%;
  top: calc(-11 * var(--vw-400));
  font-size: calc(54 * var(--vw-400));
  font-weight: 700;
  line-height: 1;
}
.bf__intro .intro__countdown .countdown__num {
  font-size: calc(54 * var(--vw-400));
  font-weight: 700;
  line-height: calc(36 * var(--vw-400));
}
.bf__intro .countdown__item:not(:first-of-type) .countdown__num {
  width: calc(70 * var(--vw-400));
  text-align: right;
}
.bf__intro .intro__countdown .countdown__txt {
  margin-top: calc(10 * var(--vw-400));
  font-family: 'ITCGaramondStd', sans-serif;
  font-size: calc(12 * var(--vw-400));
  line-height: calc(14 * var(--vw-400));
  letter-spacing: calc(-0.12 * var(--vw-400));
  text-align: right;
}
.bf__intro .intro__btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(10 * var(--vw-400));
  margin-top: calc(40 * var(--vw-400));
}


.bf__content {
  padding-bottom: calc(20 * var(--vw-400));
  background-color: #151415;
}

.bf__section {
  padding-top: calc(90 * var(--vw-400));
}
.bf__section .section__header {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--vw-400));
  color: #fff;
  margin-bottom: calc(40 * var(--vw-400));
  text-align: center;
}
.bf__section .section__header-title {
  font-size: calc(26 * var(--vw-400));
  font-weight: 900;
  line-height: calc(36 * var(--vw-400));
  letter-spacing: calc(-1.3 * var(--vw-400));
}
.bf__section .section__header-title .font--en {
  font-size: calc(30 * var(--vw-400));
  font-weight: 800;
  line-height: calc(39 * var(--vw-400));
}
.bf__section .section__header-desc {
  font-size: calc(16 * var(--vw-400));
  line-height: calc(26 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
}
.bf__section .section__header-desc .font--en {
  font-size: calc(18 * var(--vw-400));
}
.bf__section .section__header-desc b {
  font-weight: 700;
}

.bf__section--sale {}
.bf__section--sale .sale__content {
  padding: 0 calc(16 * var(--vw-400));
}
.bf__section--sale .sale__content-thumb {
}
.bf__section--sale .sale__content-detail {
  padding: calc(16 * var(--vw-400)) calc(16 * var(--vw-400)) calc(32 * var(--vw-400));
  background-color: #fff;
}
.bf__section--sale .sale__desc {
  font-size: calc(16 * var(--vw-400));
  line-height: calc(26 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
}
.bf__section--sale .sale__desc .font--en {
  font-size: calc(18 * var(--vw-400));
}
.bf__section--sale .sale__desc b {
  font-weight: 700;
}
.bf__section--sale .sale__guide {
  margin-top: calc(4 * var(--vw-400));
  font-size: calc(13 * var(--vw-400));
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.65 * var(--vw-400));
  color: #ABB0B4;
}

.bf__section--promotion {}
.bf__section--promotion .promotion__list {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
}
.bf__section--promotion .promotion__item {
  display: flex;
  align-items: center;
  background-color: #fff;
  gap: calc(14 * var(--vw-400));
}
.bf__section--promotion .promotion__thumb {
  /*width: calc(100% + 1px);*/
  flex: 0 0 calc(163 * var(--vw-400));
}
.bf__section--promotion .promotion__content {
}
.bf__section--promotion .promotion__title {
  font-size: calc(17 * var(--vw-400));
  font-weight: 700;
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.85 * var(--vw-400));
}
.bf__section--promotion .promotion__desc {
  margin-top: calc(10 * var(--vw-400));
  font-size: calc(14 * var(--vw-400));
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.7 * var(--vw-400));
}
.bf__section--promotion .promotion__desc .font--en {
  font-size: calc(15 * var(--vw-400));
}
.bf__section--promotion .promotion__desc .point {
  color: #134AFD;
  font-weight: 700;
}

.bf__section--launch {}
.bf__section--launch .launch__scroll {
  padding-left: calc(16 * var(--vw-400));
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bf__section--launch .launch__scroll::-webkit-scrollbar {
  display: none;
}
.bf__section--launch .launch__list {
  display: flex;
  gap: calc(10 * var(--vw-400));
  white-space: nowrap;
}
.bf__section--launch .launch__list::after {
  content: '';
  flex: 0 0 calc(6 * var(--vw-400));
  display: block;
}
.bf__section--launch .launch__item {
  flex: 0 0 calc(256 * var(--vw-400));
  max-width: calc(256 * var(--vw-400));
  padding: calc(18 * var(--vw-400)) calc(18 * var(--vw-400)) calc(31 * var(--vw-400));
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
  border-radius: calc(5 * var(--vw-400));
  color: #fff;
}
.bf__section--launch .launch__thumb {
  margin-bottom: calc(14 * var(--vw-400));
  object-fit: inherit;
  /* 임시 */
  aspect-ratio: 1;
  background: #151415;
}
.bf__section--launch .launch__content {
  min-height: calc(103 * var(--vw-400));
}
.bf__section--launch .launch__title {
  font-size: calc(20 * var(--vw-400));
  font-weight: 800;
  line-height: calc(28 * var(--vw-400));
}
.bf__section--launch .launch__desc {
  margin-top: calc(4 * var(--vw-400));
  font-size: calc(14 * var(--vw-400));
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.7 * var(--vw-400));
}
.bf__section--launch .launch__desc .font--en {
  font-size: calc(15 * var(--vw-400));
}
.bf__section--launch .launch__btns {
  display: flex;
  justify-content: center;
  gap: calc(6 * var(--vw-400));
  margin-top: calc(14 * var(--vw-400));
}
.bf__section--launch .launch__btns .btn {
  flex: 1;
}
.bf__section--launch .launch__alert::after {
  content: "알림 신청"
}
.bf__section--launch .launch__alert:disabled::after {
  content: "알림 신청 완료";
}
.bf__section--launch .launch__alert:disabled [class*='ico--'] {
  display: none;
}
.bf__section--launch .launch__all {
  margin-top: calc(40 * var(--vw-400));
  text-align: center;
}

.bf__section--gift {}
.bf__section--gift .gift__list {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
}
.bf__section--gift .gift__item {
  display: flex;
  align-items: center;
  gap: calc(14 * var(--vw-400));
  background: rgba(245, 245, 245, 0.05);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
  border-radius: calc(5 * var(--vw-400));
  color: #fff;
  overflow: hidden;
}
.bf__section--gift .gift__thumb {
  flex: 0 0 calc(163 * var(--vw-400));
  max-width: calc(163 * var(--vw-400));
  aspect-ratio: 163 / 170;
}
.bf__section--gift .gift__thumb img {
  height: 100%;
  object-fit: cover;
}
.bf__section--gift .gift__content {

}
.bf__section--gift .gift__title {
  font-size: calc(17 * var(--vw-400));
  font-weight: 700;
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.85 * var(--vw-400));
}
.bf__section--gift .gift__title .font--en {
  font-size: calc(18 * var(--vw-400));
}
.bf__section--gift .gift__desc {
  margin-top: calc(8 * var(--vw-400));
  font-size: calc(14 * var(--vw-400));
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.7 * var(--vw-400));
}
.bf__section--gift .gift__desc .font--en {
  font-size: calc(15 * var(--vw-400));
}

.bf__section--event {}
.bf__section--event .event__list {
}
.bf__section--event .event__item {
  padding: 0 calc(16 * var(--vw-400)) 0;
  color: #fff;
  text-align: center;
}
.bf__section--event .event__item:not(:first-of-type) {
  margin-top: calc(60 * var(--vw-400));
  padding-top: calc(60 * var(--vw-400));
  border-top: 0.5px solid #737273;
}
.bf__section--event .event__label {
  margin-bottom: calc(6 * var(--vw-400));
  font-size: calc(18 * var(--vw-400));
  font-weight: 700;
  line-height: calc(26 * var(--vw-400));
  color: #134AFD;
}
.bf__section--event .event__title {
  margin-bottom: calc(20 * var(--vw-400));
  font-size: calc(22 * var(
  --vw-400));
  font-weight: 900;
  line-height: calc(31 * var(
  --vw-400));
  letter-spacing: calc(-1.1 * var(
  --vw-400));
}
.bf__section--event .event__desc {
  font-size: calc(16 * var(--vw-400));
  line-height: calc(26 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
}
.bf__section--event .event__desc b {
  font-weight: 700;
}
.bf__section--event .event__desc .font--en {
  font-size: calc(18 * var(--vw-400));
}
.bf__section--event .event__info {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--vw-400));
  margin-top: calc(30 * var(--vw-400));
  font-size: calc(15 * var(--vw-400));
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.75 * var(--vw-400));
}
.bf__section--event .event__info b {
  font-weight: 700;
}
.bf__section--event .event__info .sep {
  font-size: calc(18 * var(--vw-400));
  font-weight: 800;
  letter-spacing: 0;
}
.bf__section--event .event__info .font--en {
  font-size: calc(16 * var(--vw-400));
}
.bf__section--event .event__btn {
  margin-top: calc(30 * var(--vw-400));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-width: calc(120 * var(--vw-400));
  height: calc(40 * var(--vw-400));
  font-size: calc(14 * var(--vw-400));
  gap: calc(-0.7 * var(--vw-400));
}
.bf__section--event .event__thumb {
  margin-top: calc(30 * var(--vw-400))
}