@import"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap";.cj4dplex_portfolio *{font-family:"Lato","Noto Sans KR",sans-serif;line-height:normal;letter-spacing:normal;font-weight:500}.cj4dplex_portfolio .had{position:relative;width:90%;max-width:144rem;margin:0 auto;text-align:center}@media(max-width: 767px){.cj4dplex_portfolio .had{width:100%;margin:0 auto;position:static;display:flex;flex-direction:column;text-align:left}}.cj4dplex_portfolio .had .headline{font-family:"Manrope";font-size:8.5rem;color:#fff;font-weight:500;background:linear-gradient(to right, #fe9d73, #fb283e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-box-decoration-break:clone;clip-path:inset(1px)}@media(max-width: 767px){.cj4dplex_portfolio .had .headline{font-size:2.4rem;margin-bottom:1.5rem;text-align:left}}.cj4dplex_portfolio .had .had_txt,.cj4dplex_portfolio .had .txt1{font-size:1.6rem;color:#fff;line-height:1.8;opacity:.8;letter-spacing:-0.08rem}@media(max-width: 767px){.cj4dplex_portfolio .had .had_txt,.cj4dplex_portfolio .had .txt1{margin:0;text-align:center;font-size:1.4rem;line-height:1.5}}.cj4dplex_portfolio .had .index{color:#fff;font-size:2.4rem;font-weight:500;font-family:"Albert Sans";margin-bottom:1.5rem}@media(max-width: 767px){.cj4dplex_portfolio .had .index{font-size:1.8rem;margin-bottom:2.5rem}}.cj4dplex_portfolio .had .index p{position:absolute;top:7.4rem;font-size:1.5rem;color:#393939;opacity:.5;font-family:"Roboto"}@media(max-width: 767px){.cj4dplex_portfolio .had .index p{position:static;font-size:1.8rem;color:#f5f5f5}}.cj4dplex_portfolio .had .index span{font-family:"Roboto"}@media(max-width: 767px){.cj4dplex_portfolio .had .index span{padding-right:.8rem}}.cj4dplex_portfolio .section01{position:relative;width:100%;height:100vh;background:url(/img/portfolio/cj4dplex/bg_sec01.png) 0 0/cover;background-color:#000;background-position:center}@media(max-width: 767px){.cj4dplex_portfolio .section01{background:url(/img/portfolio/cj4dplex/mo/sec01_bg.png) 0 0/cover;background-position:center}}.cj4dplex_portfolio .section01 .inner{display:flex;align-content:center;flex-direction:column;position:relative;max-width:1774px;min-height:95rem;height:100%;margin:0 auto}.cj4dplex_portfolio .section01 .top_txt{display:flex;justify-content:space-between;max-width:177.4rem;padding-top:6.3rem}@media(max-width: 1800px){.cj4dplex_portfolio .section01 .top_txt{width:calc(100% - 4.8rem);margin:0 auto;max-width:100%}}.cj4dplex_portfolio .section01 .top_txt p{display:flex;flex-direction:column;gap:.8rem;font-size:2rem;color:#727272;line-height:1.2}@media(max-width: 767px){.cj4dplex_portfolio .section01 .top_txt p{font-size:1rem}}.cj4dplex_portfolio .section01 .top_txt .txt2{align-items:flex-end}.cj4dplex_portfolio .section01 .logo_container{width:100%;position:absolute;top:9rem;text-align:center}@media(max-width: 767px){.cj4dplex_portfolio .section01 .logo_container{position:initial;transform:none}}.cj4dplex_portfolio .section01 .logo_container img{max-width:127.1rem;width:100%;margin:8rem auto;padding:0 2.5rem}@media(max-width: 767px){.cj4dplex_portfolio .section01 .logo_container img{margin:6rem auto}}.cj4dplex_portfolio .section01 .logo_container .logo_bottom_txt{display:flex;flex-direction:column;align-items:center;gap:1.9rem;color:#fff}@media(max-width: 767px){.cj4dplex_portfolio .section01 .logo_container .logo_bottom_txt{font-size:1.3rem;gap:unset;line-height:1.38}}.cj4dplex_portfolio .section01 .logo_container .logo_bottom_txt span{font-family:"Albert Sans";font-size:2rem}@media(max-width: 767px){.cj4dplex_portfolio .section01 .logo_container .logo_bottom_txt span{font-size:1.3rem}}.cj4dplex_portfolio .section02{background-color:#000;padding-top:23.9rem}@media(max-width: 767px){.cj4dplex_portfolio .section02{padding:8rem 2.5rem 0;position:relative}}.cj4dplex_portfolio .section02 .had{padding:0}.cj4dplex_portfolio .section02 .had .small_index{display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:2.9rem;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:8rem}@media(max-width: 767px){.cj4dplex_portfolio .section02 .had .small_index{margin-bottom:6rem}.cj4dplex_portfolio .section02 .had .small_index span:nth-child(2){text-align:center}}.cj4dplex_portfolio .section02 .had .small_index span{font-family:"Albert Sans";font-size:1.4rem;color:#fff}@media(max-width: 767px){.cj4dplex_portfolio .section02 .had .small_index span{font-size:.9rem}}.cj4dplex_portfolio .section02 .had .small_index span:first-child{text-align:left}.cj4dplex_portfolio .section02 .had .small_index span:last-child{text-align:right}.cj4dplex_portfolio .section02 .contents{width:90%;max-width:144rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-bottom:20rem;margin:0 auto;justify-items:stretch}@media(max-width: 767px){.cj4dplex_portfolio .section02 .contents{width:100%;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:7.5rem;padding-bottom:15rem}}.cj4dplex_portfolio .section02 .contents .img_wrap{width:100%;max-width:74.8rem}.cj4dplex_portfolio .section02 .contents .img_wrap img{display:block;width:100%}.cj4dplex_portfolio .section02 .contents .txt_wrap{margin:0 auto}@media(max-width: 767px){.cj4dplex_portfolio .section02 .contents .txt_wrap{margin:0}}.cj4dplex_portfolio .section02 .contents .txt_wrap .index{font-size:1.8rem;font-weight:500;color:#fff;font-family:"Albert Sans";margin-bottom:2rem}@media(max-width: 767px){.cj4dplex_portfolio .section02 .contents .txt_wrap .index{font-size:1.6rem;margin-bottom:2.5rem}}.cj4dplex_portfolio .section02 .contents .txt_wrap .txt1{color:#fff;font-size:1.6rem;opacity:.8;line-height:1.63}@media(max-width: 767px){.cj4dplex_portfolio .section02 .contents .txt_wrap .txt1{font-size:1.4rem}}.cj4dplex_portfolio .section03{background-color:#000;display:flex;flex-direction:column;align-items:center}.cj4dplex_portfolio .section03 .had{width:100%;max-width:100%}.cj4dplex_portfolio .section03 .had .index{padding:10rem 0 1.5rem;color:#f5f5f5;border-top:1px solid rgba(255,255,255,.2)}@media(max-width: 767px){.cj4dplex_portfolio .section03 .had .index{border-top:unset;text-align:center;padding:7.5rem 0 0;margin-bottom:0}}@media(max-width: 767px){.cj4dplex_portfolio .section03 .had .headline{font-size:3.75rem;margin:3.5rem 0 1.25rem;text-align:center}}.cj4dplex_portfolio .section03 .concept_wrap{display:flex;margin-top:10rem;width:100%}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap{display:flex;flex-direction:column;align-items:center;margin-top:7.5rem}}.cj4dplex_portfolio .section03 .concept_wrap li{position:relative;width:33.33%;height:82.6rem;text-align:center}.cj4dplex_portfolio .section03 .concept_wrap li:nth-child(1){background:url(/img/portfolio/cj4dplex/design_concept_list_img01.png) center center/cover no-repeat}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap li:nth-child(1){background:url(/img/portfolio/cj4dplex/mo/design_concept_list_img01.png) center center/cover no-repeat}}.cj4dplex_portfolio .section03 .concept_wrap li:nth-child(2){background:url(/img/portfolio/cj4dplex/design_concept_list_img02.png) center center/cover no-repeat}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap li:nth-child(2){background:url(/img/portfolio/cj4dplex/mo/design_concept_list_img02.png) center center/cover no-repeat}}.cj4dplex_portfolio .section03 .concept_wrap li:nth-child(3){background:url(/img/portfolio/cj4dplex/design_concept_list_img03.png) center center/cover no-repeat}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap li:nth-child(3){background:url(/img/portfolio/cj4dplex/mo/design_concept_list_img03.png) center center/cover no-repeat}}.cj4dplex_portfolio .section03 .concept_wrap li .concept{width:100%}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap li{width:100%;height:43rem}}.cj4dplex_portfolio .section03 .concept_wrap li .concept_list_icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:14.6rem}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap li .concept_list_icon{width:8rem}}.cj4dplex_portfolio .section03 .concept_wrap li .small_index{position:absolute;top:12rem;left:50%;transform:translate(-50%, 0);font-size:2.2rem;color:#fff;font-family:"Albert Sans"}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap li .small_index{top:5.7rem;font-size:1.4rem}}.cj4dplex_portfolio .section03 .concept_wrap li .list_txt{width:100%;position:absolute;left:50%;transform:translate(-50%, 0);font-size:1.6rem;color:#d9d9d9;letter-spacing:-0.08rem;line-height:1.63;bottom:20rem}@media(max-width: 767px){.cj4dplex_portfolio .section03 .concept_wrap li .list_txt{font-size:1.4rem;bottom:7.6rem}}.cj4dplex_portfolio .section04{padding-top:20rem}@media(max-width: 767px){.cj4dplex_portfolio .section04{padding-top:15rem}}.cj4dplex_portfolio .section04 .had{display:flex;justify-content:space-between;margin-bottom:9.4rem}@media(max-width: 767px){.cj4dplex_portfolio .section04 .had{flex-direction:column;padding:0 2.5rem}}.cj4dplex_portfolio .section04 .had .index{color:#000}@media(max-width: 767px){.cj4dplex_portfolio .section04 .had .index{text-align:left;font-size:1.8rem}}.cj4dplex_portfolio .section04 .had .had_txt{max-width:48rem;word-break:break-all;letter-spacing:-0.096rem;line-height:2.5rem;color:#333;text-align:left;opacity:1}.cj4dplex_portfolio .section04 .font_style{text-align:center}.cj4dplex_portfolio .section05{margin-top:15.7rem;text-align:center}@media(max-width: 767px){.cj4dplex_portfolio .section05{margin-top:8.1rem;padding:0 2.5rem}}.cj4dplex_portfolio .section05 .had{padding-top:11.21rem;border-top:1px solid rgba(0,0,0,.5);display:flex;justify-content:space-between;margin-bottom:9.4rem}@media(max-width: 767px){.cj4dplex_portfolio .section05 .had{padding:8.1rem 0 0;margin-bottom:7.5rem}}.cj4dplex_portfolio .section05 .had .index{color:#000}.cj4dplex_portfolio .section05 .had .had_txt{max-width:48rem;word-break:break-all;letter-spacing:-0.096rem;line-height:2.5rem;color:#333;text-align:left;opacity:1}.cj4dplex_portfolio .section05 img{width:90%;max-width:144rem;margin:0 auto}@media(max-width: 767px){.cj4dplex_portfolio .section05 img{width:100%;padding:0}}.cj4dplex_portfolio .section06{position:relative;background-color:#000;margin-top:20rem}@media(max-width: 767px){.cj4dplex_portfolio .section06{margin-top:15rem}}.cj4dplex_portfolio .section06 .had{padding-top:20rem;display:flex;justify-content:space-between}@media(max-width: 767px){.cj4dplex_portfolio .section06 .had{padding:15rem 2.5rem 0}}.cj4dplex_portfolio .section06 .had .had_txt{max-width:48rem;word-break:break-all;letter-spacing:-0.096rem;line-height:2.5rem;text-align:left}.cj4dplex_portfolio .section06 .img_wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;margin-top:8rem}@media(max-width: 767px){.cj4dplex_portfolio .section06 .img_wrap{margin-top:7.5rem}}.cj4dplex_portfolio .section06 .img_wrap .gif_box{width:100%;height:100%;background:url(/img/portfolio/cj4dplex/bg_sec06.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.cj4dplex_portfolio .section06 .img_wrap .gif_box>div{display:flex;align-items:center;justify-content:center;width:30rem;height:30rem;background-color:#fff;border-radius:3rem}@media(max-width: 767px){.cj4dplex_portfolio .section06 .img_wrap .gif_box>div{width:12.5rem;height:12.5rem;padding:2.25rem}}.cj4dplex_portfolio .section06 .img_wrap .mockup_img img{width:100%;height:100%}.cj4dplex_portfolio .section06 .icon_wrap .icon_img_bar{display:block;width:100%;max-width:175.3rem;margin:0 auto}.cj4dplex_portfolio .section06 .icon_wrap .icon_img_bar.pc_ver{display:block}.cj4dplex_portfolio .section06 .icon_wrap .icon_img_bar.mo_ver{display:none}@media(max-width: 767px){.cj4dplex_portfolio .section06 .icon_wrap .icon_img_bar.mo_ver{display:block}.cj4dplex_portfolio .section06 .icon_wrap .icon_img_bar.pc_ver{display:none !important}}.cj4dplex_portfolio .section06 .icon_wrap .gif_wrap{width:90%;margin:10rem auto 0;display:grid;grid-template-columns:1fr 1fr;justify-items:center;column-gap:11rem;background-color:#000}@media(max-width: 767px){.cj4dplex_portfolio .section06 .icon_wrap .gif_wrap{width:100%;display:flex;flex-direction:row;column-gap:2.5rem;flex-wrap:wrap;justify-content:space-between;margin:0;padding:3rem 2.5rem 0;border:none}}.cj4dplex_portfolio .section06 .icon_wrap .gif_wrap img{width:100%;max-width:52.6rem}@media(max-width: 767px){.cj4dplex_portfolio .section06 .icon_wrap .gif_wrap img{width:calc(50% - 2.5rem)}}.cj4dplex_portfolio .section07{width:100vw;display:flex;justify-content:center;padding-top:21rem;background:#000}@media(max-width: 767px){.cj4dplex_portfolio .section07{padding-top:15rem}}.cj4dplex_portfolio .section07 .inner .had .index{font-family:"Manrope";font-size:5rem}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .had .index{font-size:2.5rem;text-align:center}}.cj4dplex_portfolio .section07 .inner .had .had_txt{max-width:unset}.cj4dplex_portfolio .section07 .inner .page{display:flex;flex-direction:column;align-items:center;margin-top:11.4rem}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page{margin-top:7.5rem}}.cj4dplex_portfolio .section07 .inner .page .main_img{width:100%;padding:0 23.8rem;margin-bottom:25rem}@media(max-width: 1024px){.cj4dplex_portfolio .section07 .inner .page .main_img{padding:0 10rem;margin-bottom:18rem}}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page .main_img{padding:0 2.5rem;margin-bottom:15rem}}.cj4dplex_portfolio .section07 .inner .page .concept_img{width:100%}.cj4dplex_portfolio .section07 .inner .page_container{width:100%;background:url(/img/portfolio/cj4dplex/bg_sec07.png) center/contain no-repeat}.cj4dplex_portfolio .section07 .inner .page_container .page_intro{max-width:141rem;margin:0 auto}.cj4dplex_portfolio .section07 .inner .page_container .page_intro .index{text-align:center;font-size:2.4rem;color:#fff;margin:25rem 0 11.2rem}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page_container .page_intro .index{font-size:1.6rem;margin:14.3rem 0 5.23rem}}.cj4dplex_portfolio .section07 .inner .page_container .page_intro .intro_mockup{display:flex;flex-direction:column;gap:11.4rem}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page_container .page_intro .intro_mockup{gap:2rem;padding:0 2.5rem}}.cj4dplex_portfolio .section07 .inner .page_container .page_intro .intro_mockup img{width:46.8%}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page_container .page_intro .intro_mockup img{width:58.6%}}.cj4dplex_portfolio .section07 .inner .page_container .page_intro .intro_mockup .page_mockup_img1{margin-right:auto}.cj4dplex_portfolio .section07 .inner .page_container .page_intro .intro_mockup .page_mockup_img2{margin-left:auto}.cj4dplex_portfolio .section07 .inner .page_container .page_sub{display:flex;flex-direction:column}.cj4dplex_portfolio .section07 .inner .page_container .page_sub .index{text-align:center;font-size:2.4rem;color:#fff;padding:27rem 0 8.5rem}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page_container .page_sub .index{font-size:1.6rem;padding:14rem 0 5rem}}.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap{display:flex;flex-wrap:wrap;text-align:center;justify-content:space-between;padding:0 12.5%}.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap>div{width:25.3%}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap>div{width:38.4%}}.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap>div img{width:100%;max-width:360px}.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap>div:nth-child(2) img,.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap div:nth-child(5) img{margin-top:7rem}@media(max-width: 767px){.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap{justify-content:space-around}.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap div:nth-child(even) img{margin-top:5rem}.cj4dplex_portfolio .section07 .inner .page_container .page_sub .sub_mockup_wrap div:nth-child(odd) img{margin-top:0}}.cj4dplex_portfolio .section08{background-color:#000}.cj4dplex_portfolio .section08 .scroll_mockup{position:relative;display:flex;justify-content:center}.cj4dplex_portfolio .section08 .scroll_mockup img{width:100%;max-width:1900px}.cj4dplex_portfolio .section08 .scroll_mockup .video_container{position:absolute;top:30%;left:51%;transform:translateX(-51%);width:100%;max-width:190rem;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.cj4dplex_portfolio .section08 .scroll_mockup .video_container .video_box{width:63%;height:36.3%}.cj4dplex_portfolio .section09{background-color:#000;position:relative;display:flex;flex-direction:column;align-content:center;padding-bottom:14rem}@media(max-width: 767px){.cj4dplex_portfolio .section09{padding-bottom:3.1rem}}.cj4dplex_portfolio .section09>img{width:fit-content;margin:0 auto}@media(max-width: 767px){.cj4dplex_portfolio .section09>img{width:1.3rem}}.cj4dplex_portfolio .section09 .info_g{margin-top:17.9rem}@media(max-width: 767px){.cj4dplex_portfolio .section09 .info_g{margin-top:1.8rem}}.cj4dplex_portfolio .section09 .member_list ul{display:flex;flex-wrap:wrap}.cj4dplex_portfolio .section09 .member_list ul li{width:25%;position:relative;display:flex;justify-content:center;align-items:center;height:40rem}@media(max-width: 1024px){.cj4dplex_portfolio .section09 .member_list ul li{width:100%}}@media(max-width: 767px){.cj4dplex_portfolio .section09 .member_list ul li{height:17.8rem}}.cj4dplex_portfolio .section09 .member_list ul li .position{position:relative;font-family:"Manrope";color:#000;text-shadow:-1px 0px #262425,0px 1px #262425,1px 0px #262425,0px -1px #262425;font-size:29.4rem}@media(max-width: 767px){.cj4dplex_portfolio .section09 .member_list ul li .position{font-size:15.5rem;text-align:center}}.cj4dplex_portfolio .section09 .member_list ul li .name{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:1.5rem;font-family:"Albert Sans";color:#a8a7ac;font-weight:500}@media(max-width: 767px){.cj4dplex_portfolio .section09 .member_list ul li .name{font-size:1rem;line-height:1.7}}@media(max-width: 767px){.cj4dplex_portfolio .pc_br{display:none}}.cj4dplex_portfolio .mo_br{display:none}@media(max-width: 767px){.cj4dplex_portfolio .mo_br{display:block}}.cj4dplex_portfolio .mo_ver{display:none}@media(max-width: 1024px){.cj4dplex_portfolio .pc_ver{display:none}.cj4dplex_portfolio .mo_ver{display:block;margin:0 auto}}@media(max-width: 767px){.cj4dplex_portfolio .mo_ver{display:block;margin:0 auto}.cj4dplex_portfolio .pc_ver{display:none !important}}/*# sourceMappingURL=cj4dplex.min.css.map */