.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}}.titleBlk .container{padding-top:var(--rwdPadding40);padding-bottom:clamp(20px,-.9615rem + 6.1538vw,40px);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%}.titleBlk .tabBox{margin-top:20px;gap:20px 60px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.titleBlk .tabBox multipurpose-nav{width:calc(100% - 160px)}.titleBlk .tabBox multipurpose-nav .category .tag{font-size:1rem}.titleBlk .tabBox .line_btn{width:100px}@media only screen and (max-width: 575px){.titleBlk .tabBox{flex-direction:column}.titleBlk .tabBox multipurpose-nav{width:100%}.titleBlk .tabBox .line_btn{width:100%}}.productBlk .container{margin:auto;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}@media only screen and (max-width: 767px){.productBlk .container{width:calc(100% - var(--baseSpace) * 2)}}.productBlk .heading{position:relative;width:100%;max-width:1480px;margin:auto;gap:clamp(20px,-.9615rem + 6.1538vw,40px) 30px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 1921px){.productBlk .heading{max-width:77.0833333333vw}}.productBlk .heading .decText{color:#e2e2e24d;font-size:clamp(6.25rem,-1.4706rem + 13.7255vw,15rem);font-weight:600;line-height:1;text-transform:uppercase;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-25%,0);display:flex;align-items:center;justify-content:center;max-width:100vw;overflow:hidden;z-index:-1}@media only screen and (max-width: 575px){.productBlk .heading .decText{top:0;transform:translate3d(-50%,75%,0)}}.productBlk .heading .decText span{display:inline-block}.productBlk .heading .wrap{width:100%}@media only screen and (min-width: 1201px){.productBlk .heading .wrap{width:41.6666666667vw}.productBlk .heading .wrap+.wrap{width:31.25vw}}.productBlk .heading .wrap .pic{position:relative;width:100%;overflow:hidden}.productBlk .heading .wrap .pic:before{content:"";display:block;width:100%;height:100%;padding-top:66.6666666667%}.productBlk .heading .wrap .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.productBlk .heading .wrap .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.productBlk .heading .wrap .area-head{width:100%}.productBlk .heading .wrap .area-head .unitTitle{word-break:break-word}.productBlk .heading .wrap .area-head .paragraph{margin-top:20px}@media only screen and (max-width: 900px){.productBlk .heading .wrap .area-head .paragraph{margin-top:10px}}.productBlk .heading .wrap .area-head .unitTitle,.productBlk .heading .wrap .area-head .paragraph{transform:translateY(20px);opacity:0;transition:.4s opacity,.4s transform}.productBlk .heading .wrap .area-head.aost-show .unitTitle,.productBlk .heading .wrap .area-head.aost-show .paragraph{transform:translateY(0);opacity:1}.productBlk .heading .wrap .area-head.aost-show .unitTitle{transition-delay:.4s}.productBlk .heading .wrap .area-head.aost-show .paragraph{transition-delay:.6s}@media only screen and (max-width: 900px){.productBlk .heading{flex-direction:column-reverse}}@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)}}
