/*공통*/
.sub_con {width: 1280px; margin:0 auto;}
.sub_head1 {font-size:25px; font-weight: 400; color:#343434; position: relative; padding-left:40px; letter-spacing: -.5px; background: url('../img/blet.png?v=2') 0 49% no-repeat;}
/* .sub_head1::before {content: ''; display: block; position: absolute; left:0; top:12px; width:10px; height:27px; background: #00356f; transform: skew(-20deg);} */
.sub_blet_p {font-size:16px; font-weight: 400; color:#707070; line-height: 25px; position: relative; padding-left:14px; margin-bottom:20px; word-break: keep-all;}
.sub_blet_p::before {content: ''; display: block; position: absolute; left:0; top:11px; width:4px; height:4px; background: #a2c323;}
.sub_blet_p span {font-weight: 500; color:#333;}
.sub_blet_p:first-child {margin-top:0;}
.sub_box{border:1px solid #e8e8e8; padding:50px; width:100%;}
.text-center {text-align: center;}
.sub_head2 {font-size: 22px; font-weight: 400; color:#4b4b4b; position: relative; display: flex; align-items: flex-start;}
.sub_head2 span  {display: block; color:#fff ; font-weight: 400; font-size:18px; position: relative; z-index: 1; margin-right:15px; top:5px;}
.sub_head2 span::before {content: ''; display: block; position: absolute; left:-5px; top:2px; width:20px; height:24px; background: #00356f; transform: skew(-15deg); z-index: -1;}
.img_box {width:100%; position: relative ; padding:50px 40px; border:1px solid #e8e8e8; text-align: center;}
.img_box.flex {display: flex; }
.img_box.flex p {font-size:20px; font-weight: 400; color:#343434;margin-top:30px;}
.img_table {border-collapse: collapse; margin-top:20px; text-align: center; width:100%;}
.img_table td {padding:20px; background: #fff; border:1px solid #e8e8e8; font-weight: 300; }
.img_table th {padding:16px; background: #333; color:#fff; border:1px solid rgba(255,255,255, .2); font-size:18px; font-weight: 400;}
.flex_txt_box {display: flex; flex-wrap:wrap;}
.flex_txt_box p {width:50%;}



/*Content CSS*/
/* sec1 */
.busin4_sec1 > div {display: flex; align-items: center; justify-content:center; border:1px solid #e8e8e8;margin-top:50px; border-top:2px solid #00356f; position: relative; }
.busin4_sec1 > div > div {width:50%; padding:0 40px;}
.busin4_sec1 .img_box.flex {justify-content: center; text-align: center; padding:0; border:0; border-left:1px solid #e8e8e8; padding:40px 0}
.busin4_sec1 h3 {    position: absolute; width: 440px; height: 40px; line-height: 40px; color: #fff; top: -20px; left: 30px; font-size: 20px; font-weight: 400; background: #00356f; text-align: center; z-index: 3;}

.busin4_sec1 > div h2 {margin-bottom:30px;}

/* busin4_sec2 */
.busin4_sec2 {margin-top:90px;}

/*busin4_sec3  */
.busin4_sec3 {margin-top:70px; }
.busin4_sec3 .sub_head2  {margin-top:30px;}
.busin4_sec3 ul {    display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.busin4_sec3 ul li {width: 400px; position: relative; margin-bottom: 40px; position: relative; overflow: hidden;}
.busin4_sec3 ul li:nth-child(n+4) {margin-bottom:0;}
.busin4_sec3 ul li h2 {font-size: 16px; font-weight: 400; background: #222; color: rgba(255,255,255,.8); padding: 8px;  padding-left: 25px; width: 100%; transition: all .3s ease; font-weight: 300; letter-spacing: -.5px; transition: all .3s ease;}
.busin4_sec3 ul li h2 span {display: inline-block;    color: #fff; font-weight: 500; margin-right: 10px;}
.busin4_sec3 ul li {border:1px solid #e8e8e8;}
.busin4_sec3 ul li:hover h2 {background: #a2c323;}
/* .busin4_sec3 table {width:100%; border-collapse: collapse; text-align: center; margin-top:30px;}
.busin4_sec3 table th {background: #f8f8f8; padding:18px; color:#fff; font-weight: 500;  color: #333; border:1px solid #e8e8e8; font-size:16px; font-weight: 300; text-align: left; padding-left:25px;}
.busin4_sec3 table td {border:1px solid #e8e8e8; padding:10px}
.busin4_sec3 table th span {background: #00356f; color:#fff; border-radius: 3px; display: inline-block; font-size:13px;padding:5px 8px; font-weight: 500; margin-right:10px;} */

.busin4_sec3 ul.second li {width:305px; margin-bottom:20px;}
.busin4_sec3 ul.second li img {width:100%;}
.busin4_sec3 ul.second li:nth-child(n+5) {margin-bottom: 0;}

/* busin4_sec4 */
.busin4_sec4 {margin-top:90px;}
.busin4_sec4_box_wr {display: flex; align-items: flex-start; justify-content: space-between; margin-top:30px;}
.busin4_sec4_box2 {display: flex; flex-direction: column; width:600px;}
.busin4_sec4_box2 .sub_blet_p {font-size:18px ; color:#333;}
.busin4_sec4 table {border-collapse: collapse; width:100%; text-align: center;  margin-top:30px; border-top:3px solid #1f9ddb;}
.busin4_sec4 table.active {display: block;}
.busin4_sec4 table thead th {background: #333; padding:15px; color:#fff; border:1px solid rgba(255,255,255,.2); font-weight: 500; font-size:18px;}
.busin4_sec4 table tbody th {background: #fbfeff; border:1px solid #dfeef6; padding:8px; font-size:15px; font-weight: 400; color:#333; letter-spacing: -.5px;}
.busin4_sec4 table tbody td {border:1px solid #dfeef6; color:#707070; font-size:15px; font-weight: 300; padding:10px; text-align: left; padding-left:30px;}

/* sec5 */
.busin4_sec5 {margin-top:90px;  margin-bottom:150px;}
.busin4_sec5 ul {display: flex ; text-align: center; margin-top:40px; }
.busin4_sec5 ul li {display: flex; flex-direction: column; align-items: center;width:256px; padding:30px 30px; border-right:0;}
.busin4_sec5 ul li:nth-child(even) {background: #fbfeff;}
/* .busin4_sec5 ul li:last-child {border-right:1px solid #e8e8e8;} */
.busin4_sec5 ul li > div {border-radius: 50%; border:4px solid #eee; width:165px; height:165px; line-height: 162px; background: #fff; transition: all .3s ease;}
.busin4_sec5 ul li h2 {font-size:18px; font-weight: 400; color:#333;  margin:15px 0 20px 0 ;}
.busin4_sec5 ul li p {margin-bottom:10px; text-align: left; font-weight: 300; letter-spacing: -1px; word-break: keep-all; font-size:14px; width:100%;}

.busin4_sec5 ul li:hover > div {border:4px solid #a2c323;}







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

}

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

}