article{position:relative;background-color:#000}article::before{content:"";position:absolute;top:0;width:100%;height:100%;background-size:5vw 5vw;background-image:linear-gradient(to right, #0e0e0e 1px, transparent 1px),linear-gradient(to bottom, #0e0e0e 1px, transparent 1px)}article .work-detail{display:flex;display:-webkit-flex;align-items:flex-end;-webkit-align-items:flex-end;position:relative;padding:200px 0 50px 0}@media(max-width: 1080px){article .work-detail{height:auto;padding:130px 0 50px 0}}@media(max-width: 580px){article .work-detail{padding:130px 0 30px 0}}article .work-detail .work-info{margin-bottom:50px}@media(max-width: 580px){article .work-detail .work-info{margin-bottom:30px}}article .work-detail .work-info h2{font-size:44px;font-weight:600;line-height:57px;margin-bottom:0}@media(max-width: 1080px){article .work-detail .work-info h2{font-size:32px;line-height:normal}}@media(max-width: 768px){article .work-detail .work-info h2{font-size:24px;line-height:normal}}article .work-detail .work-info .info{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;margin-top:15px;color:#f4f4f4;font-size:14px;font-weight:400}@media(max-width: 680px){article .work-detail .work-info .info{flex-wrap:wrap;gap:5px 30px}}article .work-detail .work-info .info>div{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:0 30px;position:relative;font-size:14px;font-weight:400}@media(max-width: 680px){article .work-detail .work-info .info>div{padding:0}}article .work-detail .work-info .info>div::after{content:"";width:1px;height:6px;background-color:#fff;position:absolute;right:0}@media(max-width: 680px){article .work-detail .work-info .info>div::after{display:none}}article .work-detail .work-info .info>div:first-child{padding-left:0}article .work-detail .work-info .info>div:last-child{padding-right:0}article .work-detail .work-info .info>div:last-child::after{display:none}article .work-detail .tags-list{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style-type:none}@media(max-width: 768px){article .work-detail .tags-list{gap:5px}}article .work-detail .tags-list li{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;width:max-content;height:40px;cursor:pointer}article .work-detail .tags-list li a{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;width:100%;height:100%;padding:0 20px;border:1px solid #2e2b2b;background-color:#2e2b2b;color:#fff;font-size:12px}article .work-detail .tags-list li a:hover{border:1px solid #fff}@media(max-width: 768px){article .work-detail .tags-list li a{font-size:10px;height:30px;padding:0 10px}}article .work-video{position:relative}@media(max-width: 1080px){article .work-video .wrapper{padding:0}}article .work-video .wrapper .empty{width:100%;min-height:250px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}article .work-video .iframe-container{padding:56.25% 0 0 0;position:relative}article .work-video .iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}article .work-related{position:relative;margin:100px 0}@media(max-width: 768px){article .work-related{margin:0 0 50px 0}}article .work-related .related-topic{padding:70px 0}@media(max-width: 768px){article .work-related .related-topic{padding:50px 0}}article .work-related .related-topic h2{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;font-weight:600;font-size:20px;line-height:32px;color:#f4f4f4;margin-bottom:0;text-align:center}article .work-related .related-topic h2::after{content:"";background-image:url("../images/icon-camera.png");width:40px;height:34px;display:inline-block;margin-left:10px}article .work-related .related-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-bottom:100px;min-height:250px;position:relative}@media(max-width: 1480px){article .work-related .related-list{gap:15px}}@media(max-width: 1280px){article .work-related .related-list{grid-template-columns:1fr 1fr}}@media(max-width: 680px){article .work-related .related-list{grid-template-columns:1fr}}article .work-related .related-list .item{width:100%;height:250px;overflow:hidden;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@media(max-width: 480px){article .work-related .related-list .item{height:200px}}article .work-related .related-list .item a{display:flex;display:-webkit-flex;align-items:flex-end;-webkit-align-items:flex-end;width:100%;height:100%;position:relative}article .work-related .related-list .item a:hover .image{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}article .work-related .related-list .item a .image{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-ms-transition:all .4s;position:absolute;top:0;left:0;width:100%;height:100%}article .work-related .related-list .item a .image img{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);width:100%;height:100%;object-fit:cover;object-position:center}article .work-related .related-list .item a .image::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:1;background-image:linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-ms-transition:.4s}article .work-related .related-list .item a .text{position:relative;padding:20px}@media(max-width: 1080px){article .work-related .related-list .item a .text{padding:10px}}article .work-related .related-list .item a .text .title{font-weight:600;font-size:20px;color:#f4f4f4}@media(max-width: 480px){article .work-related .related-list .item a .text .title{font-size:16px}}article .work-related .related-list .item a .text .date{margin-top:15px;color:#f4f4f4;font-size:10px;font-weight:400}/*# sourceMappingURL=work_detail.css.map */