/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.s_bot_bg {width: 100%; height: 500px; margin:-155px 0 0; background: url('../img/his_bot_bg.jpg') 50% 50% no-repeat; background-size:cover;  }
.s_title h2 {font-size:18px; font-weight: 400; color:#0900cb; letter-spacing: 7.2px; font-family: 'Play', sans-serif; text-transform: uppercase; }

/*Content CSS*/
#history {text-align: center; }

/* his_con_wr */
.his_con_wr {width: 100%; background: #fff; padding: 60px 100px 100px; position: relative; z-index: 2; margin:0 auto 0; }
.his_con {display: flex; align-items: flex-start; margin-bottom: 120px;}
.his_con_wr > .his_con:last-child {margin-bottom: 0;}
.his_con > div {display: flex; align-items: center; position: relative; z-index: 2;}
.his_con div h1 {width: 225px; height: 60px; text-align: center; line-height: 60px; background-image: linear-gradient(to right, #3f39bb, #15116f);
font-size:20px; font-weight: 500; color:#fff;  }
.his_con .his_line {display: block; width: 80px; height: 1px; background: #626262;}
.his_con .his_dot {display: block; width: 7px; height: 7px; border-radius: 50%; background: #15116f;}
/* his_con ul li */
.his_con ul {text-align: left; padding:13px 0 0 50px; position: relative; z-index: 1;}
.his_con ul::after {content: ''; display: block; width:1px; height: calc(100% - 32px); background: #d9d9d9; position: absolute; left:-4px; top:30px; z-index: -1;}
.his_con ul li {display: flex; align-items: flex-start; margin-bottom: 30px;}
.his_con ul li:last-child {margin-bottom: 0;}
.his_con ul li span {font-size:17px; font-weight: 600; color:#15116f; letter-spacing: -.4px; display: block; margin-right: 45px;width: 65px;
position: relative; top:4px; min-width: 65px; }
.his_con ul li p {font-size:16px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.5px; position: relative; padding-left:32px; }
 .his_con ul li > div {width: calc(100% - 70px); padding:3px 0 0; }
.his_con ul li > div p {margin-bottom: 15px; }
.his_con ul li > div p:last-child {margin-bottom: 0; }

/* .his_con ul li p::before {content: ''; display: block; width: 3px; height: 3px; background: #15116f; position: absolute; left:0; top:11px; } */
.his_con ul li p span {display: block; position: absolute; left:0; top:0; font-size:16px; }






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

}

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

}

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

}