.c-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;

  .c-breadcrumb__item {
    display: flex;
    align-items: center;
    gap: 10px;

    .c-breadcrumb__text {
      color: var(--color-font-02);
      font-size: 1.2rem;
      font-weight: 400;
      letter-spacing: 0.6px;
    }

    .c-breadcrumb__link {

    }

    &:not(:last-child) {
      &::after {
        content: '';
        display: inline-block;
        background-image: url('../../../img/common/icon/arrow_gray.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 8px;
        height: 5px;
        transform: rotate(-90deg);
      }  
    }
  }
}

.c-breadcrumb__section {
  margin-bottom: 50px;
  padding: 20px 0 0 0;
}

@media screen and (max-width: 768px) {
  .c-breadcrumb {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;

    &::-webkit-scrollbar{
      display: none;
    }

    .c-breadcrumb__item {
      .c-breadcrumb__text {
        white-space: nowrap;
      }
    }
  }
}