/*공통*/
.sub_con {width: 100%; padding:0 15px;}
.sub_head1 {font-size:22px; font-weight: 400; color:#343434; position: relative; padding-left:40px; letter-spacing: -1px; background: url('../img/blet.png?v=2') 0 3px no-repeat;
word-break: keep-all;}
/* .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:15px; font-weight: 300; color:#707070; line-height: 25px; position: relative; padding-left:14px; letter-spacing: -1px; word-break: keep-all;}
.sub_blet_p::before {content: ''; display: block; position: absolute; left:0; top:9px; 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: 18px; 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;}
.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:25px; border:1px solid #e8e8e8; text-align: center;}
.img_box.flex {display: flex; flex-direction: column;}
.img_box.flex p {font-size:15px; font-weight: 400; color:#343434;margin-top:15px; letter-spacing: -1px;}
.img_table {border-collapse: collapse; margin-top:30px; text-align: center; width:100%; }
.img_table td {padding:10px; background: #fff; border:1px solid #dfeef6; font-weight: 300; font-size:14px; letter-spacing: -1px;}
.img_table th {padding:8px; background: #333; color:#fff; border:1px solid rgba(255,255,255, .2); font-size:15px; font-weight: 400; letter-spacing: -1px; word-break: keep-all;
border-top:2px solid #1f9ddb;}
.flex_txt_box {display: flex; flex-wrap:wrap;}
.flex_txt_box p {width:50%;}
.res_img img {max-width:100%;}


/*Content CSS*/
/* sec1 */
.busin4_sec1 > div {display: flex; flex-wrap:wrap; 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:100%; padding:35px 25px 25px;}
.busin4_sec1 .img_box.flex {justify-content: center; text-align: center; padding:0; border:0; border-top:1px solid #e8e8e8; padding:25px}
.busin4_sec1 h3 {  position: absolute; width: 220px; height: 35px; line-height: 35px; color: #fff; top: -20px; left: 20px; font-size: 16px; font-weight: 400; background: #00356f; text-align: center; z-index: 3; letter-spacing: -1px;}

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

/* busin4_sec2 */
.busin4_sec2 {margin-top:50px;}
.busin4_sec2 .sub_blet_p {margin-top:20px;}

/*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: 100%; position: relative; margin-bottom: 15px; position: relative; overflow: hidden;}
.busin4_sec3 ul li img {width:100%; max-width:100%;}
.busin4_sec3 ul li:last-child {margin-bottom:0;}
.busin4_sec3 ul li h2 {font-size: 15px; font-weight: 300; background: #222; color: rgba(255,255,255,.8); padding: 8px;  padding-left: 20px; width: 100%; transition: all .3s ease; font-weight: 300;
    align-items: flex-start; letter-spacing: -1px; transition: all .3s ease;  display:flex; word-break: keep-all;}
.busin4_sec3 ul li h2 span {display: block; color: #fff; font-weight: 500; margin-right: 10px; min-width:50px;}
.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:49%; margin-bottom:10px;}
.busin4_sec3 ul.second li h2 { flex-direction: column; padding-left:15px; font-size:13px; }
.busin4_sec3 ul.second li img {width:100%;}

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

/* sec5 */
.busin4_sec5 {margin-top:50px;  margin-bottom:80px;}
.busin4_sec5 ul {display: flex ; text-align: center; margin-top:40px;  flex-wrap:wrap;}
.busin4_sec5 ul li {display: flex; flex-direction: column; align-items: center;width:100%; padding:30px 25px; border-right:0; border-bottom:1px solid #e8e8e8;}
.busin4_sec5 ul li:nth-child(even) {background: #fbfeff;}
.busin4_sec5 ul li:last-child {border-bottom:0;}
.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){

}