@charset "utf-8";

.widget-blog-list.main-blog .blog-list {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:50px;
}
.widget-blog-list.main-blog .blog-list .blog-item {
    display:flex;
    gap:0 25px;
    overflow:hidden;
}
.widget-blog-list.main-blog .blog-list .blog-item .thumb {
    flex:0 0 170px;
    width:170px;
    height:170px;
}
.widget-blog-list.main-blog .blog-list .blog-item .thumb img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.widget-blog-list.main-blog .blog-list .blog-item .info {
    flex:1;
    overflow:hidden;
}
.widget-blog-list.main-blog .blog-list .blog-item .info .category {
    font-size:14px;
    font-weight:bold;
    letter-spacing: -0.01em;
    color:#ff62b0;
    margin-bottom:7px;
}
.widget-blog-list.main-blog .blog-list .blog-item .info .title {
    display:block;
    margin-bottom: 15px;
    font-size:17px;
    font-weight:bold;
    color:#333;
    letter-spacing: -0.01em;
}
.widget-blog-list.main-blog .blog-list .blog-item .info .date {
    font-size:14px;
    letter-spacing: -0.01em;
    margin-bottom:10px;
}
.widget-blog-list.main-blog .blog-list .blog-item .info .description {
    font-size:15px;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow:ellipsis;
    overflow:hidden;
    letter-spacing: -0.01em;
}
.widget-blog-list.main-blog .more-btn {
    margin:45px auto 0;
    display:table;
    line-height:39px;
    font-size:15px;
    letter-spacing: -0.01em;
    color:#333333;
    background:#fff;
    border:1px solid #b2b2b2;
    border-radius:20px;
    padding:0 30px;
}