.post_banner .flex{min-height:47.1rem;padding:6rem 0}.post_banner .head{flex:1;padding-top:1%}.post_banner .breadcrumbs{line-height:3rem;min-height:4rem;margin-bottom:1.3rem}.post_banner .breadcrumbs span{font-size:1.8rem;font-weight:300;letter-spacing:.12px}.post_banner .breadcrumbs span span::before{display:inline-block;content:'';background:url(../../../../../../../../themes/sytech/assets/img/bread-nav.svg) no-repeat center / contain;width:1rem;height:1rem;margin:0 1.2rem 0 1.1rem}.post_banner .breadcrumbs span span:first-child::before{display:none}.post_banner .breadcrumbs span span:first-child a{overflow:hidden;display:inline-block;width:1.7rem;height:1.7rem;background:url(../../../../../../../../themes/sytech/assets/img/home.svg) no-repeat center / contain;text-indent:-999px;color:transparent;filter:contrast(0) brightness(2);transform:translateY(1px);margin-right:-.6rem}.post_banner .breadcrumbs span span:first-child a:hover{filter:unset}.post_banner .breadcrumbs span a{transition:all 0.3s;text-decoration:underline transparent}.post_banner .breadcrumbs span a:hover{color:var(--secondary);text-decoration-color:var(--secondary)}.post_banner .subtitle{margin-bottom:-1px}.post_banner h1{max-width:110.1rem}.post_banner p{max-width:49.9rem;margin-top:2.2rem}.technology_banner .flex{min-height:48.4rem}.technology_banner h1{max-width:71.4rem}.technology_banner .head{padding-top:1px}.technology_banner .head h1{letter-spacing:3.9px}.post_main{padding:13.7rem 0 10.2rem}.post_main .lt{flex:1;width:100%;max-width:97.2rem}.post_main .lt .post_img{max-width:95.1rem;border-radius:1rem;--h:67.0873%;margin-bottom:6.5rem}.post_main .postdetail{font-size:2rem;line-height:1.75;color:#4c4c4c;max-width:96.7rem}.post_main .postdetail .content>*:first-child{margin-top:0}.post_main .postdetail .content>*:last-child{margin-bottom:0}.post_main .postdetail h2{font-size:4rem;font-weight:700;color:#0c0c0c;margin:3.3rem 0 1.7rem;letter-spacing:1.7px}.post_main .postdetail h3{font-size:3rem;font-weight:500;color:#0c0c0c;margin:2rem 0}.post_main .postdetail p{hyphens:auto;margin:1.5rem 0;letter-spacing:.01px}.post_main .postdetail a:not(.btn){color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;transition:all 0.3s}.post_main .postdetail a:not(.btn):hover{color:var(--secondary);text-decoration-color:transparent}.post_main .postdetail img{display:block;width:100%;height:auto;border-radius:1rem;object-fit:cover;margin:4rem 0}.post_main .postdetail ul:not(.syeditorlist){margin:3rem 0}.post_main .postdetail ul:not(.syeditorlist) li{position:relative;padding-left:2.9rem}.post_main .postdetail ul:not(.syeditorlist) li::before{width:.8rem;height:.8rem;position:absolute;left:0;top:1.2rem;content:'';border-radius:50%;background-color:var(--primary)}.post_main .postdetail ul:not(.syeditorlist) li+li{margin-top:1rem}.post_main .postdetail .wp-block-columns{gap:2.9rem;display:flex;flex-wrap:wrap;max-width:93.5rem;margin:5rem 0 4.8rem}.post_main .postdetail .wp-block-columns .wp-block-column{flex:1}.post_main .postdetail .wp-block-columns .wp-block-column img{margin:0;height:100%}.post_main .postdetail .process_box{margin:7.3rem 0 15.7rem;--tp:28%;--gap:7.7rem;--lt:42%}.post_main .postdetail .process_box ul{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:var(--gap) 9%}.post_main .postdetail .process_box li{position:relative;min-height:35.3rem}.post_main .postdetail .process_box li::before{width:100%;border:0 dashed var(--title);position:absolute;left:50%;top:var(--tp);content:'';z-index:-1;border-bottom-width:1px}.post_main .postdetail .process_box li:nth-child(6n+3)::before,.post_main .postdetail .process_box li:nth-child(6n+6)::before{width:1px;height:var(--gap);border-bottom-width:0;border-left:1px dashed var(--title);top:100%;left:var(--lt)}.post_main .postdetail .process_box li:nth-child(6n+3) .arrow,.post_main .postdetail .process_box li:nth-child(6n+6) .arrow{top:calc(100% + var(--gap) / 2);transform:translate(-48%,-50%) rotate(90deg);left:var(--lt)}.post_main .postdetail .process_box li:nth-child(6n+4)::before,.post_main .postdetail .process_box li:nth-child(6n+5)::before{left:unset;right:50%}.post_main .postdetail .process_box li:nth-child(6n+4) .arrow,.post_main .postdetail .process_box li:nth-child(6n+5) .arrow{left:unset;right:120%;transform:translateY(-50%) rotate(180deg)}.post_main .postdetail .process_box li:nth-child(6n+4){grid-column:3}.post_main .postdetail .process_box li:nth-child(6n+5){grid-column:2}.post_main .postdetail .process_box li:nth-child(6n+6){grid-column:1}.post_main .postdetail .process_box li:last-child::before,.post_main .postdetail .process_box li:last-child .arrow{display:none}.post_main .postdetail .process_box .img{--h:100%;border-radius:50%;background-color:#fff;width:76.923%}.post_main .postdetail .process_box .img img{margin:0;border-radius:0}.post_main .postdetail .process_box .arrow{position:absolute;background:url(../../../../../../../../themes/sytech/assets/img/big-arrow.svg) no-repeat center / contain;width:16.9231%;left:97.4%;top:var(--tp);transform:translateY(-50%)}.post_main .postdetail .process_box .arrow::after{padding-bottom:67.35%;display:block;content:'';pointer-events:none}.post_main .postdetail .process_box .info{margin-top:.5rem}.post_main .postdetail .process_box .info .title{font-size:2.409rem;line-height:2.873rem;font-weight:600;color:var(--title)}.post_main .postdetail .process_box .info .desc{color:var(--title);font-size:1.575rem;line-height:2.595rem;opacity:.75;margin:1.3rem 0 0}.post_main .postdetail .pd_box{min-width:calc(100% + 2.7rem);border-radius:1.6rem;background-color:var(--bg);align-items:center;justify-content:space-between;margin:4.3rem -2.7rem 3.8rem 0;padding:0 5.63%}.post_main .postdetail .pd_box .wp-block-column:has(.title){max-width:48.9rem;width:100%;padding:3.1rem 0 3rem}.post_main .postdetail .pd_box .title{font-size:3rem;line-height:1.26667;font-weight:600;color:#0c0c0c;letter-spacing:.55px}.post_main .postdetail .pd_box .desc{font-size:1.8rem;line-height:3.2rem;color:var(--text2);hyphens:auto;max-width:38.1rem;margin-top:1.5rem}.post_main .postdetail .pd_box .btn{margin-top:1.8rem}.post_main .postdetail .pd_box .wp-block-column:has(img){flex:unset;width:38.71%;position:relative}.post_main .postdetail .pd_box .wp-block-column:has(img):hover img{transform:scale(1.02)}.post_main .postdetail .pd_box .wp-block-column:has(img)::after{padding-bottom:100%;display:block;content:'';pointer-events:none}.post_main .postdetail .pd_box .wp-block-column:has(img) img{position:absolute;left:0;top:0;object-fit:contain;border-radius:0;transition:all 0.5s}.post_main .author_box{border-radius:1.4rem;border:1px solid var(--border);display:grid;grid-template-columns:9.7rem 1fr;align-items:start;gap:2.6rem;padding:2.577% 3.3% 5.5%;margin-top:7.4rem}.post_main .author_box .avatar{--h:100%;border-radius:50%}.post_main .author_box .name{font-size:2.743rem;font-weight:700;color:#141414;letter-spacing:.3px;margin-top:1.5rem}.post_main .author_box .desc{font-size:2rem;line-height:3.5rem;color:#4c4c4c;max-width:75.7rem;margin-top:.9rem}.post_main .author_box .desc strong{display:grid;max-width:max-content;grid-template-columns:.7rem 1fr;align-items:center;font-size:1.5rem;font-weight:500;border-radius:100px;border:1px solid var(--border);text-transform:uppercase;gap:1rem;line-height:3.9rem;padding:0 1.8rem;margin-bottom:1.8rem}.post_main .author_box .desc strong::before{padding-bottom:100%;border-radius:50%;background-color:var(--secondary);display:block;content:''}.post_main .post_sidebar{width:30.694444%;min-width:32rem;display:flex;flex-direction:column;gap:4.5rem;position:sticky;top:12rem}.post_main .post_sidebar .title{font-size:2.5rem;font-weight:700;color:#0c0c0c;letter-spacing:.3px}.post_main .post_sidebar .obj_table{border-radius:1.3rem;background-color:var(--bg);padding:8.6% 10.588% 12.9%;margin-bottom:1rem}.post_main .post_sidebar .obj_table .title{font-size:2.743rem}.post_main .post_sidebar .post_menu{margin-top:3.3rem}.post_main .post_sidebar .post_menu li+li{margin-top:2.4rem}.post_main .post_sidebar .post_menu a{font-size:2rem;font-weight:500;opacity:.8;vertical-align:top;transition:all 0.3s}.post_main .post_sidebar .post_menu a:hover{opacity:1;color:var(--primary)}.post_main .post_sidebar .post_menu .sub{padding-left:1rem}.post_main .post_sidebar .tags{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:1rem}.post_main .post_sidebar .tags p{font-weight:600;color:#141414;text-transform:uppercase;border-radius:3rem;background-color:var(--bg);transition:all 0.3s;text-align:center;padding:1.2rem 2.7rem;min-width:31.45%}.post_main .post_sidebar .tags p:hover{color:#fff;background-color:var(--primary)}.post_main .post_sidebar .share{gap:2rem 1rem;display:flex;flex-wrap:wrap;margin-top:1.9rem}.post_main .post_sidebar .share .active a{background-color:var(--primary)}.post_main .post_sidebar .share .active a::after{filter:contrast(0) brightness(2)}.post_main .post_sidebar .share a{opacity:1;display:block;width:5.2rem;height:5.2rem;overflow:hidden;text-indent:-999px;position:relative;transition:all 0.3s;border-radius:50%;background-color:var(--bg)}.post_main .post_sidebar .share a::after{content:'';display:block;position:absolute;inset:0;background:no-repeat center / contain;transition:all 0.3s}.post_main .post_sidebar .share .facebook a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/facebook.svg)}.post_main .post_sidebar .share .twitter a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/twitter.svg)}.post_main .post_sidebar .share .linkedin a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/linkedin.svg)}.post_main .faq_box{margin-top:10.2rem}.post_main .faq_box h2{font-size:4rem;font-weight:700;color:#0c0c0c}.post_main .faq_box .faqs{margin-top:1.1rem}.technology_main{padding-top:5.6rem;padding-bottom:12.4rem}.technology_main .postdetail{max-width:95rem}.technology_main .post_sidebar{margin-top:1.7rem}.post_related{padding:0 0 16.4rem}.post_related .subtitle{margin-bottom:2.9rem}.post_related .post_related_swiper{margin-top:6rem;border-radius:1.6rem;overflow:hidden}.post_related .post_related_swiper .swiper-slide{max-width:455px}.post_technology{padding:5.1rem 0 11.3rem}.post_technology .subtitle{margin-bottom:2.5rem}.post_technology .post_technology_swiper{overflow:hidden;margin-top:6.3rem;border-radius:1.6rem}.post_technology .post_technology_swiper .swiper-slide{max-width:462px}.post_technology .swiper_con{margin-top:3.6rem}@media screen and (min-width:769px) and (max-width:896px){.post_main .postdetail .process_box li{min-height:26.3rem}.post_main .postdetail .process_box .info .title{font-size:1.8rem;line-height:1.2}.post_main .postdetail .process_box .info .desc{font-size:1.5rem;line-height:2rem}.post_main .postdetail .pd_box{min-width:100%;margin-right:0}.post_main .postdetail .pd_box .title{font-size:2.5rem}}@media screen and (max-width:768px){.post_banner .flex{min-height:unset;padding:50px 0}.post_banner .head{padding:0}.post_banner .head h1{font-size:22px}.post_banner .breadcrumbs{line-height:20px;min-height:20px;margin-bottom:10px}.post_banner .breadcrumbs span{font-size:14px;letter-spacing:unset}.post_banner .breadcrumbs span span::before{width:8px;height:8px;margin:0 10px}.post_banner .breadcrumbs span span:first-child a{width:14px;height:14px;margin-right:0}.technology_banner::before{width:100%;height:100%;position:absolute;left:0;top:0;content:'';background-color:var(--title);opacity:.3;pointer-events:none;z-index:-1}.post_main{padding:30px 0 50px}.post_main .lt .post_img{max-width:unset;margin-bottom:30px}.post_main .post_sidebar{width:100%;position:static;min-width:unset;gap:30px 20px;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin:0}.post_main .post_sidebar .title{font-size:16px;letter-spacing:unset}.post_main .post_sidebar .obj_table{border-radius:10px;padding:20px;margin-bottom:0;width:100%}.post_main .post_sidebar .obj_table .title{font-size:16px}.post_main .post_sidebar .post_menu{margin-top:20px}.post_main .post_sidebar .post_menu li+li{margin-top:12px}.post_main .post_sidebar .post_menu a{font-size:14px}.post_main .post_sidebar .tags{margin-top:20px}.post_main .post_sidebar .tags p{padding:8px 20px;min-width:unset}.post_main .post_sidebar .share{margin-top:20px;gap:14px}.post_main .post_sidebar .share a{width:40px;height:40px}.post_main .post_sidebar .obj_tags,.post_main .post_sidebar .obj_share{width:calc((100% - 20px) / 2)}.post_main .postdetail{font-size:14px;line-height:1.5}.post_main .postdetail h2{font-size:18px;margin:30px 0 16px;letter-spacing:unset}.post_main .postdetail h3{font-size:16px;margin:14px 0}.post_main .postdetail p{margin:10px 0;letter-spacing:unset}.post_main .postdetail img{margin:30px 0}.post_main .postdetail ul:not(.syeditorlist){margin:14px 0}.post_main .postdetail ul:not(.syeditorlist) li+li{margin-top:10px}.post_main .postdetail ul:not(.syeditorlist) li{padding-left:25px}.post_main .postdetail ul:not(.syeditorlist) li::before{width:7px;height:7px;top:7px}.post_main .postdetail .wp-block-columns{gap:16px;margin:40px 0}.post_main .postdetail .process_box{margin:50px 0;--gap:60px}.post_main .postdetail .process_box li{min-height:290px}.post_main .postdetail .process_box .info{margin-top:20px}.post_main .postdetail .process_box .info .title{font-size:16px;line-height:1.5}.post_main .postdetail .process_box .info .desc{font-size:14px;line-height:1.5;margin-top:10px}.post_main .postdetail .pd_box{min-width:unset;margin:40px 0;padding:0 20px;border-radius:10px}.post_main .postdetail .pd_box .wp-block-column:has(.title){padding:20px 0}.post_main .postdetail .pd_box .title{font-size:16px;line-height:1.5;letter-spacing:unset}.post_main .postdetail .pd_box .desc{font-size:14px;line-height:1.5;margin-top:10px;max-width:unset}.post_main .author_box{border-radius:10px;grid-template-columns:80px 1fr;gap:14px;margin-top:30px}.post_main .author_box .name{font-size:18px;letter-spacing:unset;margin-top:5px}.post_main .author_box .desc{font-size:14px;line-height:1.5;max-width:unset;margin-top:10px}.post_main .author_box .desc strong{grid-template-columns:5px 1fr;font-size:13px;line-height:2;gap:10px;padding:0 12px;margin-bottom:10px}.post_main .faq_box{margin-top:40px}.post_main .faq_box h2{font-size:18px}.post_main .faq_box .faqs{margin-top:10px}.post_main .faq_box .faqs .question{font-size:16px}.post_related{padding:50px 0;overflow:hidden}.post_related .post_related_swiper{margin-top:30px;overflow:unset}.post_related .post_related_swiper .swiper-slide{max-width:312px}.post_technology{overflow:hidden;padding:50px 0}.post_technology .post_technology_swiper{overflow:unset;margin-top:30px}.post_technology .post_technology_swiper .swiper-slide{max-width:277px}.post_technology .swiper_con{margin-top:30px}}@media screen and (max-width:576px){.post_main .post_sidebar .obj_tags,.post_main .post_sidebar .obj_share{width:100%}.post_main .postdetail .process_box ul{grid-template-columns:repeat(2,1fr)}.post_main .postdetail .process_box li{min-height:258px}.post_main .postdetail .process_box li:nth-child(6n+4),.post_main .postdetail .process_box li:nth-child(6n+5),.post_main .postdetail .process_box li:nth-child(6n+6){grid-column:unset}.post_main .postdetail .process_box li:nth-child(4n+3){grid-column:2}.post_main .postdetail .process_box li:nth-child(4n+4){grid-column:1}.post_main .postdetail .process_box li:nth-child(6n+3)::before,.post_main .postdetail .process_box li:nth-child(6n+6)::before{width:100%;left:50%;height:1px;top:var(--tp);border-bottom-width:1px;border-left-width:0}.post_main .postdetail .process_box li:nth-child(6n+3) .arrow,.post_main .postdetail .process_box li:nth-child(6n+6) .arrow{left:97.4%;top:var(--tp);transform:translateY(-50%)}.post_main .postdetail .process_box li:nth-child(6n+3) .arrow::after,.post_main .postdetail .process_box li:nth-child(6n+6) .arrow::after{padding-bottom:67.35%;display:block;content:'';pointer-events:none}.post_main .postdetail .process_box li:nth-child(6n+5)::before{width:100%;left:50%;top:var(--tp);border-bottom-width:1px}.post_main .postdetail .process_box li:nth-child(6n+5) .arrow{left:97.4%;top:var(--tp);transform:translateY(-50%)}.post_main .postdetail .process_box li:nth-child(4n+3)::before{left:unset;right:50%}.post_main .postdetail .process_box li:nth-child(4n+3) .arrow{left:unset;right:120%;transform:translateY(-50%) rotate(180deg)}.post_main .postdetail .process_box li:nth-child(4n+2)::before,.post_main .postdetail .process_box li:nth-child(4n+4)::before{width:1px;height:var(--gap);border-bottom-width:0;border-left:1px dashed var(--title);top:100%;left:var(--lt)}.post_main .postdetail .process_box li:nth-child(4n+2) .arrow,.post_main .postdetail .process_box li:nth-child(4n+4) .arrow{top:calc(100% + var(--gap) / 2);transform:translate(-48%,-50%) rotate(90deg);left:var(--lt)}.post_main .postdetail .pd_box{padding:20px}.post_main .postdetail .pd_box .wp-block-column:has(img){width:100%;order:-1}.post_main .postdetail .pd_box .wp-block-column:has(.title){padding:0}.post_main .author_box{grid-template-columns:1fr;padding:20px}.post_main .author_box .avatar{padding:0;width:100px;height:100px}}