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


.bar::before{content: ''; display: block; width: 30px; height: 3px; background-color: #42ade0; margin: 0 auto 13px;}
.fs_55{font-size: 28px; font-weight: 800; line-height: 1; text-align: center;}
.fs_30{font-size: 19px; font-weight: 600; color: #fff;}
.fs_24{font-size: 17px; font-weight: 700; color: #232628;}
.fs_18{font-size: 14px; font-weight: 400; line-height: 1.7; color: #6e6e6e;}


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

/* con */
.his_con { position:relative; margin-top:20px; }
.his_con .d1_ul { position:relative; padding: 20px 0 0; }
.his_con .d1_ul::before { content:""; position:absolute; left:0%;  top:0; width:1px; height:100%; background:#ccc; }


.d1_ul .d1_li { width: 100%; display: flex; align-items: flex-start; margin-bottom: 25px;}
.d1_ul .d1_li:last-child{margin-bottom: 0;}
.d1_ul .his_dot { position:relative; display: flex; align-items: center; width: 15px; height: 15px; background: #fff; border-radius: 50%; z-index: 1; flex-shrink: 0; border:3px solid #42ade0; top: 7.5px; left: -7px;}

.d1_ul .his_txt { position:relative;}
.d1_ul .his_txt h3 {display: flex; align-items: center; justify-content: center; width: 70px; height: 30px; background-color: #42ade0; border-radius: 5px;}
.his_txt .d2_ul { margin-top:10px; }
.his_txt .d2_ul li h4 {}
.his_txt .d2_ul li:nth-child(n+2){margin-top: 10px;}



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

}


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

}

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

}