@font-face {
    font-family: 'BMJUA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.ls-1 {
    letter-spacing: -0.08rem;
}

.box_shadow {
    border:1px solid #71717a;
    box-shadow: 3px 3px 0px 0px #bbbbbb !important;
}


.bg-gradient-homecare {
    background-image: linear-gradient(155deg, #009591 20%, #2CBBB6 100%);
  }

  .bg-homecare-kt {
    --bs-bg-opacity: 1;
    background-color: #EC1B23 !important;
  }

  .text-homecare-kt {
    color: #EC1B23 !important;
  }

  .text-homecare-kt-secondary {
    color: #04A3BB !important;
  }

  .text-homecare-kt-third {
        font-family: 'BMJUA';
      color: #00A69B !important;
  }

    .bg-gradient-smartcare {
      background-image: linear-gradient(155deg, #00907F 20%, #02C0a4 100%);
    }
    .bg-smartcare {
      --bs-bg-opacity: 1;
      background-color: #d1406b !important;
    }
    .text-smartcare {
      color: #d1406b !important;
    }

    .bg-gradient-safetradecare {
      background-image:linear-gradient(155deg,#7360f2 20%,#6f42c1 40%,#f94770 95%,#f94770)
    }
  

    .text-stcare-skb {
         font-family: 'BMJUA';
      color: #F47725 !important;
    }

    .bg-stcare-skb {
      --bs-bg-opacity: 1;
      background-color: #F47725 !important;
    }



  .text-gradient-default {
    background: radial-gradient(circle at 70%, #04A3BB 10%, #0E306D 30%);
    background-size: 400% 400%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    animation: textGradientAnimation 5s ease-in-out infinite;
    -webkit-animation: textGradientAnimation 5s ease-in-out infinite;
  }

  .btn-default {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0E306D;
    --bs-btn-border-color: #0E306D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a4085;
    --bs-btn-hover-border-color: #1a4085;
    --bs-btn-focus-shadow-rgb: 92, 92, 98;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a4085;
    --bs-btn-active-border-color: #2f2f35;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(9, 9, 11, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0E306D;
    --bs-btn-disabled-border-color: #0E306D;
  }

    .text-smartcare-hnc {
      color: #C4204C !important;
    }

/*
  헤더 브랜드 텍스트.

  안심케어 로고 이미지(logo_skylife_dark / _white)를 텍스트로 바꾸면서 필요해졌다.
  테마는 스크롤 상태에 따라 로고 두 장을 opacity 로 바꿔 끼우고(.navbar-brand-sticky /
  .navbar-brand-transparent), .navbar-brand 에 고정 폭 300px 과 좁은 화면에서 display:none
  을 걸어 둔다. 텍스트 한 줄에는 그 규칙들이 맞지 않아 여기서 다시 잡는다.

  색을 상태별로 바꾸지 않고 고정한 이유 : 히어로 영역이 bg-gradient-light(밝은 배경)라
  흰색 글자는 어느 상태에서도 안 보인다. 원래 이미지는 흰색 로고였는데 그래서 스크롤할 때만
  보였던 것이다.
*/
.navbar-brand.brand-text {
  width: auto !important;
  display: inline-block !important;
  padding: 0;
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0E306D !important;
}

.navbar-brand.brand-text:hover,
.navbar-brand.brand-text:focus {
  color: #1a4085 !important;
}