@charset "utf-8";

main {overflow: hidden;}
.main-visual {position: relative; width: 100%; margin-top: 124px;}
#main .main-visual .container {max-width: 1830px !important;}
.main-visual .item {position: relative; width: 100%; height: 722px; border-radius: 40px; overflow: hidden;}
.main-visual .img-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transform: scale(1.1); border-radius: 40px 40px 40px 60px; overflow: hidden; z-index: 1;}
.main-visual .item:nth-child(1) .img-box {background-image: url('../img/main/main-visual01.jpg');}
.main-visual .item:nth-child(2) .img-box {background-image: url('../img/main/main-visual02.jpg');}
.main-visual .item:nth-child(3) .img-box {background-image: url('../img/main/main-visual03.jpg');}
.main-visual .item.slick-active .img-box {transform: scale(1); transition: all 2s;}
.main-visual .text-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; padding: 0 15px; z-index: 5;}
.main-visual .text-box h2 {font-size: 60px; font-weight: 700; line-height: 1.3em; color: #fff; text-align: center;}
.main-visual .slick-active .text-box h2 {animation: text-up 1.2s both 0.4s;}
@keyframes text-up {
    0% {
        filter: blur(10px);
        transform: translateY(60px);
        opacity: 0;
    }

    100% {
        filter: blur(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.main-visual .shape {position: absolute; left: 0; bottom: 0; width: 138px; height: 300px; background: url('../img/main/main-visual-shape.png') no-repeat 0 100%; z-index: 100;}
.main-visual .controler {position: absolute; bottom: 40px; right: 40px; display: flex; align-items: center; gap: 16px;}
.main-visual .controler .slide-arrow {display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: 50% 50%; border: none; background-color: transparent;}
.main-visual .controler .slide-arrow-prev {background-image: url('../img/main/btn-main-visual-prev.png');}
.main-visual .controler .slide-arrow-next {background-image: url('../img/main/btn-main-visual-next.png');}
.main-visual .controler .paging ul {display: flex; gap: 8px;}
.main-visual .controler .paging button {display: block; width: 6px; height: 6px; border-radius: 3px; background: rgba(66, 66, 66, 0.60); border: none; font-size: 0; transition: all 1s;}
.main-visual .controler .paging .slick-active button {width: 80px; background: #2168C3;}
.main-visual .btn-scroll-down {position: absolute; left: -38px; bottom: 112px; z-index: 150; display: flex; align-items: center; gap: 24px; transform: rotate(90deg);}
.main-visual .btn-scroll-down .text {font-size: 14px; font-weight: 500; line-height: 1.6em; letter-spacing: 1.4px; color: #444;}
.main-visual .btn-scroll-down .line {position: relative; width: 67px; height: 2px; background: #999;}
.main-visual .btn-scroll-down .line:after {position: absolute; top: 0; left: 0; content: ''; width: 0; height: 2px; background: #2168C3; animation: guage 2.5s infinite;}
@keyframes guage {
    0%   {width: 0;}
    100%  {width: 67px;}
}

.section-title {text-align: center;}
.section-title-left {text-align: left;}
.section-title h3 {position: relative; display: inline-block; font-size: 50px; font-weight: 700; line-height: 1.4em; color: #303030; padding-right: 190px;}
.section-title h3:after {position: absolute; top: 35px; right: 0; content: ''; width: 160px; height: 2px; background: #2168C3;}
.section-title h3 .blue {color: #2168C3;}
.section-title h4 {font-size: 36px; font-weight: 700; line-height: 1.4em; color: #222;}

.main-intro {position: relative; padding: 200px 0;}
.main-intro:before {position: absolute; top: 27.5%; right: 0; content: ''; width: 609px; height: 482px; background: url('../img/main/intro-deco.png') no-repeat 100% 50%;}
#main .main-intro .container,
#main .main-homecare .container {max-width: 1610px !important;}
.main-intro-text {display: flex; gap: 200px; padding: 0 70px; margin-bottom: 120px;}
.main-intro-text .section-title {max-width: 475px; width: 100%;}
.main-intro-text .section-title h3 {padding-right: 117px;}
.main-intro-text .desc {width: 1%; flex: 1 1 auto; font-size: 24px; line-height: 1.8em; color: #444; padding-top: 35px;}
.main-intro-img {height: 500px; background: url('../img/main/intro-img.jpg') no-repeat 50% 50%/cover; border-radius: 40px;}

.main-homecare .section-title {position: relative; margin: 0 auto; z-index: 5;} 
.main-homecare .section-title-inner {display: inline-block; padding: 0 140px 85px; background: #fff; border-radius: 40px;}
.main-homecare .section-title h3 {padding-right: 0; padding-top: 195px;}
.main-homecare .section-title h3:after {top: 0; left: 50%; right: auto; width: 2px; height: 140px;}
.main-homecare-text {margin-top: -25px;}
.main-homecare-text-inner {background: url('../img/main/homecare-bg.jpg') no-repeat 50% 50%/cover; border-radius: 40px; padding: 276px 15px 54px;}
.main-homecare-text h5 {font-size: 46px; font-weight: 700; line-height: 1.6em; color: #fff; text-align: center; margin-bottom: 137px;}
.main-homecare-text h5 span {color: #99E4FF;}
.main-homecare-text p {font-size: 28px; font-weight: 500; line-height: 1.6em; color: #fff; text-align: center;}

.main-staff {position: relative; padding: 200px 0; background: linear-gradient(0deg, #F6F6F6 62.1%, rgba(239, 239, 239, 0.00) 100%);}
.main-staff:before {position: absolute; top: -12%; right: -0.5%; content: ''; width: 465px; height: 467px; background: url('../img/main/staff-deco.png') no-repeat 100% 50%; z-index: -1;}
.main-staff .section-title {margin-bottom: 76px;}
.main-staff .staff-content {display: flex; align-items: center;}
.main-staff .staff-nav {max-width: 320px; width: 100%;}
.main-staff .staff-nav ul {position: relative; display: flex; flex-direction: column; gap: 30px;}
.main-staff .staff-nav ul:before {position: absolute; top: 50%; left: 13px; transform: translateY(-50%); content: ''; width: 1px; height: 88%; background: #ccc;}
.main-staff .staff-nav ul li {position: relative; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #666; padding-left: 46px; cursor: pointer; transition: all 0.5s;} 
.main-staff .staff-nav ul li.is-active {font-weight: 700; color: #0D3569;}
.main-staff .staff-nav ul li:before {position: absolute; top: 10px; left: 8px; content: ''; width: 10px; height: 10px;  background: #666; border-radius: 50%; transition: all 0.5s;}
.main-staff .staff-nav ul li.is-active:before {position: absolute; top: 2px; left: 0; content: ''; width: 26px; height: 26px; border: 6px solid #c2d3ea; background: #4882CD; border-radius: 50%;}
.main-staff .staff-slide-items {width: 1%; flex: 1 1 auto;}
.main-staff .staff-slide-item-inner {display: flex; align-items: center; gap: 96px;}
.main-staff .staff-img {max-width: 510px; width: 100%;}
.main-staff .staff-text {width: 1%; flex: 1 1 auto;}
.main-staff .staff-text .quote {position: relative; display: inline-block; font-size: 38px; font-weight: 600; line-height: 1.6em; color: #0D3569; margin-bottom: 100px; padding-top: 34px; padding-bottom: 15px; padding-right: 30px;}
.main-staff .staff-text .quote:before {position: absolute; top: 0; left: -20px; content: ''; width: 56px; height: 42px; background: url('../img/main/staff-quote-open.png') no-repeat 50% 50%;}
.main-staff .staff-text .quote:after {position: absolute; bottom: 0; right: 0; content: ''; width: 56px; height: 42px; background: url('../img/main/staff-quote-close.png') no-repeat 50% 50%;}
.main-staff .staff-text .staff-info {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px;}
.main-staff .staff-text .staff-info .name {font-size: 36px; font-weight: 700; line-height: 1.4em; color: #000; margin-right: 20px;}
.main-staff .staff-text .staff-info .position {font-size: 28px;} 
.main-staff .staff-text .staff-info .line {display: inline-block; width: 1px; height: 20px; background: #ccc; margin-right: 20px; margin-top: 4px;}
.main-staff .staff-text .staff-info .major {font-size: 22px; font-weight: 600; line-height: 1.4em; color: #666; margin-top: 4px;}
.main-staff .staff-text .staff-career {display: flex; flex-direction: column; gap: 4px; margin-bottom: 42px;}
.main-staff .staff-text .staff-career li {position: relative; font-size: 20px; line-height: 1.6em; color: #444; padding-left: 30px;}
.main-staff .staff-text .staff-career li:before {position: absolute; top: 12px; left: 12px; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #444;}
.main-staff .staff-text .btn-more {display: inline-block; font-size: 20px; font-weight: 700; line-height: 1.6em; color: #fff; text-align: center; background: #2168C3; border-radius: 100px; border: 2px solid #2168C3; padding: 10px 82px; transition: all 0.5s;}
.main-staff .staff-text .btn-more:hover {background: transparent; color: #2168C3;}

.main-service {position: relative; padding: 200px 0; background: #ECF4FD;}
.main-service:before {position: absolute; bottom: 0; right: 0; content: ''; width: 542px; height: 448px; background: url('../img/main/service-deco.png') no-repeat 100% 100%;}
.main-service .section-title {margin-bottom: 60px;}
.main-service .section-title h3 {padding-right: 0;}
.main-service .section-title h3:after {display: none;}
.main-service .service-items {display: flex; flex-wrap: wrap; margin: -10px;}
.main-service .service-item {width: 33.3333%; padding: 10px;}
.main-service .service-item-inner {position: relative; height: 100%; border-radius: 30px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10); padding: 80px 70px 30px 30px;}
.main-service .service-item h5 {font-size: 28px; font-weight: 700; line-height: 1.6em; color: #444; padding-right: 50px;}
.main-service .service-item p {font-size: 22px; line-height: 1.6em; color: #666;}
.main-service .service-item .icon {position: absolute; top: 30px; right: 30px; width: 80px; height: 80px; background-repeat: no-repeat; background-position: 50% 50%;}
.main-service .service-item:nth-child(1) .icon {background-image: url('../img/main/service-icon01.png');}
.main-service .service-item:nth-child(2) .icon {background-image: url('../img/main/service-icon02.png');}
.main-service .service-item:nth-child(3) .icon {background-image: url('../img/main/service-icon03.png');}
.main-service .service-item:nth-child(4) .icon {background-image: url('../img/main/service-icon04.png');}
.main-service .service-item:nth-child(5) .icon {background-image: url('../img/main/service-icon05.png');}
.main-service .service-item:nth-child(6) .icon {background-image: url('../img/main/service-icon06.png');}
.main-service .service-item:nth-child(7) .icon {background-image: url('../img/main/service-icon07.png');}
.main-service .service-item:nth-child(8) .icon {background-image: url('../img/main/service-icon08.png');}
.main-service .service-item:nth-child(9) .icon {background-image: url('../img/main/service-icon09.png');}
.main-service .service-item:nth-child(10) .icon {background-image: url('../img/main/service-icon10.png');}
.main-service .service-item:nth-child(11) .icon {background-image: url('../img/main/service-icon11.png');}
.main-service .service-item:nth-child(12) .icon {background-image: url('../img/main/service-icon12.png');}

.main-qna {padding: 200px 0 140px;}
#main .main-qna .container {max-width: 1230px !important;}
.main-qna .section-title {margin-bottom: 60px;}
.main-qna .qna-items {display: flex; flex-direction: column; gap: 16px;}
.main-qna .qna-item {border-radius: 40px; background: #F6F7F8; padding: 22px 60px; transition: all 0.5s;}
.main-qna .qna-question {position: relative; display: flex; gap: 20px; width: 100%; text-align: left; border: none; background-color: transparent; padding-right: 32px;}
.main-qna .qna-question:after {position: absolute; top: 5px; right: 0; content: ''; width: 32px; height: 32px; background: url('../img/main/qna-icon-arrow.png') no-repeat 50% 50%; transition: all 0.5s;}
.main-qna .qna-question .qna-label {font-size: 22px; font-weight: 700; color: #2168C3; margin-top: 5px; transition: all 0.5s;}
.main-qna .qna-question .qna-text {font-size: 26px; font-weight: 600; line-height: 1.6em; color: #444; transition: all 0.5s;}
.main-qna .qna-answer {display: none; opacity: 0; font-size: 24px; line-height: 1.6em; color: #eee; margin-top: 20px; padding-left: 35px;}
.main-qna .qna-item.active {background: #0D3569; padding: 36px 60px;}
.main-qna .qna-item.active .qna-question:after {transform: rotate(180deg); background-image: url('../img/main/qna-icon-arrow-active.png');}
.main-qna .qna-item.active .qna-question .qna-label {font-size: 26px; color: #99E4FF;}
.main-qna .qna-item.active .qna-question .qna-text {color: #fff;}
.main-qna .qna-item.active .qna-answer {opacity: 1;}

.main-sns {margin-bottom: 200px;}
.main-sns .sns-cont {position: relative; border-radius: 40px; overflow: hidden;}
.main-sns .sns-inner {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 500px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 100px 20px; }
.main-sns .sns-cont01 .sns-inner {background-image: url('../img/main/sns-bg.jpg');}
.main-sns .sns-cont02 .sns-inner {background-image: url('../img/main/sns-bg02.jpg');}
.main-sns .sns-inner:after {position: absolute; bottom: 0; right: 0; content: ''; width: 448px; height: 138px; background: url('../img/main/sns-shape.png') no-repeat 100% 100%;}
.main-sns .sns-cont02 .sns-inner:after {display: none;}
.main-sns .sns-cont h3 {font-size: 46px; font-weight: 700; line-height: 1.2em; color: #fff; text-align: center; margin-bottom: 24px;}
.main-sns .sns-cont p {font-size: 24px; font-weight: 600; line-height: 1.6em; color: #F8F8F8; text-align: center;}
.main-sns .sns-btn {position: absolute; bottom: 0; right: 0; z-index: 10;}
.main-sns .btn-blog {width: 390px; border-radius: 100px; background: #2168C3; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; line-height: 1.6em; color: #fff; text-align: center; padding: 12px; transition: all 0.5s;}
.main-sns .slick-dots {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px;}
.main-sns .slick-dots button {width: 6px; height: 6px; background: rgba(255, 255, 255, 0.60); border-radius: 3px; font-size: 0; border: 0; transition: all 0.5s;}
.main-sns .slick-dots .slick-active button {width: 60px; background: #2168C3;}

.main-location {margin-bottom: 200px;}
.main-location .location-map {border-radius: 40px; overflow: hidden; margin-bottom: 80px;}
.main-location .root_daum_roughmap {width:100% !important; height:640px !important;}
.main-location .root_daum_roughmap .wrap_map {height:640px !important;}
.main-location .root_daum_roughmap .border1,
.main-location .root_daum_roughmap .border2 {border: none;}
.main-location .root_daum_roughmap .border3, 
.main-location .root_daum_roughmap .border4 {background-color: transparent;}
.main-location .location-info-wrap {display: flex; gap: 85px; padding: 0 22px;}
.main-location .location-info {flex: 1;}
.main-location .location-info-title {font-size: 26px; font-weight: 700; line-height: 1.6em; color: #000; padding-bottom: 6px; margin-bottom: 21px; border-bottom: 1px solid #0D3569;}
.main-location .location-info-list {display: flex; flex-direction: column; gap: 12px;}
.main-location .location-info-list dl {display: flex;}
.main-location .location-info-list dt {max-width: 133px; width: 100%; font-size: 22px; font-weight: 700; line-height: 1.6em; color: #444;}
.main-location .location-info-list dd {width: 1%; flex: 1 1 auto; font-size: 22px; line-height: 1.6em; color: #444;}
.main-location .location-info-list dd a {display: inline-block;}
.main-location .location-info-notice {margin-top: 12px;}
.main-location .location-info-notice p {position: relative; font-size: 20px; line-height: 1.6em; color: #444; padding-left: 14px;}
.main-location .location-info-notice .color-red {color: #CF3434;}
.main-location .location-info-notice p:before {position: absolute; top: 0; left: 0; content: '*'; }

.split .line {display: inline-block; overflow: hidden;}