section.top-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: calc(10px + 0.8vw);
}

section.top-cards .main-copy {
  grid-column: 1/4;
  grid-row: 1;
  width: 64vw;
  height: 22vw;
}

section.top-cards .main-events {
  grid-column: 1/4;
  grid-row: 2;
  width: 100%;
  height: 54vw;
}

section.top-cards .main-events .bottom-wrap {
  text-align: center;
}

section.top-cards .main-events .bottom-wrap p {
  margin-top: 0.8vw;
  font-size: calc(0.7rem + 0.5vw);
  letter-spacing: calc(-0.01rem - 0.02vw);
}

#thumb-wrap {
  display: flex;
  flex-direction: row;
  margin: calc(4px + 0.2vw) auto 0 auto;
  margin-top: calc(4px + 0.2vw);
  width: fit-content;
}

#thumb-wrap div {
  margin: 0 4px;
  height: 3px;
  opacity: 0.3;
}

section.top-cards .card {
  height: 37vw;
}

section.top-cards .card p {
  font-size: calc(0.7rem + 0.8vw);
}

section.top-cards .card:nth-child(5) {
  grid-column: 3;
  grid-row: 3;
}

section.top-cards .card:nth-child(6) {
  grid-column: 1;
  grid-row: 4;
}


/* career recruit except */
section.top-cards .main-events .video-text {
  padding: 4.8vw 3.8vw;
}

section.top-cards .main-events .video-text h3 {
  font-size: calc(2.1vw * 1.9);
  line-height: calc(3.5vw * 1.9);
  letter-spacing: -0.04rem;
}

section.top-cards .main-events .video-text h2 {
  left: calc(-4px - 0.15vw);
  font-size: calc(3.4vw * 1.9);
  line-height: calc(5vw * 1.9);
  letter-spacing: -0.08rem;
}

section.top-cards .main-events .video-text h5 {
  margin-top: 4.6vw;
  font-size: calc(1.2vw * 1.9);
  line-height: calc(2.1vw * 1.9);
  letter-spacing: -0.03rem;
}

section.top-cards .main-events .video-text h4 {
  margin-top: 0.4vw;
  font-size: calc(1.7vw * 1.9);
  line-height: calc(2.5vw * 1.9);
  letter-spacing: -0.04rem;
}

section.top-cards .main-events .video-text button {
  left: calc(-2px - 0.15vw);
  margin-top: 5.5vw;
  padding: calc(14px + 0.4vw) calc(20px + 0.8vw) calc(14px + 0.4vw) calc(20px + 0.8vw);
  font-size: calc(1.2vw * 1.8);
  font-size: calc(1.3vw * 1.8);
  letter-spacing: -0.03rem;
}