@charset "utf-8";
.lt_service_wrap{width: 100%; background-image: url(products_bg.svg); background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden;}
.lt_service{padding:130px 20px;max-width:1300px;margin:0 auto; }
.lt_service .category{position: relative; font-size: 18px;  color: #6C6C6C; display: inline-block; z-index: 10; line-height: 29px; letter-spacing: -.28px;}
.lt_service .category::after{position: absolute; display: block; content:""; top: 50%; left: 50%; transform: translatex(-50%); width: 110% ;height: 57%; background-color:rgba(87,154,205,.2); z-index: -1;}
.lt_service .title{   font-weight: 500; margin-top: 60px; margin-bottom: 96px; font-size: 46px; color: #404040; line-height: 66px; letter-spacing: -1px;}
.lt_service ul {margin: 0 -15px;}
.lt_service ul:after {display:block;visibility:hidden;clear:both;content:""}
.lt_service li{float:left;width:33.333%;position:relative;text-align:center;padding:0 15px;transform:translateY(0px);}
.lt_service li a{display: block; box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 9%); border-radius: 14px; overflow: hidden; background-color: #fff; height: 391px; transition: all .3s;}
.lt_service li a:hover
{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(-5px);transform:translateY(-5px);-ms-transform:translateY(-5px);box-shadow:4px 12px 20px 6px rgba(0,0,0,.18)}
/* -webkit-transition:all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in */

/* .lt_service li:hover{transform:translateY(-20px);} */
.lt_service li .lt_txt_wr { padding: 0 19px; color: #404040;}
.lt_service li .lt_img{width: 100%; position: relative; overflow: hidden; border-radius:15px; padding-top: 56.25%;}
.lt_service li .lt_img img{position: absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%,-50%); vertical-align:top;}
.lt_service li .lt_tit{display:block;margin:25px 0 10px;font-size:30px; line-height: 40px; font-family: 'GongGothicLight'; font-weight: 600;}
.lt_service li .lt_detail{line-height:29px; font-size: 18px; letter-spacing: -.28px; font-family: 'GongGothicLight';}

@media (max-width: 1300px){
   .lt_service{padding:100px 20px;max-width:952px;}
    .lt_service .title{margin-top: 22px; margin-bottom: 42px; font-size: 36px; line-height: 52px; letter-spacing: -1px;}
    .lt_service li a{ height: 295px;}
    .lt_service li .lt_tit{margin:15px 0 5px; font-size: 22px;}
    .lt_service li .lt_detail{font-size: 16px;}
 }

@media (max-width: 960px){
    .lt_service{padding:70px 20px;max-width:630px;}
    .lt_service .title{margin-top: 10px; margin-bottom: 52px; font-size: 30px; line-height: 40px;}
    .lt_service li{width:100%;}
    .lt_service li:not(:last-child){margin-bottom: 36px;}
    .lt_service li a{ height: auto;display: flex;}
    .lt_service li .lt_img{width:50%; padding-top: 28.125%;}
    .lt_service li .lt_txt_wr{width:50%;}
    .lt_service li .lt_tit{ font-size: 18px; line-height: 28px;}
    .lt_service li .lt_detail{font-size: 14px; line-height: 19px;}
 }
 @media (max-width: 630px){

   .lt_service{padding:50px 20px;max-width:364px;}
   .lt_service .title{font-size: 26px; line-height: 36px; letter-spacing: -1.5px;}
   .lt_service li{width:100%;}
   .lt_service li:not(:last-child){margin-bottom: 36px;}
   .lt_service li a{ height: 295px;display: block;}
   .lt_service li .lt_img{width:100%; padding-top: 56.25%;}
   .lt_service li .lt_txt_wr{width:100%;}

 }