/* history */
.history {overflow: hidden;}
.history > article:nth-of-type(2n) {background: #f7f7f7;}
.history > article:nth-of-type(2n+1) {background: #fff;}
.history .title-group {text-align: center;}

/* history-intro */
.history-intro {padding: 110px 0;}
.title-group .history__title {font-size: 72px; color: #599ce1;}
.title-group .history__title span {font-weight: 600; color: #171c60;}
.history__description {margin-top: 35px; font-family: 'NanumSquare', sans-serif; font-size: 22px; font-weight: 700; color: #000;}
.history__description span {color: #0090ff;}
.history-intro-list {display: flex; flex-wrap: wrap; position: relative; border-top: 1px solid #000; margin-top: 50px; padding-top: 58px; border-bottom: 1px solid #ddd; padding-bottom: 108px;}
.history-intro-list::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(100% - 160px); background: #ddd;}
.history-intro-list li {width: 50%;}
.history-intro-list li:nth-child(2n) {margin-top: 110px;}
.history-intro-list li:nth-child(2n+1) {margin-top: -30px;}
.history-intro-list li:nth-child(1) {margin-top: 30px;}
.history-intro-list li:nth-child(2) {margin-top: 140px;}
.history-intro-list .circle {display: flex; align-items: center; margin-left: 25px; position: relative; left: 7px;}
.history-intro-list .circle span {display: inline-block;}
.history-intro-list .circle span:nth-child(1) {width: 71px; height: 1px; background: #0090ff;}
.history-intro-list .circle span:nth-child(2) {width: 15px; height: 15px; border: 3px solid #0090ff; border-radius: 50%;}
.history-intro-list .contents {font-family: 'NanumSquare', sans-serif;}
.history-intro-list .contents .text {display: flex; align-items: center; justify-content: space-between;}
.history-intro-list .contents .text.start {align-items: flex-start;}
.history-intro-list .contents p {font-size: 17px; font-weight: 400; color: #000; text-align: right; white-space: nowrap;}
.history-intro-list .contents p span {display: block; line-height: 1.7em;}
.history-intro-list .contents strong {min-width: 125px; font-size: 36px; font-weight: 900; color: #0090ff; text-align: right;}
.history-intro-list .image img + img {margin-left: 20px;}
.history-intro-list .text-group {display: flex; justify-content: flex-end; margin-bottom: 25px;}

.history-intro-list li:nth-child(2n) .circle {margin: 0 25px 0 0; left: -7px;}
.history-intro-list li:nth-child(2n) .circle span:nth-child(1) {order: 1;}
.history-intro-list li:nth-child(2n) .text-group {flex-direction: row-reverse;}
.history-intro-list li:nth-child(2n) .contents .text p {order: 1; text-align: left;}
.history-intro-list li:nth-child(2n) .contents strong {text-align: left;}
.history-intro-list li:nth-child(2n) .image {text-align: right;}

/* history-value */
.history-value {padding: 80px 0;}
.history-value-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 75px;}
.history-value-list li {position: relative; width: calc(50% - 20px); color: #000; background: #fff; box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.11); padding: 55px 45px; text-align: center;}
.history-value-list li::before {content: ''; position: absolute; left: 50%; top: -33px; transform: translateX(-50%); width: 67px; height: 49px; background-repeat: no-repeat; background-position: center; background-image: url("../img/his_obj2.png");}
.history-value-list li:nth-child(1)::before, .history-value-list li:nth-child(4)::before {background-image: url("../img/his_obj1.png");}
.history-value-list li:nth-child(n+3) {margin-top: 80px;}
.history-value-list em {font-size: 28px; font-weight: 700; letter-spacing: -0.7px; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 20px; display: block;}
.history-value-list p {font-size: 16px; font-weight: 300; line-height: 33px;}