@charset "utf-8";

.bf__intro {
  padding:  calc(80 * var(--vw)) 0 calc(100 * var(--vw));
  text-align: center;
}
.bf__intro .intro__title {
  font-size: calc(28 * var(--vw));
  font-weight: 700;
  line-height: calc(44 * var(--vw));
  letter-spacing: calc(-1.4 * var(--vw));
}
.bf__intro .intro__title .font--en {
  font-size: calc(30 * var(--vw));
}
.bf__intro .intro__date {
  margin-top: calc(80 * var(--vw));
}
.bf__intro .intro__date-label {
  font-size: calc(40 * var(--vw));
  font-weight: 800;
  line-height: 1;
}
.bf__intro .intro__date-text {
  margin-top: calc(24 * var(--vw));
  font-size: calc(26 * var(--vw));
  line-height: calc(38 * var(--vw));
}
.bf__intro .intro__date-text .font--ko {
  font-size: calc(24 * var(--vw));
  letter-spacing: calc(-1.2 * var(--vw));
}
.bf__intro .intro__date-text .dash {
  position: relative;
  top: calc(5 * var(--vw));
}

.bf__intro .intro__countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(94 * var(--vw));
  margin-top: calc(50 * var(--vw));
}
.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: -54%;
  top: calc(-18 * var(--vw));
  font-size: calc(90 * var(--vw));
  font-weight: 700;
  line-height: 1;
}
.bf__intro .intro__countdown .countdown__num {
  font-size: calc(90 * var(--vw));
  font-weight: 700;
  line-height: calc(60 * var(--vw));
}
.bf__intro .countdown__item:not(:first-of-type) .countdown__num {
  width: calc(100 * var(--vw));
}
.bf__intro .intro__countdown .countdown__txt {
  margin-top: calc(18 * var(--vw));
  font-family: 'ITCGaramondStd', sans-serif;
  font-size: calc(18 * var(--vw));
  line-height: calc(22 * var(--vw));
  letter-spacing: calc(-0.18 * var(--vw));
  text-align: right;
}
.bf__intro .intro__btns {
  display: flex;
  justify-content: center;
  gap: calc(10 * var(--vw));
  margin-top: calc(50 * var(--vw));
}


.bf__content {
  background-color: #151415;
}

.bf__section {
  padding-top: calc(160 * var(--vw));
}
.bf__section:first-child {
  padding-top: calc(140 * var(--vw));
}
.bf__section .section__header {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--vw));
  color: #fff;
  margin-bottom: calc(60 * var(--vw));
  text-align: center;
}
.bf__section .section__header-title {
  font-size: calc(40 * var(--vw));
  font-weight: 900;
  line-height: calc(56 * var(--vw));
  letter-spacing: calc(-2 * var(--vw));
}
.bf__section .section__header-title .font--en {
  font-size: calc(44 * var(--vw));
  line-height: calc(62 * var(--vw));
}
.bf__section .section__header-desc {
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: calc(-1.2 * var(--vw));
}
.bf__section .section__header-desc .font--en {
  font-size: calc(26 * var(--vw));
}
.bf__section .section__header-desc b {
  font-weight: 700;
}

.bf__section--sale {}
.bf__section--sale .sale__content {
  display: flex;
  padding: 0 calc(246 * var(--vw));
}
.bf__section--sale .sale__content-thumb {
  flex: 0 0 calc(940 * var(--vw));
}
.bf__section--sale .sale__content-detail {
  flex: 1;
  padding: calc(193 * var(--vw)) 0 0 calc(42 * var(--vw));
  background-color: #F0F0F0;
}
.bf__section--sale .sale__desc {
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: calc(-1.2 * var(--vw));
}
.bf__section--sale .sale__desc .font--en {
  font-size: calc(26 * var(--vw));
}
.bf__section--sale .sale__desc b {
  font-weight: 700;
}
.bf__section--sale .sale__guide {
  margin-top: calc(21 * var(--vw));
  font-size: calc(18 * var(--vw));
  line-height: calc(22 * var(--vw));
  letter-spacing: calc(-0.9 * var(--vw));
  color: #737273;
}

.bf__section--promotion {}
.bf__section--promotion .promotion__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(17 * var(--vw));
  width: calc(1080 * var(--vw));
  margin: 0 auto;
}
.bf__section--promotion .promotion__item {
  background-color: #fff;
}
.bf__section--promotion .promotion__thumb {
  width: calc(100% + 1px);
}
.bf__section--promotion .promotion__content {
  padding: calc(18 * var(--vw)) calc(22 * var(--vw)) calc(32 * var(--vw));
}
.bf__section--promotion .promotion__title {
  font-size: calc(26 * var(--vw));
  font-weight: 900;
  line-height: calc(37 * var(--vw));
  letter-spacing: calc(-1.3 * var(--vw));
}
.bf__section--promotion .promotion__desc {
  margin-top: calc(10 * var(--vw));
  font-size: calc(20 * var(--vw));
  line-height: calc(30 * var(--vw));
  letter-spacing: calc(-1 * var(--vw));
}
.bf__section--promotion .promotion__desc .font--en {
  font-size: calc(22 * var(--vw));
}
.bf__section--promotion .promotion__desc .point {
  color: #134AFD;
  font-weight: 700;
}

