/*공통*/
.con1300 {width: 100%; padding:0 15px;}
.c_title {text-align: center; font-family: 'Play', sans-serif; font-weight: 700; color:#000; font-size: 25px; padding-left: 15px;}
.c_title::after {position: relative; top: -6px; margin-left: 7px;width: 12px; height: 12px; border: 3px solid #224aca; border-radius: 50%; content: ""; display: inline-block; vertical-align: top; }

/*Content CSS*/
#his_c1 {display: flex; flex-direction: column; }
#his_c1 .img {width: 100%; background: url('../img/about_img.jpg')no-repeat 50% 50%; height: 320px; background-size: cover;}
#his_c1 .txt {width: 100%; padding: 30px 0 0;}
#his_c1 .txt .c_title {text-align: left; }
.his_table {width: 100%; margin-top:15px; border-top: 3px solid #224aca}
.his_table table {border-collapse: collapse; width: 100%;}
.his_table table th, .his_table table td {padding:15px 0; border-bottom: 1px solid #ddd; font-size: 13px; text-align: left;}
.his_table table th {padding-left: 15px; position: relative; font-weight: 500; width: 80px;}
.his_table table th::before {width: 5px; height: 5px; background: #ddd; display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top: -3px}
.his_table table td {padding-left: 15px; color:#888; font-weight: 300; word-break: keep-all;}

#his_c2 {margin-top: 50px;}
#his_c2 .top {background: url('../img/his_top_bg')no-repeat 50% 50%; height: 160px; display: flex ;justify-content: center; align-items: center; background-size: cover;}
#his_c2 .top .c_title {color: #fff;}


.his_con_wr {background: #fff; padding:40px 15px 80px; }
.his_con {margin-bottom: 50px;}
.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: 50px; text-align: center; line-height: 50px; border-radius: 30px; background-image: linear-gradient(to right, #3a77ff, #002c8f);
font-size:18px; font-weight: 700; color:#fff; letter-spacing: -.5px; font-family: 'NanumSquare',sans-serif; margin:0 auto;}
.his_con .his_line {display: block; width: 80px; height: 1px; background: #000; display: none;}
.his_con .his_dot {display: block; width: 7px; height: 7px; border-radius: 50%; background: #0434a0; display: none;}
/* his_con ul li */
.his_con ul {text-align: left; padding:15px 0 0; 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; border-bottom: 1px solid #eee; padding:10px 0;}
.his_con ul li:last-child {margin-bottom: 0;}
.his_con ul li span {font-size:15px; font-weight: 700; color:#0434a0; letter-spacing: -.4px; font-family: 'Play', sans-serif; display: block; margin-right: 20px;
position: relative; top:2px; width: 55px;}
.his_con ul li p {font-size:13px; font-weight: 300; color:#666; line-height: 22px; letter-spacing: -.5px;}


@media screen and (max-width: 600px)
}

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

}

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

}

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

}
