.sect_thumbnail{background-color:#f5f7fa;padding:120px 0}.sect_thumbnail .inner{margin:0 auto;width:1200px}.sect_thumbnail .inner>strong{color:#191919;font-size:40px;line-height:52px;margin-bottom:40px}.list_thumbnail{display:flex;flex-wrap:wrap;gap:42px 24px}.list_thumbnail li{border:1px solid #e5e8eb;box-sizing:border-box;cursor:default;position:relative;transition:box-shadow .3s;width:384px}.list_thumbnail li .thumb{background-position:50%;background-repeat:no-repeat;background-size:cover;height:220px}.list_thumbnail li .info{background-color:#fff;box-sizing:border-box;height:196px;padding:24px 32px 40px;position:relative}.list_thumbnail li .tag_field{column-gap:6px;display:flex;margin-bottom:7px}.list_thumbnail li .tag_field span{background-color:rgba(28,126,214,.1);display:none;font-size:12px;height:20px;line-height:20px;padding:0 6px}.list_thumbnail li[data-field*=archi] .tag_field span:nth-of-type(2),.list_thumbnail li[data-field*=bridge] .tag_field span:first-of-type,.list_thumbnail li[data-field*=cad] .tag_field span:nth-of-type(4),.list_thumbnail li[data-field*=geotech] .tag_field span:nth-of-type(3){display:block}.list_thumbnail li .info strong{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333d4b;display:-webkit-box;font-size:20px;line-height:27px;margin-bottom:9px;max-height:54px;overflow:hidden}.list_thumbnail li .info p{color:#8b95a1;font-size:13px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list_thumbnail li .modal_vod{display:none;left:50%;max-width:980px;position:fixed;top:50%;transform:translate(-50%,-50%);width:95%;z-index:1000}.list_thumbnail li .modal_vod.on{display:block}.list_thumbnail li .modal_vod .box_vod{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:50px;position:relative}.list_thumbnail li .modal_vod iframe{height:100%;left:0;position:absolute;top:0;width:100%}.list_thumbnail li .modal_vod .btn_close{height:32px;position:absolute;right:0;top:-48px;width:32px}.list_thumbnail li .modal_vod .btn_close:after,.list_thumbnail li .modal_vod .btn_close:before{background-color:#fff;content:"";height:1.5px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:top left;width:44px}.list_thumbnail li .modal_vod .btn_close:after{bottom:0;top:auto;transform:rotate(-45deg);transform-origin:bottom left}.list_thumbnail li .overlay{align-items:center;background-color:rgba(25,31,40,.8);column-gap:21px;display:flex;height:220px;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.list_thumbnail li:hover{-webkit-box-shadow:0 15px 20px 0 hsla(210,6%,72%,.6);-moz-box-shadow:0 15px 20px 0 hsla(210,6%,72%,.6);box-shadow:0 15px 20px 0 hsla(210,6%,72%,.6)}.list_thumbnail li:hover .overlay{opacity:1}.list_thumbnail li .overlay a{align-items:center;box-sizing:border-box;color:#fff;column-gap:6px;display:none;font-size:16px;height:72px;padding:0 20px;position:relative;z-index:10}.list_thumbnail li .overlay a span{background-position:50%;background-repeat:no-repeat;background-size:100%;height:14px;width:14px}.list_thumbnail li .logo{display:none}.list_thumbnail li .logo.on{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:75%;display:block;height:50px;position:absolute;right:0;top:-25px;width:100px}.list_thumbnail li .icon_type{align-items:center;bottom:24px;column-gap:6px;display:flex;height:20px;position:absolute;right:32px}.list_thumbnail li .icon_type span{background:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_article_grey.svg) no-repeat;display:none;height:14px;width:14px}.list_thumbnail li .icon_type span+span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_vod_grey.svg)}.list_thumbnail li.item_article .overlay .btn_article{display:flex}.list_thumbnail li.item_article .overlay .btn_article>span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_article.svg)}.list_thumbnail li.item_article .icon_type .ico_article{display:block}.list_thumbnail li.item_vod .overlay .btn_vod{display:flex}.list_thumbnail li.item_vod .overlay .btn_vod>span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_vod.svg)}.list_thumbnail li.item_vod .icon_type .ico_vod{display:block}.list_thumbnail li.item_both .overlay a{display:flex;padding:0 0 0 20px}.list_thumbnail li.item_both .overlay a span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_article.svg)}.list_thumbnail li.item_both .overlay a+a{display:flex;padding:0 20px 0 0}.list_thumbnail li.item_both .overlay a+a span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_vod.svg)}.list_thumbnail li.item_both .overlay a+a:before{background-color:#fff;content:"";height:10px;left:-11px;position:absolute;top:50%;transform:translateY(-50%);width:1px}.list_thumbnail li.item_both .icon_type .ico_article,.list_thumbnail li.item_both .icon_type .ico_vod{display:block}@media (max-width:1200px){.sect_thumbnail{padding:80px 32px}.sect_thumbnail .inner{width:auto}.list_thumbnail{gap:32px 24px}.list_thumbnail li{width:calc(33.33% - 16px)}.list_thumbnail li .thumb{height:182px}.list_thumbnail li .info{height:224px;padding:24px 24px 72px}.list_thumbnail li .info strong{font-size:18px;line-height:26px;margin-bottom:8px}.list_thumbnail li .icon_type{display:none}.list_thumbnail li .overlay{background-color:transparent;bottom:0;column-gap:21px;height:72px;justify-content:end;opacity:1;top:auto}.list_thumbnail li .overlay a{color:#1c7ed6;height:auto}.list_thumbnail li.item_article .overlay .btn_article>span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_article_blue.svg)}.list_thumbnail li.item_vod .overlay .btn_vod>span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_vod_blue.svg)}.list_thumbnail li.item_both .overlay a+a:before{background-color:#d1d6db}.list_thumbnail li.item_both .overlay a span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_article_blue.svg)}.list_thumbnail li.item_both .overlay a+a span{background-image:url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_vod_blue.svg)}}@media (max-width:1024px){.list_thumbnail{flex-flow:wrap}.list_thumbnail li{width:calc(50% - 16px)}}@media (max-width:900px){.list_thumbnail li .modal_vod .btn_close{height:24px;top:-40px;width:24px}.list_thumbnail li .modal_vod .btn_close:after,.list_thumbnail li .modal_vod .btn_close:before{width:33px}}@media (max-width:768px){.sect_thumbnail{padding:64px 20px 80px}.sect_thumbnail .inner>strong{font-size:32px;line-height:42px;margin-bottom:32px}.list_thumbnail li{width:100%}.list_thumbnail li .thumb{height:40vw;min-height:182px}}