/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title {text-align: center;}
.sub_title h2 {font-size:13px; font-weight: 500; color:#076ab6; font-family: 'Montserrat'; text-transform: uppercase;}
.sub_title h1 {font-size:32px; color:#2a2a2a; font-weight: 400; font-family: 'S-CoreDream-4Regular';}
.sub_title h1::after {content: ''; display: block ; width:1px; height:30px; background: #076ab6; margin:10px auto 0;}
.apos_head {display: inline-block; position: relative; }
.apos_head h1 {font-size:25px; font-weight: 400; color:#fff; font-family: 'S-CoreDream-4Regular'; padding:0 50px; word-break: keep-all; line-height: 40px;}
.apos_head > img {position: absolute; top:-8px; width:30px;}
.apos_head .apos1 {left:0;}
.apos_head .apos2 {right:0;}
.g_bg {text-align: center; padding:50px 0; background: url('../img/dot_ptn.png') 50% 50% repeat; }
.w_bg {text-align: center; padding:50px 0; background: #fff;}
.sub_p {font-size:14px; font-weight: 300; color:#4b4b4b; letter-spacing: -.5px; line-height: 25px;}
.sub_title2 {position: relative; border-bottom:1px solid #eee; padding-bottom:20px;}
/* .sub_title2::before {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 1px; background: #eee;}
.sub_title2::after {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 1px; background: #eee;} */
.sub_title2 h2 {font-size:13px; font-weight: 500; color:#076ab6; font-family: 'Montserrat'; margin-bottom:4px;}
.sub_title2 h1 {font-size:22px; font-weight: 400; color:#2a2a2a; font-family: 'S-CoreDream-4Regular';}
/* pro_cer */
.pro_cer ul {display: flex; text-align: center; flex-wrap: wrap; margin-top:40px;}
.pro_cer ul li {width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
.pro_cer ul li:nth-child(even) {margin-right:0;}
.pro_cer ul li a {display: block; width: 100%; height: auto; position: relative; box-shadow: 3px 3px 6px 0 rgba(141, 141, 141, 0.16);}
.pro_cer ul li a > img {width: 100%;}
.pro_cer ul li a .hv_plus {  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(7,106,182,.8); transition: all .2s ease; opacity: 0; display: flex;
justify-content: center; align-items: center; display: none;}
/* .pro_cer ul li a:hover .hv_plus {opacity: 1;} */

/*Content CSS*/
#certification {padding:60px 0 0; text-align: center; position: relative; background: url('../img/dot_ptn.png') 50% 50% repeat;}
#certification .sub_title2::before, #certification .sub_title2::after {width:430px;}
#certification .cer_fir {margin-top:50px; padding-bottom:50px;}
#certification  .pro_cer + .pro_cer {margin-top: 40px;}





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

}

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

}

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

}

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

}