/* 공통 */
.sub_con {width:1280px; margin:0 auto;}
.sub_title1 {font-size:35px; font-weight: 400; color:#010101; font-family: 'GmarketSansMedium';}
.sub_title1::after {content: ''; display: block; width:200px; height:2px; background: #1d2088; margin:20px auto 0;}
.sub_title2 {font-size:30px; font-weight: 400; color:#2b2b2b; font-family: 'GmarketSansMedium';}
.sub_title2::after {content: ''; display: block; width:50px; height:2px; background: #1d2088; margin:20px auto 0;}
.sub_title3 {font-size:20px; font-weight: 500; color:#6c6c6c; letter-spacing: 1px; font-family: 'Montserrat'; }
.sub_title3::after{content: ''; display: block; width:1px; height:50px; background: #1d2088; margin:20px auto 0; }
.apos_head {font-family: 'GmarketSansMedium'; font-weight: 400; position: relative; display: inline-block;}
.apos_head > img {position: absolute; top:-40px;}
.apos_head > img.apos1 {left:-100px;}
.apos_head > img.apos2 {right:-100px;}

/*Content CSS*/
#certification {padding:135px 0; text-align: center; background: url('../img/dot_pat.png') 50% 50% repeat;}
#certification .sub_con  {background: #fff; padding:80px 50px; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.16); margin-top:60px;}
#certification ul {display: flex; text-align: center; flex-wrap:wrap; margin-top:0; }
#certification ul li {width:252px; margin-right:50px;  }
#certification ul li:nth-child(4n) {margin-right:0;}
#certification ul li:nth-child(n+5) {margin-top:50px; }
/* #certification ul li:nth-child(n+5) {margin-bottom:0;} */
#certification ul li a {display: block; width:100%; height:auto; position: relative;}
#certification ul li a > img {width:100%;border:1px solid #eee;}
/* #certification ul li.no_br a > img {border:0;} */
.hv_plus {position: absolute; width:100%; height:100%; left:0; top:0; background: rgba(29,32,136,.7); transition: all .2s ease; opacity: 0; line-height: 335px;}
#certification ul li a:hover .hv_plus {opacity: 1;}

#certification ul li > p {font-size:16px; font-weight: 400; color:#333; font-family: 'GmarketSansMedium'; text-align: left; position: relative; padding-left:18px; margin-top:15px;
line-height: 25px;}
#certification ul li > p::before {content: ''; display: block; width:6px; height:6px; background: #ddd; left:0; top:7px; position: absolute; transition: all .3s ease;}
#certification ul li:hover p::before{background:#1d2088;}

.cer_wr {padding:  0 0; border-bottom:1px solid #eee;}
.cer_wr:last-child {border-bottom: 0;}
/* .cer_wr.center ul {justify-content: center;} */


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

}

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

}

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

}

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

}