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

/* font size */
.fs_60 {font-size: 35px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px;}
.fs_32 {font-size: 24px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.64px;}
.fs_18 {font-size: 15px; font-weight: 400; color:#333; line-height: 1.7; letter-spacing: -.36px;}

/*Content CSS*/
#sec1 .sub_tit {margin-bottom:30px; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.cer_list {display: flex; flex-wrap:wrap; text-align: left;  }
.cer_list > li {width: calc(50% - 5px); margin-right: 10px; }
.cer_list > li:nth-child(2n) {margin-right: 0;}
.cer_list > li:nth-child(n+3) {margin-top: 20px; }
.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:10px; position: relative; padding-left: 10px; line-height: 1.4;}
.cer_list > li p::before {content: ''; display: block; width: 5px; height: 5px; background-color: #0056c1; position: absolute; left: 0; top:8px;}







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


}