.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}}.application-page{--rwdPadding30: clamp(30px, .2206rem + 2.9412vw, 60px)}.titleBlk .container{padding-left:calc(var(--1frSpace) * 3 + var(--baseSpace));padding-right:calc(var(--1frSpace) * 3 + var(--baseSpace));padding-top:80px;padding-bottom:36.5px}@media only screen and (max-width: 900px){.titleBlk .container{padding-left:calc(var(--1frSpace) * 1 + var(--baseSpace));padding-right:calc(var(--1frSpace) * 1 + var(--baseSpace));padding-top:60px;padding-bottom:0}}@media only screen and (max-width: 575px){.titleBlk .container{padding-left:calc(var(--1frSpace) * 0 + var(--baseSpace));padding-right:calc(var(--1frSpace) * 0 + var(--baseSpace))}}.titleBlk .area-head{width:100%}.titleBlk .tabBox{margin-top:20px}.applicationBlk .container{display:flex;align-items:stretch;justify-content:space-between}@media only screen and (max-width: 1023px){.applicationBlk .container{flex-direction:column}}.applicationBlk .container .wrap{width:100%}.applicationBlk .container .wrap:nth-child(1){padding-left:calc(var(--1frSpace) * 3 + var(--baseSpace));padding-right:calc(var(--1frSpace) * 3 + var(--baseSpace))}@media only screen and (min-width: 1024px) and (max-width: 1201px){.applicationBlk .container .wrap:nth-child(1){width:55%}.applicationBlk .container .wrap:nth-child(2){width:45%}}@media only screen and (min-width: 1201px){.applicationBlk .container .wrap:nth-child(1){width:45.3125vw}.applicationBlk .container .wrap:nth-child(2){min-height:min(800px,100vh);width:54.6875vw}}@media only screen and (max-width: 900px){.applicationBlk .container .wrap:nth-child(1){padding-left:calc(var(--1frSpace) * 1 + var(--baseSpace));padding-right:calc(var(--1frSpace) * 1 + var(--baseSpace))}.applicationBlk .container .wrap:nth-child(2){display:none}}@media only screen and (max-width: 575px){.applicationBlk .container .wrap:nth-child(1){padding-left:calc(var(--1frSpace) * 0 + var(--baseSpace));padding-right:calc(var(--1frSpace) * 0 + var(--baseSpace))}}.applicationBlk .container .wrap .picBox{position:sticky;top:0;overflow:hidden;height:100%;max-height:100vh}.applicationBlk .container .wrap .picBox img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}@media only screen and (min-width: 1024px){.applicationBlk .container .wrap .picBox .pic{transition:.4s opacity}.applicationBlk .container .wrap .picBox .pic:not(.active){opacity:0}}.applicationBlk .container .heading{margin-top:60px}.applicationBlk .container .heading .picBox{margin-top:30px}@media only screen and (max-width: 1023px){.applicationBlk .container .heading .picBox{margin-left:calc(var(--1frSpace) * -3 + var(--baseSpace) * -1);margin-right:calc(var(--1frSpace) * -3 + var(--baseSpace) * -1)}}@media only screen and (max-width: 900px){.applicationBlk .container .heading .picBox{margin-left:calc(var(--1frSpace) * -1 + var(--baseSpace) * -1);margin-right:calc(var(--1frSpace) * -1 + var(--baseSpace) * -1)}}@media only screen and (max-width: 575px){.applicationBlk .container .heading .picBox{margin-left:calc(var(--baseSpace) * -1);margin-right:calc(var(--baseSpace) * -1)}}@media only screen and (min-width: 1024px){.applicationBlk .container .heading .picBox{display:none}}.applicationBlk .container .heading .picBox .pic{position:relative;width:100%;overflow:hidden}.applicationBlk .container .heading .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:84.5333333333%}.applicationBlk .container .heading .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.applicationBlk .container .heading .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}@media only screen and (min-width: 501px){.applicationBlk .container .heading .picBox .pic{position:relative;width:100%;overflow:hidden}.applicationBlk .container .heading .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:39.0625%}.applicationBlk .container .heading .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.applicationBlk .container .heading .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}}.applicationBlk .container .heading .area-head{width:100%}.applicationBlk .container .heading .area-head .paragraph{margin-top:20px}@media only screen and (max-width: 900px){.applicationBlk .container .heading .area-head .paragraph{margin-top:10px}}.applicationBlk .container .heading .area-head .sectionTitle,.applicationBlk .container .heading .area-head .paragraph{transform:translateY(20px);opacity:0;transition:.4s opacity,.4s transform}.applicationBlk .container .heading .area-head.aost-show .sectionTitle,.applicationBlk .container .heading .area-head.aost-show .paragraph{transform:translateY(0);opacity:1}.applicationBlk .container .content{margin-top:var(--rwdPadding30)}.applicationBlk .container .content .productList{padding:0}.applicationBlk .container .content .productList .productItem{padding:40px 0}.applicationBlk .container .content .productList .productItem:first-child{padding-top:0}.applicationBlk .container .content .productList .productItem:last-child:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;transform:translate3d(0,-50%,0);z-index:-2;border-top:1px dashed #BDBDBD;transition:.4s opacity}.applicationBlk .container .content .productList .productItem:not(:first-child):after{opacity:1;background:#0000;border-top:1px dashed #BDBDBD}.applicationBlk .container .content .productList .productItem .productDetail .text .paragraph{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:1}.applicationBlk .container .content .productList .productItem .common_btn{align-self:center}@media only screen and (min-width: 1201px){.applicationBlk .container .content .productList .productItem:hover{color:#000}}@media only screen and (max-width: 1200px){.applicationBlk .container .content .productList .productItem:active{color:#000}}
