.gall_slide_btn {
    width:100%;
}
.gall_slide_btn ul{
    display: flex;
    gap:5px;
}
.gall_slide_btn ul li.swiper-slide {
    width: auto;
    font-size: 14px;
    background: #f5f5f5;
    color: #494949;
    border-radius: 4px;
    padding: 10px 16px;
    font-weight: 500;
}
.gall_slide_btn ul li.swiper-slide.active{
    background: #ec463d;
    color: #fff;
}

.gall_top{
    display: flex;
    justify-content: space-between;
    margin-top:10px;
    align-items: flex-end;
}
.gall_top p{
    font-size:14px;
    color:#222;
}
.gall_top ul{
    display:flex;
    gap:10px;
}
.gall_top ul li{
    border:1px solid #ddd;
    border-radius: 4px;
    padding:4px;
    box-sizing: border-box;
    font-size:14px;
    color:var(--gray44);
    padding-left:25px;
}
.gall_top ul li.filter{
    background:url(../images/ico-filter.svg) 5px center no-repeat;
    background-size:15px;
}
.gall_top ul li.upload{
    padding-left:0;
}
.gall_top ul li.upload input[type="file"]{
    display:none;
}
.gall_top ul li.upload input[type="file"] + label{
    background:url(../images/ico_camera.svg) 5px center no-repeat;
    background-size:18px;
    padding-left:25px;
}

.pop span.close{
    width:30px;
    height:30px;
    background:url(../images/ico-close-white.svg) center no-repeat;
    background-size:20px;
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    top:-40px;
}
.gall_filter ul li.active{
    color:#ec463d;
}
.gall_box {
    margin-top:10px;
}
.gall_box ul{
    display: flex;
    gap:1px;
    flex-wrap: wrap;
}
.gall_box li{
    width:calc(33% - .5px);
    position:relative;
}
.gall_box li div{
    width:100%;
    height:0;
    padding-bottom:100%;
    position:relative;
}
.gall_box li div img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    left:0;
    top:0;
    border-radius:.5rem;
}
.gall_box li p{
    background:rgba(0,0,0,.5);
    color:#fff;
    font-size:11px;
    padding:4px;
    border-radius: 4px;
    position:absolute;
    left:5px;
    bottom:5px;
}
.gall_imgPop{
    width:100%;
    height:100%;
    background:#222;
}
.gall_imgPop span.close{
    width:20px;
    height:20px;
    background:url(../images/ico-close-white.svg) center no-repeat;
    background-size:20px;
    position:absolute;
    right:20px;
    top:24px;
    z-index: 10000;
    display: block;
}
.gall_imgPop.swiper{
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index: 1001;
}
.gall_imgPop img{
    width:100%;
    max-width:700px;
    height:100%;
    max-height:600px;
    margin:auto;
    object-fit: contain;
}
.gall_imgPop .swiper-slide{
    /* height:calc(100vh - 60px); */
    display: flex;
    align-items: center;
    padding: 0 10px;;
}
.gall_imgPop .swiper-slide p{
    font-size:14px;
    color:#fff;
    position:absolute;
    bottom:10px;
    right:10px;
}
.gall_imgPop .swiper-pagination-fraction{
    color:#fff;
}


.gall_imgPop .swiper-button-prev,
.gall_imgPop .swiper-button-next {
  width: 60px;
  height: 60px;
  margin-top: -20px;
  opacity: .5;
}
.gall_imgPop .swiper-button-disabled {
  display: none !important;
}
.gall_imgPop .swiper-button-prev {
  left: -15px;
  background: url("../images/swipe-left.svg") no-repeat 50% 50% / 100%;
}
.gall_imgPop .swiper-button-next {
  right: -15px;
  background: url("../images/swipe-right.svg") no-repeat 50% 50% / 100%;
}
.gall_imgPop .swiper-button-next:after,
.gall_imgPop .swiper-rtl .swiper-button-prev:after,
.gall_imgPop .swiper-button-prev:after,
.gall_imgPop .swiper-rtl .swiper-button-next:after {
  content: "" !important;
}