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

#c3_wrap .fs_55{font-size: 28px; 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: 30px; height: 3px; background-color: #42ade0; margin: 0 auto 14px;}
#c3_wrap .fs_18{font-size: 14px; line-height: 1.7; letter-spacing: -.36px; color: #333;}
#c3_wrap .fs_15{font-size: 13px; line-height: 1.7; letter-spacing: -.3px; color: #555;}
#c3_wrap .arrow{position: relative; padding-left: 14px; margin-top: 5px;}
#c3_wrap .arrow::before{content: ''; display: block; width: 7px; height: 11px; background: url('../img/sm_arrow.png') 50% / cover no-repeat; position: absolute; top: 5px; left: 0;}
#c3_wrap .text{text-align: center;}
#c3_wrap .text p{margin-top: 15px;}
#c3_wrap .text br{display: none;}

#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; flex-wrap: wrap; margin-top: 30px;}
.cer_list li{width: calc(50% - 5px); margin-right: 10px;}
.cer_list li:nth-child(2n){margin-right: 0;}
.cer_list li:nth-child(n+3){ margin-top: 10px;}
.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 1px #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;}