@font-face {
  font-family: "nanumGothic";
  src: url("../../fonts/나눔글꼴/나눔바른고딕/NanumBarunGothic.ttf");
}
@font-face {
  font-family: "nanumGothicB";
  src: url("../../fonts/나눔글꼴/나눔바른고딕/NanumBarunGothicBold.ttf");
}
@font-face {
  font-family: "hangangB";
  src: url("../../fonts/seoul_font/서울한강/SeoulHangangB.ttf");
}
.wrapper {
  margin: 0 auto;
  padding: 0 auto;
  /* max-width: 1170px; */
}
.text {
  text-align: center;
}
.text-content {
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 32px;
  color: #4367b4;
  font-size: 25px;
  font-weight: bold;
  font-family: "nanumGothicB";
}

.history-month li {
  list-style-type: initial;
  margin: 0 auto;
  padding: 0 auto;
}
.history-month li::marker {
  color: #4367b4;
  font-size: 28px;
}
/* circle */
.history-year {
  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  border: 7px solid #4367b4;
  border-radius: 60px;
  box-shadow: 2px 2px #bbb;
  position: relative;
}
.history-explain {
  margin: 0;
  padding: 0;
  margin-left: 9em;
  position: relative;
  /* 글꼴 추가 및 폰트 크기 지정  */
  font-family: "nanumGothicB";
  font-size: 16px;
  bottom: 95px;
}
.history-month {
  float: left;
  margin-right: 3em;
  margin-left: 1.6em;
}
/* 구분선  */
.margin-line {
  border: thin solid #bbb;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}

.history-text:last-child {
  padding-bottom: 2em;
}
.history-text:first-child {
  margin-top: 3em;
}
.history-year:first-child {
  top: -35px;
}
p,
dl,
dd {
  margin: 0;
  padding: 0;
}
dt {
  margin: 0;
}
dd.history-text {
  margin: 0;
  padding: 0;
  font-family: "hangangB";
  display: flex;
  font-size: 1.3em;
  /* flex-wrap: wrap; */
}

.history-month > li {
  color: #4367b4;
  font-family: "nanumGothicB";
  font-size: 1.3em;
  position: relative;
  z-index: auto;
}
.history-month li > span {
  position: relative;
  bottom: 1px;
}