/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }

/*Content CSS*/
#business3 {padding:0 0 120px; text-align: center;}
.cer_list {display: flex; flex-wrap:wrap;}
.cer_list li {margin-right: 50px; width: 220px; margin-bottom: 60px;}
.cer_list li:nth-child(5n) {margin-right: 0;}
.cer_list li:nth-last-child(-n+5) {margin-bottom: 0;}
.cer_list li a {display: block; position: relative; border:1px solid #f0f0f0;}
.cer_list li a > img {width: 100%; }
.cer_list li a .hv_plus {  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(31,77,229,.8); transition: all .2s ease; opacity: 0; display: flex;
justify-content: center; align-items: center;}
.cer_list li a:hover .hv_plus {opacity: 1;}
.cer_list li p {margin-top:20px; font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; display: flex; align-items: flex-start; text-align: left; line-height: 22px; word-break: keep-all;}
.cer_list li p::before {content: ''; display: block; width: 5px; height: 5px; min-width: 5px; min-height: 5px; background: #1f4de5;  margin-right: 8px; position: relative; top:8px;
transform: rotate(45deg);}







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



}

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



}