/*Content CSS*/
.certificate {width: 1280px; margin: 0 auto;}
.cer_box_wrap h2 {margin: 0 0 0 0; font-size: 30px; border-left: 4px solid #214be6; padding-left: 10px; font-weight: 400; margin-bottom: 50px; text-align: left;}
.cer_box { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 50px; border-bottom: 50px; border-bottom: 1px solid #ddd;}
.cer_box:last-child {border-bottom: 0;}
.cer_box li {width: 290px; margin-right: 40px; margin-bottom: 40px; font-size: 0;}
.cer_box li:nth-child(4n) {margin-right: 0;  }
.cer_box li a {text-decoration: none; display: block;}
.cer_box li img {width: 100%;border: 1px solid #ccc; transition: all 0.3s; margin-bottom: 15px;}
.cer_box li p {text-align: left;font-size: 16px; color:#333; word-break : keep-all; font-weight: 400; display: inline-block; position: relative; padding-left: 20px;}
.cer_box li p::before {width: 8px; height: 8px; border-radius: 50%; background: #ccc; transition: all 0.3s;  position: absolute; top: 9px; left: 0;; display: block; content: "";}
.cer_box li a:hover img {border: 1px solid #0068d3;}
.cer_box li a:hover p::before {background: #0068d3;}

.cer_box.kr li {width: calc(100%/2 - 20px);}
.cer_box.kr li:nth-child(2n) {margin-right: 0;}



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

}

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

}

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

}

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

}