/*Content CSS*/
#c3_wrap{position: relative; padding: 95px 0 110px; background-color: #f7f7f7;}
#c3_wrap .c_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 1;}

#c3_wrap .fs_55{font-size: 55px; font-weight: 800; letter-spacing: -1.1px; color: #000; line-height: 1;}
#c3_wrap .tit{position: relative; padding-left: 28px;}
#c3_wrap .tit::before{content: ''; display: block; width: 5px; height: 50px; background-color: #42ade0; position: absolute; top: 2px; left: 0;}
#c3_wrap .fs_18{font-size: 18px; line-height: 33px; letter-spacing: -.36px; color: #333;}
#c3_wrap .fs_15{font-size: 15px; line-height: 33px; letter-spacing: -.3px; color: #555;}
#c3_wrap .arrow{position: relative; padding-left: 14px; margin-top: 14px;}
#c3_wrap .arrow::before{content: ''; display: block; width: 8px; height: 12px; background: url('../img/sm_arrow.png') 50% / cover no-repeat; position: absolute; top: 9px; left: 0;}
#c3_wrap .text{display: flex; }
#c3_wrap .text p{margin-left: 105px;}

#c3_wrap .more_btn{display: flex; align-items: center; justify-content: space-between; width: 180px; height: 45px; background-color: #43aee2; transition: .3s; padding: 0 20px;}
#c3_wrap .more_btn:hover{background-color: #000;}

.cer_list{display: flex; margin-top: 48px;}
.cer_list li{width: calc(25% - 19.5px); margin-right: 26px;}
.cer_list li:last-child{margin-right: 0;}
.cer_list li .img{border: solid 1px #ddd; position: relative; transition: .3s;}
.cer_list li .img::before{content: ''; display: block; width: 100%; height: 100%; border: solid 2px #42ade0; position: absolute; top: 0; left: 0; opacity: 0; transition: .3s;}
.cer_list li:hover .img{border-color: #42ade0;}
.cer_list li:hover .img::before{opacity: 1;}