:root{--p-cntr:2.4rem;--p-top:22.8rem;--p-top-mobile:18.4rem}@media only screen and (min-width:811px)and (max-width:1919px){:root{--p-cntr:1.6rem}}@media only screen and (max-width:640px){:root{--p-cntr:1.6rem}}.work-list{width:100%;z-index:1}.work-list img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.work-list .work-item{border-bottom:1px dashed hsla(0,0%,100%,.4);background-color:#000}.work-list .title-wrap{display:flex;padding:1.1rem var(--p-cntr);cursor:pointer;margin:0;align-items:center}.work-list .title-wrap>[class*=col-]{padding-left:0;padding-right:0}.work-list .title-wrap *{font-size:1.2rem;text-align:right;line-height:1.2}@media only screen and (max-width:2559px){.work-list .title-wrap *{font-size:1.3rem}}@media only screen and (max-width:1919px){.work-list .title-wrap *{font-size:1.2rem}}@media only screen and (max-width:1439px){.work-list .title-wrap *{font-size:1.4rem}}@media only screen and (max-width:809px){.work-list .title-wrap *{font-size:1.3rem}}.work-list .title-wrap .kr{letter-spacing:1px}.work-list .title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.work-list .title .en{margin-left:.8rem}.work-list .image-wrap{width:100%;overflow-x:auto;overflow-y:hidden;height:0;transition:height .5s ease-in-out}.work-list .image-wrap.active{height:calc(45vh + .8rem + 1.6rem)}.work-list .image-list{padding-top:.8rem;padding-bottom:1.6rem;padding-left:var(--p-cntr);display:flex}.work-list .image-list .item{width:auto;margin-right:1.6rem;height:45vh}.work-list .image-list .item img{-webkit-touch-callout:none}.work-list .image-list .item img:hover{cursor:url(/icon/icon_mouse.svg),auto}@media only screen and (max-width:810px){.work-list .title-wrap .title{width:83.33333333%}.work-list .title-wrap .category,.work-list .title-wrap .featured+.year{display:none}}@media only screen and (max-width:640px){.work-list .title-wrap .kr{width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.work-list .title-wrap .en{display:none}}.bottom-wrap{position:fixed;left:0;right:0;bottom:-8rem;z-index:20;width:100%;text-align:center;padding:3.2rem 0 2.4rem;background:linear-gradient(0deg,rgb(0,0,0) 30%,rgba(0,0,0,0));transition:bottom .5s linear}.bottom-wrap.detail{font-size:1.1rem;padding:1.6rem 0;background:linear-gradient(180deg,rgba(0,0,0,0),#000 100%,#000 0)}.bottom-wrap.detail button{font-size:inherit}@media only screen and (max-width:1439px){.bottom-wrap.detail{font-size:1.3rem}}@media only screen and (max-width:809px){.bottom-wrap.detail{font-size:1.2rem}}.bottom-wrap.active{bottom:0}.bottom-wrap .more-btn{font-size:1.2rem;line-height:1.1}.bottom-wrap .more-btn:hover{border-bottom:1px solid #fff}@media only screen and (max-width:2559px){.bottom-wrap .more-btn{font-size:1.3rem}}@media only screen and (max-width:1919px){.bottom-wrap .more-btn{font-size:1.2rem}}@media only screen and (max-width:1439px){.bottom-wrap .more-btn{font-size:1.4rem}}@media only screen and (max-width:809px){.bottom-wrap .more-btn{font-size:1.3rem;line-height:1.4}}@media only screen and (max-width:640px){.bottom-wrap .more-btn:hover{border-bottom:none}}.detail-wrap{position:fixed;left:0;right:0;top:0;bottom:0;overflow:hidden;z-index:30;padding:0 8rem;text-align:center;background-color:rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.detail-wrap.active{opacity:1;pointer-events:auto}.detail-wrap.detail-wrap-1 .detail-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.detail-wrap.detail-wrap-1 .detail-inner{width:100%}.detail-wrap img{pointer-events:none!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width:810px){.detail-wrap{padding:0 2rem}}@media only screen and (max-width:640px){.detail-wrap{padding:0 .8rem}}.detail-list{max-width:160rem;margin:0 auto;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.detail-list::-webkit-scrollbar{display:none}.detail-list .item{-webkit-touch-callout:none;margin-bottom:8rem}.detail-list .item:first-child{margin-top:3.2rem}@media only screen and (max-width:640px){.detail-list .item{margin-bottom:2.4rem}}