/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.wh_bg {padding:100px 0; background-color: #fff; }
.dot_bg {padding:100px 0; background: url('../img/dot_bg.jpg') 50% 50% repeat; }

/* s_title  */
.s_title {text-align: center; }
.s_title h2 {font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color:#0068b7; margin-bottom: 15px; font-weight: bold; letter-spacing: 1.4px ; text-transform: uppercase; font-weight: 400;}
.s_title h1 {font-family: 'paybooc-ExtraBold',sans-serif; font-size: 57px; color:#000; font-weight: 400;}
.s_title h3 {font-family: 'paybooc-Light',sans-serif; font-size: 24px; color:#000; margin-top: 30px; font-weight: 400;}
.s_title p {font-family: 'paybooc-Light',sans-serif; font-size: 18px; color:#888; margin-top: 30px; line-height: 34px; word-break: keep-all; font-weight: 400;}
.s_title.wh h2 {color:rgba(255, 255, 255, 0.5);}
.s_title.wh h1 {color:#fff; }
/* s_list */
.s_list li {font-size:18px; font-weight: 400; color:#666; line-height: 45px; text-align: left; font-family: 'paybooc-Medium'; position: relative; padding-left:18px; }
.s_list li::before {content: ''; display: block; width: 5px; height: 5px; background-color: #0068b7; position: absolute; left:0; top:18px; }


/*Content CSS*/
#certification {padding:0 0 120px; text-align: center; }
.cer_list {display: flex; flex-wrap:wrap;margin:60px 0 0; text-align: left; justify-content: flex-start; }
.cer_list li {width: 280px; margin-right: 60px; margin-bottom: 50px; }
.cer_list li:nth-child(4n) {margin-right: 0;}
.cer_list li:last-child {margin-right: 0; }
.cer_list li:nth-last-child(-n+4) {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(0,104,183,.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:15px; font-weight: 400; color:#333; display: flex; align-items: flex-start; font-family: 'paybooc-Medium';}
.cer_list li p::before {content: ''; display: block; width: 12px; height: 12px; background: #fff; border:3px solid #0068b7; border-radius: 50%; margin-right: 10px;
position: relative; top:3px;}
















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

}

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

}

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

}

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

}