/*공통*/
.sub_con_wrap {width:100%; }
.sub_con_gray {width:100%; background: #f7f7f7;}
.sub_con {width: 100%; margin: 0 auto; padding: 50px 15px;}

/*Content CSS*/
.cer_box ul {display: flex; flex-direction: row;  flex-wrap: wrap;}
.cer_box ul li {width:49%; text-align: center; margin-right: 2%; margin-bottom: 30px;}
.cer_box ul li:nth-child(2n) {margin-right: 0;}
.cer_box ul li a {display: block;}
.cer_img {width: 100%; border: 1px solid #efefef; margin-bottom: 15px; transition: all 0.3s;}
.cer_box ul li img {width:100%; }
.cer_line {width: 30px; height: 2px; background: #cc0111; display: inline-block; margin-bottom: 5px;}
.cer_box ul li p {font-size: 14px; font-weight: 400; color:#666; word-break: keep-all;}
.cer_box ul li a:hover .cer_img {border: 1px solid #cc0111}

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

}

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

}

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

}

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

}