@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com
 */

 #kboard-thumbnail-list .kboard-prd-list ul{
    list-style: none;
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding:0;
 }
#kboard-thumbnail-list .kboard-prd-list ul li{
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 20px; overflow: hidden;
    position: relative;
}
#kboard-thumbnail-list .kboard-prd-list ul li > a{
    display: block; padding: 23% 23% 0;
    text-align: center;
}
#kboard-thumbnail-list .kboard-prd-list ul li > a .prd-thumb img{
    width: 100%;
    box-shadow: 0px 3px 8px rgba(0,0,0,.4);
}
#kboard-thumbnail-list .kboard-prd-list ul li > a .prd-content{
    margin: 47px 0 50px 0;
}
#kboard-thumbnail-list .kboard-prd-list ul li > a .prd-content .prd-cate{
    display: inline-block; 
    font-size: 14px; font-weight: 500;
    padding: 3px 20px;
    background: #E8E8E8;
    border-radius: 20px;
    margin-bottom: 14px;
}
#kboard-thumbnail-list .kboard-prd-list ul li > a .prd-content .prd-tit{
    font-size: 16px; font-weight: 700;
}

/* edit btn */
#kboard-thumbnail-list .kboard-prd-list .list-control{
    position: absolute; left: 50%; bottom: 0;
    transform: translateX(-50%);
    display: flex; gap: 5px;
}

@media screen and (max-width:1280px){
     #kboard-thumbnail-list .kboard-prd-list ul{
        grid-template-columns: repeat(3, 1fr);
     }
     #kboard-thumbnail-list .kboard-prd-list ul li > a{
        padding: 20% 17% 0;
     }
     #kboard-thumbnail-list .kboard-prd-list ul li > a .prd-content{
        margin: 40px 0;
     }
}

@media screen and (max-width:980px){
    #kboard-thumbnail-list .kboard-prd-list ul{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:640px){
    #kboard-thumbnail-list .kboard-prd-list ul{
        gap:12px;
    }
    #kboard-thumbnail-list .kboard-prd-list ul li > a{
        padding: 30px;
    }
    #kboard-thumbnail-list .kboard-prd-list ul li > a .prd-content{
        margin: 30px 0 0;
    }
}

@media screen and (max-width:600px){
    #kboard-thumbnail-list .kboard-category.prd-cate-pc{
        display: block !important;
    }
    #kboard-thumbnail-list .kboard-category.prd-cate-pc .kboard-category-list{
        gap:6px;
    }
    #kboard-thumbnail-list .kboard-category.prd-cate-pc .kboard-category-list li a{
        padding: 6px 5px;
    }
    #kboard-thumbnail-list .kboard-category.prd-cate-mo{
        display: none !important;
    }
}

@media screen and (max-width:500px){
    #kboard-thumbnail-list .kboard-prd-list ul{
        grid-template-columns: 1fr;
    }
    #kboard-thumbnail-list .kboard-category.prd-cate-pc .kboard-category-list li a{
        font-size: 13px; line-height: 1.3;
        display: flex; justify-content: center; align-items: center;
    }
}