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

/* history */
.history {position: relative; overflow: hidden;}
.history::after {content: ''; display: block; width: 100%; height: 200px; background: url("../img/history_bg.jpg") no-repeat center/cover;}
.history .inner {padding: 60px 20px;}
.history .content-group {margin-bottom: 30px;}
.history-list {position: relative; z-index: 1;}
.history-list li {position: relative;}
.history-list li + li {margin-top: 50px;}
.history-list li .title {margin-bottom: 20px;}
.history-list .title .label {font-size: 16px; font-weight: 500; color: #01a13f; letter-spacing: -0.72px; display: block; text-align: left; position: relative; top: 3px;}
.history-list .title em {font-size: 25px; 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); display: none;}
.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 > div {color: #333; display: flex; align-items: center; justify-content: space-between;}
.history-list .desc > div + div {margin-top: 8px;}
.history-list .desc .month {font-size: 16px; font-weight: 500; letter-spacing: -0.72px; min-width: 31px;}
.history-list .desc p {font-size: 14px; font-weight: 300; letter-spacing: -0.64px; width: calc(100% - 50px);}