/* /company/celltrion/brand page-only overrides */

/* Match Celltrion WEB APP color guidance layout */
.introduce .brandItem .color > ul:nth-of-type(1) {
  flex-wrap: wrap;
}

/* Primary colors */
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(1) p {
  background-color: #96f0a5;
}
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(2) p {
  background-color: #5fe65a;
}
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(3) p {
  background-color: #00cd00;
}
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(4) p {
  background-color: #00963c;
}
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(5) p {
  background-color: #00733c;
}
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(6) p {
  background-color: #00552d;
}

/* Supplementary colors */
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(1) p {
  background-color: #5573ff;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(2) p {
  background-color: #00466e;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(3) p {
  background-color: #d7fa00;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(4) p {
  background-color: #ff875a;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(5) p {
  background-color: #b437ff;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(6) p {
  background-color: #5a6469;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(7) p {
  background-color: #e1faff;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(8) p {
  background-color: #9bb9b4;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(9) p {
  background-color: #c8c8c8;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(10) p {
  background-color: #f0f5d2;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(11) p {
  background-color: #f0dccd;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(12) p {
  background-color: #554137;
}

@media (max-width: 767px) {
  /* Mobile keeps same color mapping as Celltrion WEB APP */
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(1) p {
    background-color: #96f0a5;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(2) p {
    background-color: #5fe65a;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(3) p {
    background-color: #00cd00;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(4) p {
    background-color: #00963c;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(5) p {
    background-color: #00733c;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(6) p {
    background-color: #00552d;
  }
}