/* sub_head */
.sub_head {
    position: relative;
}
.sub_head_title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    color: #fff;
}
.sub_head_title h3 {
    font-size: 24px;
    font-weight: 700;
    color: #d3fff0;
}
.sub_head_title h2 {
    font-size: 72px;
    font-weight: 400;
    margin: 20px auto 30px;
}
.sub_head_title p {
    font-size: 20px;
    font-weight: 400;
}
#scroll {
    position: absolute;
    bottom: 57px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    z-index: 1;
    letter-spacing: 0;
}
#scroll img {
    margin-top: 8px;
}

/* sub_menu */
.sub_menu {
    background-color: #fff;
}
.sub_menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.sub_menu a {
    line-height: 80px;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #9b9b9b;
    width: 220px;
    text-align: center;
    transition: all 0.2s;
    position: relative;
}
.sub_menu a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: #c8c8c8;
    transition: all 0.2s;
}
.sub_menu a:hover {
    color: #333;
    font-weight: 700;
}
.sub_menu a:hover::after {
    height: 2px;
    background-color: #000;
}

/* care01 */
.care01 {
    padding-top: 180px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.care01_wrap {
    max-width: 1600px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.care01_txt h3 {
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
}
.care01_txt h2 {
    font-size: 50px;
    font-weight: 400;
    color: #111;
    margin: 20px 0px 41px;
    line-height: 140%;
}
.care01_txt h2 span {
    color: #46675c;
    font-weight: 700;
}
.care01_txt p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 160%;
    margin-bottom: 41px;
}
.care01_txt ul {
    display: flex;
    align-items: center;
    gap: 10px;
}
.care01_txt ul li {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #27493e;
    border-radius: 5px;
    padding: 0px 30px;
    line-height: 52px;
}

/* care02 */
.care02 {
    padding: 190px 0px 168px;
    position: relative;
}
.care02 > span {
    position: absolute;
    top: 141px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    font-weight: 600;
    color: #46675c;
    opacity: 0.2;
    line-height: 100%;
}
.care02_wrap {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
}
.care02_wrap h2 {
    text-align: center;
    font-size: 46px;
    font-weight: 400;
    line-height: 140%;
    color: #111;
}
.care02_wrap h2 span {
    color: #46675c;
    font-weight: 700;
}
.care02_con {
    padding-left: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 59px;
}
.care02_txt h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #46675c;
    width: fit-content;
    line-height: 140%;
}
.care02_txt h3:after {
    content: '';
    display: block;
    position: absolute;
    right: -4px;
    top: -1px;
    width: 4px;
    height: 4px;
    background-color: #46675c;
    border-radius: 50%;
}
.care02_txt h4 {
    font-size: 34px;
    font-weight: 700;
    color: #46675c;
    margin: 10px 0px 37px;
    line-height: 160%;
}
.care02_txt p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 160%;
}

/* care03 */
.care03 {
    background-color: rgba(207, 207, 207, 0.2);
    text-align: center;
    padding: 164px 0px 173px;
}
.care03_wrap {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.care03_wrap h3 {
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
}
.care03_wrap h2 {
    font-size: 46px;
    font-weight: 400;
    color: #111;
    line-height: 140%;
    margin: 25px auto 63px;
}
.care03_wrap h2 span {
    color: #46675c;
    font-weight: 700;
}
.care03_list {
    display: flex;
    align-items: center;
    margin-bottom: 52px;
    border-radius: 20px;
    overflow: hidden;
}
.care03_list li {
    width: 25%;
    position: relative;
}
.care03_list h4 {
    background-color: #fff;
    line-height: 52px;
    font-size: 20px;
    font-weight: 700;
    color: #4a4a4a;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.care03_list li:last-child h4 {
    border-right: none;
}
.care03_con {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}
.care03_con::before {
    content: '';
    display: block;
    position: absolute;
    height: 8px;
    border-radius: 50px;
    background: linear-gradient(90deg, #2d5045 0%, #61897c 100%);
    width: 100%;
    left: 0px;
    top: 88px;
}
.care03_con span {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
    padding: 0px 20px;
    background-color: #fff;
    border: 2px solid #46675c;
    line-height: 45px;
    border-radius: 99px;
}
.care03_dot {
    background-color: #46675c;
    width: 30px;
    height: 30px;
    border: 5px solid #fff;
    border-radius: 100%;
    margin: 28px auto;
    position: relative;
}
.care03_con h5 {
    font-size: 22px;
    font-weight: 700;
    color: #46675c;
    margin-bottom: 43px;
}
.care03_con p {
    font-size: 20px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 160%;
    margin-top: 30px;
}

/* care04 */
.care04 {
    padding: 190px 0px 168px;
    position: relative;
}
.care04 > span {
    position: absolute;
    top: 141px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    font-weight: 600;
    color: #46675c;
    opacity: 0.2;
    line-height: 100%;
}
.care04 h2 {
    text-align: center;
    font-size: 46px;
    font-weight: 400;
    line-height: 140%;
    color: #111;
}
.care04 h2 span {
    color: #46675c;
    font-weight: 700;
}
.care04_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 84px;
}
.care04_txt h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #46675c;
    width: fit-content;
    line-height: 140%;
}
.care04_txt h3:after {
    content: '';
    display: block;
    position: absolute;
    right: -4px;
    top: -1px;
    width: 4px;
    height: 4px;
    background-color: #46675c;
    border-radius: 50%;
}
.care04_txt h4 {
    font-size: 34px;
    font-weight: 700;
    color: #46675c;
    margin: 10px 0px 33px;
    line-height: 160%;
}
.care04_txt p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 160%;
}

