.our_works_list .portfolio_list .tab_content_wrap{max-width:auto;margin:0 auto;padding:0 24px}@media (min-width:1280px){.our_works_list .portfolio_list .tab_content_wrap{max-width:auto;margin:0 auto;padding:0 32px}}@media (min-width:1536px){.our_works_list .portfolio_list .tab_content_wrap{max-width:1536px;margin:0 auto;padding:0 48px}}.our_works_list .view_more_btn span{font-size:12px;line-height:20px}@media (min-width:768px){.our_works_list .view_more_btn span{font-size:14px;line-height:22px}}@media (min-width:1280px){.our_works_list .view_more_btn span{font-size:16px;line-height:24px}}@media (min-width:1536px){.our_works_list .view_more_btn span{font-size:18px;line-height:28px}}@keyframes btnPrimary{0%{top:50%;right:21px}18%{top:-10%;right:-8px}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:110%;right:42px}50%{top:50%;right:21px}}@media (min-width:768px){@keyframes btnPrimary{0%{top:50%;right:27px}18%{top:-10%;right:-9px}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:110%;right:54px}50%{top:50%;right:27px}}}@media (min-width:1280px){@keyframes btnPrimary{0%{top:50%;right:32px}18%{top:-10%;right:-10px}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:110%;right:64px}50%{top:50%;right:32px}}}@keyframes btnSecondaryUp{0%{top:50%;left:50%}18%{top:0;left:100%}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:100%;left:0}50%{top:50%;left:50%}}@keyframes btnSecondaryDown{0%{top:50%}18%{top:120%}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:-10%}50%{top:50%}}.tween-item{width:100%;height:100%}.our_works_list{background-color:#0000!important}.our_works_list .portfolio_list{padding-bottom:6rem}.our_works_list .portfolio_list .tab_content_wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:0;margin-top:-50px;padding-bottom:60px;display:flex;overflow-x:hidden}.our_works_list .portfolio_list .tab_content_wrap a{width:100%;margin-bottom:5rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article{letter-spacing:-.03em}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:2.2rem .2rem .8rem;font-weight:400}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{color:#848484;padding:0 .2rem;font-size:14px}.our_works_list .view_more_btn{height:68.5px;margin:-74px auto 74px;padding-bottom:4.2rem;display:block;position:relative}.our_works_list .view_more_btn:after{content:"";background:url(/assets/images/ico/ico_btn_more_black.svg) 50%/100% no-repeat;width:2.4rem;height:2.4rem;transition:transform .5s;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(0)}.our_works_list .view_more_btn:hover:after{transform:translate(-50%)rotate(-180deg)}.our_works_list .view_more_btn span{color:#1d1d1f}.our_works_list .tab{position:relative}.our_works_list .tab .tab_btn_wrap{z-index:50;text-align:center;width:100%;position:sticky;top:calc(100vh - 72px);left:0}.our_works_list .tab .tab_btn_wrap ul{background-color:#0009;border-radius:100rem;padding:.8rem;display:inline-block}.our_works_list .tab .tab_btn_wrap ul .tab-button{margin-left:.8rem;display:inline-block}.our_works_list .tab .tab_btn_wrap ul .tab-button:first-child{margin-left:0}.our_works_list .tab .tab_btn_wrap ul .tab-button button{letter-spacing:-.03em;color:#fff9;border:1px solid #fff9;border-radius:100rem;padding:1rem 2rem;font-size:14px}.our_works_list .tab .tab_btn_wrap ul .tab-button button span{font-size:inherit}.our_works_list .tab .tab_btn_wrap ul .tab-button.is_active button{color:#1d1d1f;background-color:#fff}@media (min-width:768px){.our_works_list .portfolio_list{padding-bottom:8rem}.our_works_list .portfolio_list .tab_content_wrap{gap:1.6rem;margin-top:-62px}.our_works_list .portfolio_list .tab_content_wrap a{width:calc(50% - .8rem);margin-bottom:6rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(2){margin-top:12rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(odd){margin-top:-12rem}.our_works_list .portfolio_list .tab_content_wrap a:first-child{margin-top:0}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:2.4rem .4rem 1rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{padding:0 .4rem}.our_works_list .view_more_btn{margin:-90px auto 90px}.our_works_list .tab .tab_btn_wrap{top:calc(100vh - 90px)}.our_works_list .tab .tab_btn_wrap ul{padding:1rem}.our_works_list .tab .tab_btn_wrap ul .tab-button{margin-left:1rem}.our_works_list .tab .tab_btn_wrap ul .tab-button button{padding:1.2rem 2.6rem;font-size:18px}}@media (min-width:1280px){.our_works_list .portfolio_list{padding-bottom:12rem}.our_works_list .portfolio_list .tab_content_wrap{gap:2.4rem}.our_works_list .portfolio_list .tab_content_wrap a{width:calc(50% - 1.2rem);margin-bottom:9rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(2){margin-top:18rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(odd){margin-top:-18rem}.our_works_list .portfolio_list .tab_content_wrap a:first-child{margin-top:0}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:3rem .6rem 1.4rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{padding:0 .6rem;font-size:16px}.our_works_list .view_more_btn{margin:-108px auto 108px}.our_works_list .tab .tab_btn_wrap{top:calc(100vh - 108px)}.our_works_list .tab .tab_btn_wrap ul{padding:1.2rem}.our_works_list .tab .tab_btn_wrap ul .tab-button{margin-left:1.2rem}.our_works_list .tab .tab_btn_wrap ul .tab-button button{padding:1.4rem 3rem;font-size:22px}}@media (min-width:1536px){.our_works_list .portfolio_list{padding-bottom:14rem}.our_works_list .portfolio_list .tab_content_wrap{gap:2.4rem}.our_works_list .portfolio_list .tab_content_wrap a{width:calc(50% - 1.2rem);margin-bottom:10rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(2){margin-top:20rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(odd){margin-top:-20rem}.our_works_list .portfolio_list .tab_content_wrap a:first-child{margin-top:0}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:3rem .6rem 1.6rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{padding:0 .6rem;font-size:18px}}
