.home-work-sangni{width:100%;padding:80px 0;background-image:url(./pics/bg03.webp);background-attachment:fixed}
.home-work-sangni .tit{color:#fff;}
.home-work-sangni .tit h3{font-size:60px;font-weight:700;line-height:1;}
.home-work-sangni .tit p{margin-top:25px;font-size:18px;line-height:30px;}
.home-work-sangni ul{margin-top:40px;display: flex;flex-wrap: wrap;}
.home-work-sangni ul li{width:20%;margin-top:20px;padding:0 40px;border-left:1px solid rgba(255, 255, 255, .5);text-align:center;line-height:121px}
.home-work-sangni ul li img{vertical-align: middle;max-width:100%;transition: .3s all}


.home-work-sangni ul li:hover img{transform:translate(0, -5px);}



@media screen and (max-width:1580px) {
	
.home-work-sangni{padding:50px 0 30px 0;}

  .margin-top-sangni {
    margin-top: 80px;
  }

  .home-work-sangni ul {
    margin-top: 20px
  }

  .home-work-sangni li {
    line-height: 90px
  }

  .home-work-sangni .container {
    width: 78%
  }

  .home-work-sangni .title p {
    font-size: 17px;
    margin-top: 20px;
  }
}

@media screen and (max-width:1280px) {
  .home-work-sangni li {
    padding: 0 20px
  }
}

@media screen and (max-width:960px) {
  .home-work-sangni ul li {
    width: 33%;
    border: 0;
    padding: 0 10px !important;
    line-height: 100px;
    margin-top: 0 !important;
  }

  .padding-sangni {
    padding: 50px 0;
  }

  .margin-top-sangni {
    margin-top: 50px;
  }

  .home-work-sangni .container {
    width: 88%
  }

  .home-work-sangni .title {
    width: 100%
  }

  .home-work-sangni .title p {
    font-size: 16px
  }

  .home-work-sangni .title h1,
  .home-work-sangni .title h1 a {
    font-size: 28px
  }

  .home-work-sangni .lg-05 li {
    width: 100%;
  }
}

@media screen and (max-width:639px){
  .home-work-sangni .tit h3{
    font-size: 24px;
  }
}