.pageEventDetail .eventContent {
  padding: 80px 0;
}
.pageEventDetail .eventContent .--left article {
  line-height: 1.625;
  padding: 0 44px;
}
.pageEventDetail .eventContent .--right .--txt {
  padding: 24px 44px;
  background: rgb(247, 247, 247);
}
.pageEventDetail .eventContent .--right .--txt .--timeName {
  display: flex;
  gap: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1607843137);
}
.pageEventDetail .eventContent .--right .--txt .--day {
  font-size: 65px;
  color: var(--color-primary);
  line-height: 70px;
  font-family: var(--font-Megante);
}
.pageEventDetail .eventContent .--right .--txt .--time {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.pageEventDetail .eventContent .--right .--txt .--name {
  flex-grow: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black);
}
.pageEventDetail .eventContent .--right .--txt .--year {
  color: var(--color-black);
}
.pageEventDetail .eventContent .--right .--txt .--infoAll {
  display: flex;
  flex-flow: column;
  gap: 12px;
  margin-top: 24px;
}
.pageEventDetail .eventContent .--right .--txt .--infoAll .--nameInfo {
  font-weight: 700;
  color: var(--color-black);
}
.pageEventDetail .eventContent .--right .--txt .--infoAll .--info {
  font-size: 14px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.pageEventDetail .eventContent .--right .--txt .--infoAll span {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 600;
}
.pageEventDetail .eventContent .--right .--txt .--infoAll i {
  color: var(--color-primary);
}
.pageEventDetail .eventContent .--right .--txt .--infoAll .--item {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.pageEventDetail .eventContent .--right .--txt .--note {
  font-size: 13px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 1050px) and (min-width: 768px) {
  .pageEventDetail .eventContent {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .pageEventDetail .eventContent .--content {
    flex-flow: column-reverse;
    gap: 24px;
    display: flex;
  }
  .pageEventDetail .eventContent .--left {
    width: 100%;
  }
  .pageEventDetail .eventContent .--right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pageEventDetail .eventContent {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .pageEventDetail .eventContent .--content {
    flex-flow: column-reverse;
    gap: 24px;
    display: flex;
  }
  .pageEventDetail .eventContent .--left {
    padding: 0 20px;
  }
}/*# sourceMappingURL=event_detail.css.map */