/* care05 */
.care05 {
    background-color: rgba(207, 207, 207, 0.2);
    text-align: center;
    padding: 154px 0px 153px;
}
.care05_wrap {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.care05_wrap h3 {
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
}
.care05_wrap h2 {
    font-size: 46px;
    font-weight: 400;
    color: #111;
    line-height: 140%;
    margin: 25px auto 79px;
}
.care05_wrap h2 span {
    color: #46675c;
    font-weight: 700;
}
.care05_con {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}
.care05_con::before {
    content: '';
    display: block;
    position: absolute;
    height: 8px;
    border-radius: 50px;
    background: linear-gradient(90deg, #2d5045 0%, #61897c 100%);
    width: 100%;
    left: 0px;
    top: 88px;
}
.care05_con span {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
    padding: 0px 20px;
    background-color: #fff;
    border: 2px solid #46675c;
    line-height: 45px;
    border-radius: 99px;
}
.care05_dot {
    background-color: #46675c;
    width: 30px;
    height: 30px;
    border: 5px solid #fff;
    border-radius: 100%;
    margin: 28px auto 48px;
    position: relative;
}
.care05_con p {
    font-size: 20px;
    font-weight: 400;
    color: #111;
    line-height: 160%;
    margin-top: 28px;
}

/* care06 */
.care06 {
    background-color: rgba(234, 224, 216, 0.5);
    padding: 140px 0px;
    text-align: center;
}
.care06 h2 {
    font-size: 46px;
    font-weight: 400;
    line-height: 160%;
    color: #111;
}
.care06 h2 span {
    color: #46675c;
    font-weight: 700;
}
.care06 h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
    color: #333;
    margin: 13px auto 90px;
}
.care06_img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.care06_img > div {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.care06_img > div > span {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 0px 27px;
    display: inline-block;
    line-height: 43px;
    border-radius: 20px 0px 0px 0px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
}
.care06_img .care06_after > span {
    background-color: rgba(70, 103, 92, 0.3);
}
.care06 p {
    border-radius: 10px;
    color: #222;
    padding: 50px 0px 41px;
    margin: 20px auto 40px;
    line-height: 180%;
    font-size: 16px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.5);
}
.care06 > div > a {
    border-radius: 99px;
    border: 1px solid #27493e;
    line-height: 65px;
    padding: 0px 25px;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: 18px;
    font-weight: 500;
    color: #27493e;
    margin: 0 auto;
    transition: all 0.2s;
}
.care06 > div > a:hover {
    background-color: #fff;
}

/* care07 */
.care07 {
    padding: 170px 0px 157px;
    position: relative;
}
.care07 > span {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    font-weight: 600;
    color: #46675c;
    opacity: 0.2;
    line-height: 100%;
}
.care07_wrap {
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
}
.care07_wrap h2 {
    text-align: center;
    font-size: 46px;
    font-weight: 400;
    line-height: 140%;
    color: #111;
}
.care07_wrap h2 span {
    color: #46675c;
    font-weight: 700;
}
.care07_con {
    padding-left: 125px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 96px;
}
.care07_txt h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #46675c;
    width: fit-content;
    line-height: 140%;
}
.care07_txt h3:after {
    content: '';
    display: block;
    position: absolute;
    right: -4px;
    top: -1px;
    width: 4px;
    height: 4px;
    background-color: #46675c;
    border-radius: 50%;
}
.care07_txt h4 {
    font-size: 34px;
    font-weight: 700;
    color: #46675c;
    margin: 10px 0px 37px;
    line-height: 160%;
}
.care07_txt p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 160%;
}

