.d-none{display:none !important }.d-block{display:block !important }.d-flex{display:flex !important}.d-flex-col{display:flex;flex-direction:column}@media (min-width: 769px){.d-md-none{display:none !important}.d-md-block{display:block !important}.d-md-flex{display:flex !important}}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.container{padding:0 2rem}@media (max-width: 768px){.container{padding:0 1.2rem}}.row{display:flex;flex-wrap:wrap;margin:0 calc(2rem / 2 * -1)}[class*='col-']{flex:0 0 auto;padding:0 calc(2rem / 2)}.col-1{width:8.33333333%}.col-2{width:16.66666667%}.col-3{width:25%}.col-4{width:33.33333333%}.col-5{width:41.66666667%}.col-6{width:50%}.col-7{width:58.33333333%}.col-8{width:66.66666667%}.col-9{width:75%}.col-10{width:83.33333333%}.col-11{width:91.66666667%}.col-12{width:100%}@media (min-width: 769px){.col-md-1{width:8.33333333%}.col-md-2{width:16.66666667%}.col-md-3{width:25%}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-8{width:66.66666667%}.col-md-9{width:75%}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-12{width:100%}}br.mo{display:none}@media (max-width: 768px){br.mo{display:block}}.mb-10{margin-bottom:1rem !important}.mb-15{margin-bottom:1.5rem !important}.mb-20{margin-bottom:2rem !important}.mb-40{margin-bottom:4rem !important}.fw-300{font-weight:300 !important}.fw-500{font-weight:500 !important}.fw-700{font-weight:700 !important}.fw-900{font-weight:900 !important}.underline{content:'';width:1.5rem;height:1.5rem;background:url('../image/icon/icon_arrow.svg') no-repeat;background-size:100% 100%;position:absolute;right:-2rem;top:.35rem}.fs-14{font-size:1.4rem}.page-work{padding-top:5rem;overflow-x:hidden}.page-work .director-list li{font-size:2rem;line-height:2.3rem;margin-bottom:1rem;position:relative;width:fit-content;cursor:pointer}.page-work .director-list li.active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2.5px}.page-work .director-list li.active::after{content:'';width:1.5rem;height:1.5rem;background:url('../image/icon/icon_arrow.svg') no-repeat;background-size:100% 100%;position:absolute;right:-2rem;top:.35rem}@media (max-width: 768px){.page-work .director-list li.active::after{display:none}}@media (max-width: 768px){.page-work .director-list li{font-size:1.4rem;line-height:1}}@media (max-width: 768px){.page-work .director-list{position:fixed;left:0px;top:8rem;width:100%;z-index:2;padding-left:1.2rem;z-index:100;height:20rem}.page-work .director-list.is-scrolled{background:linear-gradient(180deg, #000000 30%, rgba(0,0,0,0) 100%)}}.page-work .category-title{font-family:'GUT';font-weight:600;font-size:6rem;line-height:1;margin-bottom:4rem;margin-top:9rem}@media (max-width: 768px){.page-work .category-title{margin-top:15rem;font-size:4.6rem}}@media (max-width: 768px){.page-work .work-list{margin:0 -3rem}}.page-work .work-list li{margin-bottom:4rem;opacity:.2;transition:opacity .2s ease-in-out;pointer-events:none}.page-work .work-list li .image{margin-bottom:1rem;overflow:hidden}.page-work .work-list li .image img{transition:transform .3s ease-in-out}.page-work .work-list li .text{color:#000;transition:color .2s ease-in-out}@media (max-width: 768px){.page-work .work-list li .text{color:#fff;padding:0 2rem;font-size:1.6rem;line-height:2.4rem}}.page-work .work-list li.active{opacity:1;pointer-events:unset}.page-work .work-list li:hover .text{color:#fff}.page-work .work-list li:hover .image img{transform:scale(1.1)}@media (max-width: 768px){.page-work .work-list li:hover .image img{transform:unset}}.page-work-list .work-item{height:auto}@media (max-width: 768px){.page-work-list .work-item{display:none}.page-work-list .work-item.active{display:block}}.video-play-overlay{position:fixed;inset:0;z-index:10;cursor:pointer;touch-action:manipulation;transition:opacity .4s ease}#work-video{width:100%;height:100%;object-fit:cover}.video-progress-wrap{padding-bottom:1.8rem;cursor:pointer}@media (max-width: 768px){.video-progress-wrap{padding-bottom:1.2rem}}.video-progress-wrap .video-progress-bar{height:2px;background:rgba(255,255,255,0.3);position:relative}.video-progress-wrap .video-progress-fill{height:100%;background:#fff;width:0%;pointer-events:none}.title-wrapper-right{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.title-wrapper-right{flex-direction:column;align-items:flex-start;gap:.8rem}.title-wrapper-right .video-controls-right{order:-1;justify-content:space-between;width:100%}}.video-controls-right{display:flex;align-items:center;gap:1.2rem;font-size:1.4rem;white-space:nowrap;flex-shrink:0}.video-controls-right .volume-wrapper{width:13rem;display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.video-controls-right .volume-wrapper{width:auto;display:none}}.video-controls-right .volume-label{flex-shrink:0}.video-controls-right .current-time{width:11rem;flex-shrink:0;font-variant-numeric:tabular-nums}@media (max-width: 768px){.video-controls-right .current-time{width:4rem;font-size:1.2rem}}.video-controls-right .fullscreen-btn{flex-shrink:0}.volume-dots{display:flex;align-items:center;gap:.1px;cursor:pointer;user-select:none;padding:8px 0}.volume-dot{width:2px;height:2px;border-radius:50%;background:transparent;flex-shrink:0;padding:5px 2px;box-sizing:content-box;position:relative}@media (max-width: 768px){.volume-dot{padding:4px 1px}}.volume-dot::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:3px;height:3px;border-radius:50%;background:#fff;opacity:.5}@media (max-width: 768px){.volume-dot::before{width:2px;height:2px}}.volume-dot.active::before{opacity:1}.fullscreen-btn{background:none;border:none;color:#fff;padding:0;cursor:pointer;line-height:1;display:flex;align-items:center}.page-work-detail{padding-top:0}.page-work-detail .work-item{position:fixed;z-index:-1}.page-work-detail .btn-back{position:fixed;top:8rem;left:2rem;z-index:12}@media (max-width: 768px){.page-work-detail .btn-back{font-size:1.4rem;left:1.2rem}}.page-work-detail .text-wrapper{padding:2rem;padding-top:calc(100vh - 7rem);position:relative;z-index:11;pointer-events:none;background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%)}.page-work-detail .text-wrapper>*{pointer-events:auto}@media (max-width: 768px){.page-work-detail .text-wrapper{padding:1.2rem;padding-top:calc(100dvh - 10.4rem);background:linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.7) 100%)}}.page-work-detail .text-wrapper>.title-wrapper{padding-bottom:2rem}@media (max-width: 768px){.page-work-detail .text-wrapper>.title-wrapper{padding-bottom:1.4rem}}.page-work-detail .text-wrapper>.title-wrapper .featured-work{margin-bottom:1rem;font-size:1.4rem;line-height:1}.page-work-detail .text-wrapper>.title-wrapper .title{font-size:2rem;line-height:1;position:relative}@media (max-width: 768px){.page-work-detail .text-wrapper>.title-wrapper .title{font-size:1.6rem;line-height:2.4rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2.5px}}.page-work-detail .text-wrapper .detail-wrapper{padding-top:3rem}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper{padding:0}}.page-work-detail .text-wrapper .detail-wrapper .detail-list li{margin-bottom:1rem;display:flex}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .detail-list li{margin-bottom:0}}.page-work-detail .text-wrapper .detail-wrapper .detail-list li .label{width:30rem;font-size:1.4rem}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .detail-list li .label{width:6rem}}.page-work-detail .text-wrapper .detail-wrapper .detail-list li .content{line-height:3rem}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .detail-list li .content{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .director-wrapper{padding-top:4.8rem}.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .d-flex{flex-wrap:wrap}}.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .left{margin-right:4rem;flex:0 0 auto}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .left{width:100%}}.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .left .director-name{margin-bottom:1.4rem}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .left .director-name{font-size:1.6rem}}.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .left .director-photo{width:15rem}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .left .director-photo{margin-left:8rem;margin-bottom:2rem}}.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .director-desc{line-height:3rem}@media (max-width: 768px){.page-work-detail .text-wrapper .detail-wrapper .director-wrapper .director-desc{padding-left:8rem;width:100%;font-size:1.6rem;line-height:2.4rem}}.page-work-detail .text-wrapper .copyright{line-height:1;padding-top:9rem}@media (max-width: 768px){.page-work-detail .text-wrapper .copyright{font-size:1.6rem}}