.works_template .detail_next_work_wrap{max-width:auto;margin:0 auto;padding:0 24px}@media (min-width:1280px){.works_template .detail_next_work_wrap{max-width:auto;margin:0 auto;padding:0 32px}}@media (min-width:1536px){.works_template .detail_next_work_wrap{max-width:1536px;margin:0 auto;padding:0 48px}}.works_template .detail_text_wrap .base_article,.works_template .detail_text_wrap .description:nth-child(2){font-size:16px;line-height:26px}.works_template .detail_text_wrap .description:first-child span,.works_template .detail_text_wrap .description{font-size:22px;line-height:30px}.works_template .detail_next_work_wrap h3{font-size:50px;line-height:58px}.works_template .detail_key_visual_wrap .detail_key_visual .disclaimer{font-size:16px;line-height:26px}@media (min-width:768px){.works_template .detail_text_wrap .base_article,.works_template .detail_text_wrap .description:nth-child(2){font-size:16px;line-height:26px}.works_template .detail_text_wrap .description:first-child span,.works_template .detail_text_wrap .description{font-size:34px;line-height:48px}.works_template .detail_next_work_wrap h3{font-size:80px;line-height:90px}.works_template .detail_key_visual_wrap .detail_key_visual .disclaimer{font-size:18px;line-height:28px}}@media (min-width:1280px){.works_template .detail_text_wrap .base_article,.works_template .detail_text_wrap .description:nth-child(2){font-size:18px;line-height:28px}.works_template .detail_text_wrap .description:first-child span,.works_template .detail_text_wrap .description{font-size:42px;line-height:58px}.works_template .detail_next_work_wrap h3{font-size:90px;line-height:100px}.works_template .detail_key_visual_wrap .detail_key_visual .disclaimer{font-size:22px;line-height:30px}}@media (min-width:1536px){.works_template .detail_text_wrap .base_article,.works_template .detail_text_wrap .description:nth-child(2){font-size:20px;line-height:32px}.works_template .detail_text_wrap .description:first-child span,.works_template .detail_text_wrap .description{font-size:50px;line-height:70px}.works_template .detail_next_work_wrap h3{font-size:104px;line-height:114px}.works_template .detail_key_visual_wrap .detail_key_visual .disclaimer{font-size:24px;line-height:34px}}.works_template .portfolio_list_btn{vertical-align:middle;color:#1f0aad;cursor:pointer;letter-spacing:-.03em;background-color:#fff;border-radius:999px;height:44px;padding-left:22px;padding-right:42px;font-size:14px;line-height:44px;display:inline-block;position:relative;overflow:hidden}.works_template .portfolio_list_btn span{top:unset;font-size:inherit;position:relative;transform:none}.works_template .portfolio_list_btn:after{content:"";background:url(/assets/images/ico/ico_btn_up_blue.svg) 0 0/100% no-repeat;width:16px;height:16px;display:block;position:absolute;top:50%;right:21px;transform:translateY(-50%)}.works_template .portfolio_list_btn:hover span{opacity:1}@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}}.works_template .portfolio_list_btn:hover:after{animation:2s infinite btnPrimary}.works_template .portfolio_list_btn{color:#fff;background-color:#0000;border:1px solid #fff}.works_template .portfolio_list_btn:after{background:url(/assets/images/ico/ico_btn_up_white.svg) 0 0/100% no-repeat}@media (min-width:768px){.works_template .portfolio_list_btn{height:58px;padding-left:30px;padding-right:54px;font-size:18px;line-height:58px}.works_template .portfolio_list_btn:after{width:18px;height:18px;right:27px}@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){.works_template .portfolio_list_btn{height:70px;padding-left:36px;padding-right:64px;font-size:22px;line-height:70px}.works_template .portfolio_list_btn:after{width:20px;height:20px;right:32px}@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}}}.works_template .view_website_btn{vertical-align:middle;color:#1d1d1f;cursor:pointer;text-align:center;background-color:#fff;border:1px solid #d6d6d6;border-radius:50%;width:90px;height:90px;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.works_template .view_website_btn span{width:100%;font-size:14px;font-weight:500;line-height:18px;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.works_template .view_website_btn:after{content:"";background:url(/assets/images/ico/ico_btn_up_white.svg) 0 0/100% no-repeat;width:14px;height:14px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@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%}}.works_template .view_website_btn:hover{background-color:#252525;border:1px solid #252525}.works_template .view_website_btn:hover span{opacity:0}.works_template .view_website_btn:hover:after{animation:2s infinite btnSecondaryUp;display:block}@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%}}@media (min-width:768px){.works_template .view_website_btn{width:140px;height:140px}.works_template .view_website_btn span{font-size:18px;line-height:24px}.works_template .view_website_btn:after{width:22px;height:22px}}@media (min-width:1280px){.works_template .view_website_btn{width:180px;height:180px}.works_template .view_website_btn span{font-size:22px;line-height:30px}.works_template .view_website_btn:after{width:26px;height:26px}}.tween-item{width:100%;height:100%}.works_template{text-align:center;position:relative}.works_template *{white-space:break-spaces}.works_template .detail_key_visual_wrap{position:relative}.works_template .detail_key_visual_wrap .detail_key_visual{flex-direction:column;justify-content:center;align-items:center;display:flex}.works_template .detail_key_visual_wrap .detail_key_visual h2{color:#fff;letter-spacing:-.03em;z-index:1;max-width:120rem;margin-bottom:1.8rem;font-family:stolzl;font-weight:700}.works_template .detail_key_visual_wrap .detail_key_visual .disclaimer{color:#fff;z-index:1;font-family:Pretendard}.works_template .detail_key_visual_wrap .scroll_icon{width:11.4rem;height:auto;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.works_template .view_website_btn{z-index:99;font-family:stolzl;font-weight:500;transition:all .5s;position:fixed;bottom:50px;right:14px}.works_template .view_website_btn.hide{bottom:-999px}.works_template .detail_text_wrap{padding:0 2.4rem;font-family:stolzl}.works_template .detail_text_wrap .description{letter-spacing:-.03em;color:#000}.works_template .detail_text_wrap .description:first-child{padding-top:6rem}.works_template .detail_text_wrap .description:first-child span{font-family:covered}.works_template .detail_text_wrap .description:nth-child(2){text-align:center;color:#1d1d1f;max-width:120rem;margin:5rem auto;font-family:Pretendard}.works_template .detail_text_wrap .description:nth-child(2) br{display:none}.works_template .detail_text_wrap .base_article{color:#1d1d1f}.works_template .detail_text_wrap .base_article .element_title{font-family:Pretendard;font-size:1.6rem;line-height:1.6rem}.works_template .detail_text_wrap .base_article .description{margin-top:1.2rem;margin-bottom:3.6rem;font-size:1.4rem;line-height:2.2rem}.works_template .detail_text_wrap .base_article:last-child .description{margin-bottom:0;padding-bottom:6rem}.works_template .detail_sub_visual_wrap{color:#fff;background-position:50%;background-size:cover;height:48rem}.works_template .detail_sub_visual_wrap.dimmed:after{background-color:#00000080}.works_template .detail_sub_visual_wrap .sub_visual_text{z-index:1;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.works_template .detail_sub_visual_wrap .sub_visual_text .description{letter-spacing:-.03em;margin-bottom:4.4rem;font-family:covered;font-size:3.6rem;line-height:4.7rem}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article{font-family:Pretendard}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article .element_title{font-size:1.6rem;line-height:1.6rem}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article .description{margin-top:1.2rem;margin-bottom:3.6rem;font-family:Pretendard;font-size:1.4rem;line-height:2.2rem}.works_template .detail_next_work_wrap{padding-top:6rem}.works_template .detail_next_work_wrap h3{font-family:stolzl;font-weight:700;line-height:5rem}.works_template .detail_next_work_wrap .next_work_list{display:block}.works_template .detail_next_work_wrap .next_work_list .base_article{text-align:left;margin-top:4rem;font-family:stolzl}.works_template .detail_next_work_wrap .next_work_list .base_article .base_article_img_box{margin-bottom:2.2rem;display:block;overflow:hidden}.works_template .detail_next_work_wrap .next_work_list .base_article .element_title{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;width:100%;margin-bottom:.8rem;font-size:1.8rem;font-weight:400;line-height:1.8rem;display:inline-block;overflow:hidden}.works_template .detail_next_work_wrap .next_work_list .base_article .description{color:#848484;letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;width:100%;font-size:1.4rem;line-height:1.4rem;overflow:hidden}.works_template .portfolio_list_btn{background-color:#1d1d1f;margin:4rem auto 6rem;font-weight:700}@media (min-width:768px){.works_template .detail_key_visual_wrap .detail_key_visual h2{margin-bottom:2.4rem;padding:0 8.4rem}.works_template .detail_key_visual_wrap .scroll_icon{width:15.6rem;bottom:40px}.works_template .view_website_btn{right:24px}.works_template .detail_text_wrap{padding:0 7.4rem}.works_template .detail_text_wrap .description:first-child{padding-top:10rem}.works_template .detail_text_wrap .description:nth-child(2){margin-top:6rem;margin-bottom:6rem}.works_template .detail_text_wrap .description:nth-child(2) br{display:block}.works_template .detail_text_wrap .base_article .description{margin-top:1.4rem;margin-bottom:3.6rem;font-size:1.6rem;line-height:1.6rem}.works_template .detail_text_wrap .base_article:last-child .description{padding-bottom:10rem}.works_template .detail_sub_visual_wrap{height:52rem}.works_template .detail_sub_visual_wrap .sub_visual_text .description{font-size:4.2rem;line-height:100%}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article .description{margin-top:1.4rem;font-size:1.6rem;line-height:1.6rem}.works_template .detail_next_work_wrap{padding-top:10rem}.works_template .detail_next_work_wrap h3{line-height:8rem}.works_template .detail_next_work_wrap div{justify-content:space-between;display:flex}.works_template .detail_next_work_wrap div .next_work_list{width:32%;margin-right:2%}.works_template .detail_next_work_wrap div .next_work_list:last-child{margin-right:0}.works_template .detail_next_work_wrap div .next_work_list .base_article{margin-top:5rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .base_article_img_box{margin-bottom:2.4rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .element_title{margin-bottom:.6rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .description{line-height:2.2rem}.works_template .portfolio_list_btn{margin:5rem auto 10rem}}@media (min-width:1280px){.works_template .detail_key_visual_wrap .detail_key_visual h2{margin-bottom:2.8rem;padding:0}.works_template .detail_key_visual_wrap .detail_key_visual .disclaimer{line-height:2.2rem}.works_template .view_website_btn{right:32px}.works_template .detail_text_wrap{padding:0 14rem}.works_template .detail_text_wrap .description:first-child{padding-top:14rem}.works_template .detail_text_wrap .base_article .element_title{font-size:1.8rem;line-height:1.8rem}.works_template .detail_text_wrap .base_article .description{margin-top:1.6rem;margin-bottom:4rem}.works_template .detail_text_wrap .base_article:last-child .description{padding-bottom:14rem}.works_template .detail_sub_visual_wrap{height:63.4rem}.works_template .detail_sub_visual_wrap .sub_visual_text .description{margin-bottom:5.4rem;font-size:5.4rem}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article .element_title{font-size:1.8rem;line-height:1.8rem}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article .description{margin-top:1.6rem;margin-bottom:4rem}.works_template .detail_next_work_wrap{padding-top:14rem}.works_template .detail_next_work_wrap h3{line-height:9rem}.works_template .detail_next_work_wrap div .next_work_list{margin-right:2.4rem}.works_template .detail_next_work_wrap div .next_work_list .base_article{margin-top:7rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .base_article_img_box{margin-bottom:3rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .base_article_img_box img{transition:all .3s}.works_template .detail_next_work_wrap div .next_work_list .base_article .base_article_img_box:hover img{translate:none;transform:scale(1.3)!important}.works_template .detail_next_work_wrap div .next_work_list .base_article .element_title{margin-bottom:1rem;font-size:2.2rem;line-height:2.2rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .description{font-size:1.6rem;line-height:2.4rem}.works_template .portfolio_list_btn{margin:7rem auto 14rem}}@media (min-width:1536px){.works_template .detail_key_visual_wrap .detail_key_visual h2{margin-bottom:3.2rem}.works_template .detail_key_visual_wrap .detail_key_visual .disclaimer{line-height:2.4rem}.works_template .detail_key_visual_wrap .scroll_icon{width:18rem;bottom:50px}.works_template .view_website_btn{right:48px}.works_template .detail_text_wrap{max-width:1200px;margin:0 auto;padding:0 16.8rem}.works_template .detail_text_wrap .description:first-child{padding-top:16rem}.works_template .detail_text_wrap .base_article .element_title{font-size:2rem;line-height:2rem}.works_template .detail_text_wrap .base_article .description{margin-top:1.8rem;margin-bottom:5rem;font-size:1.8rem;line-height:1.8rem}.works_template .detail_text_wrap .base_article:last-child .description{margin-bottom:16rem;padding:0}.works_template .detail_sub_visual_wrap{height:76rem}.works_template .detail_sub_visual_wrap .sub_visual_text .description{margin-bottom:6.4rem;font-size:6rem}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article .element_title{font-size:2rem;line-height:2rem}.works_template .detail_sub_visual_wrap .sub_visual_text .base_article .description{margin-top:1.8rem;margin-bottom:5rem;font-size:1.8rem;line-height:1.8rem}.works_template .detail_next_work_wrap{padding-top:16rem}.works_template .detail_next_work_wrap h3{line-height:10.4rem}.works_template .detail_next_work_wrap div .next_work_list{margin-right:2.4rem}.works_template .detail_next_work_wrap div .next_work_list .base_article{margin-top:8rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .base_article_img_box{margin-bottom:3.2rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .element_title{margin-bottom:1.2rem;font-size:2.4rem;line-height:2.4rem}.works_template .detail_next_work_wrap div .next_work_list .base_article .description{font-size:1.8rem;line-height:2.8rem}.works_template .portfolio_list_btn{margin:10.8rem auto 16rem}}
