/* common */
.subpage { overflow: hidden; position:relative; text-align: center;}
.subpage > section {padding: 90px 0; position: relative; }
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.subpage > section article + article {margin-top: 90px;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_tit {margin-bottom:50px;}

/* font size */
.fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px;}
.fs_32 {font-size: 32px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.64px;}
.fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.83; letter-spacing: -.36px;}

/*Content CSS*/
#sec1 .sub_tit {margin-bottom:55px; border-bottom: 1px solid #ddd; padding-bottom: 55px;}
.cer_list {display: flex; flex-wrap:wrap; text-align: left;  }
.cer_list > li {width: 240px; margin-right: 25px; }
.cer_list > li:nth-child(5n) {margin-right: 0;}
.cer_list > li:nth-child(n+6) {margin-top: 50px; }
.cer_list > li a {display: block; position: relative; border:1px solid #ddd; overflow: hidden; transition: border-color .3s;}
.cer_list > li a::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; border:2px solid transparent; transition: border-color .3s;
z-index: 2;}
.cer_list > li a > img {width: 100%; transition: transform .3s ease; }
.cer_list > li a:hover,
.cer_list > li a:hover::before {border-color: #0056c1; }
.cer_list > li a:hover > img {transform: scale(1.05);}
.cer_list > li p {margin-top:15px; position: relative; padding-left: 12px; line-height: 1.4; }
.cer_list > li p::before {content: ''; display: block; width: 6px; height: 6px; background-color: #0056c1; position: absolute; left: 0; top:9px;}







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


}