.bf__section--launch {}
.bf__section--launch .launch__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(20 * var(--vw));
  width: calc(1660 * var(--vw));
  margin: 0 auto;
}
.bf__section--launch .launch__item {
  padding: calc(30 * var(--vw)) calc(30 * var(--vw)) calc(33 * var(--vw)) ;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
  border-radius: calc(10 * var(--vw));
  color: #fff;
  text-align: center;
}
.bf__section--launch .launch__thumb {
  margin-bottom: calc(30 * var(--vw));
  border-radius: calc(10 * var(--vw));
  object-fit: inherit;
  aspect-ratio: 1;
}
.bf__section--launch .launch__title {
  font-size: calc(28 * var(--vw));
  font-weight: 800;
  line-height: calc(36 * var(--vw));
}
.bf__section--launch .launch__desc {
  margin-top: calc(10 * var(--vw)) ;
  font-size: calc(18 * var(--vw));
  line-height: calc(28 * var(--vw));
  letter-spacing: calc(-0.9 * var(--vw));
}
.bf__section--launch .launch__desc .font--en {
  font-size: calc(20 * var(--vw));
}
.bf__section--launch .launch__btns {
  display: flex;
  justify-content: center;
  gap: calc(8 * var(--vw));
  margin-top: calc(24 * var(--vw));
}
.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(60 * var(--vw));
  text-align: center;
}

.bf__section--gift {}
.bf__section--gift .gift__list {
  display: flex;
  gap: calc(15 * var(--vw));
  width: calc(840 * var(--vw));
  margin: 0 auto;
}
.bf__section--gift .gift__item {
  flex: 1;
  padding: calc(23 * var(--vw)) calc(23 * var(--vw)) calc(46 * var(--vw));
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
  border-radius: calc(8 * var(--vw));
  color: #fff;
  overflow: hidden;
}
.bf__section--gift .gift__thumb {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: calc(8 * var(--vw));
}
.bf__section--gift .gift__content {
  margin-top: calc(20 * var(--vw));
}
.bf__section--gift .gift__title {
  font-size: calc(23 * var(--vw));
  font-weight: 700;
  line-height: calc(37 * var(--vw));
  letter-spacing: calc(-1.176 * var(--vw));
}
.bf__section--gift .gift__title .font--en {
  font-size: calc(25 * var(--vw));
}
.bf__section--gift .gift__desc {
  margin-top: calc(8 * var(--vw));
  font-size: calc(16 * var(--vw));
  line-height: calc(26 * var(--vw));
  letter-spacing: calc(-1.12 * var(--vw));
}
.bf__section--gift .gift__desc .font--en {
  font-size: calc(18 * var(--vw));
}
.bf__section--gift .gift__date {
  margin-top: calc(15 * var(--vw));
  font-size: calc(16 * var(--vw));
  line-height: calc(26 * var(--vw));
  letter-spacing: calc(-0.8 * var(--vw));
}
.bf__section--gift .gift__date b {
  font-weight: 700;
}
.bf__section--gift .gift__date .font--en {
  font-size: calc(18 * var(--vw));
}

.bf__section--event {}
.bf__section--event .event__list {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--vw));
  width: calc(1303 * var(--vw));
  margin: 0 auto;
}
.bf__section--event .event__item {
  display: flex;
  align-items: center;
  gap: calc(60 * var(--vw));
  padding: calc(70 * var(--vw)) calc(80 * var(--vw));
  background-color: 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(20 * var(--vw));
}
.bf__section--event .event__content {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--vw));
  flex: 1;
}
.bf__section--event .event__head {
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--vw));
  color: #fff;
}
.bf__section--event .event__label {
  font-size: calc(20 * var(--vw));
  font-weight: 700;
  line-height: calc(28 * var(--vw));
  color: #134AFD;
}
.bf__section--event .event__title {
  margin-top: calc(-8 * var(--vw));
  font-size: calc(36 * var(
  --vw));
  font-weight: 900;
  line-height: calc(50 * var(
  --vw));
  letter-spacing: calc(-1.8 * var(
  --vw));
}
.bf__section--event .event__title .font--en {
  font-size: calc(40 * var(--vw));
}
.bf__section--event .event__desc {
  font-size: calc(22 * var(--vw));
  line-height: calc(34 * var(--vw));
  letter-spacing: calc(-1.1 * var(--vw));
}
.bf__section--event .event__desc b {
  font-weight: 700;
}
.bf__section--event .event__desc .font--en {
  font-size: calc(24 * var(--vw));
}
.bf__section--event .event__info {
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--vw));
  font-size: calc(18 * var(--vw));
  line-height: calc(28 * var(--vw));
  letter-spacing: calc(-0.9 * var(--vw));
}
.bf__section--event .event__info b {
  font-weight: 700;
}
.bf__section--event .event__info .sep {
  font-size: calc(20 * var(--vw));
  font-weight: 800;
  letter-spacing: 0;
}
.bf__section--event .event__info .font--en {
  font-size: calc(20 * var(--vw));
}
.bf__section--event .event__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-width: calc(140 * var(--vw));
  height: calc(45 * var(--vw));
  font-size: calc(16 * var(--vw));
  gap: calc(-0.8 * var(--vw));
}
.bf__section--event .event__thumb {
  position: relative;
  flex: 0 0 calc(560 * var(--vw));
}