@charset "utf-8";

/* detail_edit */

/* health8 */
.health8 .cont-wrap .img + .txt,
.health8 .cont-wrap .txt + .img {margin-top: 60px;}
.health8 .area-dot {margin: 50px 0;}
.health8 .area-dot .gray-bg {background: #f9f9f9; padding: 70px 50px;}
.health8 .area-dot .border-box {background: #fff; border: 2px solid #00b6f0; border-radius: 20px; text-align: left; padding: 30px;}
.health8 .area-dot .border-box + .border-box {margin-top: 30px;}
.health8 .area-dot .border-box .blue-dot {display: inline-block; padding-left: 30px; position: relative; font-size: 28px; color: #019fda; font-weight: 500; line-height: 1;}
.health8 .area-dot .border-box .blue-dot::before {content: ''; width: 10px; height: 10px; border-radius: 50%; background: #00b6f0; position: absolute; top: 8px; left: 0; }
.health8 .area-dot .border-box em.bold {display: inline-block; color: #363636; font-size: 24px;}
.health8 .area-dot .border-box .inline {vertical-align: middle;}
.health8 .area-dot .border-box .inline em.bold {margin-left: 5px;}
.health8 .area-dot .border-box .list-dash {margin: 20px 0 0 25px; }
.health8 .area-dot .border-box .list-dash li {margin-bottom: 25px;}
.health8 .area-dot .border-box .list-dash em.bold {vertical-align: top;}
.health8 .area-dot .border-box .list-dash span {display: inline-block; width: calc(100% - 95px); vertical-align: top; color: #737373; font-size: 21px;}
.health8 .section4 {margin: 60px 0;}
.health8 .section4 .bg-gray {background: #f9f9f9; padding: 40px 30px 40px;}
.health8 .section4 .title {color: #019fda}
.health8 .section4 .box-area {display: flex; justify-content: space-between}
.health8 .section4 .box-area .left {width: 34%;}
.health8 .section4 .box-area .right {width: 63%; text-align: left;}
.health8 .section4 .box-area .box-blue {border: 1px solid #00b6f0; border-radius: 20px; overflow: hidden;}
.health8 .section4 .box-area .box-blue .top {background: #00b6f0; color: #fff; font-size: 22px; text-align: center; padding: 10px;}
.health8 .section4 .box-area .box-blue .list-line {padding: 12px 20px;}
.health8 .section4 .box-area .left .box-blue .list-line > li {padding: 25px 5px;}
.health8 .section4 .box-area .right .box-blue .list-line > li {padding: 18px 15px;}
.health8 .section4 .box-area .box-blue .bottom {background: #fff;}
.health8 .section4 .box-area .box-blue .list-line > li + li {border-top: 1px solid #d0d0d0; }
.health8 .section4 .box-area .box-blue .list-line > li em {display: block; font-size: 18px; color: #363636;}
.health8 .section4 .box-area .box-blue .list-line > li span {display: block; font-size: 16px; color: #737373; margin-left: 15px; position: relative; padding-left: 10px;}
.health8 .section4 .box-area .box-blue .list-line > li span::before {content: '-'; display: block; position: absolute; top: 0; left: 0;}

@media (max-width: 1200px) {
    .health8 .section4 .box-area .box-blue .list-line > li em {font-size: 16px;}
    .health8 .section4 .box-area .box-blue .list-line > li span {font-size: 15px;}
}

@media (max-width: 900px) {
    .health8 .cont-wrap .img + .txt,
    .health8 .cont-wrap .txt + .img {margin-top: 40px;}
    .health8 .area-dot .gray-bg {padding: 50px 15px;}
    .health8 .area-dot .border-box {padding: 20px;}
    .health8 .area-dot .border-box .blue-dot {font-size: 20px; padding-left: 15px;}
    .health8 .area-dot .border-box .blue-dot::before {width: 6px; height: 6px;}
    .health8 .area-dot .border-box em.bold {font-size: 18px;}
    .health8 .area-dot .border-box .list-dash {margin: 15px 20px;}
    .health8 .area-dot .border-box .list-dash span {font-size: 17px; width: calc(100% - 75px);}
    .health8 .section4 .bg-gray {padding: 30px 15px;}
    .health8 .section4 .box-area {display: block;}
    .health8 .section4 .box-area .left {width: 100%;}
    .health8 .section4 .box-area .right {width: 100%; margin-top: 20px;}
    .health8 .section4 .box-area .box-blue .top {font-size: 19px;}
    .health8 .section4 .box-area .left .box-blue .list-line > li,
    .health8 .section4 .box-area .right .box-blue .list-line > li {padding: 20px 10px;}
    .health8 .section4 .box-area .box-blue .list-line > li span > br {display: none;}
}
@media (max-width: 430px) {
    .health8 .area-dot .border-box .list-dash span {display: block; width: 100%; margin-left: 10px;}
    .health8 .area-dot .border-box .list-dash li + li {margin-bottom: 15px;}
}



/* health12 */
.health12 .cont-wrap .title.fill.edit {display: inline-block; padding: 7px 30px 8px; min-width: 240px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 25px; margin: 60px auto;}
.health12 .section3 {display: flex; width: 756px; max-width: 100%; margin: 0 auto;}
.health12 .section3 .box {}
.health12 .section3 .box.left {padding-right: 18px;}
.health12 .section3 .box.right {padding-left: 18px;}
.health12 .section3 .box ul > li {margin-bottom: 36px; display: flex; align-items: center; min-height: 123px;}
.health12 .section3 .box .img {width: 32%; text-align: center; margin-bottom: 0;}
.health12 .section3 .box .text {width: 68%; text-align: left; padding-left: 20px;}
.health12 .section3 .box .text strong {display: block; font-weight: 600; letter-spacing: -1px; line-height: 1; margin-bottom: 3px;}
.health12 .section3 .box .text em {display: block; font-size: 13px; letter-spacing: -1px; margin-bottom: 5px; line-height: 1; }
.health12 .section3 .box .text p {font-size: 14px; letter-spacing: -1px; word-break: keep-all; line-height: 1.2;} 

@media (max-width: 900px) {
  .health12 .section3 .box.left {padding-right: 10px;}
  .health12 .section3 .box.right {padding-left: 10px;}
  .health12 .section3 .box .img {width: 28%;}
  .health12 .section3 .box .text {width: 72%; padding-left: 15px;}
  .health12 .section3 .box .text p {font-size: 13px;}
}

@media (max-width: 650px) {
  .health12 .section3 {display: block;}
  .health12 .section3 .box.left {padding-right: 0;}
  .health12 .section3 .box.right {padding-left: 0;}
  .health12 .section3 .box ul > li {min-height: auto; margin-bottom: 30px;}
  .health12 .section3 .box .text p {font-size: 14px;}
}




/* health14 */
.health14 .round-sub-title {font-size: 20px; color: #fff; text-align: center; background: #00b6f0; border-radius: 40px; padding: 10px 50px; display: inline-block; max-width: 100%; margin: 80px auto 40px; font-weight: 400;} 
.health14 .section1-table {border: 2px solid #444; border-width: 2px 0;}
.health14 .section1-table > ul > li {display: flex;}
.health14 .section1-table > ul > li .left {width: 20%; background: #ebebeb; padding: 20px 40px; font-size: 24px; color: #242424; display: flex; align-items: center; justify-content: center; font-weight: 500;}
.health14 .section1-table > ul > li .right {width: 80%; text-align: left; padding: 30px 40px; font-size: 20px; color: #363636;}
.health14 .section1-table > ul > li.blue .left {background: #95dcf2}
.health14 .section1-table > ul > li.blue .right {background: #e8f5f9}
.health14 .section1-table .list-txt {line-height: 1;}
.health14 .section1-table .list-txt > p {display: block;}
.health14 .section1-table .list-txt > p + p {margin-top: 20px;}
.health14 .section1-table .list-txt > p > em {display: inline-block; vertical-align: text-top;}
.health14 .section1-table .list-txt > p > span {display: inline-block; vertical-align: text-top; width: calc(100% - 22px);}
.health14 .section1-table + .round-sub-title {margin-top: 100px;}
.health14 .section1-mark {}
.health14 .section1-mark > ul {display: flex; justify-content: space-around; flex-wrap: wrap;}

@media (max-width: 900px) {
  .health14 .round-sub-title {margin: 50px auto 30px;}
  .health14 .round-sub-title {font-size: 18px; padding: 10px 20px; }
  .health14 .section1-table > ul > li .left {width: 15%; padding: 20px 10px; font-size: 19px;}
  .health14 .section1-table > ul > li .right {width: 85%; font-size: 17px; padding: 20px 15px;} 
  .health14 .section1-table .list-txt > p + p {margin-top: 10px;}
  .health14 .section1-table + .round-sub-title {margin-top: 70px;}
}

@media (max-width: 768px) {
  .health14 .section1-table > ul > li .left {width: 90px; padding: 20px 10px; font-size: 17px;}
  .health14 .section1-table > ul > li .right {width: calc(100% - 90px); font-size: 15px;} 
  .health14 .section1-mark .img {margin-bottom: 20px;}
}

@media (max-width: 580px) {
  .health14 .section1-mark > ul > li {width: 100%;}
  .health14 .section1-mark > ul > li + li {margin-top: 30px;}
  .health14 .section1-mark .img {max-width: 150px; margin: 0 auto 20px;}
}


/* health15 */
.health15 {}
.health15 .card-area {display: flex; justify-content: space-between; gap: 55px; margin-top: 60px;}
.health15 .card-area .card {flex: 1; overflow: hidden; border-radius: 20px 20px 0 0;}
.health15 .card-area .card.first {flex: 1.5;}
.health15 .card-area .card .card-title {display: block; background: #b17db5; color: #fff; font-size: 25px; font-weight: 400; padding: 11px 5px;}
.health15 .card-area .card.first .card-title {background-color: #934199;}
.health15 .card-area .card .card-bottom {border: 2px solid #b17db5; border-radius: 0 0 20px 20px; border-top: 0;}
.health15 .card-area .card.first .card-bottom {border-color: #934199}
.health15 .card-area .card .card-img {padding: 25px 0; height: 184px; box-sizing: border-box; display: flex; justify-content: center; justify-items: center;}
.health15 .card-area .card .desc {font-size: 20px; color: #737373; padding: 0 5px 25px;}
.health15 .card-area .card.first .desc span {color: #934199; box-shadow: inset 0 -10px 0 #eadaeb; }
.health15 .section3 .qna {border: 2px solid #934199; border-radius: 10px; padding: 0 20px 27px; box-sizing: border-box;}
.health15 .section3 .qna .title {margin-top: 55px; text-align: center;}
.health15 .section3 .qna .qna-list > li {padding: 25px 20px 30px; }
.health15 .section3 .qna .qna-list > li:first-child {padding-top: 5px;}
.health15 .section3 .qna .qna-list > li + li {border-top: 1px solid #d0d0d0;}
.health15 .section3 .qna .qna-list .question {font-size: 20px; color: #934199; font-weight: 500; display: flex; align-items: baseline; gap: 5px;}
.health15 .section3 .qna .qna-list .question > em {color: #934199;}
.health15 .section3 .qna .qna-list li > span {display: block; margin-top: 11px; color: #242424; font-size: 16px;}
.health15 .section3 .pms {background-color: #f4f0f6; border-radius: 10px; box-sizing: border-box; margin-top: 100px; padding: 50px 40px 35px;}
.health15 .section3 .pms .title {text-align: center; color: #934199;}
.health15 .section3 .pms .img-flex {margin: 55px 0 50px; display: flex; gap: 60px; justify-content: center;}
.health15 .section3 .pms .caption {display: flex; justify-content: space-between;}

@media (max-width: 1280px) {
  .health15 .card-area {gap: 30px;}
  .health15 .section3 .pms .img-flex {gap: 40px; margin: 45px 0 40px;}
}

@media (max-width: 900px) {
  .health15 .card-area {flex-wrap: wrap;}
  .health15 .card-area .card, .health15 .card-area .card.first {flex: auto; width: 100%;}
  .health15 .card-area .card .card-title {font-size: 20px;}
  .health15 .card-area .card .desc {font-size: 17px;}
  .health15 .section3 .qna {padding: 0 10px 10px;}
  .health15 .section3 .qna .title {margin-top: 35px; margin-bottom: 30px;}
  .health15 .section3 .qna .qna-list .question {font-size: 18px;}
  .health15 .section3 .qna .qna-list > li {padding: 25px 6px 30px;}
  .health15 .section3 .pms {padding: 40px 15px;}
  .health15 .section3 .pms .title {margin-bottom: 30px;}
  .health15 .section3 .pms .img-flex {gap: 15px; padding: 0 20px;}

}

@media (max-width: 640px) {
  .health15 .section3 .pms .img-flex {flex-wrap: wrap; justify-items: center; gap: 30px;}
  .health15 .section3 .pms .img-flex > li {width: 100%; text-align: center; width: 260px; max-width: 100%;}
  .health15 .section3 .pms .caption {flex-wrap: wrap; gap: 10px;}
  .health15 .section3 .pms .caption > span {width: 100%; text-align: left;}
}




/* health16 */
.health16 {}
.health16 .section2 {background-color: #e7f2fa; padding: 60px 20px 90px; text-align: center;}
.health16 .section2 .title {margin-bottom: 70px;}
.health16 .section3 .title-fill {background-color: #00bcf2; color: #fff; font-size: 25px; border-radius: 5px; padding: 7px; margin-bottom: 45px;}
.health16 .section3 .title {color: #019fda; margin-bottom: 20px;}
.health16 .section3 .txt {word-break: break-all;}
.health16 .section3 .txt + .txt {margin-top: 50px;}
.health16 .from {text-align: right; margin-top: 50px;}
.health16 .from .name {display: block;}
.health16 .from .name > em {font-size: 22px; font-weight: 500; color: #242424;}

@media (max-width: 900px) {
  .health16 .section3 .title-fill {font-size: 20px;}
  .health16 .from {font-size: 16px;}
  .health16 .from .name > em {font-size: 18px;}
}
@media (max-width: 768px) {
  .health16 .section2 {padding: 40px 15px 20px; margin-top: 30px;}
  .health16 .section2 .title {margin-bottom: 40px;}
}


/* health17 */
.health17 {}
.health17 [class^="section"] * {box-sizing: border-box;}
.health17 .section1 .text-caption {color: #626262; margin-bottom: 25px; }
.health17 .section2 {margin-top: 60px;}
.health17 .section2 .card-flex {display: flex; justify-content: space-between;}
.health17 .section2 .card .card-img {border: 2px solid #ff6d00; border-radius: 20px 20px 0 0; overflow: hidden; border-bottom: 0;}
.health17 .section2 .card .bottom {background-color: #ff6d00; border-radius: 0 0 20px 20px; color: #fff; padding: 15px;}
.health17 .section2 .card .bottom strong {display: block; font-size: 22px; font-weight: 500; line-height: 1; margin-bottom: 5px;}
.health17 .section2 .card .bottom span {display: block; font-size: 17px;}
.health17 .section2 .card-caption {color: #ff6d00; font-size: 16px; margin-top: 10px; line-height: 1;}
.health17 .section2 .br-mob {display: none;} 
.health17 .section3 {position: relative; padding-top: 25px;}
.health17 .section3 .round {background-color: #ff6d00; width: 260px; height: 50px; border-radius: 30px; position: absolute; top:0; left: 50%; transform: translateX(-50%); padding: 11px;}
.health17 .section3 .round .title {color: #fff; line-height: 1; margin-bottom: 0;}
.health17 .section3 .border-box {border: 2px solid #ffdec5; border-radius: 20px; padding: 65px 50px;}
.health17 .section3 .border-box .box-flex {display: flex; gap: 40px; align-items: center; justify-content: center;}
.health17 .section3 .border-box .box-flex .box-img {width: 170px;}
.health17 .section3 .border-box .box-flex .desc {width: 520px;}
.health17 .section4 {}
.health17 .section4 .item + .item {margin-top: 60px;}
.health17 .section4 .item {display: flex; align-items: center; gap: 50px;}
.health17 .section4 .item .item-img {width: 260px;}
.health17 .section4 .item .item-txt {text-align: left; flex: 1;}
.health17 .section4 .item .item-txt strong {display: block; color: #ff6d00; font-size: 22px; font-weight: 500;}
.health17 .section4 .item .item-txt span {display: block; color: #242424; font-size: 22px; font-weight: 500; margin-top: 7px; }
.health17 .section4 .item .item-txt p {margin-top: 25px; color: #242424;}

@media (max-width: 1000px) {
  .health17 .section2 .card-flex {gap: 20px}
  .health17 .section2 .card-flex > li {flex: 1; }
  .health17 .section2 .card .bottom strong {font-size: 18px;}
  .health17 .section2 .card .bottom span {font-size: 16px;}
  .health17 .section2 .br-mob {display: block;}
  .health17 .section2 .card-caption {font-size: 15px;}
}
@media (max-width: 900px) { 
  .health17 .section3 {padding-top: 21px;}
  .health17 .section3 .round {width: 220px; height: 42px; }
  .health17 .section4 .item .item-img {width: 235px;} 
  .health17 .section4 .item .item-txt strong {font-size: 18px;}
  .health17 .section4 .item .item-txt span {font-size: 18px;}
}
@media (max-width: 768px) {
  .health17 .section2 .card-flex {flex-wrap: wrap; gap: 30px 0; }
  .health17 .section2 .card-flex > li {width: calc(50% - 20px); flex: initial;}
  .health17 .section3 .border-box {padding: 65px 40px;}
  .health17 .section3 .border-box .box-flex {flex-wrap: wrap; gap: 30px}
  .health17 .section3 .border-box .box-flex .box-img {width: 100%;}
  .health17 .section3 .border-box .box-flex .desc {width: 100%;}
  .health17 .section4 .item {flex-wrap: wrap; gap: 25px 0;}
  .health17 .section4 .item .item-img {width: 100%;}
  .health17 .section4 .item .item-txt strong {text-align: center;}
  .health17 .section4 .item .item-txt span {text-align: center;}
  .health17 .section4 .item .item-txt p {margin-top: 15px;}
}
@media (max-width: 450px) {
  .health17 .section2 .card-flex > li {width: calc(50% - 5px); flex: initial;}
  .health17 .section2 .card .bottom {padding: 15px 5px;}
  .health17 .section2 .card .bottom strong {font-size: 16px}
  .health17 .section2 .card .bottom span {font-size: 15px;}
  .health17 .section3 .border-box {padding: 65px 20px;}
}


/* health18 */
.health18 {}
.health18 .link-btn-area {margin-top: 40px;}
.health18 .link-btn {background-color: #00b6f0; color: #fff; width: 170px; height: 40px; display: block; box-sizing: border-box; padding: 10px 37px 10px 18px; position: relative; border-radius: 30px; margin: 0 auto; line-height: 1; margin-top: 10px;}
.health18 .link-btn::before {content: ''; display: block; width: 10px; height: 15px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); background: url('../images/detail/img-health-18-btn-icon.png') no-repeat; z-index: 1; font-weight: 500;}
.health18 .section2 {margin: 10px 0 60px;}
.health18 .table {font-size: 20px; font-weight: 400; color: #898989;}
.health18 .table table {table-layout: fixed;}
.health18 .table caption {opacity: 0; display: block; width: 0; height: 0; visibility: hidden; position: absolute; }
.health18 .table colgroup col:nth-child(1) {width: 60px;}
.health18 .table colgroup col:nth-child(3) {width: 100px;}
.health18 .table colgroup col:nth-child(4) {width: 100px;}
.health18 .table colgroup col:nth-child(5) {width: 100px;}
.health18 .table thead th {border-top: 2px solid #b3b3b3; background-color: #e6eef8; border-right: 1px solid #b3b3b3; color: #363636; font-weight: 400; padding: 8px 3px; border-bottom: 1px solid #b3b3b3;}
.health18 .table thead th:last-child {border-right: 0;}
.health18 .table tbody td {border-bottom: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; padding: 10px 3px;}
.health18 .table tbody td:last-child {border-right: 0;}
.health18 .table tbody tr:last-child td {border-bottom: 2px solid #b3b3b3;}
.health18 .table tbody tr td:nth-child(2) {text-align: left; padding-left: 15px;}
.health18 .table tbody td em {color: #242424; font-weight: 500;}
.health18 .caption {margin-top: 20px; color: #626262; font-size: 17px; }
.health18 .section3 .title {margin-bottom: 15px;}
.health18 .section3 .box-desc {background-color: #f0f5fb; border-radius: 20px; padding: 30px; text-align: left;}
.health18 .section3 .box-desc li + li {padding-top: 40px; position: relative;}
.health18 .section3 .box-desc li + li::before {content: ''; display: block; width: 100%; height: 1px; background: url('../images/detail/img-health-18-section3-dash.png'); position: absolute; top: 21px; left: 0; }
.health18 .section3 .box-desc strong {display: block; font-size: 20px; font-weight: 400; color: #242424;}
.health18 .section3 .box-desc p {color: #626262; margin-top: 5px; font-size: 17px;}
.health18 .section4 .check-point {background-color: #f0f5fb; border-radius: 20px; padding: 30px 40px; width: 520px; margin: 0 auto; max-width: 100%; box-sizing: border-box;}
.health18 .section4 .check-point .box-title {background-color: #00b6f0; color: #fff; display: block; border-radius: 40px; text-align: center; font-size: 25px; font-weight: 500; box-sizing: border-box; padding: 7px 15px; margin-bottom: 30px;}
.health18 .section4 .check-point .box-title > br {display: none;}
.health18 .section4 .check-point ul {padding: 0 20px;}
.health18 .section4 .check-point li {text-align: left; color: #626262; font-size: 22px; position: relative; padding-left: 33px;}
.health18 .section4 .check-point li::before {content: ''; display: block; width: 23px; height: 23px; background: url('../images/detail/img-health-18-section4-icon.png') no-repeat; position: absolute; left: 0; top: 6px;}
.health18 .section4 .check-point li + li {margin-top: 35px;}
.health18 .section5 .color-title {color: #019fda; font-size: 22px; font-weight: 400; display: block; margin-bottom: 15px; text-align: left;}
.health18 .section5 .text + .color-title {margin-top: 30px;}
.health18 .section5 em {font-size: 20px; font-weight: 500; color: #363636;}
.health18 .section5 .caption {text-align: right;}

@media (max-width: 900px) {
  .health18 .link-btn-area {margin-top: -10px;}
  .health18 .table {font-size: 16px;}
  .health18 .section3 .box-desc strong {font-size: 18px;}
  .health18 .section3 .box-desc p {font-size: 16px;}
  .health18 .section4 .check-point {padding: 30px;}
  .health18 .section4 .check-point .box-title {font-size: 20px;}
  .health18 .section4 .check-point li {font-size: 18px;}
  .health18 .section4 .check-point li + li {margin-top: 20px;}
  .health18 .section4 .check-point li::before {top: 4px;}
  .health18 .section5 .color-title {font-size: 19px; margin-bottom: 8px;}
  .health18 .section5 .color-title {text-align: center;}
  .health18 .section5 em {font-size: 17px;}
}
@media (max-width: 768px) { 
  .health18 .table colgroup col:nth-child(1) {width: 30px;}
  .health18 .table colgroup col:nth-child(3),
  .health18 .table colgroup col:nth-child(4),
  .health18 .table colgroup col:nth-child(5) {width: 50px;}
  .health18 .table tbody tr td:nth-child(2) {padding: 10px 5px;}
  .health18 .table thead th:nth-child(3), .health18 .table thead th:nth-child(4), .health18 .table thead th:nth-child(5) {font-size: 12px}
  .health18 .table tbody {font-size: 14px !important;}
  .health18 .section4 .check-point {padding: 30px 15px;}
  .health18 .section4 .check-point .box-title > br {display: block;} 
  
}


/* health19 */
.health19 {}
.health19 .section1 .caption {color: #626262; font-size: 17px; box-sizing: border-box; width: 800px; margin: 20px auto 0; max-width: 100%; text-align: right;}
.health19 .text.gray {color: #626262;}
.health19 .box-border {border-top: 5px solid #18538a; box-sizing: border-box; padding-top: 20px; margin-top: 60px;}
.health19 .sub-title {font-size: 22px; font-weight: 500; color: #242424; margin-bottom: 10px; display: block;}
.health19 .section3 {position: relative;}
.health19 .section3 .section-title {position: absolute; top: 20px; left: 0; width: 100%; color: #18538a}
.health19 .section3 .section-title strong {display: block; font-weight: 500; font-size: 18px; margin-bottom: 30px;}
.health19 .section3 .section-title span {display: block; font-size: 17px;}
.health19 .section4 {text-align: center;}
.health19 .section4 * {box-sizing: border-box;}
.health19 .section4 .box-title {color: #18538a; font-size: 26px; font-weight: 500; display: block; margin-bottom: 75px; }
.health19 .section4 ul > li {flex: 1;}
.health19 .section4 ul {display: flex; gap: 50px; flex-wrap: wrap; justify-content: center;}
.health19 .section4 ul .text {font-size: 20px; color: #626262; line-height: 1.3;}
.health19 .section5 {margin-top: 60px; text-align: center;}
.health19 + .health20 {margin-top: 100px;}
@media (max-width: 900px) {
  .health19 .sub-title {font-size: 18px;}
  .health19 .type2 {margin-top: 150px;}
  .health19 .box-border, .health19 .section5 {margin-top: 90px;}
  .health19 .section3 .section-title {position: relative; top: initial; left: initial; margin-bottom: 40px;}
  .health19 .section3 .section-title strong {margin-bottom: 20px; font-size: 17px;}
  .health19 .section3 .section-title span {font-size: 16px;}
  .health19 .section3 .img {margin: 0 25px;}
  .health19 .section4 .box-title {font-size: 18px; margin-bottom: 40px;}
  .health19 .section4 ul {gap: 35px 20px;}
  .health19 .section4 ul .img {margin-bottom: 20px;}
  .health19 .section4 ul .text {font-size: 16px;}
}
@media (max-width: 768px) {
  .health19 .section3 .img {margin: 0;} 
  .health19 .section4 ul > li {flex: initial; width: calc(50% - 10px);}
}


/* health20 */
.health20 {}
.cont-wrap .caption-title.edit {color: #626262; font-size: 17px; box-sizing: border-box; width: 800px; margin: 20px auto 0; max-width: 100%; text-align: right;}
.cont-wrap .caption.edit {text-align: right; color: #898989; font-size: 17px; box-sizing: border-box;}
.health20 .title.color {color: #18538a}
.health20 .section1 {box-sizing: border-box; border-top: 5px solid #18538a; padding-top: 30px;} 
.health20 .section1 .img {margin-top: 85px;}
.health20 .section1 .title + .img {margin-top: 55px;}
.health20 .table-wrap * {box-sizing: border-box;}
.health20 .table-wrap .flex-box {display: flex; gap: 10px; color: #626262; font-size: 17px}
.health20 .table-wrap .item {flex: 1;}
.health20 .table-wrap .name {color: #fff; background-color: #18538a; padding: 10px 0; font-siZe: 17px;}
.health20 .table-wrap .name.skyblue {background-color: #00adeb;}
.health20 .table-wrap .img {margin: 35px auto 20px; width: auto !important;}
.health20 .table-wrap .category-pc {width: 85px;}
.health20 .table-wrap .category-pc .cont-list > li {border-top: 1px solid #c0c0c0; padding: 20px 0; display: flex; justify-content: center; align-items: center !important}
.health20 .table-wrap .category-pc .cont-list > li:last-child {border-bottom: 1px solid #c0c0c0}
.health20 .table-wrap .item .cont-list > li {display: flex; gap: 0 10px;}
.health20 .table-wrap .item .cont-list .category-mob {display: none !important; width: 85px;}
.health20 .table-wrap .item .cont-list .desc {flex: 1}
.health20 .table-wrap .item .cont-list .category-mob, .health20 .table-wrap .item .cont-list .desc {border-top: 1px solid #c0c0c0; padding: 20px 10px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.health20 .table-wrap .item .cont-list > li:first-child .category-mob, .health20 .table-wrap .item .cont-list > li:first-child .desc, .health20 .table-wrap .category-pc .cont-list > li:first-child {border-top: 0;}
.health20 .table-wrap .item .cont-list > li:last-child .category-mob, 
.health20 .table-wrap .item .cont-list > li:last-child .desc {border-bottom: 1px solid #c0c0c0}
.health20 .table-wrap .cont-list > li:nth-child(1) {min-height: 278px;}
.health20 .table-wrap .cont-list > li:nth-child(2) {min-height: 241px;}
.health20 .table-wrap .cont-list > li:nth-child(5) {min-height: 77px;}
.health20 .table-wrap .item .cont-list .desc > p {flex: auto; width: 100%;}
.health20 .table-wrap .text {display: inline-block;}
.health20 .table-wrap .text + .text {margin-top: 0; margin-left: 10px;}
.health20 .table-wrap .item .cont-list .desc .text.i-won, 
.health20 .table-wrap .item .cont-list .desc .text.i-pv, 
.health20 .table-wrap .item .cont-list .desc .text {font-size: 17px;}
.health20 .table-wrap .item .list-dot {text-align: left;}
.health20 .table-wrap .item .list-dot > li {padding-left: 10px; position: relative;}
.health20 .table-wrap .item .list-dot > li::before {content: ''; width: 2px; height: 2px; background-color: #626262; position: absolute; top: 12px; left: 0; border-radius: 50%; }
@media (max-width: 1200px) {
  .health20 .table-wrap .name, 
  .health20 .table-wrap .category-pc .cont-list > li, 
  .health20 .table-wrap .item .cont-list .category-mob, 
  .health20 .table-wrap .item .cont-list .desc, 
  .health20 .table-wrap .item .cont-list .desc .text.i-won, 
  .health20 .table-wrap .item .cont-list .desc .text.i-pv, 
  .health20 .table-wrap .item .cont-list .desc .text {font-size: 16px;}
  .health20 .table-wrap .text + .text {margin-left: 5px;}
  .health20 .table-wrap .flex-box > li:nth-child(2) {flex: 1.1;}
  .health20 .table-wrap .flex-box > li:nth-child(3) {flex: 1.1;}
  .health20 .table-wrap .cont-list > li:nth-child(2) {min-height: 257px;}
}
@media (max-width: 900px) {
  .cont-wrap .caption-title.edit {font-size: 16px; line-height: 1.6; text-align: center; padding: 0 20px;}
  .health20 .table-wrap .img-box {height: 230px;}
  .health20 .cont-wrap .img.align-center {margin: 50px auto 30px;}
  .health20 .table-wrap .category-pc {display: none;}
  .health20 .table-wrap .item .cont-list .category-mob {display: flex !important; width: 70px; align-items: center !important;}
  .health20 .table-wrap .flex-box {flex-wrap: wrap; gap: 70px 0;}
  .health20 .table-wrap .flex-box > li {width: 100%; flex: auto !important;}
  .health20 .table-wrap .cont-list > li {min-height: auto !important;}
  .health20 .table-wrap .item .cont-list .desc > p + p {margin-top: 15px;}
  .health20 .br-pc {display: none;}  
  .health20 .table-wrap .item .list-dot > li + li {margin-top: 10px;}
}
@media (max-width: 768px) {
  .health20 .section1 .img {margin: 80px -10px 0; }
  .health20 .table-wrap .item .cont-list .desc .text.mob {display: block;}
  .health20 .table-wrap .item .cont-list .desc .text.mob + .text {margin-left: 0;}
}


/* health21 */
.health21 {}
.health21 .section1 .title.round {background-color: #2d8c20; color: #fff; box-sizing: border-box; width: 500px; max-width: 100%; margin: 0 auto 60px; border-radius: 20px; padding: 15px; font-weight: 400;}
.health21 .section1 .title.round span {display: block; font-weight: 300; font-size: 17px; margin-bottom: 10px;}
.health21 .section2 * {box-sizing: border-box;}
.health21 .section2 .quiz-area {border: 4px solid #3c8d2f; border-radius: 15px; padding: 70px 30px 30px; text-align: left; position: relative; margin: 0 50px;}
.health21 .section2 .quiz-area .top-bg {position: absolute; width: 1000px; height: 94px; background: url('../images/detail/img-health-21-03-top.png') no-repeat; background-position: left top; left: -60px; top: -33px;}
.health21 .section2 .quiz-area .img-quiz {position: absolute; top: 56px; right: 30px; }
.health21 .section2 .quiz-area .top {color: #2d8c20; }
.health21 .section2 .quiz-area .top .title-top {display: block; font-size: 25px; font-weight: 400; margin-bottom: 10px;}
.health21 .section2 .quiz-area .top p {font-size: 17px;}
.health21 .section2 .quiz-area .bottom {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 30px; margin-top: 40px; font-size: 17px}
.health21 .section2 .quiz-area .bottom > li {padding-top: 60px; position: relative;}
.health21 .section2 .quiz-area .bottom > li:nth-child(1) {order: 1}
.health21 .section2 .quiz-area .bottom > li:nth-child(2) {order: 3}
.health21 .section2 .quiz-area .bottom > li:nth-child(3) {order: 2}
.health21 .section2 .quiz-area .bottom > li:nth-child(4) {order: 4}
.health21 .section2 .quiz-area .bottom > li::before {content: ''; width: 58px; height: 54px; background: url('../images/detail/img-health-21-03-X.png') no-repeat; position: absolute; top: 0; right: 0;}
.health21 .section2 .quiz-area .bottom > li:nth-child(4):before {background-image: url('../images/detail/img-health-21-03-O.png');}
.health21 .section2 .quiz-area .bottom strong {display: block; font-weight: 400; color: #2d8c20; margin-bottom: 10px; position: relative; padding-left: 30px;}
.health21 .section2 .quiz-area .bottom strong em {position: absolute; top: 0; left: 0; display: inline-block; color: #2d8c20; font-weight: 400;}
.health21 .section2 .quiz-area .bottom p {color: #626262; padding-left: 30px; position: relative;}
.health21 .section2 .quiz-area .bottom p::before {content: 'A.'; color: #2d8c20; position: absolute; top: 0; left: 0; display: inline-block;}
.health21 .section3 {border: 4px solid #91ce51; border-radius: 15px; padding: 40px 30px 30px;}
.health21 .section3 * {box-sizing: border-box;}
.health21 .section3 .title-section3 {color: #2d8c20; font-size: 25px; font-weight: 400;}
.health21 .section3 .title-section3 span {display: block; font-size: 17px; margin-bottom: 10px;}
.health21 .section3 .title-section3 span br.mob {display: none;}
.health21 .section3 ul {margin-top: 60px; display: flex; flex-wrap: wrap; gap: 30px;}
.health21 .section3 .item {flex: 1;}
.health21 .section3 li.item3 {flex: 1.2;}
.health21 .section3 .item .img-item {margin-bottom: 30px;}
.health21 .section3 .item .title-item {color: #2d8c20; font-size: 20px; padding-bottom: 5px; border-bottom: 2px solid #91ce51; margin-bottom: 15px;}
.health21 .section3 .item .desc {text-align: left; color: #626262; font-size: 17px; letter-spacing: -.7px;}

@media (max-width: 1024px) {
  .health21 .section2 .quiz-area .top-bg {width: 753px;}
}
@media (max-width: 900px) {
  .health21 .section2 .quiz-area {padding: 50px 30px 40px; margin: 0;}
  .health21 .section2 .quiz-area .top-bg {background-image: url('../images/detail/img-health-21-03-top-mob.png'); background-position: center top; top: -53px; left: 50%; transform: translateX(-50%); width: 610px;}
  .health21 .section2 .quiz-area .img-quiz {position: relative; top: initial; right: initial; text-align: center; margin-bottom: 35px;}
  .health21 .section2 .quiz-area .img-quiz img {width: 150px;}
  .health21 .section2 .quiz-area .top .title-top {font-size: 20px; text-align: center;}
  .health21 .section2 .quiz-area .top p {font-size: 16px;}
  .health21 .section2 .quiz-area .bottom {display: block; font-size: 16px;}
  .health21 .section2 .quiz-area .bottom > li + li {margin-top: 20px;}
  .health21 .section3 .title-section3 {font-size: 20px;}
  .health21 .section3 .title-section3 span {font-size: 16px; }
  .health21 .section3 .title-section3 span br.mob {display: block;}
  .health21 .section3 .item {flex: initial; width: calc(50% - 15px);}
  .health21 .section3 .item .title-item {font-size: 18px;}
  .health21 .section3 .item .desc {font-size: 16px;}
}
@media (max-width: 768px) {
  .health21 .section2 .quiz-area {padding: 50px 20px 40px;}
  .health21 .section2 .quiz-area .top-bg {background-size: 530px; top: -43px;}
  .health21 .section3 {padding: 40px 20px 30px; gap: 30px 20px;}
  .health21 .section3 .item {width: calc(50% - 15px);}
  .health21 .section3 li.item3 {flex: initial;}
}
@media (max-width: 560px) {
  .health21 .section2 .quiz-area .top-bg {width: 400px; }
}
@media (max-width: 480px) {
  .health21 .section2 .quiz-area .top-bg {width: 300px; background-size: 380px; top: -31px;}
  .health21 .section3 .item {width: 100%;}
}


/* health22 */
.health22 {}
.health22 .border-title {border-top: 3px solid #00adeb; border-bottom: 1px solid #00adeb; padding: 12px 0;}
.health22 .section1 *,
.health22 .section2 * {box-sizing: border-box;}
.health22 .section1 ul {display: flex; flex-wrap: wrap; gap: 30px;}
.health22 .section1 .item {flex: 1; padding: 30px 0;}
.health22 .section1 .item .inner-item {margin: 0 auto; width: 390px; max-width: 100%; text-align: left;}
.health22 .section1 .item .category {color: #00b6f0; display: block; font-size: 25px; font-weight: 400;}
.health22 .section1 .item .cont-item {display: flex; flex-wrap: wrap; gap: 50px; align-items: flex-end;}
.health22 .section1 .item .cont-item .img-item {flex: 1;}
.health22 .section1 .item .cont-item .desc {flex: 1.1; color: #00b6f0; font-size: 60px; line-height: 1; font-weight: 500;}
.health22 .section1 .item .cont-item .desc span {display: block; font-size: 20px; font-weight: 400;}
.health22 .section2 .border-title {margin-bottom: 0;}
.health22 .section2 .table {text-align: left; font-size: 17px;}
.health22 .section2 .table table {border: 1px solid #00adeb; border-top: 0; table-layout: fixed;}
.health22 .section2 .table table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.health22 .section2 .table .col-category {width: 300px;}
.health22 .section2 .table th {background-color: #f1f9ff; color: #00b6f0; font-weight: 400; border-right: 1px solid #00adeb; border-bottom: 1px solid #00adeb; padding: 25px;}
.health22 .section2 .table tr:last-child th {border-bottom: 0;}
.health22 .section2 .table td {color: #626262; border-bottom: 1px solid #00adeb; padding: 25px; letter-spacing: -.7px;}
.health22 .section2 .table tr:last-child td {border-bottom: 0;}
.health22 .section2 .table .br-mob {display: none;}
.health22 .caption {color: #626262;}
.health22 .caption.align-right {text-align: right;}

@media (max-width: 900px) {
  .health22 .section1 .item .inner-item {margin: 0 20px; width: initial;}
  .health22 .section1 .item .cont-item {gap: 30px;}
  .health22 .section1 .item .category {font-size: 20px;}
  .health22 .section1 .item .cont-item .desc {font-size: 45px;}
  .health22 .section1 .item .cont-item .desc span {font-size: 18px;}
  .health22 .section2 .table {font-size: 16px;}
  .health22 .section2 .table .col-category {width: 270px;}
  .health22 .section2 .table th {padding: 20px;}
  .health22 .section2 .table td {padding: 20px;}
  .health22 .section2 .table td br {display: none;}
}
@media (max-width: 768px) {
  .health22 .section1 ul {gap: 15px;}
  .health22 .section1 .item {padding: 0 0 15px;}
  .health22 .section1 .item .inner-item {text-align: center; margin: 0 auto;}
  .health22 .section1 .item .category {margin-bottom: 25px;}
  .health22 .section1 .item .cont-item {flex-direction: column; gap: 10px; align-items: center}
  .health22 .section1 .item .cont-item .img-item {margin-bottom: 25px;}
  .health22 .section1 .item .cont-item .desc {font-size: 40px;}
  .health22 .section1 .item .cont-item .desc span {margin-bottom: 5px;}
  .health22 .section2 .table .col-category {width: 120px;}
  .health22 .section2 .table th {padding: 15px 10px;}
  .health22 .section2 .table td {padding: 15px 10px;}
  .health22 .section2 .table .br-mob {display: block;} 
}



/* health23 */
.health23 {}
.health23 .caption {text-align: right; margin-top: 30px;}
.health23 .caption + .txt {margin-top: 60px;}
.health23 .img .img-inner {min-height: 640px; display: flex; justify-content: center; align-items: center;}
.health23 .section1 .img .img-inner {background-color: #e9f1e1;}
.health23 .section2 .img .img-inner {background-color: #ffe3d5;}
.health23 .section3 .img .img-inner {background-color: #eaf2e2;}
.health23 .section4 .img .img-inner {background-color: #e9f1e0;}
.health23 .section5 .img .img-inner {background-color: #e9f1e0;}
.health23 .section6 .img .img-inner {min-height: initial;}
.health23 .section6 .img {margin: 20px 0 0 !important;}
.health23 .section6 .img + .txt {margin-top: 20px;}
.health23 .section6 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.health23 .section6 .table table {border: 1px solid #00adeb; table-layout: fixed;}
.health23 .section6 .table table col:nth-child(1) {width: 20%;}
.health23 .section6 .table table th, 
.health23 .section6 .table table td {border-bottom: 1px solid #00adeb; border-right: 1px solid #00adeb;}
.health23 .section6 .table table th:last-child, 
.health23 .section6 .table table td:last-child {border-right: 0;}
.health23 .section6 .table table tr:last-of-type td {border-bottom: 0;}
.health23 .section6 .table table th {background-color: #f1f9ff; font-size: 24px; color: #00b6f0; font-weight: 400; padding: 16px 0;}
.health23 .section6 .table table td {color: #626262; font-size: 20px; text-align: left; padding: 16px 15px 16px 30px; }
.health23 .section6 .table table td.category {color: #242424; text-align: center;}
.health23 .section6 .table table br {display: none;}

@media (max-width: 1100px) {
  .health23 .section6 .table table th {font-size: 21px;}
  .health23 .section6 .table table td {padding: 16px 15px; font-size: 19px;}
}
@media (max-width: 900px) {
  .health23 .caption + .txt {margin-top: 40px;}
  .health23 .section1 .img .img-inner, 
  .health23 .section2 .img .img-inner,
  .health23 .section3 .img .img-inner, 
  .health23 .section4 .img .img-inner,
  .health23 .section5 .img .img-inner,
  .health23 .section7 .img .img-inner {min-height: initial; padding: 50px 15px;}
  .health23 .section6 .img {margin: 0; margin-top: 20px !important;}
  .health23 .section6 .table table th {font-size: 19px;}
  .health23 .section6 .table table td {font-size: 16px; padding: 16px 8px;}
}
@media (max-width: 768px) {
  .health23 .section2 .img .img-inner {padding: 50px;}
  .health23 .section6 .table table col:nth-child(1) {width: 130px;} 
  .health23 .section6 .table table th {padding: 16px 5px;}
  .health23 .section6 .table table br {display: block;} 
  .health23 .section7 .img .img-inner {padding: 20px 0;}
}
@media (max-width: 550px) {
  .health23 .section6 .table table col:nth-child(1) {width: 80px;}  
  .health23 .section6 .table table br {display: none;}
  .health23 .section6 .table table th {font-size: 17px;}
  .health23 .section6 .table table th br,
  .health23 .section6 .table table td.category br {display: block;}
}
@media (max-width: 430px) {
  .health23 .section1 .img .img-inner {padding: 30px 0px;}
  .health23 .section2 .img .img-inner {padding: 40px 30px;}
}




/* health24 */
.health24 {}
.health24 .title.color {color: #80b321}
.health24 .section1 .img.align-center {margin-bottom: 30px;}
.health24 .info {text-align: right; }
.health24 .info > strong {font-size: 25px; font-weight: 500;}
.health24 .info .price {margin-top: 10px;}
.health24 .info .price .text {color: #242424; }
.health24 .info .price .i-pv {margin-left: 7px;}
.health24 .info .caption {color: #898989; text-align: right;}
.health24 .info .caption > br {display: none;}
.health24 .info strong + .text {margin-top: 10px;}
.health24 .section3 .box {border: 3px solid #ff6d00; border-radius: 20px; }
.health24 .section3 .box .top {background-color: #ff6d00; color: #fff; font-size: 25px; font-weight: 500; padding: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.health24 .section3 .box .bottom {padding: 40px 15px 65px;}
.health24 .section3 .box ul {margin-top: 65px; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; }
.health24 .section3 .box ul li {flex: 1;}
.health24 .section3 .box ul li .round {margin: 0 auto;}
.health24 .section3 .box ul > li p {margin-top: 15px; color: #242424; font-size: 17px;}
.health24 .section3 .caption {color: #898989; text-align: right !important;}
.health24 .section4 .info + .txt {margin-top: 50px;}
.health24 .section5 ul {display: flex; flex-wrap: wrap; gap: 60px; padding: 0 20px; justify-content: center;}
.health24 .section5 ul > li {border-radius: 20px; padding: 50px 40px;}
.health24 .section5 ul .gray {background-color: #ececec; width: calc(61% - 30px);}
.health24 .section5 ul .green {background-color: #d5e5b7; width: calc(19% - 30px);}
.health24 .section7 .box {border-radius: 20px; border: 2px solid #80b321; position: relative; margin-top: 100px; padding: 70px 15px 45px;}
.health24 .section7 .box .title.round {background-color: #80b321; color: #fff; display: inline-block; border-radius: 30px; width: 360px; max-width: 100%; padding: 12px; margin: 0 auto; position: absolute; top: -30px; left: 50%; transform: translateX(-50%);}
.health24 .section7 .box ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 60px;}
.health24 .section7 .box ul > li {width: calc(31% - 30px);}
.health24 .section7 .box .item-img {margin-bottom: 40px;}
.health24 .section7 .box .num {font-size: 25px; color: #2a2a2a; font-weight: 500; text-align: left; padding-left: 75px; position: relative;}
.health24 .section7 .box .num::before {content: ''; display: block; width: 52px; height: 39px; background: url('../images/detail/img-health-24-07-04.png') no-repeat; position: absolute; top: 0; left: 0;}
.health24 .section7 .box .text {margin-top: 15px; text-align: left;}

@media (max-width: 900px) {
  .health24 .info > strong {font-size: 20px;}
  .health24 .info .caption {text-align: right !important;}
  .health24 .section3 .box .top {font-size: 20px;}
  .health24 .section3 .box ul {gap: 30px;}
  .health24 .section3 .box ul > li p {font-size: 16px;}
  .health24 .section3 .caption {font-size: 15px;}
  .health24 .section5 ul {gap: 20px; padding: 0;}
  .health24 .section5 ul .gray {width: calc(59% - 15px);}
  .health24 .section5 ul .green {width: calc(18% - 15px);}
  .health24 .section7 .box ul {gap: 20px;}
  .health24 .section7 .box ul > li {width: calc(35% - 30px);}
  .health24 .section7 .box .num {font-size: 20px;}
}
@media (max-width: 768px) {
  .health24 .section3 .box ul {gap: 40px 20px; margin-top: 45px;}
  .health24 .section3 .box ul > li {flex: initial; width: calc(50% - 16px);}
  .health24 .section3 .box ul .round {width: 150px;}
  .health24 .section5 ul > li {width: 100% !important; padding: 40px 15px 30px;}
  .health24 .section5 ul .green {padding: 30px 140px 20px;}
  .health24 .section7 .box {padding: 50px 15px 25px;}
  .health24 .section7 .box .title.round {width: 230px;}
  .health24 .section7 .box ul {gap: 40px;}
  .health24 .section7 .box ul > li {width: 100%} 
  .health24 .section7 .box .num {text-align: center; padding-left: 0;}
  .health24 .section7 .box .num::before {display: inline-block; position: relative; width: 40px; background-size: contain; height: 29px; vertical-align: middle; margin-right: 10px;}
  .health24 .section7 .box .text {text-align: center; width: 345px; max-width: 100%; margin: 15px auto;}
}
@media (max-width: 430px) {
  .health24 .info .price .desc {margin-right: 0; display: block;}
  .health24 .info .caption > br {display: block;}
  .health24 .section3 .box ul {gap: 30px 20px; margin-top: 35px;}
  .health24 .section3 .box ul > li {width: calc(50% - 10px);}
  .health24 .section3 .box ul .round {max-width: 100%;}
  .health24 .section3 .box ul > li p {font-size: 15px;}
  .health24 .section3 .box ul > li p > br {display: none}
  .health24 .section5 ul .green {padding: 30px 100px 20px;}
}




/* health25 */
.health25 {}
.health25 .title.item-title {text-align: left;}
.health25 hr {background-color: #c0c0c0; height: 1px; border: 0; margin: 100px auto;}
.health25 em.point {color: #00adeb !important; font-weight: 400;}
.health25 .item-desc {text-align: right;}
.health25 .item-desc .title {margin-bottom: 15px;}
.health25 .item-desc p.caption {text-align: right !important; margin-top: 15px;}
.health25 .item-desc + .text {margin-top: 30px;}
.health25 .title .sub {font-size: 20px; color: #2a2a2a; display: block; margin-bottom: 10px;}
.health25 .section1 {}
.health25 .price {margin-top: 25px; margin-bottom: 25px;}
.health25 .img + .price {margin-top: 20px;}
.health25 .price .desc {margin-right: 20px;}
.health25 .price .i-pv {margin-left: 10px;}
.health25 .caption {color: #898989; text-align: right; margin-top: 15px; margin-bottom: 25px;}
.health25 .section2 .icon-list {display: flex; flex-wrap: wrap; gap: 80px 138px; justify-content: center;}
.health25 .section2 .icon-list p {margin-top: 10px; font-size: 20px; color: #626262;}
.health25 .section2 .icon-list p > em {color: #00adeb; font-weight: 400;}
.health25 .section2 .box {background-color: #f0f0f0; border-radius: 30px; padding: 50px 30px 30px;}
.health25 .section2 .box > .round {background-color: #fff; border-radius: 30px; display: inline-block; color: #626262; font-size: 20px; padding: 10px 30px;}
.health25 .section2 .box .box-title {display: block; margin: 20px auto; color: #2a2a2a; font-size: 25px; font-weight: 500; }
.health25 .section2 .box .box-title > em {color: #00adeb; }
.health25 .section2 .box .sub-title {color: #2a2a2a; font-size: 20px; margin-bottom: 10px;}
.health25 .section2 .box .sub-title + p {font-size: 17px; color: #626262;}
.health25 .section2 .box .sub-title + p > em.black {color: #2a2a2a}
.health25 .section2 .box .sub-title + p > em.blue {color: #00adeb}
.health25 .section2 .box .sub-title + p > br {display: none;}
.health25 .section2 .box .bottom {background-color: #fff; border-radius: 30px; margin-top: 50px; padding: 55px 10px 50px;}
.health25 .section2 .box .bottom .item-list {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 60px}
.health25 .section2 .box .bottom .item-list img {display: block; margin: 0 auto;}
.health25 .section2 .box .bottom .item-list .round {margin-top: 50px; display: inline-block; border-radius: 30px; background-color: #b8b8b8; color: #fff; padding: 7px 20px; width: 200px; max-width: 100%; font-size: 17px; margin-bottom: 20px;}
.health25 .section2 .box .bottom .item-list > li p {color: #626262; font-size: 17px;}
.health25 .section2 .box .bottom .item-list .item1 .item-img {height: 307px; display: flex; flex-wrap: wrap; align-items: center;}
.health25 .section2 .box .bottom .item-list .item2 .round {background-color: #00aceb;}
.health25 .section2 .box .bottom .item-list .item2 p {color: #00aceb;}
.health25 .section2 .box-border {border: 5px solid #f0f0f0; border-radius: 30px; padding: 50px 25px 25px; }
.health25 .section2 .box-border .top .sub-title {font-size: 20px; color: #2a2a2a; margin-bottom: 13px;}
.health25 .section2 .box-border .top .title > em {color: #00aceb;}
.health25 .section2 .box-border .top p {color: #626262; font-size: 17px; }
.health25 .section2 .box-border .top p > br {display: none;}
.health25 .section2 .box-border .top p > em {color: #2a2a2a;}
.health25 .section2 .box-border .bottom {margin-top: 60px;}
.health25 .section2 .box-border .bottom ul {display: flex; flex-wrap: wrap; gap: 190px; justify-content: center;}
.health25 .section2 .box-border .bottom .round {display: inline-block; background-color: #f6f6f6; color: #626262; font-size: 17px; padding: 7px 30px; border-radius: 30px; margin-top: 30px;}
.health25 .section2 .box-border .bottom .img {margin-bottom: 0; margin-top: 70px;}
.health25 .section3 .img1 {background-color: #f8f7f7; padding: 129px 15px;}
.health25 .section3 .box-border {border: 5px solid #f0f0f0; border-radius: 30px; padding: 40px 15px 50px; }
.health25 .section3 .box-border ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 100px;}
.health25 .section3 .box-border .desc strong {display: block; font-size: 20px; color: #2a2a2a; font-weight: 400; margin-top: 10px;}
.health25 .section3 .box-border .desc p {margin-top: 10px; color: #626262; font-size: 17px;}
.health25 .section3 .img2 {background-color: #e9e9e9; padding: 107px 15px;}
.health25 .section3 .box2 {background-color: #f0f0f0; border-radius: 30px; padding: 30px;}
.health25 .section3 .box2 .box-inner {background-color: #fff; border-radius: 30px; padding: 60px 38px; }
.health25 .section3 .box2 ul {display: flex; flex-wrap: wrap; gap: 40px 90px; }
.health25 .section3 .box2 ul > li {width: calc(50% - 45px); display: flex; gap: 20px; align-items: center;}
.health25 .section3 .box2 .item-img {width: 78px;}
.health25 .section3 .box2 .desc {text-align: left; width: calc(100% - 100px); }
.health25 .section3 .box2 .desc .name {display: block; color: #00aceb; font-weight: 400; font-size: 22px; }
.health25 .section3 .box2 .desc p {color: #626262; font-size: 17px; margin-top: 10px;}
.health25 .section3 .box3 {background-color: #e9e9e9; padding: 95px 15px;}
.health25 .section3 .box3 .box-inner {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 100px;}
.health25 .section3 .box3 .desc {}
.health25 .section3 .box3 .desc .desc-list > li {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px;}
.health25 .section3 .box3 .desc .desc-list > li + li {margin-top: 30px;}
.health25 .section3 .box3 .desc .round {width: 90px; height: 90px; background-color: #00aceb; color: #fff; font-weight: 500; font-size: 40px; line-height: 90px; border-radius: 50%;}
.health25 .section3 .box3 .desc .desc-txt {text-align: left;}
.health25 .section3 .box3 .desc .desc-txt strong {display: block; font-weight: 400; color: #2a2a2a; font-size: 20px;}
.health25 .section3 .box3 .desc .desc-txt p {color: #626262; font-size: 17px;}
.health25 .section4 .box1 {display: flex; flex-wrap: wrap; gap: 56px; align-items: flex-start;}
.health25 .section4 .box1 > li {flex: 0.333;}
.health25 .section4 .box1 .round {width: 200px; background-color: #00aceb; color: #fff; font-size: 20px; border-radius: 40px; margin: 30px auto 15px; font-weight: 400; padding: 5px 15px; box-sizing: border-box;}
.health25 .section4 .box1 p {color: #626262; font-size: 17px;}
.health25 .section4 .img3 {background-color: #faf8ef; padding: 59px 15px;}
.health25 .section5 .box1 {position: relative; background-color: #fbfcff;}
.health25 .section5 .box1 * {box-sizing: border-box;}
.health25 .section5 .box1 .left {position: absolute; left: 60px; top: 0; height: 100%; }
.health25 .section5 .box1 .left .border {background-color: #fff; border-radius: 30px; border: 1px solid #d9dff2; padding: 60px 57px 50px; text-align: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 350px;}
.health25 .section5 .box1 .box-title {color: #2a2a2a; font-size: 22px; font-weight: 500; margin-bottom: 35px;}
.health25 .section5 .box1 .check-list > li {position: relative; color: #626262; font-size: 20px; padding-left: 35px;}
.health25 .section5 .box1 .check-list > li::before {content: ''; display: block; position: absolute; left: 0; top: 3px; background: url('../images/detail/img-health-25-05-check.png') no-repeat; width: 25px; height: 23px;}
.health25 .section5 .box1 .check-list > li + li {margin-top: 11px;}
.health25 .section5 .box1 .bg img {display: block; }
.health25 .section5 .box1 .bg img.mob-show-edit {display: none;}

@media (max-width: 900px) {
  .health25 hr {margin: 60px auto;}
  .health25 .caption {text-align: right !important;}
  .health25 .title .sub {font-size: 17px;}
  .health25 .section2 .box {padding: 40px 15px 20px;}
  .health25 .section2 .box > .round {font-size: 17px; padding: 6px 30px;}
  .health25 .section2 .box .box-title {font-size: 20px}
  .health25 .section2 .box .sub-title {font-size: 18px}
  .health25 .section2 .box .sub-title + p {font-size: 16px;}
  .health25 .section2 .box .sub-title + p > br {display: block;}
  .health25 .section2 .box .bottom {padding: 30px 10px;}
  .health25 .section2 .box .bottom .item-list {gap: 30px;}
  .health25 .section2 .box .bottom .item-list > li p {font-size: 16px;}
  .health25 .section2 .box-border .top .sub-title {font-size: 17px;}
  .health25 .section2 .box-border .top .title {margin-bottom: 30px;}
  .health25 .section2 .box-border .top p {font-size: 16px;}
  .health25 .section2 .box-border .top p > br {display: block;} 
  .health25 .section2 .box-border .bottom .round {font-size: 16px;}
  .health25 .section3 .box-border ul {gap: 50px;}
  .health25 .section3 .box-border .desc strong {font-size: 17px;}
  .health25 .section3 .box-border .desc p {font-size: 16px;}
  .health25 .section3 .box-border .item-img img {display: block; margin: 0 auto; height: 140px;}
  .health25 .section3 .img2 {padding: 80px 90px;}
  .health25 .section3 .img2 img {display: block; margin: 0 auto; width: 270px;}  
  .health25 .section3 .box2 {padding: 15px;}
  .health25 .section3 .box2 .box-inner {padding: 50px 15px;}
  .health25 .section3 .box2 ul {gap: 50px 60px;}
  .health25 .section3 .box2 ul > li {width: calc(50% - 30px);}
  .health25 .section3 .box3 {padding: 80px 15px;}
  .health25 .section3 .box3 .box-inner {gap: 70px;}
  .health25 .section3 .box3 .box-img {width: 150px;}
  .health25 .section3 .box2 .desc .name {font-size: 17px;}
  .health25 .section3 .box2 .desc p {font-size: 16px;}
  .health25 .section3 .box3 .desc .round {width: 75px; height: 75px; line-height: 75px; font-size: 35px}
  .health25 .section3 .box3 .desc .desc-txt strong {font-size: 18px;}
  .health25 .section3 .box3 .desc .desc-txt p {font-size: 16px;}
  .health25 .section3 .box3 .desc .desc-list > li {gap: 15px;}
  .health25 .section4 .box1 {gap: 40px;}
  .health25 .section4 .box1 .round {font-size: 17px; width: 170px;}
  .health25 .section4 .box1 p {font-size: 16px;}
  .health25 .section4 .box1 p > br {display: none;}
  .health25 .section4 .img3 {padding: 50px 15px;}
  .health25 .section4 .img3 img {display: block; margin: 0 auto; width: 200px;}
  .health25 .section5 .box1 .left {left: 35px;}
  .health25 .section5 .box1 .left .border {width: 280px; padding: 40px 35px 40px;}
  .health25 .section5 .box1 .box-title {font-size: 19px; margin-bottom: 30px;}
  .health25 .section5 .box1 .check-list > li {font-size: 17px}
}
@media (max-width: 768px) {
  .health25 .section2 .icon-list {gap: 60px 50px}
  .health25 .section2 .box .bottom .item-list > li {width: 100%;}
  .health25 .section2 .box .bottom .item-list .item1 .item-img {height: auto;}
  .health25 .section2 .box .bottom .item-list .round {margin-top: 20px; margin-bottom: 10px;}
  .health25 .section2 .box .bottom .item-list .item1 .item-img img {height: 150px;}
  .health25 .section2 .box .bottom .item-list .item2 .item-img img {height: 230px;}
  .health25 .section2 .box .bottom .item-list .arr img {transform: rotate(90deg); width: 60px;}
  .health25 .section2 .box-border {padding: 30px 15px 15px;}
  .health25 .section2 .box-border .bottom {margin-top: 50px;}
  .health25 .section2 .box-border .bottom ul {gap: 40px 20px;}
  .health25 .section2 .box-border .bottom .item-img {width: 130px; margin: 0 auto;}
  .health25 .section2 .box-border .bottom .round {padding: 5px 15px; margin-top: 20px;} 
  .health25 .section2 .box-border .bottom .img {margin-top: 50px;}
  .health25 .section3 .img1 {padding: 50px 30px;}
  .health25 .section3 .box2 .box-inner {padding: 40px 15px;}
  .health25 .section3 .box2 ul {gap: 40px 0; justify-content: center;}
  .health25 .section3 .box2 ul > li {width: 360px; max-width: 100%; gap: 15px;}
  .health25 .section3 .box2 .item-img {width: 65px;}
  .health25 .section3 .box2 .desc {width: calc(100% - 83px);}
  .health25 .section3 .img2 {padding: 40px 90px;}
  .health25 .section3 .box3 {padding: 40px 15px;}
  .health25 .section3 .box3 .box-inner {gap: 30px;}
  .health25 .section3 .box3 .desc .desc-list > li + li {margin-top: 20px;}
  .health25 .section3 .box3 .box-img {width: 130px;}
  .health25 .section4 .box1 {gap: 60px;}
  .health25 .section4 .box1 > li {flex: initial; width: 100%;}
  .health25 .section4 .box1 .round {margin-top: 20px;}
  .health25 .section4 .box1 p > br {display: block;}
  .health25 .section5 .box1 .left {position: relative; left: initial; top: initial; height: auto; padding: 40px 15px;}
  .health25 .section5 .box1 .left .border {position: relative; left: initial; top: initial; height: auto; transform: initial; margin: 0 auto; max-width: 100%; padding: 40px 25px;}
  .health25 .section5 .box1 .bg img {width: 100%;}
  .health25 .section5 .box1 .bg img.pc-show-edit {display: none;}
  .health25 .section5 .box1 .bg img.mob-show-edit {display: block;}
}
@media (max-width: 430px) {
  .health25 .price .desc {display: block; margin-right: 0; margin-bottom: 10px;}
  .health25 .section2 .icon-list {gap: 35px} 
  .health25 .section2 .icon-list .icon-img img {display: block; width: 100px; height: 100px; margin: 0 auto;}
  .health25 .section2 .icon-list p {font-size: 17px;}
  .health25 .section2 .icon-list > li:last-child br.mob {display: none;}
  .health25 .section2 .box-border .top p > br {display: none;}
  .health25 .section3 .box-border ul {gap: 20px;}
  .health25 .section3 .box2 .desc p > br {display: none;}
  .health25 .section4 .img3 {padding: 30px 15px;}
  .health25 .section4 .img3 img {width: 150px;}
}





/* health26 */
.health26 {}
.health26 .caption {text-align: right; color: #898989; font-size: 17px; box-sizing: border-box; margin: 25px auto 0; }
.health26 .caption + .text {margin-top: 30px;}
.health26 .section0 .caption {width: 800px; max-width: 100%;}
.health26 .section0 .caption + .txt {margin-top: 60px;}
.health26 .img-box {box-sizing: border-box; width: 1000px; height: 600px; max-width: 100%; display: flex; justify-content: center; align-items: center;}
.health26 .section2 .img-box {background-color: #d3dcb4;}
.health26 hr {background-color: #c0c0c0; height: 1px; border: 0; margin: 100px auto;}
.health26 .title.color {color: #80b321}
.health26 .section4 .img-box {border: 2px solid #c0c0c0; border-radius: 20px; } 
.health26 .sub-title {font-size: 22px; color: #363636; font-weight: 500; margin-bottom: 20px; display: block;}
.health26 .mob-show-edit {display: none;}
.health26 .section6 .img-box {border: 2px solid #80b321; border-radius: 20px; position: relative; height: 560px; margin-top: 90px !important;}
.health26 .section6 .img-box .round-title {display: inline-block; color: #fff; font-size: 25px; background-color: #80b321; border-radius: 50px; width: 400px; padding: 11px; max-width: 100%; font-weight: 500; position: absolute; top: -30px; left: 50%; transform: translateX(-50%);}
.health26 .section7 .green {display: flex; gap: 25px; justify-content: space-between;}
.health26 .section7 .green .box-border {border: 2px solid #80b321; border-radius: 20px; padding: 20px 15px 30px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
.health26 .section7 .green .box-border.type2 {padding: 20px 40px;}
.health26 .section7 .green .box-title {font-size: 22px; color: #727171; font-weight: 700; line-height: 1.1; display: block; margin-bottom: 15px;}
.health26 br.mob-xs {display: none;}
.health26 .section7 .green .box-border.type2 .box-title {margin-bottom: 40px;}
.health26 .section7 .gray {margin-top: 30px; background-color: #f0f0f0; border-radius: 20px; text-align: right !important; padding: 40px 30px;}
.health26 .section9 {margin-top: 135px;}
.health26 .section9 .box-border {position: relative; border: 2px solid #80b321; border-radius: 20px; padding: 85px 30px 60px;}
.health26 .section9 .box-border .title {display: inline-block; width: 600px; box-sizing:border-box; background-color: #fff; padding: 0 90px; position: absolute; top: -35px; left: 50%; transform: translateX(-50%)}
.health26 .section9 .box-border .img {margin: 60px auto 0;}
.health26 .section10 * {box-sizing: border-box;}
.health26 .section10 .img-list {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 70px 90px; margin-top: 90px;}
.health26 .section10 .img-list > li {width: 195px;}
.health26 .section10 .img-list p {margin-top: 15px; font-size: 20px;}

@media (max-width: 900px) {
  .health26 hr {margin: 60px auto;}
  .health26 .img-box {height: 500px;}
  .health26 .caption {text-align: right !important;}
  .health26 .sub-title {font-size: 18px;}
  .health26 .section6 .img-box {height: 500px;}
  .health26 .section6 .img-box .round-title {font-size: 20px; width: 250px; top: -25px;}
  .health26 .section7 .green .box-title {font-size: 20px;}
  .health26 .section7 .gray {padding: 30px 15px; margin-top: 25px;}
  .health26 .section7 .gray .title {margin-bottom: 10px;}
  .health26 .section7 .gray .caption {margin-top: 10px;}
  .health26 .section9 {margin-top: 100px;}
  .health26 .section9 .box-border {padding: 55px 20px 60px;}
  .health26 .section9 .box-border .title {padding: 0 10px; width: 360px; top: -26px; max-width: 85%;} 
  .health26 .section10 .img-list {margin-top: 70px; gap: 50px 20px;}
  .health26 .section10 .img-list p  {font-size: 17px;}
}
@media (max-width: 768px) {
  .health26 .img-box {height: auto; padding: 30px 15px;}
  .health26 .pc-show-edit {display: none;}
  .health26 .mob-show-edit {display: block;}
  .health26 .section2 .img-box {padding: 20px 0;}
  .health26 .section6 .img-box {height: auto; padding: 80px 15px 50px;}
  .health26 .section6 .img-box .mob-show-edit {width: 350px; max-width: 100%;}
  .health26 .section7 .green {flex-wrap: wrap;}
  .health26 .section7 .green .box-border {padding: 40px 15px !important; width: 100%;}
  .health26 .section7 .green .box-title {width: 100%; margin-bottom: 40px !important;}
  .health26 .section7 .green .box-img img {width: 400px; max-width: 100%;}
  .health26 .section9 .box-border .img {margin-top: 40px;}
  .health26 .section10 .img-list > li img {display: block; width: 100px; margin: 0 auto;}
}
@media (max-width: 460px) {
  .health26 .title > br {display: none;}
  .health26 .section6 .img-box .round-title {width: 200px;}
  .health26 br.mob-xs {display: block;}
  .health26 .section9 .box-border {padding: 55px 15px 30px;}
  .health26 .section9 .box-border .title {top: -45px;}
  .health26 .section10 .img-list > li {width: 130px;}
  .health26 .section10 .img-list p {font-size: 16px;}
}



/* health27 */
.health27 {}
.health27 .pc-show-edit {display: block}
.health27 .mob-show-edit {display: none}
.health27 .box-gray {background-color: #f7f8f7; padding: 60px 65px;}
.health27 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 50px auto;}
.health27 .section1 .img {display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;}
.health27 .round-title {background-color: #459352; color: #fff; font-size: 22px; font-weight: 500; display: inline-block; border-radius: 30px; padding: 8px 63px; }
.health27 .round-title > em {color: #f8f5b1; }
.health27 .text.gray {color: #898989}
.health27 .section6 .tip > li + li {margin-top: 90px;}
.health27 .section6 .tip .desc {text-align: left;}
.health27 .section6 .tip .sub-title {display: block; font-size: 22px; color: #242424; font-weight: 500; position: relative; padding-left: 23px; }
.health27 .section6 .tip .sub-title > span {display: block; position: absolute; left: 0; top: 1px;}
.health27 .section6 .tip .desc p {margin-top: 10px;}
.health27 .caption {text-align: right !important; color: #898989; margin-top: 60px;}
@media (max-width: 900px) {
  .health27 .box-gray {padding: 50px 15px;}
  .health27 .section1 .img {gap: 10px;}
  .health27 .section1 .img img {display: block; width: calc(50% - 10px); }
  .health27 .round-title {font-size: 18px; font-weight: 400; padding: 8px 23px;}
  .health27 .section6 .tip .img {margin-bottom: 20px;}
  .health27 .section6 .tip .sub-title {font-size: 18px; padding-left: 20px;}
  .health27 .section6 .tip .sub-title > span {top: 0;}
  .health27 .section6 .tip > li + li {margin-top: 60px;} 
}
@media (max-width: 768px) {
  .health27 .pc-show-edit {display: none}
  .health27 .mob-show-edit {display: block; margin: 0 auto;}
  .health27 .section2 .type1 .img-inner {margin-top: 40px;}
  .health27 .section2 .type2 img {width: 300px;}
  .health27 .section6 .tip .sub-title {font-size: 17px;}
}
@media (max-width: 460px) {
  .health27 .section1 .img {gap: 20px;}
  .health27 .section1 .img img {width: 100%;}
}





/* health28 */
.health28 {}
.health28 .title.color {color: #f66f25;}
.health28 .pc-show-edit {display: block}
.health28 .mob-show-edit {display: none}
.health28 .caption {text-align: right !important; color: #898989;}
.health28 hr {background-color: #c0c0c0; height: 1px; border: 0; margin: 100px auto;}
.health28 .section3 .table {border: 1px solid #f48549; border-top-width: 3px;}
.health28 .section3 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.health28 .section3 .table th, .health28 .section3 .table td {border-top: 1px solid #f0b06c; border-left: 1px solid #f0b06c; padding: 15px 10px;}
.health28 .section3 .table tbody > tr:first-child th, .health28 .section3 .table tbody > tr:first-child td {border-top: 0;}
.health28 .section3 .table th:first-child, .health28 .section3 .table td:first-child {border-left: 0;}
.health28 .section3 .table th {font-size: 18px; color: #f66f25; font-weight: 400;}
.health28 .section3 .table th.name {font-size: 20px;}
.health28 .section3 .table br {display: none;}
.health28 .section3 .table td {font-size: 17px; color: #626262;}
.health28 .section3 .table .col1 {width: 20%;}
.health28 .section3 .table th:nth-child(2), .health28 .section3 .table td:nth-child(2) {background-color: #fff7ee; border-left: 1px solid #f48549}
.health28 .section3 .table .desc {text-align: left; display: inline-block;}
.health28 .section3 .table .desc > ul > li {position: relative; padding-left: 11px;}
.health28 .section3 .table .desc > ul > li::before {content: '-'; display: block; position: absolute; top: -1px; left: 0;} 
.health28 .section3 .table .desc2 br {display: block !important;}
.health28 .section5 .name {color: #898989;}
.health28 .section5 .name > em {color: #626262;}
.health28 .section5 .desc {color: #626262}
.health28 .section5 .desc ul > li {position: relative; padding-left: 18px;}
.health28 .section5 .desc ul > li > span {display: block; position: absolute; top: 1px; left: 0;}

@media (max-width: 900px) {
  .health28 .section3 .table th {font-size: 15px}
  .health28 .section3 .table th.name {font-size: 16px}
  .health28 .section3 .table td {font-size: 15px;}
  .health28 .section5 .desc ul > li > span {top: 0px;}
}
@media (max-width: 768px) {
  .health28 .pc-show-edit {display: none}
  .health28 .mob-show-edit {display: block; margin: 0 auto;}
  .health28 .section3 .table br {display: block;}
  .health28 .section3 .table br.sm {display: none;}
  
}
@media (max-width: 450px) {
  .health28 .section3 .table br {display: none;}
  .health28 .section3 .table th.name br,
  .health28 .section3 .table br.sm {display: block;}
  .health28 .section3 .table .col1 {width: 55px;}
  .health28 .section3 .table .col2 {width: 45%;}
  .health28 .section3 .table th, .health28 .section3 .table td {padding: 15px 5px;}
}




/* health29 */
.health29 {}
.health29 .title.color {color: #e45777}
.health29 .bg-gray {background-color: #fbf9f9; padding: 50px 20px;}
.health29 .pink-title {margin-bottom: 40px;}
.health29 .pink-title span {display: inline-block; color: #fff; background-color: #e76181; border-radius: 5px; font-size: 22px; padding: 8px 5px; width: 500px; max-width: 100%; box-sizing: border-box;}
.health29 .graph .box {display: inline-block; background-color: #fff; padding: 30px 50px; box-shadow: rgb(193 193 193 /0.2) 7px 5px 10px 5px; border-radius: 5px;}
.health29 .graph .box .desc {font-size: 15px; color: #b4b4b4; margin-top: 25px;}
.health29 .caption {color: #626262; text-align: right !important; margin-top: 20px;}
.health29 .caption.left {text-align: left !important;}
.health29 .text > b {font-weight: 500;}
.health29 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 80px auto 20px;}
.health29 .section1 .br-mob {display: none;} 
.health29 .section3 .img + .img {margin-top: 60px;}
.health29 .section2 .img-inner {background-color: #f9ecee; padding: 90px 15px;}
.health29 .section3 .img-flex {display: flex; flex-wrap: wrap; justify-content: space-between; }
.health29 .section3 .img-flex > li {width: calc(50% - 20px);}
.health29 .border-box {padding-top: 25px; position: relative;}
.health29 .border-box .box {border: 2px solid #e76181; border-radius: 20px; padding: 80px 15px 70px;}
.health29 .border-box .pink-title {position: absolute; top: 0; left: 0; width: 100%;}
.health29 .section3 .border-box ul {display: flex; flex-wrap: wrap; justify-content: center;}
.health29 .section3 .border-box ul > li {width: 28.4%;}
.health29 .section3 .border-box ul > li + li {border-left: 1px solid #d8d8d8;}
.health29 .section3 .border-box ul > li p {margin-top: 25px; color: #6d6d6d; font-size: 20px;}
.health29 .section4 .img-flex {display: flex; flex-wrap: wrap; gap: 50px 35px; width: 850px; margin: 0 auto; max-width: 100%; box-sizing: border-box;}
.health29 .section4 .img-flex p {color: #363636; font-weight: 500; font-size: 22px; margin-top: 20px;}
.health29 .section4 .dash-list {margin-bottom: 35px;}
.health29 .section4 .dash-list > li {position: relative; padding-left: 15px; text-align: left; font-size: 17px; color: #363636}
.health29 .section4 .dash-list > li::before {content: '-'; position: absolute; left: 0; top: 0;}
.health29 .mob-show-edit {display: none;}
.health29 .section7 ul {display: flex; width: 78%; margin: 0 auto; gap: 40px; justify-content: center; align-items: center;}
.health29 .section7 ul .img-box {width: 170px;}
.health29 .section7 ul .desc {width: calc(100% - 210px);}

@media (max-width: 900px) {
  .health29 .section1 {padding: 40px 15px;}
  .health29 .pink-title span {font-size: 18px; width: 250px; padding: 7px 10px;}
  .health29 .graph .box {padding: 20px; box-shadow: rgb(193 193 193 / 0.2) 4px 3px 5px 3px;}
  .health29 .graph .box .desc {font-size: 14px;}
  .health29 .bg-gray {padding: 50px 15px;}
  .health29 .section2 .img-inner img {display: block; margin: 0 auto; width: 320px;}
  .health29 .border-box {padding-top: 20px;}
  .health29 .section3 .border-box ul > li {width: 33%;}
  .health29 .section3 .border-box ul > li p {margin-top: 25px; color: #6d6d6d; font-size: 17px;}
  .health29 .section4 .img-flex {gap: 40px 20px; width: 665px;}
  .health29 .section4 .img-flex img {display: block; margin: 0 auto; width: 150px;}
  .health29 .section4 .img-flex p {font-size: 18px; margin-top: 15px;}
  .health29 .section4 .dash-list > li {font-size: 16px;}
  .health29 .section7 .border-box .box {padding: 60px 20px 50px;}
  .health29 .section7 ul {width: 100%;}
}
@media (max-width: 768px) {
  .health29 .pink-title {margin-bottom: 30px;}
  .health29 .section1 .br-mob {display: block;} 
  .health29 .section2 .img-inner {padding: 60px 15px; }
  .health29 .section2 .img-inner img {width: 220px;}
  .health29 .section3 .img-flex > li {width: calc(50% - 10px);}
  .health29 .border-box .box {padding: 30px 15px 0px; border-radius: 10px;}
  .health29 .section3 .border-box ul > li {width: 100%; padding: 40px 0;}
  .health29 .section3 .border-box ul > li + li {border-left: 0; border-top:1px solid #d8d8d8; }
  .health29 .section3 .border-box ul > li p {margin-top: 15px;}
  .health29 .section3 .border-box ul > li p br:first-of-type {display: none;}
  .health29 .section4 .img-flex {justify-content: center;}
  .health29 .section4 .img-flex img {width: 130px;}
  .health29 .pc-show-edit {display: none;}
  .health29 .mob-show-edit {display: block; margin: 0 auto;}
  .health29 .section5 .img {margin: 50px auto !important;}
  .health29 .section7 ul {flex-wrap: wrap; gap: 30px;}
  .health29 .section7 ul > li {width: 100% !important;}
  .health29 .section7 ul .img-box img {display: inline-block; width: 130px;}
}
@media (max-width: 500px) {
  .health29 .br-500 {display: none;}
  .health29 .section2 .img-inner {padding: 30px 15px;}
  .health29 .section3 .img-flex {gap: 40px;}
  .health29 .section3 .img-flex > li {width: 100%;}
  .health29 .section4 .img-flex img {width: 120px;}
  
}



/* health30 */
.health30 {}
.health30 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health30 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health30 hr.type2 {margin-bottom: 20px;}
.health30 .mob-show-edit {display: none;}
.health30 .title-box {display: inline-block; background-color: #dd5519; color: #fff; font-size: 22px; font-weight: 500; padding: 8px 125px; border-radius: 5px; margin-bottom: 30px;} 
.health30 .title-box.green {background-color: #67ae79;}
.health30 .qna-list {text-align: left; font-size: 17px;}
.health30 .qna-list > li {position: relative; padding-left: 38px;}
.health30 .qna-list > li + li {margin-top: 10px;}
.health30 .qna-list > li > span {display: inline-block; position: absolute; top: 0; left: 0; font-weight: 600; color: #dd5519;}
.health30 .qna-list .qna-txt {font-weight: 500; color: #242424;}
.health30 .qna-list .sub-desc {font-weight: 400; color: #363636; margin-top: 5px;}
.health30 .num-list {font-weight: 400; color: #363636; margin-top: 15px;}
.health30 .num-list > li {padding-left: 20px; position: relative;}
.health30 .num-list > li + li {margin-top: 3px;}
.health30 .num-list > li > span {display: inline-block; position: absolute; top: 0; left: 0;}
.health30 .dot-list {margin-top: 30px; text-align: left; font-size: 17px;}
.health30 .dot-list > li {padding-left: 8px; position: relative;}
.health30 .dot-list > li + li {margin-top: 25px;}
.health30 .dot-list > li::before {content: '·'; display: inline-block; position: absolute; left: 0; top: 0;}
.health30 .dot-list > li > strong {display: block; color:#242424; font-weight: 400;}
.health30 .dot-list > li > p {margin-top: 5px; color: #626262;}
.health30 .flex-area {display: flex; flex-wrap: wrap;}
.health30 .title.color {color: #68ae7a}

.health30 .sub-title {font-size: 22px; color: #dd5519; font-weight: 500; margin: 60px auto 25px; display: block;}
.health30 .sub-title.green {color: #68ae7a;}
.health30 .section1 .table {border: 1px solid #f48549; border-top-width: 3px;}
.health30 .section1 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.health30 .section1 .table th, .health30 .section1 .table td {border-top: 1px solid #f0b06c; border-left: 1px solid #f0b06c; padding: 15px 10px;}
.health30 .section1 .table th:first-child, .health30 .section1 .table td:first-child {border-left: 0;}
.health30 .section1 .table th {color: #f66f25; font-weight: 400; background-color: #fff7ee; }
.health30 .section1 .table thead th {font-size: 20px; line-height: 1.1;}
.health30 .section1 .table thead th > span {font-size: 14px;}
.health30 .section1 .table th.category {font-size: 18px;}
.health30 .section1 .table th.category + th, .health30 .section1 .table th.category + td {border-left-color: #f48549;}
.health30 .section1 .table td {font-size: 17px; color: #626262; text-align: center;}
.health30 .section1 .table .col1 {width: 16%;}
.health30 .section1 .flex1 {gap: 60px 80px; justify-content: center; align-items: flex-start;}
.health30 .section1 .flex1 > li {width: calc(33.33% - 60px);}
.health30 .section1 .flex1 .desc {font-size: 25px; font-weight: 500; margin-top: 30px;}
.health30 .section1 .flex1 .desc > span {display: block; font-size: 17px; }
.health30 .section1 .flex2 {gap: 40px; margin-top: 40px;}
.health30 .section1 .flex2 > li {padding: 25px; background-color: #fff7ee; border-radius: 5px; flex:1; display: flex; align-items: center; justify-content: center;}
.health30 .section1 .flex2 .box {color: #f66f25; font-weight: 500; font-size: 22px;}
.health30 .section1 .flex2 .box span {display: block; font-weight: 400; font-size: 14px;}
.health30 .section1 .img1 {padding: 50px 15px; }
.health30 .section1 .flex3 {gap: 30px; justify-content: center; align-items: flex-start; margin-top: 50px; margin-bottom: 120px;}
.health30 .section1 .flex3 > li {width: calc(25% - 30px);}
.health30 .section1 .flex3 .desc {font-size: 25px; font-weight: 500; margin-top: 30px;}
.health30 .section2 .img2 {padding: 100px 15px 130px; background-color: #edf3e8;}
.health30 .section3 .img3 {padding: 120px 15px 160px; background-color: #edf3e8;}
.health30 .title-top-box * {box-sizing: border-box;}
.health30 .section5 .title-top-box {padding-top: 25px; position: relative;}
.health30 .border-box {border: 2px solid #67ae79; border-radius: 20px;}
.health30 .section5 .title-top-box .green-title {position: absolute; top: 0; left: 0; width: 100%;}
.health30 .section5 .title-top-box .green-title > span {display: inline-block; background-color: #67ae79; color: #fff; font-size: 22px; font-weight: 500; padding: 8px 125px; border-radius: 5px;}
.health30 .section5 .border-box {padding: 90px 15px 60px;}
.health30 .section6 .title-top-box {padding-top: 49px; position: relative;}
.health30 .section6 .title-top-box .green-title {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;}
.health30 .section6 .title-top-box .green-title .bg {width: 190px; position: relative; background-color: #67ae79; color: #fff; font-size: 22px; font-weight: 500; padding: 8px; margin: 0 auto; z-index: 1;}
.health30 .section6 .title-top-box .green-title .bg::before {content: ''; width: 40px; height: 49px; border-radius: 10px 0 0 0; background-color: #67ae79; transform: skew(-20deg); position: absolute; top: 0; left: -20px; z-index: 0;}
.health30 .section6 .title-top-box .green-title .bg::after {content: ''; width: 40px; height: 49px; border-radius: 0 10px 0 0; background-color: #67ae79; transform: skew(-340deg); position: absolute; top: 0; right: -20px; z-index: 0;}
.health30 .section6 .border-box {padding: 30px 40px; }
.health30 .section6 .check-list > li {position: relative; padding-left: 35px; text-align: left; color: #626262; font-size: 17px;}
.health30 .section6 .check-list > li::before {content: ''; display: block; width: 26px; height: 25px; background: url('../images/detail/img-health-30-07-check.png') no-repeat; position: absolute; left: 0; top: 0;}
.health30 .section6 .check-list > li + li {margin-top: 35px;}
.health30 .section7 .border-box {padding: 60px 15px;}
.health30 .section7 .border-box .img {margin-bottom: 0;}
.health30 .graph-title {color: #68ae7a; font-size: 20px; margin-bottom: 55px;}
.health30 .section8 .mob-ver {background-color: #edf3e8; padding: 60px 20px;}
.health30 .section8 .mob-ver .top {padding: 0 20px;}
.health30 .section8 .mob-ver hr {margin: 50px auto; background-color: #c7dcc5;}
.health30 .section8 .mob-ver .desc-list {text-align: left; padding: 0 20px;}
.health30 .section8 .mob-ver .desc-list > li + li {margin-top: 20px;}
.health30 .section8 .mob-ver .desc-list .name {font-weight: 400; font-size: 16px; color: #6d9477}
.health30 .section8 .mob-ver .dot-list2 {font-size: 15px; color: #626262; margin-top: 5px;}
.health30 .section8 .mob-ver .dot-list2 > li {position: relative; padding-left: 7px;}
.health30 .section8 .mob-ver .dot-list2 > li::before {content: '•'; position: absolute; top: 0; left: 0;}
.health30 .section9 .img {background-color: #edf3e8;}
.health30 .section10 .img {background-color: #edf3e8; height: 600px; display: flex; justify-content: center; align-items: center;}
.health30 .section10 .img .flex-area {gap: 170px; justify-content: center;}
.health30 .section10 .img .flex-area p {margin-top: 30px; font-size: 22px; color: #6d9477}
.health30 .section11 .img {background-color: #edf3e8; padding: 70px 15px;}

@media (max-width: 900px) {
  .health30 hr {margin: 90px auto;} 
  .health30 .title-box {font-size: 18px; padding: 6px 40px;}
  .health30 .qna-list {font-size: 16px;}
  .health30 .qna-list > li {padding-left: 30px;}
  .health30 .num-list {margin-top: 10px;}
  .health30 .sub-title {font-size: 18px;}
  .health30 .section1 .table thead th, .health30 .section1 .table th.category, .health30 .section1 .table td {font-size: 15px;}
  .health30 .dot-list {font-size: 16px;}
  .health30 .section1 .flex1 {gap: 50px;}
  .health30 .section1 .flex1 > li {width: calc(33.33% - 40px);}
  .health30 .section1 .flex1 .desc {font-size: 17px; }
  .health30 .section1 .flex1 .desc > span {font-size: 15px;}
  .health30 .section1 .flex2 .box {font-size: 18px;}
  .health30 .section1 .img1 img {display: block; margin: 0 auto; width: 300px;}
  .health30 .section1 .flex3 {gap: 20px;}
  .health30 .section1 .flex3 > li {width: calc(25% - 20px);}
  .health30 .section1 .flex3 .desc {font-size: 17px; }
  .health30 .section2 .img2 {padding: 80px 15px;}
  .health30 .section2 .img2 img {display: block; margin: 0 auto; width: 400px;}
  .health30 .section3 .img3 {padding: 80px 15px 110px;}
  .health30 .section5 .title-top-box {padding-top: 20px;}
  .health30 .section5 .title-top-box .green-title > span {padding: 6px 40px; font-size: 18px;}
  .health30 .section6 .title-top-box {padding-top: 43px;}
  .health30 .section6 .title-top-box .green-title .bg {font-size: 18px; width: 150px;}
  .health30 .section6 .check-list > li {font-size: 16px;}
  .health30 .section7 .border-box {padding: 40px 15px;}
  .health30 .graph-title {font-size: 17px; margin-bottom: 25px;}
  .health30 .section10 .img .flex-area {gap: 70px;} 
  .health30 .section10 .img .flex-area p {font-size: 17px;}
}
@media (max-width: 768px) {
  .health30 .pc-show-edit {display: none;}
  .health30 .mob-show-edit {display: block; margin: 0 auto;}
  .health30 .section1 .table th, .health30 .section1 .table td {padding: 15px 9px;}
  .health30 .section1 .table .col1 {width: 70px;}
  .health30 .section1 .table thead th, .health30 .section1 .table th.category, .health30 .section1 .table td {font-size: 14px;}
  .health30 .section1 .flex1 {gap: 50px 20px;}
  .health30 .section1 .flex1 > li {width: calc(33.33% - 20px);}
  .health30 .section1 .flex1 .desc {margin-top: 20px;}
  .health30 .section1 .flex1 .desc > span {font-size: 14px;}
  .health30 .section1 .flex2 {gap: 20px;}
  .health30 .section1 .flex2 > li {flex: initial; width: 100%; padding: 25px 5px; }
  .health30 .section1 .img1 {padding: 30px 15px;}
  .health30 .section1 .flex3 {gap: 50px 20px; margin-bottom: 80px;}
  .health30 .section1 .flex3 > li {width: calc(50% - 20px);}
  .health30 .section1 .flex3 .img-item {width: 160px; display: block; margin: 0 auto; max-width: 100%;}
  .health30 .section1 .flex3 .desc {margin-top: 20px;}
  .health30 .section2 .img2 img {width: 300px;}
  .health30 .section3 .img3 {padding: 60px 15px 90px;}
  .health30 .section5 .title-top-box {padding-top: 33px;}
  .health30 .section5 .border-box {padding: 70px 15px 50px;}
  .health30 .section5 .title-top-box .green-title > span {padding: 6px 25px;}
  .health30 .section6 .border-box {padding: 40px 15px;}
  .health30 .section6 .check-list > li + li {margin-top: 20px;}
  .health30 .section7 .caption {text-align: left !important;}
  .health30 .section7 .border-box {padding: 20px 15px;}
  .health30 .section8 .mob-ver {padding: 40px 15px;}
  .health30 .section10 .img {height: initial; padding: 110px 15px; }
  .health30 .section10 .img .flex-area {gap: 20px;}
  .health30 .section10 .img .flex-area > li {width: 45%;}
  .health30 .section10 .img .flex-area p {margin-top: 15px; font-size: 16px;}
  .health30 .section11 .img {padding: 25px 15px;}

}
@media (max-width: 450px) {
  .health30 .section1 .table .col1 {width: 60px;} 
  .health30 .section1 .table th, .health30 .section1 .table td {padding: 15px 3px;}
  .health30 .section1 .flex1 > li {width: calc(50% - 15px);}
  .health30 .section1 .flex1 {gap: 40px 20px;}
  .health30 .section1 .flex2 .box {font-size: 17px;}
  .health30 .section2 .img2 {padding: 10px 20px;}
  .health30 .section3 .img3 {padding: 20px 10px 40px;}
  .health30 .section8 .mob-ver {padding: 30px 15px;}
  .health30 .section8 .mob-ver .top {padding: 0;}
  .health30 .section8 .mob-ver hr {margin: 30px auto;}
  .health30 .section8 .mob-ver .desc-list {padding: 0 10px;}
  .health30 .section10 .img {padding: 40px 15px;}
}



/* health31 */
.health31 {}
.health31 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health31 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health31 .title.color {color: #5bb347}
.health31 .title > em {display: block; font-weight: 400;}
.health31 .sub-title {color: #242424; font-size: 22px; margin-bottom: 20px;}
.health31 .sub-title > em {font-weight: 500;}
.health31 .mob-show-edit {display: none;}
.health31 .tea-card {margin-top: 60px;}
.health31 .tea-card .img {margin-top: 30px !important;}
.health31 .round-border-box {position: relative;}
.health31 .round-border-box.add-title {padding-top: 30px;}
.health31 .round-border-box .box {border: 3px solid #5bb347; border-radius: 15px; padding: 65px 15px 30px;}
.health31 .round-border-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.health31 .round-border-box .box-title > span {display: inline-block; color: #fff; background-color: #5bb347; border-radius: 30px; font-size: 22px; padding: 13px 5px; width: 300px; max-width: 100%; box-sizing: border-box;}
.health31 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health31 .section2 .round-border-box .box {border: initial; background-color: #f3f3f3;}
.health31 .section2 .flex-area > li {width: calc(33.33% - 20px)}
.health31 .section2 .flex-area p {color: #242424; font-size: 20px; margin-top: 15px;}
.health31 .section3 .round-border-box.add-title {width: 800px; max-width: 100%; margin: 0 auto;}
.health31 .section3 .round-border-box .box {padding: 65px 15px;}
.health31 .img-title-box {position: relative; padding-top: 30px;}
.health31 .img-title-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.health31 .img-title-box .box-title > span {display: inline-block; color: #fff; background-color: #3db7e2; border-radius: 30px; font-size: 22px; padding: 13px 30px; max-width: 100%; box-sizing: border-box; min-width: 420px;}

@media (max-width: 900px) {
  .health31 .caption {font-size: 16px;}
  .health31 hr {margin: 90px auto;}
  .health31 .caption {font-size: 16px;}
  .health31 .sub-title {font-size: 18px}
  .health31 .round-border-box.add-title {padding-top: 20px;}
  .health31 .round-border-box .box-title > span {font-size: 18px; padding: 6px 35px;}
  .health31 .title-box > span {font-size: 18px; padding: 6px 30px;}
  .health31 .title-box.round > span {font-size: 18px; padding: 6px 20px;}
  .health31 .section2 .flex-area p {font-size: 16px;}
  .health31 .img-title-box {padding-top: 20px;}
  .health31 .img-title-box .box-title > span {font-size: 18px; padding: 6px 35px;}
}
@media (max-width: 768px) {
  .health31 .pc-show-edit {display: none;}
  .health31 .mob-show-edit {display: block; margin: 0 auto;}
  .health31 .round-title .round {padding: 7px 25px;}
  .health31 .round-border-box .box-title > span {width: auto;}
  .health31 .section2 .flex-area > li {width: 100%;} 
  .health31 .section3 .round-border-box .box {padding: 40px 30px;}
  .health31 .section3 .round-border-box .box br {display: none;}
  .health31 .section5 .img-title-box.type1 {padding-top: 30px;} 
  .health31 .img-title-box .box-title > span {min-width: initial;}
}
@media (max-width: 375px) {
  .health31 .section5 .img-title-box .box-title > span {font-size: 17px; padding: 6px 25px; }
}



/* health32 */
.health32 {}
.health32 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health32 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health32 .mob-show-edit {display: none;}
.health32 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; align-items: center;}
.health32 .flex-area * {box-sizing: border-box;}
.health32 .img-title-box {position: relative; padding-top: 30px;}
.health32 .img-title-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.health32 .img-title-box .box-title > span {display: inline-block; color: #fff; background-color: #5bb347; border-radius: 10px; font-size: 22px; padding: 13px 30px; max-width: 100%; box-sizing: border-box;}
.health32 .title.color {color: #00a226}
.health32 .title.color2 {color: #df8401}
.health32 .sub-title {font-size: 22px; margin-bottom: 5px; display: block; font-weight: 400;}
.health32 .br-sm {display: none;}
.health32 .title-box {display:block; margin-bottom: 30px;}
.health32 .title-box > span {display: inline-block; background-color: #f0b618; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 80px; border-radius: 5px;} 
.health32 .section2 .desc-box {width: 760px; margin: 0 auto; max-width: 100%;}
.health32 .section2 .desc-box * {box-sizing: border-box;}
.health32 .section2 .desc-box > li + li {margin-top: 20px;}
.health32 .section2 .desc-box > li {background-color: #f3f7fa; border-radius: 15px; padding: 34px 15px 40px; height: 160px;}
.health32 .section2 .desc-box .flex-area {gap: 40px;}
.health32 .section2 .desc-box .left-img {position: relative; width: 210px;}
.health32 .section2 .desc-box .left-img::before {content: ''; width: 1px; height: 70px; background-color: #c1cfda; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.health32 .section2 .desc-box .right-desc {display: flex; align-items: center; text-align: left; width: 300px; color: #242424; font-size: 20px;}
.health32 .flex-area.type1 {justify-content: center; align-items: flex-start; gap: 30px;}
.health32 .flex-area.type1 > li {width: 22.3%;}
.health32 .flex-area.type1 p {margin-top: 35px;}
.health32 .flex-area.type1 .name {display: block; color: #00b6f2; font-size: 20px; font-weight: 500;}
.health32 .flex-area.type1 .desc {display: block; font-size: 17px; color: #242424; margin-top: 10px;}
.health32 .section6 .flex-area {align-items: flex-start; gap: 90px;}
.health32 .section6 .flex-area p {color: #242424; font-size: 17px; margin-top: 30px; }
.health32 .section6 .flex-area p > span {display: block; color: #eeae00;}

@media (max-width: 990px) {
  .health32 .flex-area.type1 .name {font-size: 18px;}
  .health32 .flex-area.type1 .desc {font-size: 16px;}
}
@media (max-width: 900px) {
  .health32 .caption {font-size: 16px;}
  .health32 hr {margin: 90px auto;} 
  .health32 .sub-title {font-size: 18px}
  .health32 .title-box > span {font-size: 18px; padding: 6px 20px;}
  .health32 .img-title-box {padding-top: 20px;}
  .health32 .img-title-box .box-title > span {font-size: 18px; padding: 6px 35px;}
  .health32 .section2 .desc-box .right-desc {font-size: 17px;}
  .health32 .flex-area.type1 {gap: 40px 20px;}
  .health32 .flex-area.type1 > li {width: 46%;}
  .health32 .flex-area.type1 img {display: block; margin: 0 auto; width: 120px;}
  .health32 .section6 .flex-area {gap: 50px;}
  .health32 .section6 .flex-area img {display: block; margin: 0 auto; width: 150px; }
  .health32 .section6 .flex-area p  {font-size: 15px;}
  .health32 .section6 .flex-area p em {display: block; font-size: 17px; margin-bottom: 3px;}
}
@media (max-width: 768px) {
  .health32 .pc-show-edit {display: none;}
  .health32 .mob-show-edit {display: block; margin: 0 auto;}
  .health32 .round-border-box .box-title > span {width: auto; padding: 6px 20px;}
  .health32 .section2 .desc-box .flex-area {gap: 20px;}
  .health32 .section2 .desc-box > li {height: auto; padding: 24px 15px 30px;}
  .health32 .section2 .desc-box .left-img {width: 130px;}
  .health32 .section2 .desc-box .left-img img {display: block; width: 75px; margin: 0 auto;}
  .health32 .section2 .desc-box .right-desc {width: 240px;}
  .health32 .flex-area.type1 p {margin-top: 25px;}
}
@media (max-width: 530px) {
  .health32 .section2 .img-title-box {padding-top: 60px;}
  .health32 .section2 .desc-box .left-img {width: 80px; padding-right: 15px;}
  .health32 .section2 .desc-box .left-img img {width: 60px;}
  .health32 .br-sm {display: block;}
  .health32 .flex-area.type1 img {width: 90px;}
  .health32 .flex-area.type1 .name {font-size: 17px}
  .health32 .flex-area.type1 .desc {font-size: 15px;}
  .health32 .section6 .flex-area {gap: 20px;}
  .health32 .section6 .flex-area img {width: 120px;}
}
@media (max-width: 430px) {
  .health32 .section2 .desc-box .right-desc {width: calc(100% - 125px); font-size: 16px;}
  .health32 .section2 .desc-box .right-desc br {display: none;}
  .health32 .flex-area.type1 .desc .br-430 {display: none;}
}


/* health33 */
.health33 {}
.health33 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health33 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health33 .mob-show-edit {display: none;}
.health33 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health33 .flex-area * {box-sizing: border-box;}
.health33 .box-gray {border-radius: 15px; background-color: #f4f7fa; padding: 65px 15px;}
.health33 p > u {text-underline-offset: 3px;}
.health33 .list-check > li {position: relative; padding-left: 35px; padding-top: 6px; text-align: left; font-size: 17px; color: #626262}
.health33 .list-check > li::before {content: ''; position: absolute; left: 0; top: 0; display: block; width: 28px; height: 30px; background: url('../images/detail/img-health-33-check-01.png') no-repeat; background-size: contain; }
.health33 .list-check > li + li {margin-top: 18px;}
.health33 .color1 {color: #ff761e}
.health33 .color2 {color: #00b6f0}
.health33 .title > span {display: block; font-weight: 400; color: #242424;}
.health33 .title-box > span {display: inline-block; background-color: #00a5de; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 60px; border-radius: 5px;} 
.health33 .title-box.round > span {display: inline-block; background-color: #00a5de; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 60px; border-radius: 30px;} 
.health33 .title-round-line {margin-bottom: 30px;}
.health33 .title-round-line > span {display: inline-block; background-color: #fff; color: #00b6f2; font-size: 20px; font-weight: 400; padding: 8px 60px; border-radius: 30px; border: 2px solid #00b6f0;}
.health33 .img-title-box {position: relative; padding-top: 30px;}
.health33 .img-title-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.health33 .img-title-box .box-title > span {display: inline-block; color: #fff; background-color: #3db7e2; border-radius: 30px; font-size: 22px; padding: 13px 30px; max-width: 100%; box-sizing: border-box; width: 400px;}
.health33 .img-title-box.small {padding-top: 25px;}
.health33 .img-title-box.small .box-title > span {padding: 11px 20px; width: 300px; font-size: 20px;}
.health33 .img-group {margin: 50px auto 55px;}
.health33 .img-group .img-flex {display: flex; justify-content: center; align-items: flex-start; margin-top: 60px; gap: 60px;}
.health33 .img-group .img-flex .desc {font-size: 17px; color: #626262; margin-top: 40px;}
.health33 .img-group .img-flex .desc .point {display: block; color: #00b6f2; font-size: 20px; font-weight: 500;}
.health33 .img-group .img-flex .desc p {margin-top: 10px;}
.health33 .text-type1 {margin: 30px auto;}
.health33 .section0 .img-title-box .flex-area {gap: 50px;}
.health33 .section0 .img-title-box .flex-area > li {width: calc(50% - 30px);}
.health33 .section0 .img-title-box .flex-area strong {color: #00b6f0; font-size: 20px; font-weight: 400; display: block; }
.health33 .section0 .img-title-box .flex-area strong * {display: inline-block; line-height: 1; vertical-align: bottom;}
.health33 .section0 .img-title-box .flex-area p {margin-top: 15px; font-size: 17px; color: #626262;}
.health33 .section0 .img-title-box .flex-area p em {color: #242424;}
.health33 .section2 .img-title-box .box-inner {padding: 70px 15px 20px;}
.health33 .section2 .list-check {margin: 0 auto 60px; width: 600px; max-width: 100%; }
.health33 .card-type1.flex-area {gap: 40px;}
.health33 .card-type1.flex-area > li {width: calc(50% - 20px);}
.health33 .card-type1.flex-area .box {background-color: #f4f7fa; padding: 40px 35px; display: flex; border-radius: 15px; gap: 30px; align-items: center; justify-content: flex-start;}
.health33 .card-type1.flex-area .box .desc {text-align: left;}
.health33 .card-type1.flex-area .box .desc > strong {display: block; font-size: 22px; color: #00b6f2; font-weight: 400; line-height: 1.3;}
.health33 .card-type1.flex-area .box .desc > p {font-size: 17px; color: #242424; margin-top: 10px;}
.health33 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.health33 .table thead th {padding: 15px 10px;}
.health33 .table th:first-child, 
.health33 .table td:first-child {border-left: 0;}
.health33 .table thead th {font-size: 20px; line-height: 1.1; color: #fff; font-weight: 400; background-color: #00b6f0; border-left: 1px solid #fff;}
.health33 .table td {font-size: 17px; color: #242424; text-align: center;}
.health33 .table tbody th, .health33 .table tbody td {border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; padding: 10px;}
.health33 .table tbody th.category {font-size: 20px; color: #242424; font-weight: 400; text-align: left; background-color: #eaf5fc; padding-left: 60px;}
.health33 .table tbody th.category > br {display: none;}
.health33 .table .col1 {width: 30%;}
.health33 .section8 .img-bg {padding: 75px 15px; background: url('../images/detail/img-health-33-06.png') no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;}
.health33 .section8 .img-bg .text-box {background-color: rgba(0,0,0,.4); border-radius: 20px 0px 20px 20px; padding: 90px 15px; width: 750px; margin: 0 auto; color: #fff}
.health33 .section8 .img-bg .text-box .img-title {display: block; font-size: 40px; font-weight: 400;}
.health33 .section8 .img-bg .text-box .img-title span {display: block; font-size: 30px;}
.health33 .section8 .img-bg .text-box .img-title span > br {display: none;}
.health33 .section8 .img-bg .text-box p {display: block; position: relative; font-size: 24px; font-weight: 300; padding-top: 40px;}
.health33 .section8 .img-bg .text-box p::before {content: ''; width: 24px; height: 1px; background-color: #fff; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);}
.health33 .section8 .img-bg .text-box p em {font-weight: 600; color: #fff;}
.health33 .section8 .img-bg .text-box .small {margin-top: 40px; font-size: 20px;}
.health33 .dot-list > li {position: relative; padding-left: 15px; text-align: left; font-size: 17px; color: #626262}
.health33 .dot-list > li::before {content: '·'; position: absolute; left: 0; top: 0;}
.health33 .section9 .box-gray {padding: 60px 20px;}
.health33 .section9 .box-gray hr {margin: 60px auto;}
.health33 .section9 .box-gray .desc {padding: 0 40px;}
.health33 .section9 .box-gray .desc .dot-list > li + li {margin-top: 30px;}
.health33 .section9 .box-gray .desc .dot-list > li:first-child::before {display: none;}
.health33 .section9 .box-gray .desc .dot-list > li em {font-weight: 400;}
.health33 .section9 .card-type1 {padding: 0 20px; gap: 60px;}
.health33 .section9 .card-type1 > li {width: calc(50% - 30px);}
.health33 .section9 .card-type1 .box {justify-content: center;}
.health33 .section9 .card-type1 .box .desc > p {color: #626262;}
.health33 .img-line3 .flex-area {gap: 70px 90px; width: 750px; margin: 0 auto; max-width: 100%;}
.health33 .img-line3 .flex-area > li {width: 170px}
.health33 .img-line3 .flex-area p {font-size: 20px; color: #242424; margin-top: 15px;}
.health33 .section12 .title br {display: none;} 
.health33 .section13 .list-check2 {margin-top: 30px;}
.health33 .section13 .list-check2 > li {position: relative; text-align: left; font-size: 16px; color: #626262}
.health33 .section13 .list-check2 > li + li {margin-top: 20px;}
.health33 .section13 .list-check2 strong {display: block; font-weight: 400; color: #242424; font-weight: 500; font-size: 18px; position: relative; padding-left: 30px;}
.health33 .section13 .list-check2 strong::before {content: ''; position: absolute; left: 0; top: 4px; display: block; width: 20px; height: 19px; background: url('../images/detail/img-health-33-check-02.png') no-repeat; background-size: contain; }
.health33 .section13 .list-check2 p {margin-top: 5px;}
.health33 .section14 .card-box {background-color: #f4f7fa; border-radius: 15px; padding: 30px;}
.health33 .section14 .card-box .flex-area {gap: 40px;}
.health33 .section14 .card-box .flex-area > li {width: calc(33.33% - 30px);}
.health33 .section14 .card-box .flex-area .card {background-color: #fff; border-radius: 15px; padding: 55px 15px 30px;}
.health33 .section14 .card-box .flex-area .card .desc {margin-top: 20px;}
.health33 .section14 .card-box .flex-area .card .desc > strong {display: block; color: #00b5ef; font-size: 22px; font-weight: 500;} 
.health33 .section14 .card-box .flex-area .card .desc > strong > br {display: none;}
.health33 .section14 .card-box .flex-area .card .desc > p {margin-top: 5px; color: #626262; font-size: 17px;}
.health33 .section15 .img-line3 .flex-area {gap: 70px 40px;}
.health33 .section15 .img-line3 .flex-area > li {width: 220px;}
.health33 .section15 .img-line3 .flex-area p br {display: none;}
.health33 .section15 .line-box {border: 2px solid #cde1f5; border-radius: 15px; padding: 80px 15px 60px;}
.health33 .section15 .line-box .img-line3 .flex-area p {color: #626262; letter-spacing: -1px;}
.health33 .section15 .line-box .img-line3 .flex-area p br {display: block;}
.health33 .section15 .line-box .img-line3 .flex-area p br.br2 {display: none;}
.health33 .section15 .line-box .img-line3 .flex-area.bottom {margin-top: 55px;}

@media (max-width: 1030px) {
  .health33 .section14 .card-box .flex-area .card {height: 310px;}
  .health33 .section14 .card-box .flex-area .card .desc > strong > br {display: block;}
}
@media (max-width: 900px) {
  .health33 .caption {font-size: 16px;}
  .health33 hr {margin: 90px auto;} 
  .health33 .title > span {font-size: 16px;}
  .health33 .title-box > span {font-size: 18px; padding: 6px 20px;}
  .health33 .title-box.round > span {font-size: 18px; padding: 6px 20px;}
  .health33 .round-border-box .box-title > span {font-size: 18px; padding: 6px 35px;}
  .health33 .title-round-line > span {font-size: 18px; padding: 6px 25px;}
  .health33 .img-title-box {padding-top: 20px;}
  .health33 .img-title-box .box-title > span {font-size: 18px; padding: 6px 35px;}
  .health33 .img-title-box.small {padding-top: 20px;}
  .health33 .img-title-box.small .box-title > span {font-size: 16px; padding: 8px 35px;}
  .health33 .section0 .img-title-box .flex-area strong {font-size: 18px;}
  .health33 .section0 .img-title-box .flex-area strong img {width: 20px;}
  .health33 .section0 .img-title-box .flex-area p {font-size: 16px;}
  .health33 .list-check > li {font-size: 16px; padding-top: 1px; padding-left: 28px;}
  .health33 .list-check > li::before {width: 20px; height: 22px; }
  .health33 .list-check > li + li {margin-top: 13px;}
  .health33 .img-group {margin: 40px auto 45px;}
  .health33 .img-group .img-flex {gap: 30px;}
  .health33 .img-group .img-flex img {display: block; width: 120px; margin: 0 auto;}
  .health33 .img-group .img-flex .desc {font-size: 16px; margin-top: 20px;}
  .health33 .img-group .img-flex .desc .point {font-size: 18px;}
  .health33 .card-type1.flex-area .box {padding: 30px 20px;}
  .health33 .card-type1.flex-area .box .left-img {width: 80px;}
  .health33 .card-type1.flex-area .box .desc > strong {font-size: 19px;}
  .health33 .card-type1.flex-area .box .desc > p {font-size: 16px;}
  .health33 .table thead th {font-size: 17px; padding: 15px 5px;}
  .health33 .table tbody td, .health33 .table tbody th.category {font-size: 15px; padding: 15px 5px;}
  .health33 .table tbody th.category {padding-left: 20px;}
  .health33 .section8 .img-bg {padding: 55px 20px;}
  .health33 .section8 .img-bg .text-box {padding: 50px 30px;}
  .health33 .section8 .img-bg .text-box .img-title {font-size: 25px;}
  .health33 .section8 .img-bg .text-box .img-title span {font-size: 20px;}
  .health33 .section8 .img-bg .text-box p {font-size: 16px;}
  .health33 .section8 .img-bg .text-box p::before {width: 18px;}
  .health33 .section8 .img-bg .text-box .small {font-size: 15px; margin-top: 25px;}
  .health33 .dot-list > li {font-size: 16px}
  .health33 .section9 .card-type1 {gap: 30px; padding: 0;}
  .health33 .section9 .card-type1 > li {width: calc(50% - 16px);}
  .health33 .section9 .card-type1.flex-area .box {padding: 25px 15px; gap: 20px;}
  .health33 .section9 .card-type1.flex-area .box .left-img {width: 60px;}
  .health33 .box-gray.img-line3 {padding: 35px 15px;}
  .health33 .img-line3 .flex-area {gap: 40px 30px !important;}
  .health33 .img-line3 .flex-area img {display: block; margin: 0 auto; width: 130px;}
  .health33 .img-line3 .flex-area p {font-size: 17px;}
  .health33 .section14 .card-box {padding: 30px 15px;}
  .health33 .section14 .card-box .flex-area {gap: 20px;}
  .health33 .section14 .card-box .flex-area > li {width: calc(33.33% - 14px);}
  .health33 .section14 .card-box .flex-area .card {height: 300px;}
  .health33 .section14 .card-box .flex-area .card .desc > strong {font-size: 18px;}
  .health33 .section14 .card-box .flex-area .card .desc > p {font-size: 15px;}
  .health33 .section15 .img-line3 .flex-area > li {width: 170px;}
  .health33 .section15 .img-line3 .flex-area p br {display: block;}
  .health33 .section15 .line-box .img-line3 .flex-area p br.br1 {display: none;}
  .health33 .section15 .line-box .img-line3 .flex-area p br.br2 {display: block;}
}
@media (max-width: 768px) {
  .health33 .pc-show-edit {display: none;}
  .health33 .mob-show-edit {display: block; margin: 0 auto;}
  .health33 br.br-mob {display: none;}
  .health33 .text-type1 {margin: 20px auto;}
  .health33 .flex-area > li {width: 100%;}
  .health33 .round-title .round {padding: 7px 25px;}
  .health33 .round-border-box .box-title > span {width: auto; padding: 6px 20px;}
  .health33 .img-title-box .box-gray {padding: 45px 15px 30px;}
  .health33 .img-title-box .box-title > span,
  .health33 .img-title-box.small .box-title > span {width: auto;}
  .health33 .section0 .img-title-box .flex-area {gap: 25px;}
  .health33 .section0 .img-title-box .flex-area > li {width: 100%;}
  .health33 .section0 .img-title-box .flex-area p {font-size: 15px;}
  .health33 .section2 .img-title-box .box-inner {padding: 50px 15px 20px;}
  .health33 .section2 .list-check {margin-bottom: 30px;}
  .health33 .img-group .img-flex {gap: 40px 30px; flex-wrap: wrap; justify-content: space-around;}
  .health33 .img-group .img-flex > li {width: calc(50% - 20px);}
  .health33 .img-group .img-flex .desc p {font-size: 15px;}
  .health33 .card-type1.flex-area {gap: 20px;}
  .health33 .card-type1.flex-area > li {width: 100%;}
  .health33 .card-type1.flex-area .box {padding: 20px 15px; justify-content: center; gap: 20px;}
  .health33 .card-type1.flex-area .box .left-img {width: 70px;}
  .health33 .card-type1.flex-area .box .desc {width: 230px;}
  .health33 .card-type1.flex-area .box .desc > strong {font-size: 18px;}
  .health33 .card-type1.flex-area .box .desc > p {font-size: 15px;}
  .health33 .table .col1 {width: 165px;}
  .health33 .section8 .img-bg {padding: 45px 20px;}
  .health33 .section8 .img-bg .text-box {padding: 30px 15px;}
  .health33 .dot-list > li {padding-left: 0; font-size: 15px;}
  .health33 .dot-list > li::before {display: none;}
  .health33 .section9 .box-gray .img {margin: 0 auto; width: 350px; max-width: 100%;}
  .health33 .section9 .box-gray hr {margin: 30px auto;}
  .health33 .section9 .box-gray {padding: 30px 15px;}
  .health33 .section9 .box-gray .desc {padding: 0;}
  .health33 .section9 .box-gray .desc .dot-list > li + li {margin-top: 15px;}
  .health33 .section9 .box-gray .desc .dot-list > li br {display: none;}
  .health33 .section9 .card-type1.flex-area .box .desc {width: 185px;}
  .health33 .img-line3 .flex-area > li {width: calc(33.33% - 30px);}
  .health33 .img-line3 .flex-area p {margin-top: 10px;}
  .health33 .section12 .title br {display: block;}
  .health33 .section14 .card-box .flex-area > li {width: 100%;}
  .health33 .section15 .img-line3 .flex-area > li {width: calc(33.33% - 30px);} 
  .health33 .section14 .card-box .flex-area .card {height: initial; padding: 20px 15px; }
  .health33 .section14 .card-box .flex-area .card .card-inner {width: 310px; margin: 0 auto; display: flex; gap: 25px; justify-content: flex-start; align-items: center; max-width: 100%;}
  .health33 .section14 .card-box .flex-area .card .flex-img {width: 70px;}
  .health33 .section14 .card-box .flex-area .card .desc {margin-top: 0; text-align: left; width: calc(100% - 90px);}
  .health33 .section14 .card-box .flex-area .card .desc > strong > br {display: none;}
  .health33 .section15 .line-box {padding: 45px 15px 30px;}
  .health33 .section15 .line-box .img-line3 .flex-area.bottom {margin-top: 35px;}
  .health33 .section15 .line-box .img-line3 .flex-area.bottom > li {width: calc(45% - 30px) !important;}
}
@media (max-width: 550px) {
  .health33 .img-group .img-flex {gap: 30px 15px;}
  .health33 .img-group .img-flex > li {width: calc(50% - 10px);}
  .health33 .img-group .img-flex img {width: 100px;}
  .health33 .img-group .img-flex .desc .point {font-size: 17px;}
  .health33 .br-550 {display: none;}
  .health33 .table .col1 {width: 90px;}
  .health33 .table thead th {word-break: break-word;}
  .health33 .table tbody th.category > br {display: block;}
  .health33 .table tbody th.category {padding-left: 5px; border-left: 1px solid #c0c0c0;}
  .health33 .table tbody td:last-of-type {border-right: 1px solid #c0c0c0;}
  .health33 .section8 .img-bg .text-box p br {display: none;}
  .health33 .img-line3 .flex-area {gap: 20px 10px !important;}
  .health33 .img-line3 .flex-area > li {width: calc(33.33% - 7px) !important;}
  .health33 .img-line3 .flex-area img {width: 110px;}
  .health33 .img-line3 .flex-area p {font-size: 15px !important; letter-spacing: -1px;}
}
@media (max-width: 400px) {
  .health33 .card-type1.flex-area .box .left-img {width: 60px;}
  .health33 .card-type1.flex-area .box .desc {width: calc(100% - 80px);} 
  .health33 .card-type1.flex-area > li:nth-child(4) .desc > p > br {display: none;}
  .health33 .table thead th {font-size: 16px;}
  .health33 .section8 .img-bg .text-box .img-title span > br {display: block;}
  .health33 .section9 .card-type1.flex-area .box .desc {width: calc(100% - 85px);}
  .health33 .br-400 {display: none;}
  .health33 .section14 .card-box .flex-area .card .card-inner {gap: 15px;}
  .health33 .section14 .card-box .flex-area .card .flex-img {width: 60px;}
  .health33 .section14 .card-box .flex-area .card .desc {width: calc(100% - 75px);}
  .health33 .section14 .card-box .flex-area .card .desc > strong > br {display: block;}
  .health33 .section14 .card-box .flex-area .card .desc > p > br {display: none;}
  .health33 .section15 .line-box .img-line3 .flex-area.bottom > li {width: calc(50% - 15px) !important;}
  .health33 .section15 .line-box .img-line3 .flex-area.bottom img {width: 85px;}
}




/* health34 */
.health34 {}
.health34 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health34 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health34 .mob-show-edit {display: none !important;}
.health34 p.text > b {font-weight: 500; color: #242424;}
.health34 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health34 .flex-area * {box-sizing: border-box;}
.health34 .img-title-box {position: relative; padding-top: 25px;}
.health34 .img-title-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.health34 .img-title-box .box-title > span {display: inline-block; color: #fff; background-color: #0c6f38; border-radius: 30px; font-size: 22px; padding: 8px 50px; max-width: 100%; box-sizing: border-box;}
.health34 .dot-list > li {position: relative; padding-left: 10px; text-align: left; font-size: 16px; color: #626262}
.health34 .dot-list > li::before {content: '·'; position: absolute; left: 0; top: 0;}
.health34 .dot-list > li + li {margin-top: 6px;}
.health34 .title-box.round {margin-bottom: 30px;}
.health34 .title-box.round > span {display: inline-block; border: 2px solid #00b5ef; color: #00b5ef; font-size: 22px; font-weight: 400; padding: 8px 45px; border-radius: 30px; min-width: 350px; max-width: 100%;}
.health34 .section1 .box-gray {background-color: #f8f8f8; padding: 60px 20px;}
.health34 .section1 .box-gray .box-img {border-radius: 15px; background-color: #fff; overflow: hidden;}
.health34 .section1 .box-gray .box-img img {display: block; margin: 0 auto; }
.health34 .section1 .box-gray .box-img strong {display: block; margin-top: 50px; font-weight: 500; color: #242424; font-size: 24px}
.health34 .section1 .box-gray .caption {text-align: center !important;}
.health34 .section1 .box-gray .img-title-box .box-title > span {font-size: 25px; padding: 6px 50px;}
.health34 .section1 .box-gray .img-title-box.card1 .box-title > span {width: 450px;}
.health34 .section1 .box-gray .img-title-box.card1 .box-img {padding: 75px 15px 60px;}
.health34 .section1 .flex-area {margin-top: 50px; gap: 50px 40px;}
.health34 .section1 .flex-area > li {width: calc(50% - 20px);}
.health34 .section1 .box-gray .img-title-box.card2 .box-title > span {background-color: #81a45d; min-width: 350px;}
.health34 .section5 .flex-area {gap: 40px;}
.health34 .section5 .flex-area > li {width: calc(50% - 20px);}
.health34 .section5 .flex-area .top {display: block; color: #fff; font-weight: 400; font-size: 22px; background-color: #00b6f0; border-radius: 10px; padding: 8px 15px;}
.health34 .section5 .flex-area .bottom {display: inline-block; color: #fff; font-weight: 400; font-size: 18px; background-color: #00b6f0; border-radius: 30px; padding: 7px 25px; }
.health34 .section5 .flex-area .desc {margin-top: 30px; background-color: #ecf6ff; text-align: left; padding: 25px 30px; border-radius: 10px;}
.health34 .section5 .flex-area .orange .top,
.health34 .section5 .flex-area .orange .bottom {background-color: #e88300;}
.health34 .section5 .flex-area .orange .desc {background-color: #fbf1e3;}
.health34 .img-group {margin: 50px auto 55px;}
.health34 .img-group .top-img {margin: 0 auto; max-width: 100%;}
.health34 .img-group .img-flex {display: flex; justify-content: center; align-items: flex-start; margin-top: 40px; gap: 100px;}
.health34 .img-group .img-flex .desc {font-size: 22px; color: #242424; margin-top: 17px;}

@media (max-width: 900px) {
  .health34 .caption {font-size: 16px;}
  .health34 hr {margin: 90px auto;} 
  .health34 .img-title-box {padding-top: 20px;}
  .health34 .img-title-box .box-title > span {font-size: 18px; padding: 6px 35px;}
  .health34 .section1 .box-gray .img-title-box .box-title > span {width: auto !important; min-width: 270px !important; font-size: 18px; padding: 6px 35px;}
  .health34 .section1 .box-gray .box-img strong {font-size: 16px;}
  .health34 .section5 .flex-area {gap: 20px;}
  .health34 .section5 .flex-area .top {font-size: 18px;}
  .health34 .section5 .flex-area .bottom {font-size: 16px;}
  .health34 .section5 .flex-area .desc {padding: 20px 15px; min-height: 200px;}
  .health34 .img-group {margin: 40px auto 45px;}
  .health34 .img-group .img-flex img {display: block; width: 120px; margin: 0 auto;}
  .health34 .img-group .img-flex .desc {font-size: 17px;}
  .health34 .title-box.round > span {font-size: 18px; min-width: initial; padding: 6px 40px;}
}
@media (max-width: 768px) {
  .health34 .pc-show-edit {display: none !important;}
  .health34 .mob-show-edit {display: block !important; margin: 0 auto;}
  .health34 .flex-area > li {width: 100%;}
  .health34 .section1 .flex-area > li {width: 100%;}
  .health34 .section1 .box-gray {background-color: #fff; padding: 0;}
  .health34 .section1 .box-gray .box-img {border: 2px solid #0c6f38;}
  .health34 .section1 .box-gray .card1 .box-img img {width: initial;}
  .health34 .section1 .box-gray .img-title-box.card1 .box-img {padding: 0;}
  .health34 .section1 .box-gray .card2 .box-img {border: 2px solid #81a45d;}
  .health34 .img-title-box .box-title > span,
  .health34 .section1 .box-gray .img-title-box .box-title > span {padding: 6px 25px;}
  .health34 .section3 {margin-top: 50px;}
  .health34 .section5 .flex-area {gap: 40px;}
  .health34 .section5 .flex-area > li {width: 100%;}
  .health34 .section5 .flex-area .top,
  .health34 .section5 .flex-area .bottom {padding: 6px 25px;}
  .health34 .section5 .flex-area .desc {min-height: initial;}
  .health34 .img-group .img-flex {gap: 40px;}
  .health34 .img-group .img-flex {margin-top: 30px;}
  .health34 .section7 .img-group .top-img {width: 380px;}
  .health34 .section14 .img-group .top-img {width: 450px;}
}
@media (max-width: 510px) {
  .health34 .img-group .img-flex {flex-wrap: wrap; gap: 30px;}
  .health34 .img-group .img-flex > li {width: 100%;}
  .health34 .img-group .img-flex .desc {margin-top: 10px;}
}
@media (max-width: 430px) {
  .health34 .section1 .flex-area {margin-top: 30px; gap: 30px;}
  .health34 .section1 .box-gray .img-title-box .box-title > span {min-width: 230px !important;}
}




/* health35 */
.health35 {}
.health35 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health35 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health35 .mob-show-edit {display: none;}
.health35 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health35 .flex-area * {box-sizing: border-box;}
.health35 .check-list > li {position: relative; padding-left: 45px; text-align: left; font-size: 17px; color: #242424; text-align: left;}
.health35 .check-list > li::before {content: ''; position: absolute; left: 0; top: 0; width: 35px; height: 30px; background: url('../images/detail/img-health-35-i-check.png') no-repeat; background-size: contain;}
.health35 .check-list > li + li {margin-top: 20px;}
.health35 .title-box {position: relative; padding-top: 30px; margin-bottom: 30px;}
.health35 .title-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.health35 .title-box .box-title > span {display: inline-block; color: #e43875; background-color: #fff; border-radius: 30px; font-size: 22px; padding: 17px 30px; max-width: 100%; box-sizing: border-box; border: 2px solid #f05b84; line-height: 1; width: 400px;}
.health35 .title-box .color-box {background-color: #f8f8f8; padding: 70px 15px 40px;}
.health35 .section1 .title-box.type1 .flex-area {justify-content: space-around;}
.health35 .section1 .title-box.type1 .tit {font-size: 22px; font-weight: 500; color: #242424; display: inline-block; padding: 0 10px; position: relative;}
.health35 .section1 .title-box.type1 .tit::before {content: ''; display: block; width: 100%; height: 1px; background-color: #242424; position: absolute; bottom: 0; left: 0;}
.health35 .section1 .title-box.type1 .circle {margin-top: 30px;}
.health35 .section1 .title-box.type1 .desc {font-size: 17px; color: #626262; margin-top: 25px;}
.health35 .section2 .title-box.type3 .check-list {margin: 50px auto 0; width: 700px; max-width: 100%;}
.health35 .section2 .title-box.type4 .box-title > span {width: 500px;}

@media (max-width: 900px) {
  .health35 .caption {font-size: 16px;}
  .health35 hr {margin: 90px auto;} 
  .health35 strong.title {margin-bottom: 25px;}
  .health35 strong.title.sub-title {margin-top: 60px;}
  .health35 .title-box {padding-top: 23px; margin-bottom: 40px;}
  .health35 .title-box .box-title > span {font-size: 18px; padding: 12px 35px; width: 350px;}
  .health35 .check-list > li {font-size: 16px; padding-left: 35px;}
  .health35 .check-list > li::before {width: 27px; top: 2px;}
  .health35 .section1 .title-box.type1 .tit {font-size: 18px}
  .health35 .section1 .title-box.type1 .circle > img {width: 200px;}
  .health35 .section1 .title-box.type1 .desc {font-size: 16px}
  .health35 .section2 .title-box.type3 .check-list {width: 650px;}
  .health35 .section2 .title-box.type4 .box-title > span {width: 360px;}
}
@media (max-width: 768px) {
  .health35 .pc-show-edit {display: none;}
  .health35 .mob-show-edit {display: block; margin: 0 auto;}
  .health35 .flex-area > li {width: 100%;}
  .health35 .title-box .color-box {padding: 50px 15px 30px;}
  .health35 .title-box .box-title > span {font-size: 17px; width: 300px; padding: 12px 15px;}
  .health35 .section1 .title-box.type1 .flex-area {gap: 10px;}
  .health35 .section1 .title-box.type1 .flex-area > li {width: calc(50% - 6px);}
  .health35 .section1 .title-box.type1 .circle {margin-top: 20px;}
  .health35 .section1 .title-box.type1 .circle > img {width: 120px;}
  .health35 .section1 .title-box.type1 .desc {font-size: 15px}
  .health35 .section2 .title-box.type3 .check-list {margin-top: 30px;}
}
@media (max-width: 420px) {
  .health35 .title-box .box-title > span {width: auto;}
  .health35 .section1 .title-box.type1 .flex-area {gap: 20px;}
  .health35 .section1 .title-box.type1 .flex-area > li {width: calc(50% - 10px);}
  .health35 br.hide-420 {display: none !important;}
}





/* health36 */
.health36 {}
.health36 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health36 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health36 .mob-show-edit {display: none;}
.health36 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health36 .flex-area * {box-sizing: border-box;}
.health36 .img + .img {margin-top: 60px;}
@media (max-width: 900px) {
  .health36 .caption {font-size: 16px;}
  .health36 hr {margin: 90px auto;} 
  .health36 strong.title {margin-bottom: 25px;}
  .health36 strong.title.sub-title {margin-top: 60px;}
  .health36 .txt .img + .img {margin-top: 40px;} 
}
@media (max-width: 768px) {
  .health36 .pc-show-edit {display: none;}
  .health36 .mob-show-edit {display: block; margin: 0 auto;}
  .health36 .flex-area > li {width: 100%;}
}





/* health37 */
.health37 {}
.health37 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health37 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health37 .mob-show-edit {display: none;}
.health37 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; align-items: center;}
.health37 .flex-area * {box-sizing: border-box;}
.health37 .section1 .flex1 .box {width: 800px; margin: 0 auto; max-width: 100%;}
.health37 .section1 .flex1 .box + .box {margin-top: 30px;}
.health37 .section1 .flex1 .desc-area {width: calc(100% - 260px); text-align: left; color: #242424;}
.health37 .section1 .flex1 .desc-area .tit {display: block; font-size: 20px; font-weight: 500;}
.health37 .section1 .flex1 .desc-area .desc {margin-top: 25px; font-size: 17px;}
.health37 .section3 .list-box {background-color: #f8fbf2; padding: 55px 40px; text-align: left;}
.health37 .section3 .list-box .desc-list > li + li {margin-top: 55px;}
.health37 .section3 .list-box .desc-list .tit {font-size: 22px; color: #289a00; font-weight: 500; display: block;}
.health37 .section3 .list-box .desc-list .desc {font-size: 17px; color: #242424; margin-top: 15px;}
.health37 .section5 {text-align: right;}
.health37 .section5 .name {display: block; font-size: 25px; color: #363636; font-weight: 500;}
.health37 .section5 .name + .text {margin-top: 20px;}
.health37 .section5 .text {color: #363636}

@media (max-width: 900px) {
  .health37 .caption {font-size: 16px;}
  .health37 hr {margin: 90px auto;} 
  .health37 strong.title {margin-bottom: 25px;}
  .health37 strong.title.sub-title {margin-top: 60px;}
  .health37 .section1 .flex1 .box {width: 100%;}
  .health37 .section1 .flex1 .icon-img {width: 160px;}
  .health37 .section1 .flex1 .desc-area {width: calc(100% - 200px);}
  .health37 .section1 .flex1 .desc-area .tit {font-size: 18px;}
  .health37 .section1 .flex1 .desc-area .desc {font-size: 16px; margin-top: 20px;}
  .health37 .section3 .list-box {padding: 40px 15px;}
  .health37 .section3 .list-box .desc-list > li + li {margin-top: 35px;}
  .health37 .section3 .list-box .desc-list .tit {font-size: 20px; text-align: center;}
  .health37 .section3 .list-box .desc-list .desc {font-size: 16px;}
  .health37 .section5 .name {font-size: 20px;}
}
@media (max-width: 768px) {
  .health37 .pc-show-edit {display: none;}
  .health37 .mob-show-edit {display: block; margin: 0 auto;}
  .health37 .flex-area > li {width: 100%;}
  .health37 .section1 .flex1 .box + .box {margin-top: 50px;}
  .health37 .section1 .flex1 .flex-area {gap: 25px;}
  .health37 .section1 .flex1 .flex-area > li {width: 100% !important;}
  .health37 .section1 .flex1 .icon-img img {width: 150px;}
  .health37 .section1 .flex1 .desc-area .tit {text-align: center;}
}





/* health38 */
.health38 {}
.health38 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health38 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health38 .title > span {display: block; font-weight: 400;}
.health38 .mob-show-edit {display: none;}
.health38 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health38 .flex-area * {box-sizing: border-box;}
.health38 .section2 .icon-desc-wrap {width: 800px; max-width: 100%; margin: 0 auto;}
.health38 .section2 .icon-desc-wrap > li + li {margin-top: 35px;}
.health38 .section2 .icon-desc-wrap .flex-area {align-items: center;}
.health38 .section2 .icon-desc-wrap .desc-box {width: calc(100% - 250px); text-align: left;}
.health38 .section2 .icon-desc-wrap .desc-box .tit {display: block; color: #242424; font-size: 20px; font-weight: 500;}
.health38 .section2 .icon-desc-wrap .desc-box .desc {font-size: 17px; color: #626262; }
.health38 .section2 .icon-desc-wrap .desc-box .tit + .desc {margin-top: 20px;}
.health38 .section3 .border-box {border: 5px solid #efefef; padding:  0 95px 40px;}
.health38 .section3 .box-list > li {padding: 60px 0;}
.health38 .section3 .box-list > li + li {border-top: 1px solid #d3d3d3;}
.health38 .section4 .card-list {margin-bottom: 60px;}
.health38 .section4 .card-list .flex-area > li {width: calc(25% - 25px);}
.health38 .section4 .card-list .card-txt .tit {display: block; padding: 14px 0 18px; line-height: 1; font-size: 20px; color: #27b2e7; font-weight: 500; border-bottom: 3px solid #4dbce6}
.health38 .section4 .card-list .card2 .card-txt .tit {color: #f7b411; border-color:#f8bb27;}
.health38 .section4 .card-list .card3 .card-txt .tit {color: #8cbb03; border-color:#8cbb02;}
.health38 .section4 .card-list .card4 .card-txt .tit {color: #bd692f; border-color:#bd692f;}
.health38 .section4 .card-list .card-txt .desc {font-size: 17px; color: #626262; text-align: left; margin-top: 20px;}
.health38 .section5 .gray-box {background-color: #f9f9f9; padding: 100px 20px;}
.health38 .section5 .box-cont .tit {display: block; font-size: 25px; font-weight: 500;}
.health38 .section5 .box-cont .tit.color1 {color: #0098d5;}
.health38 .section5 .box-cont .tit > span {display: block; font-size: 22px; color: #242424; font-weight: 400; margin-bottom: 5px;}
.health38 .section5 .box-cont .tit + .text {margin-top: 15px;}
.health38 .section5 .box-cont .text {color: #626262; }
.health38 .section5 .box-cont .box-caption {color: #898989; font-size: 17px; margin-top: 20px;}
.health38 .section5 .caption.left-icon {display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
.health38 .section5 .caption.left-icon img {display: block; width: 60px;}
.health38 .section5 .caption.left-icon span {display: block;}

@media (max-width: 900px) {
  .health38 .caption {font-size: 16px;}
  .health38 hr {margin: 90px auto;} 
  .health38 strong.title {margin-bottom: 25px;}
  .health38 strong.title.sub-title {margin-top: 60px;}
  .health38 .title > span {font-size: 17px}
  .health38 .section2 .icon-desc-wrap .icon-img {width: 170px;}
  .health38 .section2 .icon-desc-wrap .desc-box {width: calc(100% - 205px);}
  .health38 .section2 .icon-desc-wrap .desc-box .tit {font-size: 18px;}
  .health38 .section2 .icon-desc-wrap .desc-box .desc {font-size: 16px;}
  .health38 .section3 .border-box {padding: 0 50px 20px;}
  .health38 .section4 .card-list .card-txt .tit {font-size: 17px;}
  .health38 .section4 .card-list .card-txt .desc {font-size: 16px;}
  .health38 .section5 .gray-box {padding: 60px 15px;}
  .health38 .section5 .box-cont .tit {font-size: 20px}
  .health38 .section5 .box-cont .tit > span {font-size: 16px; margin-bottom: 10px;}
  .health38 .section5 .box-cont .box-caption {font-size: 16px;}
  .health38 .section5 .gray-box hr {margin: 60px auto;}
}
@media (max-width: 768px) {
  .health38 .pc-show-edit {display: none;}
  .health38 .mob-show-edit {display: block; margin: 0 auto;}
  .health38 .flex-area > li {width: 100%;}
  .health38 .section2 .icon-desc-wrap .flex-area {gap: 20px;}
  .health38 .section2 .icon-desc-wrap .icon-img {width: 100%;}
  .health38 .section2 .icon-desc-wrap .icon-img > img {width: 150px;}
  .health38 .section2 .icon-desc-wrap .desc-box {width: 100%;}
  .health38 .section2 .icon-desc-wrap .desc-box .tit {text-align: center;}
  .health38 .section2 .icon-desc-wrap .desc-box .tit + .desc {margin-top: 15px;} 
  .health38 .section3 .border-box {border: none; padding: 0;}
  .health38 .section3 .border-box .box-img {padding: 0 15px;}
  .health38 .section3 .box-list > li:last-child {border-bottom: 1px solid #d3d3d3;}
  .health38 .section4 .card-list .flex-area {gap: 40px 30px;}
  .health38 .section4 .card-list .flex-area > li {width: calc(50% - 17px);}
  .health38 .section4 .card-list .card-img > img {width: 100px;}
  .health38 .section4 .card-list {margin-bottom: 40px;}
}
@media (max-width: 530px) {
  .health38 .section3 .box-list > li {padding: 40px 0; }
  .health38 .section4 .card-list .flex-area {gap: 40px 15px;}
  .health38 .section4 .card-list .flex-area > li {width: calc(50% - 8px);}
  .health38 .section4 .card-list .card-txt .tit {padding: 11px 0 13px;}
  .health38 .section4 .card-list .card-txt .desc {font-size: 15px;}
  .health38 .section5 .box-cont .box-img {margin: 20px auto;}
}
@media (max-width: 430px) {
  .health38 .section4 .caption > br {display: none;}
  .health38 .section5 .box-cont .bottom .text > br {display: none;}
}




/* health39 */
.health39 {}
.health39 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health39 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health39 .mob-show-edit {display: none;}
.health39 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health39 .flex-area * {box-sizing: border-box;}
.health39 .gray-box {background-color: #f6f6f6; padding: 80px 40px;}
.health39 .img .img-desc {font-size: 17px; color: #626262; margin-top: 30px;}
.health39 .txt-inner {margin: 0 auto; width: 640px; max-width: 100%;}
.health39 .section2 .caption {margin-top: 40px;}
.health39 .section5 .border-box {position: relative; border: 3px solid #459352; border-radius: 15px; padding: 60px 80px; margin-top: 12px;}
.health39 .section5 .border-box .box-title {position: absolute; width: 100%; top: -12px; left: 0;}  
.health39 .section5 .border-box .box-title > strong {display: inline-block; background-color: #fff; padding: 0 50px; line-height: 1; color: #459352; font-size: 22px; font-weight: 500;}
.health39 .section5 .img-box {margin-top: 100px;}
.health39 .section5 .img-box .img-title {margin-bottom: 50px;}
.health39 .section5 .img-box .img-title > span {display: block; background-color: #daebd4; color: #459352; font-weight: 400; font-size: 22px; padding: 13px 17px; border-radius: 50px; letter-spacing: -1px;}
.health39 .section5 .img-box .img-title > span > em {color: #459352}

@media (max-width: 900px) {
  .health39 .caption {font-size: 16px;}
  .health39 hr {margin: 90px auto;} 
  .health39 strong.title {margin-bottom: 25px;}
  .health39 strong.title.sub-title {margin-top: 60px;}
  .health39 .gray-box {padding: 60px 20px;}
  .health39 .img .img-desc {font-size: 16px; margin-top: 30px;}
  .health39 .section2 .caption {margin-top: 20px;} 
  .health39 .section5 .border-box .box-title > strong {font-size: 18px;}
  .health39 .section5 .img-box .img-title > span {font-size: 18px;}
  .health39 .section5 .img-box {margin-top: 60px;}
  .health39 .section5 .img-box .img-title {margin-bottom: 30px;}
}
@media (max-width: 768px) {
  .health39 .pc-show-edit {display: none;}
  .health39 .mob-show-edit {display: block; margin: 0 auto;}
  .health39 .flex-area > li {width: 100%;}
  .health39 .gray-box {padding: 60px 15px;}
  .health39 .section5 .border-box {padding: 50px 15px;}
}
@media (max-width: 430px) {
  .health39 .section5 .border-box .text > br {display: none;}
}






/* health40 */
.health40 {}
.health40 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health40 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health40 hr.last {margin-bottom: 60px;}
.health40 .mob-show-edit {display: none;}
.health40 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health40 .flex-area * {box-sizing: border-box;}

@media (max-width: 900px) {
  .health40 .caption {font-size: 16px;}
  .health40 hr {margin: 90px auto;} 
  .health40 hr.last {margin-bottom: 40px;}
  .health40 strong.title {margin-bottom: 25px;}
  .health40 strong.title.sub-title {margin-top: 60px;}
}
@media (max-width: 768px) {
  .health40 .pc-show-edit {display: none;}
  .health40 .mob-show-edit {display: block; margin: 0 auto;}
  .health40 .flex-area > li {width: 100%;}
}


/* health41 */
.health41 {}
.health41 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health41 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health41 .mob-show-edit {display: none;}
.health41 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health41 .flex-area * {box-sizing: border-box;}
.health41 .round-border-box {position: relative;}
.health41 .round-border-box.add-title {padding-top: 25px;}
.health41 .round-border-box .box {border: 3px solid #459352; border-radius: 15px; padding: 50px 0px 70px;}
.health41 .round-border-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.health41 .round-border-box .box-title > span {display: inline-block; color: #459352; background-color: #fff; font-size: 22px; padding: 8px 5px; width: 280px; max-width: 100%; box-sizing: border-box;}
.health41 p.img-caption {text-align: center; font-size: 17px; color: #626262; margin-top: 20px;}
.health41 .section1 .dot-list {width: 370px; margin: 0 auto; max-width: 100%; padding: 0 15px; box-sizing: border-box;}
.health41 .section1 .dot-list > li {position: relative; padding-left: 15px; text-align: left; font-size: 17px; color: #363636}
.health41 .section1 .dot-list > li::before {content: '·'; position: absolute; left: 0; top: 0;}
.health41 .section1 .dot-list > li + li {margin-top: 15px;}
.health41 .section1 .round-border-box .img {margin: 80px 0 0;}
.health41 .section3 .gray-box {background-color: #f6f6f6;}
.health41 .section3 .gray-box .img {margin: 0;}
.health41 .section3 .gray-box .bottom {box-sizing: border-box; padding: 55px 100px 80px; background-color: #f6f6f6;}
.health41 .section3 .gray-box .bottom .list-desc > li {text-align: left; color: #363636;}
.health41 .section3 .gray-box .bottom .list-desc > li + li {margin-top: 40px;}
.health41 .section3 .gray-box .bottom .list-desc .tit {display: block; font-weight: 500; font-size: 20px;}
.health41 .section3 .gray-box .bottom .list-desc p {font-size: 17px; margin-top: 5px;}
.health41 .references-area {border-top: 1px solid #c0c0c0; padding-top: 25px;}
.health41 .references-area .name {text-align: right; color: #363636;}
.health41 .references-area .name strong {display: block; font-weight: 500; font-size: 25px;}
.health41 .references-area .name p {font-size: 17px; margin-top: 10px;}
.health41 .references-area .references {margin-top: 50px; color: #626262; font-size: 17px;}
.health41 .references-area .num-list {margin-top: 5px;}
.health41 .references-area .num-list > li {position: relative; padding-left: 20px;}
.health41 .references-area .num-list > li + li {margin-top: 2px;}
.health41 .references-area .num-list > li span {display: block; position: absolute; top: 0; left: 0;}

@media (max-width: 900px) {
  .health41 .caption {font-size: 16px;}
  .health41 hr {margin: 90px auto;} 
  .health41 strong.title {margin-bottom: 25px;}
  .health41 strong.title.sub-title {margin-top: 60px;}
  .health41 p.img-caption {font-size: 16px;}
  .health41 .round-border-box .box {padding: 40px 0 50px;}
  .health41 .round-border-box.add-title {padding-top: 20px;}
  .health41 .round-border-box .box-title > span {font-size: 18px; padding: 6px 35px; width: 250px;}
  .health41 .section1 .dot-list > li {font-size: 16px; padding-left: 12px;}
  .health41 .section1 .dot-list {width: 350px;}
  .health41 .section1 .round-border-box .img {margin: 50px 0 0;}
  .health41 .section3 .gray-box .bottom {padding: 55px 60px 70px;}
  .health41 .section3 .gray-box .bottom .list-desc .tit {font-size: 18px}
  .health41 .section3 .gray-box .bottom .list-desc p {font-size: 16px;}
  .health41 .references-area .name strong {font-size: 20px;}
  .health41 .references-area .name p {font-size: 16px;}
  .health41 .references-area .references {font-size: 16px;}
  .health41 .references-area .num-list > li {padding-left: 17px;}
}
@media (max-width: 768px) {
  .health41 .pc-show-edit {display: none;}
  .health41 .mob-show-edit {display: block; margin: 0 auto;}
  .health41 .flex-area > li {width: 100%;}
  .health41 .section3 .gray-box .bottom {padding: 45px 30px 70px;}
  .health41 .section3 .gray-box .bottom .list-desc p {font-size: 15px;} 
}
@media (max-width: 420px) {
  .health41 .section2 br.mob-show-edit {display: none;}
  .health41 .section3 .gray-box .bottom {padding: 45px 20px 70px;}
}



/* health42 */
.health42 {}
.health42 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto; } 
.health42 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health42 .mob-show-edit {display: none;}
.health42 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health42 .flex-area * {box-sizing: border-box;}
.health42 .section1 .border-box {border: 5px solid #eaeaea; padding: 10px 85px; box-sizing: border-box;}
.health42 .section1 .border-box .item-list > li {padding: 30px 0; position: relative;}
.health42 .section1 .border-box .item-list > li::before {content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: url('../images/detail/img-health-42-01-dot.png');}
.health42 .section1 .border-box .item-list > li:last-child::before {display: none;}
.health42 .section1 .border-box .item-list .flex-area {gap: 100px; align-items: center;}
.health42 .section1 .border-box .item-list .flex-area .flex-img {width: 150px;}
.health42 .section1 .border-box .item-list .flex-area .flex-desc {width: calc(100% - 250px); text-align: left;}
.health42 .section1 .border-box .item-list .flex-area .flex-desc .name {display: block; color: #242424; font-size: 20px; font-weight: 500;}
.health42 .section1 .border-box .item-list .flex-area .flex-desc .desc {color: #626262; font-size: 17px; margin-top: 10px;}
.health42 .section2 .card-list {padding: 0 20px;}
.health42 .section2 .card-list > li.card {margin-top: 60px;}
.health42 .section2 .card-list > li.card:first-child {margin-top: 0;}
.health42 .section2 .card-list .flex-area {align-items: flex-end;}
.health42 .section2 .card-list .flex-area .flex-img {width: 300px;}
.health42 .section2 .card-list .flex-area .flex-desc {width: calc(100% - 330px); text-align: left;}
.health42 .section2 .card-list .flex-area .flex-desc .name {display: block; color: #242424; font-size: 20px; font-weight: 500;}
.health42 .section2 .card-list .flex-area .flex-desc .desc {color: #626262; font-size: 17px; margin-top: 10px;}
.health42 .section3 strong.desc-title {display: block; font-weight: 400; color: #242424; font-size: 20px; margin-bottom: 15px; text-align: left;}

@media (max-width: 900px) {
  .health42 p.caption {font-size: 14px !important;}
  .health42 hr {margin: 90px auto;} 
  .health42 strong.title {margin-bottom: 25px;}
  .health42 strong.title.sub-title {margin-top: 60px;}
  .health42 .section1 .border-box {padding: 10px 45px;}
  .health42 .section1 .border-box .item-list .flex-area {gap: 70px;}
  .health42 .section1 .border-box .item-list .flex-area .flex-desc .name {font-size: 18px}
  .health42 .section1 .border-box .item-list .flex-area .flex-desc .desc {font-size: 16px;}
  .health42 .section2 .card-list .flex-area .flex-desc .name {font-size: 18px}
  .health42 .section2 .card-list .flex-area .flex-desc .desc {font-size: 16px;}
  .health42 .section3 strong.desc-title {font-size: 18px; text-align: center; margin-bottom: 10px;}
}
@media (max-width: 768px) {
  .health42 .pc-show-edit {display: none;}
  .health42 .mob-show-edit {display: block; margin: 0 auto;}
  .health42 .flex-area > li {width: 100%;}
  .health42 .section1 .border-box {padding: 10px 15px;}
  .health42 .section1 .border-box .item-list .flex-area {gap: 15px;}
  .health42 .section1 .border-box .item-list .flex-area .flex-img {width: 120px;}
  .health42 .section1 .border-box .item-list .flex-area .flex-desc {width: 100%;}
  .health42 .section1 .border-box .item-list .flex-area .flex-desc .name {text-align: center;}
  .health42 .section2 .card-list {padding: 0;}
  .health42 .section2 .card-list .flex-area {gap: 20px;}
  .health42 .section2 .card-list .flex-area .flex-img {width: 250px;}
  .health42 .section2 .card-list .flex-area .flex-desc {width: 100%;}
  .health42 .section2 .card-list .flex-area .flex-desc .name {text-align: center;}
}



/* health43 */
.health43 {}
.health43 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health43 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health43 .mob-show-edit {display: none;}
.health43 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health43 .flex-area * {box-sizing: border-box;}
.health43 .title.color {color: #00a5de;}
.health43 .title > span {font-weight: 400;}
.health43 .blue-box {border-radius: 15px; background-color: #f4f7fa; padding: 40px 20px;}
.health43 .dash-list > li {position: relative; padding-left: 15px; text-align: left; font-size: 17px; color: #363636}
.health43 .dash-list > li::before {content: '-'; position: absolute; left: 0; top: 0;}
.health43 .title-box-round {display:block; margin-bottom: 30px;}
.health43 .title-box-round > span {display: inline-block; background-color: #00b5ef; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 70px; border-radius: 30px;} 
.health43 .title-box {display:block; margin-bottom: 20px;}
.health43 .title-box > span {display: inline-block; background-color: #00b5ef; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 70px; border-radius: 10px;}
.health43 .border-box {border: 2px solid #eaeaea; border-radius: 15px; padding: 60px 20px;}
.health43 .box-title {display: block; color: #2a2a2a; font-size: 22px; font-weight: 500;}
.health43 .box-title.color {color: #00aceb}

.health43 .section1 .blue-box {padding: 80px 20px 30px;}
.health43 .section1 .item-list1 {gap: 60px 110px; }
.health43 .section1 .item-list1 .item-txt {margin-top: 20px;}
.health43 .section1 .item-list1 .item-txt strong {display: block; font-weight: 500; font-size: 22px; color: #00adeb;}
.health43 .section1 .item-list1 .item-txt .dash-list {margin-top: 10px; display: inline-block; }
.health43 .section1 .item-list1 .item-txt .dash-list > li {font-size: 20px; color: #626262;}
.health43 .section2 .img-box {background-color: #fff; border-radius: 15px; padding: 60px 20px 20px; margin-top: 40px;}
.health43 .section2 .img-box .caption {margin-top: 60px;}
.health43 .section3 .border-box .item-list2 {gap: 40px; flex-wrap: nowrap}
.health43 .section3 .border-box .item p {margin-top: 15px; font-size: 17px; color: #626262;}
.health43 .section5 .blue-box {padding: 80px 20px 70px;}
.health43 .section5 .blue-box .top .flex-area {align-items: center; gap: 40px;}
.health43 .section5 .blue-box .top .flex-area .top-txt {text-align: left; color: #2a2a2a;}
.health43 .section5 .blue-box .top .flex-area .top-txt strong {display: block; font-weight: 400; font-size: 22px;}
.health43 .section5 .blue-box .top .flex-area .top-txt p {font-size: 17px; margin-top: 15px;}
.health43 .section5 .blue-box .bottom {margin-top: 50px;}
.health43 .section5 .blue-box .bottom .bottom-txt {margin-top: 20px; color: #2a2a2a}
.health43 .section5 .blue-box .bottom .bottom-txt strong {display: block; font-size: 25px; font-weight: 500;}
.health43 .section5 .blue-box .bottom .bottom-txt p {font-size: 17px; color: #898989; margin-top: 10px;}
.health43 .section6 .item-list3 {margin-top: 50px; gap: 80px;}
.health43 .section6 .item-list3 .item-txt {margin-top: 15px; font-size: 20px; color: #242424;}
.health43 .section6 .border-box {padding: 60px 20px 25px;}
.health43 .section6 .border-box * {box-sizing: border-box;}
.health43 .section6 .desc-box {border-radius: 15px; background-color: #f4f7fa; padding: 30px 20px; width: 860px; max-width: 100%; margin: 60px auto 80px;}
.health43 .section6 .desc-box .desc-list {gap: 40px;}
.health43 .section6 .desc-box .desc-list > li {text-align: left; color: #626262; font-size: 17px; }
.health43 .section6 .desc-box .desc-list p + p {margin-top: 5px;} 
.health43 .section8 .blue-box {padding: 60px 40px; margin-top: 30px;}
.health43 .section8 .blue-box .item-list4 {gap: 40px; align-items: center;}
.health43 .section8 .blue-box .item-list4 .item {background-color: #fff; border-radius: 15px; padding: 40px 30px; width: calc(50% - 20px);}
.health43 .section8 .blue-box .item-list4 .item .flex-area {align-items: center;}
.health43 .section8 .blue-box .item-list4 .item .item-img {width: 90px;}
.health43 .section8 .blue-box .item-list4 .item .item-txt {width: calc(100% - 120px); text-align: left;}
.health43 .section8 .blue-box .item-list4 .item .item-txt strong {display: block; font-weight: 500; color: #00b5ef; font-size: 22px;}
.health43 .section8 .blue-box .item-list4 .item .item-txt p {color: #626262; font-size: 17px; margin-top: 10px;}

@media (max-width: 1000px) {
  .health43 .section3 .border-box .item-list2 {gap: 30px;}
  .health43 .section8 .blue-box {padding: 60px 20px;}
  .health43 .section8 .blue-box .item-list4 .item {padding: 30px 20px;}
  .health43 .section8 .blue-box .item-list4 .item .flex-area {gap: 20px;}
  .health43 .section8 .blue-box .item-list4 .item .item-img {width: 80px;}
  .health43 .section8 .blue-box .item-list4 .item .item-txt {width: calc(100% - 100px);}
  .health43 .section8 .blue-box .item-list4 .item .item-txt strong {font-size: 18px;}
  .health43 .section8 .blue-box .item-list4 .item .item-txt p {font-size: 16px;}
}
@media (max-width: 900px) {
  .health43 .caption {font-size: 16px;}
  .health43 hr {margin: 90px auto;} 
  .health43 strong.title {margin-bottom: 25px;}
  .health43 strong.title.sub-title {margin-top: 60px;}
  .health43 .box-title {font-size: 20px;}
  .health43 .dash-list > li {font-size: 16px}
  .health43 .dot-list > li {font-size: 16px}
  .health43 .title-box > span {font-size: 18px; padding: 6px 20px;}
  .health43 .title-box-round > span {font-size: 18px; padding: 6px 20px;}
  .health43 .section1 .item-list1 {gap: 50px 90px;}
  .health43 .section1 .item-list1 .item-img img {width: 130px;}
  .health43 .section1 .item-list1 .item-txt strong {font-size: 19px}
  .health43 .section1 .item-list1 .item-txt .dash-list > li {font-size: 16px;}
  .health43 .section2 .img-box .caption {font-size: 15px; text-align: center !important;}
  .health43 .section3 .border-box .item p {font-size: 16px}
  .health43 .section5 .blue-box .top .top-img {width: 140px; margin: 0 auto;}
  .health43 .section5 .blue-box .top .flex-area .top-txt strong {font-size: 18px;}
  .health43 .section5 .blue-box .top .flex-area .top-txt p {font-size: 16px;}
  .health43 .section5 .blue-box .bottom .bottom-img {width: 250px; margin: 0 auto;} 
  .health43 .section5 .blue-box .bottom .bottom-txt strong {font-size: 20px}
  .health43 .section5 .blue-box .bottom .bottom-txt p {font-size: 16px;}
  .health43 .section6 .item-list3 {gap: 40px;}
  .health43 .section6 .item-list3 > li {width: calc(25% - 40px);}
  .health43 .section6 .item-list3 .item-txt {font-size: 18px;}
  .health43 .section6 .desc-box .desc-list > li {font-size: 16px;}
  .health43 .section8 .blue-box .item-list4 .item {padding: 30px 15px;}
  .health43 .section8 .blue-box .item-list4 .item .item-txt p {font-size: 15px;}
}
@media (max-width: 768px) {
  .health43 .pc-show-edit {display: none;}
  .health43 .mob-show-edit {display: block; margin: 0 auto;}
  .health43 .flex-area > li {width: 100%;}
  .health43 .dash-list > li {padding-left: 10px;}
  .health43 .box-title {font-size: 18px}
  .health43 .blue-box {padding: 40px 15px;}
  .health43 .section1 .blue-box {padding: 50px 15px;}
  .health43 .section1 .item-list1 {gap: 40px;}
  .health43 .section1 .item-list1 .item {display: flex; justify-content: center; align-items: center; gap: 30px;}
  .health43 .section1 .item-list1 .item-img img {width: 100px;}
  .health43 .section1 .item-list1 .item-txt {width: 200px; margin-top: 0;}
  .health43 .section1 .item-list1 .item-txt strong {text-align: left; font-size: 16px;}
  .health43 .section1 .item-list1 .item-txt .dash-list {display: block; margin-top: 5px;}
  .health43 .section1 .item-list1 .item-txt .dash-list > li {font-size: 15px;}
  .health43 .section2 .blue-box {padding: 40px 15px 15px;}
  .health43 .section2 .img-box {padding: 40px 10px 20px;}
  .health43 .section2 .img-box .caption {margin-top: 40px;}
  .health43 .section3 .border-box {padding: 40px 15px;}
  .health43 .section3 .border-box .item-list2 {flex-wrap: wrap; gap: 40px;}
  .health43 .section3 .border-box .item-list2 .item-img img {width: 110px;}
  .health43 .section3 .border-box .item p > br {display: none;}
  .health43 .section5 .blue-box {padding: 50px 15px 40px;}
  .health43 .section5 .blue-box .top .flex-area {flex-wrap: nowrap; gap: 20px;}
  .health43 .section5 .blue-box .top .flex-area > li:nth-child(1) {width: 110px;}
  .health43 .section5 .blue-box .top .flex-area > li:nth-child(2) {width: 160px;}
  .health43 .section5 .blue-box .top .top-img {width: 110px;}
  .health43 .section5 .blue-box .top .flex-area .top-txt strong {font-size: 16px;}
  .health43 .section5 .blue-box .top .flex-area .top-txt p {font-size: 14px; margin-top: 5px;}
  .health43 .section5 .blue-box .bottom .bottom-img {width: 210px;}
  .health43 .section5 .blue-box .bottom .bottom-txt p {font-size: 15px;}
  .health43 .section6 .mob-left {text-align: left;}
  .health43 .section6 .border-box {padding: 50px 15px;}
  .health43 .section6 .item-list3 {gap: 30px;}
  .health43 .section6 .item-list3 > li {width: calc(50% - 20px);} 
  .health43 .section6 .item-list3 .item-img {width: 110px; margin: 0 auto;}
  .health43 .section6 .desc-box {margin-bottom: 30px;}
  .health43 .section6 .desc-box .desc-list {gap: 0;}
  .health43 .section6 .desc-box .desc-list > li {font-size: 15px; width: 100%;}
  .health43 .section6 .desc-box .desc-list > li + li, 
  .health43 .section6 .desc-box .desc-list p + p {margin-top: 7px;}
  .health43 .section6 .border-box .caption {font-size: 14px !important}
  .health43 .section8 .blue-box {padding: 50px 15px;}
  .health43 .section8 .blue-box .item-list4 {gap: 25px;}
  .health43 .section8 .blue-box .item-list4 .item {width: 100%; padding: 20px 10px;}
  .health43 .section8 .blue-box .item-list4 .item .item-txt {width: 220px; max-width: 100%;}
  .health43 .section8 .blue-box .item-list4 .item .item-img {width: 70px;}
}
@media (max-width: 430px) {
  .health43 .section1 .item-list1 .item {gap: 20px;}
  .health43 .section8 .blue-box .item-list4 .item .item-txt {width: calc(100% - 90px);}
}
@media (max-width: 360px) { 
  .health43 .section5 .blue-box .top .top-img {width: 100px;}
  .health43 .section5 .blue-box .top .flex-area .top-txt strong {font-size: 15px}
  /* .health43 .section5 .blue-box .top .flex-area .top-txt strong > br {display: none !important;} */
  .health43 .section6 .box-title > br {display: none;}
  .health43 .section6 .item-list3 .item-txt {font-size: 17px;}
  .health43 .section8 .blue-box .item-list4 > li:nth-child(2) br,
  .health43 .section8 .blue-box .item-list4 > li:nth-child(4) br {display: none;}
}



/* health44 */
.health44 {}
.health44 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.health44 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.health44 .mob-show-edit {display: none;}
.health44 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.health44 .flex-area * {box-sizing: border-box;}
.health44 .title-box-round {display:block; margin-bottom: 30px;}
.health44 .title-box-round > span {display: inline-block; background-color: #4f9a4b; color: #fff; font-size: 22px; font-weight: 400; padding: 13px 40px; border-radius: 30px;} 
.health44 .border-box {border: 2px solid #eaeaea; border-radius: 15px; padding: 70px 15px;}
.health44 .title.color {color: #1d8717;}
.health44 .sub-title {color: #1d8717; font-size: 22px; font-weight: 400; margin-bottom: 30px; line-height: 1; display: block;}
.health44 .sub-title > strong {font-weight: 500;}
.health44 .sub-title.black {color: #242424;}
.health44 .section1 .title-box-round > span {padding: 13px 100px;}
.health44 .section6 .gray-box {border-radius: 15px; background-color: #f2f2f2; padding: 60px 15px;}
.health44 .section6 .gray-box .flex-area {gap: 200px;}
.health44 .section6 .gray-box .desc {color: #242424; font-size: 22px; font-weight: 500; margin-top: 15px;}
.health44 .section7 .ivory-box {border-radius: 15px; background-color: #f7f6f0; padding: 60px 40px; margin-bottom: 30px;}
.health44 .section7 .ivory-box * {box-sizing: border-box;}
.health44 .section7 .ivory-box .flex-area {gap: 40px;}
.health44 .section7 .ivory-box .flex-area + .flex-area {margin-top: 50px;}
.health44 .section7 .ivory-box .flex-area > li {width: calc(50% - 20px);}
.health44 .section7 .ivory-box .txt-box > strong {display: block; font-size: 22px; color: #4f9a4b; font-weight: 500; margin-top: 20px;}
.health44 .section7 .ivory-box .txt-box > span {display: block; font-size: 20px; color: #626262; font-weight: 400; margin-top: 5px;}
.health44 .section7 .ivory-box .txt-box .desc-box {border: 1px solid #4f9a4b; color: #4f9a4b; display: inline-block; padding: 9px 19px; font-size: 20px; margin-top: 10px;}
.health44 .section7 .ivory-box .caption {text-align: center !important; margin-top: 50px;}
.health44 .section10 .box-area {width: 700px; margin: 0 auto; max-width: 100%;}
.health44 .section10 .box-area * {box-sizing: border-box;}
.health44 .section10 .box-area .box {border-radius: 15px; background-color: #f2f2f2; padding: 15px 15px 15px 0; }
.health44 .section10 .box-area .box + .box {margin-top: 20px;}
.health44 .section10 .box-area .box .flex-area {gap: initial; align-items: center;}
.health44 .section10 .box-area .box .box-img {width: 185px; position: relative;}
.health44 .section10 .box-area .box .box-img::before {content: ''; display: block; background-color: #d3d3d3; width: 1px; height: 90%; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.health44 .section10 .box-area .box .box-txt {width: calc(100% - 200px); text-align: left; padding-left: 30px; color: #242424; font-size: 20px; }
.health44 .section11 .big-txt {font-size: 40px; color: #242424; font-weight: 500; line-height: 1;}
.health44 .section11 .big-txt > strong {color: #00a4ff; font-weight: 500;}
.health44 .section11 .big-txt > span {display: block; font-size: 17px; font-weight: 400; margin-top: 20px;}
.health44 .section11 .img.mt30 {margin-top: 30px;}
.health44 .section12 .big-txt {font-size: 40px; color: #242424; font-weight: 500; line-height: 1;}
.health44 .section12 .big-txt .sub {font-weight: 400; color: #242424; font-size: 22px; margin-bottom: 20px;}
.health44 .section12 .big-txt > strong {color: #00a4ff; font-weight: 500;}
.health44 .section12 .big-txt > strong > em {font-size: 34px; color: inherit}
.health44 .section12 .big-txt > span {display: block; font-size: 17px; font-weight: 400; margin-top: 20px; line-height: initial; color: #626262;}

@media (max-width: 900px) {
  .health44 .caption {font-size: 16px;}
  .health44 hr {margin: 90px auto;} 
  .health44 strong.title {margin-bottom: 25px;}
  .health44 strong.title.sub-title {margin-top: 60px;}
  .health44 .title-box-round > span {font-size: 18px; padding: 6px 20px !important;}
  .health44 .border-box {padding: 45px 15px;}
  .health44 .sub-title {font-size: 18px;}
  .health44 .section1 .title-box-round > span {padding: 6px 40px !important;}
  .health44 .section6 .gray-box .flex-area {gap: 150px;}
  .health44 .section6 .gray-box .desc {font-size: 20px}
  .health44 .section7 .ivory-box img {display: block; margin: 0 auto; width: 300px;}
  .health44 .section7 .ivory-box .txt-box > strong {font-size: 18px;}
  .health44 .section7 .ivory-box .txt-box > span {font-size: 16px;}
  .health44 .section7 .ivory-box .txt-box .desc-box {font-size: 14px; padding: 5px 15px;}
  .health44 .section10 .box-area .box .box-txt {font-size: 16px;}
  .health44 .section11 .big-txt {font-size: 25px;}
  .health44 .section11 .big-txt > span {margin-top: 15px; font-size: 14px;}
  .health44 .section11 .img.mt30 > img {display: block; width: 400px; margin: 0 auto;}
  .health44 .section12 .big-txt {font-size: 25px;}
  .health44 .section12 .big-txt .sub {font-size: 20px; margin-bottom: 10px;}
  .health44 .section12 .big-txt > strong > em {font-size: 23px;}
  .health44 .section12 .big-txt > span {margin-top: 15px; font-size: 14px;}
}
@media (max-width: 768px) {
  .health44 .pc-show-edit {display: none;}
  .health44 .mob-show-edit {display: block; margin: 0 auto;}
  .health44 .flex-area > li {width: 100%;}
  .health44 .sub-title {line-height: 1.2;}
  .health44 .section6 .gray-box .flex-area {gap: 30px;}
  .health44 .section6 .gray-box .flex-area > li {width: initial;}
  .health44 .section6 .gray-box img {display: block; width: 120px; margin: 0 auto; }
  .health44 .section7 .ivory-box {padding: 50px 15px;}
  .health44 .section7 .ivory-box .flex-area {gap: 50px;}
  .health44 .section7 .ivory-box .flex-area > li {width: 100%;}
  .health44 .section9 .sub-title {margin-bottom: 10px;}
  .health44 .section10 .box-area .box .box-img {width: 90px;}
  .health44 .section10 .box-area .box .box-img img {display: block; width: 55px; margin: 0 auto;}
  .health44 .section10 .box-area .box .box-txt {width: calc(100% - 90px); padding-left: 20px;}
  .health44 .section11 .big-txt {font-size: 23px;}
  .health44 .section12 .img > img {display: block; width: 300px; margin: 0 auto;}
}
@media (max-width: 360px) {
  .health44 .section4 .title br.mob-show-edit,
  .health44 .section5 .sub-title br.mob-show-edit,
  .health44 .section12 .big-txt > span br.mob-show-edit {display: none;}
  .health44 .section6 .gray-box {padding: 50px 15px;}
  .health44 .section6 .gray-box img {width: 110px;}
  .health44 .section6 .gray-box .flex-area > li {width: calc(50% - 15px);} 
  .health44 .section6 .gray-box .desc {font-size: 16px}
}













/* absolute9 */
.absolute9 .cont-wrap .txt-box1-edit {margin-bottom: 0;}
.absolute9 .cont-wrap .txt-box1-edit .flex-img {border-bottom: 0;}
.absolute9 .cont-wrap .txt-box1-edit .flex-img:first-child {padding-bottom: 0;}
.absolute9 .cont-wrap .txt-box1-edit.type1 .flex-img {padding-bottom: 30px;}
.absolute9 .cont-wrap .flex-item.flex-last-edit {border-bottom: 0;}

@media (max-width: 900px) {
  .absolute9 .cont-wrap .txt-box1-edit {margin: 40px 0 0;}
  .absolute9 .cont-wrap .txt-box1-edit .flex-img:first-child .img {margin-bottom: 0;}
  .absolute9 .cont-wrap .txt-box1-edit.type1 .flex-img .img {margin-bottom: 20px;}
}




/* absolute10 */
.absolute10 {}
.absolute10 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.absolute10 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.absolute10 .mob-show-edit {display: none;}
.absolute10 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.absolute10 .flex-area * {box-sizing: border-box;}
.absolute10 .title.color, .absolute10 .title.color * {color: #5b85a1 !important;}
.absolute10 .title em.light {font-weight: 400 !important;}
.absolute10 .title-box-round {display:block; margin-bottom: 30px;}
.absolute10 .title-box-round > span {display: inline-block; background-color: #609ccf; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 80px; border-radius: 30px;} 
.absolute10 .border-box {border: 5px solid #eaeaea;}
.absolute10 .dash-list > li {position: relative; padding-left: 10px; text-align: left; font-size: 17px;}
.absolute10 .dash-list > li::before {content: '-'; position: absolute; left: 0; top: 0;}
.absolute10 .dash-list > li + li {margin-top: 10px;}
.absolute10 .table {border-bottom: 1px solid #c0c0c0}
.absolute10 .table + .table {margin-top: 30px;}
.absolute10 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.absolute10 .table th {padding: 19px 10px; background-color: #609ccf; color: #fff; font-weight: 400; border-left: 1px solid #fff}
.absolute10 .table td {border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; padding: 20px 15px; font-size: 17px; color: #626262; text-align: left;}
.absolute10 .table th:first-child, 
.absolute10 .table td:first-child {border-left: 0;}
.absolute10 .table thead th {font-size: 20px; line-height: 1.1;}
.absolute10 .table thead th > span {font-size: 14px;}
.absolute10 .table td.category {font-size: 20px; text-align: center; background-color: #eaf5fc; color: #242424;}
.absolute10 .table .col1 {width: 16%;}
.absolute10 .section1 .border-box {padding: 90px 15px;}
.absolute10 .section3 .border-box {padding: 60px 15px 80px;}
.absolute10 .section3 .border-box .box-item + .box-item {margin-top: 100px;}
.absolute10 .section3 .border-box .img-name {margin-top: 15px; font-size: 17px; color: #626262;}
.absolute10 .section3 .border-box .desc {margin-top: 35px; font-size: 17px; color: #242424;}
.absolute10 .section3 .border-box .desc .gray {color: #626262; display: block;}
.absolute10 .border-box .item-caption {color: #898989; font-size: 17px; margin-top: 30px;}
.absolute10 .section4 .border-box {padding: 70px 15px;}
.absolute10 .section5 .border-box {padding: 70px 15px;}
.absolute10 .section5 .border-box .box-inner {margin-top: 100px;}
.absolute10 .section5 .border-box .box-inner:first-child {margin-top: 0;}
.absolute10 .section5 .border-box .flex-area {gap: 140px;}
.absolute10 .section5 .border-box .tit {display: block; color: #609ccf; font-size: 18px; }
.absolute10 .section5 .border-box img {display: block; margin: 15px auto 0;}
.absolute10 .section5 hr {display: none;}
.absolute10 .section7 .interview {margin: 30px 20px;}
.absolute10 .section7 .interview .box {position: relative; margin-left: 20px; background-color: #ecf4f9; border-radius: 50px; padding: 60px;}
.absolute10 .section7 .interview .box::before {content: ''; width: 52px; height: 52px; background: url('../images/detail/img-absolute-10-07-bg.png') no-repeat; position: absolute; top: 0; left: -22px;}
.absolute10 .section7 .interview .box .item-list > li + li::before {content: ''; margin: 80px auto; width: 100%; height: 1px; background-color: #c5d6e1; display: block;}
.absolute10 .section7 .interview .box .top {text-align: left; display: flex; gap: 20px; align-items: center;}
.absolute10 .section7 .interview .box .top .name {color: #626262; font-size: 17px; width: calc(100% - 110px);}
.absolute10 .section7 .interview .box .top .name > strong {color: #242424; font-weight: 500;}
.absolute10 .section7 .interview .box .bottom {margin-top: 25px; text-align: left;}
.absolute10 .section7 .interview .box .bottom .desc + .desc {margin-top: 50px;}
.absolute10 .section7 .interview .box .bottom .tit {display: block; color: #242424; font-size: 20px; font-weight: 500;}
.absolute10 .section7 .interview .box .bottom p {margin-top: 20px; color: #626262; font-size: 17px;}

@media (max-width: 900px) {
  .absolute10 .caption {font-size: 16px;}
  .absolute10 hr {margin: 90px auto;} 
  .absolute10 strong.title {margin-bottom: 25px;}
  .absolute10 strong.title.sub-title {margin-top: 60px;}
  .absolute10 .table thead th {font-size: 17px; padding: 15px 10px;}
  .absolute10 .table tbody td {font-size: 15px; padding: 15px 9px;}
  .absolute10 .table td.category {font-size: 17px;}
  .absolute10 .title-box-round > span {font-size: 18px; padding: 10px 30px;}
  .absolute10 .section1 .border-box {padding: 50px 15px 30px;}
  .absolute10 .section3 .border-box {padding: 50px 15px;}
  .absolute10 .section3 .border-box .type1 .item-img img {width: 250px;}
  .absolute10 .section3 .border-box .img-name {font-size: 16px;}
  .absolute10 .section3 .border-box .desc {font-size: 16px;}
  .absolute10 .border-box .item-caption {font-size: 16px;}
  .absolute10 .section4 .border-box {padding: 50px 15px;}
  .absolute10 .section5 hr {display: block;}
  .absolute10 .section5 .border-box .box-inner {margin-top: 0;} 
  .absolute10 .section5 .border-box {padding: 50px 15px;}
  .absolute10 .section5 .border-box .tit {font-size: 17px;}
  .absolute10 .section5 .border-box .flex-area {gap: 40px;}
  .absolute10 .dash-list > li {font-size: 15px}
  .absolute10 .section7 .interview .box {padding: 60px 30px;}
  .absolute10 .section7 .interview .box .item-list > li + li::before {margin: 70px auto;}
  .absolute10 .section7 .interview .box .top .name {font-size: 16px;}
  .absolute10 .section7 .interview .box .bottom .tit {font-size: 17px;}
  .absolute10 .section7 .interview .box .bottom p {font-size: 16px; margin-top: 15px;}
  .absolute10 .section7 .interview .box .bottom .desc + .desc {margin-top: 40px;}
}
@media (max-width: 768px) {
  .absolute10 .pc-show-edit {display: none;}
  .absolute10 .mob-show-edit {display: block; margin: 0 auto;}
  .absolute10 .flex-area > li {width: 100%;}
  .absolute10 .section3 .border-box .type1 .item-img img {width: 220px;} 
  .absolute10 .section3 .border-box .type2 .item-img img {width: 480px;} 
  .absolute10 .section3 .border-box .desc {margin-top: 30px;}
  .absolute10 .section3 .border-box .box-item + .box-item {margin-top: 60px;}
  .absolute10 .section5 .border-box .item-caption {text-align: right;}
  .absolute10 .table .col1 {width: 120px;}
  .absolute10 .table td.category {font-size: 15px; text-align: left; padding: 15px;}
  .absolute10 .section7 .interview {margin: 30px 0;}
  .absolute10 .section7 .interview .box {padding: 40px 20px; border-radius: 40px;}
  .absolute10 .section7 .interview .box .item-list > li + li::before {margin: 50px auto;}
  .absolute10 .section7 .interview .box .top {gap: 15px;}
  .absolute10 .section7 .interview .box .top .picture {width: 70px;}
  .absolute10 .section7 .interview .box .top .name {width: calc(100% - 90px);}
  .absolute10 .section7 .interview .box .top .name > span {display: block; font-size: 15px;}
  
}
@media (max-width: 430px) {
  .absolute10 .section3 .border-box .type1 .desc br.mob-show-edit {display: none;}
  .absolute10 .table .col1 {width: 105px;}
  .absolute10 .section7 .interview .box {padding: 40px 15px;}
}



/* absolute11 */
.absolute11 {}
.absolute11 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.absolute11 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.absolute11 .mob-show-edit {display: none;}
.absolute11 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.absolute11 .flex-area * {box-sizing: border-box;}
.absolute11 .sub-title {display: block; color: #242424; font-size: 22px; font-weight: 500; margin: 30px auto 15px;}
.absolute11 .title-box-round {display:block; margin-bottom: 30px;}
.absolute11 .title-box-round > span {display: inline-block; background-color: #00b5ef; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 50px; border-radius: 30px;} 
.absolute11 .section4 .img {margin-bottom: 0;}
.absolute11 .section4 .round-box {background-color: #f3f3f3; padding: 60px 70px;}
.absolute11 .section4 .round-box ul > li {width: calc(25% - 25px);}
.absolute11 .section4 .round-box .name {color: #242424; font-size: 22px; font-weight: 500; margin-top: 25px;}
.absolute11 .section4 .round-box .name > span {display: block; font-weight: 400; font-size: 17px; color: #626262;}
br.mob410 {display: none}
.absolute11 .section5 .border-box {border: 2px solid #00b5ef; border-radius: 20px; padding: 60px 20px;}
.absolute11 .section5 .title-top-box {padding-top: 49px; position: relative;}
.absolute11 .section5 .title-top-box .green-title {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;}
.absolute11 .section5 .title-top-box .green-title .bg {width: 190px; position: relative; background-color: #00b5ef; color: #fff; font-size: 22px; font-weight: 500; padding: 8px; margin: 0 auto; z-index: 1;}
.absolute11 .section5 .title-top-box .green-title .bg::before {content: ''; width: 40px; height: 49px; border-radius: 10px 0 0 0; background-color: #00b5ef; transform: skew(-20deg); position: absolute; top: 0; left: -20px; z-index: 0;}
.absolute11 .section5 .title-top-box .green-title .bg::after {content: ''; width: 40px; height: 49px; border-radius: 0 10px 0 0; background-color: #00b5ef; transform: skew(-340deg); position: absolute; top: 0; right: -20px; z-index: 0;}
.absolute11 .section5 .round-list {gap: 80px; width: 830px; margin: 0 auto; max-width: 100%;}
.absolute11 .section5 .round-list > li {width: calc(25% - 60px);}
.absolute11 .section5 .round-list .name {margin-top: 15px; color: #363636; font-size: 20px}

@media (max-width: 1050px) {
  .absolute11 .section4 .round-box {padding: 60px 40px;}
  .absolute11 .section4 .round-box .name {font-size: 20px;}
}
@media (max-width: 900px) {
  .absolute11 .caption {font-size: 16px;}
  .absolute11 hr {margin: 90px auto;} 
  .absolute11 strong.title {margin-bottom: 25px;}
  .absolute11 strong.title.sub-title {margin-top: 60px;}
  .absolute11 .sub-title {font-size: 18px;}
  .absolute11 .title-box-round > span {font-size: 18px; padding: 6px 20px;}
  .absolute11 .section4 .round-box {padding: 50px 15px;}
  .absolute11 .section4 .round-box .name {font-size: 17px;}
  .absolute11 .section4 .round-box .name > span {font-size: 15px;}
  .absolute11 .section5 .title-top-box {padding-top: 42px;}
  .absolute11 .section5 .title-top-box .green-title .bg {font-size: 18px; width: 150px;}
  .absolute11 .section5 .round-list {gap: 50px;}
  .absolute11 .section5 .round-list > li {width: calc(25% - 40px);}
  .absolute11 .section5 .round-list .name {font-size: 18px;}
}
@media (max-width: 768px) {
  .absolute11 .pc-show-edit {display: none;}
  .absolute11 .mob-show-edit {display: block; margin: 0 auto;}
  .absolute11 .flex-area > li {width: 100%;}
  .absolute11 .section4 .round-box ul {gap: 40px 30px;}
  .absolute11 .section4 .round-box ul > li {width: calc(50% - 15px);} 
  .absolute11 .section4 .round-box .round {width: 130px; max-width: 100%; margin: 0 auto;}
  .absolute11 .section4 .round-box .name {margin-top: 15px;}
  .absolute11 .section4 .img .pc-show-edit {display: block;}
  .absolute11 .section4 .img .mob-show-edit {display: none;}
  .absolute11 .section5 .border-box {padding: 40px 15px;}
  .absolute11 .section5 .round-list {gap: 40px 30px;}
  .absolute11 .section5 .round-list > li {width: calc(50% - 15px);}
  .absolute11 .section5 .round-list .round {width: 100px; max-width: 100%; margin: 0 auto;}
  .absolute11 .section5 .round-list .name {font-size: 16px;}
}
@media (max-width: 700px) {
  .absolute11 .section4 .img .pc-show-edit {display: none;}
  .absolute11 .section4 .img .mob-show-edit {display: block;}
}
@media (max-width: 410px) {
  br.mob410 {display: block !important;}
}
@media (max-width: 370px) {
  .absolute11 .section2 br {display: none}
}


/* absolute12 */
.absolute12 {}
.absolute12 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.absolute12 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.absolute12 .mob-show-edit {display: none;}
.absolute12 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.absolute12 .flex-area * {box-sizing: border-box;}
.absolute12 .qna {text-align: left;}
.absolute12 .qna strong.title.color {color: #1f6aa8;}
.absolute12 .title-box-round {display:block; margin-bottom: 30px;}
.absolute12 .title-box-round > span {display: inline-block; background-color: #609ccf; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 60px; border-radius: 50px; box-sizing: border-box;} 
.absolute12 .border-box {border: 5px solid #eaeaea; padding: 80px 15px; margin-top: 30px;}
.absolute12 .border-box p.caption {text-align: center !important; margin-top: 50px;}
.absolute12 .section6 .box1 {padding-bottom: 40px;}
.absolute12 .section6 .box1 .flex-area {gap: 60px;}
.absolute12 .section6 .box1 .flex-area > li {width: calc(50% - 30px)}
.absolute12 .section6 .box1 .g-title {color: #242424; font-size: 20px; font-weight: 500; }
.absolute12 .section6 .box1 .desc {color: #898989; font-size: 17px; font-weight: 400; margin-top: 10px;} 
.absolute12 .section6 .box1 img {display: block; margin: 45px auto 0;}
.absolute12 .section7 .box2 {padding: 50px 15px;}
.absolute12 .section7 .box2 .box-title {color: #1f6aa8; font-size: 25px; font-weight: 500;}
.absolute12 .section7 .box2 .box-desc {color: #242424; font-size: 20px; font-weight: 400; margin-top: 25px;}
.absolute12 .section7 .box2 .box-desc > em {color: inherit; font-weight: 500;}
.absolute12 .section7 .box2 .flex-area {margin-top: 60px; gap: 120px;}
.absolute12 .section7 .box2 .flex-area > li {width: calc(50% - 90px);}
.absolute12 .section7 .box2 .flex-area .name {font-size: 20px; margin-top: 20px;}
.absolute12 .section8 .box3 {padding: 70px 40px;}
.absolute12 .section8 .box3 .box-tit {color: #1f6aa8; font-size: 22px; font-weight: 500; margin-bottom: 30px;}
.absolute12 .section8 .box3 .img {margin: 40px auto 0}
.absolute12 .section8 .box3 hr {margin: 60px auto;}
.absolute12 .section9 .border-box {padding: 70px 15px;}

@media (max-width: 900px) {
  .absolute12 .caption {font-size: 16px;}
  .absolute12 hr {margin: 90px auto;} 
  .absolute12 strong.title {margin-bottom: 25px;}
  .absolute12 .title-box-round > span {font-size: 18px; padding: 8px 20px; font-weight: 400;}
  .absolute12 .border-box {padding: 60px 15px;}
  .absolute12 .section6 .box1 .flex-area {gap: 40px;}
  .absolute12 .section6 .box1 .g-title {font-size: 18px;}
  .absolute12 .section6 .box1 .desc {font-size: 15px;}
  .absolute12 .section6 .box1 img {margin-top: 30px;}
  .absolute12 .section7 .box2 .flex-area {gap: 50px;}
  .absolute12 .section7 .box2 .flex-area > li {width: 100%;}
  .absolute12 .section7 .box2 .box-title {font-size: 20px;}
  .absolute12 .section7 .box2 .box-desc {font-size: 17px;}
  .absolute12 .section7 .box2 .flex-area .name {font-size: 18px;}
  .absolute12 .section8 .box3 .box-tit {font-size: 20px; margin-bottom: 15px;}
  .absolute12 .section8 .box3 .text {font-size: 15px;}
  .absolute12 .section8 .box3 .img > img {width: 400px;}
  .absolute12 .section10 .box4 img {width: 600px;}
}
@media (max-width: 768px) {
  .absolute12 .pc-show-edit {display: none;}
  .absolute12 .mob-show-edit {display: block; margin: 0 auto;}
  .absolute12 p.caption {font-size: 14px !important;}
  .absolute12 .flex-area > li {width: 100%;}
  .absolute12 .border-box {padding: 40px 15px !important;}
  .absolute12 .section6 .box1 .flex-area > li {width: 100%;}
  .absolute12 .section6 .box1 p.caption {margin-top: 30px;}
  .absolute12 .section7 .box2 .flex-area {margin-top: 40px;}
  .absolute12 .section7 .box2 .box-title {font-size: 18px;}
  .absolute12 .section7 .box2 .box-desc {font-size: 15px;}
  .absolute12 .section7 .box2 .flex-area .name {font-size: 16px;}
  .absolute12 .section8 .box3 hr {margin: 50px auto;}
  .absolute12 .section8 .box3 .img {margin-top: 30px;}
  .absolute12 .section10 .box4 img {width: 450px;}
}
@media (max-width: 470px) {
  .absolute12 .section7 .box2 .box-desc > br {display: none;}
  .absolute12 .title-box-round.type1 > span {box-sizing: border-box; width: 100%;}
}
@media (max-width: 420px) {
  .absolute12 .section8 .box3 .text > br {display: none;}
}
@media (max-width: 370px) {
  .absolute12 .section6 .box1 .g-title br.none370 {display: none;}
}












/* beauty11 */
.beauty11 {}
.beauty11 .cont-wrap .section3 .flex {gap: 45px; align-items: center; align-content: center;}
.beauty11 .cont-wrap .section3 .flex .img {margin-bottom: 0; width: 260px; padding-left: 45px;}
.beauty11 .cont-wrap .section3 .flex .txt {flex: 1; border-radius: 0 0 10px 10px; box-shadow: 9px 11px 10px rgba(0, 0, 0, 0.05); margin-right: 20px;}
.beauty11 .cont-wrap .section3 .flex .txt .title {padding: 6px 30px 7px; background-color: #098768; color: #fff; font-size: 22px;}
.beauty11 .cont-wrap .section3 .flex .txt .text {padding: 0 45px; font-size: 17px;}
.beauty11 .cont-wrap .section3 .flex .txt .text + .text {margin-bottom: 30px;}

@media (max-width: 900px) {
  .beauty11 .cont-wrap .section3 .flex {gap: 35px;}
  .beauty11 .cont-wrap .section3 .flex .img, .beauty11 .cont-wrap .section3 .flex .txt {flex: auto; width: 100%;}
  .beauty11 .cont-wrap .section3 .flex .img {height: 200px; padding-left: 0;}
  .beauty11 .cont-wrap .section3 .flex .img img {height: 200px;}
  .beauty11 .cont-wrap .section3 .flex .txt {margin-right: 0;}
  .beauty11 .cont-wrap .section3 .flex .txt .title {font-size: 19px; margin-bottom: 25px;}
  .beauty11 .cont-wrap .section3 .flex .txt .text {font-size: 16px; padding: 0 10px;}
}




/* beauty12 */
.beauty12 {}
.beauty12 .cont-wrap .title.fill {display: inline-block; padding: 7px 30px 8px; width: 400px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 25px;}
.beauty12 .sun-care {margin-top: 80px; padding: 0 60px;}
.beauty12 .sun-care > li {box-sizing: border-box; position: relative;}
.beauty12 .sun-care > li:nth-child(odd) {padding-left: 100px;}
.beauty12 .sun-care > li:nth-child(even) {padding-right: 100px;}
.beauty12 .sun-care > li + li {margin-top: 120px;}
.beauty12 .sun-care [class^="item"] {box-sizing: border-box; min-height: 280px; background-color: #e4f0f9; border-radius: 20px; padding: 60px 20px 60px 170px;}
.beauty12 .sun-care > li:nth-child(even) [class^="item"] {background-color: #00b6f0; padding: 60px 110px 60px 100px;}
.beauty12 .sun-care [class^="item"] .sun-img {position: absolute;}
.beauty12 .sun-care .item1 .sun-img {top: -20px; left: -15px;}
.beauty12 .sun-care .item2 .sun-img {top: -27px; right: 0;}
.beauty12 .sun-care .item3 .sun-img {top: -45px; left: 10px;}
.beauty12 .sun-care .item4 .sun-img {top: -35px; right: 0;}
.beauty12 .sun-care .item5 .sun-img {top: 10px; left: -20px;}
.beauty12 .sun-care .item6 .sun-img {top: -14px; right: -18px;}
.beauty12 .sun-care .item7 .sun-img {top: -41px; left: -10px;}
.beauty12 .sun-care .item8 .sun-img {top: -46px; right: -18px;}
.beauty12 .sun-care .sun-cont {text-align: left;}
.beauty12 .sun-care .sun-cont .title {font-size: 22px; margin-bottom: 20px;}
.beauty12 .sun-care > li:nth-child(even) .sun-cont .title {color: #fff;}
.beauty12 .sun-care .sun-cont .desc {font-size: 17px; color: #626262; }
.beauty12 .sun-care > li:nth-child(even) .desc {color: #fff;}
.beauty12 .sun-care .sun-cont .tag-list {margin-top: 35px; }
.beauty12 .sun-care .sun-cont .tag-list > li {display: inline-block; height: 40px; color: #fff; font-size: 17px; padding: 10px 20px; background-color: #00b6f0; border-radius: 30px; box-sizing: border-box; line-height: 1.1; }
.beauty12 .sun-care > li:nth-child(even) .sun-cont .tag-list > li {background-color: #fff; color: #0087d5;}
.beauty12 .sun-care .sun-cont .tag-list > li + li {margin-left: 10px;}
.beauty12 .section3 {margin-top: 120px;}
.beauty12 .section3 .sub-title {font-size: 22px; margin-bottom: 20px; text-align: left; font-weight: 500; color: #019fda;}
.beauty12 .section3 .sub-title > hr {border: 0; height: 8px;}
.beauty12 .section3 sup {font-size: 11px;}
.beauty12 .section3 .footnote {font-size: 15px; margin-top: 5px;}
.beauty12 .mob-in {display: none;}
.beauty12 .mob-out {display: inline-block; color: inherit; font-weight: inherit;}


@media (max-width: 1280px) {
  .beauty12 .sun-care [class^="item"] {padding: 60px 10px 60px 140px;}
  .beauty12 .sun-care > li:nth-child(even) [class^="item"] {padding: 60px 60px 60px 40px;}
  .beauty12 .sun-care .sun-cont .tag-list > li + li {margin-left: 2px;}
}

@media (max-width: 900px) {
  .beauty12 .sun-care {padding: 0; margin-top: 140px;}
  .beauty12 .sun-care > li {padding: 0 !important;}
  .beauty12 .sun-care > li + li {margin-top: 160px;}
  .beauty12 .sun-care > li:nth-child(4) {margin-top: 110px;}
  .beauty12 .sun-care [class^="item"],
  .beauty12 .sun-care > li:nth-child(even) [class^="item"] {padding: 200px 20px 50px;}
  .beauty12 .sun-care [class^="item"] .sun-img {left: 50%; transform: translateX(-50%);}
  .beauty12 .sun-care .item1 .sun-img {width: 170px; top: -80px; }
  .beauty12 .sun-care .item2 .sun-img {width: 170px; top: -93px; }
  .beauty12 .sun-care .item3 .sun-img {width: 110px; top: -105px; margin-left: -5px;}
  .beauty12 .sun-care .item4 .sun-img {width: 140px; top: -70px;}
  .beauty12 .sun-care .item5 .sun-img {width: 180px; top: -42px; margin-left: 7px;}
  .beauty12 .sun-care .item6 .sun-img {width: 160px; top: -80px; margin-left: -7px;}
  .beauty12 .sun-care .item7 .sun-img {width: 158px; top: -94px; margin-left: -3px;}
  .beauty12 .sun-care .item8 .sun-img {width: 140px; top: -111px; margin-left: -10px;}
  .beauty12 .sun-care .sun-cont {text-align: center;}
  .beauty12 .sun-care .sun-cont .title {font-size: 20px; margin-bottom: 7px;}
  .beauty12 .sun-care .sun-cont .desc {font-size: 16px;}
  .beauty12 .sun-care .sun-cont .tag-list {display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
  .beauty12 .sun-care .sun-cont .tag-list > li {font-size: 15px;}
  .beauty12 .sun-care .sun-cont .tag-list > li + li {margin-left: 0;}
  .beauty12 .section3 .sub-title {font-size: 17px;}
  .beauty12 .section3 .footnote {font-size: 14px;}
}
@media (max-width: 430px) {
  .beauty12 .mob-in {display: block;}
  .beauty12 .mob-out {display: none;}
}



/* beauty13 */
.beauty13 {}
.beauty13 .section1 {position: relative; padding-top: 25px; position: relative;}
.beauty13 .section1 .box {background-color: #f9f9f9;  border-radius: 20px; overflow: hidden; padding: 85px 0 0; position: relative; z-index: 1;}
.beauty13 .section1 .box .box-inner {padding: 0 40px;}
.beauty13 .section1 .title-top {display: block; font-size: 25px; font-weight: 500; color: #fff; box-sizing: border-box; background: #dd858d; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 332px; max-width: 100%; margin: 0 auto; height: 52px; padding: 7px 20px; z-index: 2; font-weight: 500;}
.beauty13 .section1 .title-top:before, .beauty13 .section1 .title-top:after {display: block; content: ''; position: absolute; top: 0; width: 19px; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 21px 100% !important; z-index: 1;}
.beauty13 .section1 .title-top:before {left: -19px; background-image: url('../images/detail/img-beauty-13-01-title01.png');}
.beauty13 .section1 .title-top:after {right: -19px; background-image: url('../images/detail/img-beauty-13-01-title02.png');}
.beauty13 .section1 .border-box {background-color: #fff; border: 1px solid #d3d3d3; padding: 60px 50px; border-radius: 20px;}
.beauty13 .section1 .border-box .desc {display: flex; gap: 90px;}
.beauty13 .section1 .border-box .desc > li {display: flex; gap: 20px; flex: 1; align-items: center;}
.beauty13 .section1 .border-box .desc .img {width: 69px; margin-bottom: 0;}
.beauty13 .section1 .border-box .desc .desc-txt {text-align: left; flex: 1;}
.beauty13 .section1 .border-box .desc .desc-txt > strong {display: block; font-size: 22px; color: #363636; font-weight: 400; margin-bottom: 5px;}
.beauty13 .section1 .border-box .desc .desc-txt > p {color: #626262; font-size: 17px; }
.beauty13 .section1 .title-round {display: block; width: 260px; height: 55px; max-width: 100%; background-color: #e4e4e4; border-radius: 30px; color: #363636; font-size: 22px; text-align: center; margin: 80px auto 60px; padding: 9px 15px; box-sizing: border-box;}
.beauty13 .section1 .caption {color: #626262; }
.beauty13 .section1 .box3 > ul {display: flex; gap: 80px; justify-content: center;}
.beauty13 .section1 .box3 > ul > li {width: 158px;}
.beauty13 .section1 .box3 > ul > li > span {display: block; font-size: 22px; font-weight: 400;}
.beauty13 .section1 .box3 > ul > li:nth-child(1) > span {color: #71b0b7}
.beauty13 .section1 .box3 > ul > li:nth-child(2) > span {color: #d5717a}
.beauty13 .section1 .box3 > ul > li .img {margin-bottom: 15px;}
.beauty13 .section1 .bg {margin-top: 60px; position: relative;}
.beauty13 .section1 .bg .pink {background-color: #dd858d; height: 17px;}
.beauty13 .section1 .bg .orange {background-color: #ffbf80; height: 155px;}
.beauty13 .section1 .bg .bg-img {position: absolute; bottom: 39px; left: 60px;}
.beauty13 .cont-wrap .title + .title.title.size20 {margin-top: -15px;}
.beauty13 .sub-title {display: block; color: #019fda; font-size: 25px; font-weight: 500;}
.beauty13 .sub-title-small {display: block; color: #019fda; font-size: 17px; font-weight: 500; margin-bottom: 30px;}
.beauty13 .text-title {display: block; font-size: 22px; margin-bottom: 20px; text-align: left; font-weight: 500;}
.beauty13 .cont-wrap em.caption {text-align: left !important; margin-top: 15px; color: #626262; font-size: 14px !important; font-weight: 400;}

@media (max-width: 1280px) {
  .beauty13 .section1 .border-box {padding: 60px 30px;}
  .beauty13 .section1 .border-box .desc {gap: 60px;}
  .beauty13 .section1 .bg .bg-img {position: absolute; bottom: 39px; left: 20px;}
}
@media (max-width: 900px) {
  .beauty13 .section1 {padding-top: 22px;}
  .beauty13 .section1 .box .box-inner {padding: 0 20px;}
  .beauty13 .section1 .border-box {padding: 40px 20px;}
  .beauty13 .section1 .title-top {font-size: 20px; width: 220px; height: 45px;} 
  .beauty13 .section1 .border-box .desc {flex-wrap: wrap; gap: 50px;}
  .beauty13 .section1 .border-box .desc > li {width: 100%; flex: auto;}
  .beauty13 .section1 .border-box .desc .desc-txt > strong {font-size: 19px;}
  .beauty13 .section1 .border-box .desc .desc-txt > p {font-size: 16px;}
  .beauty13 .section1 .title-round {font-size: 19px; height: 47px;}
  .beauty13 .section1 .caption {font-size: 15px !important;}
  .beauty13 .section1 .box3 > ul {gap: 30px;}
  .beauty13 .section1 .box3 > ul > li {flex: 1;}
  .beauty13 .section1 .box3 > ul > li > span {font-size: 16px;}
  .beauty13 .section1 .bg .bg-img {width: 90px; bottom: 32px; left: 5px;}
  .beauty13 .section1 .bg .pink {height: 11px;}
  .beauty13 .section1 .bg .orange {height: 112px;}
  .beauty13 .sub-title {font-size: 20px; }
  .beauty13 .sub-title-small {font-size: 16px;}
  .beauty13 .text-title {font-size: 17px;}
}
@media (max-width: 460px) {
  .beauty13 .section1 .bg .bg-img {width: 60px;}
  .beauty13 .section1 .bg .pink {height: 8px;}
  .beauty13 .section1 .bg .orange {height: 85px;}
}
@media (max-width: 380px) {
  .beauty13 .section1 .border-box .desc > li {flex-wrap: wrap; gap: 10px;}
  .beauty13 .section1 .border-box .desc .img {width: 100%;}
}


/* beauty14 */
.beauty14 {}
.beauty14 .section1 {box-sizing: border-box; position: relative; padding: 28px 25px 53px; width: 100%; margin-bottom: 40px;}
.beauty14 .section1 * {box-sizing: border-box;}
.beauty14 .section1 .bg {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.beauty14 .section1 .img {position: relative; z-index: 1; margin-bottom: 0;}
.beauty14 .section2 {box-sizing: border-box; position: relative; padding: 35px 25px 57px; width: 100%; margin-bottom: 40px;}
.beauty14 .section2 * {box-sizing: border-box;}
.beauty14 .section2 .bg {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.beauty14 .section2 .img {position: relative; z-index: 1; margin-bottom: 0;}

@media (max-width: 900px) {
  .beauty14 .section1 {overflow: hidden; padding: 25px 15px 40px;}
  .beauty14 .section1 .bg {width: auto; height: 100%; max-width: initial !important; left: -120%;}
  .beauty14 .section1 .img  {width: 300px; max-width: 100%; margin: 0 auto;}
  .beauty14 .section2 {overflow: hidden; padding: 25px 15px 40px;}
  .beauty14 .section2 .bg {width: auto; height: 100%; max-width: initial !important; left: -50%;}
  .beauty14 .section2 .img  {width: 400px; max-width: 100%; margin: 0 auto;}
  .beauty14 .section3 .pc-show-ib {display: block;}
  .beauty14 .section3 .mob-show-ib {display: none;}
}
@media (max-width: 640px) {
  .beauty14 .section3 .pc-show-ib {display: none;}
  .beauty14 .section3 .mob-show-ib {display: inline-block;}
}


/* beauty15 */
.beauty15 {}
.beauty15 .cont-wrap .title.fill {display: inline-block; padding: 11px 30px; width: 460px; max-width: 100%; color: #fff; background-color: #00b6f0; border-radius: 25px; font-size: 20px; font-weight: 400;}
.beauty15 .caption {text-align: right; margin-top: 50px;}
.beauty15 .section3 {margin-top: 20px;}
.beauty15 .section3 > ul {width: 720px; margin: 0 auto; max-width: 100%;}
.beauty15 .section3 .item {display: flex; align-items: center; gap: 40px; margin-bottom: 30px;}
.beauty15 .section3 .item .img {margin-bottom: 0;}
.beauty15 .section3 .item .desc {flex: 1; text-align: left;}
.beauty15 .caption + .img.bottom {margin-top: 120px;}
.beauty15 .section4 .img {margin-bottom: 20px;}
.beauty15 .section4 .color-title {color: #019fda; font-size: 22px; font-weight: 400; display: block; margin-bottom: 15px;}
.beauty15 .section4 .price .i-won + .i-pv {margin-left: 15px; margin-top: 0;}
.beauty15 .section4 .price .name {display: inline-block; font-size: 20px; vertical-align: middle; margin-right: 10px; line-height: 1.7;}
.beauty15 .section4 .price .i-won, 
.beauty15 .section4 .price .i-pv {display: inline-block; vertical-align: middle;}
.beauty15 .section4 .price + .text {margin-top: 20px;}

@media (max-width: 900px) {
  .beauty15 .cont-wrap .title.fill {font-size: 18px; padding: 10px;}
  .beauty15 .caption {font-size: 15px !important; margin-top: 30px;}
  .beauty15 .section4 .color-title {font-size: 19px; margin-bottom: 8px;}
  .beauty15 .section4 .price + .text {margin-top: 10px;}
}

@media (max-width: 768px) {
  .beauty15 .br-pc {display: none;}
  .beauty15 .section3 {margin-top: 10px;}
  .beauty15 .section3 .item {flex-wrap: wrap; gap: 20px}
  .beauty15 .section3 .item .img {flex: auto; width: 100%; }
  .beauty15 .section3 .item .desc {flex: auto; width: 100%; text-align: center;}
  .beauty15 .caption + .img.bottom {margin-top: 70px;}
  .beauty15 .section4 .price .name {font-size: 16px;}
  .beauty15 .section4 .price .i-won + .i-pv {margin-left: 5px;}
  .beauty15 .section4 .price .i-won, .beauty15 .section4 .price .i-pv {padding-left: 23px; font-size: 15px;}
  .beauty15 .section4 .price .i-won::before, .beauty15 .section4 .price .i-pv::before {width: 19px; height: 19px; background-size: contain; top: 3px;}
}

/* beauty16 */
.beauty16 {}
.beauty16 .sub-title {font-size: 20px;  text-align: left; margin: 20px auto;}
.beauty16 .sub-title.blue {color: #019fda;}
.beauty16 .sub-title.pink {color: #f1538d;}
.beauty16 .sub-title.green {color: #01afbc;}
.beauty16 .card-list {display: flex; gap: 40px; justify-content: center; margin: 60px 0;}
.beauty16 .card-list .card {flex: 1; border: 1px solid #c0c0c0; display: flex; padding: 25px; gap: 30px; align-items: center; max-width: 100%; box-sizing: border-box; min-height: 280px;}
.beauty16 .card-list .card.one {flex: initial; width: 480px;}
.beauty16 .card-list .card .img {margin-bottom: 0; flex: 1;}
.beauty16 .card-list .card .desc {flex: 1; text-align: left;}
.beauty16 .card-list .card .desc .name {display: block; font-size: 20px; font-weight: 400; color: #019fda; margin-bottom: 15px;}
.beauty16 .card-list .card .desc .price .text {display: block;}
.beauty16 .card-list .card .desc .price .text + .text {margin-top: 3px;}
.beauty16 .card-list .card .desc .tag {margin-top: 10px;}
.beauty16 .card-list .card .desc .tag > span {display: block; color: #626262; font-size: 16px;}
.beauty16 .card-list .card.card3 {width: 610px;}
.beauty16 .card-list .card.card4 .desc {flex: 1.4;}

@media (max-width: 1050px) {
  .beauty16 .card-list {gap: 20px;}
  .beauty16 .card-list .card {gap: 20px; padding: 25px 15px;}
  .beauty16 .card-list .card .desc .name {font-size: 18px;}
  .beauty16 .card-list .card .desc .price .text {font-size: 15px;}
  .beauty16 .card-list .card .desc .tag > span {font-size: 15px;}
  .beauty16 .card-list .text.i-won:before, 
  .beauty16 .card-list .text.i-pv:before {width: 20px; height: 20px; top:3px; background-size: contain; padding-left: 26px;}
}
@media (max-width: 900px) {
  .beauty16 .sub-title {font-size: 18px;}
  .beauty16 .face {margin-bottom: 30px;}
  .beauty16 .face > img {height: 230px;}
  .beauty16 .card-list {margin: 40px 0 50px;}
  .beauty16 .card-list .card {flex-wrap: wrap; justify-content: center;}
  .beauty16 .card-list .card .img {flex: initial !important; width: 100%;}
  .beauty16 .card-list .card .desc {flex: initial !important; display: inline-block; }
  .beauty16 .card-list .card .desc .name {margin-bottom: 10px;}
  .beauty16 .card-list .card .desc .name > br {display: none;}
  .beauty16 .card-list .card .desc .price .text + .text {margin-top: 0;}
  .beauty16 .card-list .card.one {width: 350px !important;}
}
@media (max-width: 560px) {
  .beauty16 .card-list {flex-wrap: wrap;}
  .beauty16 .card-list .card {flex: initial; width: 100%;}
  .beauty16 .card-list .card.one {width: 100% !important;}
}


/* beauty17 */
.beauty17 {}
.beauty17 .title.color {color: #df495f;}
.beauty17 .title.color > em {display: inline-block; color: #df495f;}
.beauty17 .title.color > em + em {margin-left: 15px;}
.beauty17 .section1 {margin: 60px 0;}
.beauty17 .section1 * {box-sizing: border-box;}
.beauty17 .section1 > ul {display: flex; gap: 75px; justify-content: center;}
.beauty17 .section1 > ul > li {width: 205px;}
.beauty17 .section1 .img {margin-bottom: 20px;}
.beauty17 .section1 p {font-size: 17px;}
.beauty17 .section1 .name {display: inline-block; font-size: 20px; color: #df495f;}
.beauty17 .box {background-color: #f7edef; padding: 60px; box-sizing: border-box;}
.beauty17 .box * {box-sizing: border-box;}
.beauty17 .box .title {text-align: center;}
.beauty17 .section2 .review-area .item {display: flex; gap: 30px; align-items: center;} 
.beauty17 .section2 .review-area .item + .item {margin-top: 60px;}
.beauty17 .section2 .review-area > li:nth-child(even) {flex-direction: row-reverse;}
.beauty17 .section2 .review-area .item .img {width: 180px; margin-bottom: 0;}
.beauty17 .section2 .review-area .item .review {flex: 1; background-color: #fff; border: 2px solid #df495f; border-radius: 30px; position: relative; padding: 30px;}
.beauty17 .section2 .review-area .item .review .icon-arr {display: block; position: absolute; top:50%; left: -20px; margin-top: -13px;}
.beauty17 .section2 .review-area > li:nth-child(even) .review .icon-arr {left: initial; right: -20px; transform: rotate(180deg);}
.beauty17 .section2 .review-area .item .name {display: block; font-size: 22px; color: #df495f; font-weight: 500; margin-bottom: 10px;}
.beauty17 .section2 .review-area .item .desc em {color: #df495f; font-weight: 400;}
.beauty17 .section2 .review-area .item .desc .br-mob {display: none;}
.beauty17 .section3 * {box-sizing: border-box;}
.beauty17 .section3 .sub-title {display: block; color: #626262; text-align: right; margin-bottom: 20px;}
.beauty17 .section3 .graph {margin-bottom: 60px;}
.beauty17 .section3 .graph > li {display: flex; gap: 40px; align-items: center;} 
.beauty17 .section3 .graph > li + li {margin-top: 20px;} 
.beauty17 .section3 .graph .bar {flex: 1; overflow: hidden; border-radius: 30px; background-color: #dbcacc; padding: 10px 25px; position: relative;}
.beauty17 .section3 .graph .bar .color {position: absolute; top: 0; left: 0; width: 100%; background-color: #df495f; height: 100%;}
.beauty17 .section3 .graph > li:nth-child(1) .bar .color {width: 88.4%;}
.beauty17 .section3 .graph .bar span {color: #fff; font-size: 20px; display: block; position: relative; z-index: 2;} 
.beauty17 .section3 .graph .num {width: 120px; text-align: right; color: #df495f; font-size: 28px; font-weight: 500;}
.beauty17 .section3 .desc {text-align: right; font-size: 14px;}
.beauty17 .section3 .desc em {display: block; color: #242424; margin-bottom: 15px; }
.beauty17 .flower {display: flex; gap: 60px; justify-content: center;}
.beauty17 .flower * {box-sizing: border-box;}
.beauty17 .flower .item {width: 260px;}
.beauty17 .flower .item .img {margin-bottom: 20px;}
.beauty17 .flower .item .name {border: 1px solid #df495f; border-radius: 30px; font-size: 20px; color: #df495f; padding: 9px 15px; margin-bottom: 15px;}

@media (max-width: 900px) {
  .beauty17 .section1 > ul {gap: 30px;}
  .beauty17 .section1 .img {margin: 0 auto 20px;}
  .beauty17 .section1 .name {font-size: 18px;}
  .beauty17 .box {padding: 60px 20px;}
  .beauty17 .section2 .review-area .item .review {padding: 30px 20px;}
  .beauty17 .section2 .review-area .item .name {font-size: 18px;}
  .beauty17 .section2 .review-area .item .desc .br-pc {display: none;}
  .beauty17 .section3 .graph .bar span {font-size: 17px;}
  .beauty17 .section3 .graph .num {font-size: 20px; width: 90px;}
  .beauty17 .section3 .desc {font-size: 12px;}
  .beauty17 .flower {gap: 40px;}
  .beauty17 .flower .item .name {font-size: 17px;}
}
@media (max-width: 768px) {
  .beauty17 .section1 > ul {flex-wrap: wrap; gap: 80px}
  .beauty17 .section1 > ul > li {flex: auto; width: 100%;}
  .beauty17 .section1 .img > img {padding-left: 50px; display: block; margin: 0 auto; height: 250px;}
  .beauty17 .section2 .review-area .item {flex-wrap: wrap; }
  .beauty17 .section2 .review-area .item .img {width: 100%; text-align: center;}
  .beauty17 .section2 .review-area .item .img img {width: 150px;}
  .beauty17 .section2 .review-area .item .review {text-align: center; padding: 30px 15px;}
  .beauty17 .section2 .review-area .item .review .icon-arr {top: -23px; left: 50% !important; margin-top: 0; margin-left: -13px; transform: rotate(90deg) !important;}
  .beauty17 .section2 .review-area > li:nth-child(even) .review .icon-arr {right: initial}
  .beauty17 .section2 .review-area .item .desc .br-pc {display: block;} 
  .beauty17 .section2 .review-area .item .desc .br-mob {display: block;}
  .beauty17 .section3 .graph {margin-bottom: 40px;}
  .beauty17 .section3 .graph > li {gap: 20px;}
  .beauty17 .section3 .graph > li + li {margin-top: 15px;}
  .beauty17 .section3 .sub-title {font-size: 15px;}
  .beauty17 .section3 .graph .bar {padding: 10px 14px;}
  .beauty17 .section3 .graph .bar span {font-size: 15px;}
  .beauty17 .section3 .graph .num {font-size: 18px; width: 70px;}
  .beauty17 .flower {flex-wrap: wrap; gap: 50px;}
  .beauty17 .flower .item {width: 100%;}
  .beauty17 .flower .item .name {width: 270px; margin: 0 auto 15px; max-width: 100%;}
}
@media (max-width: 500px) {
  .beauty17 .section1 .name {display: block;}
  .beauty17 .section2 .review-area .item .desc .br-pc {display: none;} 
  .beauty17 .section3 .graph > li {gap: 15px;}
  .beauty17 .section3 .graph .num {font-size: 16px; width: 60px;}
  .beauty17 .section3 .graph .bar span {font-size: 14px;}
}


/* beauty18 */
.beauty18 {}
.beauty18 .box-red {border: 3px solid #dc485d; border-radius: 20px; margin-top: 65px; padding: 30px 20px 0;}
.beauty18 .round-title {background-color: #dc485d; color: #fff; font-size: 25px; padding: 7px 15px; border-radius: 30px; box-sizing: border-box; max-width: 100%;}
.beauty18 .section1 .round-title {width: 500px; margin: 0 auto 100px;}
.beauty18 .section1 ul > li:first-child .img {margin-bottom: 120px;}
.beauty18 .section2.box-red {padding: 30px 40px 55px;}
.beauty18 .section2 .round-title {width: 500px; margin: 0 auto 60px;}
.beauty18 .section2 ul {display: flex; gap: 50px; flex-wrap: wrap;}
.beauty18 .section2 ul > li {flex: 1;}
.beauty18 .section2 p {font-size: 17px; color: #626262; text-align: left;}
.beauty18 .box-caption {text-align: right; font-size: 17px; color: #626262; margin-top: 17px;}
.beauty18 .section3 .round-title {width: 500px; margin: 0 auto 60px;}
.beauty18 .section3 .product > li {margin-bottom: 50px; display: flex; flex-wrap: wrap; gap: 30px; align-items: flex-end;}
.beauty18 .section3 .product > li > div {flex: 1;}
.beauty18 .section3 .product > li:nth-child(even) {flex-direction: row-reverse;}
.beauty18 .section3 .product .img {margin-bottom: 0;}
.beauty18 .section3 .product .desc {text-align: left;}
.beauty18 .section3 .product .desc .name {color: #dc485d; font-size: 25px; display: block; font-weight: 400; margin-bottom: 30px; line-height: 1.2;}
.beauty18 .section3 .product .desc .price + .price {margin-top: 5px;}
.beauty18 .section3 .product .desc .text.i-pv {margin-left: 15px;}
.beauty18 .section3 .product .desc .price .item {font-size: 17px; display: inline-block; box-sizing: border-box; width: 100px; margin-right: 5px;}
.beauty18 .section3 .product .desc p {color: #626262; font-size: 17px; margin-top: 10px;}

@media (max-width: 900px) {
  .beauty18 .box-red {padding: 0; border: 0;}
  .beauty18 .round-title {font-size: 20px; padding: 7px 5px;}
  .beauty18 .section1 .round-title {margin-bottom: 40px; width: 300px;}
  .beauty18 .section1 .img {margin: 0;}
  .beauty18 .section1 ul > li:first-child .img {margin-bottom: 70px;}
  .beauty18 .section2.box-red {padding: 0;} 
  .beauty18 .section2 .round-title {margin-bottom: 40px; width: 300px;}
  .beauty18 .section2 ul {margin-bottom: 30px;}
  .beauty18 .section2 .img {margin-bottom: 20px;}
  .beauty18 .section2 p {font-size: 16px;}
  .beauty18 .box-caption {font-size: 15px; color: #898989; margin-top: 40px;}
  .beauty18 .section3 .round-title {margin-bottom: 25px; width: 320px;}
  .beauty18 .section3 .product .desc .name {font-size: 20px;}
  .beauty18 .section3 .product .desc .price .item {font-size: 16px;}
  .beauty18 .section3 .product .desc p {font-size: 16px;}
}
@media (max-width: 768px) {
  .beauty18 .section2 ul > li {flex: auto; width: 100%;}
  .beauty18 .section3 .product > li {gap: 20px} 
  .beauty18 .section3 .product > li > div {flex: auto; width: 100%;}
  .beauty18 .section3 .product .desc .name {margin-bottom: 10px;}
  .beauty18 .section3 .product .desc .name br {display: none;}
}
@media (max-width: 370px) {
  .beauty18 .section3 .product .desc .price .item {width: 100%;}
  .beauty18 .section3 .product .desc .price + .price {margin-top: 10px;}
}



/* beauty19 */
.beauty19 {}
.beauty19 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.beauty19 .br-mob {display: none;}
.beauty19 .table {}
.beauty19 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.beauty19 .table thead th {background-color: #00b6f0; color: #fff; font-size: 20px; font-weight: 400; padding: 10px 3px;}
.beauty19 .table thead th + th {border-left: 1px solid #fff}
.beauty19 .table tbody td {border-bottom:  1px solid #c0c0c0;}
.beauty19 .table tbody td + td {border-left: 1px solid #c0c0c0; padding: 10px 3px;}
.beauty19 .mob-show-edit {display: none;}
.beauty19 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.beauty19 .section1 .table {width: 600px; margin: 0 auto; max-width: 100%;}
.beauty19 .section1 .table colgroup > col:first-child {width: 33%}
.beauty19 .section1 .table tbody td {font-size: 20px; color: #626262;}
.beauty19 .section1 .table tbody tr > td:first-child {font-weight: 500; color: #242424;}
.beauty19 .section1 .table .blue td {font-weight: 500; background-color: #eaf5fc; color: #242424;}
.beauty19 .section2 .img ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.beauty19 .section2 .img ul > li:nth-child(1) {width: 60%;}
.beauty19 .section2 .img ul > li:nth-child(2) {width: 36%;}
.beauty19 .section3 .product * {box-sizing: border-box;}
.beauty19 .section3 .product > li {display: flex; flex-wrap: wrap; align-items: flex-end;}
.beauty19 .section3 .product > li > div {width: 50%;}
.beauty19 .section3 .product > li:nth-child(even) {flex-direction: row-reverse;}
.beauty19 .section3 .product > li:nth-child(even) .desc {padding-left: 0; padding-right: 30px;}
.beauty19 .section3 .product .img {margin-bottom: 0;}
.beauty19 .section3 .product .desc {text-align: left; padding-bottom: 30px; padding-left: 30px; }
.beauty19 .section3 .product .desc .name {color: #00a5de; font-size: 25px; display: block; font-weight: 400; margin-bottom: 30px; line-height: 1.2;}
.beauty19 .section3 .product .desc .price + .price {margin-top: 5px;}
.beauty19 .section3 .product .desc .text.i-pv {margin-left: 15px;}
.beauty19 .section3 .product .desc .price .item {font-size: 17px; display: inline-block; box-sizing: border-box; width: 100px; margin-right: 5px;}
.beauty19 .section3 .product .desc p {color: #626262; font-size: 17px; margin-top: 10px;}
.beauty19 .table-type2 col.category {width: 140px;}
.beauty19 .table.table-type2 tbody td {font-size: 17px; color: #242424; text-align: left; padding: 10px 18px; letter-spacing: -1px;}
.beauty19 .table.table-type2 tbody .blue {background-color: #eaf5fc; font-size: 20px; padding: 25px 3px; text-align: center;}
.beauty19 .table.table-mob {display: none;}
.beauty19 .section5 .caption.mob {display: none;}
@media (max-width: 900px) {
  .beauty19 .table thead th {font-size: 17px}
  .beauty19 .section1 .table tbody td {font-size: 16px}
  .beauty19 hr {margin: 70px auto;} 
  .beauty19 .section3 .product .desc .name {font-size: 20px;}
  .beauty19 .section3 .product .desc .price .item {font-size: 16px;}
  .beauty19 .section3 .product .desc p {font-size: 16px;}
  .beauty19 .section3 .product .desc p br {display: none;}
  .beauty19 .table-type2 col.category {width: 90px;}
  .beauty19 .table.table-type2 tbody .blue {font-size: 17px;}
  .beauty19 .table.table-type2 tbody td {font-size: 15px; padding: 10px 15px;}
}
@media (max-width: 768px) {
  .beauty19 .br-mob {display: block;} 
  .beauty19 .section3 .product > li {gap: 20px} 
  .beauty19 .section3 .product > li + li {margin-top: 50px;}
  .beauty19 .section3 .product > li > div {width: 500px; margin: 0 auto; max-width: 100%;}
  .beauty19 .section3 .product .desc .name {margin-bottom: 10px;}
  .beauty19 .section3 .product .desc {padding: 0 !important;}
  .beauty19 .table.table-pc {display: none;}
  .beauty19 .table.table-mob {display: block;}
  .beauty19 .table.table-mob + .table-mob {margin-top: 40px;}
  .beauty19 .table.table-type2 tbody .blue {font-size: 16px}
  .beauty19 .table ul > li + li {margin-top: 10px;} 
  .beauty19 .section5 .caption.mob {display: block;}
}
@media (max-width: 660px) {
  .beauty19 .pc-show-edit {display: none;}
  .beauty19 .mob-show-edit {display: block; margin: 0 auto;} 
  .beauty19 .section2 .img ul {gap: 20px;}
  .beauty19 .section2 .img ul > li {width: 100% !important; }
}
@media (max-width: 380px) {
  .beauty19 .section2 .br-mob {display: none;} 
  .beauty19 .section3 .product .desc .price .item {width: 100%;}
  .beauty19 .section3 .product .desc .price + .price {margin-top: 10px;}
  .beauty19 .table-type2 col.category {width: 80px;}
}


/* beauty20 */
.beauty20 {}
.beauty20 .mob-show-edit {display: none;}
.beauty20 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.beauty20 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.beauty20 .sub-title {color: #242424; font-size: 22px; margin-bottom: 5px;}
.beauty20 .img-group {margin: 50px auto 55px;}
.beauty20 .img-group .img-flex {display: flex; justify-content: center; align-items: flex-start; margin-top: 70px;}
.beauty20 .img-group .img-flex > li {width: 300px;}
.beauty20 .img-group .img-flex .desc {font-size: 22px; color: #242424; margin-top: 10px;}
.beauty20 .title-box {position: relative; padding-top: 25px; }
.beauty20 .round-title {position: absolute; top: 0; left: 0; width: 100%;}
.beauty20 .round-title .round {display: inline-block; background-color: #55911f; color: #fff; font-size: 20px; font-weight: 500; padding: 8px 57px; border-radius: 30px;}
.beauty20 .title-box .box {background-color: #f2f8ed; border-radius: 15px; padding: 55px 30px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 30px;}
.beauty20 .title-box .box .img-area {width: 43%;}
.beauty20 .title-box .box .desc-area {width: calc(56% - 30px);}
.beauty20 .title-box .box .desc-area .text {color: #626262; margin: 25px auto;}
.beauty20 .table {border: 1px solid #00adeb;}
.beauty20 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.beauty20 .table th, .beauty20 .table td {border-top: 1px solid #00adeb; border-left: 1px solid #00adeb; padding: 15px 5px;}
.beauty20 .table th {color: #00b6f0; font-weight: 400; background-color: #f1f9ff; border-top: 0;}
.beauty20 .table thead th {font-size: 18px; line-height: 1.1;}
.beauty20 .table thead th > span {font-size: 14px;}
.beauty20 .table th.category {font-size: 18px;}
.beauty20 .table th:first-child,
.beauty20 .table td:first-child {border-left: 0;}
.beauty20 .table td {font-size: 16px; color: #626262; text-align: center;}
.beauty20 .table .col1 {width: 80px;}
.beauty20 .table .category {color: #242424;}

@media (max-width: 900px) {
  .beauty20 .caption {font-size: 16px;}
  .beauty20 hr {margin: 90px auto;} 
  .beauty20 .sub-title {font-size: 16px;}
  .beauty20 .img-group {margin: 40px auto 45px;}
  .beauty20 .img-group .top-img {width: 270px; margin: 0 auto;}
  .beauty20 .img-group .img-flex {margin-top: 50px;}
  .beauty20 .img-group .img-flex > li {width: 235px;}
  .beauty20 .img-group .img-flex img {display: block; width: 120px; margin: 0 auto;}
  .beauty20 .img-group .img-flex .desc {font-size: 17px;}
  .beauty20 .title-box {padding-top: 20px;}
  .beauty20 .round-title .round {font-size: 18px; padding: 6px 45px;}
  .beauty20 .title-box .box .desc-area .text {margin: 0 auto;}
  .beauty20 .table thead th {font-size: 17px}
  .beauty20 .table td {font-size: 16px}
  .beauty20 .table + .table {margin-top: 50px;}
  .beauty20 .table .col1 {width: 75px;}
}
@media (max-width: 768px) {
  .beauty20 .pc-show-edit {display: none;}
  .beauty20 .mob-show-edit {display: block; margin: 0 auto;}
  .beauty20 .img-group .top-img {width: 390px; max-width: 100%;}
  .beauty20 .round-title .round {padding: 7px 45px;}
  .beauty20 .title-box .box {padding: 50px 15px 30px;}
  .beauty20 .title-box .box > li {width: 100% !important;}
}
@media (max-width: 460px) {
  .beauty20 .img-group .img-flex {flex-wrap: wrap; gap: 25px;}
  .beauty20 .img-group .img-flex > li {width: 100%;}
  .beauty20 .img-group .img-flex .desc br.br-mob {display: none;}
}



/* beauty21 */
.beauty21 {}
.beauty21 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.beauty21 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.beauty21 .mob-show-edit {display: none;}
.beauty21 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
.beauty21 .flex-area * {box-sizing: border-box;}
.beauty21 strong.title > span {font-weight: 400;}
.beauty21 .section1 .flex-area.type2 {gap: 50px 70px; width: 680px; margin: 0 auto; max-width: 100%;}
.beauty21 .section1 .flex-area.type2 > li {width: 175px;}
.beauty21 .section1 .flex-area.type2 > li p {font-size: 18px; color: #242424; margin-top: 20px;}
.beauty21 .img-group {margin: 50px auto 55px;}
.beauty21 .img-group .img-flex {display: flex; justify-content: center; align-items: flex-start; margin-top: 50px; gap: 100px;}
.beauty21 .img-group .img-flex .desc {font-size: 22px; color: #242424; margin-top: 10px;}
.beauty21 .section3 .gray-box {background-color: #eeede9; padding: 100px 15px 85px;}
.beauty21 .section3 .gray-box .flex-area {gap: 70px;}
.beauty21 .section3 .gray-box .card {border: 2px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: 3px 3px 10px rgba(172, 164, 151, .28)}
.beauty21 .section3 .gray-box .card .top {padding: 50px 35px 40px; background-color: #eeede9;}
.beauty21 .section3 .gray-box .card .bottom {background-color: #fff; padding: 25px; height: 100px; display: flex; justify-content: center; align-items: center;}
.beauty21 .section3 .gray-box .card .bottom p {font-size: 17px; color: #626262;}
.beauty21 .section3 .gray-box .name {font-size: 22px; color: #6c5a35; margin-top: 20px;}
.beauty21 .section4 .bar-list * {box-sizing: border-box;}
.beauty21 .section4 .bar-list > li {display: flex; flex-wrap: wrap; gap: 50px; align-items: center;}
.beauty21 .section4 .bar-list > li + li {margin-top: 50px;}
.beauty21 .section4 .bar-list .left-bar {width: 200px;}
.beauty21 .section4 .bar-list .desc {width: calc(100% - 250px); text-align: left;}
.beauty21 .section4 .bar-list .desc .name {font-size: 22px; color: #507dc0; }
.beauty21 .section4 .bar-list .desc .name > * {color: inherit}
.beauty21 .section4 .bar-list > li:nth-child(2) .desc .name {color: #b37939}
.beauty21 .section4 .bar-list > li:nth-child(3) .desc .name {color: #8198a0}
.beauty21 .section4 .bar-list .desc-text {font-size: 17px; color: #626262; margin-top: 15px;}
.beauty21 .section4 .bar-list .desc2 {margin-top: 20px;}
.beauty21 .section4 .bar-list .desc2 > strong {display: block; font-size: 22px; color: #242424; font-weight: 400; }
.beauty21 .flex-area.img2-type p {margin-top: 15px;}
.beauty21 .flex-area.img2-type p > strong {display: block; color: #242424; font-size: 22px; font-weight: 400;}
.beauty21 .flex-area.img2-type p > span {display: block; font-size: 17px; color: #626262; margin-top: 10px;}
.beauty21 .section8 .blue-box {background-color: #e2f4fa; padding: 65px 15px; border-radius: 15px;} 
.beauty21 .section8 .blue-box .flex-area {gap: 70px;}
.beauty21 .section8 .blue-box .flex-area p {margin-top: 20px; color: #429ebb; font-size: 17px; }
.beauty21 .section8 .blue-box .round {width: 130px; height: 130px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.beauty21 .section9 .flex-area {gap: 150px; align-items: flex-end;}
.beauty21 .section9 .flex-area .desc-box {overflow: hidden; border-radius: 15px;}
.beauty21 .section9 .flex-area .desc-box .top {background-color: #00b5ef; color: #fff; padding: 10px 15px;}
.beauty21 .section9 .flex-area .desc-box .top span {font-size: 20px;}
.beauty21 .section9 .flex-area .desc-box .bottom {background-color: #f4f4f4; padding: 16px 15px;}
.beauty21 .section9 .flex-area .desc-box .bottom ul {margin: 0 auto; text-align: left; display: inline-block;}
.beauty21 .section9 .flex-area .desc-box .bottom ul > li {font-size: 17px; color: #626262}
.beauty21 .section9 .flex-area .desc-box .bottom ul > li + li {margin-top: 3px;}

@media (max-width: 930px) {
  .beauty21 .flex-area.img2-type > li {width: calc(50% - 25px);}
}
@media (max-width: 900px) {
  .beauty21 .caption {font-size: 16px;}
  .beauty21 hr {margin: 90px auto;} 
  .beauty21 .section1 .flex-area.type1 {flex-wrap: nowrap; gap: 15px;}
  .beauty21 .section1 .flex-area.type2 {gap: 40px;}
  .beauty21 .section1 .flex-area.type2 > li p {font-size: 17px; margin-top: 15px;}
  .beauty21 .img-group {margin: 40px auto 45px;}
  .beauty21 .img-group .img-flex img {display: block; width: 120px; margin: 0 auto;}
  .beauty21 .img-group .img-flex .desc {font-size: 17px;}
  .beauty21 .section3 .gray-box {padding: 60px 15px 45px;}
  .beauty21 .section3 .gray-box .flex-area {gap: 30px;}
  .beauty21 .section3 .gray-box .card .top {padding: 40px 15px;}
  .beauty21 .section3 .gray-box .card .top img {display: block; margin: 0 auto; width: 120px;}
  .beauty21 .section3 .gray-box .card .bottom {padding: 15px; height: 80px;}
  .beauty21 .section3 .gray-box .card .bottom p {font-size: 16px;}
  .beauty21 .section3 .gray-box .name {font-size: 18px;}
  .beauty21 .section4 .bar-list .left-bar {width: 170px;}
  .beauty21 .section4 .bar-list .desc .name {font-size: 19px;}
  .beauty21 .section4 .bar-list .desc-text {font-size: 16px; margin-top: 10px;}
  .beauty21 .section4 .bar-list .desc2 {margin-top: 15px;}
  .beauty21 .section4 .bar-list .desc2 > strong {font-size: 19px;}
  .beauty21 .flex-area.img2-type {gap: 20px;}
  .beauty21 .flex-area.img2-type p > strong {font-size: 18px}
  .beauty21 .flex-area.img2-type p > span {font-size: 16px;}
  .beauty21 .section8 .blue-box .flex-area {gap: 40px;}
  .beauty21 .section8 .blue-box .flex-area p {font-size: 16px;}
  .beauty21 .section8 .blue-box .round {width: 110px; height: 110px;}
  .beauty21 .section9 .flex-area {gap: 70px;}
  .beauty21 .section9 .flex-area img.pc-show-edit {display: none;}
  .beauty21 .section9 .flex-area img.mob-show-edit {display: block; margin: 0 auto; width: 300px;}
  .beauty21 .section9 .flex-area .desc-box .top span {font-size: 17px}
  .beauty21 .section9 .flex-area .desc-box .bottom ul > li {font-size: 16px}
}
@media (max-width: 768px) {
  .beauty21 .pc-show-edit {display: none;}
  .beauty21 .mob-show-edit {display: block; margin: 0 auto;}
  .beauty21 .flex-area > li {width: 100%;}
  .beauty21 .section1 .flex-area.type2 {gap: 30px 20px;}
  .beauty21 .section1 .flex-area.type2 > li {width: calc(30% - 20px);}
  .beauty21 .section1 .flex-area.type2 > li img {display: block; width: 135px; margin: 0 auto;}
  .beauty21 .section1 .flex-area.type2 > li p {font-size: 16px;}
  .beauty21 .img-group .img-flex {gap: 50px;}
  .beauty21 .section3 .gray-box .flex-area {gap: 20px;}
  .beauty21 .section3 .gray-box .flex-area > li {width: auto;}
  .beauty21 .section3 .gray-box .card .top img {width: 100px;}
  .beauty21 .section4 .bar-list > li {display: block;}
  .beauty21 .section4 .bar-list .desc {width: 100%; text-align: center;}
  .beauty21 .section4 .bar-list .desc .name span,
  .beauty21 .section4 .bar-list .desc .name em {display: block;}
  .beauty21 .section4 .bar-list .desc .name .dash {display: none;}
  .beauty21 .section4 .bar-list .desc .desc-text {text-align: left; margin-top: 20px;}
  .beauty21 .section4 .bar-list .gray {background-color: #f4f4f4; margin-top: 30px; padding: 35px 15px;}
  .beauty21 .section4 .bar-list .gray .img-mob {width: 140px; margin: 0 auto;}
  .beauty21 .section4 .bar-list .desc2 {margin-top: 25px;}
  .beauty21 .section4 .bar-list .desc2 > strong {font-size: 17px; color: #363636;}
  .beauty21 .flex-area.img2-type p {margin-top: 10px;}
  .beauty21 .flex-area.img2-type p > span {margin-top: 5px;}
  .beauty21 strong.title > span {display: block; margin-bottom: 5px;}
  .beauty21 .section8 .blue-box .flex-area {gap: 30px 20px;}
  .beauty21 .section8 .blue-box .flex-area > li {width: calc(50% - 10px);}
  .beauty21 .section8 .blue-box .flex-area p {margin-top: 15px;}
  .beauty21 .section8 .blue-box .round {border: 2px solid #00b5ef}
  .beauty21 .section9 .flex-area .desc-box {width: 300px; margin: 0 auto; max-width: 100%;}
}
@media (max-width: 550px) {
  .beauty21 .section1 .flex-area.type2 > li {width: calc(50% - 20px);}
  .beauty21 .img-group .img-flex {flex-wrap: wrap; gap: 30px;}
  .beauty21 .img-group .img-flex > li {width: 100%;}
  .beauty21 .img-group .img-flex .desc br {display: none;}
  .beauty21 .section3 .gray-box .flex-area {gap: 40px;}
  .beauty21 .section3 .gray-box .flex-area > li {width: 100%;}
  .beauty21 .section3 .gray-box .card {width: 230px; margin: 0 auto;}
  .beauty21 .section3 .gray-box .card .top {padding: 35px 15px;}
  .beauty21 .section3 .gray-box .card .bottom {height: auto;}
  .beauty21 .section3 .gray-box .card .bottom p > br {display: none;}
  .beauty21 .flex-area.img2-type {gap: 40px;}
  .beauty21 .flex-area.img2-type > li {width: 100%;}
  .beauty21 .flex-area.img2-type > li img {display: block; margin: 0 auto; width: 310px;}
}
@media (max-width: 375px) {
  .beauty21 .section1 .flex-area.type1 {flex-wrap: wrap; gap: 10px;}
}


/* beauty22 */
.beauty22 {}
.beauty22 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.beauty22 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.beauty22 .mob-show-edit {display: none;}
.beauty22 .img .img-desc {font-size: 17px; color: #898989; margin-top: 40px;}

@media (max-width: 900px) {
  .beauty22 .caption {font-size: 16px;}
  .beauty22 hr {margin: 90px auto;} 
  .beauty22 strong.title {margin-bottom: 25px;}
  .beauty22 strong.title.sub-title {margin-top: 60px;}
  .beauty22 .img .img-desc {font-size: 16px; margin-top: 30px;}
}
@media (max-width: 768px) {
  .beauty22 .pc-show-edit {display: none;}
  .beauty22 .mob-show-edit {display: block; margin: 0 auto;}
  
}
@media (max-width: 460px) {
  .beauty22 .section3 .img .img-desc > br {display: none;}
}



/* beauty23 */
.beauty23 {}
.beauty23 strong.title {color: #00b5ef}
.beauty23 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.beauty23 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.beauty23 .mob-show-edit {display: none;}
.beauty23 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.beauty23 .flex-area * {box-sizing: border-box;}
.beauty23 .title-box-round {display:block; margin-bottom: 30px;}
.beauty23 .title-box-round > span {display: inline-block; background-color: #00b5ef; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 40px; border-radius: 30px;} 
.beauty23 .border-box {border: 5px solid #eaeaea; padding: 55px 15px; margin-bottom: 30px;}
.beauty23 .border-box .img {margin-bottom: 0;}
.beauty23 .section3 .blue-box {background-color: #eff7fc; border-radius: 20px; padding: 20px 90px;}
.beauty23 .section3 .blue-box .border-list > li {padding: 30px 0; position: relative;}
.beauty23 .section3 .blue-box .border-list > li + li::before {content: ''; display: block; width: 100%; height: 1px; background-image: url('../images/detail/img-beauty-23-dashed-bg.png'); position: absolute; top: 0; left: 0;}
.beauty23 .section3 .blue-box .border-list .tit {display: block; text-align: left; font-weight: 500; color: #626262; font-size: 20px;}
.beauty23 .section3 .blue-box .border-list p {color: #626262; font-size: 17px; text-align: left; margin-top: 15px;}
.beauty23 .section4 .card-list > li + li {margin-top: 60px;}
.beauty23 .section4 .card-list .flex-area {gap: 30px; align-items: flex-end;}
.beauty23 .section4 .card-list .flex-area .card-img {width: 300px;}
.beauty23 .section4 .card-list .flex-area .card-desc {width: calc(100% - 330px); text-align: left;}
.beauty23 .section4 .card-list .flex-area .card-desc .tit {display: block; font-weight: 500; font-size: 20px; color: #242424;}
.beauty23 .section4 .card-list .flex-area .card-desc p {font-size: 17px; color: #626262; margin-top: 10px;}

@media (max-width: 900px) {
  .beauty23 .caption {font-size: 16px;}
  .beauty23 hr {margin: 90px auto;} 
  .beauty23 strong.title {margin-bottom: 25px;}
  .beauty23 strong.title.sub-title {margin-top: 60px;}
  .beauty23 .title-box-round > span {font-size: 18px; padding: 6px 20px;}
  .beauty23 .section3 .blue-box {padding: 20px 50px;}
  .beauty23 .section3 .blue-box .border-list .tit {font-size: 18px}
  .beauty23 .section3 .blue-box .border-list p {font-size: 16px;}
  .beauty23 .section4 .card-list .flex-area .card-desc .tit {font-size: 18px}
  .beauty23 .section4 .card-list .flex-area .card-desc p {font-size: 16px;}
}
@media (max-width: 768px) {
  .beauty23 .pc-show-edit {display: none;}
  .beauty23 .mob-show-edit {display: block; margin: 0 auto;}
  .beauty23 .flex-area > li {width: 100%;}
  .beauty23 .section3 .blue-box {padding: 20px 15px;}
  .beauty23 .section3 .blue-box .border-list .tit {text-align: center;}
  .beauty23 .section3 .blue-box .border-list p {margin-top: 10px;}
  .beauty23 .section4 .card-list .flex-area .card-img {width: 250px; margin: 0 auto; max-width: 100%;}
  .beauty23 .section4 .card-list .flex-area .card-desc {width: 100%;}
  .beauty23 .section4 .card-list .flex-area .card-desc .tit {text-align: center;}
}
@media (max-width: 430px) {
  .beauty23 .section4 .card-list > li + li {margin-top: 40px;}
  .beauty23 .section4 .card-list .flex-area {gap: 20px;}
  .beauty23 .section4 .card-list .flex-area .card-desc .tit {font-size: 17px;}
  .beauty23 .section4 .card-list .flex-area .card-desc p {margin-top: 7px;}
}
@media (max-width: 390px) {
  .beauty23 .section0 .title br.mob-show-edit,
  .beauty23 .section1 p.caption br.mob-show-edit,
  .beauty23 .section4 .title br.mob-show-edit {display: none;}
}




/* beauty24 */
.beauty24 {}
.beauty24 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.beauty24 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.beauty24 .mob-show-edit {display: none;}
.beauty24 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.beauty24 .flex-area * {box-sizing: border-box;}
.beauty24 .title.color {color: #00a5de;}
.beauty24 .section1 .box {background-color: #f4f7fa; padding: 40px 15px 70px;}
.beauty24 .section1 .box * {box-sizing: border-box;}
.beauty24 .section1 .box .box-inner {width: 650px; max-width: 100%; margin: 0 auto;}
.beauty24 .section1 .box .step {margin-top: 20px;}
.beauty24 .section1 .box .step > li {display: flex; gap: 50px; align-items: center; background-color: #fff; border-radius: 20px; padding: 60px 50px; position: relative;}
.beauty24 .section1 .box .step > li + li {margin-top: 60px;}
.beauty24 .section1 .box .step > li + li::before {content: ''; display: block; width: 44px; height: 50px; background: url('../images/detail/img-beauty-24-02-arr.png') no-repeat; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
.beauty24 .section1 .box .step .step-img {width: 100px;}
.beauty24 .section1 .box .step .step-txt {width: calc(100% - 150px); text-align: left;}
.beauty24 .section1 .box .step .step-txt > strong {display: block; color: #00b5ef; font-size: 22px; font-weight: 500;}
.beauty24 .section1 .box .step .step-txt > p {font-size: 17px; color: #626262; margin-top: 10px;}
.beauty24 .section2 .box * {box-sizing: border-box;}
.beauty24 .section2 .box .box-inner {width: 840px; max-width: 100%; margin: 0 auto;}
.beauty24 .section2 .box .card > li {display: flex; gap: 40px; align-items: center; flex-wrap: wrap;}
.beauty24 .section2 .box .card > li + li {margin-top: 40px;}
.beauty24 .section2 .box .card .card-img {width: 170px;}
.beauty24 .section2 .box .card .card-txt {width: calc(100% - 210px); text-align: left;}
.beauty24 .section2 .box .card .card-txt > strong {display: block; color: #00b5ef; font-size: 22px; font-weight: 500;}
.beauty24 .section2 .box .card .card-txt > p {font-size: 17px; color: #626262; margin-top: 10px;}
.beauty24 .table {border-bottom: 1px solid #c0c0c0}
.beauty24 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.beauty24 .table th:first-child, 
.beauty24 .table td:first-child {border-left: 0;}
.beauty24 .table th {border-left: 1px solid #fff; padding: 20px 10px; font-size: 20px; line-height: 1.1; color: #fff; font-weight: 500; background-color: #00b6f0;}
.beauty24 .table td {border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; padding: 20px 30px; font-size: 17px; color: #626262; text-align: left;}
.beauty24 .table td.category {font-size: 20px; color: #242424; font-weight: 400; background-color: #eaf5fc; padding: 20px 20px 20px 50px;}
.beauty24 .table .col1 {width: 300px;}
.beauty24 .section5 .card-area {margin-top: 30px;}
.beauty24 .section5 .card-area .flex-area {gap: 50px 80px;}
.beauty24 .section5 .card-area .card {width: calc(50% - 40px);}
.beauty24 .section5 .card-area .card .desc {margin-top: 30px; color: #626262; font-size: 20px;}
.beauty24 .section5 .card-area .card .desc .name {font-weight: 500; color: #00b6f2;}

@media (max-width: 900px) {
  .beauty24 .caption {font-size: 16px;}
  .beauty24 hr {margin: 90px auto;} 
  .beauty24 strong.title {margin-bottom: 25px;}
  .beauty24 strong.title.sub-title {margin-top: 60px;}
  .beauty24 .section1 .box .step > li {padding: 40px 50px;}
  .beauty24 .section1 .box .step .step-txt > strong {font-size: 18px}
  .beauty24 .section1 .box .step .step-txt > p {font-size: 16px}
  .beauty24 .section2 .box .card .card-img {width: 140px;}
  .beauty24 .section2 .box .card .card-txt {width: calc(100% - 180px);}
  .beauty24 .section2 .box .card .card-txt > strong {font-size: 18px}
  .beauty24 .section2 .box .card .card-txt > p {font-size: 16px}
  .beauty24 .table th {font-size: 17px; padding: 15px 20px;}
  .beauty24 .table td {font-size: 15px; padding: 15px 20px;}
  .beauty24 .table td.category {font-size: 15px; padding: 15px 20px;}
  .beauty24 .table .col1 {width: 200px;} 
  .beauty24 .section5 .card-area .flex-area {gap: 50px 20px;}
  .beauty24 .section5 .card-area .card {width: calc(50% - 10px);}
  .beauty24 .section5 .card-area .card .desc {font-size: 17px;}
}
@media (max-width: 768px) {
  .beauty24 .pc-show-edit {display: none;}
  .beauty24 .mob-show-edit {display: block; margin: 0 auto;}
  .beauty24 .flex-area > li {width: 100%;}
  .beauty24 .section1 .box {padding: 40px 15px 50px;}
  .beauty24 .section1 .box .step > li {padding: 40px 15px; gap: 30px;}
  .beauty24 .section1 .box .step .step-img {width: 80px;}
  .beauty24 .section1 .box .step > li:nth-child(5) .step-img {width: 70px;}
  .beauty24 .section1 .box .step > li:nth-child(5) .step-txt {width: calc(100% - 100px);}
  .beauty24 .section1 .box .step .step-txt {width: calc(100% - 110px);}
  .beauty24 .section1 .box .step .step-txt > strong {font-size: 17px;}
  .beauty24 .section1 .box .step .step-txt > p {font-size: 15px;}
  .beauty24 .section2 .box .card > li {gap: 20px;}
  .beauty24 .section2 .box .card > li + li {margin-top: 50px;}
  .beauty24 .section2 .box .card .card-img {width: 100%;}
  .beauty24 .section2 .box .card .card-img > img {display: block; width: 125px; margin: 0 auto;}
  .beauty24 .section2 .box .card .card-txt {width: 100%; text-align: center;}
  .beauty24 .section2 .box .card .card-txt > strong {font-size: 17px}
  .beauty24 .section2 .box .card .card-txt > p {font-size: 15px}
  .beauty24 .table th {padding: 15px; font-weight: 400;}
  .beauty24 .table td {padding: 15px;}
  .beauty24 .table td.category {padding: 15px;}
  .beauty24 .table .col1 {width: 130px;}
  .beauty24 .section5 .card-area .card {width: 100%;}
  .beauty24 .section5 .card-area .card .card-img {width: 350px; max-width: 100%; margin: 0 auto;}
  .beauty24 .section5 .card-area .card .desc {margin-top: 20px;}
}
@media (max-width: 380px) {
  .beauty24 .section1 .box .step > li {gap: 20px;}
  .beauty24 .section1 .box .step .step-txt {width: calc(100% - 100px);}
  .beauty24 .section1 .box .step > li:nth-child(5) .step-txt {width: calc(100% - 90px);}
  .beauty24 .section2 .box .card .card-txt > p > br {display: none;}
  .beauty24 .table th {padding: 15px 10px;}
  .beauty24 .table td {padding: 15px 10px; font-size: 14px} 
  .beauty24 .table td.category {padding: 15px 10px;}
  .beauty24 .table .col1 {width: 120px;}
  .beauty24 .section5 .card-area .card .desc {font-size: 16px;}
  .beauty24 .none380 {display: none !important;}
}




/* beauty25 */
.beauty25 {}
.beauty25 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.beauty25 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.beauty25 .mob-show-edit {display: none;}
.beauty25 strong.title.sub {font-size: 22px; font-weight: 400;}
.beauty25 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.beauty25 .flex-area * {box-sizing: border-box;}
.beauty25 strong.title.color {color: #00b5ef}
.beauty25 strong.title > span {font-weight: 400;}
.beauty25 .title-box-round {display:block; margin-bottom: 30px;}
.beauty25 .title-box-round > span {display: inline-block; background-color: #507aa8; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 60px; border-radius: 30px;} 
.beauty25 .title-box-round.color2 > span {background-color: #114d85;}
.beauty25 .round-card .flex-area {gap: 90px;}
.beauty25 .round-card img {display: block; margin: 0 auto; max-width: 100%;}
.beauty25 .round-card .desc {margin-top: 30px; font-size: 22px; font-weight: 400; color: #00b5ef; line-height: 1.2;}
.beauty25 .round-card .desc > strong {font-weight: 500;}
.beauty25 .blue-box {background-color: #ebf1f5; padding: 60px 15px;}
.beauty25 .section2 .box1 .img-list {margin-top: 60px;}
.beauty25 .section2 .box1 .img-list .flex-area {gap: 60px 40px;}
.beauty25 .section2 .box1 .img-list .flex-area > li {width: calc(33% - 30px);}
.beauty25 .section2 .box1 .img-list img {display: block; margin: 0 auto; max-width: 100%;} 
.beauty25 .section2 .box1 .img-list .name {font-size: 22px; color: #3a6390; font-weight: 500; margin-top: 20px;}
.beauty25 .section2 .box1 .title-box-round br {display: none;}
.beauty25 .section5 .blue-box.box2 {padding: 60px; background-color: #eff5f8;}
.beauty25 .section5 .box2 .title-box-round {margin-bottom: 60px;}
.beauty25 .section5 .box2 .line-box {background-color: #fdfcfd; border-radius: 15px; border: 2px solid #507aa8; padding: 60px 15px; margin-top: 60px;}
.beauty25 .section5 .box2 .line-box .flex-area {gap: 0;}
.beauty25 .section5 .box2 .line-box .flex-area > li {width: 33%; position: relative;}
.beauty25 .section5 .box2 .line-box .flex-area > li + li::before {content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: url('../images/detail/img-beauty-25-05-line.png'); }
.beauty25 .section5 .box2 .line-box img {display: block; margin: 0 auto; max-width: 100%;}
.beauty25 .section5 .box2 .line-box .desc {margin-top: 25px;}
.beauty25 .section5 .box2 .line-box .desc > strong {display: block; font-weight: 500; color: #3a6390; font-size: 22px; }
.beauty25 .section5 .box2 .line-box .desc > span {display: block; color: #626262; font-size: 17px; margin-top: 3px;}
.beauty25 .section7 .round-card .flex-area {gap: 60px;}
.beauty25 .section8 .box3 .title-box-round > span {padding: 13px 45px;}
.beauty25 .section8 .box3 p.text {color: #626262}
.beauty25 .section8 .box3 .img {margin-top: 60px; margin-bottom: 0;}
.beauty25 .section9 .card2 .flex-area {gap: 40px;}
.beauty25 .section9 .card2 .flex-area > li {width: 350px;}
.beauty25 .section9 .card2 .flex-area img {display: block; margin: 0 auto; max-width: 100%;}
.beauty25 .section9 .card2 .name {color: #242424; font-size: 22px; font-weight: 500; margin-top: 15px;}

@media (max-width: 900px) {
  .beauty25 .caption {font-size: 16px;}
  .beauty25 hr {margin: 90px auto;} 
  .beauty25 strong.title {margin-bottom: 25px;}
  .beauty25 strong.title.sub-title {margin-top: 60px;}
  .beauty25 strong.title.sub {font-size: 19px;}
  .beauty25 .title-box-round > span {font-size: 18px; padding: 6px 20px; font-weight: 400;}
  .beauty25 .round-card .flex-area {gap: 70px;} 
  .beauty25 .round-card img {width: 120px;}
  .beauty25 .round-card .desc {font-size: 16px; margin-top: 20px;}
  .beauty25 .blue-box {padding: 50px 15px;}
  .beauty25 .section2 .box1 .img-list .flex-area {gap: 60px 20px;}
  .beauty25 .section2 .box1 .img-list .name {font-size: 16px;}
  .beauty25 .section5 .blue-box.box2 {padding: 60px 15px;}
  .beauty25 .section5 .box2 .img.top > img {display: block; width: 450px; margin: 0 auto;}
  .beauty25 .section5 .box2 .line-box img {width: 120px;}
  .beauty25 .section5 .box2 .line-box .desc > strong, 
  .beauty25 .section5 .box2 .line-box .desc > span {font-size: 16px;}
  .beauty25 .section8 .box3 .title-box-round > span {padding: 6px 20px;}
  .beauty25 .section8 .box3 .img {margin-top: 40px;}
  .beauty25 .section8 .box3 .img > img {width: 450px;}
  .beauty25 .section9 .card2 .flex-area {gap: 20px;}
  .beauty25 .section9 .card2 .flex-area > li {width: 280px;}
  .beauty25 .section9 .card2 .name {font-size: 16px;}
}
@media (max-width: 768px) {
  .beauty25 .pc-show-edit {display: none;}
  .beauty25 .mob-show-edit {display: block; margin: 0 auto;}
  .beauty25 .flex-area > li {width: 100%;}
  .beauty25 .round-card .flex-area {gap: 20px !important;}
  .beauty25 .round-card .card-inner {display: flex; margin: 0 auto; width: 260px; max-width: 100%; align-items: center; gap: 20px;}
  .beauty25 .round-card img {width: 100px;}
  .beauty25 .round-card .desc {width: calc(100% - 120px); text-align: left; line-height: 1.4; margin-top: 0;}
  .beauty25 .section2 .box1 .img-list {margin-top: 30px;}
  .beauty25 .section2 .box1 .img-list .flex-area {gap: 30px 20px;}
  .beauty25 .section2 .box1 .img-list .flex-area > li {width: 200px;} 
  .beauty25 .section2 .box1 .img-list img {width: 200px;}
  .beauty25 .section2 .box1 .img-list .name {margin-top: 10px;}
  .beauty25 .section5 .box2 .title-box-round {margin-bottom: 30px;}
  .beauty25 .section5 .box2 .line-box .flex-area {gap: 40px;}
  .beauty25 .section5 .box2 .line-box .flex-area > li {width: 100%;}
  .beauty25 .section5 .box2 .line-box .flex-area > li + li::before {display: none;}
  .beauty25 .section5 .box2 .img.top > img {width: 350px;}
  .beauty25 .section5 .box2 .line-box {padding: 40px 15px; margin-top: 40px;}
  .beauty25 .section5 .box2 .line-box .desc {margin-top: 15px;}
  .beauty25 .section9 .card2 .flex-area > li {width: calc(50% - 10px);}
}
@media (max-width: 490px) {
  .beauty25 .section2 .box1 .img-list .flex-area > li {width: calc(50% - 11px);}
}
@media (max-width: 380px) {
  .beauty25 .section2 .box1 .title-box-round br {display: block;}
  .beauty25 .section9 strong.title > br {display: none;}
}








/* livingApp8 */
.livingApp8 .margin-sm {margin-top: 40px;}
.livingApp8 .title.color {color: #009fa8;}
.livingApp8 .table-wrap * {box-sizing: border-box;}
.livingApp8 .table-wrap .flex-box {display: flex; gap: 20px; color: #242424;}
.livingApp8 .table-wrap .item {flex: 1;}
.livingApp8 .table-wrap .flex-box > li:nth-child(2) {flex: 1.45;}
.livingApp8 .table-wrap .name {color: #fff; background-color: #009fa8; padding: 10px 0; font-siZe: 17px;}
.livingApp8 .table-wrap .img-box {height: 260px; display: flex; align-content: center; flex-wrap: wrap; justify-content: center;}
.livingApp8 .table-wrap .img-box .img {margin-bottom: 0; width: auto !important;}
.livingApp8 .table-wrap .category-pc {width: 85px;}
.livingApp8 .table-wrap .category-pc .cont-list > li {border-top: 1px solid #c0c0c0; padding: 10px 0; display: flex; justify-content: center; align-items: center}
.livingApp8 .table-wrap .category-pc .cont-list > li:last-child {border-bottom: 1px solid #c0c0c0}
.livingApp8 .table-wrap .item .cont-list > li {display: flex; gap: 0 10px;}
.livingApp8 .table-wrap .item .cont-list .category-mob {display: none !important; width: 85px;}
.livingApp8 .table-wrap .item .cont-list .desc {flex: 1}
.livingApp8 .table-wrap .item .cont-list .category-mob, .livingApp8 .table-wrap .item .cont-list .desc {border-top: 1px solid #c0c0c0; padding: 10px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.livingApp8 .table-wrap .item .cont-list > li:last-child .category-mob, 
.livingApp8 .table-wrap .item .cont-list > li:last-child .desc {border-bottom: 1px solid #c0c0c0}
.livingApp8 .table-wrap .cont-list > li:nth-child(1) {min-height: 71px;}
.livingApp8 .table-wrap .cont-list > li:nth-child(4) {min-height: 71px;}
.livingApp8 .table-wrap .cont-list > li:nth-child(5) {min-height: 77px;}
.livingApp8 .table-wrap .item .cont-list .desc > p {flex: auto; width: 100%;}
.livingApp8 .table-wrap .text {display: inline-block;}
.livingApp8 .table-wrap .text + .text {margin-top: 0; margin-left: 10px;}
.livingApp8 .table-wrap .item .cont-list .desc .text.i-won, 
.livingApp8 .table-wrap .item .cont-list .desc .text.i-pv, 
.livingApp8 .table-wrap .item .cont-list .desc .text {font-size: 16px;}

@media (max-width: 1200px) {
  .livingApp8 .table-wrap .name, 
  .livingApp8 .table-wrap .category-pc .cont-list > li, 
  .livingApp8 .table-wrap .item .cont-list .category-mob, 
  .livingApp8 .table-wrap .item .cont-list .desc, 
  .livingApp8 .table-wrap .item .cont-list .desc .text.i-won, 
  .livingApp8 .table-wrap .item .cont-list .desc .text.i-pv, 
  .livingApp8 .table-wrap .item .cont-list .desc .text {font-size: 15px;}
  .livingApp8 .table-wrap .text + .text {margin-left: 5px;}
  .livingApp8 .table-wrap .flex-box > li:nth-child(2) {flex: 1.8;}
  .livingApp8 .table-wrap .flex-box > li:nth-child(3) {flex: 1.1;}
}
@media (max-width: 900px) {
  .livingApp8 .table-wrap .img-box {height: 230px;}
  .livingApp8 .cont-wrap .img.align-center {margin: 0;}
  .livingApp8 .table-wrap .category-pc {display: none;}
  .livingApp8 .table-wrap .item .cont-list .category-mob {display: flex !important; width: 70px;}
  .livingApp8 .table-wrap .flex-box {flex-wrap: wrap; gap: 70px 0;}
  .livingApp8 .table-wrap .flex-box > li {width: 100%; flex: auto !important;}
  .livingApp8 .table-wrap .cont-list > li {min-height: auto !important;}
  .livingApp8 .table-wrap .item .cont-list .desc > p + p {margin-top: 15px;}
  .livingApp8 .br-pc {display: none;}
}
@media (max-width: 768px) {
  .livingApp8 .table-wrap .item .cont-list .desc .text.mob {display: block;}
  .livingApp8 .table-wrap .item .cont-list .desc .text.mob + .text {margin-left: 0;}
}


/* livingApp9 */
.livingApp9 {}
.livingApp9 .section2 {background-color: #f9f4e9; padding: 60px 20px;}
.livingApp9 .section2 .title.color {color: #7d552f; font-size: 28px; margin-bottom: 20px;}
.livingApp9 .section2 .desc {color: #626262; font-size: 17px;}
.livingApp9 .section2 .img {margin: 70px auto 110px;}
.livingApp9 .section2 .box-area {position: relative;}
.livingApp9 .section2 .box-area strong {display: block; background-color: #a88d71; color: #fff; text-align: center; font-weight: 400; font-size: 25px; padding: 15px 10px; border-radius: 60px; line-height: 1.2; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 440px; max-width: calc(100% - 70px); box-sizing: border-box;}
.livingApp9 .section2 .box-area .border-box {border: 2px solid #dfd6af; border-radius: 20px; background-color: #fff; padding: 55px 20px 30px; width: 560px; max-width: 100%; box-sizing: border-box; margin: 0 auto; color: #898989; font-size: 17px;}
.livingApp9 .section2 .box-area .border-box > em {display: block; color: #898989; font-size: 20px; font-weight: 400;}
.livingApp9 .br-mob {display: none;}
.livingApp9 .section2-table {font-size: 20px;}
.livingApp9 .section2-table * {box-sizing: border-box;}
.livingApp9 .section2-table table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.livingApp9 .section2-table table {border: 2px solid #b3b3b3; border-width: 2px 0; table-layout: fixed;}
.livingApp9 .section2-table col.col-category {width: 15%;}
.livingApp9 .section2-table thead {background-color: #eaeaea; border-right: 1px solid #b3b3b3;}
.livingApp9 .section2-table thead th {padding: 13px 3px; border-right: 1px solid #b3b3b3;}
.livingApp9 .section2-table thead th:last-child,
.livingApp9 .section2-table tbody td:last-child {border-right: 0;}
.livingApp9 .section2-table .name.color {background-color: #fbe5b7;}
.livingApp9 .section2-table th {color: #363636 !important; font-weight: 400;}
.livingApp9 .section2-table tbody th, 
.livingApp9 .section2-table tbody td {border: 1px solid #b3b3b3; border-width: 1px 1px 0 0; color: #898989; font-weight: 400; padding: 10px 3px;}
.livingApp9 .section2-table tbody td.color {background-color: #fef7e8;}
.livingApp9 .section2-table tbody th > span {font-size: 17px; color: #898989;}
.livingApp9 .section2-table .br-table {display: none;}
.livingApp9 .section4 {background-color: #eef6f9; padding: 75px 50px;}
.livingApp9 .section4 .section4-flex {display: flex; justify-content: center; align-items: center; gap: 35px}
.livingApp9 .section4 .img {margin-bottom: 0;}
.livingApp9 .section4 .list-bar {text-align: left;}
.livingApp9 .section4 .list-bar > li {margin-bottom: 25px;}
.livingApp9 .section4 .list-bar .list-title {display: block; color: #00b6f0; font-size: 22px; font-weight: 400; position: relative; padding-left: 15px; line-height: 1.1;}
.livingApp9 .section4 .list-bar .list-title::before {content: ''; width: 4px; height: 19px; background-color: #00b6f0; display: block; position: absolute; top: 3px; left: 0;}
.livingApp9 .section4 .list-bar > li > .desc {display: block; color: #898989; margin-top: 10px; padding-left: 14px;}
.livingApp9 .section4 .list-num {padding-left: 5px; margin-top: 10px;}
.livingApp9 .section4 .list-num > li {position: relative; padding-left: 30px; margin-bottom: 5px;}
.livingApp9 .section4 .list-num > li .num {display: block; position: absolute; top: 4px; left: 0; line-height: 18px; width: 18px; height: 18px; border-radius: 50%; color: #fff; background-color: #a0a0a0; text-align: center; font-size: 11px;}
.livingApp9 .section4 .list-num > li .desc {display: inline; color: #898989;}

@media (max-width: 900px) {
  .livingApp9 .section2 {padding: 50px 15px;}
  .livingApp9 .section2 .title.color {font-size: 20px;}
  .livingApp9 .section2 .desc {font-size: 16px;}
  .livingApp9 .section2 .img {margin: 50px auto 80px;}
  .livingApp9 .section2 .box-area strong {font-size: 18px;}
  .livingApp9 .section2 .box-area .border-box {padding: 50px 15px 30px;}
  .livingApp9 .section2 .box-area .border-box {font-size: 16px;}
  .livingApp9 .section2 .box-area .border-box > em {font-size: 17px;}
  .livingApp9 .section2-table {font-size: 16px;}
  .livingApp9 .section2-table thead .tr-pc th:first-of-type {width: 250px;}
  .livingApp9 .section2-table tbody td {height: 46px; box-sizing: border-box;}
  .livingApp9 .section4 {padding: 60px 20px;}
  .livingApp9 .section4 .section4-flex {gap: 20px;}
  .livingApp9 .section4 .list-bar .list-title {font-size: 18px;}
  .livingApp9 .section4 .list-bar > li > .desc {font-size: 15px;}
  .livingApp9 .section4 .list-num > li {font-size: 15px; padding-left: 25px; top: 3px;}
}
@media (max-width: 768px) {
  .livingApp9 .section2-table {font-size: 15px;}
  .livingApp9 .section2-table col.col-category.left {width: 40px;}
  .livingApp9 .section2-table col.col-category.right {width: 100px;}
  .livingApp9 .section2-table tbody th > span {font-size: 14px;}
  .livingApp9 .section2-table .br-table {display: block;}
  .livingApp9 .section4 {padding: 30px 15px 15px;}
  .livingApp9 .section4 .section4-flex {flex-wrap: wrap;}
  .livingApp9 .section4 .section4-flex [class^="item"] {flex: auto; width: 100%;}
  .livingApp9 .section4 .img {box-sizing: border-box; padding-left: 20px;}
}
@media (max-width: 450px) {
  .livingApp9 .section2-table col.col-category.left {width: 30px;}
  .livingApp9 .section2-table col.col-category.right {width: 80px;}
  .livingApp9 .br-mob {display: block;}
  .livingApp9 .br-pc {display: none;}
  .livingApp9 .section2 .box-area strong {font-size: 17px;} 
  .livingApp9 .section2-table .col-category {width: 90px;}
}



/* livingApp10 */
.livingApp10 {}
.livingApp10 .section1 ul {display: flex; gap: 20px; flex-wrap: wrap;}
.livingApp10 .section1 ul > li {flex: 1;}
.livingApp10 .section1 ul > li .img {margin-bottom: 0;}
.livingApp10 .section1 .caption {margin-top: 20px; color: #626262; }
.livingApp10 .title.color > em {display: block; color: #00b6f0; font-size: 20px; font-weight: 400; }
.livingApp10 .section2 {display: flex; flex-wrap: wrap; justify-content: center; gap: 0 40px;}
.livingApp10 .section2 * {box-sizing: border-box;}
.livingApp10 .section2 .item {width: calc(50% - 40px);}
.livingApp10 .section2 .item .title-item {width: 100%; background-color: #00b6f0; color: #fff; display: block; font-size: 25px; font-weight: 500; padding: 11px;}
.livingApp10 .section2 .item .mob-show-ib-edit {display: none;}
@media (max-width: 900px) {
  .livingApp10 .section1 ul {gap: 10px;}
  .livingApp10 .title > em {font-size: 18px;}
  .livingApp10 .section2 .item .title-item {font-size: 20px;}
  .livingApp10 .title.color > em {font-size: 18px;}
}
@media (max-width: 768px) {
  .livingApp10 .section1 ul {gap: 20px;}
  .livingApp10 .section1 ul > li {width: 100%; flex: initial;}
  .livingApp10 .section2 {gap: 20px;}
  .livingApp10 .section2 .item {width: calc(50% - 10px);}
  .livingApp10 .section2 .item .title-item {font-size: 18px; padding: 10px 5px;}
}
@media (max-width: 530px) {
  .livingApp10 .section2 {gap: initial;}
  .livingApp10 .section2 .item {width: 100%;}
  .livingApp10 .section2 .item .pc-show-ib-edit {display: none;}
  .livingApp10 .section2 .item .mob-show-ib-edit {display: block;}
}


/* livingApp11 */
.livingApp11 {}
.livingApp11 .title.round {font-size: 20px; background-color: #00b6f0; color: #fff; display: inline-block; box-sizing: border-box; max-width: 100%; width: 460px; padding: 11px 20px; border-radius: 30px; font-weight: 500; margin-bottom: 60px;}
.livingApp11 .item * {box-sizing: border-box;}
.livingApp11 .item + .item {margin-top: 120px;}
.livingApp11 .item .box-border {border: 1px solid #dbdbdb; width: 800px; max-width: 100%; margin: 0 auto; text-align: left;}
.livingApp11 .item .box-txt {padding: 10px 20px 75px; color: #242424; }
.livingApp11 .item .box-txt ul {margin-top: 3px;}
.livingApp11 .item .box-txt ul > li {position: relative; padding-left: 10px;}
.livingApp11 .item .box-txt ul > li::before {content: ''; width: 5px; height: 1px; background-color: #242424; position: absolute; top: 12px; left: 0;}
.livingApp11 .item .box-txt ul > li + li {margin-top: 3px;}
.livingApp11 .item .desc {margin-top: 60px;}
.livingApp11 .item .desc .list-check {text-align: left;}
.livingApp11 .item .desc .list-check > li {position: relative; padding-left: 27px; font-size: 19px; letter-spacing: -0.5px;}
.livingApp11 .item .desc .list-check > li::before {content: ''; width: 17px; height: 17px; background: url('../images/detail/img-livingApp-11-i-check.png') no-repeat; position: absolute; top: 7px; left: 0;}
.livingApp11 .item .desc .list-check > li + li {margin-top: 17px;}
.livingApp11 .item2 .desc .list-check {width: 650px; max-width: 100%; margin: 0 auto;}
@media (max-width: 900px) {
  .livingApp11 .item + .item {margin-top: 100px;}
  .livingApp11 .title.round {font-size: 18px}
  .livingApp11 .item .box-txt {padding: 7px 15px 25px; font-size: 15px;}
  .livingApp11 .item .box-txt ul {margin-top: 5px;}
  .livingApp11 .item .box-txt ul > li + li {margin-top: 5px;}
  .livingApp11 .item .desc {margin-top: 25px;}
  .livingApp11 .item .desc .title.color {margin-bottom: 25px;}
  .livingApp11 .item .desc .list-check > li {font-size: 17px;}
  .livingApp11 .item .desc .list-check > li::before {top: 5px;}
}



/* livingApp12 */
.livingApp12 {}
.livingApp12 hr {background-color: #c0c0c0; height: 1px; border: 0; margin: 100px auto;}
.livingApp12 .caption {text-align: right !important; color: #898989;}
.livingApp12 .flex-wrap {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; }
.livingApp12 .card {text-align: center;}
.livingApp12 .card .card-img {margin: 80px auto;}
.livingApp12 .card .info {text-align: left; display: inline-block;}
.livingApp12 .card .info-title {display: block; color: #019fda; font-size: 22px; font-weight: 500;}
.livingApp12 .card .info .price {margin-top: 10px;}
.livingApp12 .card .info .price .i-pv {margin-left: 13px;}
.livingApp12 .card .info .dot-list {margin-top: 20px;}
.livingApp12 .card .info .dot-list > li {position: relative; padding-left: 10px; color: #242424; font-size: 17px;}
.livingApp12 .card .info .dot-list > li::before {content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: #242424; position: absolute; top: 13px; left: 0;}
.livingApp12 .card .info .dot-list > li + li {margin-top: 5px;}
.livingApp12 .card .info .dot-list .gray {color: #626262;}

@media (max-width: 900px) {
  .livingApp12 hr {margin: 60px auto;}
  .livingApp12 .card .card-img {margin: 40px auto;}
  .livingApp12 .card .info-title {font-size: 20px;}
  .livingApp12 .card .info .dot-list > li {font-size: 16px;}
  .livingApp12 .card .info .dot-list > li::before {top: 11px;}
  .livingApp12 .section3 .card .card-img {width: 240px;}
}
@media (max-width: 768px) {
  .livingApp12 .flex-wrap {gap: 60px;}
  .livingApp12 .flex-wrap > li {width: 100%;}
  .livingApp12 .card .card-img {width: 240px; margin: 0 auto 30px;}
  .livingApp12 .card .info-title {font-size: 18px;}
  .livingApp12 .card .info-title > br {display: none;}
}



/* livingApp13 */
.livingApp13 {}
.livingApp13 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp13 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp13 .mob-show-edit {display: none;}
.livingApp13 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp13 .flex-area * {box-sizing: border-box;}
.livingApp13 .green {color: #005d24;}
.livingApp13 .section1 .flex-area {gap: 60px;}
.livingApp13 .section1 .flex-area .circle {border-radius: 50%; border: 2px dashed #005d24; width: 170px; height: 170px; padding: 5px; margin: 0 auto;}
.livingApp13 .section1 .flex-area .circle .line {border-radius: 50%; border: 3px solid #005d24; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.livingApp13 .section1 .flex-area .circle .line p {color: #005d24; font-size: 20px; font-weight: 500; line-height: 1.2;}
.livingApp13 .section3 .flex-area {padding: 0 20px; gap: initial;}
.livingApp13 .section3 .flex-area .card {width: calc(50% - 35px);}
.livingApp13 .section3 .flex-area .card .desc {color: #242424; margin-top: 35px;}
.livingApp13 .section3 .flex-area .card .desc strong {display: block; font-size: 20px; font-weight: 500;}
.livingApp13 .section3 .flex-area .card .desc p {font-size: 17px; margin-top: 10px;}
.livingApp13 .section3 .flex-area .vs {position: relative; z-index: 1; width: 65px; }
.livingApp13 .section3 .flex-area .vs .round {width: 100px; height: 100px; background-color: #005d24; color: #fff; font-size: 34px; font-weight: 500; border-radius: 50%; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center;}
.livingApp13 .section3 .mob-show {display: none;}
.livingApp13 .section6 .img {background-color: #f8f8f1; padding: 40px 45px 30px;}
.livingApp13 .section6 .flex-area {gap: 30px 40px;}
.livingApp13 .section6 .flex-area > li {width: calc(50% - 20px);}
.livingApp13 .section6 .flex-area .desc {font-size: 20px; font-weight: 500; color: #005d24; margin-top: 15px;}
.livingApp13 .section8 .img + .txt {margin-top: 30px;}
.livingApp13 .section8 .name {display: block; text-align: left; color: #019fda; font-size: 22px; font-weight: 500;}
.livingApp13 .section8 .price {text-align: left; margin-top: 15px;}
.livingApp13 .section8 .price .i-pv {margin-left: 10px;}

@media (max-width: 900px) {
  .livingApp13 .caption {font-size: 16px;}
  .livingApp13 hr {margin: 90px auto;} 
  .livingApp13 .section1 .flex-area {gap: 25px;} 
  .livingApp13 .section1 .flex-area .circle {width: 150px; height: 150px;}
  .livingApp13 .section1 .flex-area .circle .line p {font-size: 17px}
  .livingApp13 .section3 .flex-area .vs {width: 20px;}
  .livingApp13 .section3 .flex-area .card {width: calc(50% - 10px);}
  .livingApp13 .section3 .flex-area .card .desc {margin-top: 25px;}
  .livingApp13 .section3 .flex-area .card .desc strong {font-size: 19px}
  .livingApp13 .section3 .flex-area .card .desc p {font-size: 16px;}
  .livingApp13 .section3 .flex-area .vs .round {width: 90px; height: 90px; font-size: 30px; top: 38%;}
  .livingApp13 .section6 .flex-area {gap: 30px;}
  .livingApp13 .section6 .flex-area .desc {font-size: 17px;}
  .livingApp13 .section8 .name {font-size: 20px;}
}
@media (max-width: 768px) {
  .livingApp13 .pc-show-edit {display: none;}
  .livingApp13 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp13 .flex-area > li {width: 100%;}
  .livingApp13 .section1 .flex-area {gap: 30px 15px;}
  .livingApp13 .section1 .flex-area > li {width: calc(50% - 15px);}
  .livingApp13 .section3 .flex-area {padding: 0;}
  .livingApp13 .section3 .flex-area .vs {width: 15px;}
  .livingApp13 .section3 .flex-area .card .desc {margin-top: 20px;}
  .livingApp13 .section3 .flex-area .card .desc strong {font-size: 17px}
  .livingApp13 .section3 .flex-area .card .desc p {margin-top: 5px; font-size: 15px;}
  .livingApp13 .section3 .flex-area .vs .round {width: 80px; height: 80px; top: 35%; font-size: 25px}
  .livingApp13 .section6 .img {padding: 30px 15px;}
  .livingApp13 .section6 .flex-area {gap: 30px 20px;}
  .livingApp13 .section6 .flex-area > li {width: calc(50% - 10px);}
  .livingApp13 .section8 .name {font-size: 18px;}
}
@media (max-width: 440px) {
  .livingApp13 .section3 .pc-show {display: none;}
  .livingApp13 .section3 .mob-show {display: block;}
  .livingApp13 .section6 .flex-area {gap: 30px 10px;}
  .livingApp13 .section6 .flex-area > li {width: calc(50% - 5px);}
  .livingApp13 .section6 .flex-area .desc {font-size: 16px}
  /* 모바일에서 제목 br 숨김처리 요청 - 공통으로 적용되어 일단 주석처리함 */
  /* .detail-top .title > br {display: none;} */
}
@media (max-width: 380px) {
  .livingApp13 .section1 .flex-area .circle {width: 130px; height: 130px;}
}




/* livingApp14 */
.livingApp14 {}
.livingApp14 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp14 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp14 .mob-show-edit {display: none;}
.livingApp14 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp14 .flex-area * {box-sizing: border-box;}
.livingApp14 .title-round-line {position: relative; margin-bottom: 30px;}
.livingApp14 .title-round-line .round {display: inline-block; background-color: #00b6f0; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 67px; border-radius: 30px; box-sizing: border-box;}
.livingApp14 .title-round-line .line {display: block; width: 100%; height: 5px; z-index: -1; position: absolute; top: 50%; left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(0,182,240,1) 50%,rgba(255,255,255,1) 99%); margin-top: -2.5px;}
.livingApp14 .section1 .title-round-line {margin-bottom: 0;}
.livingApp14 .section1 .card-area .flex-area {gap: 0;}
.livingApp14 .section1 .card-area .flex-area > li {width: 33.33%;}
.livingApp14 .section1 .card-area .card {padding: 40px 15px 50px;}
.livingApp14 .section1 .card-area .flex-area > li:nth-child(1) {border-left: 2px solid #edf6f9}
.livingApp14 .section1 .card-area .flex-area > li:nth-child(3) {border-right: 2px solid #edf6f9}
.livingApp14 .section1 .card-area .flex-area > li:nth-child(5) {border-bottom: 2px solid #edf6f9}
.livingApp14 .section1 .card-area .flex-area > li:nth-child(even) {background-color: #edf6f9;}
.livingApp14 .section1 .card-area {margin-top: -30px;}
.livingApp14 .section1 .card-area .flex-area > li:nth-child(1), 
.livingApp14 .section1 .card-area .flex-area > li:nth-child(2),
.livingApp14 .section1 .card-area .flex-area > li:nth-child(3) {padding-top: 30px;}

.livingApp14 .section1 .card-area .card .desc {color: #27b7e1; font-size: 20px; font-weight: 500; margin-top: 10px;}
.livingApp14 .section1 .card-area .flex-area > li:nth-child(3) .card .desc {color: #0f924d}
.livingApp14 .section2 .card-type2 .flex-area {gap: 20px;} 
.livingApp14 .section2 .card-type2 .flex-area > li {width: calc(33.33% - 15px)}
.livingApp14 .section2 .card-type2 .name {color: #fff; background-color: #00b6f0; font-size: 20px; padding: 10px;}
.livingApp14 .section2 .card-type2 .flex-area > li.green .name {background-color: #3dab4a;}
.livingApp14 .section2 .card-type2 .desc {background-color: #edf6f9; color: #626262; font-size: 20px; padding: 25px 5px;}
.livingApp14 .section2 .card-type2 .flex-area > li.green .desc {background-color: #e0f6e7;}
.livingApp14 .round-border-box {position: relative; margin-top: 30px;}
.livingApp14 .round-border-box.add-title {padding-top: 20px;}
.livingApp14 .round-border-box .box {border: 2px solid #3dab4a; border-radius: 15px; padding: 50px 15px 40px;}
.livingApp14 .round-border-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.livingApp14 .round-border-box .box-title > span {display: inline-block; color: #fff; background-color: #3dab4a; border-radius: 30px; font-size: 20px; padding: 6px 30px; max-width: 100%; box-sizing: border-box;}
.livingApp14 .round-border-box .box p.text {color: #626262}

@media (max-width: 900px) {
  .livingApp14 .caption {font-size: 16px;}
  .livingApp14 hr {margin: 90px auto;} 
  .livingApp14 .title-round-line .round {font-size: 18px; padding: 6px 35px;}
  .livingApp14 .section1 .card-area .card {padding: 40px 15px;}
  .livingApp14 .section1 .card-area .card .card-img {width: 70px; margin: 0 auto;}
  .livingApp14 .section1 .card-area .card .desc {font-size: 18px}
  .livingApp14 .section2 .card-type2 .name {font-size: 18px;}
  .livingApp14 .section2 .card-type2 .desc {font-size: 16px;}
  .livingApp14 .round-border-box .box-title > span {font-size: 18px;}
  .livingApp14 .section1 .card-area {margin-top: -20px;}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(1), 
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(2),
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(3) {padding-top: 20px;}
}
@media (max-width: 768px) {
  .livingApp14 .pc-show-edit {display: none;}
  .livingApp14 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp14 .flex-area > li {width: 100%;}
  .livingApp14 .title-round-line .line {background: linear-gradient(to right, rgba(255,255,255,0.5) 0.1%,rgba(0,182,240,1) 50%,rgba(255,255,255,0.5) 99.9%);}
  .livingApp14 .title-round-line .line .round {padding: 7px 25px;}
  .livingApp14 .section1 .card-area .flex-area {flex-direction: row;}
  .livingApp14 .section1 .card-area .flex-area > li {width: 50%;}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(odd) {border-bottom: initial; border-left: 2px solid #edf6f9}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(even),
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(3) {border-right: 2px solid #edf6f9}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(5) {border-bottom: 2px solid #edf6f9}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(1) {order: 1;}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(2) {order: 2;}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(3) {order: 4; padding-top: 0;}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(4) {order: 3;}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(5) {order: 5;}
  .livingApp14 .section1 .card-area .flex-area > li:nth-child(6) {order: 6;}
  .livingApp14 .section1 .card-area .card {padding: 30px 5px;}
  .livingApp14 .section1 .card-area .card .card-img {width: 60px;}
  .livingApp14 .section1 .card-area .card .desc {font-size: 16px;}
  .livingApp14 .section2 .card-type2 .flex-area {gap: 50px;}
  .livingApp14 .section2 .card-type2 .flex-area > li {width: 100%;}
  .livingApp14 .section2 .card-type2 .card {margin: 0 auto; width: 320px; max-width: 100%; }
  .livingApp14 .section2 .card-type2 .desc {padding: 20px 5px;}
  .livingApp14 .round-border-box .box-title > span {width: auto; padding: 6px 20px;}
  .livingApp14 .round-border-box .box p.text {width: 323px; max-width: 100%; margin: 0 auto;}
  .livingApp14 .round-border-box .box p.text > br {display: none;}
  .livingApp15 .table thead .top-txt th {font-size: 16px;}
}
@media (max-width: 500px) {
  .livingApp14 .section2 .card-type2 .flex-area {width: 250px; max-width: 100%; margin: 0 auto;}
}




/* livingApp15 */
.livingApp15 {}
.livingApp15 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp15 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp15 .mob-show-edit {display: none;}
.livingApp15 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp15 .flex-area * {box-sizing: border-box;}
.livingApp15 .flex-area.type-img2 {gap: 40px;}
.livingApp15 .flex-area.type-img2 > li {width: calc(50% - 20px);}
.livingApp15 .table {border-bottom: 1px solid #d0bca8}
.livingApp15 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.livingApp15 .table thead th {font-size: 20px; line-height: 1.1;}
.livingApp15 .table th, .livingApp15 .table td {border-right: 1px solid #d0bca8; border-top: 1px solid #d0bca8; }
.livingApp15 .table th:first-child, .livingApp15 .table td:first-child {border-left: 1px solid #d0bca8;}
.livingApp15 .table thead .top-img th {border-left: none; border-top: none; border-right: none;}
.livingApp15 .table thead .top-txt th {background-color: #9a6000; color: #fff; font-weight: 400; padding: 22px 5px;}
.livingApp15 .table td {font-size: 17px; color: #626262; padding: 20px 35px; text-align: left;}
.livingApp15 .table td.category {background-color: #f8f0e8; text-align: center; padding: 20px 5px;}
.livingApp15 .table td > strong {display: inline-block; color: #9a6000; font-weight: 500;}
.livingApp15 .table .col1 {width: 130px;}
.livingApp15 .section5 .product {gap: 70px 100px;}
.livingApp15 .section5 .product .top-img {margin: 0 auto; max-width: 100%;}
.livingApp15 .section5 .product > li:nth-child(1),
.livingApp15 .section5 .product > li:nth-child(2),
.livingApp15 .section5 .product > li:nth-child(3) {width: calc(35.5% - 100px);}
.livingApp15 .section5 .product > li:nth-child(4),
.livingApp15 .section5 .product > li:nth-child(5) {width: calc(37% - 100px);}
.livingApp15 .section5 .product .name {margin-top: 20px; color: #242424; font-size: 20px; font-weight: 500;}
.livingApp15 .section5 .table thead .top-txt th {background-color: #00b6f0;}
.livingApp15 .section5 .table, .livingApp15 .section5 .table th, .livingApp15 .section5 .table td {border-color: #d3d3d3;}
.livingApp15 .section5 .table td.category {background-color: #f6f6f6;}
.livingApp15 .section5 .table thead .top-img th {padding-bottom: 40px;}
.livingApp15 .section5 .flavor-list {margin-bottom: 30px;}
.livingApp15 .section5 .flavor-list > li + li {margin-top: 3px;}
.livingApp15 .section5 .flavor-list .tag {display: inline-block; width: 77px; color: #242424; }
.livingApp15 .section5 .dot {display: inline-block;}
.livingApp15 .section5 .dot > li {display: inline-block; width: 16px; height: 16px; border-radius: 50%; background-color: #b2e9fa;}
.livingApp15 .section5 .dot > li:nth-child(2) {background-color: #8cdef8;}
.livingApp15 .section5 .dot > li:nth-child(3) {background-color: #66d3f5;}
.livingApp15 .section5 .dot > li:nth-child(4) {background-color: #33c4f2;}
.livingApp15 .section5 .dot > li:nth-child(5) {background-color: #00b5ef;}

@media (max-width: 1055px) {
  .livingApp15 .section5 .product {gap: 70px;}
  .livingApp15 .section5 .product > li:nth-child(1),
  .livingApp15 .section5 .product > li:nth-child(2),
  .livingApp15 .section5 .product > li:nth-child(3) {width: calc(35.5% - 70px);}
  .livingApp15 .section5 .product > li:nth-child(4),
  .livingApp15 .section5 .product > li:nth-child(5) {width: calc(37% - 70px);}
  .livingApp15 .section5 .product .name {font-size: 18px;}
}
@media (max-width: 900px) {
  .livingApp15 .caption {font-size: 16px;}
  .livingApp15 hr {margin: 90px auto;} 
  .livingApp15 .flex-area.type-img2 {gap: 20px;}
  .livingApp15 .flex-area.type-img2 > li {width: calc(50% - 10px);}
  .livingApp15 .table .col1 {width: 90px;}
  .livingApp15 .table thead .top-txt th {padding: 15px 5px;}
  .livingApp15 .table thead th {font-size: 17px; padding: 15px 5px;}
  .livingApp15 .table tbody td {font-size: 15px; padding: 15px 10px;}
  .livingApp15 .section5 .product {gap: 50px;}
  .livingApp15 .section5 .product > li:nth-child(1),
  .livingApp15 .section5 .product > li:nth-child(2),
  .livingApp15 .section5 .product > li:nth-child(3) {width: calc(35.5% - 50px);}
  .livingApp15 .section5 .product > li:nth-child(4),
  .livingApp15 .section5 .product > li:nth-child(5) {width: calc(37% - 50px);}
}
@media (max-width: 768px) {
  .livingApp15 .pc-show-edit {display: none;}
  .livingApp15 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp15 .flex-area > li {width: 100%;}
  .livingApp15 .table.mob-show-edit + .table.mob-show-edit {margin-top: 40px;}
  .livingApp15 .table thead .top-img th {padding-bottom: 0;}
  .livingApp15 .table thead .top-img th img {display: block; margin: 0 auto; width: 85px;}
  .livingApp15 .section5 .product > li {width: 100% !important}
  .livingApp15 .section5 .product > li + li {border-top: 1px solid #c0c0c0; padding-top: 50px;}
  .livingApp15 .section5 .product .top-img {width: 320px;}
  .livingApp15 .section5 .product .name {margin-top: 0;}
  .livingApp15 .section5 .flavor-list .tag {width: 60px;}
  .livingApp15 .section5 .table thead .top-img th {padding-bottom: 20px;}
}
@media (max-width: 510px) {
  .livingApp15 .flex-area.type-img2 > li {width: 100%;}
}




/* livingApp16 */
.livingApp16 {}
.livingApp16 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp16 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp16 .mob-show-edit {display: none;}
.livingApp16 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp16 .flex-area * {box-sizing: border-box;}
.livingApp16 .img-set1 {}
.livingApp16 .img-set1 .flex-card {gap: 30px;}
.livingApp16 .img-set1 .flex-card .card {background-color: #f4f7fa; width: calc(33% - 18px); padding: 55px 5px 60px;}
.livingApp16 .img-set1 .flex-card .card .card-title > img {display: block; margin: 0 auto;}
.livingApp16 .img-set1 .flex-card .card .card-title > strong {display: block; font-weight: 500; color: #242424; font-size: 22px; margin-top: 25px;}
.livingApp16 .img-set1 .flex-card .card .desc {margin-top: 15px; color: #626262; font-size: 17px; height: 75px; max-height: auto;}
.livingApp16 .img-set1 .flex-card .card .card-img {margin-top: 20px;}
.livingApp16 .section3 .img.type1 {margin-top: 100px;}
.livingApp16 .section3 .img .text {margin-top: 30px;}

@media (max-width: 900px) {
  .livingApp16 strong.title.sub-title {margin-top: 60px;}
  .livingApp16 hr {margin: 90px auto;}
  .livingApp16 .caption {font-size: 16px;}
  .livingApp16 strong.title {margin-bottom: 25px;}
  .livingApp16 strong.title.sub-title {font-size: 18px}
  .livingApp16 .img-set1 .flex-card .card {padding: 35px 5px 40px;}
  .livingApp16 .img-set1 .flex-card .card .card-title > img {width: 25px;}
  .livingApp16 .img-set1 .flex-card .card .card-title > strong {font-size: 19px; margin-top: 20px;}
  .livingApp16 .img-set1 .flex-card .card .desc {font-size: 16px; height: auto;}
  .livingApp16 .section3 .img.type1 {margin-top: 60px;}
}
@media (max-width: 768px) {
  .livingApp16 .pc-show-edit {display: none;}
  .livingApp16 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp16 .flex-area > li {width: 100%;}
  .livingApp16 .img-set1 .flex-card {gap: 15px;}
  .livingApp16 .img-set1 .flex-card .card {padding: 20px 35px; width: 100%; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 30px;}
  .livingApp16 .img-set1 .flex-card .card .card-txt {text-align: left; width: 250px}
  .livingApp16 .img-set1 .flex-card .card .card-title > img {display: inline-block;}
  .livingApp16 .img-set1 .flex-card .card .card-title > strong {display: inline-block; margin-top: 0; font-size: 18px; margin-left: 3px;}
  .livingApp16 .img-set1 .flex-card .card .desc {font-size: 15px;}
  .livingApp16 .img-set1 .flex-card .card .card-img {margin-top: 0; width: 90px;}
}
@media (max-width: 440px) {
  .livingApp16 .img-set1 .flex-card .card {padding: 20px 15px; gap: 20px;}
  .livingApp16 .img-set1 .flex-card .card .desc {margin-top: 10px;}
}





/* livingApp17 */
.livingApp17 {}
.livingApp17 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp17 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp17 .mob-show-edit {display: none;}
.livingApp17 strong.title span {font-weight: 400;}
.livingApp17 strong.title span.small {font-size: 20px; color: #626262; display: block; margin-top: 10px;}
.livingApp17 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp17 .flex-area * {box-sizing: border-box;}
.livingApp17 .check-list {text-align: left;}
.livingApp17 .check-list > li {position: relative; padding-left: 35px; font-size: 17px; color: #626262;}
.livingApp17 .check-list > li::before {content: ''; display: block; width: 25px; height: 26px; background: url('../images/detail/img-livingApp-17-i-check.png') no-repeat; position: absolute; left: 0; top: 0; background-size: contain;}
.livingApp17 .check-list > li + li {margin-top: 20px;}
.livingApp17 .check-list > li > em {font-weight: 500; color: #1a5c69;}
.livingApp17 .section1 .gray-card .flex-area {gap: 30px; justify-content: space-between;}
.livingApp17 .section1 .gray-card .flex-area > li {width: calc(33.33% - 21px);}
.livingApp17 .section1 .gray-card .card {background-color: #f4f7fa; padding: 55px 15px;}
.livingApp17 .section1 .gray-card .card .tit {display: block; margin-top: 30px; font-weight: 500; color: #242424; font-size: 22px;  }
.livingApp17 .section1 .gray-card .card .desc {font-size: 17px; color: #626262; margin-top: 15px;}
.livingApp17 .section1 .gray-card .card .desc > em {color: #00b5ef; font-weight: 400;}
.livingApp17 .section1 .tag-card .flex-area {gap: 30px; }
.livingApp17 .section1 .tag-card .flex-area > li {width: calc(33.33% - 21px);}
.livingApp17 .section1 .tag-card .card .tag {background-color: #0075b1; font-size: 20px; color: #fff; padding: 15px 10px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.livingApp17 .section1 .note-card .flex-area {gap: 30px; justify-content: space-between;}
.livingApp17 .section1 .note-card .flex-area > li {width: calc(33.33% - 21px);}
.livingApp17 .section1 .note-card .card {background-color: #f4f7fa; border-radius: 15px; padding: 55px 15px;}
.livingApp17 .section1 .note-card .card .tit {display: block; font-weight: 500; color: #0075b1; font-size: 20px;}
.livingApp17 .section1 .note-card .card .gray-img {margin-top: 35px;}
.livingApp17 .section1 .note-card .card .line {width: 220px; max-width: 100%; height: 1px; background-color: #95bbce; margin: 20px auto 15px; }
.livingApp17 .section1 .note-card .card .desc {font-size: 17px; color: #0075b1; min-height: 50px;}
.livingApp17 .section1 .note-card .card .bottom-img {margin-top: 20px;}
.livingApp17 .section2 .tag-card2 .flex-area {gap: 20px; }
.livingApp17 .section2 .tag-card2 .flex-area > li {width: calc(50% - 11px);}
.livingApp17 .section2 .tag-card2 .card .top {background-color: #8fd4e2; border-top-left-radius: 15px; border-top-right-radius: 15px; color: #275e69; font-weight: 500; font-size: 22px; padding: 13px 15px;}
.livingApp17 .section2 .tag-card2 .card .bottom {background-color: #f4f4f4; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 25px 20px 30px;}
.livingApp17 .section2 .border-box {border: 2px solid #8fd4e2; border-radius: 15px; padding: 55px 20px;}
.livingApp17 .section2 .border-box .flex-area {gap: initial; align-items: center;}
.livingApp17 .section2 .border-box .flex-area > li {width: 50%;}
.livingApp17 .section2 .border-box .check-list {padding-left: 25px;}

.livingApp17 .table {border: 1px solid #307ea6; display: inline-block; border-radius: 15px; overflow: hidden; margin: 0 20px;}
.livingApp17 .table table {border-collapse: collapse; border-style: hidden;}
.livingApp17 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.livingApp17 .table th {border-left: 1px solid #8fd4e2; padding: 17px 10px; color: #fff; font-weight: 400; background-color: #307ea6; font-size: 20px; line-height: 1.1;}
.livingApp17 .table td {border-top: 1px solid #307ea6; border-left: 1px solid #307ea6; padding: 35px 10px 30px; font-size: 17px; color: #626262; text-align: center;} 
.livingApp17 .table th:first-child, 
.livingApp17 .table td:first-child {border-left: 0;}
.livingApp17 .table td.category {font-size: 22px; color: #307ea6; font-weight: 500;}
.livingApp17 .table td .desc {margin-top: 25px;}
.livingApp17 .table .col1 {width: 155px;}

@media (max-width: 1040px) {
  .livingApp17 .section2 .tag-card2 .flex-area {gap: 30px;}
  .livingApp17 .section2 .tag-card2 .card .top {font-size: 20px;}
  .livingApp17 .section2 .tag-card2 .flex-area > li {width: 100%;}
  .livingApp17 .section2 .tag-card2 .card {margin: 0 auto; width: 510px; max-width: 100%;}
  .livingApp17 .section2 .border-box .check-list {padding-left: 0;}
}
@media (max-width: 900px) {
  .livingApp17 .caption {font-size: 16px;}
  .livingApp17 hr {margin: 90px auto;} 
  .livingApp17 strong.title {margin-bottom: 25px;}
  .livingApp17 strong.title.sub-title {margin-top: 60px;}
  .livingApp17 .section1 .gray-card .card .tit {font-size: 18px;}
  .livingApp17 .section1 .gray-card .card .desc {font-size: 16px;}
  .livingApp17 .section1 .tag-card .card .tag {font-size: 16px;}
  .livingApp17 .section1 .note-card .card {padding: 35px 15px;}
  .livingApp17 .section1 .note-card .card .tit {font-size: 18px;}
  .livingApp17 .section1 .note-card .card .desc {font-size: 16px;}
  .livingApp17 .section2 .tag-card2 .card .top {font-size: 18px; padding: 10px 15px;}
  .livingApp17 .check-list > li {font-size: 16px; padding-left: 30px;}
  .livingApp17 .check-list > li::before {width: 22px; top: 2px;}
  .livingApp17 .table th {font-size: 18px;}
  .livingApp17 .table td {font-size: 15px;}
  .livingApp17 .table td.category {font-size: 18px}
  .livingApp17 .table .col1 {width: 105px;}
}
@media (max-width: 768px) {
  .livingApp17 .pc-show-edit {display: none;}
  .livingApp17 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp17 .flex-area > li {width: 100%;}
  .livingApp17 .section1 .gray-card .flex-area > li {width: 100%;}
  .livingApp17 .section1 .gray-card .card {padding: 25px 15px; display: flex; justify-content: center; align-items: center; gap: 40px;}
  .livingApp17 .section1 .gray-card .card .desc-area {text-align: left; width: 235px;}
  .livingApp17 .section1 .gray-card .card .tit {margin-top: 0;}
  .livingApp17 .section1 .gray-card .card .desc {margin-top: 10px; font-size: 15px;}
  .livingApp17 .section1 .gray-card .card .desc br:first-of-type {display: none;}
  .livingApp17 .section1 .tag-card .flex-area {gap: 20px;}
  .livingApp17 .section1 .tag-card .flex-area > li {width: 100%; margin: 0 auto;}
  .livingApp17 .section1 .tag-card .flex-area .card {width: 315px; margin: 0 auto; max-width: 100%;}
  .livingApp17 .section1 .tag-card .card .tag {font-size: 15px;} 
  .livingApp17 .section1 .tag-card.type2 .flex-area {gap: 15px;}
  .livingApp17 .section1 .tag-card.type2 .flex-area > li {width: calc(50% - 9px);}
  .livingApp17 .section1 .note-card .flex-area {gap: 20px;}
  .livingApp17 .section1 .note-card .flex-area > li {width: 100%; margin: 0 auto;}
  .livingApp17 .section1 .note-card .flex-area .card {width: 315px; margin: 0 auto; max-width: 100%;}
  .livingApp17 .section1 .note-card .card .gray-img {margin-top: 20px;}
  .livingApp17 .section1 .note-card .card .gray-img > img {width: 50px;}
  .livingApp17 .section1 .note-card .card .desc {font-size: 15px; min-height: auto;}
  .livingApp17 .section1 .note-card .card .bottom-img {margin-top: 15px;}
  .livingApp17 .section1 .note-card .card .bottom-img > img {width: 150px;}
  .livingApp17 .section2 .tag-card2 .card .bottom {padding: 25px 15px 30px;}
  .livingApp17 .check-list > li {font-size: 15px; padding-left: 25px;}
  .livingApp17 .check-list > li::before {width: 18px;}
  .livingApp17 .check-list > li + li {margin-top: 15px;}
  .livingApp17 .section2 .border-box {padding: 40px 15px;}
  .livingApp17 .section2 .border-box .flex-area > li {width: 100%;}
  .livingApp17 .section2 .border-box .img-area > img {width: 500px;}
  .livingApp17 .section2 .border-box .check-list {margin: 40px auto 0; width: 400px; max-width: 100%;}
  .livingApp17 .table {margin: 0 auto;}
  .livingApp17 .table th {font-size: 16px; line-height: 1.5; padding: 12px 10px;}
  .livingApp17 .table td {padding: 30px 5px 25px;}
  .livingApp17 .table td.category {font-size: 15px;}
  .livingApp17 .table .col1 {width: 63px;}
}
@media (max-width: 500px) {
  .livingApp17 .section1 .gray-card .flex-area {gap: 20px;}
  .livingApp17 .section1 .gray-card .card {gap: 20px;}
  .livingApp17 .section1 .gray-card .card .icon-img {width: 60px;}
  .livingApp17 .section1 .tag-card .flex-area .card {width: 250px;}
  .livingApp17 .section1 .note-card .flex-area .card {width: 265px;}
  .livingApp17 .section1 .note-card .card .line {width: 190px;}
  .livingApp17 .table th {font-size: 15px; padding: 12px 5px;}
  .livingApp17 .table td .desc {margin-top: 20px;}
}
@media (max-width: 360px) {
  .livingApp17 .section1 .gray-card .flex-area > li:nth-child(1) .card .desc br,
  .livingApp17 .section1 .gray-card .flex-area > li:nth-child(2) .card .desc br {display: none;}
}
@media (max-width: 340px) {
  .livingApp17 .section1 .tag-card.type2 .flex-area {gap: 20px;}
  .livingApp17 .section1 .tag-card.type2 .flex-area > li {width: 100%; margin: 0 auto;}
  .livingApp17 .section1 .tag-card.type2 .flex-area .card {width: 250px; margin: 0 auto; max-width: 100%;}
}







/* livingApp18 */
.livingApp18 {}
.livingApp18 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp18 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp18 .mob-show-edit {display: none;}
.livingApp18 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp18 .flex-area * {box-sizing: border-box;}
.livingApp18 .point-title {margin: 30px auto;}
.livingApp18 .point-title .point {display: inline-block; background-color: #00b6f0; font-size: 20px; border-radius: 40px; width: 140px; padding: 5px 20px; box-sizing: border-box; color: #fff; font-weight: 500;}
.livingApp18 .point-title .tit {display: block; color: #242424; font-weight: 500; font-size: 22px; margin-top: 20px;}
.livingApp18 .border-box {border: 2px solid #00b6f0; border-radius: 15px; margin: 30px auto 60px;}
.livingApp18 .section2 .border-box .box-inner {padding: 60px 100px;}
.livingApp18 .section2 .border-box .card-list > li + li {margin-top: 50px;}
.livingApp18 .section2 .border-box .card-list .flex-area {gap: 60px; align-items: center;}
.livingApp18 .section2 .border-box .card-list .flex-area .card-img {width: 274px;}
.livingApp18 .section2 .border-box .card-list .flex-area .card-txt {width: calc(100% - 335px); text-align: left;}
.livingApp18 .section2 .border-box .card-list .flex-area .card-txt .tit {display: block; font-weight: 400; font-size: 20px; color: #00b6f0; }
.livingApp18 .section2 .border-box .card-list .flex-area .card-txt .desc {color: #626262; font-size: 17px; padding-top: 15px; border-top: 1px solid #00b6f0; margin-top: 15px;}
.livingApp18 .section2 .border-box.type2 .box-inner {padding: 60px 150px;}
.livingApp18 .section2 .border-box.type2 .card-list .flex-area {align-items: center;}
.livingApp18 .section3 .lineup .flex-area {gap: 80px 120px;}
.livingApp18 .section3 .lineup .flex-area > li {width: calc(50% - 60px);}
.livingApp18 .section3 .lineup .desc-area .top {background-color: #00b6f0; font-size: 20px; color: #fff; padding: 10px 15px;}
.livingApp18 .section3 .lineup .desc-area .bottom {padding: 20px 60px; border-bottom: 1px solid #00b6f0;}
.livingApp18 .section3 .lineup .lineup3 .desc-area .bottom {padding: 20px 10px;}
.livingApp18 .section3 .lineup .desc-area .table {text-align: left; font-size: 17px;}
.livingApp18 .section3 .lineup .desc-area .table .col1 {width: 130px;}
.livingApp18 .section3 .lineup .desc-area .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.livingApp18 .section3 .lineup .desc-area .table th {color: #00b6f0; font-weight: 400; padding: 1px; vertical-align: top;}
.livingApp18 .section3 .lineup .desc-area .table td {color: #626262; padding: 1px; vertical-align: top;}

@media (max-width: 1000px) {
  .livingApp18 .section2 .border-box .box-inner {padding: 50px 60px;}
  .livingApp18 .section2 .border-box.type2 .box-inner {padding: 50px 110px;}
  .livingApp18 .section3 .lineup .flex-area {gap: 80px 70px;}
  .livingApp18 .section3 .lineup .flex-area > li {width: calc(50% - 35px);}
  .livingApp18 .section3 .lineup .desc-area .table {font-size: 16px}
  .livingApp18 .section3 .lineup .desc-area .table .col1 {width: 120px;}
}
@media (max-width: 900px) {
  .livingApp18 .caption {font-size: 16px;}
  .livingApp18 hr {margin: 90px auto;} 
  .livingApp18 strong.title {margin-bottom: 25px;}
  .livingApp18 strong.title.sub-title {margin-top: 60px;}
  .livingApp18 .point-title .point {font-size: 15px; font-weight: 400; width: 120px;}
  .livingApp18 .point-title .tit {font-size: 18px}
  .livingApp18 .section2 .border-box .card-list .flex-area {gap: 40px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-img {width: 254px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt {width: calc(100% - 295px);}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt .tit {font-size: 18px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt .desc {font-size: 16px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt .desc br {display: none;}
  .livingApp18 .section3 .lineup .desc-area .top {font-size: 18px}
  .livingApp18 .section3 .lineup .desc-area .bottom {padding: 20px 40px;}
  .livingApp18 .section3 .lineup .flex-area {gap: 80px 40px;}
  .livingApp18 .section3 .lineup .flex-area > li {width: calc(50% - 20px);}
  .livingApp18 .section3 .lineup .desc-area .table {font-size: 15px;}
}
@media (max-width: 768px) {
  .livingApp18 .pc-show-edit {display: none;}
  .livingApp18 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp18 .flex-area > li {width: 100%;}
  .livingApp18 .section2 .border-box .box-inner {padding: 40px 30px;}
  .livingApp18 .section2 .border-box .card-list .flex-area {gap: 20px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-img {width: 100%;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-img > img {width: 200px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt {width: 100%; text-align: center;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt .tit {font-size: 16px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt .desc {font-size: 15px; width: 410px; margin: 15px auto 0; max-width: 100%;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt .desc br {display: block;}
  .livingApp18 .section2 .border-box.type2 .box-inner {padding: 40px 30px;}
  .livingApp18 .section3 .lineup .flex-area {width: 390px; margin: 0 auto; max-width: 100%;}
  .livingApp18 .section3 .lineup .flex-area > li {width: 100%;}
  .livingApp18 .section3 .lineup .desc-area .top {font-size: 16px}
  .livingApp18 .section3 .lineup .desc-area .bottom {padding: 20px 10px;}
  .livingApp18 .section3 .lineup .desc-area .table {width: 260px; max-width: 100%; margin: 0 auto;}
  .livingApp18 .section3 .lineup .lineup3 .desc-area .table {width: 340px;}
  .livingApp18 .section3 .lineup .desc-area .table .col1 {width: 100px;}
  .livingApp18 .section3 .lineup .lineup-img {width: 180px; max-width: 100%; margin: 0 auto;}
}
@media (max-width: 460px) {
  .livingApp18 .section2 .border-box .box-inner {padding: 40px 20px;}
  .livingApp18 .section2 .border-box .card-list .flex-area .card-txt .desc br {display: none;} 
  .livingApp18 .section2 .border-box.type2 .box-inner {padding: 40px 20px;}
}


/* livingApp19 */
.livingApp19 {}
.livingApp19 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp19 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp19 .mob-show-edit {display: none;}
.livingApp19 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp19 .flex-area * {box-sizing: border-box;}
.livingApp19 b {font-weight: 500;}
.livingApp19 .img-name {text-align: center; color: #626262; font-size: 17px; margin-top: 30px;}
.livingApp19 .round-border-box {position: relative;}
.livingApp19 .round-border-box.add-title {padding-top: 25px;}
.livingApp19 .round-border-box .box {border: 2px solid #cde1f5; border-radius: 15px; padding: 80px 15px 70px;}
.livingApp19 .round-border-box .flex-area {gap: 100px;}
.livingApp19 .round-border-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.livingApp19 .round-border-box .box-title > span {display: inline-block; color: #fff; background-color: #00b6f2; border-radius: 50px; font-size: 20px; padding: 10px 5px; width: 280px; max-width: 100%; box-sizing: border-box;}
.livingApp19 .round-border-box p {margin-top: 20px; font-size: 20px; color: #626262; }
.livingApp19 .round-border-box p > span {display: block; color: #00b6f2; margin-bottom: 10px;}
.livingApp19 p.text .txt-title {display: block; font-weight: 500;}

@media (max-width: 900px) {
  .livingApp19 .caption {font-size: 16px;}
  .livingApp19 hr {margin: 90px auto;} 
  .livingApp19 strong.title {margin-bottom: 25px;}
  .livingApp19 strong.title.sub-title {margin-top: 60px;}
  .livingApp19 .img-name {font-size: 16px; margin-top: 20px;}
  .livingApp19 .round-border-box.add-title {padding-top: 23px;}
  .livingApp19 .round-border-box .box-title > span {font-size: 17px}
  .livingApp19 .round-border-box .flex-area {gap: 60px;}
  .livingApp19 .round-border-box p {font-size: 17px}
}
@media (max-width: 768px) {
  .livingApp19 .pc-show-edit {display: none;}
  .livingApp19 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp19 .flex-area > li {width: 100%;}
  .livingApp19 .round-border-box.add-title {padding-top: 22px;}
  .livingApp19 .round-border-box .box {padding: 50px 15px;}
  .livingApp19 .round-border-box .box-title > span {font-size: 16px;}
  .livingApp19 .round-border-box .flex-area {gap: 30px;}
  .livingApp19 .round-border-box .flex-area > li {display: flex; align-items: center; justify-content: flex-start; gap: 30px; width: 420px; max-width: 100%; margin: 0 auto;}
  .livingApp19 .round-border-box .flex-area > li > img {display: block; width: 130px;}
  .livingApp19 .round-border-box .flex-area > li > p {text-align: left; margin-top: 0; font-size: 16px}
  .livingApp19 .section2 .round-border-box .flex-area > li > p br {display: none;}
}
@media (max-width: 430px) {
  .livingApp19 .round-border-box .flex-area > li {gap: 20px;}
  .livingApp19 .round-border-box .flex-area > li > img {width: 100px;}
  .livingApp19 .round-border-box .box-title > span {width: 230px;}
}





/* livingApp20 */
.livingApp20 {}
.livingApp20 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp20 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp20 .mob-show-edit {display: none;}
.livingApp20 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp20 .flex-area * {box-sizing: border-box;}
.livingApp20 .title-box-round {display:block; margin-bottom: 30px;}
.livingApp20 .title-box-round > span {display: inline-block; background-color: #00b5ef; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 50px; border-radius: 30px; box-sizing: border-box; max-width: 100%;} 
.livingApp20 .section2-1 .border-box {border: 5px solid #eaeaea; padding: 95px 15px;}
.livingApp20 .section6 .border-box {border: 5px solid #eaeaea; padding: 5px 80px; margin: 30px auto;}
.livingApp20 .section6 .list-card > li {padding: 30px 0; position: relative;}
.livingApp20 .section6 .list-card > li::before {content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: url('../images/detail/img-livingApp-20-04-bg.png');}
.livingApp20 .section6 .list-card > li:last-child::before {display: none;}
.livingApp20 .section6 .list-card .flex-area {gap: 50px; align-items: center;}
.livingApp20 .section6 .list-card .flex-area .card-img {width: 130px;}
.livingApp20 .section6 .list-card .flex-area .card-txt {width: calc(100% - 180px); text-align: left;}
.livingApp20 .section6 .list-card .flex-area .card-txt > strong {display: block; color: #242424; font-size: 20px; font-weight: 500;}
.livingApp20 .section6 .list-card .flex-area .card-txt > p {color: #626262; font-size: 17px; margin-top: 10px;}
.livingApp20 .section7 .title-box-round > span {width: 300px; max-width: 100%;}
.livingApp20 .section7 .interview {margin: 30px 20px;}
.livingApp20 .section7 .interview .box {position: relative; margin-left: 20px; background-color: #ecf4f9; border-radius: 50px; padding: 60px;}
.livingApp20 .section7 .interview .box::before {content: ''; width: 52px; height: 52px; background: url('../images/detail/img-livingApp-20-05-bg.png') no-repeat; position: absolute; top: 0; left: -22px;}
.livingApp20 .section7 .interview .box .item-list > li + li::before {content: ''; margin: 80px auto; width: 100%; height: 1px; background-color: #c5d6e1; display: block;}
.livingApp20 .section7 .interview .box .top {text-align: left; display: flex; gap: 20px; align-items: center;}
.livingApp20 .section7 .interview .box .top .name {color: #626262; font-size: 17px; width: calc(100% - 110px);}
.livingApp20 .section7 .interview .box .top .name > strong {color: #242424; font-weight: 500;}
.livingApp20 .section7 .interview .box .bottom {margin-top: 25px; text-align: left;}
.livingApp20 .section7 .interview .box .bottom .tit {display: block; color: #242424; font-size: 20px; font-weight: 500;}
.livingApp20 .section7 .interview .box .bottom > p {margin-top: 20px; color: #626262; font-size: 17px;}

@media (max-width: 900px) {
  .livingApp20 .caption {font-size: 16px;}
  .livingApp20 hr {margin: 90px auto;} 
  .livingApp20 strong.title {margin-bottom: 25px;}
  .livingApp20 strong.title.sub-title {margin-top: 60px;}
  .livingApp20 .title-box-round > span {font-size: 18px; padding: 7px 30px}
  .livingApp20 .section6 .border-box {padding: 10px 20px;}
  .livingApp20 .section6 .list-card .flex-area .card-txt > strong {font-size: 18px;}
  .livingApp20 .section6 .list-card .flex-area .card-txt > p {font-size: 16px;}
  .livingApp20 .section7 .interview .box {padding: 60px 30px;}
  .livingApp20 .section7 .interview .box .item-list > li + li::before {margin: 70px auto;}
  .livingApp20 .section7 .interview .box .top .name {font-size: 16px;}
  .livingApp20 .section7 .interview .box .bottom .tit {font-size: 18px;}
  .livingApp20 .section7 .interview .box .bottom > p {font-size: 16px;}
}
@media (max-width: 768px) {
  .livingApp20 .pc-show-edit {display: none;}
  .livingApp20 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp20 .flex-area > li {width: 100%;}
  .livingApp20 .title-box-round > span {width: 300px; max-width: 100%;}
  .livingApp20 .section2-1 .border-box {border: initial; padding: 20px 0;}
  .livingApp20 .section6 .border-box {padding: 10px 15px;}
  .livingApp20 .section6 .list-card > li {padding: 40px 0;}
  .livingApp20 .section6 .list-card .flex-area {gap: 20px;}
  .livingApp20 .section6 .list-card .flex-area .card-img {width: 100px;}
  .livingApp20 .section6 .list-card .flex-area .card-txt {width: 100%;}
  .livingApp20 .section6 .list-card .flex-area .card-txt > strong {text-align: center;}
  .livingApp20 .section7 .interview {margin: 30px 0;}
  .livingApp20 .section7 .interview .box {padding: 40px 20px; border-radius: 40px;}
  .livingApp20 .section7 .interview .box .item-list > li + li::before {margin: 50px auto;}
  .livingApp20 .section7 .interview .box .top {gap: 15px;}
  .livingApp20 .section7 .interview .box .top .picture {width: 70px;}
  .livingApp20 .section7 .interview .box .top .name {width: calc(100% - 90px);}
  .livingApp20 .section7 .interview .box .top .name > span {display: block; font-size: 15px;}
}
@media (max-width: 400px) {
  .none400 {display: none !important;}
  .livingApp20 .section7 .interview .box {padding: 40px 15px;}
}


/* livingApp21 */
.livingApp21 {}
.livingApp21 .title .color {display: block; color: #d18500; }
.livingApp21 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp21 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp21 .mob-show-edit {display: none;}
.livingApp21 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp21 .flex-area * {box-sizing: border-box;}
.livingApp21 .border-box {border: 2px solid #d18500; border-radius: 20px; padding: 110px 50px 90px;}
.livingApp21 .border-box * {box-sizing: border-box;}
.livingApp21 .title-top-box {padding-top: 47px; position: relative;}
.livingApp21 .title-top-box .tag-title {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;}
.livingApp21 .title-top-box .tag-title .bg {width: 300px; position: relative; background-color: #d18500; color: #fff; font-size: 22px; font-weight: 400; padding: 8px; margin: 0 auto; z-index: 1;}
.livingApp21 .title-top-box .tag-title .bg::before {content: ''; width: 60px; height: 49px; border-radius: 10px 0 0 0; background-color: #d18500; transform: skew(-40deg); position: absolute; top: 0; left: -34px; z-index: -1;}
.livingApp21 .title-top-box .tag-title .bg::after {content: ''; width: 60px; height: 49px; border-radius: 0 10px 0 0; background-color: #d18500; transform: skew(-320deg); position: absolute; top: 0; right: -34px; z-index: -1;}
.livingApp21 .section2 .title-top-box .item-list {gap: 70px;}
.livingApp21 .section2 .title-top-box .item-list .item-txt {margin-top: 15px;}
.livingApp21 .section2 .title-top-box .item-list .item-txt .name {display: block; color: #563600; font-weight: 500; font-size: 20px; }
.livingApp21 .section2 .title-top-box .item-list .item-txt .desc {color: #626262; margin-top: 10px; font-size: 17px;}
.livingApp21 .section4 .gray-border-box {border: 5px solid #eaeaea; padding: 75px 15px 90px;}
.livingApp21 .section4 .gray-border-box .box-img {max-width: 100%; margin: 0 auto;}
.livingApp21 .section4 .gray-border-box .box-title {display: block; margin-top: 60px; color: #242424; font-size:  22px; font-weight: 500; }
.livingApp21 .section4 .gray-border-box .text {margin-top: 30px;}
.livingApp21 .section5 .border-box {background-color: #faf5e9; padding-top: 60px;}
.livingApp21 .section5 .border-box * {box-sizing: border-box;}
.livingApp21 .section5 .border-box .box1 p {color: #563600; font-size: 17px; margin-top: 20px;}
.livingApp21 .section5 .border-box .box2 {margin: 60px auto 0; background-color: #eadbc1; border-radius: 20px; padding: 40px 55px; width: 760px; max-width: 100%;}
.livingApp21 .section5 .border-box .box2 .flex-area {justify-content: space-around; align-items: center; flex-direction: row-reverse}
.livingApp21 .section5 .border-box .box2 .box-txt {color: #563600; text-align: left;}
.livingApp21 .section5 .border-box .box2 .box-txt strong {display: block; font-size: 22px; font-weight: 500; }
.livingApp21 .section5 .border-box .box2 .box-txt strong + p {margin-top: 20px;}
.livingApp21 .section5 .border-box .box2 .box-txt p {font-size: 17px; margin-top: 5px;}
.livingApp21 .section5 .border-box .box3 {margin-top: 60px;}
.livingApp21 .section6 .border-box {padding: 60px 40px;}
.livingApp21 .section6 .border-box .txt-area {text-align: left;}
.livingApp21 .section6 .border-box .txt-area > li + li {margin-top: 60px; padding-top: 60px; border-top: 1px solid #d3d3d3}
.livingApp21 .section6 .border-box .txt-area .box-title {display: block; color: #563600; font-weight: 500; font-size: 20px;}
.livingApp21 .section6 .border-box .txt-area p {font-size: 17px; color: #626262; margin-top: 20px;}
.livingApp21 .section6 .border-box .txt-area .color-box {background-color: #eadbc1; border-radius: 10px; color: #563600; font-size: 20px; font-weight: 500; margin-top: 50px; padding: 15px; text-align: center; }

@media (max-width: 990px) {
  .livingApp21 .border-box {padding: 80px 15px;}
  .livingApp21 .section2 .title-top-box .item-list {gap: 50px;}
}
@media (max-width: 900px) {
  .livingApp21 .caption {font-size: 16px;}
  .livingApp21 hr {margin: 90px auto;} 
  .livingApp21 strong.title {margin-bottom: 25px;}
  .livingApp21 strong.title.sub-title {margin-top: 60px;}
  .livingApp21 .title-top-box {padding-top: 39px;}
  .livingApp21 .title-top-box .tag-title .bg {font-size: 17px; width: 230px; padding: 8px 5px;}
  .livingApp21 .title-top-box .tag-title .bg::before {width: 50px; height: 47px; transform: skew(-30deg); left: -26px;}
  .livingApp21 .title-top-box .tag-title .bg::after {width: 50px; height: 47px; transform: skew(-330deg); right: -26px;}
  .livingApp21 .section2 .title-top-box .item-list {gap: 30px;}
  .livingApp21 .section2 .title-top-box .item-list .item-txt .name {font-size: 16px;}
  .livingApp21 .section2 .title-top-box .item-list .item-txt .desc {font-size: 15px;}
  .livingApp21 .section4 .gray-border-box .box-img {width: 180px;}
  .livingApp21 .section4 .gray-border-box .box-title {font-size: 17px; margin-top: 30px;}
  .livingApp21 .section4 .gray-border-box .text {margin-top: 15px;}
  .livingApp21 .section5 .border-box {padding-top: 50px;}
  .livingApp21 .section5 .border-box .box1 p {font-size: 16px;}
  .livingApp21 .section5 .border-box .box1 .box-img img {width: 100px;}
  .livingApp21 .section5 .border-box .box2 .box-txt strong {font-size: 18px;}
  .livingApp21 .section5 .border-box .box2 .box-txt p {font-size: 16px;}
  .livingApp21 .section6 .border-box {padding: 40px 15px; }
  .livingApp21 .section6 .border-box .txt-area > li {padding: 0;}
  .livingApp21 .section6 .border-box .txt-area .box-title {font-size: 18px;}
  .livingApp21 .section6 .border-box .txt-area p {font-size: 16px;}
  .livingApp21 .section6 .border-box .txt-area .color-box {font-size: 17px; margin-top: 40px;}
}
@media (max-width: 768px) {
  .livingApp21 .pc-show-edit {display: none;}
  .livingApp21 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp21 .flex-area > li {width: 100%;}
  .livingApp21 .border-box {padding: 50px 15px;}
  .livingApp21 .section2 .title-top-box .item-list {width: 390px; max-width: 100%; margin: 0 auto; gap: 40px;}
  .livingApp21 .section2 .title-top-box .item-list .item {display: flex; align-items: center; justify-content: center; gap: 20px;}
  .livingApp21 .section2 .title-top-box .item-list .item-img {width: 110px;}
  .livingApp21 .section2 .title-top-box .item-list .item-txt {text-align: left; width: calc(100% - 140px); margin-top: 0;}
  .livingApp21 .section2 .title-top-box .item-list .item-txt .name {font-size: 17px;}
  .livingApp21 .section4 .gray-border-box {padding: 50px 15px;}
  .livingApp21 .section4 .gray-border-box .box-img {width: 160px;}
  .livingApp21 .section4 .gray-border-box .box-title {font-size: 16px;}
  .livingApp21 .section5 .border-box {padding-top: 40px;}
  .livingApp21 .section5 .border-box .box2 {margin-top: 40px; padding: 30px 15px;}
  .livingApp21 .section5 .border-box .box2 .box-img img {width: 220px;}
  .livingApp21 .section5 .border-box .box2 .box-txt {text-align: center;}
  .livingApp21 .section5 .border-box .box2 .box-txt strong {font-size: 17px;}
  .livingApp21 .section5 .border-box .box2 .box-txt p {font-size: 15px;}
  .livingApp21 .section5 .border-box .box2 .box-txt strong + p {margin-top: 10px;}
  .livingApp21 .section5 .border-box .box3 {margin-top: 40px;}
  .livingApp21 .section6 .border-box .txt-area .box-title {text-align: center;}
  .livingApp21 .section6 .border-box .txt-area p {font-size: 15px;}
  .livingApp21 .section6 .border-box .txt-area .color-box {font-size: 16px; margin-top: 30px;}
}
@media (max-width: 460px) {
  .livingApp21 .title-top-box .tag-title .bg {font-size: 16px; width: 212px;}
  .livingApp21 .title-top-box .tag-title .bg::before {left: -19px; transform: skew(-25deg);}
  .livingApp21 .title-top-box .tag-title .bg::after {right: -19px; transform: skew(-335deg);}
  .livingApp21 .section2 .title-top-box .item-list .item-img {width: 100px;}
  .livingApp21 .section2 .title-top-box .item-list .item-txt {width: calc(100% - 120px);}
  .livingApp21 .section2 .title-top-box .item-list .item-txt .desc {margin-top: 10px;}
  .livingApp21 .section2 .title-top-box .item-list .item-txt .desc > br {display: none;}
  .livingApp21 .section5 .title-top-box .tag-title .bg {width: 160px;}
  .livingApp21 .section5 .border-box .box1 p br,
  .livingApp21 .section6 .border-box .txt-area > li:nth-child(1) .color-box br, 
  .livingApp21 .section6 .border-box .txt-area > li:nth-child(2) .box-title br {display: none;} 
}



/* livingApp22 */
.livingApp22 {}
.livingApp22 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp22 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp22 .mob-show-edit {display: none;}
.livingApp22 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp22 .flex-area * {box-sizing: border-box;}
.livingApp22 strong.title.color {color: #00b5ef}
.livingApp22 strong.title > span {font-weight: 400;}
.livingApp22 strong.sub-title {font-weight: 400; color: #242424; font-size: 22px; margin-bottom: 30px; display: block;}
.livingApp22 .img-title-box {position: relative; padding-top: 30px;}
.livingApp22 .img-title-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.livingApp22 .img-title-box .box-title > span {display: inline-block; color: #fff; background-color: #00b5ef; border-radius: 30px; font-size: 22px; padding: 13px 30px; max-width: 100%; box-sizing: border-box;}
.livingApp22 .img-title-box .box {background-color: #f4f7fa; padding: 100px 15px;}
.livingApp22 .img-title-box .box * {box-sizing: border-box;}
.livingApp22 .title-box-round {display:block; margin-bottom: 30px;}
.livingApp22 .title-box-round > span {display: inline-block; background-color: #7db4ce; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 60px; border-radius: 30px;} 
.livingApp22 .section4 .img-title-box.box1 .check-list {width: 750px; max-width: 100%; text-align: left; margin: 0 auto;}
.livingApp22 .section4 .img-title-box.box1 .check-list > li + li {margin-top: 20px;}
.livingApp22 .section4 .img-title-box.box1 .check-list > li {position: relative; padding-left: 50px; color: #242424; font-size: 22px;}
.livingApp22 .section4 .img-title-box.box1 .check-list > li::before {content: ''; display: block; width: 40px; height: 34px; position: absolute; top: -2px; left: 0; background-image: url('../images/detail/img-livingApp-22-check.png'); background-repeat: no-repeat; background-size: contain}
.livingApp22 .section4 .img-title-box.box2 .box {padding: 80px 15px 60px; }
.livingApp22 .section4 .img-title-box.box2 .flex-area {gap: 120px;}
.livingApp22 .section4 .img-title-box.box2 .circle {border-radius: 50%; background-color: #00b5ef; color: #fff; display: flex; align-items: center; width: 180px; height: 180px; justify-content: center;}
.livingApp22 .section4 .img-title-box.box2 .circle > span {font-size: 28px; font-weight: 500;}
.livingApp22 .section4 .img-title-box.box2 .name {margin-top: 20px; color: #626262; font-size: 17px;}
.livingApp22 .section4 .box3 {background-color: #f4f7fa; padding: 30px 0;}
.livingApp22 .section4 .box3 .flex-area {gap: 0;}
.livingApp22 .section4 .box3 .flex-area > li {width: 50%; padding: 0 40px;}
.livingApp22 .section4 .box3 .flex-area > li + li {border-left: 1px solid #dfe2e6}
.livingApp22 .section4 .box3 .title-box-round > span {padding: 13px 40px;}
.livingApp22 .section4 .box3 .desc {color: #626262; text-align: left; min-height: 170px; font-size: 17px;}
.livingApp22 .section6 .pc-layout {text-align: left;}
.livingApp22 .section6 .mob-layout {display: none;}
.livingApp22 .section6 .pc-layout .flex-area {gap: 40px;}
.livingApp22 .section6 .pc-layout .flex-area > li {width: calc(50% - 20px);}
.livingApp22 .section6 .pc-layout .sub-title {margin-bottom: 20px;}
.livingApp22 .section6 .pc-layout .bottom {margin-top: 60px;}

@media (max-width: 970px) {
  .livingApp22 .section4 .box3 .title-box-round > span {padding: 13px 20px;}
}
@media (max-width: 900px) {
  .livingApp22 .caption {font-size: 16px;}
  .livingApp22 hr {margin: 90px auto;} 
  .livingApp22 strong.title {margin-bottom: 25px;}
  .livingApp22 strong.title.sub-title {margin-top: 60px;}
  .livingApp22 strong.sub-title {font-size: 18px; margin-bottom: 20px;}
  .livingApp22 .img-title-box {padding-top: 20px;}
  .livingApp22 .img-title-box .box-title > span {font-size: 18px; padding: 6px 35px;}
  .livingApp22 .img-title-box .box {padding: 50px 15px;}
  .livingApp22 .title-box-round > span {font-size: 18px; padding: 6px 20px; font-weight: 400;}
  .livingApp22 .section4 .img-title-box.box1 .check-list {width: 550px;}
  .livingApp22 .section4 .img-title-box.box1 .check-list > li {font-size: 16px; padding-left: 35px;}
  .livingApp22 .section4 .img-title-box.box1 .check-list > li::before {width: 30px;}
  .livingApp22 .section4 .img-title-box.box2 .flex-area {gap: 100px;}
  .livingApp22 .section4 .img-title-box.box2 .circle {width: 150px; height: 150px;}
  .livingApp22 .section4 .img-title-box.box2 .circle > span {font-size: 22px;}
  .livingApp22 .section4 .img-title-box.box2 .name {font-size: 16px;}
  .livingApp22 .section4 .box3 .title-box-round > span {padding: 6px 20px;}
  .livingApp22 .section4 .box3 {padding: 40px 15px;}
  .livingApp22 .section4 .box3 .flex-area > li {width: 100%;}
  .livingApp22 .section4 .box3 .desc {font-size: 16px; min-height: initial;}
  .livingApp22 .section4 .box3 .flex-area > li {padding: 0;}
  .livingApp22 .section4 .box3 .flex-area > li + li {border-left: initial; margin-top: 60px;}
  .livingApp22 .section6 .pc-layout {display: none;}
  .livingApp22 .section6 .mob-layout {display: block;}
  .livingApp22 .section6 .mob-layout .image {margin-top: 40px;}
  .livingApp22 .section6 .mob-layout .bottom {margin-top: 50px;}
}
@media (max-width: 768px) {
  .livingApp22 .pc-show-edit {display: none;}
  .livingApp22 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp22 .flex-area > li {width: 100%;}
  .livingApp22 .section4 .img-title-box.box2 .box {padding: 60px 15px;}
  .livingApp22 .section4 .img-title-box.box2 .flex-area {gap: 20px;}
  .livingApp22 .section4 .img-title-box.box2 .flex-area > li {width: 150px;}
}
@media (max-width: 420px) {
  .livingApp22 .section4 .img-title-box.box1 .box {padding-top: 70px;}
  .livingApp22 .section4 .img-title-box.box2 .flex-area > li {width: 110px;}
  .livingApp22 .section4 .img-title-box.box2 .circle {width: 110px; height: 110px;}
  .livingApp22 .section4 .img-title-box.box2 .circle > span {font-size: 20px;}
}
@media (max-width: 340px) {
  .livingApp22 .section3 .title br {display: none;}
}




/* livingApp23 */
.livingApp23 {}
.livingApp23 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.livingApp23 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.livingApp23 .mob-show-edit,
.livingApp23 .mob-show900 {display: none;}
.livingApp23 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.livingApp23 .flex-area * {box-sizing: border-box;}
.livingApp23 strong.title > span {font-weight: 400;}
.livingApp23 strong.sub-title {font-weight: 400; color: #242424; font-size: 22px; margin-bottom: 30px; display: block;}
.livingApp23 p.text + .img {margin-top: 30px;}

.livingApp23 .section1 .card-area {margin-top: 30px;}
.livingApp23 .section1 .card-area .flex-area {gap: 0;}
.livingApp23 .section1 .card-area .flex-area > li {width: 50%;}
.livingApp23 .section1 .card-area .txt-box {background-color: #f2f2f2; padding: 30px 20px; text-align: left;}
.livingApp23 .section1 .card-area .card2 .txt-box {background-color: #e8e8e8;}
.livingApp23 .section1 .card-area .txt-box .name {display: block; font-size: 20px; font-weight: 400;}
.livingApp23 .section1 .card-area .txt-box .dash-list {margin-top: 15px;}
.livingApp23 .section1 .card-area .txt-box .dash-list > li {position: relative; padding-left: 10px; text-align: left; font-size: 15px; color: #626262}
.livingApp23 .section1 .card-area .txt-box .dash-list > li + li {margin-top: 2px;}
.livingApp23 .section1 .card-area .txt-box .dash-list > li::before {content: '-'; position: absolute; left: 0; top: 0;}
.livingApp23 .section7 .img-box {background-color: #fff6e8; padding: 60px 15px;}
.livingApp23 .section7 .img-box .flex-area {gap: 50px 30px; width: 820px; max-width: 100%; margin: 0 auto;}
.livingApp23 .section7 .img-box .flex-area > li {width: 250px;}
.livingApp23 .section7 .img-box .desc {margin-top: 20px; color: #a68065; font-size: 17px;}

@media (max-width: 1000px) {
  .livingApp23 .section1 .card-area .txt-box {padding: 30px 15px; min-height: 215px}
  .livingApp23 .section1 .card-area .txt-box .name {font-size: 16px; font-weight: 500;}
}
@media (max-width: 900px) {
  .livingApp23 .caption {font-size: 16px;}
  .livingApp23 hr {margin: 90px auto;} 
  .livingApp23 strong.title {margin-bottom: 25px;}
  .livingApp23 strong.title.sub-title {margin-top: 60px;}
  .livingApp23 strong.sub-title {font-size: 18px; margin-bottom: 20px;}
  .livingApp23 .pc-show900 {display: none;}
  .livingApp23 .mob-show900 {display: block; margin: 0 auto;}
  .livingApp23 .section1 .card-area .txt-box {width: 660px; margin: 0 auto; max-width: 100%; min-height: initial}
  .livingApp23 .section1 .card-area .txt-box .dash-list > li {font-size: 16px}
  .livingApp23 .section1 .card-area .flex-area > li {width: 100%;}
  .livingApp23 .section7 .img-box .flex-area > li {width: 220px;}
  .livingApp23 .section7 .img-box img {width: 130px;}
  .livingApp23 .section7 .img-box .desc {font-size: 15px;}
}
@media (max-width: 768px) {
  .livingApp23 .pc-show-edit {display: none;}
  .livingApp23 .mob-show-edit {display: block; margin: 0 auto;}
  .livingApp23 .flex-area > li {width: 100%;}
  .livingApp23 .section7 .img-box {padding: 40px 15px;}
  .livingApp23 .section7 .img-box .flex-area {gap: 40px 20px;}
  .livingApp23 .section7 .img-box .flex-area > li {width: calc(50% - 10px);} 
  .livingApp23 .section7 .img-box img {width: 110px;}
}
@media (max-width: 430px) {
  .livingApp23 .section7 .img-box .desc br {display: none;}

}
@media (max-width: 350px) {
  .livingApp23 .section6 .sub-title br {display: none;}
  
}








/* hemohim7_en */
.hemohim7_en {}
.hemohim7_en .section2 .desc {font-size: 16px;}


/* hemohim8 */ 
.hemohim8 {}
.hemohim8 .section1 {box-sizing: border-box; border-top: 5px solid #e83518; padding-top: 30px; position: relative; width: 800px; max-width: 100%; margin: 0 auto;}
.hemohim8 .section1 .title-section {position: absolute; top: 30px; left: 0; z-index: 1; width: 100%; text-align: left;}
.hemohim8 .section1 .title-section > strong {display: block; color: #e83518; font-size: 26px; font-weight: 500;}
.hemohim8 .section1 .title-section > span {display: block; margin-top: 10px; color: #626262; font-size: 17px; }
@media (max-width: 900px) {
  .hemohim8 .section1 {width: 660px;}
  .hemohim8 .section1 .title-section {top: 15px;}
  .hemohim8 .section1 .title-section > strong {font-size: 20px;}
  .hemohim8 .section1 .title-section > span {font-size: 16px;}
  .hemohim8 .img1 img {width: 110px;}
}


/* hemohim9 */ 
.hemohim9 {}
.hemohim9 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hemohim9 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hemohim9 .news-link {text-align: right; box-sizing: border-box; margin: 20px auto 0;}
.hemohim9 .news-link > a {display: inline-block; color: #242424; font-size: 17px; padding-bottom: 3px; border-bottom: 1px solid #242424; font-weight: 500;}

@media (max-width: 900px) {
  .hemohim9 .caption {font-size: 16px;}
  .hemohim9 hr {margin: 90px auto;} 
  .hemohim9 .news-link > a {font-size: 16px;}
}


/* hemohim10 */
.hemohim10 {}
.hemohim10 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hemohim10 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hemohim10 .mob-show-edit {display: none;}
.hemohim10 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.hemohim10 .flex-area * {box-sizing: border-box;}
.hemohim10 .title.color1 {color: #ff5050}
.hemohim10 .title.color2 {color: #00b6f0}
.hemohim10 .title > span {font-weight: 400;}
.hemohim10 .title-box-area {margin-bottom: 50px;}
.hemohim10 .title-box {position: relative; border: 4px solid #ff5050; display: inline-block; padding: 0 35px;}
.hemohim10 .title-box::before {content: ''; width: calc(100% - 26px); height: calc(100% + 8px); background-color: #fff; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); z-index: 1;}
.hemohim10 .title-box > * {z-index: 2; position: relative;;}
.hemohim10 .title-box .sub-tit {display: block; color: #626262; font-size: 17px; line-height: 1;}
.hemohim10 .title-box .sub-tit + .tit {margin-top: 5px;}
.hemohim10 .title-box .tit {display: block; color: #ff5050; font-size: 30px; font-weight: 500; line-height: 1.2;}
.hemohim10 .sub-tit-area {margin: 50px auto;}
.hemohim10 .title-round .tit {display: inline-block; background-color: #ff5050; border-radius: 50px; padding: 5px;}
.hemohim10 .title-round .tit > span {display: inline-block; border: 1px solid #ffb5b5; border-radius: 50px; color: #fff; font-weight: 500; font-size: 22px; line-height: 1; padding: 13px 78px;}
.hemohim10 .section2 .flex-area {gap: 35px;}
.hemohim10 .section2 .flex-area > li {width: calc(33.33% - 44px);}
.hemohim10 .section2 .flex-area .card {border-radius: 15px; overflow: hidden;}
.hemohim10 .section2 .flex-area .card .desc {background-color: #ff5050; font-size: 20px; color: #fff; padding: 15px 5px;}
.hemohim10 .section3 .box-gray {font-weight: 500; font-size: 22px; color: #fff; display: inline-block; background-color: #626262; width: 340px; max-width: 100%; padding: 13px 10px;}
.hemohim10 .section4 .gray-box {background-color: #f3f3f3; padding: 60px 30px;}
.hemohim10 .section4 .gray-box .gray-box-tit {display: block; color: #ff5050; font-size: 22px; font-weight: 500; margin-bottom: 30px;}
.hemohim10 .section4 .gray-box .card-area {gap: 40px;}
.hemohim10 .section4 .gray-box .card-area > li {width: 380px; max-width: 100%;}
.hemohim10 .section4 .gray-box .card {overflow: hidden; border-radius: 15px;}
.hemohim10 .section4 .gray-box .card .top {background-color: #ff5050; color: #fff; font-weight: 400; font-size: 20px; padding: 15px 10px;}
.hemohim10 .section4 .gray-box .card .bottom {background-color: #fff; padding: 0 30px;}
.hemohim10 .section4 .gray-box .card .bottom .list-icon > li {padding: 20px 30px; position: relative;}
.hemohim10 .section4 .gray-box .card .bottom .list-icon > li + li::before {content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background: url('../images/detail/img-hemohim-10-04-dash.png') repeat;}
.hemohim10 .section4 .gray-box .card .bottom .list-icon .desc {font-size: 20px; font-weight: 500; color: #242424; line-height: 1.3;}
.hemohim10 .section4 .gray-box .card.red .bottom .list-icon > li {display: flex; align-items: center;}
.hemohim10 .section4 .gray-box .card.red .bottom .list-icon .desc-area {width: calc(100% - 88px); }
.hemohim10 .section4 .gray-box .card.red .bottom .list-icon .desc > em {color: #ff5050}
.hemohim10 .section4 .gray-box .card.green .top {background-color: #146434;}
.hemohim10 .section4 .gray-box .card.green .bottom .list-icon .desc-area {margin-top: 17px;}
.hemohim10 .section4 .gray-box .card.green .bottom .list-icon .desc > em {color: #146434}
.hemohim10 .section5 .txt-card-area {gap: 40px;}
.hemohim10 .section5 .txt-card-area > li {width: 380px; max-width: 100%;}
.hemohim10 .section5 .txt-card {border-radius: 15px; overflow: hidden; box-shadow: 5px 5px 20px 5px rgba(243,243,243,1);}
.hemohim10 .section5 .txt-card .top {background-color: #ff5050; color: #fff; font-weight: 400; font-size: 20px; padding: 15px 5px;}
.hemohim10 .section5 .txt-card .bottom {background-color: #fff; padding: 60px 5px;}
.hemohim10 .section5 .txt-card .bottom .num {display: block; font-size: 50px; font-weight: 500; color: #ff5050; line-height: 1;}
.hemohim10 .section5 .txt-card .bottom .date {color: #626262; font-size: 17px; margin-top: 15px;}
.hemohim10 .section5 .txt-card .bottom .round {display: inline-block; background-color: #ff5050; color: #fff; border-radius: 50px; font-size: 20px; padding: 10px 20px; width: 280px; max-width: 100%; margin-top: 30px;}
.hemohim10 .section9 .gray-box {background-color: #f3f3f3; padding: 55px 15px;}
.hemohim10 .section9 .gray-box .box-tit {font-size: 22px; color: #242424; margin-bottom: 40px;}
.hemohim10 .section9 .img-list {align-items: flex-start;}
.hemohim10 .section9 .img-list > li {width: calc(25% - 25px);}
.hemohim10 .section9 .img-list .name {margin-top: 25px; color: #242424; font-size: 22px; font-weight: 500;}
.hemohim10 .section9 .img-list .name > span {font-weight: 400; color: #626262; font-size: 17px; display: block;}
.hemohim10 .section9 .img-list > li:nth-child(4) .name br {display: none;}
@media (max-width: 950px) {
  .hemohim10 .section9 .img-list .name {font-size: 20px}
}
@media (max-width: 900px) {
  .hemohim10 .caption {font-size: 16px;}
  .hemohim10 hr {margin: 90px auto;} 
  .hemohim10 strong.title {margin-bottom: 25px;}
  .hemohim10 strong.title.sub-title {margin-top: 60px;}
  .hemohim10 .title-box {padding: 0 25px;}
  .hemohim10 .title-box-area {margin-bottom: 35px;}
  .hemohim10 .title-box::before {width: calc(100% - 12px);}
  .hemohim10 .title-box .sub-tit {font-size: 15px}
  .hemohim10 .title-box .tit {font-size: 23px; margin-bottom: 0;}
  .hemohim10 .sub-tit-area {margin: 35px auto;}
  .hemohim10 .title-round .tit > span {font-size: 20px; padding: 10px 38px;}
  .hemohim10 .section2 .flex-area {gap: 20px;}
  .hemohim10 .section2 .flex-area .card .desc {font-size: 15px; padding: 11px 5px;}
  .hemohim10 .section3 .box-gray {font-size: 18px; width: 220px;}
  .hemohim10 .section4 .gray-box {padding: 50px 20px;}
  .hemohim10 .section4 .gray-box .gray-box-tit {font-size: 20px}
  .hemohim10 .section4 .gray-box .card-area > li {width: 300px;}
  .hemohim10 .section4 .gray-box .card .bottom .list-icon .icon-img {width: 60px; margin: 0 auto;}
  .hemohim10 .section4 .gray-box .card.red .bottom .list-icon .desc-area {width: calc(100% - 60px);}
  .hemohim10 .section4 .gray-box .card .bottom .list-icon .desc {font-size: 17px}
  .hemohim10 .section4 .gray-box .card.green .bottom .list-icon > li {padding: 15px 15px;}
  .hemohim10 .section4 .gray-box .card.green .bottom .list-icon .desc-area {margin-top: 6px;}
  .hemohim10 .section5 .txt-card-area {gap: 20px;}
  .hemohim10 .section5 .txt-card-area > li {width: 350px;}
  .hemohim10 .section5 .txt-card .top {padding: 10px 5px;}
  .hemohim10 .section5 .txt-card .bottom {padding: 40px 5px;}
  .hemohim10 .section5 .txt-card .bottom .num {font-size: 45px}
  .hemohim10 .section5 .txt-card .bottom .date {font-size: 15px;}
  .hemohim10 .section5 .txt-card .bottom .round {font-size: 16px; padding: 7px 20px; width: 220px; margin-top: 20px;}
  .hemohim10 .section9 .gray-box .box-tit {font-size: 20px;}
  .hemohim10 .section9 .img-list {gap: 40px;}
  .hemohim10 .section9 .img-list > li {width: calc(50% - 25px);}
  .hemohim10 .section9 .img-list img {width: 160px;}
  .hemohim10 .section9 .img-list .name {font-size: 16px;}
  .hemohim10 .section9 .img-list .name > span {font-size: 15px;}
}
@media (max-width: 768px) {
  .hemohim10 .pc-show-edit {display: none;}
  .hemohim10 .mob-show-edit {display: block; margin: 0 auto;}
  .hemohim10 .flex-area > li {width: 100%;}
  .hemohim10 .section2 .flex-area > li {width: 100%;}
  .hemohim10 .section2 .flex-area .card {width: 220px; margin: 0 auto; max-width: 100%;}
  .hemohim10 .section4 .gray-box .card .bottom {padding: 0 20px;}
  .hemohim10 .section4 .gray-box .card .bottom .list-icon > li {padding: 20px;}
  .hemohim10 .section5 .txt-card-area {gap: 40px;}
  .hemohim10 .section9 .img-list {gap: 40px 20px;}
  .hemohim10 .section9 .img-list > li {width: calc(50% - 12px);}
  .hemohim10 .section9 .img-list .name {margin-top: 20px;}
}
@media (max-width: 430px) {
  .hemohim10 .title-box {padding: 0 15px;}
  .hemohim10 .title-box .tit {font-size: 21px; letter-spacing: -1px;}
  .hemohim10 .section4 .gray-box {padding: 40px 15px;}
  .hemohim10 .section9 .img-list > li:nth-child(4) .name br {display: block;}
  .hemohim10 .section9 .gray-box {padding: 40px 15px}
}




/* hemohim11 */
.hemohim11 {}
.hemohim11 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hemohim11 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hemohim11 .mob-show-edit {display: none;}
.hemohim11 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.hemohim11 .flex-area * {box-sizing: border-box;}
.hemohim11 .table {border-top: 2px solid #00b5ef; border-bottom: 3px solid #00b5ef;}
.hemohim11 .table + .table {margin-top: 30px;}
.hemohim11 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.hemohim11 .table th, .hemohim11 .table td {border-top: 1px solid #00b5ef; border-right: 1px solid #00b5ef; padding: 13px 5px;}
.hemohim11 .table th:last-child, 
.hemohim11 .table td:last-child {border-right: 0;}
.hemohim11 .table th {color: #00b6f0; font-weight: 400; background-color: #f5fcfe; }
.hemohim11 .table thead th {font-size: 20px; line-height: 1.1; font-weight: 500;}
.hemohim11 .table thead th > span {font-size: 14px;}
.hemohim11 .table td {font-size: 17px; color: #626262; text-align: center;}
.hemohim11 .table tbody tr:first-child td {border-top: 2px solid #00b5ef;}
.hemohim11 .table .col1 {width: 155px;}

@media (max-width: 900px) {
  .hemohim11 .caption {font-size: 16px;}
  .hemohim11 hr {margin: 90px auto;} 
  .hemohim11 strong.title {margin-bottom: 25px;}
  .hemohim11 strong.title.sub-title {margin-top: 60px;}
  .hemohim11 .table thead th {font-size: 18px;}
  .hemohim11 .table td {font-size: 15px;}
}
@media (max-width: 768px) {
  .hemohim11 .pc-show-edit {display: none;}
  .hemohim11 .mob-show-edit {display: block; margin: 0 auto;}
  .hemohim11 .flex-area > li {width: 100%;}
  .hemohim11 .table .col1 {width: 95px;}
  .hemohim11 .table .col2 {width: 48px;}
  .hemohim11 .table td.td-left {text-align: left; padding: 13px 5px 13px 10px;}
}
@media (max-width: 440px) {
  
  .hemohim11 .table thead th {font-size: 16px;}
  .hemohim11 .table td {font-size: 14px;} 
}



/* hemohim12 */
.hemohim12 {}
.hemohim12 .title.color {color: #ff5050}
.hemohim12 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hemohim12 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hemohim12 .mob-show-edit {display: none;}
.hemohim12 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.hemohim12 .flex-area * {box-sizing: border-box;}
.hemohim12 .section0 .img .text {margin-top: 30px;}
.hemohim12 .title-box-round {display:block; margin-bottom: 30px;}
.hemohim12 .title-box-round > span {display: inline-block; background-color: #ff5050; color: #fff; font-size: 22px; padding: 13px 45px; border-radius: 50px;}
.hemohim12 .img-title-box {position: relative; padding-top: 30px;}
.hemohim12 .img-title-box .box-title {position: absolute; top: 0; left: 0; width: 100%;}
.hemohim12 .img-title-box .box-title > span {display: inline-block; color: #fff; background-color: #ff5050; border-radius: 100px; font-size: 18px; padding: 13px 10px; max-width: 100%; box-sizing: border-box; width: 360px;}
.hemohim12 .img-title-box .box-title > span > em {font-size: 14px; font-weight: 400; color: #fff; display: block;}
.hemohim12 .section4 .title-box-round > span {padding: 10px 45px;}
.hemohim12 .section4 .title-box-round em {font-size: 16px; font-weight: 400; color: #fff; display: block; margin-top: 3px;}
.hemohim12 .section4 .gray-box {background-color: #f2f2f2; padding: 60px 50px;}
.hemohim12 .section4 .gray-box .flex-area {gap: 60px;}
.hemohim12 .section4 .gray-box .flex-area > li {width: calc(50% - 30px);}
.hemohim12 .section4 .gray-box p.text {margin-top: 30px;}

@media (max-width: 900px) {
  .hemohim12 .caption {font-size: 16px;}
  .hemohim12 hr {margin: 90px auto;} 
  .hemohim12 strong.title {margin-bottom: 25px;}
  .hemohim12 strong.title.sub-title {margin-top: 60px;}
  .hemohim12 .section0 .img .text {font-size: 15px;}
  .hemohim12 .title-box-round > span {font-size: 17px; padding: 10px 25px;}
  .hemohim12 .img-title-box .box-title > span {font-size: 15px; padding: 10px; width: 260px;}
  .hemohim12 .img-title-box .box-title > span > em {font-size: 13px; font-weight: 300;}
  .hemohim12 .section4 .title-box-round em {font-size: 14px;}
  .hemohim12 .section4 .gray-box .flex-area {gap: 40px;}
  .hemohim12 .section4 .gray-box .flex-area > li {width: calc(50% - 20px);}
  
}
@media (max-width: 768px) {
  .hemohim12 .pc-show-edit {display: none;}
  .hemohim12 .mob-show-edit {display: block; margin: 0 auto;}
  .hemohim12 .flex-area > li {width: 100%;}
  .hemohim12 .section4 .gray-box {padding: 50px 15px;}
  .hemohim12 .section4 .gray-box .flex-area {gap: 50px;}
  .hemohim12 .section4 .gray-box .flex-area > li {width: 100%;}
  .hemohim12 .section4 .title-box-round > span {padding: 10px 25px;}
  .hemohim12 .section4 .gray-box .img-title-box .box-title > span {padding: 5px 10px;}
}



/* hemohim13 */
.hemohim13 {}
.hemohim13 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hemohim13 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hemohim13 .mob-show-edit {display: none;}
.hemohim13 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.hemohim13 .flex-area * {box-sizing: border-box;}
.hemohim13 .border-box {border: 5px solid #eaeaea;}
.hemohim13 .title-box-round {display:block; margin-bottom: 30px;}
.hemohim13 .title-box-round > span {display: inline-block; background-color: #ff5050; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 60px; border-radius: 30px;} 
.hemohim13 .section4 .title > span {display: block; font-size: 22px; font-weight: 400; color: #ff5050; margin-bottom: 20px;}
.hemohim13 .section4 .card-list .flex-area {gap: 20px;}
.hemohim13 .section4 .card-list .flex-area > li {width: calc(33.33% - 15px);}
.hemohim13 .section4 .card-list .name {color: #ff5050; font-size: 20px; margin-top: 25px;}
.hemohim13 .section4 .card-list .desc {color: #626262; font-size: 17px; margin-top: 10px;}
.hemohim13 .section7 .pink-box {background-color: #faf4f4; padding: 70px 15px;}
.hemohim13 .section7 .pink-box .box-title {color: #ff5050; font-weight: 500; font-size: 22px; margin-bottom: 5px;}
.hemohim13 .section7 .pink-box .img-list .flex-area {gap: 50px 150px;}
.hemohim13 .section7 .pink-box .img-list .name {margin-top: 10px; color: #242424; font-size: 20px;}
.hemohim13 .section7 .pink-box .img-list .desc {margin-top: 5px; color: #626262; font-size: 17px;}
.hemohim13 .section7 .border-box {padding: 70px 60px;}
.hemohim13 .section7 .border-box .txt-list {margin-top: 60px; text-align: left;}
.hemohim13 .section7 .border-box .txt-list > li + li {margin-top: 55px;}
.hemohim13 .section7 .border-box .txt-list strong {display: block; font-weight: 500; font-size: 20px; color: #242424;}
.hemohim13 .section7 .border-box .txt-list p {color: #626262; font-size: 17px; margin-top: 10px;}
.hemohim13 .section8 .qna {text-align: left;}
.hemohim13 .section8 .qna > li + li {margin-top: 60px;}
.hemohim13 .section8 .qna strong {display: block; font-weight: 500; color: #242424; font-size: 20px;}
.hemohim13 .section8 .qna p {color: #626262; font-size: 17px; margin-top: 20px;}
.hemohim13 .section8 .name {text-align: right; color: #626262}
.hemohim13 .section8 .name > strong {display: block; color: #242424; font-size: 20px; font-weight: 500;}
.hemohim13 .section9 .border-box {padding: 70px 30px; text-align: left;}
.hemohim13 .section9 .border-box .reviews > li + li {margin-top: 60px;}
.hemohim13 .section9 .border-box .reviews .top {display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
.hemohim13 .section9 .border-box .reviews .top .name {color: #242424; font-size: 20px; font-weight: 500;}
.hemohim13 .section9 .border-box .reviews p {margin-top: 15px; color: #626262; font-size: 17px;  }

@media (max-width: 900px) {
  .hemohim13 .caption {font-size: 16px;}
  .hemohim13 hr {margin: 90px auto;} 
  .hemohim13 strong.title {margin-bottom: 25px;}
  .hemohim13 strong.title.sub-title {margin-top: 60px;}
  .hemohim13 .section4 .title > span {font-size: 18px; margin-bottom: 15px;}
  .hemohim13 .section4 .card-list .name {font-size: 17px; font-weight: 500; margin-top: 20px;}
  .hemohim13 .section4 .card-list .desc {font-size: 15px;}
  .hemohim13 .section7 .pink-box .box-title {font-size: 19px; margin-bottom: 20px;}
  .hemohim13 .section7 .pink-box .img-list .flex-area {gap: 50px 40px;}
  .hemohim13 .section7 .pink-box .img-list .name {font-size: 17px;}
  .hemohim13 .section7 .pink-box .img-list .desc {font-size: 16px;}
  .hemohim13 .section7 .border-box .txt-list strong {font-size: 17px;}
  .hemohim13 .section7 .border-box .txt-list p {font-size: 16px}
  .hemohim13 .section7 .border-box .txt-list > li + li {margin-top: 40px;}
  .hemohim13 .section8 .qna > li + li {margin-top: 45px;}
  .hemohim13 .section8 .qna strong {font-size: 17px;}
  .hemohim13 .section8 .qna p {font-size: 16px; margin-top: 10px;}
  .hemohim13 .section8 .name > strong {font-size: 17px;}
  .hemohim13 .title-box-round > span {font-size: 18px; padding: 6px 40px; font-weight: 400;}
  .hemohim13 .section9 .border-box {padding: 50px 30px;}
  .hemohim13 .section9 .border-box .reviews > li + li {margin-top: 40px;}
  .hemohim13 .section9 .border-box .reviews .top {display: block; text-align: center;}
  .hemohim13 .section9 .border-box .reviews .top .name {font-size: 17px; margin-top: 10px;}
  .hemohim13 .section9 .border-box .reviews p {font-size: 16px;}
  
}
@media (max-width: 768px) {
  .hemohim13 .pc-show-edit {display: none;}
  .hemohim13 .mob-show-edit {display: block; margin: 0 auto;}
  .hemohim13 .flex-area > li {width: 100%;}
  .hemohim13 .section4 .card-list .flex-area {gap: 40px;}
  .hemohim13 .section4 .card-list .flex-area > li {width: 100%;}
  .hemohim13 .section7 .pink-box {padding: 50px 10px;}
  .hemohim13 .section7 .pink-box .img-list .flex-area {gap: 35px 20px;}
  .hemohim13 .section7 .pink-box .img-list .flex-area > li {width: calc(50% - 10px);}
  .hemohim13 .section7 .pink-box .img-list .name {font-size: 16px;}
  .hemohim13 .section7 .pink-box .img-list .desc {font-size: 15px;}
  .hemohim13 .section7 .border-box {padding: 60px 15px;}
  .hemohim13 .section7 .border-box .img-area img {width: 300px;}
  .hemohim13 .section9 .border-box {padding: 50px 15px;}
}
@media (max-width: 370px) {
  .hemohim13 .section5 .title br {display: none}
}










/* hairBody3 */
.hairBody3 {}
.hairBody3 .section3 .box {background-color: #c3e7f8; border-radius: 15px; padding: 66px 50px 50px; }
.hairBody3 .section3 .box .bottom {margin-top: 45px; background-color: #fff; border-radius: 15px; padding: 0 100px 30px; }
.hairBody3 .section3 .box .bottom .title {margin-bottom: 0; padding: 24px 0; border-bottom: 1px solid #00b6f0;}
.hairBody3 .section3 .box .bottom .box-list {margin-top: 25px; padding: 0 8px;}
.hairBody3 .section3 .box .bottom .box-list > li {text-align: left; color: #626262; font-size: 17px; display: flex;}
.hairBody3 .section3 .box .bottom .box-list > li + li {margin-top: 15px;}
.hairBody3 .section3 .box .bottom .box-list > li span {color: #00b6f0; padding-right: 5px;}
.hairBody3 .sub-title {font-size: 20px; text-align: left; margin: 20px auto 15px;}
.hairBody3 .section4 .card-area {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px 25px;}
.hairBody3 .section4 .card-area .card {width: calc(33.33% - 17px);}
.hairBody3 .section4 .card .top {background-color: #00b6f0; color: #fff; font-size: 22px; padding: 11px 2px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.hairBody3 .section4 .card .card-img img {display: block; width: 100%;}
.hairBody3 .section4 .card .card-img img.mob-show-ib {display: none;}
.hairBody3 .section4 .card p {margin-top: 25px; color: #626262; font-size: 17px; text-align: left; letter-spacing: -.2px;}
.hairBody3 .section4 hr {background: #c0c0c0; height: 1px; border: 0; margin: 60px auto;}
.hairBody3 .section5 .text-box {border: 1px solid #80ab73; display: flex; flex-wrap: wrap;}
.hairBody3 .section5 .box {flex: 1;}
.hairBody3 .section5 .box + .box {border-left: 1px solid #80ab73}
.hairBody3 .section5 .box .top {border-bottom: 1px solid #80ab73; background-color: #edf6ea; color: #4e7243; font-size: 22px; padding: 18px 5px;}
.hairBody3 .section5 .box .bottom {padding: 32px 15px; font-size: 17px; text-align: left; color: #626262;}
@media (max-width: 900px) {
  .hairBody3 .section2 .img img {width: 160px;}
  .hairBody3 .section3 .box {padding: 50px 30px 30px;}
  .hairBody3 .section3 .box .top {padding: 0 20px;}
  .hairBody3 .section3 .box .bottom {padding: 0 30px 30px;}
  .hairBody3 .section3 .box .bottom .title {padding: 20px 0;}
  .hairBody3 .section3 .box .bottom .box-list {padding: 0;}
  .hairBody3 .section3 .box .bottom .box-list > li {font-size: 16px;}
  .hairBody3 .section3 .box .bottom .box-list > li + li {margin-top: 13px;}
  .hairBody3 .sub-title {font-size: 18px;}
  .hairBody3 .section4 .card .top {font-size: 18px;}
  .hairBody3 .section4 .card p {font-size: 16px;}
  .hairBody3 .section4 hr {margin: 50px auto;}
  .hairBody3 .section5 .box .top {font-size: 17px; padding: 10px 5px;}
  .hairBody3 .section5 .box .bottom {font-size: 16px; padding: 15px;}
  .hairBody3 .section5 .box {flex: initial; }
  .hairBody3 .section5 .box + .box {border-left: initial; border-top: 1px solid #80ab73}
}
@media (max-width: 768px) {
  .hairBody3 .section3 .box {padding: 50px 15px 25px;}
  .hairBody3 .section3 .box .bottom {margin-top: 30px; padding: 0 15px 25px;}
  .hairBody3 .section3 .box .bottom .box-list {margin-top: 15px;}
  .hairBody3 .section4 .card-area .card {width: calc(50% - 14px);}
}
@media (max-width: 540px) {
  .hairBody3 .section4 .card-area .card {width: 100%;}
  .hairBody3 .section4 .card .card-img img.mob-show-ib {display: block;} 
  .hairBody3 .section4 .card .card-img img.pc-show-ib {display: none;} 
  .hairBody3 .section4 .card p {margin-top: 10px;}
}





/* hairBody4 */
.hairBody4 {}
.hairBody4 hr {background-color: #c0c0c0; height: 1px; border: 0; margin: 100px auto;}
.hairBody4 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box;}
.hairBody4 .section1 .box1 {border-radius: 20px; border: 2px solid #c0c0c0; padding: 60px 30px; }
.hairBody4 .section1 .title.round {display: inline-block; background-color: #478457; color: #fff; border-radius: 30px; padding: 12px 88px;}
.hairBody4 .section1 .title + .img {margin-top: 50px;}
.hairBody4 .mob-show-edit {display: none;}
.hairBody4 .section3 .table * {box-sizing: border-box;}
.hairBody4 .section3 .table table {border: 1px solid #478457; border-bottom: 0;}
.hairBody4 .section3 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.hairBody4 .section3 .table .col1 {width: 26.6%;}
.hairBody4 .section3 .table .col3 {width: 26%;}
.hairBody4 .section3 .table th {background-color: #e0eadc; color: #478457; font-size: 24px; font-weight: 400; border-bottom: 1px solid #478457; height: 70px;}
.hairBody4 .section3 .table th br {display: none;}
.hairBody4 .section3 .table th + th,
.hairBody4 .section3 .table td + td {border-left: 1px solid #478457;}
.hairBody4 .section3 .table td {border-bottom: 1px solid #478457; padding: 30px 15px;}
.hairBody4 .section3 .table td.td-title {font-size: 20px; color: #363636;}
.hairBody4 .section3 .table td .img {margin: 0 auto;}
.hairBody4 .section5 * {box-sizing: border-box;}
.hairBody4 .section5 .memo {background: url('../images/detail/img-hairBody-04-06.png') no-repeat; background-size: 100% 100%; padding: 110px 122px 30px 134px; width: 961px; margin: 45px auto 0; max-width: 100%;}
.hairBody4 .section5 .memo .memo-inner {text-align: left;}
.hairBody4 .section5 .memo .memo-inner > li {padding-bottom: 30px; font-size: 17px;}
.hairBody4 .section5 .memo .memo-inner > li + li {border-top: 1px solid #c0c0c0; padding-top: 30px;}
.hairBody4 .section5 .memo .memo-inner > li:last-child {padding-right: 140px;}
.hairBody4 .section5 .memo strong {display: block; color: #5c56d2; font-weight: 400; position: relative; padding-left: 33px;}
.hairBody4 .section5 .memo strong::before {content: ''; display: block; width: 23px; height: 23px; background: url('../images/detail/img-hairBody-04-06-check.png') no-repeat; background-size: contain; position: absolute; top:2px; left: 0;}
.hairBody4 .section5 .memo p {margin-top: 10px; color: #363636; padding-left: 33px;}
.hairBody4 .img-list {margin-top: 50px; padding: 0 20px;}
.hairBody4 .img-list * {box-sizing: border-box;}
.hairBody4 .img-list > li {display: flex; gap: 40px; flex-wrap: wrap; align-items: center;}
.hairBody4 .img-list > li + li {margin-top: 50px;}
.hairBody4 .img-list .round {width: 199px; }
.hairBody4 .img-list .desc {width: calc(100% - 240px); text-align: left; }
.hairBody4 .img-list .desc > strong {display: block; font-weight: 400; color: #ec5155; font-size: 20px; margin-bottom: 5px;}
.hairBody4 .img-list .desc > p {font-size: 17px; color: #363636;}
.hairBody4 .section7 .img-list .desc > strong {color: #529164}
.hairBody4 .section7 .img-list > li:last-child .round img + img {margin-top: 10px;}
@media (max-width: 900px) {
  .health26 hr {margin: 60px auto;}
  .hairBody4 .section1 .box1 {padding: 40px 15px;}
  .hairBody4 .section1 .title.round {padding: 10px 25px; margin-bottom: 30px;}
  .hairBody4 .section1 .title + .img {margin-top: 30px;}
  .hairBody4 .section3 .table th {font-size: 17px; height: 50px; padding: 13px 5px;}
  .hairBody4 .section3 .table td.td-title {font-size: 17px;}
  .hairBody4 .section3 .table .col1 {width: 16%;}
  .hairBody4 .section5 .memo {padding: 110px 112px 30px 124px;}
  .hairBody4 .section5 .memo .memo-inner > li {font-size: 16px;}
  .hairBody4 .img-list > li {gap: 30px;}
  .hairBody4 .img-list > li + li {margin-top: 40px;}
  .hairBody4 .img-list .round {width: 160px;}
  .hairBody4 .img-list .desc {width: calc(100% - 190px);}
  .hairBody4 .img-list .desc > strong {font-size: 18px}
  .hairBody4 .img-list .desc > p {font-size: 16px;}
  .hairBody4 .img-list .desc > p > br {display: none;}
}
@media (max-width: 768px) {
  .hairBody4 .pc-show-edit {display: none;}
  .hairBody4 .mob-show-edit {display: block; margin: 0 auto;}
  .hairBody4 .section3 .table .col1 {width: 70px;}
  .hairBody4 .section3 .table th {font-size: 15px;}
  .hairBody4 .section3 .table td {padding: 20px 5px;}
  .hairBody4 .section3 .table td.td-title {font-size: 15px;}
  .hairBody4 .section3 .table .img1,
  .hairBody4 .section3 .table .img2 {width: 120px;}
  .hairBody4 .section3 .table .img3 {width: 65px;}
  .hairBody4 .section5 .title + .text {text-align: left;}
  .hairBody4 .section5 .title + .text > br {display: none;}
  .hairBody4 .section5 .memo {padding: 60px 72px 20px 54px; background-image: url('../images/detail/img-hairBody-04-06-mob.png'); margin: 40px -20px 0; width: calc(100% + 40px); max-width: calc(100% + 40px);}
  .hairBody4 .section5 .memo .memo-inner > li {padding-bottom: 20px;}
  .hairBody4 .section5 .memo .memo-inner > li + li {padding-top: 20px;}
  .hairBody4 .section5 .memo .memo-inner > li:last-child {padding-right: 0;}
  .hairBody4 .section5 .memo .memo-inner > li:last-child .small {display: block; padding-right: 60px;} 
  .hairBody4 .section5 .memo strong {padding-left: 27px;}
  .hairBody4 .section5 .memo strong::before {width: 17px; height: 17px; top: 5px;}
  .hairBody4 .section5 .memo p {padding-left: 27px;}
  .hairBody4 .section5 .memo p > br {display: none;}
  .hairBody4 .img-list {padding: 0;}
  .hairBody4 .img-list > li {gap: 25px;}
  .hairBody4 .img-list .round {width: 100%;}
  .hairBody4 .img-list .round img {display: block; width: 160px; margin: 0 auto;}
  .hairBody4 .img-list .desc {width: 100%;}
  .hairBody4 .img-list .desc > strong {text-align: center; margin-bottom: 10px;}
  .hairBody4 .section7 .img-list > li:last-child .round img {display: inline-block;}
  .hairBody4 .section7 .img-list > li:last-child .round img + img {margin-top: 0;}
}
@media (max-width: 430px) {
  .hairBody4 .section3 .table th br {display: block;} 
  .hairBody4 .section5 .memo {padding: 60px 48px 20px 34px;}
  .hairBody4 .img-list .round img {width: 140px;}
  
}




/* hairBody5 */
.hairBody5 {}
.hairBody5 .mob-show-edit {display: none;}
.hairBody5 .flex-area {display: flex; flex-wrap: wrap;}
.hairBody5 p.text > b {font-weight: 500; color: #242424;}
.hairBody5 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hairBody5 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hairBody5 .round-title {position: relative; margin-bottom: 30px;}
.hairBody5 .round-title .round {display: inline-block; background-color: #00b6f0; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 67px; border-radius: 30px; box-sizing: border-box;}
.hairBody5 .round-title .line {display: block; width: 100%; height: 5px; z-index: -1; position: absolute; top: 50%; left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(0,182,240,1) 50%,rgba(255,255,255,1) 99%); margin-top: -2.5px;}
.hairBody5 .round-title.sm {position: relative; margin-bottom: 30px;}
.hairBody5 .round-title.sm .round {display: inline-block; background-color: #00b6f0; color: #fff; font-size: 20px; font-weight: 400; padding: 10px 73px; border-radius: 30px;}
.hairBody5 .round-title.sm.gray .round {background-color: #e7e7e7; color: #626262;}
.hairBody5 .round-title.sm.orange .round {background-color: #f0a663;}
.hairBody5 .section1 .flex-area * {box-sizing: border-box;}
.hairBody5 .section1 .flex-area > li.vs {margin-top: 50px;}
.hairBody5 .section1 .flex-area .img-box {margin-bottom: 30px;}
.hairBody5 .section1 .flex-area .check-list {margin: 0 auto; text-align: left;}
.hairBody5 .section1 .flex-area .check-list > li {position: relative; padding-left: 33px; padding-top: 5px; font-size: 17px; color: #626262; }
.hairBody5 .section1 .flex-area .check-list > li::before {content: ''; width: 28px; height: 30px; background: url('../images/detail/img-hairBody-05-01-check-blue.png') no-repeat; background-size: contain; position: absolute; top: 0; left: 0; }
.hairBody5 .section1 .flex-area > li.gray .check-list> li::before {background: url('../images/detail/img-hairBody-05-01-check-gray.png') no-repeat; background-size: contain;}
.hairBody5 .section1 .flex-area .check-list > li + li {margin-top: 15px;}
.hairBody5 .section1 .flex-area > li.gray .img-box > img {display: block; margin-right: auto;}
.hairBody5 .section1 .table.pc-show-edit {margin-top: 30px;}
.hairBody5 .table {border: 1px solid #d3d3d3; }
.hairBody5 .table caption {opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.hairBody5 .section1 .table.pc-show-edit .col2 {width: 130px;}
.hairBody5 .section1 .table th {color: #f66f25; font-weight: 400; font-size: 20px; line-height: 1.1; color: #fff; padding: 23px 10px;}
.hairBody5 .section1 .table th:first-child, .hairBody5 .section1 .table td:first-child {border-left: 0;}
.hairBody5 .section1 .table th.blue {background: #00b6f0;}
.hairBody5 .section1 .table th.gray {background: #9a9a9a;}
.hairBody5 .section1 .table .category {background-color: #f6f6f6; color: #626262;}
.hairBody5 .section1 .table thead th > span {font-size: 14px;}
.hairBody5 .section1 .table td {border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; padding: 23px 20px; font-size: 17px; color: #626262;}
.hairBody5 .section1 .table td.blue, .hairBody5 .section1 .table td.gray {text-align: left;}
.hairBody5 .section1 .table td.blue {border-left: 4px solid #00b6f0; border-right: 4px solid #00b6f0;  }
.hairBody5 .section1 .table tbody > tr:last-child td.blue {border-bottom: 4px solid #00b6f0}
.hairBody5 .section1 .table tbody > tr:nth-child(2) td.blue, .hairBody5 .section1 .table tbody > tr:nth-child(2) td.gray {vertical-align: top;}
.hairBody5 .section1 .table td > strong {display: block; color: #242424; font-weight: 400;}
.hairBody5 .type1-list {margin-top: 10px; }
.hairBody5 .flex-area.type1 {align-items: flex-start; justify-content: center; gap: 90px;}
.hairBody5 .flex-area.type1 .desc {margin-top: 17px; color: #242424; font-size: 22px; line-height: 1.4;}
.hairBody5 .section1 .flex-area {justify-content: center; align-items: flex-start; gap: 110px;}
.hairBody5 .section3 .img {background-color: #f8f8f8; padding: 70px 15px;}
.hairBody5 .section4 div.img {margin-top: 90px ; margin-bottom: 50px;}
.hairBody5 .section4 .img-title {font-size: 25px; color: #626262; margin-bottom: 45px;}
.hairBody5 .section4 .img-title .green {color: #40ab4c;}
.hairBody5 .section5 .img {background-color: #f8f8f8; padding: 60px 15px 0;}
.hairBody5 .section5 .round-title {margin-bottom: 0;}
.hairBody5 .section10 .title-box {position: relative; padding-top: 25px;}
.hairBody5 .section10 .round-title.sm {margin-bottom: 0; position: absolute; top: 0; left: 0; width: 100%;}
.hairBody5 .section10 .step4 .round-title.sm .round {padding: 10px 30px;}
.hairBody5 .section10 .flex-area {justify-content: center; align-items: flex-start; gap: 40px;}
.hairBody5 .section10 .flex-area > li {flex: 1;}
.hairBody5 .section10 .img {margin-bottom: 0;}
.hairBody5 .section11 .box {background-color: #f8f8f8; border-radius: 15px; padding: 80px 15px 60px;}
.hairBody5 .section11 .box * {box-sizing: border-box;}
.hairBody5 .section11 .box .flex-area {justify-content: center; align-items: flex-start; gap: 80px;}
.hairBody5 .section11 .box .flex-area > li {flex: 1;}
.hairBody5 .section11 .box p {color: #626262; font-size: 17px; margin-top: 20px;}
.hairBody5 .section11 .box .name {display: inline-block; color: #fff; background-color: #00b6f0; border-radius: 30px; font-size: 20px; position: relative; margin: 20px auto 25px; padding: 5px 10px; min-width: 140px; max-width: 100%; } 
.hairBody5 .section11 .box .name::before {content: ''; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 14px solid #00b6f0; position: absolute; bottom: -25px; left: 50%; margin-left: -8px;}
@media (max-width: 900px) {
  .hairBody5 hr {margin: 90px auto;} 
  .hairBody5 .caption {font-size: 16px;}
  .hairBody5 .section1 .flex-area {gap: 40px;}
  .hairBody5 .section1 .flex-area .check-list > li {font-size: 16px; padding-left: 28px;}
  .hairBody5 .section1 .flex-area .check-list > li::before {width: 25px;}
  .hairBody5 .section1 .flex-area > li.vs {width: 110px; margin-top: 70px;}
  .hairBody5 .section1 .table.pc-show-edit .col2 {width: 110px;}
  .hairBody5 .section1 .table th {padding: 20px 10px; font-size: 18px;}
  .hairBody5 .section1 .table td {padding: 20px 12px; font-size: 16px;}
  .hairBody5 .round-title .round {font-size: 18px; padding: 6px 35px;}
  .hairBody5 .round-title.sm .round {font-size: 17px; padding: 6px 33px;}
  .hairBody5 .section2 .img > img {display: block; margin: 0 auto; width: 300px;}
  .hairBody5 .flex-area.type1 {gap: 50px;}
  .hairBody5 .flex-area.type1 > li > img {display: block; margin: 0 auto; width: 120px;}
  .hairBody5 .flex-area.type1 .desc {font-size: 18px;}
  .hairBody5 .section4 .img-title {font-size: 20px;}
  .hairBody5 .section4 div.img {margin-top: 40px; margin-bottom: 30px;}
  .hairBody5 .section10 .title-box {padding-top: 18px;}
  .hairBody5 .section10 .flex-area > li {flex: initial; width: 47%}
  .hairBody5 .section10 .step4 .round-title.sm .round {padding: 6px 20px;}
  .hairBody5 .section11 .box .flex-area {gap: 40px;}
  .hairBody5 .section11 .box p {font-size: 16px; margin-top: 15px;}
  .hairBody5 .section11 .box .name {font-size: 17px; margin: 15px auto 25px; }
}

@media (max-width: 768px) {
  .hairBody5 .pc-show-edit {display: none;}
  .hairBody5 .mob-show-edit {display: block; margin: 0 auto;}
  .hairBody5 .round-title .line {background: linear-gradient(to right, rgba(255,255,255,0.5) 0.1%,rgba(0,182,240,1) 50%,rgba(255,255,255,0.5) 99.9%);}
  .hairBody5 .section1 .flex-area .img-box {margin-bottom: 20px;}
  .hairBody5 .section1 .flex-area > li.vs {margin-top: 0;}
  .hairBody5 .section1 .flex-area .check-list {display: inline-block;}
  .hairBody5 .section1 .flex-area > li.gray .img-box > img {margin: 0 auto !important;}
  .hairBody5 .section1 .table.mob-show-edit {margin-top: 30px;}
  .hairBody5 .section1 .table.mob-show-edit .col1 {width: 74px;}
  .hairBody5 .section1 .table.mob-show-edit th {font-size: 17px}
  .hairBody5 .section1 .table.mob-show-edit td {padding: 15;}
  .hairBody5 .round-title .round {padding: 7px 25px;}
  .hairBody5 .flex-area.type1 {gap: 30px 20px;}
  .hairBody5 .flex-area.type1 > li {width: 45%;}
  .hairBody5 .flex-area.type1 .desc {font-size: 17px;}
  .hairBody5 .section2 .img > img {width: 220px;}
  .hairBody5 .section3 .img {padding: 30px 15px;}
  .hairBody5 .section4 .img-title {font-size: 19px;}
  .hairBody5 .section5 .round-title {margin-bottom: 30px;}
  .hairBody5 .section5 .img {padding: 30px 15px;}
  .hairBody5 .section5 .img > img {margin: 0 auto; width: 290px;}
  .hairBody5 .section7 .img > img {width: 260px;}
  .hairBody5 .section8 .img > img {width: 500px;}
  .hairBody5 .section10 .img {padding: 60px 15px 30px; background-color: #f9f0e8; border-radius: 15px;}
  .hairBody5 .section10 .img img {width: 300px;}
  .hairBody5 .section10 .flex-area > li {width: 100%;}
  .hairBody5 .section10 .img.ect {background-color: initial; border-radius: initial; padding: 0;}
  .hairBody5 .section11 .box {padding: 30px 15px 40px;}
  .hairBody5 .section11 .box .flex-area > li {flex: initial; width: 100%;}
  .hairBody5 .section11 .box .flex-area > li img {width: 180px;}
  
}

@media (max-width: 450px) {
  .hairBody5 .section10 .round-title.sm .round {padding: 6px 13px; font-size: 15px;}
}





/* hairBody6 */
.hairBody6 {}
.hairBody6 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hairBody6 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hairBody6 .mob-show-edit {display: none;}
.hairBody6 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.hairBody6 .flex-area * {box-sizing: border-box;}
.hairBody6 .title-box {display:block; margin-bottom: 30px;}
.hairBody6 .title-box > span {display: inline-block; background-color: #5d4d93; color: #fff; font-size: 22px; font-weight: 500; padding: 13px 35px; border-radius: 10px; min-width: 410px;}
.hairBody6 .title-box + .img {margin-top: 40px;}
.hairBody6 .box-bg {background-color: #f4f4f9; padding: 60px 30px;}
.hairBody6 .box-bg .img {margin-bottom: 0;}
.hairBody6 .box-bg .text + .img {margin-top: 30px;}
.hairBody6 .box-border {border: 1px solid #ded7e5; border-radius: 15px; padding: 40px 17px; margin-bottom: 90px;}
.hairBody6 .img7 {margin-bottom: 0;}

@media (max-width: 900px) {
  .hairBody6 .caption {font-size: 16px;}
  .hairBody6 hr {margin: 90px auto;} 
  .hairBody6 strong.title {margin-bottom: 25px;}
  .hairBody6 strong.title.sub-title {margin-top: 60px;}
  .hairBody6 .title-box > span {font-size: 18px; padding: 10px 30px;}
  .hairBody6 .box-bg {padding: 50px 15px;}
  .hairBody6 .box-border {margin-bottom: 50px;}
  .hairBody6 .img7 img {width: 280px;}
}
@media (max-width: 768px) {
  .hairBody6 .pc-show-edit {display: none;}
  .hairBody6 .mob-show-edit {display: block; margin: 0 auto;}
  .hairBody6 .flex-area > li {width: 100%;}
  .hairBody6 .title-box > span {font-size: 16px; min-width: 200px; border-radius: 5px; padding: 10px 15px;}
}
@media (max-width: 380px) {
  .none-380px {display: none !important;}
}





/* hairBody7 */
.hairBody7 {}
.hairBody7 .caption {text-align: right !important; color: #898989; font-size: 17px; box-sizing: border-box; margin: 20px auto 0; } 
.hairBody7 hr {background-color: #d3d3d3; height: 1px; border: 0; margin: 100px auto;}
.hairBody7 .mob-show-edit {display: none;}
.hairBody7 .flex-area {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.hairBody7 .flex-area *, 
.hairBody7 .border-box * {box-sizing: border-box;}
.hairBody7 .border-box {border: 2px solid #efd8de; border-radius: 15px; padding: 60px 40px;}
.hairBody7 strong.sub-title {display: block; color: #af5f70; font-size: 22px; font-weight: 500; margin: 60px auto 30px;}
.hairBody7 strong.sub-title:first-child {margin-top: 0;}
.hairBody7 strong.sub-title.black {color: #242424}

.hairBody7 .section1 .border-box .img {margin-top: 60px;}
.hairBody7 .section1 .img-mob-box {background-color: #faf5f6; border-radius: 15px; padding: 50px 15px;}
.hairBody7 .section1 .img-mob-box img {display: block; width: 330px; margin: 0 auto;}
.hairBody7 .section1 .img-mob-box .num-list {margin-top: 40px; text-align: left;}
.hairBody7 .section1 .img-mob-box .num-list > li + li {margin-top: 30px;}
.hairBody7 .section1 .img-mob-box .num-list strong {display: block; position: relative; font-size: 16px; color: #242424; font-weight: 500; padding-left: 35px;}
.hairBody7 .section1 .img-mob-box .num-list strong > span {display: block; width: 27px; height: 27px; line-height: 27px; font-size: 15px; font-weight: 500; color: #fff; text-align: center; background-color: #c68590; border-radius: 50%; position: absolute; top: -1px; left: 0;}
.hairBody7 .section1 .img-mob-box .num-list p {margin-top: 10px; color: #626262; font-size: 15px;}
.hairBody7 .section4 .pink-box {background-color: #faf5f6; border-radius: 15px; padding: 40px;}
.hairBody7 .section4 .pink-box .img-card {background-color: #fff; border-radius: 15px; padding: 80px 15px; margin-top: 40px;}
.hairBody7 .section5 .border-box {padding: 70px 15px 0;}
.hairBody7 .section6 .border-box {border-color: #af5f70; background-color: #faf5f6;}
.hairBody7 .section6 .border-box .qna-list > li {padding-bottom: 55px; text-align: left;}
.hairBody7 .section6 .border-box .qna-list > li + li {border-top: 1px solid #efd8de; padding-top: 55px;}
.hairBody7 .section6 .border-box .qna-list > li:last-child {padding-bottom: 0;}
.hairBody7 .section6 .border-box .qna-list strong {display: block; color: #af5f70; font-weight: 500; font-size: 20px; position: relative; padding-left: 27px;}
.hairBody7 .section6 .border-box .qna-list strong > span {display: block; position: absolute; top: 0; left: 0;}
.hairBody7 .section6 .border-box .qna-list p {color: #626262; font-size: 17px; margin-top: 10px;}

@media (max-width: 900px) {
  .hairBody7 .caption {font-size: 16px;}
  .hairBody7 hr {margin: 90px auto;} 
  .hairBody7 strong.title {margin-bottom: 25px;}
  .hairBody7 strong.sub-title {font-size: 20px; margin: 40px auto 20px;}
  .hairBody7 .border-box {padding: 40px 20px}
  .hairBody7 .section1 .border-box .img {margin-top: 40px;}
  .hairBody7 .section6 .border-box .qna-list strong {font-size: 17px;}
  .hairBody7 .section6 .border-box .qna-list p {font-size: 15px;}
  .hairBody7 .section6 .border-box .qna-list > li {padding-bottom: 40px;}
  .hairBody7 .section6 .border-box .qna-list > li + li {padding-top: 40px;}
}
@media (max-width: 768px) {
  .hairBody7 .pc-show-edit {display: none;}
  .hairBody7 .mob-show-edit {display: block; margin: 0 auto;}
  .hairBody7 .flex-area > li {width: 100%;}
  .hairBody7 .section4 .pink-box {padding: 40px 15px;}
  .hairBody7 .section4 .pink-box .img-card {padding: 50px 20px ;}
  .hairBody7 .section5 .border-box {padding-top: 50px;}
  .hairBody7 .section5 .border-box img {display: block; width: 340px; margin: 0 auto;}
  .hairBody7 .section6 .border-box .qna-list strong {font-size: 16px;}
}
@media (max-width: 360px) {
  .hairBody7 .section2 .title br.mob-show-edit {display: none;}
  .hairBody7 .section4 .sub-title br.mob-show-edit {display: none;}
  .hairBody7 .section4 .pink-box .img-card {padding: 40px 10px;}
}