/* care08 */
.care08 {
    background-color: rgba(207, 207, 207, 0.2);
    text-align: center;
    padding: 158px 0px;
}
.care08_wrap {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.care08_wrap h3 {
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
}
.care08_wrap h2 {
    font-size: 46px;
    font-weight: 400;
    color: #111;
    line-height: 140%;
    margin: 25px auto 110px;
}
.care08_wrap h2 span {
    color: #46675c;
    font-weight: 700;
}
.care08_con {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}
.care08_con > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.care08_con::before {
    content: '';
    display: block;
    position: absolute;
    height: 8px;
    border-radius: 50px;
    background: linear-gradient(90deg, #2d5045 0%, #61897c 100%);
    width: 100%;
    left: 0px;
    top: 88px;
}
.care08_con span {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
    padding: 0px 20px;
    background-color: #fff;
    border: 2px solid #46675c;
    line-height: 45px;
    border-radius: 99px;
}
.care08_wrap h4 {
    font-size: 22px;
    font-weight: 700;
    color: #46675c;
    line-height: 160%;
    margin-bottom: 48px;
}
.care08_dot {
    background-color: #46675c;
    width: 30px;
    height: 30px;
    border: 5px solid #fff;
    border-radius: 100%;
    margin: 28px auto 28px;
    position: relative;
}
.care08_con p {
    font-size: 20px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 160%;
    margin: 28px auto 33px;
}
.care08_con h5 {
    border-radius: 99px;
    display: inline-block;
    line-height: 62px;
    background-color: #27493e;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-top: 39px;
    padding: 0px 25px;
}

/* care09 */
.care09 {
    background-color: rgba(234, 224, 216, 0.5);
    padding: 142px 0px;
    text-align: center;
}
.care09 h2 {
    font-size: 46px;
    font-weight: 400;
    line-height: 160%;
    color: #111;
}
.care09 h2 span {
    color: #46675c;
    font-weight: 700;
}
.care09 h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
    color: #333;
    margin: 13px auto 90px;
}
.care09_img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.care09_img > div {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.care09_img > div > span {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 0px 27px;
    display: inline-block;
    line-height: 43px;
    border-radius: 20px 0px 0px 0px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
}
.care09_img .care06_after > span {
    background-color: rgba(70, 103, 92, 0.3);
}
.care09 p {
    border-radius: 10px;
    color: #222;
    padding: 50px 0px 41px;
    margin: 20px auto 40px;
    line-height: 180%;
    font-size: 16px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.5);
}
.care09 > div > a {
    border-radius: 99px;
    border: 1px solid #27493e;
    line-height: 65px;
    padding: 0px 25px;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: 18px;
    font-weight: 500;
    color: #27493e;
    margin: 0 auto;
    transition: all 0.2s;
}
.care09 > div > a:hover {
    background-color: #fff;
}

/* care10 */
.care10 {
    padding: 194px 0px 176px;
    position: relative;
}
.care10 > span {
    position: absolute;
    top: 142px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    font-weight: 600;
    color: #46675c;
    opacity: 0.2;
    line-height: 100%;
}
.care10 h2 {
    text-align: center;
    font-size: 46px;
    font-weight: 400;
    line-height: 140%;
    color: #111;
}
.care10 h2 span {
    color: #46675c;
    font-weight: 700;
}
.care10_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 90px;
}
.care10_txt h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #46675c;
    width: fit-content;
    line-height: 140%;
}
.care10_txt h3:after {
    content: '';
    display: block;
    position: absolute;
    right: -4px;
    top: -1px;
    width: 4px;
    height: 4px;
    background-color: #46675c;
    border-radius: 50%;
}
.care10_txt h4 {
    font-size: 34px;
    font-weight: 700;
    color: #46675c;
    margin: 10px 0px 31px;
    line-height: 160%;
}
.care10_txt p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 160%;
}

/* care11 */
.care11 {
    background-color: rgba(207, 207, 207, 0.2);
    text-align: center;
    padding: 180px 0px;
}
.care11 h3 {
    font-size: 18px;
    font-weight: 700;
    color: #46675c;
}
.care11 h2 {
    font-size: 46px;
    font-weight: 400;
    color: #111;
    line-height: 140%;
    margin: 25px auto 122px;
}
.care11 h2 span {
    color: #46675c;
    font-weight: 700;
}
.care11_con {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.care11_con > div {
    border-radius: 20px;
    overflow: hidden;
}
.care11_txt {
    background-color: #fff;
    padding: 50px 40px;
}
.care11_txt h4 {
    font-size: 28px;
    font-weight: 600;
    color: #46675c;
}
.care11_txt p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    margin: 20px 0px;
    line-height: 160%;
}
.care11_txt ul {
    display: flex;
    align-items: center;
    gap: 10px;
}
.care11_txt ul li {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: #27493e;
    border-radius: 5px;
    padding: 0px 15px;
    line-height: 42px;
}
.care11_top {
    margin-bottom: 50px;
}
/* care12 */
.care12 {
    background-image: url(../img/sub/care12_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 322px 60px 65px;
    color: #fff;
    text-align: center;
}
.care12_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 285px;
}
.care12 h2 {
    font-size: 46px;
    font-weight: 400;
    line-height: 160%;
}
.care12 h2 span {
    color: #d3fff0;
    font-weight: 700;
}
.care12_line {
    width: 180px;
    height: 2px;
    margin: 0px 100px;
    background-color: #fff;
}
.care12_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 21px;
    border-radius: 20px;
    background-color: rgba(84, 130, 115, 0.6);
    padding: 30px 0px;
}
.care12_list li {
    background-color: #27493e;
    border: 1px solid #d3fff0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    line-height: 61px;
    gap: 7px;
    font-size: 20px;
    font-weight: 600;
    color: #d3fff0;
    width: 413px;
}