@charset "UTF-8";

.mainVis {
  background: url(../images/bg-about.jpg);
  background-position: center bottom 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

/*================================================
 *  history
 ================================================*/
.history {
	margin: 80px 0;
}
.timeline {
  list-style: none;
  max-width: 730px;
  margin: 0 auto;
}
.timeline > li {
  margin-bottom: 60px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.timeline-date {
    width: 110px;
    float: left;
}
.timeline-content {
    width: 75%;
    float: left;
    border-left: 1px #c3daca solid;
    padding-left: 40px;
}
.timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #c3daca;
    position: absolute;
    left: 104px;
    top: 6px;
    border-radius: 100%;
}
.timeline-txt {
  	margin-bottom: 30px;
}
@media screen and (max-width:768px) {
  .history {
    margin: 30px 0;
  }
  .timeline-content {
    width: 100%;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: none;
  }
}




/*================================================
 *  overview
 ================================================*/
.overview {
	margin-top: 50px;
}
.overview table {
	max-width: 830px;
	margin: 0 auto;
}
.overview th, 
.overview td {
    padding: 1.5rem 3rem;
    text-align: left;
    border-bottom: 1px solid #e0dede;
}
.overview th {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width:768px) {
  .overview {
    margin-top: 20px;
  }
  .overview th, 
  .overview td {
    display: block;
  }
  .overview th {
    width: 100%;
    text-align: left;
    padding: 0.7rem;
  }
  .overview td {
    padding: 1.2rem;
  }
}