.timeline {
  /*border-left: 3px solid var(--bs-black);*/
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: none;
  margin: 0 auto;
  letter-spacing: 0.2px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  padding: 50px;
  list-style: none;
  text-align: left;
  max-width: 60%;
}

@media (max-width: 767px) {
  .timeline {
    max-width: 98%;
    padding: 25px;
  }
}

.timeline h2 {
  font-weight: 300;
  font-size: 1.4em;
  line-height: 15px;
}

.timeline h3 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 10px;
}

.timeline .event {
  /*border-bottom: 1px dashed #e8ebf1;*/
  padding-bottom: 0px;
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 767px) {
  .timeline .event:has(h3) {
    padding-top: 30px;
  }
}

.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.timeline .event:before, .timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .event:before {
  left: -207px;
  content: attr(data-date);
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 120px;
}

@media (max-width: 767px) {
  .timeline .event:before {
    left: 0px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .timeline .event:after {
    left: -31.8px;
  }
}

.rtl .timeline {
  border-left: 0;
  text-align: right;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: 3px solid var(--bs-primary);
}

.rtl .timeline .event::before {
  left: 0;
  right: -170px;
}

.rtl .timeline .event::after {
  left: 0;
  right: -55.8px;
}

.my_year {
  padding: 0px !important;
  font-size: 2.5rem !important;
  font-weight: bold !important;
  /*color: var(--bs-primary);*/
  margin-top: 30px;
  margin-bottom: 37px;
}

@media (max-width: 767px) {
  .my_year {
    padding: 0px !important;
    font-size: 1.5rem !important;
    font-weight: bold !important;
    /*color: #727cf5;*/
  }
}

.fs-noto {
  font-family: "Noto Sans KR", sans-serif !important;
}

.timeline ul li {
  padding-bottom: 10px;
  font-size: 1.1rem;
  border-bottom: 1px dashed lightgray;
  margin-bottom: 10px !important;
}

.timeline ul {
  padding-left: 0px;
  /*list-style: none;*/
  list-style-type: disc;
}

.timeline .level-3 li {
  /*padding-left: 10px;*/
  /*list-style-type: disc;*/
  border: none;
  padding: 0;
  /*list-style-type: none;*/
  /*margin-top: 10px;*/
}

.timeline .level-3 {
  margin-top: 20px;
  padding-left: 20px;
  list-style-type: circle;
  border: 0;
}