@charset "utf-8";

.topImgBox { width:100%; height:100%; }
  .boxCont ul { display:flex; flex-wrap:wrap;  }
  .boxCont ul li { position:relative; width:calc(33.333% - 20px); margin-right:30px; margin-bottom:30px;  border-radius:30px; background-color:#fff; word-break:normal; box-shadow: 0 10px 20px rgb(153 153 153 / 30%), 0 15px 12px rgb(153 153 153 / 22%); }
  .boxCont ul li a {width:100%; height:100%; }
  .boxCont ul li:nth-child(3n){ margin-right:0px;}
  .boxCont ul li .topimg {width:100%; height:auto; }
  .boxCont ul li .topimg img {width:100%; height:100%;border-radius: 30px 30px 0 0;} 

  .boxCont ul li .mgbttm5 {margin-bottom:5px;}
  .boxCont ul li .cont_wrap {padding:50px 35px 50px; }
  .boxCont ul li .li_cont p.cont { position:relative; padding:10px 0 0 15px; font-weight:300; color:#787878; word-break: keep-all; }
  .boxCont ul li .li_cont p.cont:before {content:""; position:absolute; top:18px; left:0;  width:5px; height:5px; border-radius:5px; background-color:#ee783a; }

  @media screen and (max-width:1024px){
    .topImgBox .li_cont li {width: calc(50% - 20px); }
   
    .boxCont ul li .cont_wrap { padding:40px 30px 40px;}
    .boxCont ul li .li_cont p.cont { padding-top:20px; }
  }

  @media screen and (max-width:960px){
    .boxCont ul li {width:calc(50% - 15px);  }
    .boxCont ul li:nth-child(3n){ margin-right:30px;}
    .boxCont ul li:nth-child(2n){ margin-right:0px;}
  }
  @media screen and (max-width:768px){
    .boxCont ul { flex-wrap:wrap; }
    .boxCont ul li .li_cont p.cont_p { padding:10px 0 0 10px; }
    .boxCont ul li .li_cont p.cont_p:before {top:16px; width:3px; height:3px; border-radius:3px;  }
  }
  @media screen and (max-width:560px){
    .boxCont ul li { width:100%; margin-right:0px; margin-bottom:20px;}
    .boxCont .li_cont li {width:100%;}
  }