/* common */
.history .content-group {position: relative; color: #000; text-align: center;}
.history .content-group .title {position: relative; display: inline-block; font-size: 40px; font-weight: 700; text-transform: uppercase;}
.history .content-group .title::before {content: ''; position: absolute; left: -55px; top: 50%; transform: translateY(-50%); width: 40px; height: 38px; background: url("../img/title_obj.png") no-repeat center;}
.history .content-group.white {color: #fff;}

/* history */
.history {position: relative; overflow: hidden;}
.history::after {content: ''; display: block; width: 100%; height: 500px; background: url("../img/history_bg.jpg") no-repeat center/cover; margin-top: -75px;}
.history .inner {padding-top: 80px;}
.history .content-group {margin-bottom: 40px;}
.history-list {position: relative; background: #fff; box-shadow: 0 0 23px 0 rgba(0, 74, 29, 0.11); padding: 100px 0; z-index: 1;}
.history-list::before {content: ''; position: absolute; left: 30%; top: 0; width: 1px; height: 100%; background: #eeeaea;}
.history-list li {position: relative; display: flex; justify-content: space-between;}
.history-list li + li {margin-top: 50px;}
.history-list li .title {width: 20%; display: flex; flex-direction: column; align-items: flex-end; position: relative; top: -42px;}
.history-list .title .label {font-size: 18px; font-weight: 500; color: #01a13f; letter-spacing: -0.72px; display: block; text-align: left; min-width: 77px; position: relative; top: 3px;}
.history-list .title em {font-size: 35px; font-weight: 700; color: #000; letter-spacing: -1.4px;}
.history-list .circle {position: relative; width: 26px; height: 26px; border-radius: 50%; background: rgba(1, 161, 63, .3);}
.history-list .circle::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background:#01a13f;}
.history-list .desc {width: 60%;}
.history-list .desc > div {color: #333; display: flex; align-items: center; justify-content: space-between;}
.history-list .desc > div + div {margin-top: 10px;}
.history-list .desc .month {font-size: 18px; font-weight: 500; letter-spacing: -0.72px; min-width: 35px;}
.history-list .desc p {font-size: 16px; font-weight: 300; letter-spacing: -0.64px; width: calc(100% - 80px);}