body .header{background-color:var(--white)}body .header .header_wrap .header_box .tnb_group .h_sns_btn:before{background:url(/img/icon/insta_b_ico.svg) no-repeat center center / contain}body .header .header_wrap .header_box .tnb_group .h_youtube_btn:before{background:url(/img/icon/youtube_b_ico.svg) no-repeat center center / contain}body .header .header_wrap .header_box .tnb_group .lang:before{background:url(/img/icon/lang_b_ico.svg) no-repeat center center / contain}html body .header.en_header .header_wrap .header_box .tnb_group .lang:before{background:url(/img/icon/kr_b.svg) no-repeat center center / contain}body .header .header_wrap .header_box .gnb_btn_box .gnb_open_box span{background-color:var(--black)}body .header .header_wrap .header_box h1 img{content:url(/img/icon/logo_b.png)}.quick_menu_cont .qmc_portfolio{color:#111}body .quick_menu_cont ul li a{border:1px solid #111}body .quick_menu_cont ul li a:hover{background-color:#111;color:#fff}body .quick_menu_cont ul li.qmc_contact:hover a{border:1px solid #111!important;background-color:#111;color:#fff}.talk_btn{border-radius:100%;box-shadow:0 0 24px #00000040}.header .header_wrap .header_box .gnb_btn_box .gnb_open_box span{background-color:#111}.header .header_wrap .header_box .tnb_group .h_youtube_btn:before{background-image:url(/img/icon/youtube_b_ico.svg)}.header .header_wrap .header_box .tnb_group .h_insta_btn:before{background-image:url(/img/icon/insta_b_ico.svg)}.header .header_wrap .header_box .tnb_group .lang:before{background-image:url(/img/icon/lang_b_ico.svg)}br.mo{display:none}.section01{padding-top:192px;margin-bottom:193px}.section01 .swiper{position:relative}.section01 .swiper .pagination_btn_wrap{position:absolute;bottom:0;left:20px;width:64px;height:50px;z-index:100;font-size:14px}.section01 .swiper .pagination_btn_wrap .wrap{width:100%;height:100%;position:relative}.section01 .swiper .pagination_btn_wrap .swiper-button-next,.section01 .swiper .pagination_btn_wrap .swiper-button-prev{height:50px;width:15px;background-repeat:no-repeat;background-position:center;z-index:20;inset:50% auto auto;transform:translateY(-50%);margin-top:0}.section01 .swiper .pagination_btn_wrap .swiper-button-next{background-image:url(/img/icon/project_swiper_right.svg);right:0}.section01 .swiper .pagination_btn_wrap .swiper-button-prev{background-image:url(/img/icon/project_swiper_left.svg);left:0}.swiper-button-next:after,.swiper-button-prev:after{content:""!important}.section01 .swiper .pagination_btn_wrap .swiper-pagination{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.section01 .swiper .pagination_btn_wrap .swiper-pagination-current{font-weight:700}.section01 .swiper .swiper-slide{display:flex;justify-content:space-between;align-items:flex-start;padding:0 20px}.section01 .swiper .swiper-slide .left{width:calc(100% - 880px);height:516px;background-color:#fff}.section01 .swiper .swiper-slide .left .title{font-size:42px;margin-bottom:70px}.section01 .swiper .swiper-slide .left .desc_wrap{opacity:0;transform:translate(-10%)}.section01 .swiper .swiper-slide .left .desc_wrap span.desc{display:-webkit-box;white-space:pre-line;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}.section01 .swiper .swiper-slide.swiper-slide-active .left .desc_wrap{opacity:1;transform:translate(0);transition:all 1s}.section01 .swiper .swiper-slide .left .desc_wrap .sub_title{display:block;font-size:18px;margin-bottom:16px}.section01 .swiper .swiper-slide .left .desc_wrap .main_title{font-size:28px;line-height:1.4}.section01 .swiper .swiper-slide .left .desc_wrap .work_scope{display:block;margin-top:20px}.section01 .swiper .swiper-slide .left .desc_wrap .desc,.section01 .swiper .swiper-slide .left .desc_wrap .work_scope{font-size:16px;line-height:1.4;color:#333}.section01 .swiper .swiper-slide .right{width:750px;aspect-ratio:3 / 2;position:relative;background-color:#ccc;opacity:0;transition:all .2s}.section01 .swiper .swiper-slide.swiper-slide-active .right{opacity:1;transition:all 1.3s}.section01 .swiper .swiper-slide .right img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;overflow:hidden}.section02 h3{font-size:60px;font-weight:700;padding-top:60px}.section02 .button_wrap{display:flex;margin-top:34px}.section02 .button_wrap .category_list{position:relative;padding-bottom:10px;margin-right:20px}.section02 .button_wrap .category_list .btn_category{display:block;font-family:Montserrat,sans-serif;line-height:32px;color:#000;font-size:20px;border-bottom:1px solid transparent;transition:all .2s}.section02 .button_wrap .category_list.on .btn_category,.section02 .button_wrap .category_list.active .btn_category,.section02 .button_wrap .category_list.open .btn_category{border-bottom:1px solid #000;font-weight:700}.section02 .button_wrap .category_list.active .btn_category{border-bottom:1px solid #000;font-weight:700;transition:all .2s}.section02 .button_wrap .category_list span{position:relative;font-weight:400;padding-right:26px}.section02 .button_wrap .category_list span:after{position:absolute;right:0;top:4px;width:26px;height:26px;background:url(/img/icon/category_down.svg) no-repeat center center / contain;content:"";transition:.5s}.section02 .button_wrap .category_list.open span:after{transform:rotate(180deg)}.section02 .button_wrap .category_list.active span:after{transform:rotate(180deg)}.section02 .button_wrap .category_list ul{display:none;position:absolute;left:50%;z-index:10;transform:translate(-50%);padding:20px 24px;background-color:#000;color:#787878;margin-top:10px}.section02 .button_wrap .category_list.open ul,.section02 .button_wrap .category_list.active ul{display:block}.section02 .button_wrap .category_list ul li{margin-bottom:10px}.section02 .button_wrap .category_list ul li button{position:relative;font-weight:600}.section02 .button_wrap .category_list ul li button:before{position:absolute;left:0;bottom:-2px;width:0;height:1px;background-color:#fff;content:"";transition:.5s}.section02 .button_wrap .category_list ul li button.on{color:#fff}.section02 .button_wrap .category_list ul li button.on:before{width:100%}.section02 .button_wrap .category_list ul li button:hover:before{width:100%}.section02 .button_wrap .category_list ul li:last-child{margin-bottom:0}.section02 .project_list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:46px}.section02 .project_list li{width:50%;padding:12px}.section02 .project_list li a{width:100%;display:flex;flex-direction:column}.section02 .project_list li a .thumbnail_wrap{width:100%;padding-top:calc(100% / 3 * 2);background-color:#ddd;position:relative;overflow:hidden}.section02 .project_list li a .thumbnail_wrap img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.section02 .project_list li a .thumbnail_wrap img.pc_img{display:block}.section02 .project_list li a .thumbnail_wrap img.m_img{display:none}.section02 .project_list li a .title_wrap{height:134px;display:flex;justify-content:center;flex-direction:column}.section02 .project_list li a .title_wrap .title{font-weight:700;font-size:30px;margin-bottom:10px}.section02 .project_list li a .title_wrap .category{font-size:16px;color:#303030}.section02 .show_more_btn{display:flex;margin:34px auto 0;position:relative;width:206px;height:58px}.section02 .show_more_btn span{position:absolute;transition:all .4s ease-out}.section02 .show_more_btn .text{color:#fff;background-color:#111;width:200px;height:50px;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;z-index:2}.section02 .show_more_btn .red{width:204px;height:54px;background-color:#ef0034;top:calc(50% - 2px);left:calc(50% - 2px);transform:translate(-50%,-50%);z-index:1}.section02 .show_more_btn .grey{width:204px;height:54px;background-color:#ccc;top:calc(50% + 2px);left:calc(50% + 2px);transform:translate(-50%,-50%)}.section02 .show_more_btn:hover .red{top:calc(50% + 2px);left:calc(50% + 2px)}.section02 .show_more_btn:hover .grey{top:calc(50% - 2px);left:calc(50% - 2px)}.footer{margin-top:60px}@media screen and (max-width:1400px){.section01 .swiper .swiper-slide .right{width:600px;height:400px}.section01 .swiper .swiper-slide .left{width:calc(100% - 650px);height:400px}.section01 .swiper .swiper-slide .left .title{font-size:35px;margin-bottom:25px}.section01 .swiper .swiper-slide .left .desc_wrap .main_title{font-size:25px;margin-bottom:20px}.section01 .swiper .swiper-slide .left .desc_wrap .sub_title{font-size:16px;margin-bottom:10px}.section01 .swiper .swiper-slide .left .desc_wrap .desc,.section01 .swiper .swiper-slide .left .desc_wrap .work_scope{font-size:14px}.section02 h3{font-size:45px;font-weight:700;padding-top:60px}}@media screen and (max-width:1200px){.section01 .swiper .swiper-slide{flex-direction:column}.section01 .swiper .pagination_btn_wrap{inset:260px 20px auto auto}.section01 .swiper .swiper-slide .left{width:100%;height:300px;margin-bottom:40px}.section01 .swiper .swiper-slide .right{width:100%;height:auto;padding-top:66.76%}.section01 .swiper .swiper-slide .left .desc_wrap .work_scope{display:none}.wrapper,.wrapper02{padding:0 20px}.section02 .project_list li{width:50%;padding:12px;margin-bottom:30px;height:fit-content}.section02 .project_list li:not(:nth-child(2n)){margin-right:0}.section02 .project_list li a .title_wrap{height:46px;margin-top:20px}.section02 .project_list li a .thumbnail_wrap{width:100%;padding-top:100%;height:auto}.section02 .project_list li a .thumbnail_wrap img.pc_img{display:none}.section02 .project_list li a .thumbnail_wrap img.m_img{display:block}}@media screen and (max-width:768px){.header .header_wrap .header_box .header_logo{display:none}.header.open .header_wrap .header_box .header_logo{display:block}.header.open .header_wrap .header_box .logo{display:none}br.mo{display:block}.section01{padding-top:90px;margin-bottom:90px}.section01 .swiper .swiper-slide{padding:0 4px}.section01 .swiper .swiper-slide .left .title{font-size:28px;margin-bottom:15px}.section01 .swiper .swiper-slide .left .desc_wrap .sub_title{font-size:12px;margin-bottom:9px;color:#9e9e9e}.section01 .swiper .swiper-slide .left .desc_wrap .main_title{font-size:18px;margin-bottom:11px}.section01 .swiper .swiper-slide .left .desc_wrap span.desc,.section01 .swiper .swiper-slide .left .desc_wrap .work_scope{display:none}.section01 .swiper .pagination_btn_wrap{top:140px}.section01 .swiper .swiper-slide .left{height:180px}.section02 .wrapper_pull{padding:0}.section02 h3{font-size:28px;padding-top:0}.section02 .button_wrap{margin-top:32px;padding:0 4px}.section02 .button_wrap .category_list{margin-right:10px}.section02 .button_wrap .category_list .btn_category{font-size:12px;line-height:26px}.section02 .button_wrap .category_list span{padding-right:18px}.section02 .button_wrap .category_list span:after{top:5px;width:16px;height:16px}.section02 .button_wrap .category_list ul{font-size:12px;padding:12px 20px}.section02 .button_wrap .category_list ul li{line-height:25px;margin-bottom:4px}.section02 .project_list{margin-top:30px}.section02 .project_list li{padding:0 2px 0 0;margin-bottom:16px}.section02 .project_list li:nth-child(2n){padding:0 0 0 2px}.section02 .project_list li a .title_wrap{margin-top:6px;padding:0 16px}.section02 .project_list li a .title_wrap .title{font-size:16px;margin-bottom:2px}.section02 .project_list li a .title_wrap .category{font-size:12px}}.pdetail_banner{width:100%;padding-top:100px}.pdetail_banner img{width:100%;height:auto;display:block}.pdetail_info{padding:60px 0 40px}.pdetail_info .wrapper{max-width:1400px;width:80%;margin:0 auto}.pdetail_title{font-size:52px;font-weight:700;margin-bottom:12px;color:#111}.pdetail_subtitle{font-size:28px;font-weight:700;color:#111;margin-bottom:32px}.pdetail_desc{font-size:20px;font-weight:700;line-height:1.8;color:#111;margin-bottom:40px}.pdetail_workscope{margin-bottom:48px}.workscope_label{display:block;font-size:17px;font-weight:700;color:#111;letter-spacing:1px;margin-bottom:10px}.pdetail_workscope p{font-size:19px;color:#111;line-height:1.6}.pdetail_content{padding:0}.pdetail_content .wrapper{max-width:800px;margin:0 auto}.pdetail_text_block{line-height:1.8;font-size:15px;color:#444;margin-bottom:32px}.pdetail_image_block{margin-bottom:24px}.pdetail_image_block img{width:100%;height:auto;display:block}.pdetail_background_block{position:relative;width:100%;min-height:200px}.pdetail_bg_content{position:absolute;width:100%;padding:40px;line-height:1.8;font-size:22px}.pdetail_bg_content>:last-child{margin-bottom:0}.pdetail_bg_content p{margin-bottom:16px}.pdetail_bg_content h2{font-size:22px;font-weight:700;margin:36px 0 16px}.pdetail_bg_content h3{font-size:18px;font-weight:700;margin:28px 0 12px}.pdetail_bg_content ul,.pdetail_bg_content ol{margin:16px 0;padding-left:1.5em}.pdetail_bg_content li{margin-bottom:6px}.pdetail_text_block p{margin-bottom:16px}.pdetail_text_block h2{font-size:22px;font-weight:700;margin:36px 0 16px;color:#111}.pdetail_text_block h3{font-size:18px;font-weight:700;margin:28px 0 12px;color:#111}.pdetail_text_block ul,.pdetail_text_block ol{margin:16px 0;padding-left:1.5em}.pdetail_text_block li{margin-bottom:6px}.pdetail_figure{margin:24px 0}.pdetail_figure img{width:100%;border-radius:8px}.pdetail_quote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--mainred);background:#f9f9f9;font-style:italic;color:#555}.pdetail_code{margin:24px 0;padding:16px;background:#1e1e1e;color:#d4d4d4;border-radius:6px;overflow-x:auto;font-size:13px}.pdetail_outro{padding:80px 0}.pdetail_outro .wrapper{max-width:1000px;margin:0 auto}.pdetail_outro_brand{font-size:70px;font-weight:700;color:#111;margin-bottom:16px;letter-spacing:2px}.pdetail_outro_title{font-size:20px;font-weight:700;color:#111;line-height:1.2;margin-bottom:8px}.pdetail_outro_industry{font-size:20px;font-weight:700;color:#111;line-height:1.2}.pdetail_outro_caps{display:flex;flex-direction:column;gap:8px;list-style:none;margin-top:32px}.pdetail_outro_caps li{font-size:17px;color:#555}.pdetail_outro_cap_last{position:relative;padding-right:50px}.pdetail_outro_logo{position:absolute;right:0;top:50%;transform:translateY(-50%);height:32px;width:auto;opacity:.4}@media screen and (max-width:768px){.pdetail_banner{padding-top:80px}.pdetail_title{font-size:24px}.pdetail_info{padding:32px 16px}.pdetail_outro{padding:40px 16px}.pdetail_outro_brand{font-size:36px}.pdetail_outro_title,.pdetail_outro_industry{font-size:28px}}