/* BASIC css start */
.bcate { padding: 80px 0 30px; font-size: 30px; text-align: center; font-weight: bold; }
.titleImg { margin-top: 20px; }
.titleImg img { border-radius: 10px; }
.loc-navi{ margin: 20px 0; text-align:right;}
.loc-navi dd{ color: #6b7684; font-size: 12px; }
.loc-navi dd a{color: #6b7684; font-size: 12px; }
.service-wrap { width:1240px; box-sizing: border-box;  *zoom:1 }
.service-wrap .service-box { display:grid; grid-template-columns: repeat(3, 1fr); gap:15px 20px; }
.service-wrap .service-box .con { display:flex; flex-direction:column;border-radius: 10px; overflow: hidden; }
.service-wrap .service-box .con .img {  
    width: 100%;  
    aspect-ratio: 16 / 9; 
    overflow: hidden;  
    background: #f9fafb; 
    border-radius: 10px; 
}
.service-wrap .service-box .con .img img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
}
.service-wrap .service-box .con .img img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
}
.service-wrap .service-box .con .txt {  padding: 15px 10px 20px; border-radius:10px 10px 10px 10px; display: flex; flex-direction: column; }
.service-wrap .service-box .con .txt p { line-height:150%; font-size:16px; }
.service-wrap .service-box .con .txt p.strong { font-size:20px; font-weight:600; }

.service-list { border-top:1px solid #e5e8eb; border-bottom:1px solid #e5e8eb; padding:10px 0; text-align:center; margin-bottom:30px; }
.service-list ul { *zoom:1 }
.service-list ul:after { }
.service-list ul li { display:inline-block; margin:0 30px; }
.service-list ul li span { display:block; color: #6b7684; font-size: 16px; padding:9px 0; font-weight:500; cursor:pointer; }
.service-list ul li.active span { color:#1c1c1c; }
.tab-content-service .content { display: none; }
.tab-content-service .content.active { display: block; }

.paging { margin-top:80px; }
/* BASIC css end */