.course-main-box {
  display: flex;
  max-width: 103.9rem;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  margin: 0 auto;
}

.items-c {
  display: flex;
  padding: 2rem;
  gap: 2.4rem;
  border: .1rem solid var(--border, #E2E2E2);
  background: #FFF;
}

.img-box-c {
  min-width: 190px;
  aspect-ratio: 16 / 9;
  height: 100%;

  width: 40%;
  box-sizing: border-box;
}

.img-c {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.texts-box-c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:.8rem;
  overflow: hidden;
}

.h1-main-c{
  margin: 0%;
  align-self: stretch;
  color: var(--orange, #E86922);
  font-size: 2.2rem;
  font-weight: 700;
}

.h1-text-c {
  margin: 0%;
  align-self: stretch;
  overflow: hidden;
  font-size: 1.6rem;
  font-weight: 700;
}

.box-links-c {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: .8rem 1.5rem;
  align-self: stretch;
  flex-wrap: wrap;

}

.link-text-c {
  display: flex;
  align-items: center;
  gap: .8rem;
}

.a-text-c {
  line-height: 100%;
  text-decoration: none;
  margin: 0%;
  display: flex;
  padding: .4rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  border: .1rem solid var(--grey, #908F8F);
  color: var(--grey, #908F8F);
  font-size: 1.2rem;
  font-weight: 700;
}

.p-text-c {
  margin: 0%;
  font-size: 1.6rem;
  font-weight: 400;
}

.more-link-c {
  text-decoration: none;
  margin: 0%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.6rem;
  align-self: stretch;
  color: var(--text_main, #333);
  font-size: 1.6rem;
  font-weight: 400;

}
.more-link-c:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .h1-main-c{
  }

}

@media only screen and (max-width: 500px) {
  .items-c {
    flex-direction: column;
  }
  .img-box-c {
    width: 100%;
    box-sizing: border-box;
  }
  flex-direction: column;
}

.h1-text-c {


}


.a-text-c {
  padding: .4rem 1.5rem;
  font-weight: 500;
}
}