/* CSS Document */


.table-wide {
  max-width:100%;
}



/*
 History
 */
.historyList {
  overflow: hidden;
  text-align: center;
}
/*
.historyList h3 {
  position: relative;
  width: 289px;
  height: 199px;
  margin: 0 auto;
  line-height: 40px;
  font-size: 19px;
  font-family: "NotoM";
  color: #fff;
  text-align: center;
  background: url('https://www.dju.ac.kr/images/web/animation/sub_cnt/history_title.png') no-repeat center top;
}
.historyList h3 span {
  position: relative;
  display: block;
  font-size: 18px;
  font-family: "NotoDL";
  color: #e4f3ff;
  padding-top: 70px;
  letter-spacing: 0;
}
*/
.historyList .list li {
  list-style-type:none;
}
.historyList .list {
  width: 100%;
  overflow: hidden;
  background: url('images/bg_history_line.png') repeat-y center;
  padding: 3rem 0 1rem;
}
.historyList .list>div {
  margin-bottom: -2.7rem;
}
.historyList .list .right {
  width: 50%;
  margin-right: 8px;
  float: right;
  background: url('images/history_right_bg.png') no-repeat left 25px;
}
.historyList .list .right ul {
  float: right;
  text-align: left;
}
.historyList .list .left {
  width: 50%;
  margin-left: 8px;
  float: left;
  background: url('images/history_left_bg.png') no-repeat right 25px;
}
.historyList .list .left ul {
  float: left;
  text-align: right;
}
.historyList .list ul {
  width: 91%;
  padding: 1.2rem 0.9rem;
  border-bottom: 1px solid #c3d4e8;
}
.historyList .list ul li {
  line-height: 1.6rem;
  color: #595959;
}
.historyList .list ul li.tit {
  font-size: 1.8rem;
  font-weight: bold;
  color: #003b73;
  margin-bottom: 1rem;
}
.historyList .list ul li>span {
  font-weight: bold;
  margin-right: .8rem;
  color: #003b73;
}

@media screen and (max-width: 1019px) {
  .historyList,
  .historyList .list {
    background-image: none;
  }
  .historyList .list .right,
  .historyList .list .left {
    float: none;
    width: 100%;
    margin: 0px;
    background-image: none;
  }
  .historyList .list .right ul,
  .historyList .list .left ul {
    float: none !important;
    width: 80%;
    margin: 20px auto;
    text-align: left;
  }
  .historyList .list ul li.tit {
    text-align: center
  }
  .historyList .list .left ul:last-child {
    margin-bottom: 0px;
  }
}
@media screen and (max-width:768px) {
  .historyList .list .right,
  .historyList .list .left {
    width: 91%;
  }
}
@media screen and (max-width:690px) {
  .historyList>img {
    width: 50%;
    height: auto
  }
  .historyList .list .right ul,
  .historyList .list .left ul {
    width: 95%;
  }
  .historyList .list ul li>span {
    display: block;
    margin-right: 0
  }
}
@media screen and (max-width:560px) {
  .historyList>img {
    width: 60%
  }
}


svg text {
  text-anchor: middle;
  dominant-baseline: middle;
}