
*, *::before, *::after {  box-sizing: border-box;}
.m-content {  padding: 0px;  max-width: 100%;  margin: 0 auto;}
.m-timeline {  position: relative;  list-style: none;  padding: 0;  margin: 0;    color: #333;}
.m-timeline > li {  position: relative;  padding: 0px 0 50px 30px;  transition: all 100ms;}
.m-timeline_date {font-family: 'GmarketSansBold'; font-size: 50px; font-weight:600; margin-right: 50px; margin-top: -10px;}
.m-timeline p {  margin: 0 0 .5em;}
.m-timeline > li { padding-left: 0; }
ul.detail {list-style:none; padding:0;}
ul.detail li {font-size:18px; line-height:25px; padding:8px 0; font-weight:300; display:flex; flex-wrap: nowrap;  justify-content: flex-start; }

.m-timeline li.year {display: flex; padding: 80px 30%; width: 100vw; margin-left: calc(-50vw + 50%);}
.m-timeline li.year:nth-of-type(1) {padding-top: 0;}
.m-timeline li.year:nth-of-type(2) {background-image: url("../img/refer_img1.jpg") !important; background-repeat: no-repeat; background-attachment: fixed;  background-size:cover; color: #fff;}
.m-timeline li.year:nth-of-type(6) {background-image: url("../img/refer_img2.jpg") !important; background-repeat: no-repeat; background-attachment: fixed;  background-size:cover; color: #fff;}
.m-timeline li.year:nth-of-type(7) {background-color: #fff;}
.m-timeline li.year:nth-of-type(9) {background-image: url("../img/refer_img3.jpg") !important; background-repeat: no-repeat; background-attachment: fixed;  background-size:cover; color: #fff;}
.m-timeline li.year:nth-of-type(even) {background-color: #eaeaee;}

.m-timeline li.year .dash {margin-right: 5px;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1024px) {
.m-timeline li.year { padding: 80px 20%; }
.m-timeline_date { font-size: 35px; margin-right: 20px; margin-top: 0;font-weight: 900;}
ul.detail li {font-size:15px; line-height:19px;}
}
@media (max-width: 768px) {
.m-timeline li.year { padding: 60px 10%; }
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
