:root {
  --top-card-gap: 14px;
}

.right-card-wrap::-webkit-scrollbar {
  display: none;
}

section.top-cards {
  grid-template-columns: repeat(2, 1fr);
  gap: var(--top-card-gap);
  height: 364vw;
  overflow-y: hidden;
}

section.top-cards .main-copy {
  grid-column: 1/3;
}

section.top-cards .main-events {
  grid-column: 1/3;
  height: 104vw;
  background-size: 194%;
}

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

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

section.top-cards .main-events .bottom-wrap ul {
  justify-content: center;
  margin-bottom: 2.6vw;
}

section.top-cards .main-events .bottom-wrap li {
  margin: 1.3vw calc(2px + 0.04vw) 0 calc(2px + 0.04vw);
  padding: 0.5vw 0;
}

section.top-cards .main-events .bottom-wrap li div {
  width: calc(36px + 0.24vw);
  height: calc(4px + 0.04vw);
}

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

section.top-cards .card p {
  font-size: 4vw;
  letter-spacing: 0.02vw;
}

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

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

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

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

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

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

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

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

section.top-cards .card:nth-child(11) {
  grid-column: 2;
  grid-row: 7;
}

section.top-cards .card:nth-child(12) {
  grid-column: 2;
  grid-row: 8;
}

section.top-cards .card:nth-child(13) {
  grid-column: 2;
  grid-row: 9;
}

section.top-cards .card:nth-child(14) {
  grid-column: 2;
  grid-row: 10;
}


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

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

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

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

section.top-cards .main-events .video-text h4 {
  margin-top: 0.4vw;
  font-size: calc(2.2vw * 2.6);
  line-height: calc(2.9vw * 2.6);
  letter-spacing: -0.03rem;
}

section.top-cards .main-events .video-text button {
  left: calc(-2px - 0.15vw);
  margin-top: 19vw;
  padding: calc(13px + 0.2vw) calc(24px + 0.8vw) calc(12px + 0.2vw) calc(24px + 0.8vw);
  font-size: calc(1.6vw * 2.6);
  line-height: calc(2.2vw * 2.6);
  letter-spacing: -0.03rem;
}