.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:hover{background-color:#e9f4ff}.sub_visual .button_area a:first-child{margin-right:12px;padding-left:29px}.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}.solution.content{padding-top:100px}.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!important;overflow:hidden;padding:0 72px;width:1244px!important}.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:hover{background-color:#f5f5f8}.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;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)}.mbList{display:none}.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:nth-child(2){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:hover{background-color:hsla(0,0%,100%,.15)}.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:799px){.solution .list_hover .swiper-slide{height:auto}.content .list{width:100%}.list_wrap{display:none}.mbList{display:flex;padding:0 20px}.solution{padding:20px 0}.mbList img{width:100%}.solution.content{padding-top:20px}}