#product-PortableGasDetectors {
}
#product-PortableGasDetectors .latest-multi .product-item {
   transform: translateY(0px) !important;
   break-inside: avoid;
   padding: 0px;
   border-radius: 10px;
   margin-bottom: 24px;
   background: #fff;
   border: 0;
   overflow: hidden;
   transition:
      transform 0.25s ease,
      box-shadow 0.25s ease,
      border-color 0.25s ease;
   position: relative;
}
#product-PortableGasDetectors .latest-multi .bo_subject {
   font-size: 14px;
   color: #fff;
   margin-bottom: 0px;
   padding: 12px 4px;
   font-weight: 600 !important;
   background: #97600e;
}
#product-PortableGasDetectors .latest-multi .subject {
   background-color: #e2cfae;
   margin-bottom: 0;
   padding: 15px 10px;
   display: block;
}
#product-PortableGasDetectors .latest-multi .subject span {
   box-sizing: border-box;
   margin: 0px 0px 0px;
   line-height: 1.45;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   height: calc(1.45em * 2);
}
#product-PortableGasDetectors .latest-multi .product-item-img {
   border-radius: 0px;
   overflow: hidden;
   position: relative;
}
#product-PortableGasDetectors .latest-multi .product-item-img img {
   transition: transform 1s ease;
}

/* lt_img 에 갈색 before 설정 */
#product-PortableGasDetectors .product-item .product-item-img .lt_img {
   position: relative;
}
#product-PortableGasDetectors .product-item .product-item-img .lt_img:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(119, 74, 7, 0.7);
   transition: all 0.3s ease;
   z-index: 1;
   opacity: 0;
}
#product-PortableGasDetectors
   .product-item:hover
   .product-item-img
   .lt_img:before {
   opacity: 1;
}

/* border line 애니메이션 */
#product-PortableGasDetectors .product-item .product-item-img::before {
   content: "";
   position: absolute;
   top: 15px;
   left: 15px;
   bottom: 15px;
   right: 15px;
   z-index: 2;
   transition: all 0.3s ease;
   border-top: 1px solid rgba(255, 255, 255, 0.5);
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   transform: scale(0, 1); /* 가로방향 0배(안보임), 세로방향 1배 */
}
#product-PortableGasDetectors .product-item:hover .product-item-img::before {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
}
#product-PortableGasDetectors .product-item .product-item-img::after {
   content: "";
   top: 15px;
   left: 15px;
   bottom: 15px;
   right: 15px;
   border-left: 1px solid rgba(255, 255, 255, 0.5);
   border-right: 1px solid rgba(255, 255, 255, 0.5);
   position: absolute;
   z-index: 2;
   transform: scale(1, 0);
   transition: all 0.3s ease;
}
#product-PortableGasDetectors .product-item:hover .product-item-img::after {
   transform: scale(1);
}
/* ------------------------------ */
#product-PortableGasDetectors .latest-multi .product-item-info {
   padding-top: 0px;
   position: relative;
}
#product-PortableGasDetectors .latest-multi .product-item-info .wr_1 {
   display: none;
}
#product-PortableGasDetectors .latest-multi .wr_1 {
   position: absolute;
   top: 100%;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   padding: 30px;
   line-height: 1.5em;
   word-break: keep-all;
   color: #fff;
   transition: all 0.3s ease;
   opacity: 0;
   z-index: 2;
}

#product-PortableGasDetectors .product-item:hover .wr_1 {
   top: 0px;
   opacity: 1;
}

#product-PortableGasDetectors .latest-multi .wr_1 span {
   box-sizing: border-box;
   line-height: 1.45;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6;
   overflow: hidden;
   height: calc(1.45em * 6);
}

@media (max-width: 1200px) {
   #product-PortableGasDetectors .latest-multi .wr_1 {
      font-size: 14px !important;
      word-break: break-all;
      padding: 10px;
   }
   #product-PortableGasDetectors .latest-multi .subject {
      font-size: 14px !important;
      word-break: break-all;
      padding: 10px;
   }
}

@media (max-width: 576px) {
   #product-PortableGasDetectors .latest-multi .product-item-img::after {
      top: 5px;
      left: 5px;
      bottom: 5px;
      right: 5px;
   }
}