.content{padding-top:72px}.ani{animation:subVisualAni .6s ease forwards;opacity:0;transform:translateY(50px)}.ani-x{animation:subVisualAniX .6s ease forwards;transform:translateX(200px)}.navi{backdrop-filter:blur(10px);background-color:rgba(49,52,62,.6);border-radius:12px;bottom:36px;display:flex;gap:62px;height:80px;left:50%;margin-left:-622px;padding:8px;position:fixed;transition:.4s ease;width:1244px;z-index:100}.navi.hide{transform:translateY(200px)}.navi.show{transform:translateY(0)}.navi li{height:64px;position:relative;width:196px}.navi li:before{background:url(https://recruit.jobda.im/hubfs/2023%20inHR+/sub/navi_arr.svg);content:"";height:32px;margin-top:-16px;position:absolute;right:-45px;top:50%;width:32px}.navi li:last-child:before{display:none}.navi li a{align-items:center;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;height:100%;justify-content:center;transition:.5s ease;width:100%}.sub_visual{align-items:center;background-color:#1d2563;display:flex;height:720px;margin-top:var(--header-height);position:relative}.sub_visual .inner{display:flex;justify-content:space-between}.sub_visual .sub_title{font-size:24px;font-weight:600;line-height:36px}.sub_visual .sub_title.pm{color:#81c2ff}.sub_visual .sub_title.pr{color:#b7abff}.sub_visual .title{animation-delay:.2s;margin:24px 0}.sub_visual .sub_text{animation-delay:.4s;margin-bottom:44px}.sub_visual .sub_text.white{color:hsla(0,0%,100%,.8)}.sub_visual .button_area{align-items:center;animation-delay:.6s;display:flex}.sub_visual .button_area a{align-items:center;background-color:#fff;border-radius:8px;display:inline-flex;font-size:14px;font-weight:700;height:48px;padding-left:43px;transition:.4s ease;width:172px}.sub_visual .button_area a i{display:flex;margin-right:8px}.sub_visual .img_area{filter:drop-shadow(0 55.7962px 40.9513px rgba(0,0,0,.05)) drop-shadow(0 23.3103px 17.1085px rgba(0,0,0,.05)) drop-shadow(0 12.4628px 9.14702px rgba(0,0,0,.05)) drop-shadow(0 6.98655px 5.12774px rgba(0,0,0,.065)) drop-shadow(0 3.71051px 2.72331px rgba(0,0,0,.0525061)) drop-shadow(0 1.54402px 1.13323px rgba(0,0,0,.0365489));overflow:hidden;position:relative}.sub_visual .img_area>img{width:636px}.sub_visual .modal_img{animation-delay:.6s;bottom:0;box-shadow:0 8px 20px rgba(0,0,0,.1);position:absolute;right:0;width:170px}.sub_visual .modal_img img{width:100%}@keyframes subVisualAni{to{opacity:1;transform:translateY(0)}}@keyframes subVisualAniX{to{transform:translateX(0)}}.list_active{transition-delay:.3s}.content{padding-top:173px}.title_area{align-items:center;display:flex;flex-direction:column;margin-bottom:77px;text-align:center}.title_area .title{margin:32px 0 16px}.content .list{border-radius:12px;display:flex;height:520px;margin:0 auto 64px;overflow:hidden;padding:0 72px;width:1244px}.content .list:last-child{margin-bottom:0}.content .list .title_area{align-items:flex-start;display:flex;height:100%;justify-content:center;margin-right:72px;text-align:left;width:514px}.content .list_title{color:var(--GY100);font-size:32px;font-weight:700;line-height:42px;margin-bottom:24px}.content .list_text{color:var(--GY100);font-size:18px;font-weight:600;line-height:26px;opacity:.8}.content .list.right .title_area{margin-left:72px;margin-right:0}.content .list .img_area{margin-top:72px;opacity:0;transform:translateY(50px);transition:.6s ease;transition-delay:.3s;width:514px}.content .list .img_area img{width:100%}.content .list.list_active .img_area{opacity:1;transform:translateY(0)}.center_banner{background:linear-gradient(90deg,#1d56e8,#111f94);height:132px;justify-content:center;margin:160px 0}.center_banner,.function{align-items:center;display:flex}.function{flex-direction:column;padding-bottom:152px}.function .box_title{border-color:#376cf2;border-width:2px;color:#376cf2;font-size:20px;height:48px;padding:0 18px}.function .title{margin:24px 0 92px}.function .flow_wrap{display:flex}.function .flow_list{animation:flowAni 30s linear infinite;padding:0 18px}.function .flow_list .flow_inner{border:1px solid #dbdee6;border-radius:12px;height:440px;overflow:hidden;width:280px}@keyframes flowAni{0%{transform:translateX(0)}to{transform:translateX(-600%)}}.function .flow_list .icon_area{align-items:center;display:flex;height:176px;justify-content:center}.function .flow_list.list1 .icon_area{background-color:#ffeee4}.function .flow_list.list2 .icon_area{background-color:#e3f9e0}.function .flow_list.list3 .icon_area{background-color:#ffefb6}.function .flow_list.list4 .icon_area{background-color:#efedff}.function .flow_list.list5 .icon_area{background-color:#ffeaef}.function .flow_list.list6 .icon_area{background-color:#ecfae1}.function .flow_list .text_area{padding:28px 0 0 32px}.function .flow_list .flow_title{color:var(--GY100);font-size:20px;font-weight:700;line-height:24px;margin-bottom:16px}.function .flow_list .flow_text{color:var(--GY80);font-size:14px;font-weight:500;line-height:24px}.example{align-items:center;background-color:#f5f9fd;display:flex;flex-direction:column;padding:120px 0}.example .title{margin-bottom:80px}.example .wrapper{position:relative}.example .swiper-button{border-radius:50%;height:32px;left:50%;position:absolute;top:50%;transition:.3s ease;width:32px;z-index:100}.example .swiper-button.swiper-button-prev{margin-left:-734px}.example .swiper-button.swiper-button-next{margin-left:702px}.example .swiper-pagination{display:flex;gap:6px;justify-content:center;margin-top:32px;opacity:0;transform:translateY(50px);transition:.6s ease;transition-delay:.3s}.example.active .swiper-pagination{opacity:1;transform:translateY(0)}.example .swiper-pagination span{background-color:#dbdee6;border-radius:4px;cursor:pointer;display:inline-flex;height:6px;transition:.3s ease;width:6px}.example .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--GY100);border-radius:4px;width:16px}.example .swiper-container{margin:0 auto;overflow:hidden;width:1244px}.example .example_list_wrap{display:flex;height:100%;opacity:0;position:relative;transform:translateY(50px);transition:.6s ease;width:100%}.example.active .example_list_wrap{opacity:1;transform:translateY(0)}.example .example_list{background-color:#fff;border-radius:12px;flex-shrink:0;height:540px;width:392px}.example .example_list.png_list .logo img{height:22px}.example .example_list .slide_wrap{display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding:32px;width:100%}.example .example_list .logo{align-items:center;display:flex;height:28px}.example .example_list .example_title{color:var(--GY100);font-size:24px;font-weight:700;line-height:36px}.example .example_list .example_title.nowrap{white-space:nowrap}.example .example_list .example_text{color:var(--GY80);flex:1;font-weight:600;line-height:24px}.example .flexible{flex:1}.example .example_list.link_list .more_link{align-items:center;color:#376cf2;display:inline-flex;flex:1;font-weight:700;gap:4px;line-height:36px;margin-top:16px}.example .example_list.link_list .more_link i{display:flex}.example .example_list .example_footer{color:var(--GY100);font-size:18px;font-weight:700;line-height:26px;opacity:.8}.ft_banner{background-color:#000;padding:136px 0}.ft_banner .inner{align-items:center;display:flex;justify-content:space-between}.ft_banner .ft_banner_title{color:#fff;font-size:32px;font-weight:700;line-height:48px}.ft_banner .btn_wrap{display:flex;gap:12px}.ft_banner a{align-items:center;background-color:#fff;border-radius:8px;display:inline-flex;font-size:14px;font-weight:700;gap:8px;height:48px;padding-left:29px;width:172px}.ft_banner a:first-child{padding-left:43px}.ft_banner a:last-child{padding-left:17px}.qa{background-color:var(--GY100);padding:96px 0}.qa .title{margin-bottom:80px;text-align:center}.qa dl{background-color:hsla(0,0%,100%,.05);border-radius:12px;margin-bottom:16px;overflow:hidden}.qa dl:last-child{margin-bottom:0}.qa dt{align-items:center;cursor:pointer;display:flex;gap:24px;height:84px;justify-content:space-between;padding:28px;transition:.5s ease}.qa dt .q_box{align-items:center;background-color:#000;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;height:28px;justify-content:center;line-height:20px;width:57px}.qa dt .qa_title{color:#fff;flex:1;font-weight:600;line-height:24px}.qa dt i{background:url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/2023%20inHR+/sub/icon_arrow_bottom_48_line.svg) no-repeat 50%;height:28px;transition:.6s ease;width:28px}.qa dd{background-color:hsla(0,0%,100%,.05);max-height:0;overflow:hidden;transition:all .4s ease}.qa dd .qa_text{color:#fff;font-weight:600;line-height:24px;padding:28px}.qa dl.on dd{max-height:150px}.qa dl.on dt i{transform:rotate(180deg)}@media screen and (max-width:1365px){.navi{display:none}.sub_visual{height:590px}.sub_visual .inner{justify-content:center;text-align:center}.sub_visual .text_area{width:312px}.sub_visual .img_area{display:none}.sub_visual .sub_title{font-size:16px;line-height:24px}.sub_visual .title{margin:12px 0 24px}.sub_visual .sub_text{margin-bottom:40px}.sub_visual .button_area{flex-direction:column;gap:12px}.sub_visual .button_area a{justify-content:center;padding-left:2px;width:100%}.sub_visual .button_area a:first-child{margin-right:0;padding-left:2px}.content{padding:66px 0}.title_area{margin-bottom:33px}.title_area i img{width:32px}.title_area .title{margin:16px 0}.title_area .sub_text{font-weight:600}.content .list{height:256px;margin:0 auto 24px;padding:0 32px;width:648px}.content .list .title_area{flex-shrink:0;margin-right:20px;width:300px}.content .list_title{font-size:20px;line-height:24px;margin-bottom:16px}.content .list_text{font-size:12px;line-height:20px}.content .list.right .title_area{margin-left:52px}.content .list .img_area{flex-shrink:0;margin-top:28px;width:264px}.function{padding-bottom:66px}.function .box_title{border-width:1px;font-size:12px;height:28px;line-height:20px;padding:0 12px}.function .title{margin:16px 0 27px}.center_banner{height:98px;margin:0 0 66px}.center_banner a{align-items:center;display:inline-flex;flex-direction:column;text-align:center}.center_banner a .img_logo{margin-bottom:11px;width:68px}.example{padding:66px 0 0}.example .title{margin-bottom:0}.example .swiper-container{padding:27px 0 66px;width:100%}.example .swiper-button,.example .swiper-pagination{display:none}.example .example_list{box-shadow:0 8px 20px rgba(0,0,0,.1);width:280px}.example .example_list .slide_wrap{padding:24px;text-align:center}.example .example_list .logo{justify-content:center}.example .example_list .example_title{font-size:20px;line-height:28px}.example .example_list .example_text{font-size:14px;line-height:20px;word-break:keep-all}.example .example_list .example_footer{font-size:16px}.example .example_list.link_list .more_link{font-size:14px}.qa{padding:48px 0}.qa .title{margin-bottom:48px}.qa .inner{margin:0 24px;width:auto}.qa dl{border-radius:6px;margin-bottom:8px}.qa dt{gap:12px;height:auto;min-height:48px;padding:8px 16px}.qa dt .q_box{border-radius:4px;font-size:10px;height:18px;line-height:16px;width:38px}.qa dt .qa_title{font-size:12px;line-height:16px}.qa dl.on dd{max-height:100px}.qa dd .qa_text{font-size:12px;line-height:18px;padding:12px;word-break:keep-all}.ft_banner{padding:72px 0}.ft_banner .inner{flex-direction:column}.ft_banner .ft_banner_title{font-size:20px;line-height:28px;margin:16px 0 66px}.ft_banner .btn_wrap{flex-direction:column;width:312px}.ft_banner a{justify-content:center;width:100%}.ft_banner a,.ft_banner a:first-child,.ft_banner a:last-child{padding-left:0}.ft_banner a i{margin-left:-4px}}@media screen and (max-width:799px){.title_area .title{word-break:keep-all}.title_area .sub_text{font-size:14px;line-height:20px;word-break:keep-all}.content .list_wrap{display:flex}.content .list{flex-direction:column;flex-shrink:0;height:416px;margin:0;max-width:648px;padding:0}.content .list .title_area{display:block;flex-shrink:1;height:auto;margin:28px auto 0;text-align:center;width:264px}.content .list_text{word-break:keep-all}.content .list.right .title_area{margin-left:auto;margin-right:auto}.content .list .img_area{margin:40px auto 0;order:2}.qa dl.on dd{max-height:200px}}@media (hover:hover){.navi li.on a,.navi li:hover a{background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.15);color:var(--GY100)}.sub_visual .button_area a:hover{background-color:#e9f4ff}.example .swiper-button:hover{background-color:#f5f5f8}.qa dt:hover{background-color:hsla(0,0%,100%,.15)}}