@charset "utf-8";
html{
  scroll-behavior: smooth;
}
.sub_top_banner_wrap.on .sub_top_banner{
    z-index: 99999;
    top: 2.5rem;
position: fixed;
}
.gallery_contents{
  display: flex;
  justify-content: space-between;
  width: var(--default-width);
    margin: 0 auto;
    color: var(--text-color);
}
.gallery_contents > ul{
    padding-top: 80px;
}
.gallery_contents > ul > li{
    float: left;
    margin-right: 42px;
    width: 328px;
    
    overflow: hidden;
    /* box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, .1); */
    margin-bottom: 70px;
}
.gallery_contents > ul > li:nth-child(4n){
    margin-right: 0;
}
.gallery_contents > ul > li > a > .img{
    height: 240px;
    width: 100%;
    overflow: hidden;
    border-radius: 40px;
}
.gallery_contents > ul > li > a > .img img{
    transition: transform 0.3s;
    width: 100%;
}

.gallery_contents > ul > li > a:hover > .img img{
    transform: scale(1.1);
}
.gallery_contents > ul > li > a{
    color: var(--text-color);
}
.gallery_contents > ul > li > a > .con{
    padding-top: 10px;
}
.gallery_contents > ul > li > a > .con >h6{
    font-size: 18px;
}
.gallery_contents > ul > li > a > .con > p{
    font-size: 16px;
}