/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title {font-size:20px; font-weight: 600; color:#072a60; font-family: 'Raleway', sans-serif; position: relative; padding-left:14px; margin-bottom:15px;}
.sub_title::before {content: ''; display: block; width:4px; height:16px; background: #072a60; position: absolute; left:0; top:4px;}
.apos_head {display: inline-block; position: relative; padding: 0 25px;}
.apos_head > img {position: absolute; top:-5px; width:25px;}
.apos_head > img.apos1 {left:-0; }
.apos_head > img.apos2 {right:-0; }
.sub_title2 {color:#010101; font-size:26px; font-weight: 600; font-family: 'Raleway', sans-serif;}
.sub_title2::before {content: ''; display: block; width:50px; height:4px; background: #072a60; margin:0 auto 25px; transform: skew(-30deg);}

/*Content CSS*/
#about {padding:50px 0; text-align: center;}
/* .ab_top {width:100%; height:320px; background: url('../img/ab_top.jpg') 50% 50% no-repeat; background-size:cover; padding:90px 0 0;} */
.ab_top h1 {color:#fff;}
.ab_top h1::before {background: #fff;}
.ab_c1_txt {background: #fff;  width:100%; margin:0 auto 0; padding:0;}
.ab_c1_txt h2 {font-size:18px; font-weight:700; font-family: 'Raleway', sans-serif; line-height: 30px;}
.ab_c1_txt h2::after {content: ''; display: block; width:40px; height:1px; background: #000; margin:20px auto 30px;}
.ab_c1_txt h2 span {font-weight: 700; color:#1c51a3;}
.ab_c1_txt p {font-size:14px; font-weight: 300; color:#666; line-height: 25px; word-break: keep-all;}
.ab_c1_img {display: inline-block; margin:30px 0 40px; width:100%; text-align: center;}
.ab_c1_img img {max-width:100%;}

/* c2 */
.ab_con2 {margin-top: 80px; }
.ab_con2 > div {text-align: left;  margin-top:40px;}
.ab_c2_box1 > div {display: flex; justify-content: space-between; margin-top:20px; flex-direction: column;}
.ab_c2_box1 > div > div:nth-child(n+2) {margin-top: 30px;}
.ab_c2_box1 > div > div {width:100%; border:1px solid #f1f1f1; position: relative; padding: 0 0 30px 0; background: #fff;  box-shadow: 5px 5px 5px 0 rgba(177, 177, 177, 0.16);}
.ab_c2_box1 h1 {font-size:16px; font-weight: 600; color:#222; background: #f9f9f9; width:100%; border-bottom:1px solid #f1f1f1; padding:12px 12px 12px 65px;
font-family: 'Raleway', sans-serif;  position: relative;}
.ab_c2_box1 h1 span {display: flex; height:100%; background: #072a60; color:#fff; font-size:22px; width:50px; text-align: center; margin-right:20px;
font-weight: 600; position: absolute; left:0; top:0; align-items: center; justify-content: center;}
.ab_c2_box1 ul {padding: 0 20px; margin-top:30px;}
.ab_c2_box1 ul li {font-size:14px; font-weight: 300; color:#333; margin-bottom:10px; padding-left:16px; position: relative;}
.ab_c2_box1 ul li:last-child {margin-bottom:0;}
.ab_c2_box1 ul li::before {content: ''; display: block; width:5px; height:5px;  background: #072a60; position: absolute; left:0; top:8px;}
/* .ab_c2_box1 ul {width:100%; border-top:1px solid #171717;}
.ab_c2_box1 ul li {padding:14px 10px; width:100%; border-bottom: 1px solid #cecece; font-size:14px; font-weight: 300; color:#171717; padding-left:30px; position: relative;}
.ab_c2_box1 ul li:nth-child(even) {background: #f9f9f9;}
.ab_c2_box1 ul li::before {content: ''; display: block; width:10px; height:10px; border-radius: 50%; background: #fff; position: absolute; left:10px; top:19px;
border:2px solid #c4c4c4;} */

.ab_c2_box2 > div {display: flex; justify-content: space-between; margin-top:20px; flex-direction: column;}
.ab_c2_box2 > div > div:nth-child(n+2) {margin-top: 30px;}
.ab_c2_box2 > div > div {width:100%; border:1px solid #f1f1f1; position: relative; padding: 0 0 30px 0; background: #fff;  box-shadow: 5px 5px 5px 0 rgba(177, 177, 177, 0.16);}
.ab_c2_box2 h1 {font-size:16px; font-weight: 600; color:#222; background: #f9f9f9; width:100%; border-bottom:1px solid #f1f1f1; padding:12px 12px 12px 65px;
font-family: 'Raleway', sans-serif;  position: relative;}
.ab_c2_box2 h1 span {display: flex; height:100%; background: #072a60; color:#fff; font-size:22px; width:50px; text-align: center; margin-right:20px;
font-weight: 600; position: absolute; left:0; top:0; align-items: center; justify-content: center;}
.ab_c2_box2 ul {padding: 0 20px; margin-top:30px;}
.ab_c2_box2 ul li {font-size:14px; font-weight: 300; color:#333; margin-bottom:10px; padding-left:16px; position: relative;}
.ab_c2_box2 ul li:last-child {margin-bottom:0;}
.ab_c2_box2 ul li::before {content: ''; display: block; width:5px; height:5px;  background: #072a60; position: absolute; left:0; top:8px;}



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

}

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

}

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

}

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

}