/*Content CSS*/
#history{overflow: hidden;}
section > article{padding: 90px 0 110px; position: relative;}
section > article:nth-child(even){background-color: #f7f7f7; padding-bottom: 130px;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 1;}


.bar::before{content: ''; display: block; width: 50px; height: 5px; background-color: #42ade0; margin: 0 auto 25px;}
.fs_55{font-size: 55px; font-weight: 800; line-height: 1; text-align: center;}
.fs_30{font-size: 30px; font-weight: 600; color: #fff;}
.fs_24{font-size: 24px; font-weight: 700; color: #232628;}
.fs_18{font-size: 18px; font-weight: 400; line-height: 33px; color: #6e6e6e;}

.img{padding-top: 60px; margin-top: 60px; border-top: solid 1px #ddd;}

/* con */
.his_con { position:relative; margin-top:60px; }
.his_con .d1_ul { position:relative; padding: 35px 0 0; }
.his_con .d1_ul::before { content:""; position:absolute; left:50%; transform: translateX(-50%); top:0; width:1px; height:100%; background:#ccc; }

.d1_ul > li:nth-child(n+2){margin-top: 4px;}
.d1_ul .d1_li { width: 50%; display: flex; flex-direction: row-reverse; text-align: right; align-items: flex-start; margin-left: 9px; min-height: 100px; }
.d1_ul .his_dot { position:relative; display: flex; align-items: center; width: 18px; height: 18px; background: #fff; border-radius: 50%; z-index: 1; flex-shrink: 0; border:3px solid #42ade0; top: 18.5px;}

.d1_ul .his_txt { position:relative; margin-right: 63px; }
.d1_ul .his_txt h3 {display: flex; align-items: center; justify-content: center; width: 118px; height: 55px; background-color: #42ade0; border-radius: 8px;}
.his_txt .d2_ul { margin-top:25px; }
.his_txt .d2_ul li h4 {margin-bottom: 5px;}
.his_txt .d2_ul li:nth-child(n+2){margin-top: 20px;}

.d1_ul .d1_li:nth-child(odd) { flex-direction: row; margin-left: calc(50% - 9px); text-align: left; }
.d1_ul .d1_li:nth-child(odd) .his_dot::before { right:initial; left:100%; }
.d1_ul .d1_li:nth-child(odd) .his_txt { margin:0 0 0 63px; }
.d1_ul .d1_li:nth-child(even) .his_txt {display: flex; align-items: flex-end; flex-direction: column;}



@media screen and (max-width:1300px){

}


@media screen and (max-width:960px){

}

@media screen and (max-width:640px){

}