.productList{--rwdPadding30: clamp(30px, .2206rem + 2.9412vw, 60px);counter-reset:number;padding:var(--rwdPadding30) 0}.productList .productItem{counter-increment:number;position:relative;padding:var(--rwdPadding30) 0;transition:.4s color}@media only screen and (min-width: 1201px){.productList .productItem:hover:not(:first-child):after{opacity:0}.productList .productItem:hover .productImg{pointer-events:auto;opacity:1}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.productList .productItem:hover .productImg{transform:translateZ(0) scale(1)}}@media only screen and (min-width: 1201px){.productList .productItem:hover .productDetail:before{color:#50b6fa}.productList .productItem:hover .productDetail .text .itemTitle{color:#50b6fa}.productList .productItem:hover .productDetail .common_btn .btn:after{opacity:1}.productList .productItem:hover .productDetail .common_btn .dot:before{background:currentColor}.productList .productItem:hover .productDetail .common_btn .dot:after{width:20px;transition-delay:.4s}}.productList .productItem:not(:first-child):after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:#bdbdbd;transform:translate3d(0,-50%,0);z-index:-2;transition:.4s opacity}.productList .productItem .productImg{width:clamp(350px,20.8333vw,400px);transition:.4s opacity,.4s transform}@media only screen and (min-width: 1201px){.productList .productItem .productImg{position:absolute;bottom:40px;right:24.4791666667vw;transform:translateZ(0) scale(.8);z-index:3;pointer-events:none;opacity:0}}@media only screen and (min-width: 1201px){.productList .productItem .productImg .pic{position:relative;width:100%;overflow:hidden}.productList .productItem .productImg .pic:before{content:"";display:block;width:100%;height:100%;padding-top:70%}.productList .productItem .productImg .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.productList .productItem .productImg .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}}@media only screen and (max-width: 1200px){.productList .productItem .productImg .pic{position:relative;width:100%;overflow:hidden}.productList .productItem .productImg .pic:before{content:"";display:block;width:100%;height:100%;padding-top:68.0597014925%}.productList .productItem .productImg .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.productList .productItem .productImg .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}}.productList .productItem .productDetail{width:100%;margin:auto;gap:20px 40px;max-width:1480px;display:flex;align-items:flex-start;justify-content:center}@media only screen and (max-width: 1200px){.productList .productItem .productDetail{flex-direction:column}}@media only screen and (min-width: 1921px){.productList .productItem .productDetail{max-width:77.0833333333vw}}.productList .productItem .productDetail:before{content:counter(number,decimal-leading-zero);font-size:.875rem;font-weight:600;line-height:1.2}.productList .productItem .productDetail .text{width:100%}.productList .productItem .productDetail .text .paragraph-w{margin-top:10px}.productList .productItem .productDetail .text .paragraph{margin-top:10px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.productList .productItem .productDetail .common_btn{flex-shrink:0}.productList .productItem .tags{gap:20px;margin-top:20px;display:flex;align-items:flex-start;justify-content:flex-start}.productList .productItem .tags .tagList{gap:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.productList .productItem .tags .iconBox{font-size:.875rem;color:#09f}.productList .productItem .tags .tag{color:#bdbdbd;font-size:.75rem;font-weight:600;line-height:1.2;transition:.4s color}@media only screen and (min-width: 1201px){.productList .productItem .tags .tag:hover{color:#000}}@media only screen and (max-width: 1200px){.productList .productItem .tags .tag:active{color:#000}}.productList .productItem .btnBox{position:relative;z-index:3;gap:40px;margin-top:30px;display:flex;align-items:center;justify-content:flex-start}.productList .productItem .btnBox.active .btn:not(.active){opacity:.5}@media only screen and (max-width: 1200px){.productList .productItem .btnBox{margin-top:20px}}.productList .productItem .btnBox .btn{position:relative;gap:10px;transition:.4s opacity;display:flex;align-items:center;justify-content:center}.productList .productItem .btnBox .btn:not(:first-child):after{content:"";display:block;width:1px;height:14px;background-color:#bdbdbd;position:absolute;left:-20px;top:50%;transform:translate3d(0,-50%,0)}.productList .productItem .btnBox .iconBox{position:relative;font-size:1.125rem;display:flex;align-items:center;justify-content:center}.productList .productItem .btnBox .iconBox i.icon-check{position:absolute;bottom:0;right:0;transform:translate3d(10%,0,0);font-size:.75rem;opacity:0;transition:.4s opacity}.productList .productItem .btnBox .iconBox i.icon-check:before{position:relative;color:#fff;z-index:2}.productList .productItem .btnBox .iconBox i.icon-check:after{content:"";width:12px;height:12px;background:#09f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.productList .productItem .btnBox .iconBox i.icon-collect_fill{color:#09f;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);opacity:0;transition:.4s opacity}.productList .productItem .btnBox .iconBox i.icon-order{font-size:1.5rem}.productList .productItem .btnBox span{font-size:.875rem;font-weight:600;line-height:1}@media only screen and (max-width: 1200px){.productList .productItem{gap:30px;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center}.productList .productItem .productImg{width:clamp(200px,1.429rem + 23.0947vw,300px)}.productList .productItem .productDetail{flex:1}}@media only screen and (max-width: 575px){.productList .productItem{gap:20px;flex-direction:column-reverse}.productList .productItem .productImg,.productList .productItem .productDetail{width:100%}}.productList[data-type=product] .productItem[data-addCollect=addCollect] .btnBox .iconBox i.icon-collect{opacity:0}.productList[data-type=product] .productItem[data-addCollect=addCollect] .btnBox .iconBox i.icon-collect_fill,.productList[data-type=product] .productItem[data-addConsult=addConsult] .btnBox .iconBox i.icon-check{opacity:1}.productList[data-type=product] .productItem .productDetail .text{max-width:660px;margin-right:auto}@media only screen and (min-width: 1921px){.productList[data-type=product] .productItem .productDetail .text{max-width:34.375vw}}@media only screen and (min-width: 1201px){.productList[data-type=product] .productItem{padding:var(--rwdPadding30) 20px}.productList[data-type=product] .productItem:before{content:"";width:100%;height:100%;z-index:-1;outline:1px solid #FFF;background:#3d3d3d;box-shadow:-4px 8px 15.6px #00000040;opacity:0;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.productList[data-type=product] .productItem:hover{color:#fff}.productList[data-type=product] .productItem:hover+.productItem:after{opacity:0}.productList[data-type=product] .productItem:hover:before{opacity:1}}@media only screen and (max-width: 575px){.productList[data-type=product] .productItem:not(:first-child):after{left:-20px;width:100vw}}.productList[data-type=application] .productItem .productDetail .text .itemTitle{transition:.4s color}.productList[data-type=application] .productItem .flexBox{position:relative}@media only screen and (min-width: 1401px){.productList[data-type=application] .productItem .flexBox{padding-right:120px}}@media only screen and (min-width: 1401px){.productList[data-type=application] .productItem .common_btn{position:absolute;top:50%;right:0;transform:translate3d(0,-50%,0)}}@media only screen and (max-width: 1400px){.productList[data-type=application] .productItem .common_btn{margin-top:20px}}.productList[data-type=news] .productItem{gap:20px;padding:var(--rwdPadding30) 0;display:flex;align-items:center;justify-content:center}.productList[data-type=news] .productItem .productDetail:before{content:unset}@media only screen and (min-width: 1201px){.productList[data-type=news] .productItem:hover .date{color:#09f}.productList[data-type=news] .productItem:hover .common_btn .dot:before{background:currentColor}.productList[data-type=news] .productItem:hover .common_btn .dot:after{width:20px;transition-delay:.4s}}@media only screen and (max-width: 1200px){.productList[data-type=news] .productItem:active .date{color:#09f}.productList[data-type=news] .productItem:active .common_btn .dot:before{background:currentColor}.productList[data-type=news] .productItem:active .common_btn .dot:after{width:20px;transition-delay:.4s}}.productList[data-type=news] .productItem .date .dd{font-size:1.875rem;font-weight:700;line-height:1.2;text-align:center}@media only screen and (max-width: 575px){.productList[data-type=news] .productItem .date .dd{font-size:1.625rem}}.productList[data-type=news] .productItem .date .my{font-size:1rem;font-weight:500;line-height:1.2}.productList[data-type=news] .productItem .text{width:100%;flex:1}@media only screen and (min-width: 576px){.productList[data-type=news] .productItem .text{padding-right:120px}}.productList[data-type=news] .productItem .paragraph{width:100%;margin-right:auto;flex:1;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:1}@media only screen and (max-width: 575px){.productList[data-type=news] .productItem{flex-direction:column;align-items:flex-start}.productList[data-type=news] .productItem .date{width:100%;display:flex;align-items:center;justify-content:space-between}.productList[data-type=news] .productItem .common_btn{margin-top:20px}}.products_search-page{--rwdPadding30: clamp(30px, .2206rem + 2.9412vw, 60px)}.titleBlk .container{padding-top:20px;max-width:1480px;margin:auto;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}@media only screen and (min-width: 1921px){.titleBlk .container{max-width:77.0833333333vw}}@media only screen and (max-width: 767px){.titleBlk .container{width:calc(100% - var(--baseSpace) * 2)}}.titleBlk .area-head{width:100%;padding-top:var(--rwdPadding30);padding-bottom:20px;border-bottom:1px solid #BDBDBD}.titleBlk .filterBox{gap:40px 60px;padding:40px 0 var(--rwdPadding30) 0;display:flex;align-items:flex-start;justify-content:space-between}.titleBlk .filterBox .warp+.warp{flex-shrink:0}.titleBlk .filterBox .item{gap:3px 10px;display:flex;align-items:flex-start;justify-content:flex-start}.titleBlk .filterBox .item+.item{margin-top:20px}.titleBlk .filterBox .item>p{font-size:1rem;font-weight:600;line-height:1.2;line-height:36px;display:flex;align-items:center;justify-content:center}.titleBlk .filterBox .item>p:before{content:"";width:6px;height:6px;display:block;margin-right:10px;background:#000}@media only screen and (max-width: 575px){.titleBlk .filterBox .item{flex-wrap:wrap}.titleBlk .filterBox .item+.item{margin-top:10px}}.titleBlk .filterBox .overflow{max-height:100px;transition:.4s max-height;overflow:hidden}.titleBlk .filterBox .selectBox{max-width:900px;gap:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.titleBlk .filterBox .selectBox .selectItem{padding:10px;border-radius:5px;border:1px solid #BDBDBD;gap:5px;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 1201px){.titleBlk .filterBox .selectBox .selectItem:hover .close:after{transform:translate(-50%,-50%) rotate(0)}.titleBlk .filterBox .selectBox .selectItem:hover .close:before{transform:translate(-50%,-50%) rotate(0)}}@media only screen and (max-width: 1200px){.titleBlk .filterBox .selectBox .selectItem:active .close:after{transform:translate(-50%,-50%) rotate(0)}.titleBlk .filterBox .selectBox .selectItem:active .close:before{transform:translate(-50%,-50%) rotate(0)}}.titleBlk .filterBox .moreBtn{position:relative;width:100%;height:30px;padding-top:10px;gap:10px;z-index:2;display:flex;align-items:center;justify-content:flex-start}.titleBlk .filterBox .moreBtn:after{content:"";position:absolute;width:100%;height:20px;top:0;left:0;transform:translateY(-100%);background:linear-gradient(180deg,#fff0,#fff);transition:.4s transform;z-index:-1}.titleBlk .filterBox .moreBtn i.icon-angle-right{display:block}.titleBlk .filterBox .moreBtn i.icon-angle-right:before{transition:.4s transform;transform:rotate(90deg)}.titleBlk .filterBox .moreBtn.open:after{transform:translateY(0)}.titleBlk .filterBox .moreBtn.open i.icon-angle-right:before{transform:rotate(-90deg)}.titleBlk .filterBox .moreBtn span{font-size:.875rem;font-weight:600;line-height:1}.titleBlk .filterBox .text{width:fit-content;font-size:1.125rem;font-weight:500;line-height:1.3;white-space:nowrap}.titleBlk .filterBox .text .total{font-size:1.375rem;font-weight:600;line-height:1.2}.titleBlk .filterBox .line_btn{margin-top:20px;--btnBgColor: #3D3D3D}@media only screen and (max-width: 900px){.titleBlk .filterBox{flex-direction:column}.titleBlk .filterBox .warp{width:100%}.titleBlk .filterBox .warp+.warp{display:flex;align-items:center;justify-content:space-between}.titleBlk .filterBox .line_btn{margin-top:0;width:auto;min-width:110px}}.productBlk .content{background:#f4f4f4}.productBlk .content .container{margin:auto;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}@media only screen and (max-width: 767px){.productBlk .content .container{width:calc(100% - var(--baseSpace) * 2)}}.productBlk .content:not(.noContent){position:relative;margin-bottom:110px}.productBlk .content:not(.noContent) .reSearch{position:absolute;bottom:-60px;transform:translate3d(-50%,100%,0);width:auto;left:50%;min-width:200px}@media only screen and (max-width: 900px){.productBlk .content:not(.noContent){margin-bottom:80px}.productBlk .content:not(.noContent) .reSearch{bottom:-30px}}@media only screen and (min-width: 1201px){.productBlk .productList .productItem .common_btn .btn:after{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}}