/* 공통 */
.sub_con {width:1280px; margin:0 auto;}
.sub_title {font-size:26px; font-weight: 600; color:#072a60; font-family: 'Raleway', sans-serif; position: relative; padding-left:14px; margin-bottom:20px;}
.sub_title::before {content: ''; display: block; width:4px; height:20px; background: #072a60; position: absolute; left:0; top:5px;}
.apos_head {display: inline-block; position: relative;}
.apos_head > img {position: absolute; top:-5px;}
.apos_head > img.apos1 {left:-100px; }
.apos_head > img.apos2 {right:-100px; }
.sub_title2 {color:#010101; font-size:40px; 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:120px 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;     box-shadow: 0px 6px 8px 0 rgba(177, 177, 177, 0.16); width:1280px; margin:-90px auto 0; padding:100px 80px;}
.ab_c1_txt h2 {font-size:28px; font-weight:700; font-family: 'Raleway', sans-serif; line-height: 42px;}
.ab_c1_txt h2::after {content: ''; display: block; width:40px; height:1px; background: #000; margin:35px auto 50px;}
.ab_c1_txt h2 span {font-weight: 700; color:#1c51a3;}
.ab_c1_txt p {font-size:16px; font-weight: 300; color:#666; line-height: 30px;}
.ab_c1_img { display: inline-block; margin:50px 0 80px;}

/* c2 */
.ab_con2 {margin-top: 120px; }
.ab_con2 > div {text-align: left;  margin-top:80px;}
.ab_c2_box1 > div {margin-top:40px;}
.ab_c2_box1 > div > div:nth-child(n+2) {margin-top: 35px;}
.ab_c2_box1 > div > div {width:100%; border:1px solid #f1f1f1; position: relative; padding: 0 0 40px 0; background: #fff;  box-shadow: 5px 5px 5px 0 rgba(177, 177, 177, 0.16);}
.ab_c2_box1 h1 {font-size:18px; font-weight: 600; color:#222; background: #f9f9f9; width:100%; border-bottom:1px solid #f1f1f1;
font-family: 'Raleway', sans-serif;  height:50px; line-height: 50px;  }
.ab_c2_box1 h1 span {display: inline-block; height:100%; background: #072a60; color:#fff; font-size:24px; width:50px; text-align: center; margin-right:20px;
font-weight: 600;}
.ab_c2_box1 ul {padding: 0 30px; margin-top:40px;}
.ab_c2_box1 ul li {font-size:16px; font-weight: 300; color:#333; margin-bottom:15px; padding-left:18px; 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:10px;}

/* .ab_c2_box1 ul {width:100%; border-top:1px solid #171717;}
.ab_c2_box1 ul li {padding:14px 20px; width:100%; border-bottom: 1px solid #cecece; font-size:15px; font-weight: 300; color:#171717; padding-left:42px; 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:20px; top:20px;
border:2px solid #c4c4c4;} */

.ab_c2_box2 > div {display: flex; justify-content: space-between; margin-top:40px;}
.ab_c2_box2 > div > div {width:48%; border:1px solid #f1f1f1; position: relative; padding: 0 0 40px 0; background: #fff;  box-shadow: 5px 5px 5px 0 rgba(177, 177, 177, 0.16);}
.ab_c2_box2 h1 {font-size:18px; font-weight: 600; color:#222; background: #f9f9f9; width:100%; border-bottom:1px solid #f1f1f1;
font-family: 'Raleway', sans-serif;  height:50px; line-height: 50px;  }
.ab_c2_box2 h1 span {display: inline-block; height:100%; background: #072a60; color:#fff; font-size:24px; width:50px; text-align: center; margin-right:20px;
font-weight: 600;}
.ab_c2_box2 ul {padding: 0 30px; margin-top:40px;}
.ab_c2_box2 ul li {font-size:16px; font-weight: 300; color:#333; margin-bottom:15px; padding-left:18px; 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:10px;}



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

}

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

}

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

}

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

}
