.header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: all 0.5s;
  &.active{
    background: rgba(255,255,255,0.75);
    border-bottom: 1px solid rgba(200, 51, 55, 0.3);
    box-shadow: 0 8px 32px rgba(200, 51, 55, 0.08);
  }
  & .inner{
    padding: 1.5625rem 5rem;
  }
  & .list01{
    gap: 2.5rem;
  }
  & .link01{
    font-size: 1.25rem;
  }
}

@media (max-width: 768px) {
  .header{
    & .inner{
      position: relative;
      padding: 0 3.2rem;
      height: 6.656rem;
      display: flex;
      justify-content: end;
      align-items: center;
    }
    & .nav{
      width: 75%;
      margin: 0 auto;
    }
    & .wrap01 {
        position: absolute;
        background: #FBFBFB;
        width: 100%;
        right: -100%;
        height: 51rem;
        top: 0;
        gap: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .2s;
        z-index: 0;
    
        &.active {
          right: 0;
        }
      }
    & .list01 {
      flex-direction: column;
      gap: 2.56rem;
    }
    & .link01 {
      font-size: 2.56rem;
    }
  }
  .hamburger {
    position: relative;
    z-index: 10;
    cursor: pointer;
    width: 3.072rem;
    height: 2.56rem;
  }
  .hamburger span {
    display: inline-block;
    transition: all .3s;
    position: absolute;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    height: 0.307rem;
    border-radius: 1.28rem;
    background: var(--mainBlue);
    width: 100%;
  }
  .hamburger span:nth-of-type(1) {
    top: 0;
  }
  .hamburger span:nth-of-type(2) {
    top: 1.152rem;
  }
  .hamburger span:nth-of-type(3) {
    top: 2.304rem;
  }
  .hamburger.active span {
    background: var(--mainBlue);
  }
  .hamburger.active span:nth-of-type(1) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
  }
  .hamburger.active span:nth-of-type(2) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
  }
  .hamburger.active span:nth-of-type(3) {
    display: none;
  }
}

.footer{
  padding: 1.25rem 0;
  & .link01{
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 0;
    border-bottom: 1px solid;
    padding-bottom: 0.15625rem;
  }
}
@media (max-width: 768px) {
  .footer {
    padding: 1.92rem 0;
    & .link01 {
      font-size: 1.536rem;
      padding-bottom: 0.32rem;
    }
  }
}

.footer{
  border-top: 1px solid #F9F9F9;
}
.hamburger span {
  background: #C83337;
}
.hamburger.active span {
  background: #C83337;
}

.breadcrumb {
    & .inner{
      height: 3.125rem;
      overflow-x: scroll;
      max-width: 1300px;
      width: 92.5%;
      margin: 0 auto;
    }
    & .wrap {
        margin-right: 0.4rem;
        &:not(:last-child) {
        &::after {
            padding-left: 0.4rem; 
            font-size: 1rem;
            font-weight: 600;
            content: ">";
            padding-top: 0.1875rem; 
        }
    }
    }
    & .text {
      font-size: 1rem;
      font-weight: 600;
      color: var(--mainBlue);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 21.875rem;
      display: block;
    }
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    & .inner {
      height: 5.76rem;
      gap: 0;
    }
    & .wrap {
      margin-right: 0.4rem;
      &:not(:last-child) {
        &::after {
          padding-left: 0.4rem;
          font-size: 1.536rem;
          padding-top: 0.1875rem;
        }
      }
    }
    & .text {
      font-size: 1.536rem;
      max-width: none;
    }
  }
}