@charset "utf-8";

.mobileView{display:none;}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .mainBannerCont .bannerFirst img{display:block;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{display:block;}
.mainBanner .slick-arrow{width:10px;height:16px;background:none;border:0;z-index:;}
.mainBanner .slick-arrow.slick-arrow-href{background-image:none !important;z-index:10;}
.mainBanner .slick-arrow.slick-prev{margin-right:25px;order:1;background:url('/img/main/main_banner_arrow_01.png')no-repeat;}
.mainBanner .slick-arrow.slick-next{margin-left:25px;order:3;background:url('/img/main/main_banner_arrow_02.png')no-repeat;}

.mainBanner .slick-controls{line-height:0;display:flex;align-items:center;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:5px;}
.mainBanner .slick-controls .slick-dots li button{width:15px;height:15px;background:#fff;border-radius:50%;border:1px solid #141a98;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:29px;background:#273783;border:0;border-radius:30px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:12px;order:0;position:absolute;left:31px;border-right:3px solid #fff;}
.mainBanner .slick-controls .slide-pause:before{left:0;width:3px;height:12px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{order:0;position:absolute;left:31px;border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .slide-play:after{display:none;}
.mainBanner .slick-controls .pagingInfo{font-size:1.4rem;color:rgba(255, 255, 255,.2);font-weight:500;}
.mainBanner .slick-controls .current-slide{color:#fff;}
.mainBanner .slick-controls .centerLine{margin:0 9px;}
.mainBanner .linkView{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;}
.mainBanner .linkView a{width:168px;height:52px;line-height:52px;display:inline-block;background:#2e3b83;border-radius:30px;color:#fff;font-size:1.6rem;}
.mainBanner .slickBtnWrap{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:25px;}
.mainBanner .slickBtnWrap .slickBtnBox{max-width:1740px;margin:0 auto;}
.mainBanner .slickBtnWrap .slickBtnBox .slickBtn{margin-top:51px;display:flex;position:relative;}
.mainBanner .slickBtnWrap .slickBtnBox .slickBtn .pagingInfo{order:2;}
.mainBanner .slideText dl{color:#fff;}
.mainBanner .slideText dl dt{font-family:'BaskervilleOldFace';font-size:20rem;letter-spacing:-0.02em;}
.mainBanner .slideText dl dd{font-size:3rem;margin-top:4px;}
.mainBanner .progress-circle-container{display:flex;align-items:center;position: relative;margin-right:40px;}
.mainBanner .progress-circle{transform: rotate(-90deg);}
.mainBanner .progress-bar-circle{transition: stroke-dashoffset 0s linear;}

.inner{max-width:1740px;margin:0 auto;}

.topText{font-size:2.4rem;font-weight:600;color:#111;margin-bottom:18px;display:block;position:relative;padding-left:70px;}
.topText:before{width:50px;height:1px;background:#111;left:1px;top:17px;content:'';position:absolute;}
.contTitle{font-size:6rem;font-weight:500;color:#111;line-height:1.3335;letter-spacing:-0.03em;word-break:keep-all;}
.halfCont{display:flex;}
.halfCont > div, .halfCont > dl, .halfCont ul{width:50%;}

.btnStyle{width:200px;height:65px;font-size:1.6rem;font-weight:600;color:#111;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:32.5px;}

.business{padding:100px 0 116px;}
.business .titleBox{padding-top:12px;flex-shrink:0;}
.business dl dt{font-size:8rem;line-height:1.25;letter-spacing:-0.03em;font-family:'Poppins';}
.business dl dt span{color:#b20e10;}
.business dl dd{font-size:2.4rem;color:#555;letter-spacing:-0.03em;margin-top:45px;padding-left:4px;word-break:keep-all;}

.pinContWrap{height:calc(100vh * 4);position:relative;}
.pinContBox{min-height:500px;height:100vh;position:sticky;top:0;overflow:hidden;}
.pinContBox .pinCont{min-height:500px;width:100%;max-height:970px;height:100vh;/*height:50.521vw;*/position:absolute;top:0;opacity:0;transition:all 1s;}
.pinContBox .pinCont.homecare{opacity:1;background:url(/img/main/homecare_img.jpg)no-repeat right center / cover;}
.pinContBox .pinCont.medical{top:100%;background:url(/img/main/medical_img.jpg)no-repeat right center / cover;}
.pinContBox .pinCont.manage{top:200%;background:url(/img/main/manage_img.jpg)no-repeat right center / cover;}

.pinContBox .pinCont .imgBox{position:relative;height:100%;}
.pinContBox .pinCont .imgBox a{display:block;width:100%;height:100%;}
.pinContBox .inner{position:relative;z-index:10;}
.pinContBox .inner ul{padding-top:164px;position:absolute;left:0;z-index:10;}
.pinContBox .inner ul li:nth-child(n+2){margin-top:12px;}
.pinContBox .inner ul li a{display:inline-block; font-size:6rem;font-weight:500;letter-spacing:-0.03em;color:#fff;opacity:.4;position:relative;padding-bottom:4px;}
.pinContBox .inner ul li.active a{opacity:1; }
.pinContBox .inner ul li.active a:after{width:0;height:4px;background:#fff;position:absolute;left:0;bottom:0;content:''; animation: borderAction 2s forwards;}

.newsBoxWrap{overflow:hidden;}


@keyframes borderAction {
  from {width:0;}
  to {width:100%;}
}


.history{padding:10.09% 0 7.62%;}
.history .historyCont{display:flex;margin-bottom:8.621%;}
.history .titleBox{width:36.9065%;padding-right:30px;}
.history ol{width:64%;border-left:4px solid #b20e10;padding:0.345% 0 0 2.299%;margin-top:67px;}
.history ol li .year{font-size:6rem;letter-spacing:-0.06em;font-weight:600;}
.history ol > li{display:flex;}
.history ol > li:nth-child(n+2){margin-top:52px;}
.history ol > li ul{margin-left:min(369px,19.21875vw);padding-top:38px;}
.history ol > li ul li{font-size:2rem;letter-spacing:-0.02em;position:relative;padding-left:17px;}
.history ol > li ul li .imgBox{margin:13px 0 0 -17px;}
.history ol > li ul li:before{width:6px;height:6px;border-radius:50%;position:absolute;left:0;top:9px;background:#000;content:'';}


.history .btnMore{text-align:center;}
.history .btnMore a{display:inline-block;}
.history .btnMore p{font-size:1.6rem;font-weight:600;margin-top:15px;}

.middleBanner{background:url(/img/main/middle_banner.jpg)no-repeat center top / cover;padding:29.112% 0 6.884%;}
.middleBanner .titleBox{display:flex;justify-content:flex-end;}
.middleBanner .titleBox h3{font-size:min(65px, 3.385415vw);font-weight:500;line-height:1.4616;letter-spacing:-0.02em;color:#fff;display:inline-block;}

.company{padding:6.306% 0 7.883%;border-bottom:1px solid #ddd;}
.company .halfCont{align-items:flex-start;}
.company .titleBox{padding-top:4.138%;padding-right:30px;}
.company ul{display:flex;flex-wrap:wrap;}
.company ul li{width:47.128%;margin-right:5.744%;position:relative;}
.company ul li:nth-child(2n){margin-right:0;}
.company ul li:nth-child(n+3){margin-top:5.744%;}
.company ul li span{position:absolute;left:9.757%;bottom:10%;font-size:min(40px,2.083331vw);color:#fff;font-weight:700;}
.company .titleBox .basicText{font-size:2rem;line-height:1.7;letter-spacing:-0.03em;color:#555;margin:59px 0 91px;word-break:keep-all;}



.newsBox{padding-top:5.886%;margin:0 auto !important;}
.newsBox .inner{position:relative;}
.newsBox .contTitle{margin-bottom:50px;}
.newsBox .newsSlide{display:flex;padding-bottom:53px;}
.newsBox .newsSlideInfo{width:385px !important;margin-right:50px;}
.newsBox .newsSlideInfo .imgBox img{margin:0 auto;}
.newsBox .newsSlideInfo div{padding:37px 0;}
.newsBox .newsSlideInfo div span{color:#b20e10;font-size:1.7rem;font-weight:700;letter-spacing:-0.02em;}
.newsBox .newsSlideInfo div dl dt{color:#111;letter-spacing:-0.02em;font-size:2.4rem;font-weight:600;margin:18px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsBox .newsSlideInfo div dl dd{color:#555;word-break:keep-all;letter-spacing:-0.02em;height:3.375em;font-size:1.8rem;line-height:1.688;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.pin_progress{width:100%;height:2px;position:absolute;left:0;bottom:0;display:none;}
.pin_progress progress {position:absolute;left:0;bottom:0;appearance:none;width:100%;height:2px;border:none;background:#f0f0f0;}
.pin_progress progress::-webkit-progress-bar {background:#f0f0f0;}
.pin_progress progress::-webkit-progress-value {background:#000;background-attachment:fixed;}
.pin_progress progress::-moz-progress-bar {background:#000;background-attachment:fixed;}



@media all and (max-width:1920px){

.mainBanner .mainBannerCont .slick-list img{width:auto;}
}

@media all and (max-width:1780px){
.mainBanner .slickBtnWrap .slickBtnBox{padding:0 20px;}

.inner{padding:0 20px;}
.br_none{display:none;}

.pinContBox .inner ul{left:20px;}
.pin_progress{width:calc(100% - 40px);left:20px;}

.newsBox .newsSlideInfo{width:373px !important;}

}

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0 -25%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}

.mainBanner .slickBtnWrap{left:19%;}
.mainBanner .slickBtnWrap .slickBtnBox{padding:0;}
.mainBanner .slideText dl dt{font-size:17rem;}
.mainBanner .slideText dl dd{font-size:2.7rem;}

.topText:before{top:15px;}

.business .halfCont{display:block;}
.business dl{width:100%;}


.history .historyCont{display:block;}

.history .titleBox{width:100%;}
.history .titleBox .contTitle .br_none{display:block;}
.history ol{width:100%;}
.history ol > li ul{padding-top:30px;}
.history ol > li ul li:before{top:8px;}




}

@media all and (max-width:1055px){
.company .titleBox .basicText br{display:none;}

}

@media all and (max-width:979px){


.history ol > li ul li:before{width:5px;height:5px;top:7px;}

.company .halfCont{display:block;}
.company .titleBox{width:100%;}
.company ul{width:100%;margin-top:50px;}
.company ul li{width:47.613%;margin-right:4.774%;}
.company ul li:last-child(n+3){margin-top:4.744%;}
.company ul li img{width:100%;}
.company ul li span{font-size:3.5vw;}

.newsBox .newsSlideInfo{width:345px !important;}


}

@media all and (max-width:767px){
.mobileNone{display:none;}
.mobileView{display:block;}

.mainBanner .mainBannerCont .slick-list{margin:0;}
.mainBanner .slickBtnWrap{left:0;}
.mainBanner .slickBtnWrap .slickBtnBox{padding:0 20px;}
.mainBanner .slickBtnWrap .slickBtnBox .slickBtn{margin-top:20px;}
.mainBanner .slideText dl dt{font-size:9rem;}
.mainBanner .slideText dl dd{font-size:2rem;}

.mainBanner .progress-circle-container{margin-right:20px;}
.mainBanner .progress-circle-container svg{width:50px !important;height:50px !important;}
.mainBanner .slick-controls .slide-pause{width:8px;height:10px;left:22px;}
.mainBanner .slick-controls .slide-play{left:23px;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;border-left:8px solid #fff;}
.mainBanner .slick-controls .slide-pause:before{height:10px;}
.mainBanner .slick-arrow{width:7px;height:13px;}
.mainBanner .slick-arrow.slick-prev{margin-right:15px;background-size:7px auto;}
.mainBanner .slick-arrow.slick-next{margin-left:15px;background-size:7px auto;}
.mainBanner .slick-controls .centerLine{margin:0 7px;}

.topText:before{width:35px;padding-left:55px;}

.contTitle{font-size:4.4rem;}
.btnStyle{width:160px;height:52px;}

.business dl dt{font-size:6.1rem}
.business dl dd{font-size:2.2rem;line-height:1.5;}

.pinContBox .pinCont.homecare{background:url(/img/main/m_homecare_img.jpg)no-repeat center bottom / cover}
.pinContBox .pinCont.medical{background:url(/img/main/m_medical_img.jpg)no-repeat center bottom / cover}
.pinContBox .pinCont.manage{background:url(/img/main/m_manage_img.jpg)no-repeat center bottom / cover}

.pinContBox .inner ul li a{font-size:4.8rem;padding-bottom:3px;}
.pinContBox .inner ul li:nth-child(n+2){margin-top:8px;}
.pinContBox .inner ul li.active a:after{height:3px;}

.history{padding:128px 0 97px;}
.history .historyCont{margin-bottom:100px;}
.history ol{padding-left:20px;border-left-width:3px;}
.history ol li .year{font-size:4.8rem;}
.history ol > li:nth-child(n+2){margin-top:35px;}
.history ol > li ul li{font-size:1.8rem;}
.history .btnMore img{width:38px;}

.middleBanner{background-image:url(/img/main/m_middle_banner.jpg);padding:90vw 0 20vw;background-position:center center;}
.middleBanner .titleBox h3{font-size:4rem;}


.company{padding:80px 0 100px;}
.company .titleBox .basicText{margin:40px 0 60px;}

.newsBox{padding-top:75px;}
.newsBox .newsSlide{flex-wrap:wrap;justify-content:space-between;padding-bottom:0;}
/*.newsBox .newsSlideInfo{width:250px !important;margin-right:25px;}*/
.newsBox .newsSlideInfo{width:48.5% !important;margin-right:0;}
.newsBox .newsSlideInfo div{padding:25px 0 35px;}
.newsBox .newsSlideInfo div dl dt{margin:12px 0 7px;}
}

@media all and (max-width:501px){
.history ol > li{display:block;}
.history ol > li ul{margin-left:5px;padding-top:15px;}
.history ol > li ul li{padding-left:12px;}
}