.catecontainer{display:none;}
.protype-main .common-main{padding:50px 0 0;}
.procate{display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none;margin-top:30px}
.procate li{width:49%;margin-bottom:2em;background:#F4F4F4;border:1px solid #f4f4f4;border-radius:var(--borderradius);position:relative;overflow:hidden;transition:all .2s linear;display:flex}
.procate li .img{width:50%;aspect-ratio:var(--prosaspectratio);display:flex;position:relative}
.procate li .img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.procate li:hover .img img{transform:scale(1.02)}
.procate li .info{flex:1;padding:20px;line-height:1.6;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.procate li .info .title{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4}
.procate li .info .text{font-size:var(--fontsize16);color:var(--introcolor);line-height:1.4;margin:10px 0px 20px}
.procate li .info .more{min-width:120px;height:40px;padding:0px 15px;border-radius:20px;color:var(--color);border:1px solid var(--color);display:inline-flex;align-items:center;justify-content:center}
.procate li:hover .info .title{color:var(--color)}
.procate li:hover .info .more{background:var(--color);color:#FFFFFF}
.prohome-content+.l-wrap{display:none;}
@media (max-width:768px){.procate li{width:100%;margin-bottom:1rem}
.procate li .img{width:40%}
.procate li .info .text{display:none}
.procate li .info .more{display:none}
.procate li .img img{object-fit:contain}}