@charset "utf-8";

.lt_service{padding:50px 0;padding: 0;}
.lt_service h2{text-align:center;font-size:2.5em;margin-bottom:40px}
.lt_service h2 a{padding:10px 0;}
.lt_service ul{max-width:1200px;padding: 0; display: flex; flex-wrap: wrap; margin: 0 auto;}
.lt_service li{width:25%;cursor: pointer; box-sizing: border-box; border: 1px solid #ddd; width: 23.5%; margin-right: 2%;}
.lt_service li:nth-child(4n){margin-right: 0;}
.lt_service li:nth-child(-n+4){margin-bottom: 2%;}
.lt_service li:hover{border-color: #048c40;}
.lt_service li .lt_img{display:block;width:100%}
.lt_service li .lt_img img{vertical-align:top;width:100%;height:auto}
.lt_service li .lt_tit{font-size:1.2em;font-weight:bold;margin:10px 0;display:block;line-height:1.5em;color:#fff}
.lt_service li .lt_detail{font-size:1.077em;color:#ddd;line-height:1.5em}

.lt_service .empty_li  {width:100%;padding:100px 0;text-align:center;color:#aaa}    

.lt_service .card{background: white;position: relative;height:100%;display: flex;align-items: flex-end;transition: 0.4s ease-out;}

 @media (max-width: 969px){
    .lt_service{}
    .lt_service h2{font-size:24px;margin-bottom:20px}
    .lt_service ul{justify-content: space-between;}
    .lt_service li{width:48%; margin-right: 0; margin-bottom: 2%;}
    .lt_service li .lt_tit {margin: 0;}
    .lt_service .card:before{opacity:1}
    .lt_service .card .info{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);padding:9%}
 }