.cbl01_blog-recommend-posts{display:flex;gap:40px 30px}@media screen and (min-width:769px){.cbl01_blog-recommend-posts{flex-wrap:wrap}}@media screen and (max-width:768px){.cbl01_blog-recommend-posts{flex-direction:column;gap:16px}}@media screen and (min-width:769px){.cbl01_blog-recommend-posts article{width:calc(33.33333% - 20px)}}.cbl01_blog-recommend-posts a{display:block;text-decoration:none}@media screen and (max-width:768px){.cbl01_blog-recommend-posts a{display:flex;gap:12px}}.cbl01_blog-recommend-posts a:hover{opacity:1}.cbl01_blog-recommend-posts a:hover .image img{transform:scale(1.1)}.cbl01_blog-recommend-posts .image{border-radius:8px;flex:0 0 auto;height:0;margin-bottom:8px;overflow:hidden;padding-top:56.5%;position:relative;width:100%}@media screen and (max-width:768px){.cbl01_blog-recommend-posts .image{border-radius:4px;margin:0;padding-top:20.98%;width:37.14%}}.cbl01_blog-recommend-posts .image img{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;transition:transform .3s ease;width:100%}.cbl01_blog-recommend-posts .text{line-height:1.5}.cbl01_blog-recommend-posts .text .title{font-weight:700;margin:0 0 8px}@media screen and (max-width:768px){.cbl01_blog-recommend-posts .text .title{font-size:1.3rem;margin-bottom:4px}}.cbl01_blog-recommend-posts .text .sub-title{font-size:1.4rem;font-weight:500;margin:0 0 8px}@media screen and (max-width:768px){.cbl01_blog-recommend-posts .text .sub-title{font-size:1.1rem;font-weight:400;margin-bottom:4px}}.cbl01_blog-recommend-posts .text .date{font-size:1.3rem;margin:0}@media screen and (max-width:768px){.cbl01_blog-recommend-posts .text .date{font-size:1.1rem}}