/* 
---------------------------------------------
Product/Healthcare
--------------------------------------------- 
*/
body { background: #FFFFFF; }

.main-banner-box > .container.top  > p { color: #000000; }
.main-banner-box > .banner-desc-box { flex-direction: column-reverse !important; }
.main-banner-box > .banner-desc-box > div.banner-image { height: 985px; background-image: url('/images/healthcare/banner.png'); }
.main-banner-box > .banner-desc-box > .container.desc { margin-bottom: 76px; }
.main-banner-box > .banner-desc-box > .container.desc > p { color: #3D3D3D; text-align: left; }
/* ---- Products section main-area common css ---- */
#section1 > div.scroll-box > span { color: #000000; }
.section .container .main-area .info-boxes p.num { color: #000155; }
.section .container .main-area .info-boxes .name-box > p { color: #000155; }
.section .container .main-area .info-boxes .tag-box > span { background: rgba(128, 171, 255, 0.50); color: #0053D8; }
.section .container .main-area .info-boxes .desc-box > p { color: #000000; }
.section .container .main-area .info-boxes .tag-box > span { font-size: 14px; }
#section1 .container .main-area .info-boxes .tag-box > span { font-size: 14px; }
/* ---- Products section sub-area css ---- */
.sub-area {font-family: IBM Plex Sans KR;}
.sub-area .cont-box {max-width: 1280px; margin:0 auto; padding: 100px 15px 0 15px; display: flex;}
.sub-area .sub-section1 .empty-space {width: 45%; position: relative;}
.sub-area .sub-section1 .num-space { height: 150px; position: relative;display: flex;padding-right: 26px; }
.sub-area .sub-section1 .num-space .num-circle { width: 57px; height: 57px; border: 3px solid #9BC2FF; display: flex;justify-content: center; align-items: center;border-radius: 50px; }
.sub-area .sub-section1 .num-space .num-circle span { font-size: 26px;font-weight: 300;line-height: 54.4px;color: #0053D8 }
.sub-area .sub-section1 .cont-wrap { width: 55%; }
.sub-area .sub-section1 .cont-wrap .detail-cont { height: 150px; position: relative;display: flex; }
.sub-area .sub-section1 .cont-wrap .detail-cont .desc-space { width: 70%; padding-right: 50px; }
.sub-area .sub-section1 .cont-wrap .detail-cont .desc-space .desc-bold { font-size: 23px;font-weight: 600;line-height: 57px;color: #0053D8 }
.sub-area .sub-section1 .cont-wrap .detail-cont .img-space { width: 25%; display: flex;justify-content: center;align-items: center; }
.sub-area .sub-section1 .cont-wrap .detail-cont .img-space img { width: 100%; height: 100%; object-fit: contain; }

.sub-area .sub-section3 .empty-space {width: 45%; position: relative;}
.sub-area .sub-section3 .cont-wrap { width: 55%; }
.sub-area .sub-section3 .cont-wrap .detail-cont { display: flex; }
.sub-area .sub-section3 .cont-wrap .detail-cont .img-space { width: 25%; display: flex;justify-content: center;align-items: center; }
.sub-area .sub-section3 .cont-wrap .detail-cont .desc-space { padding: 0 50px 0 90px;display: flex;flex-direction: column;justify-content: space-between; }
.sub-area .sub-section3 .cont-wrap .detail-cont .desc-space .desc-bold { font-size: 23px;font-weight: 600;line-height: 57px;color: #0053D8; }

.sub-area .hlth-data .cont-wrap .hlth-data-detail { display: flex; padding-top: 75px; }
.sub-area .hlth-data .cont-wrap .hlth-data-detail .hlth-data-detail-tit { margin-left: 10%; }
.sub-area .hlth-data .cont-wrap .hlth-data-detail .hlth-data-detail-tit > p { font-size: 15px;font-weight: 600;line-height: 27px;color: #0053D8;margin-bottom:28px; }
.sub-area .hlth-data .cont-wrap .hlth-data-box { display: flex; border-bottom:2px solid #9BC2FF; }
.sub-area .hlth-data .cont-wrap .hlth-data-box .list-box { display: flex; flex-wrap: wrap;width: 50%;margin-bottom: 80px;margin-left:10%; }
.sub-area .hlth-data .cont-wrap .hlth-data-box .list-box .data-list-img { flex: 1 1 15%;height:50px;margin-bottom:22px; }
.sub-area .hlth-data .cont-wrap .hlth-data-box .list-box .data-list-img img { width: 100%; height: 100%; object-fit: contain; }
.sub-area .hlth-data .cont-wrap .hlth-data-box .list-box .data-list-txt { flex: 1 1 35%;height:44px;margin-bottom:13px;line-height: 44px;font-size: 12px;font-weight: 400; }
.sub-area .hlth-data .cont-wrap .hlth-data-box .list-box .data-list-txt > span { padding-left: 15px; }

.sub-area .device-data .cont-wrap { border-bottom:2px solid #9BC2FF; }
.sub-area .device-data .cont-wrap .detail-cont { margin-bottom: 100px; }

.sub-area .smart-stand-box { width: 50%; position: relative; }
.sub-area .smart-stand-box .smart-stand-tit { font-size: 27px;font-weight: 700;line-height: 48px;text-align: center;text-underline-position: from-font;text-decoration-skip-ink: none;color: #000155;padding-bottom: 100px; }
.sub-area .smart-stand-box .cont-wrap { border-right: 1px #4390FF5E solid; }
.sub-area .smart-stand-box .cont-wrap .cont-tit { display: flex; justify-content: space-around;margin-bottom: 20px; }
.sub-area .smart-stand-box .cont-wrap .cont-tit > div { width: 210px;background-color: #9BC2FF1A;border-radius: 40px;}
.sub-area .smart-stand-box .cont-wrap .cont-tit > div > p { padding: 8px 30px;font-size: 17px;font-weight: 400;line-height: 30px;text-underline-position: from-font;text-decoration-skip-ink: none;text-align: center;color: #000155; }
.sub-area .smart-stand-box .cont-wrap .cont-tit > div > p > span { font-weight: 600; }
.sub-area .smart-stand-box .cont-wrap .cont-item { display: flex; justify-content: space-around; }
.sub-area .smart-stand-box .cont-wrap .cont-item .smart-stand-img { width: 210px;height: 480px; }
.sub-area .smart-stand-box .cont-wrap .cont-item .smart-stand-img > img { width: 100%; height: 100%; object-fit: contain; }
.sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand { width: 210px;height: 480px; display: flex;flex-direction: column;justify-content: space-between; }
.sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand .attach-stand-img { margin-bottom: 35px; }
.sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand .attach-stand-img > img { width: 100%; height: 143px; object-fit: contain; }
.sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand .attach-stand-desc {display: flex; justify-content: center; align-items: center; background-color: #9BC2FF1A;border-radius: 40px; }
.sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand .attach-stand-desc > ul > li { list-style: disc;padding: 7.5px 0;font-size: 17px;line-height: 30px;color:#000155; }

.sub-area .mot-care-kit-box { width: 50%; position: relative; }
.sub-area .mot-care-kit-box > p { font-size: 27px;font-weight: 700;line-height: 48px;text-align: center;text-underline-position: from-font;text-decoration-skip-ink: none;color: #000155;padding-bottom: 100px; }
.sub-area .mot-care-kit-box .cont-wrap .cont-list { display: flex; justify-content: space-around;margin-bottom: 20px; }
.sub-area .mot-care-kit-box .cont-wrap .cont-list > div { width: 227px; height: 70px; background-color: #D8D8D8;border-radius: 20px;display: flex;align-items: center;justify-content: center; }
.sub-area .mot-care-kit-box .cont-wrap .cont-list > div > p { font-size: 18px;line-height: 27px;text-align: left; font-weight: 600;}
.sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list { padding-left: 45px; margin-top: 60px; }
.sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list > p { font-size: 17px;font-weight: 700;line-height: 30px;margin-bottom: 40px; }
.sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap { display: flex; padding-bottom: 10px; }
.sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap .left-item { border-radius: 20px; background-color: #4390FF5E; text-align: center;margin-right:175px; width: 110px; }
.sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap .right-item { border-radius: 20px; background-color: #4390FF5E; text-align: center; }
.sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap > div > p { padding: 8px 20px; font-size: 17px;font-weight: 600;line-height: 30px; }
.sub-area .care-stand-img { padding: 400px 15px 0 15px;  justify-content: space-around; }
.sub-area .care-stand-img .img-box { width: 100%;max-height: 250px; text-align: center; display: flex; align-items: flex-end; margin-bottom: 10px; }
.sub-area .care-stand-img .img-desc { font-size: 17px;font-weight: 400;line-height: 30px;text-align: center; }
.sub-area .care-stand-img .arrow-img { width:20px; height: 100%;object-fit: contain; transform: rotate(-90deg); }

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/
/* ---- Products section main-area common css ---- */
@media (max-width: 1299px) {
}

@media (max-width: 1199px) {
  .sub-area .smart-stand-box .smart-stand-tit { padding-bottom: 80px; }
  .sub-area .smart-stand-box .smart-stand-tit { font-size: 21px; }
  .sub-area .smart-stand-box .cont-wrap .cont-tit > div { max-width: 180px; }
  .sub-area .smart-stand-box .cont-wrap .cont-tit > div > p { font-size: 15px; }
  .sub-area .smart-stand-box .cont-wrap .cont-item .smart-stand-img { max-width: 180px; max-height: 400px; }
  .sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand { max-width: 180px; max-height: 400px; }
  .sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand .attach-stand-desc > ul > li { font-size: 15px; padding: 4px 0; }
  .sub-area .mot-care-kit-box .cont-wrap .cont-list { margin-bottom: 10px; }
  .sub-area .mot-care-kit-box .cont-wrap .cont-list > div { max-width: 200px; }
  .sub-area .mot-care-kit-box .cont-wrap .cont-list > div > p { font-size: 16px; }
  .sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list { padding-left: 25px; margin-top: 40px; }
  .sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list > p { margin-bottom: 20px; }
  .sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap > div > p { padding: 6px 17px; font-size: 15px; }
  .sub-area .care-stand-img .img-wrap { width: 30%;display: flex;flex-direction: column;align-items: center;justify-content: center; }
  .sub-area .care-stand-img .img-box { max-width: 200px; }
  .sub-area .care-stand-img .img-box > img { width: 100%; } 
  .sub-area .care-stand-img .img-desc { font-size: 13px; }
}

@media (max-width: 991px) {
  .sub-area .sub-section1 .empty-space { display: none; }
  .sub-area .sub-section1 .cont-wrap { width: 100%; }
  .sub-area .sub-section3 .empty-space { display: none; }
  .sub-area .sub-section3 .cont-wrap { width: 100%; }
  .sub-area .care-stand-img { padding: 200px 15px 0 15px;flex-direction: column; align-items: center; }
  .sub-area .care-stand-img .img-wrap { width: 50%; }
  .sub-area .care-stand-img .img-box { max-width: 250px; }
  .sub-area .care-stand-img .img-desc { font-size: 15px; }
  .sub-area .care-stand-img .arrow-img { transform: rotate(0deg); }
  .sub-area .care-stand-img .arrow-wrap { margin: 50px; }
  .sub-area .care-stand-img .img-box { margin-bottom: 30px; }
  .sub-area .care-stand-detail { flex-direction: column; }
  .sub-area .smart-stand-box .cont-wrap { border-right: 0; max-width: 500px; margin: 0 auto; }
  .sub-area .smart-stand-box { width: 100%; padding-bottom: 60px; }
  .sub-area .mot-care-kit-box { width: 100%; }
  .sub-area .mot-care-kit-box .cont-wrap { max-width: 500px; margin: 0 auto; }
  .sub-area .smart-stand-box .smart-stand-tit { padding-bottom: 60px; }
  .sub-area .mot-care-kit-box > p { font-size: 21px; padding-bottom: 50px; }
}


@media (max-width: 767px) {
  #section1 .container .main-area .info-boxes .tag-box > span { font-size: 1.6978vw; }
  .sub-area .sub-section3 { padding-top: 50px; }
  .sub-area .sub-section3 .cont-wrap .detail-cont { flex-direction: column; align-items: center; }
  .sub-area .sub-section3 .cont-wrap .detail-cont .desc-space { padding: 0 10px 0 10px }
  .sub-area .sub-section3 .cont-wrap .detail-cont .desc-space .desc-bold { padding-bottom: 15px; font-size: 5vw; }
  .sub-area .sub-section3 .cont-wrap .detail-cont .desc-space .desc { font-size: 3vw; }
  .sub-area .sub-section3 .cont-wrap .detail-cont .img-space { width: 40%; padding-bottom: 15px; }
  .sub-area .sub-section3 .cont-wrap .detail-cont .img-space > img { width: 100%; }

  .sub-area .care-stand-img { padding-top: 100px; }
  .sub-area .care-stand-img .img-desc { font-size: 3vw; }
  .sub-area .care-stand-img .img-wrap { width: 100%; }
  .sub-area .care-stand-img .img-box { width: 50%; }
  .sub-area .care-stand-img .arrow-wrap { margin: 25px; }
  
  .sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap .left-item { margin-right: 50px; width: 90px; }
  .sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap > div > p { font-size: 3vw; }

  .sub-area .mot-care-kit-box .cont-wrap .cont-list { flex-direction: column; align-items: center; margin-bottom: 0px; }
  .sub-area .mot-care-kit-box .cont-wrap .cont-list > div { margin-bottom: 15px; }
  .sub-area .mot-care-kit-box .cont-wrap .cont-list > div > p { font-size: 3vw; }

  .sub-area .smart-stand-box .cont-wrap .cont-tit > div > p { font-size: 13px; }

  .sub-area .smart-stand-box .cont-wrap .cont-tit > div { max-width: 140px; }
  .sub-area .smart-stand-box .smart-stand-tit { padding-bottom: 30px; }

  .sub-area .sub-section1 .cont-wrap .detail-cont .desc-space .desc-bold { font-size: 5vw; }
  .sub-area .sub-section1 .cont-wrap .detail-cont .desc-space .desc { font-size: 3vw; }
  .sub-area .sub-section1 .cont-wrap .detail-cont .img-space { width: 40%; }
  .sub-area .hlth-data .cont-wrap .hlth-data-box .list-box .data-list-txt { margin-bottom: 0; }
  .sub-area .hlth-data .cont-wrap .hlth-data-box .list-box .data-list-img { margin-bottom: 0; }
  .sub-area .hlth-data .cont-wrap .hlth-data-box .list-box .data-list-txt > span { padding: 0 10px 0 10px; }
}

@media (max-width: 575px) {
  #section1 .container .main-area .info-boxes .tag-box > span {
    font-size: 2.5vw;
  }
  .sub-area .smart-stand-box .cont-wrap .cont-tit > div > p { font-size: 3vw; }
  .sub-area .smart-stand-box .cont-wrap .cont-item .attach-stand .attach-stand-desc > ul > li { font-size: 3vw; }

  .sub-area .sub-section1 .num-space { display: none; }

  /* ---- section1 sub-area 라인 임시 제거 ---- */  
  .sub-area .device-data .cont-wrap { border-bottom: 0; }
  .sub-area .hlth-data .cont-wrap .hlth-data-box { border-bottom: 0; }

  .sub-area .sub-section1 .cont-wrap .detail-cont { flex-direction: column-reverse; justify-content: center; align-items: center; margin-bottom: 15px; }
  .sub-area .hlth-data .cont-wrap .hlth-data-box .list-box { margin-bottom: 0; }
  .sub-area .sub-section1 .cont-wrap .detail-cont .desc-space { width: 100%; padding: 0 10px 0 10px; }
  .sub-area .hlth-data .cont-wrap .hlth-data-detail .hlth-data-detail-tit { margin-left: 10px; }
  .sub-area .hlth-data .cont-wrap .hlth-data-box .list-box { margin-left: 0; }
  .sub-area .hlth-data .cont-wrap .hlth-data-box { justify-content: center; }
  .sub-area .sub-section1 .cont-wrap .detail-cont .desc-space .desc-bold { padding: 15px 0 15px 0; }
  .sub-area .sub-section1 { padding: 150px 15px 0 15px;}

  .sub-area .mot-care-kit-box .cont-wrap .cont-list > div { max-width: 175px; }
  .sub-area .sub-section1 .cont-wrap .detail-cont .desc-space .desc { line-height: 18px; }
  .sub-area .sub-section3 .cont-wrap .detail-cont .desc-space .desc { line-height: 18px; }
  .sub-area .care-stand-img .img-desc { line-height: 20px; }
  .sub-area .mot-care-kit-box .cont-wrap .smart-stand-func-list .list-wrap .left-item { text-align: left; width: 80px; }
  .sub-area .hlth-data .cont-wrap .hlth-data-detail .hlth-data-detail-tit > p { font-size: 13px; }
}


/* ---- Products section sub-area css ---- */
@media (max-width: 1299px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

@media (max-width: 575px) {
}