@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";
*{box-sizing:border-box;margin:0;padding:0}html{font-size:.625em}body,h1,h2,h3,h4,h5,h6,button{font-family:Pretendard,sans-serif;line-height:1}ul,ol,li{list-style:none}a{text-decoration:none}img,fieldset{vertical-align:middle;border:none}strong,em,b,i,address{font-style:normal;font-weight:400}table{border-collapse:collapse}button{cursor:pointer;background-color:#0000;border:none}p{word-break:keep-all}.blind{position:absolute;left:-9999px}.ir_pm{text-indent:-9999px;overflow:hidden}.clearfix:after{content:"";clear:both;display:block}@keyframes top{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}@keyframes right{0%{transform:translate(-100%)}}@keyframes left{0%{transform:translate(100%)}}section>div{width:88.888%;margin:0 auto}.btn1{text-align:center;color:#fff;background-color:#0000;border:1px solid #fff;border-radius:37px;width:90px;height:37px;font-size:14px;line-height:35px;transition:all .3s;display:inline-block}.btn1:hover:after{transition:all 0s .2s}.btn1 span svg{vertical-align:2px;color:#fff;width:11px;height:8px;margin-left:8px;transition:all .3s;display:inline-block}.btn1:hover{color:#000;background-color:#fff}.btn1:hover span svg{color:#000}header{z-index:100;background-color:#fff;width:100%;height:60px;position:fixed;top:0;left:0}.header_inner{z-index:10;width:88.888%;margin:0 auto;position:relative}.logo{position:absolute;top:24px;left:0}.logo a{background:url(/img/logo_header.png) 50%/contain no-repeat;width:76px;height:13px;display:block}.btn_nav{width:22px;height:22px;position:absolute;top:19px;right:0}.btn_nav span{background-color:#000;border-radius:1px;width:19px;height:2px;margin-left:auto;display:block}.btn_nav span:nth-child(2){width:13px;margin:6px 0 6px auto}nav{background-color:#f9f9f9;width:100%;height:100%;padding-top:62px;display:none;position:fixed;top:0;left:0}nav.on{display:block}nav .gnb{border-top:1px solid #e8e8e8;width:100%;margin:0 auto}nav .gnb>li>a{color:#111;border-bottom:1px solid #e8e8e8;width:100%;padding:0 5.555%;font-size:16px;font-weight:500;line-height:64px;display:block;position:relative}nav .gnb>li>a:after{content:"";background:url(/img/icon_nav_arrow.png) 50%/contain no-repeat;width:13px;height:13px;position:absolute;top:50%;right:5.555%;transform:translateY(-50%)rotate(180deg)}nav .gnb>li>a.on:after{transform:translateY(-50%)rotate(0)}nav .gnb .sub{background-color:#fff;border-bottom:1px solid #e8e8e8;padding:24px 5.555%;display:none}nav .gnb .sub li{margin-bottom:22px}nav .gnb .sub li:last-child{margin-bottom:0}nav .gnb .sub li a{color:#333;font-size:15px;font-weight:500}nav .gnb .sub li a:hover{color:#0c1994;font-weight:700}.sitemap,#sitemap_wrap{display:none}html.on,body.on{overflow:visible}#visual{margin-top:60px}#visual .con{width:100%}.visual_slider .swiper-slide{background:url(/img/bg_visual1.png) 85%/cover no-repeat;border-radius:20px;width:88.888%;height:520px;margin:0 5.556%;padding-top:50px}.visual_slider .swiper-slide.v2{background-image:url(/img/bg_visual2.png);background-position:60%}.visual_slider .swiper-slide.v3{background-image:url(/img/bg_visual3.png);background-position:70%}.visual_slider .visual_text{color:#fff;width:87.5%;margin:0 auto}.visual_slider .visual_text h2{margin-bottom:16px;font-size:30px;line-height:38px}.visual_slider .visual_text p{font-size:15px;line-height:24px}#visual .visual_pagination{justify-content:space-between;width:250px;display:flex;bottom:31px;left:50%;transform:translate(-50%)}.visual_pagination .swiper-pagination-bullet{opacity:1;background-color:#d9d9d94d;border-radius:2px;width:80px;height:2px;margin:0}.visual_pagination .swiper-pagination-bullet:after{content:"";background-color:#d9d9d9;width:0;height:100%;display:block}.visual_pagination .swiper-pagination-bullet-active:after{width:100%;transition:all 4s linear}.visual_slider .visual_text h2,.visual_slider .visual_text p{opacity:0}.visual_slider .swiper-slide-active .visual_text h2{opacity:1;animation:1s top}.visual_slider .swiper-slide-active .visual_text p{opacity:1;animation:1s .5s backwards top}#quality{height:250vh;position:relative}#quality .quality_pin{justify-content:center;align-items:center;height:100vh;min-height:560px;display:flex;position:sticky;top:0;overflow:hidden}.quality_text{text-align:center}.quality_text .line{height:50px;line-height:50px}.quality_text div span{letter-spacing:-2%;clip-path:inset(0 100% 0 0);will-change:clip-path;margin-bottom:8px;font-size:34px;font-weight:700;display:block}.quality_text div span b{vertical-align:middle;--box-w:90px;will-change:width;background:url(/img/bg_quality1.png) 50%/cover no-repeat;border-radius:4px;width:0;height:50px;display:inline-block}.quality_text .line:first-of-type b{margin-left:8px}.quality_text .line:nth-of-type(3) b{background-image:url(/img/bg_quality2.png);margin-right:8px}.quality_text p{color:#444;opacity:0;will-change:opacity;margin-top:36px;font-size:16px;line-height:24px}#product{background-color:#111;padding:24px 0 99px;position:relative}#product .bg{background:#111 url(/img/bg_product.png) top/auto 720px no-repeat;border-radius:12px;width:91.111%;height:720px;position:sticky;top:84px;left:4.444%}#product .con{margin-top:-550px;padding-top:60px;position:relative}.pro_title{color:#fff;z-index:5;margin:0 6.097% 80px;position:relative}.pro_title h2{letter-spacing:-1%;margin-bottom:12px;font-size:34px}.pro_title p{margin-bottom:30px;font-size:14px;line-height:20px}#product .bg,#product .con{opacity:0}#product.on .bg,#product.on .con{opacity:1;animation:.4s top}.pro_list{width:87.804%;margin:0 auto;position:relative}.pro_list .pro_card{color:#fff;width:82.142%;margin-bottom:60px;margin-left:auto}.pro_list .pro_card:nth-child(2n){width:92.857%;margin-left:0}.pro_list .pro_card:last-child{margin-bottom:0}.pro_list .pro_card span{border-radius:10px;width:100%;height:260px;margin-bottom:18px;display:block;overflow:hidden}.pro_list .pro_card i{background:url(/img/bg_pro1.png) 50%/cover no-repeat;width:100%;height:100%;transition:all .5s;display:block}.pro_list .pro_card.card2 i{background-image:url(/img/bg_pro2.png)}.pro_list .pro_card.card3 i{background-image:url(/img/bg_pro3.png)}.pro_list .pro_card.card4 i{background-image:url(/img/bg_pro4.png)}.pro_list .pro_card span i:hover{transform:scale(1.05)}.pro_list .pro_card:nth-child(2n) span{height:176px}.pro_list .pro_card div h3{letter-spacing:-1%;margin-bottom:6px;font-size:18px}.pro_list .pro_card div p{letter-spacing:-1%;font-size:14px;line-height:20px}#cases{background-color:#111}#cases .con{opacity:0;opacity:0;background-color:#fff;border-radius:12px;width:91.111%;padding:80px 6.097% 139px;position:relative}#cases.on .con{opacity:1;animation:.4s top}.cases_title{margin-bottom:40px}.cases_title>span{color:#0c1994;letter-spacing:-1%;margin-bottom:12px;font-size:14px;font-weight:800;display:block}.cases_title h2{letter-spacing:-2%;font-size:30px;line-height:38px}.cases_title a{color:#000;border:1px solid #000;position:absolute;bottom:60px}.cases_title a svg{color:#000}.cases_title a:after{background-image:url(/img/icon_btn.png)}.cases_slider>div{display:block}.cases_slider .swiper-slide{margin-bottom:32px}.cases_slider .swiper-slide:nth-child(3){margin-bottom:0}.cases_slider .swiper-slide:nth-child(3)~div{display:none}.cases_slider .swiper-slide:last-child{margin-bottom:0}.cases_slider .swiper-slide a span{background:url(/img/bg_visual1.png) 50%/cover no-repeat;border-radius:8px;height:180px;margin-bottom:24px;display:block}.cases_slider .swiper-slide a .product_img{border-radius:8px;height:180px;margin-bottom:24px;position:relative;overflow:hidden}.cases_slider .swiper-slide a .product_img img{object-fit:cover;width:100%;height:100%;position:absolute}.cases_slider .swiper-slide.card2 a span{background-image:url(/img/bg_cases2.png)}.cases_slider .swiper-slide.card3 a span{background-image:url(/img/bg_cases3.png)}.cases_slider .swiper-slide.card4 a span{background-image:url(/img/bg_cases1.png)}.cases_slider .swiper-slide.card5 a span{background-image:url(/img/bg_cases2.png)}.cases_slider .swiper-slide a h3{letter-spacing:-1%;color:#000;margin-bottom:10px;font-size:18px;line-height:26px}.cases_slider .swiper-slide a p{letter-spacing:-2%;color:#666;margin-bottom:14px;font-size:14px;line-height:22px}.cases_slider .swiper-slide a b{letter-spacing:-1%;color:#999;font-size:15px}.cases_scrollbar{background-color:#d9d9d9;width:100%}.cases_scrollbar .swiper-scrollbar-drag{background-color:#000}footer{background-color:#111;padding:60px 0 25px}footer .con{color:#fff;width:88.888%;margin:0 auto}.f_top{margin-bottom:87px;position:relative}.f_top div h2{margin-bottom:14px;font-size:30px}.f_top div p{letter-spacing:-2%;color:#aeaeae;width:70%;font-size:15px;line-height:26px}.f_top a{border-radius:50%;width:116px;height:116px;display:block;position:absolute;top:0;right:0}.circle-badge{--size:116px;width:var(--size);height:var(--size)}.circle-badge svg{width:100%;height:100%;overflow:visible}.circle-badge .rotate-text{fill:#fff9;font-size:8.5px}.circle-badge .img-placeholder{fill:none;stroke:#ffffff80;stroke-dasharray:2 2}.circle-badge .img-placeholder-label{fill:#fff9;text-anchor:middle;dominant-baseline:middle;font-size:5px}.f_bottom .left{margin-bottom:50px}.f_bottom .left strong{background:url(/img/logo_footer.png) 50%/contain no-repeat;width:92px;height:16px;margin-bottom:36px;display:block}.f_bottom .left .f_info span{color:#e0e0e0;margin-bottom:6px;font-size:15px;line-height:24px;display:flex}.f_bottom .left .f_info span b{color:#888;width:33.75%}.f_bottom .left .f_info span a{color:#e0e0e0}.f_bottom .right .link{justify-content:space-between;margin-bottom:24px;display:flex}.f_bottom .right .link a{color:#c9c9c9;font-size:14px}.f_bottom .right .sns{text-align:center;margin-bottom:30px;display:block}.f_bottom .right .sns a{text-indent:-9999px;background:#292929 url(/img/sns_blog.png) 50%/16px no-repeat;border-radius:50%;width:48px;height:48px;display:inline-block;overflow:hidden}.f_bottom .right .sns a:last-child{background-image:url(/img/sns_instagram.png);margin-left:12px}.f_bottom>p{text-align:enter;text-align:center;border-top:1px solid #262626;padding:16px 0;font-size:13px;line-height:22px}.con_title_visual{margin-top:120px}.con_title_visual .con{width:88.888%;margin:0 auto}.con_title_visual .con_h{display:none}.con_title_visual h2{letter-spacing:-2%;margin-bottom:60px;font-size:40px}.con_title_visual .con_visual div{background:url(/img/bg_sub_about_kateco.png) 50%/cover no-repeat;border-radius:16px;width:88.888%;height:228px;margin:0 auto 40px}#about_con{margin-bottom:32px}#about_con .left strong{letter-spacing:-3%;font-size:26px;font-weight:700;line-height:38px}#about_con .left strong br{display:none}#about_con .left strong br:nth-of-type(2){display:block}#about_con .left strong b{color:#0c1994;font-weight:700}#about_con .right{margin-top:32px;margin-bottom:80px}#about_con .right p{letter-spacing:-1%;color:#666;margin-bottom:24px;font-size:14px;font-weight:600;line-height:25px}#about_con .right p strong{color:#000;font-weight:600}#about_con .right p:last-child{color:#000;margin-bottom:0;font-size:15px;font-weight:700}#about_con .right p em{text-indent:-9999px;vertical-align:-8px;background:url(/img/img_sign.png) 50%/contain no-repeat;width:80px;height:28px;margin-left:14px;display:inline-block;overflow:hidden}#value{background-color:#f5f5f5;padding:80px 0}#value .con_title{margin-bottom:40px}#value .con_title h2{letter-spacing:-1%;margin-bottom:16px;font-size:32px}#value .con_title p{letter-spacing:-2%;font-size:15px;line-height:24px}.value_list .value_card{text-align:center;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;height:175px;margin-bottom:12px;display:flex}.value_list .value_card:last-child{margin-bottom:0}.value_list .value_card span{background:url(/img/icon_about_value1.png) 50%/contain no-repeat;width:28.125%;height:90px;display:block}.value_list .value_card:nth-child(2) span{background-image:url(/img/icon_about_value2.png)}.value_list .value_card:nth-child(3) span{background-image:url(/img/icon_about_value3.png)}.value_list .value_card .text{width:50%;margin-left:24px}.value_list .value_card .text h3{letter-spacing:-1%;font-size:22px;font-weight:800}.value_list .value_card .text h3:after{content:"";background-color:#e4e7ed;width:1px;height:16px;margin:10px auto;display:block}.value_list .value_card .text strong{letter-spacing:-2%;font-size:16px;font-weight:600;line-height:26px}.value_list .value_card .text p{letter-spacing:-2%;color:#777;font-size:15px;font-weight:500;line-height:26px}#history_wrap{padding-bottom:80px}.history_tab_sticky{z-index:50;background-color:#fff;margin-bottom:49px;padding:16px 0;position:sticky;top:60px}.history_tab{text-align:center}.history_tab .swiper-wrapper{justify-content:flex-start;align-items:center}.history_tab a{color:#888;width:156px;height:48px;letter-spacing:-3%;width:50%;height:48px;letter-spacing:-3%;background-color:#f8f8f8;border-radius:48px;margin-right:0;font-size:15px;font-weight:600;line-height:48px;display:inline-block}.history_tab a.on{color:#fff;background-color:#0c1994}.history_con .left{margin-bottom:48px}.history_con .left h3{color:#0c1994;letter-spacing:-3%;margin-bottom:10px;font-size:16px;font-weight:800}.history_con .left p{color:#333;font-size:28px;font-weight:700;line-height:36px}.history_con .left strong{color:#0c1994;font-weight:700}.history_con .left span{background:url(/img/bg_sub_history_left1.png) 50%/cover no-repeat;border-radius:0 50px;height:220px;margin-top:30px;display:block}.history_con .left .history_img{border-radius:0 50px;width:auto;height:220px;margin-top:28px;padding:0;display:block;position:relative;overflow:hidden}.history_con .left .history_img img{object-fit:cover;object-position:center;border-radius:0 50px;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:block;position:absolute}.history_con .left:nth-of-type(2) span{background-image:url(/img/bg_sub_history_left2.png)}.history_con .left:nth-of-type(3) span{background-image:url(/img/bg_sub_history_left3.png)}.history_con .right{margin-bottom:100px;padding-left:9%;position:relative}.history_con .right:last-child{margin-bottom:0}.history_con .right>div{margin-bottom:32px}.history_con .right>div:last-child{margin-bottom:0}.history_con .right h4{letter-spacing:-2%;color:#0c1994;margin-bottom:16px;font-size:30px}.history_con .right h4:before{content:"";background:url(/img/icon_history_circle_off.png) 50%/10px no-repeat;width:24px;height:24px;margin-top:2px;margin-left:0;display:block;position:absolute;left:0}.history_con .right div:nth-child(2) h4:before{background-image:url(/img/icon_history_circle.png);background-size:contain}.history_con .right ul li{color:#111;margin-bottom:8px;font-size:15px;line-height:28px;display:flex}.history_con .right ul li:last-child{margin-bottom:0}.history_con .right ul li span{letter-spacing:-1%;width:30px;font-weight:800;display:inline-block}.history_con .right ul li p{vertical-align:top;width:calc(100% - 30px);display:inline-block}.history_con .right>i{background-color:#ececec;width:2px;height:100%;position:absolute;top:10px;left:11px}.history_con .right>i span{background-color:#0c1994;width:2px;height:105px;position:absolute;top:0}#contect_wrap{padding-bottom:80px}#contect_wrap .con_title h3{letter-spacing:-3%;margin-bottom:12px;font-size:14px;font-weight:800}#contect_wrap .con_title strong{letter-spacing:-2%;color:#333;font-size:30px;font-weight:700;line-height:40px}#contect_wrap .con_title strong b{color:#0c1994;font-weight:700}#contect_wrap .con_title p{letter-spacing:-2%;color:#555;margin:24px 0 40px;font-size:14px;font-weight:500;line-height:25px}.contect_con .address{text-align:center;background-color:#f9f9f9;margin-bottom:24px;padding:50px 0}.contect_con .address div:after{content:"";background-color:#6d6d6d;width:56.25%;height:1px;margin:44px auto;display:block}.contect_con .address div:last-child:after{content:none}.contect_con .address div h4{letter-spacing:-1%;color:#111;margin-bottom:22px;font-size:20px;font-weight:700;line-height:24px}.contect_con .address div h4:before{content:"";background:url(/img/icon_sub_contect1.png) 50%/contain no-repeat;width:16px;height:16px;margin-right:12px;display:inline-block}.contect_con .address div:nth-child(2) h4:before{background-image:url(/img/icon_sub_contect2.png)}.contect_con .address div:nth-child(3) h4:before{background-image:url(/img/icon_sub_contect3.png)}.contect_con .address div p{letter-spacing:-2%;color:#454545;font-size:18px;font-weight:500}.contect_con .address div:nth-child(2) a{margin-bottom:10px;display:inline-block}.contect_con .address div p a{color:#454545}.contect_con .map{background:url(/img/img_sub_contect_map.png) 50%/cover no-repeat;height:380px}.tab_wrap{width:100%;margin:60px auto 40px;position:relative}.tab_wrap .btn_select{color:#111;text-align:left;background-color:#fff;border:1px solid #111;border-radius:4px;width:100%;height:52px;padding:0 5%;font-size:15px;font-weight:600;line-height:50px}.tab_wrap .tab{z-index:10;border:1px solid #111;border-radius:4px;width:100%;margin-bottom:40px;display:none;position:absolute;top:58px;left:0;overflow:hidden}.tab_wrap .tab.on{display:block}.tab_wrap .tab+span{cursor:pointer;background:url(/img/icon_sub_select.png) 50%/contain no-repeat;width:12px;height:12px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.tab_wrap .tab.on+span{transform:translateY(-50%)rotate(180deg)}.tab_wrap .tab li button{color:#666;text-align:left;background-color:#fff;width:100%;height:50px;padding:0 5%;font-size:13px;font-weight:500;line-height:50px;display:block}.tab_wrap .tab li button:hover{color:#000;background-color:#f5f5f5;font-weight:600}.series_inner{margin-bottom:80px}.series_con .item{background-color:#f8f8f8;border-radius:8px;height:392px;margin-bottom:16px}.series_con .item a{border-radius:8px;height:100%;padding:16px 5%;display:block;position:relative}.series_con .item .img_container{background:#f7f7f7;border-radius:4px;justify-content:center;align-items:center;height:217px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.series_con .item .img_container img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.series_con .item a:after{content:"";background:url(/img/icon_sub_board_arrow.png) 50%/contain no-repeat;width:26px;height:19px;position:absolute;bottom:24px;right:7.5%}.series_con .item a span{background:url(/img/img_sub_series_th1.png) 50%/cover no-repeat;border-radius:4px;height:180px;margin-bottom:24px;display:block}.series_con .item a div b{color:#0c1994;font-size:14px;font-weight:700}.series_con .item a div p{letter-spacing:-1%;color:#000;margin:10px 0 20px;font-size:20px;font-weight:700;line-height:28px}.series_con .item a div i{letter-spacing:-2%;color:#999;font-size:15px;font-weight:500}.series_con .item a:hover{background:linear-gradient(#1423a9,#000967)}.series_con .item a:hover :after{background-image:url(/img/icon_sub_board_arrow2.png)}.series_con .item a:hover div b,.series_con .item a:hover div p,.series_con .item a:hover div i{color:#fff}.series_inner .more,.reference_inner .more{text-align:center;width:260px;height:46px;letter-spacing:-1%;color:#000;border:1px solid #787878;border-radius:100px;margin:40px auto 0;font-size:15px;line-height:44px;display:block}.list_pagenation[data-mobile-more=true]{display:none!important}.list_pagenation{text-align:center;margin-top:40px;margin-bottom:80px;display:block}.list_pagenation button{text-indent:-9999px;background:url(/img/icon_pagi_arrow.png) 50%/10px no-repeat;width:24px;height:24px;overflow:hidden}.list_pagenation button.false{cursor:auto;background-image:url(/img/icon_pagi_arrow_false.png)}.list_pagenation button:first-child{transform:rotate(180deg)}.list_pagenation button:first-child.false{transform:translate(0)}.list_pagenation button:last-child.false{transform:rotate(180deg)}.list_pagenation span{margin:0 24px}.list_pagenation span a{color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:4px;font-size:14px;font-weight:600;line-height:44px;display:inline-flex!important}.list_pagenation span a:last-child{margin-right:0}.list_pagenation span a.on{color:#fff;background-color:#0c1994}.series_inner .list_pagenation{display:none}#series_wrap .series_inner>.list_pagenation[data-mobile-more=true]{display:none!important}#series_wrap .series_inner>.kateco_load_more{text-align:center;margin-top:40px;display:block}.reference_inner .list_pagenation{display:none}.series_content{margin-bottom:200px}.series_content .title{border-top:1px solid #000;border-bottom:1px solid #e9e9e9;padding:24px 0}.series_content .title h3{letter-spacing:-2%;color:#111;margin-bottom:14px;font-size:20px;font-weight:600;line-height:28px}.series_content .title span{color:#888;font-size:14px}.series_content .con_box{border-bottom:1px solid #e9e9e9;margin-bottom:24px;padding:40px 0}.series_content .con_box img{width:100%;margin-bottom:50px}.series_content .con_box p{letter-spacing:-2%;color:#333;font-size:15px;font-weight:500;line-height:26px}.series_content .con_btn{text-align:center;width:146px;height:46px;letter-spacing:-1%;color:#fff;background-color:#0c1994;border-radius:46px;margin-left:auto;font-size:15px;line-height:46px;display:block}.series_content .con_list{border-top:1px solid #e9e9e9;margin-top:60px}.series_content .con_list a{height:52px;letter-spacing:-2%;color:#333;border-bottom:1px solid #e9e9e9;padding:0 2.5%;font-size:14px;line-height:52px;display:flex}.series_content .con_list a span{width:18.437%;position:relative}.series_content .con_list a span:after{content:"";background:url(/img/icon_sub_list.png) 50%/contain no-repeat;width:8px;height:4px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.series_content .con_list a:last-child span:after{transform:rotate(180deg)}.series_content .con_list a p{white-space:nowrap;text-overflow:ellipsis;width:72.188%;margin-left:9.062%;overflow:hidden}.series_content .con_list a p:hover{text-decoration:underline}.product_con .item{text-align:center;background-color:#fafafa;border-radius:6px;height:100%;margin-bottom:16px;padding:24px 9.375%;display:block;position:relative}.product_con .item span{background:url(/img/img_product_img.png) 50%/auto 100% no-repeat;height:166px;margin-bottom:16px;display:block}.product_con .item div b{color:#0c1994;font-size:14px;font-weight:700}.product_con .item div h3{letter-spacing:-1%;margin:8px 0 24px;font-size:20px;font-weight:700}.product_con .item div a{width:260px;height:46px;letter-spacing:-1%;color:#000;border:1px solid #787878;border-radius:46px;font-size:15px;font-weight:500;line-height:46px;display:inline-block}.product_con .item div a:hover{color:#fff;background-color:#0c1994;font-weight:600}.product_con .item .product_img{border-radius:4px;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.product_con .item .product_img img{object-fit:cover;width:100%;height:100%;padding:16px 5%;display:block}.product_content{margin-bottom:80px}.product_content .title{text-align:center;height:36px;margin-bottom:36px;line-height:36px;position:relative}.product_content .title h3{letter-spacing:-2%;font-size:30px}.product_content .title h3 span{letter-spacing:-2%;vertical-align:6px;font-size:14px;font-weight:600}.product_content .title button{text-indent:-9999px;background:#fff url(/img/icon_sub_list_product.png) 50%/7px no-repeat;border:1px solid #e9e9e9;border-radius:50%;width:36px;height:36px;position:absolute;top:0;left:0;overflow:hidden}.product_content .title button.btn_next{left:auto;right:0;transform:rotate(180deg)}.product_content .title button:hover{background-color:#0c1994;background-image:url(/img/icon_sub_list_product_w.png)}.product_content .title button:disabled:hover{cursor:no-drop;background-color:#eee;background-image:url(/img/icon_sub_list_product.png)}.product_content .con_box .left{margin-bottom:40px}.product_content .con_box .left .big{background:#f7f7f7 url(/img/img_product_big.png) 50%/cover no-repeat;border-radius:6px;height:268px;margin-bottom:12px}.product_content .con_box .left .thumbnail{justify-content:space-between;display:flex}.product_content .con_box .left .thumbnail a{text-indent:-9999px;background:url(/img/img_product_thum1.png) 50%/cover no-repeat;border:1px solid #0000;border-radius:2px;width:31.25%;height:66px;display:block;overflow:hidden}.product_content .con_box .left .thumbnail a:nth-child(2){background-image:url(/img/img_product_thum2.png)}.product_content .con_box .left .thumbnail a:nth-child(3){background-image:url(/img/img_product_thum3.png)}.product_content .con_box .left .thumbnail a.on{border-color:#ddd}.product_content .con_box .right .right_t{margin-bottom:40px}.product_content .con_box .right .right_t span{color:#0c1994;width:82px;height:30px;letter-spacing:-1%;text-align:center;border:1px solid #0c1994;border-radius:30px;margin-bottom:12px;font-size:13px;font-weight:700;line-height:28px;display:block}.product_content .con_box .right .right_t h4{letter-spacing:-1%;font-size:30px}.product_content .con_box .right .right_t h4 b{letter-spacing:-1%;vertical-align:6px;font-size:14px;font-weight:600}.product_content .con_box .right .right_t p{letter-spacing:-2%;color:#888;border-top:1px solid #ddd;margin-top:20px;padding-top:20px;font-size:15px;line-height:24px}.product_content .con_box .right .product_info{border-top:1px solid #000;width:100%;margin-bottom:36px}.product_content .con_box .right .product_info .item{display:flex}.product_content .con_box .right .product_info .item .pro_t{text-align:left;letter-spacing:-1%;background-color:#f7f7f7;border-bottom:1px solid #ddd;align-items:center;width:50%;padding:18px 4.375%;font-size:14px;font-weight:600;line-height:20px;display:flex}.product_content .con_box .right .product_info .item .pro_con{letter-spacing:-1%;color:#666;border-bottom:1px solid #ddd;align-items:center;width:50%;padding:18px 4.375%;font-size:14px;font-weight:600;line-height:20px;display:flex}.product_content .con_box .right .link button,.product_content .con_box .right .link a{text-align:center;color:#000;width:320px;height:48px;letter-spacing:-2%;border:1px solid #cecece;border-radius:48px;margin:0 auto 10px;font-size:15px;font-weight:700;line-height:46px;display:block}.product_content .con_box .right .link button:disabled{color:#999;cursor:not-allowed;opacity:.7;background-color:#e5e5e5;border:1px solid #d5d5d5}.product_content .con_box .right .link button:last-child,.product_content .con_box .right .link a:last-child{color:#fff;background-color:#0c1994;border:none;margin-bottom:0}.product_content .con_box .right .link button:disabled,.product_content .con_box .right .link button:last-child:disabled{color:#999;cursor:not-allowed;opacity:.7;background-color:#e5e5e5;border:1px solid #d5d5d5}.patent_con{flex-wrap:wrap;gap:32px 3.75%;display:flex}.patent_con .item{text-align:center;width:48.125%;margin-bottom:32px}.patent_con .item span{background:#f7f7f7 url(/img/img_patent_img.png) 50%/auto 179px no-repeat;border-radius:4px;height:207px;margin-bottom:20px;display:block;position:relative}.patent_con .item .patent_img{background:#f7f7f7;border-radius:4px;margin-bottom:20px;position:relative;overflow:hidden}.patent_con .item .patent_img a{border-radius:4px;justify-content:center;align-items:center;width:100%;height:207px;display:flex}.patent_con .item .patent_img img{object-fit:cover;width:auto;max-width:100%;height:180px;max-height:250px;display:block}.patent_con .item .patent_img:hover a{border:1.5px solid #0c1994}.patent_con .item .patent_img:hover:after{content:"";pointer-events:none;background:url(/img/icon_patent_a.png) 50%/54px no-repeat,#f7f7f733;position:absolute;inset:0}.patent_con .item span a{text-indent:-9999px;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.patent_con .item span:hover a{background:#f7f7f733 url(/img/icon_patent_a.png) 50%/54px no-repeat;border:1.5px solid #0c1994}.patent_con .item div h3{letter-spacing:-1%;margin-bottom:8px;font-size:16px}.patent_con .item div p{letter-spacing:-2%;color:#777;font-size:14px}.dim{z-index:100;background-color:#000c;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.patent_popup{background-color:#fff;border-radius:12px;width:88.888%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.patent_popup .left{background-color:#f3f3f3;height:300px;padding-top:63px}.patent_popup .left span{background:url(/img/img_patent_img.png) 50%/contain no-repeat;width:148px;height:207px;margin:0 auto;display:block;box-shadow:0 4px 20px #00000026}.patent_popup .right{padding:30px 6.25% 40px}.patent_popup .right h3{letter-spacing:-1%;margin-bottom:20px;font-size:22px}.patent_popup .right .patent_info{border-top:1px solid #000;width:100%}.patent_popup .right .patent_info .item{display:flex}.patent_popup .right .patent_info .item .patent_t{text-align:left;letter-spacing:-1%;background-color:#f7f7f7;border-bottom:1px solid #ddd;width:28.571%;padding:18px 4.375%;font-size:14px;font-weight:500;line-height:20px}.patent_popup .right .patent_info .item .patent_con{letter-spacing:-1%;color:#666;border-bottom:1px solid #ddd;width:71.429%;padding:18px 4.375%;font-size:14px;font-weight:500;line-height:20px}.patent_popup .popup_close{text-indent:-9999px;background:url(/img/icon_popup_close.png) 50%/contain no-repeat;width:20px;height:20px;position:absolute;top:20px;right:6.25%;overflow:hidden}.notice_inner{padding-bottom:80px}.notice_inner .list_wrap{border-top:1px solid #000;width:100%}.notice_inner .list_wrap .item{border-bottom:1px solid #ddd;padding:24px 0 24px 18.75%;position:relative}.notice_inner .list_wrap .item a{color:#111}.notice_inner .list_wrap .item div{color:#111;font-size:14px;font-weight:500;line-height:20px}.notice_inner .list_wrap .item .num{text-align:center;justify-content:center;align-items:center;width:18.75%;height:100%;display:flex;position:absolute;top:0;left:0}.notice_inner .list_wrap .item .num strong{color:#fff;background-color:#0c1994;border-radius:48px;width:48px;height:27px;font-size:11px;line-height:27px;display:inline-block}.notice_inner .list_wrap .item div span{color:#777;white-space:nowrap;font-size:11px;font-weight:700;line-height:20px;display:block}.reference_inner{padding-bottom:80px}.reference_con{flex-wrap:wrap;gap:32px 3.75%;display:flex}.reference_con .item{text-align:center;width:48.125%;margin-bottom:32px}.reference_con .item span{background:#f7f7f7 url(/img/img_reference_img.png) 50%/auto 179px no-repeat;border-radius:4px;height:207px;margin-bottom:20px;display:block;position:relative}.reference_con .item span a{text-indent:-9999px;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.reference_con .item span:hover a{background:#f7f7f733 url(/img/icon_reference_a.png) 50%/54px no-repeat;border:1.5px solid #0c1994}.reference_con .item div h3{letter-spacing:-1%;margin-bottom:8px;font-size:16px}.reference_con .item div p{letter-spacing:-2%;color:#777;font-size:14px}.reference_con .item .reference_img{background:#f7f7f7;border-radius:4px;height:207px;margin-bottom:20px;position:relative;overflow:hidden}.reference_con .item .reference_img:hover a{border:1.5px solid #0c1994}.reference_con .item .reference_img:hover:after{content:"";pointer-events:none;background:url(/img/icon_reference_a.png) 50%/54px no-repeat,#f7f7f733;position:absolute;inset:0}.reference_con .item .reference_img{cursor:pointer;background-color:#f7f7f7;border-radius:4px;justify-content:center;align-items:center;height:207px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.reference_con .item .reference_img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:179px;display:block}.reference_con .item .reference_img:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.reference_con .item .reference_img:hover:after{background:#f7f7f733 url(/img/icon_reference_a.png) 50%/54px no-repeat;border:1.5px solid #0c1994}.reference_con>:not(.item):has(>.item){width:48.125%;min-width:0}.reference_con>:not(.item)>.item{width:100%}#reference_wrap .reference_con .item .reference_img{box-sizing:border-box;aspect-ratio:1;background:#f7f7f7;border-radius:6px;width:100%;height:auto;min-height:0;max-height:none;padding:0;display:block;position:relative;overflow:hidden}#reference_wrap .reference_con .item .reference_img img{box-sizing:border-box;object-fit:cover;object-position:center;width:calc(70.7692% - 28.3077px);min-width:0;max-width:none;height:calc(100% - 40px);min-height:0;max-height:none;margin:0;padding:0;display:block;position:absolute;inset:20px auto auto 50%;transform:translate(-50%)}.kateco_load_more{text-align:center;margin-top:40px;display:block}.kateco_load_more .btn_more{box-sizing:border-box;color:#000;width:100%;max-width:260px;height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #787878;border-radius:100px;justify-content:center;align-items:center;margin:0 auto;padding:0 20px;font-size:15px;font-weight:400;line-height:44px;display:flex}.kateco_load_more .btn_more:disabled{opacity:.6;cursor:wait}.kateco_load_more .btn_more:focus-visible{outline-offset:3px;outline:2px solid}.kateco_load_more p{color:#777;margin:12px 0 0;font-size:12px}.contact_inner{padding-bottom:80px}.contact_form{border-top:1px solid #000;width:100%}.contact_form .item{border-bottom:1px solid #ddd;padding:16px 0 12px;position:relative}.contact_form .item label{letter-spacing:-2%;margin-bottom:6px;font-size:14px;font-weight:600;line-height:22px;display:block}.contact_form .item label span:after,.contact_form .agree_wrap .agree_t label span:after{content:"*";color:#0c1994;margin-left:2px;font-size:16px;font-weight:700}.contact_form .item input,.contact_form .item textarea{color:#111;background-color:#fff;border:1px solid #d7d7d7;border-radius:6px;width:100%;height:48px;padding:0 3.75%;font-size:14px;line-height:46px}.contact_form .tel_item div{justify-content:space-between;display:flex}.contact_form .tel_item input{width:31.875%}.contact_form .item textarea{height:180px;padding:16px 3.75%;line-height:1.3}.contact_form .item input::placeholder,.contact_form .item textarea::placeholder{letter-spacing:-3%;color:#999;font-size:14px}.contact_form .agree_wrap{margin-top:32px}.contact_form .agree_wrap .agree_t{margin-bottom:32px;line-height:20px;position:relative}.contact_form .agree_wrap .agree_t input[type=checkbox]{display:none}.contact_form .agree_wrap .agree_t input[type=checkbox]+label{letter-spacing:-2%;color:#111;vertical-align:-2px;padding-left:26px;font-size:15px;font-weight:600;display:inline-block;position:relative}.contact_form .agree_wrap .agree_t input[type=checkbox]+label strong{color:#0c1994;font-weight:600}.contact_form .agree_wrap .agree_t input[type=checkbox]+label:before{content:"";border:1px solid #777;border-radius:50%;width:20px;height:20px;display:block;position:absolute;top:0;left:0}.contact_form .agree_wrap .agree_t input[type=checkbox]:checked+label:before{background:#0c1994 url(/img/icon_contact_radio.png) 50%/6px no-repeat;border-color:#0c1994}.contact_form .agree_wrap .agree_t button{letter-spacing:-3%;color:#333;margin-right:3px;font-size:14px;font-weight:500;position:absolute;top:2px;right:0}.contact_form .agree_wrap .agree_t button span{vertical-align:3px;background:url(/img/icon_contact_arrow.png) 50%/contain no-repeat;width:8px;height:5px;margin-left:6px;display:inline-block;transform:rotate(180deg)}.contact_form .agree_wrap .agree_t button.on span{transform:rotate(0)}.contact_form .agree_wrap .agree_box{background-color:#f8f8f8;border-radius:4px;margin-bottom:40px;padding:16px 5%;display:none}.contact_form .agree_wrap .agree_box p{letter-spacing:-2%;color:#333;margin-bottom:10px;font-size:14px;line-height:22px}.contact_form .agree_wrap .agree_box p:last-child{margin-top:0}.contact_form .btn_wrap{text-align:center;margin-top:40px}.contact_form .btn_wrap button{color:#000;border:1px solid #cecece;border-radius:48px;width:156px;height:48px;font-size:15px;font-weight:700;display:inline-block}.contact_form .btn_wrap .btn_send{color:#fff;background-color:#0c1994;border:none;margin-left:8px}@media (min-width:768px){.series_con{flex-wrap:wrap;justify-content:space-between;display:flex}.series_con .item{width:49%}.product_con{flex-wrap:wrap;justify-content:flex-start;gap:1%;display:flex}.product_con .item{width:49%}.patent_con{gap:32px 2%}.patent_con .item{width:32%}.reference_con{gap:32px 2%}.reference_con .item{width:32%}.reference_con>:not(.item):has(>.item){width:32%}}@media (min-width:1024px){.btn1{border-radius:40px;width:100px;height:40px;font-size:15px;line-height:40px}header{height:90px}.logo{top:35px;left:0}.logo a{width:114px;height:20px}.btn_nav{display:none}nav{background-color:#0000;width:65%;max-width:800px;height:90px;padding-top:0;display:block;position:absolute;top:0;left:50%;right:5.555%;transform:translate(-50%)}nav.on{display:block}nav .gnb{float:right;border:none;width:100%;margin:0}nav .gnb>li{float:left;width:20%;margin-left:0;position:relative}nav .gnb>li>a{text-align:center;border-bottom:none;width:auto;padding:0;font-size:17px;line-height:90px;transition:transform .25s;display:block;position:relative}nav .gnb>li:first-child>a{transform:translate(8px)}nav .gnb>li:nth-child(2)>a{transform:translate(4px)}nav .gnb>li:nth-child(3)>a{transform:translate(0)}nav .gnb>li:nth-child(4)>a{transform:translate(-4px)}nav .gnb>li:nth-child(5)>a{transform:translate(-8px)}nav:hover .gnb>li>a{transform:translate(0)}nav .gnb>li>a:after{content:none}nav .gnb .sub{z-index:10;background-color:#0000;border-bottom:none;border-right:1px solid #ececec;width:100%;height:0;padding:0 15%;transition:height .25s;display:block;position:absolute;top:90px;left:0;overflow:hidden}nav .gnb li:first-child .sub{border-left:1px solid #ececec}nav .gnb .sub li{margin-bottom:0}nav .gnb .sub li:first-child{margin-top:30px}nav .gnb .sub li:last-child{margin-bottom:30px}nav .gnb .sub li a{font-size:16px;line-height:40px}nav .bg{background-color:#fff;border-top:0 solid #d7d3d1;border-bottom:0 solid #d7d3d1;width:100vw;height:0;transition:height .25s,border-top-width .25s,border-bottom-width .25s;position:fixed;top:90px;left:50%;overflow:hidden;transform:translate(-50%)}nav .gnb>li:hover .sub{background-color:#f5f5f5}nav .gnb>li:hover .sub:before{content:"";background-color:#0c1994;width:100%;height:2px;position:absolute;top:0;left:0}nav:hover .sub{height:280px}nav:hover .bg{border-top-width:1px;border-bottom-width:1px;height:281px}.sitemap{text-indent:-9999px;background:url(/img/icon_sitemap.png) 50%/contain no-repeat;width:23px;height:23px;display:block;position:absolute;top:34px;right:0;overflow:hidden}.sitemap.on{background-image:url(/img/icon_sitemap_on.png)}.swiper-wrapper{padding-bottom:100px}.swiper-wrapper .product_img{background:#f7f7f7;border-radius:4px;justify-content:center;align-items:center;height:260px;padding:20px;display:flex;overflow:hidden}.swiper-wrapper .product_img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}#visual{margin-top:90px}.visual_slider .swiper-slide{width:88.888%;height:860px;padding-top:328px}.visual_slider .visual_text{width:auto;margin-left:11.111%}.visual_slider .visual_text h2{margin-bottom:34px;font-size:64px;line-height:74px}.visual_slider .visual_text p{font-size:18px;line-height:1}.visual_slider .visual_text p br{display:none}#visual .visual_pagination{width:440px;bottom:150px}.visual_pagination .swiper-pagination-bullet{width:140px;height:3px}.quality_text .line{height:80px;line-height:80px;display:inline-block}.quality_text .line:first-child{margin-bottom:12px;display:block}.quality_text div span{font-size:68px}.quality_text div span b{--box-w:150px;border-radius:10px;height:80px}.quality_text .line:first-of-type b{margin-left:12px}.quality_text .line:nth-of-type(3) b{margin-left:12px;margin-right:12px}.quality_text p{margin-top:50px;font-size:17px;line-height:1}.quality_text p br{display:none}#product{padding:60px 0 280px}#product .bg{background-size:100%;border-radius:30px;width:93.75%;height:1080px;top:150px;left:3.125%}#product .con{width:88.888%;margin:-800px auto 0;padding:0 6.25%;position:relative}.pro_title{color:#fff;margin:0 0 80px;position:sticky;top:300px;left:0}.pro_title h2{margin-bottom:20px;font-size:58px}.pro_title p{margin-bottom:40px}.pro_list{width:60%;margin-left:auto;margin-right:0}#cases .con{border-radius:30px;width:93.75%;margin:0 3.125%;padding:180px 6.25%}.cases_title{margin-bottom:80px;position:relative}.cases_title>span{margin-bottom:16px;font-size:16px}.cases_title h2{font-size:50px;line-height:64px}.cases_title a{bottom:0;right:0}.cases_slider{padding-bottom:100px}.cases_slider>div{display:flex}.cases_slider .swiper-slide{margin-bottom:0}.cases_slider .swiper-slide:nth-child(3)~div{display:block}.cases_slider .swiper-slide a span{border-radius:12px;height:280px;margin-bottom:30px}.cases_slider .swiper-slide a h3{margin-bottom:14px;font-size:22px;line-height:30px}.cases_slider .swiper-slide a p{margin-bottom:16px;font-size:17px;line-height:26px}.cases_slider .swiper-slide a b{font-size:16px;line-height:26px}.cases_slider .swiper-slide a .product_img{border-radius:12px;height:280px;margin-bottom:30px}footer{padding:140px 0 40px}.f_top a{width:154px;height:154px}.circle-badge{--size:154px}.con_title_visual{margin-top:190px}.con_title_visual .con_h{margin-bottom:40px;display:block}.con_title_visual .con_h>a{text-indent:-9999px;background:url(/img/icon_sub_home.png) 50%/contain no-repeat;width:14px;height:12px;display:inline-block;overflow:hidden}.con_title_visual .con_h>span{background:url(/img/icon_sub_title_arrow.png) 50%/10px no-repeat;width:10px;height:10px;margin:0 16px;display:inline-block}.con_title_visual .con_h p{letter-spacing:-1%;color:#666;z-index:10;font-size:16px;display:inline-block;position:relative}.con_title_visual .con_h p:last-of-type,.con_title_visual .con_h p>a{color:#000}.con_title_visual .con_h p>a:after{content:"";vertical-align:2px;background:url(/img/icon_sub_title_link.png) 50%/contain no-repeat;width:8px;height:5px;margin-left:10px;display:inline-block}.con_title_visual .con_h p.active>a:after{transform:rotate(180deg)}.con_title_visual .con_h p span{background-color:#fff;border-radius:8px;width:136px;height:138px;padding:24px 20px;display:none;position:absolute;top:30px;left:-20px;box-shadow:0 4px 8px #0000001a}.con_title_visual .con_h p.t_list2 span{height:auto;overflow:hidden}.con_title_visual .con_h p.t_list2 a{font-size:16px}.con_title_visual .con_h p.t_list2 a.on{color:#0c1994;font-size:16px;font-weight:700}.con_title_visual .con_h p.active span{display:block}.con_title_visual .con_h p span a{color:#555;margin-bottom:18px;font-size:500px;display:block}.con_title_visual .con_h p span a:last-child{margin-bottom:0}.con_title_visual .con_h p span a.on{color:#0c1994;font-weight:700}.con_title_visual h2{letter-spacing:-2%;margin-bottom:181px;font-size:64px}.con_title_visual h2.board_h2{margin-bottom:100px}.con_title_visual .con_visual{overflow:hidden}.con_title_visual .con_visual div{border-radius:16px;height:540px;margin-bottom:130px}#about_con{margin-bottom:150px}#about_con .left strong{font-size:44px;line-height:61px}#about_con .left strong br{display:none}#about_con .right{margin-top:32px;margin-bottom:80px}#about_con .right p{margin-bottom:40px;font-size:18px;line-height:32px}#about_con .right p:last-child{font-size:18px}#about_con .right p em{vertical-align:-12px;width:102px;height:36px;margin-left:20px}#value{padding:130px 0 180px}#value .con_title{margin-bottom:50px}#value .con_title h2{margin-bottom:24px;font-size:48px}#value .con_title p{font-size:18px;line-height:28px}.value_list{justify-content:space-between;display:flex}.value_list .value_card{text-align:center;border-radius:16px;width:31.875%;height:520px;margin-bottom:0;padding-top:70px;display:block}.value_list .value_card span{width:180px;height:180px;margin:0 auto 42px;display:block}.value_list .value_card .text{width:100%;margin-left:0}.value_list .value_card .text h3{font-size:34px}.value_list .value_card .text h3:after{height:24px;margin:14px auto}.value_list .value_card .text strong{font-size:20px;line-height:32px}.value_list .value_card .text p{font-size:18px;line-height:32px}#history_wrap{padding-bottom:200px}.history_tab_sticky{margin-bottom:120px;top:90px}.history_tab a{border-radius:60px;width:180px;height:60px;margin-right:20px;font-size:20px;line-height:60px}.history_con .left{margin-bottom:48px}.history_con .left h3{margin-bottom:16px;font-size:24px}.history_con .left p{font-size:44px;line-height:54px}.history_con .left .history_img,.history_con .left span{border-radius:0 70px;height:360px;margin-top:50px}.history_con .right>div{margin-bottom:72px}.history_con .right h4{margin-bottom:24px;font-size:42px}.history_con .right ul li{margin-bottom:10px;font-size:18px}.history_con .right ul li span{width:80px}.history_con .right ul li p{width:calc(100% - 38px)}.history_tab a{color:#888;letter-spacing:-3%;font-weight:600;display:inline-block}#contect_wrap{padding-bottom:200px}#contect_wrap .con_title h3{margin-bottom:16px;font-size:20px}#contect_wrap .con_title strong{font-size:50px;line-height:54px}#contect_wrap .con_title p{margin:50px 0 80px;font-size:18px;line-height:30px}.contect_con .address{justify-content:space-between;align-items:center;height:220px;margin-bottom:40px;padding:0;display:flex}.contect_con .address div{width:33.333%;position:relative}.contect_con .address div:after{content:"";background-color:#6d6d6d;width:1px;height:120px;margin:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.contect_con .address div h4{margin-bottom:30px;font-size:22px}.contect_con .address div h4:before{width:18px;height:18px;margin-right:16px}.contect_con .address div p{font-size:20px}.contect_con .map{height:540px}.tab_wrap{border-bottom:1px solid #e8e8e8;width:100%;margin:100px 0 80px;position:relative}.tab_wrap .btn_select{display:none}.tab_wrap .tab{height:64px;box-shadow:none;border:none;border-radius:0;margin:0 auto;display:block;position:static;overflow:hidden}.tab_wrap .tab+span{display:none}.tab_wrap .tab li{float:left;width:140px}.tab_wrap .tab li button{color:#999;text-align:center;width:100%;height:64px;letter-spacing:-2%;background-color:#0000;padding:0 5%;font-size:18px;font-weight:600;line-height:64px;display:block}.tab_wrap .tab li button:hover{color:#0c1994;background-color:#0000}.tab_wrap .tab li button.on{color:#0c1994;border-bottom:2px solid #0c1994;font-weight:700}.tab_wrap.product_con_tab{margin-bottom:60px}.series_inner{padding-bottom:200px}.series_con .item{border-radius:8px;width:32%;height:463px}.series_con .item .img_container{border-radius:6px}.series_con .item a{border-radius:10px;height:100%;padding:20px 4.95%}.series_con .item a:after{bottom:30px;right:7.425%}.series_con .item a span{border-radius:6px;height:218px;margin-bottom:30px}.series_con .item a div b{font-size:16px}.series_con .item a div p{margin:12px 0 20px;font-size:22px;line-height:32px}.series_con .item a div i{font-size:16px}.series_inner .more,.reference_inner .more{display:none}.series_inner .list_pagenation{display:block}#series_wrap .series_inner>.list_pagenation[data-mobile-more=true]{display:block!important}#series_wrap .series_inner>.kateco_load_more{display:none}.reference_inner .list_pagenation{display:block}.list_pagenation{text-align:center;margin-top:80px;display:block}.list_pagenation button{text-indent:-9999px;background:url(/img/icon_pagi_arrow.png) 50%/10px no-repeat;width:24px;height:24px;overflow:hidden}.list_pagenation button:first-child{transform:rotate(180deg)}.list_pagenation span{margin:0 24px}.list_pagenation span a{vertical-align:middle;text-align:center;justify-content:center;align-items:center;box-sizing:border-box!important;border-radius:50%!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;line-height:1!important;display:inline-flex!important}.list_pagenation span a:last-child{margin-right:0}.list_pagenation span a.on{color:#fff;background-color:#0c1994}.series_content .title{padding:40px 0}.series_content .title h3{margin-bottom:24px;font-size:28px;line-height:36px}.series_content .title span{font-size:15px}.series_content .con_box{margin-bottom:30px;padding:80px 10% 100px}.series_content .con_box img{width:100%;margin-bottom:50px}.series_content .con_box p{font-size:18px;line-height:30px}.series_content .con_btn{border-radius:49px;width:160px;height:49px;font-size:16px;line-height:49px}.series_content .con_list{margin-top:80px}.series_content .con_list a{height:57px;padding:0 2.5%;font-size:16px;line-height:57px}.product_con .item{width:32%;height:470px;padding:40px 0}.product_con .item span{height:180px;margin-bottom:24px}.product_con .item div b{font-size:15px}.product_con .item div h3{margin:12px 0 34px;font-size:22px}.product_con .item div a{border-radius:51px;height:51px;font-size:16px;line-height:51px}.product_content{margin-bottom:200px}.product_content .title{height:220px;margin:0 0 60px;padding:85px 0;line-height:50px}.product_content .title h3{font-size:42px}.product_content .title h3 span{vertical-align:6px;font-size:24px}.product_content .title button{background-size:8px;width:46px;height:46px;top:50%;transform:translateY(-50%)}.product_content .title button.btn_next{transform:translateY(-50%)rotate(180deg)}.product_content .con_box{justify-content:space-between;display:flex}.product_content .con_box .left{width:48.437%;margin-bottom:0}.product_content .con_box .left .big{border-radius:8px;height:440px;margin-bottom:26px}.product_content .con_box .left .thumbnail a{border-radius:4px;width:31.25%;height:130px;display:block}.product_content .con_box .right{width:46.875%}.product_content .con_box .right .right_t{margin-bottom:60px}.product_content .con_box .right .right_t span{margin-bottom:16px}.product_content .con_box .right .right_t h4{font-size:34px}.product_content .con_box .right .right_t h4 b{font-size:20px}.product_content .con_box .right .right_t p{margin-top:40px;padding-top:32px}.product_content .con_box .right .product_info{margin-bottom:30px}.product_content .con_box .right .link{text-align:center}.product_content .con_box .right .link button,.product_content .con_box .right .link a{border-radius:58px;width:48%;height:60px;margin-right:16px;font-size:17px;line-height:60px;display:inline-block}.product_content .con_box .right .link button:last-child,.product_content .con_box .right .link a:last-child{margin-right:0}#patent_wrap{margin-top:180px}.patent_con .item{margin-bottom:50px}.patent_con .item span{background-size:auto 260px;border-radius:6px;height:340px;margin-bottom:32px}.patent_con .item .patent_img a{border-radius:4px;justify-content:center;align-items:center;width:100%;height:340px;display:flex}.patent_con .item .patent_img img{object-fit:cover;width:auto;height:340px;display:block}.patent_con .item span a{border-radius:6px}.patent_con .item span:hover a{background-image:54px;border-width:2px}.patent_con .item div h3{margin-bottom:14px;font-size:22px}.patent_con .item div p{font-size:16px}.patent_popup{border-radius:16px;height:620px;display:flex;overflow:hidden}.patent_popup .left{width:46.666%;height:100%;padding-top:81px}.patent_popup .left span{width:325px;height:458px}.patent_popup .right{width:53.334%;padding:171px 10.5% 0}.patent_popup .right h3{margin-bottom:30px;font-size:36px}.patent_popup .right .right .patent_info{border-top:1px solid #000;width:100%}.patent_popup .popup_close{width:27px;height:27px;top:40px;right:3.333%}#notice_wrap{margin-top:180px}.notice_inner{padding-bottom:200px}.notice_inner .list_wrap .item{justify-content:space-between;align-items:center;height:100px;padding:0;display:flex}.notice_inner .list_wrap .item div{font-size:20px}.notice_inner .list_wrap .item .num{width:10%;height:auto;display:block;position:static}.notice_inner .list_wrap .item .num strong{border-radius:40px;width:78px;height:40px;font-size:17px;line-height:40px}.notice_inner .list_wrap .item div:nth-child(2){text-align:left;width:calc(100% - 230px)}.notice_inner .list_wrap .item div span{color:#777;font-size:20px;font-weight:400}#reference_wrap{margin-top:180px}.reference_inner{padding-bottom:200px}.reference_con .item{margin-bottom:50px}.reference_con .item span{background-size:auto 260px;border-radius:6px;height:340px;margin-bottom:32px}.reference_con .item span a{border-radius:6px}.reference_con .item span:hover a{background-image:54px;border-width:2px}.reference_con .item div h3{margin-bottom:14px;font-size:22px}.reference_con .item div p{font-size:16px}.reference_con .item .reference_img{border-radius:6px;height:340px;margin-bottom:32px}.reference_con .item .reference_img img{max-height:260px}.reference_con .item .reference_img:hover:after{border-width:2px}.list_pagenation[data-mobile-more=true]{display:block!important}.kateco_load_more{display:none}#contact_wrap{margin-top:180px}.contact_inner{padding-bottom:200px}.contact_form .item{align-items:center;padding:20px 16px;display:flex}.contact_form .item label{letter-spacing:-3%;width:14.843%;margin-bottom:0;font-size:16px}.contact_form .item label span:after,.contact_form .agree_wrap .agree_t label span:after{vertical-align:4px}.contact_form .item input,.contact_form .item textarea{border-radius:4px;width:420px;height:52px;padding:0 16px;font-size:16px;line-height:50px}.contact_form .tel_item div{justify-content:flex-start;display:flex}.contact_form .tel_item input{width:152px;margin-right:8px}.contact_form .item textarea{width:calc(100% - 190px);height:220px;padding:16px;line-height:22px}.contact_form .item input::placeholder,.contact_form .item textarea::placeholder{font-size:16px}.contact_form .agree_wrap{margin-top:31px}.contact_form .agree_wrap .agree_t{margin-bottom:20px;line-height:24px;position:relative}.contact_form .agree_wrap .agree_t input[type=checkbox]+label{padding-left:30px;font-size:16px}.contact_form .agree_wrap .agree_t input[type=checkbox]+label:before{width:24px;height:24px;top:2px}.contact_form .agree_wrap .agree_t input[type=checkbox]:checked+label:before{background-size:9px}.contact_form .agree_wrap .agree_t button{font-size:16px}.contact_form .agree_wrap .agree_box{margin-bottom:84px;padding:24px 30px}.contact_form .agree_wrap .agree_box p{margin-bottom:20px;font-size:15px;line-height:24px}.contact_form .btn_wrap{margin-top:60px}.contact_form .btn_wrap button{border-radius:58px;width:200px;height:58px;font-size:17px;display:inline-block}.contact_form .btn_wrap .btn_send{margin-left:12px}html.on,body.on{overflow:hidden}nav.site{display:none}#sitemap_wrap{z-index:200;opacity:0;visibility:hidden;background-color:#fff;width:100%;height:100%;padding-top:80px;transition:opacity .3s,visibility 0s linear .3s;display:none;position:fixed;top:90px;left:0;overflow:hidden}#sitemap_wrap.on{opacity:1;visibility:visible;transition:opacity .3s,visibility linear;display:block}#sitemap_wrap .con{width:88.888%;margin:0 auto;display:flex}.depth2{border-left:1px solid #dcdcdc;width:16.666%;padding:30px 3% 170px}.depth2:first-child{border-left:none}.depth2 h3{color:#111;margin-bottom:32px;font-size:20px;font-weight:700}.depth2>ul>li>a{color:#666;font-size:16px;font-weight:600;line-height:34px}.depth2>ul>li>a:hover{color:#0c1994}.depth2.depth2_pro{width:33.333%}.depth2.depth2_pro>ul{flex-wrap:wrap;display:flex}.depth2.depth2_pro>ul>li{width:50%}.depth2.depth2_pro>ul>li>a{color:#111;margin-bottom:12px;font-weight:500}.depth3{margin-bottom:32px}.depth3 li a{color:#666;font-size:14px;font-weight:500;line-height:30px}}@media (min-width:1600px){section>div{width:1400px;margin:0 auto}.header_inner{width:89.583%}nav{width:800px}nav .gnb>li{width:160px}.visual_slider .swiper-slide{width:93.75%;margin:0 3.125%}#product{padding:160px 0 280px}#product .bg{width:93.75%;left:3.125%}#product .con{width:1400px;padding:0}.pro_title p{font-size:16px}.pro_list{width:100%;margin-left:auto;margin-right:0}.pro_list .pro_card{color:#fff;width:440px;margin-bottom:20px;margin-left:auto}.pro_list .pro_card:nth-child(2n){width:560px;margin-left:360px}.pro_list .pro_card span{border-radius:16px;height:540px;margin-bottom:30px}.pro_list .pro_card:nth-child(2n) span{height:380px}.pro_list .pro_card div:after{content:"";clear:both;display:block}.pro_list .pro_card div h3{float:left;width:118px;margin-bottom:0;font-size:26px}.pro_list .pro_card div p{float:left;width:calc(100% - 118px);font-size:18px;line-height:26px}#cases .con{width:93.75%;margin:0 3.125%;padding:180px 0}.cases_title{width:1400px;margin:0 auto 80px}.cases_slider{width:1400px}footer{padding:140px 0 40px}footer .con{width:1400px}.f_top{margin-bottom:100px}.f_top div h2{margin-bottom:32px;font-size:68px}.f_top div p{font-size:22px;line-height:34px}.f_top a{width:154px;height:154px}.circle-badge{--size:154px}.f_bottom .left{float:left;margin-bottom:70px}.f_bottom .left .f_info{flex-wrap:wrap;width:728px;display:flex}.f_bottom .left .f_info span{width:50%;margin-bottom:8px;font-size:16px}.f_bottom .left .f_info span:first-child{order:1}.f_bottom .left .f_info span:nth-child(2){order:3}.f_bottom .left .f_info span:nth-child(3){order:5}.f_bottom .left .f_info span:nth-child(4){order:2}.f_bottom .left .f_info span:nth-child(5){order:4}.f_bottom .left .f_info span:nth-child(6){order:6}.f_bottom .left .f_info span b{width:94px}.f_bottom .right{float:right;text-align:right;width:415px}.f_bottom .right .link{margin-bottom:30px}.f_bottom .right .link a{font-size:16px;line-height:24px}.f_bottom .right .sns{text-align:right;margin-bottom:30px;display:block}.f_bottom .right .sns a{color:#0000;border-radius:50%;width:50px;height:50px;font-size:0;display:inline-block}.f_bottom .right .sns a:last-child{margin-left:8px}.f_bottom>p{clear:both;font-size:15px;line-height:auto;text-align:right;border-top:1px solid #262626;padding:30px 0 0}.sub .con,.con_title_visual .con{width:1280px;margin:0 auto}#about_con .con{display:flex}#about_con .left{width:456px}#about_con .left strong br{display:block}#about_con .right{width:824px;margin-top:0}#value{padding:130px 0 180px}.value_list .value_card{width:408px}.value_list .value_card span{width:180px;height:180px;margin:0 auto 42px;display:block}.history_con{justify-content:space-between;display:flex}.history_con .left{width:520px}.history_con .right{width:539px}.history_con .right h4:before{left:-111px}.history_tab a{color:#888;letter-spacing:-3%;font-weight:600;display:inline-block}#history_wrap{padding-bottom:200px}.history_tab_sticky{margin-bottom:120px;top:90px}.history_tab{margin-bottom:0}.history_tab a{border-radius:60px!important;width:180px!important;height:60px!important;margin-right:20px!important;font-size:20px!important;line-height:60px!important}.history_tab .swiper-wrapper{justify-content:center;transform:none!important}.history_tab a:last-child{margin-right:0!important}.sub .con,.con_title_visual .con{width:1280px;margin:0 auto}.con_title_visual .con_visual div{background:url(/img/bg_sub_about_kateco.png) 50%/cover no-repeat;border-radius:16px;width:1200px;height:540px;margin:0 auto 130px}.history_con{grid-template-columns:520px 539px;justify-content:space-between;align-items:start;display:grid}.history_con .left{opacity:0;grid-area:1/1/-1;width:520px;margin-bottom:0;transition:opacity .6s;display:none;position:sticky;top:300px}.history_con .left.active{display:block}.history_con .left h3{margin-bottom:16px;font-size:24px}.history_con .left p{font-size:44px;line-height:54px}.history_con .left history_img,.history_con .left span{border-radius:0 70px;height:360px;margin-top:50px}.history_con .right{grid-column:2;width:539px;margin-bottom:72px;padding-left:0}.history_con .right>div{margin-bottom:72px}.history_con .right h4{margin-bottom:24px;font-size:42px}.history_con .right ul li{margin-bottom:10px;font-size:18px}.history_con .right ul li span{width:80px}.history_con .right ul li p{width:calc(100% - 38px)}.history_con .right>i{left:-100px}.tab_wrap .tab{width:1280px}.series_content .con_box{text-align:center;width:100%}.series_content .con_box img{width:1000px;margin:0 auto 50px}.series_content .con_list a{padding:0 20px}.series_content .con_list a span{width:76px}.series_content .con_list a p{white-space:nowrap;text-overflow:ellipsis;width:1144px;margin-left:40px;overflow:hidden}.product_con .item{width:404px}.product_con .item span{height:220px}.product_content .con_box .left{width:620px;margin-bottom:0}.product_content .con_box .left .thumbnail a{width:196px}.product_content .con_box .right{width:600px}.product_content .con_box .right .product_info{margin-bottom:30px}.product_content .con_box .right .product_info .item .pro_t{width:240px}.product_content .con_box .right .product_info .item .pro_t br{display:none}.product_content .con_box .right .product_info .item .pro_con{width:360px}.product_content .con_box .right .link{text-align:center}.product_content .con_box .right .link button,.product_content .con_box .right .link a{width:292px;margin-right:12px}.product_content .con_box .right .link button:last-child,.product_content .con_box .right .link a:last-child{margin-right:0}.patent_con{gap:50px 28px}.patent_con .item{width:299px}.patent_popup{width:1200px}.patent_popup .left{width:560px}.patent_popup .right{width:640px;padding:171px 80px 0}.patent_popup .popup_close{right:40px}.notice_inner .list_wrap .item .num{width:78px;margin-right:50px}.reference_con{gap:50px 28px}.reference_con .item{width:299px}.reference_con>:not(.item):has(>.item){width:299px}.contact_form .item textarea{width:1050px}#sitemap_wrap .con{width:1400px}.depth2{padding:30px 44px 170px}.depth2 h3{color:#111;margin-bottom:32px;font-size:24px;font-weight:700}.depth2>ul>li>a{color:#666;font-size:17px;font-weight:600;line-height:38px}.depth2>ul>li>a:hover{color:#0c1994}.depth2.depth2_pro>ul>li>a{color:#111;margin-bottom:12px;font-weight:600}.depth3{margin-bottom:32px}.depth3 li a{color:#666;font-size:17px;font-weight:500;line-height:34px}}@media (prefers-reduced-motion:reduce){.quality_text div span{clip-path:none!important}.quality_text div span b{width:var(--box-w,90px)!important}.quality_text p{opacity:1!important}}body.policy_lock{width:100%;position:fixed;left:0;overflow:hidden}.policy_dim{z-index:200;background-color:#000c;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.policy_dim.on{display:block}.policy_popup{background-color:#fff;border-radius:16px;flex-direction:column;width:88.888%;max-width:520px;max-height:82vh;padding-bottom:19px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.policy_popup .policy_head{padding:60px 0 30px;position:relative}.policy_popup .policy_head h3{letter-spacing:-1%;text-align:center;font-size:22px;font-weight:600;line-height:1.4}.policy_popup .policy_close{text-indent:-9999px;background:url(/img/icon_popup_close.png) 50%/contain no-repeat;width:20px;height:20px;position:absolute;top:21px;right:15px;overflow:hidden}.policy_popup .policy_cont{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;border-radius:8px;width:87.5%;height:304px;margin:0 auto;padding:30px 7.142% 0;overflow-y:auto}.policy_popup .policy_cont p{letter-spacing:-2%;color:#333;word-break:keep-all;margin-bottom:20px;font-size:14px;font-weight:500;line-height:24px}.policy_popup .policy_cont.on{display:block}.policy_popup .policy_loading{text-align:center;color:#999;padding:40px 0}@media (min-width:1024px){.policy_popup{border-radius:16px;width:80%;max-width:1080px;height:598px;padding-bottom:70px}.policy_popup .policy_head{padding:90px 0 41px}.policy_popup .policy_head h3{font-size:32px}.policy_popup .policy_close{width:27px;height:27px;top:40px;right:40px}.policy_popup .policy_cont{width:87.037%;height:359px;padding:40px 4.255%}.policy_popup .policy_cont p{font-size:15px;line-height:28px}.policy_popup .policy_cont h4{margin:28px 0 10px;font-size:17px}}