.article_container{margin:0 auto;max-width:1192px;padding:120px 0 160px}#blogList{display:flex;flex-wrap:wrap;gap:56px 34px}.blog-item{border-radius:8px;flex-shrink:0;overflow:hidden;width:374px}.blog-item a{display:block;width:100%}.blog-item .img_area{height:210px;overflow:hidden;position:relative;width:100%}.blog-item .img_area img{height:100%;object-fit:cover;transition:.3s ease;width:100%}.blog-item .img_area .dimmed{align-items:center;background:rgba(3,7,18,.6);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.3s ease;width:100%;z-index:2}.blog-item a .img_area .hover_more{align-items:center;background:#05d16e;border-radius:99px;color:#fff;display:inline-flex;font-size:18px;font-weight:600;height:60px;justify-content:center;letter-spacing:-.18px;line-height:160%;padding:0 32px;transform:translate3d(0,50px,0);transition:.3s ease}.blog-item a.link .img_area .hover_more{display:none}.blog-item .text_area{background:#f3f4f6;height:210px;padding:24px}.blog-item .item_tag{background:#8d26d5;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:600;line-height:160%;padding:6px 8px}.blog-item .item_tag.트렌드{background:#13a7ae}.blog-item .item_tag.에세이{background:#5a53f3}.blog-item .item_tag.솔루션{background:#25c032}.blog-item .item_title{color:#111827;font-size:24px;font-weight:600;letter-spacing:-.24px;line-height:150%;margin:4px 0}.blog-item .item_desc,.blog-item .item_title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-item .item_desc{color:#374151;font-size:15px;font-weight:400;line-height:160%}.pagination{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:70px}.pagination button{border-radius:8px;color:#374151;font-size:16px;height:32px;transition:.3s;width:32px}.pagination button.active{color:#05d16e;font-weight:600}.pagination button:disabled{background-color:#fff;border-color:#e5e7eb;color:#9ca3af;cursor:default}.pagination .btn_next,.pagination .btn_prev{background-position:50%;background-repeat:no-repeat;background-size:22px;border:1px solid #9ca3af;height:40px;width:40px}.pagination .btn_prev{background-image:url(https://contents.h.place/hubfs/2025%20HLAB/prev_btn.png);margin-right:4px}.pagination .btn_next{background-image:url(https://contents.h.place/hubfs/2025%20HLAB/next_btn.png);margin-left:4px}.item_desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#noResultMessage{padding:82px 0;text-align:center}#noResultMessage h4{color:#6b7280;font-size:20px;font-weight:600;letter-spacing:-.2px;line-height:150%}#noResultMessage p{color:#6b7280;font-size:16px;font-weight:500;letter-spacing:-.16px;line-height:160%}#noResultMessage br{display:none}@media (hover:hover){.blog-item:hover .img_area img{transform:scale(1.1)}.blog-item:hover .img_area .dimmed{opacity:1}.blog-item:hover a .img_area .hover_more{transform:translateZ(0)}.pagination button:hover:not(:disabled){background-color:#f3f4f6}}@media (max-width:1280px){.article_container{padding:120px 0}.content-container{padding:100px 0}#blogList{gap:40px 30px;margin:0 auto;max-width:768px}.blog-item{width:369px}}@media (max-width:768px){.article_container{padding:80px 0}#blogList{gap:40px 0;margin-top:48px;padding:0 20px}.blog-item{width:100%}.blog-item .img_area{height:auto}.blog-item .img_area img{aspect-ratio:320/179}.blog-item a .company_name i{display:flex}.blog-item .text_area{height:unset;padding:20px}.blog-item .item_title{font-size:18px;letter-spacing:-.18px}.blog-item .item_tag{padding:3px 8px}#noResultMessage{padding:72.5px 0}#noResultMessage h4{font-size:18px;letter-spacing:-.18px}#noResultMessage p{font-size:15px;letter-spacing:0}#noResultMessage br{display:block}}