.comp-ui-02 {
  background-color: #f5f6f9; }
  .comp-ui-02 .c-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .comp-ui-02 .c-wrapper > .c-item-01 {
      padding: 32px; }
    .comp-ui-02 .c-wrapper > .c-item-02 {
      margin-bottom: 10px; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-B {
        display: none; }
  .comp-ui-02 .product-card-ui-02:last-child {
    margin-right: auto; }

@media all and (max-width: 414px) {
  .comp-ui-02 .c-wrapper {
    width: 100%;
    border-radius: 0; }
    .comp-ui-02 .c-wrapper > .c-item-01 {
      padding: 24px 24px 24px 20px; }
      .comp-ui-02 .c-wrapper > .c-item-01 .c-unit-01 {
        width: 312px; }
    .comp-ui-02 .c-wrapper > .c-item-02 {
      padding: 16px; }
      .comp-ui-02 .c-wrapper > .c-item-02 .c-item-04 {
        height: 45px; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C {
        margin: 0 -16px; }
        .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:nth-child(3n) {
          display: block; }
        .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:last-child {
          display: none; }
  .comp-ui-02 .product-card-ui-02:last-child {
    margin-right: 0; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-02 .c-wrapper {
    width: 100%;
    border-radius: 0; }
    .comp-ui-02 .c-wrapper > .c-item-01 {
      padding: 24px 24px 24px 20px; }
      .comp-ui-02 .c-wrapper > .c-item-01 .c-unit-01 {
        width: 312px; }
    .comp-ui-02 .c-wrapper > .c-item-02 {
      padding: 16px; }
      .comp-ui-02 .c-wrapper > .c-item-02 .c-item-04 {
        height: 45px; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C {
        margin: 0 -16px; }
        .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:nth-child(3n) {
          display: block; }
        .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:last-child {
          display: none; }
  .comp-ui-02 .product-card-ui-02:last-child {
    margin-right: 0; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-ui-02 .c-wrapper {
    border-radius: 8px; }
    .comp-ui-02 .c-wrapper > .c-item-01 {
      padding: 24px 0 44px 20px; }
    .comp-ui-02 .c-wrapper > .c-item-02 {
      padding: 0 20px; }
      .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 {
        margin-right: 8px; }
        .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 .c-item-04 {
          height: 45px;
          -webkit-line-clamp: 3;
          overflow: hidden;
          -webkit-box-orient: vertical;
          display: -webkit-box; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(5n) {
        margin-right: 0; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(6n+3) {
        display: none; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:nth-child(6n) {
        display: block;
        margin: 0 -20px 20px -20px; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:last-child {
        display: none; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-ui-02 .c-wrapper {
    border-radius: 8px; }
    .comp-ui-02 .c-wrapper > .c-item-01 {
      padding: 24px 0 44px 20px; }
    .comp-ui-02 .c-wrapper > .c-item-02 {
      padding: 0 20px; }
      .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 {
        margin-right: 8px; }
        .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 .c-item-04 {
          height: 45px;
          -webkit-line-clamp: 3;
          overflow: hidden;
          -webkit-box-orient: vertical;
          display: -webkit-box; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(5n) {
        margin-right: 0; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(6n+3) {
        display: none; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:nth-child(6n) {
        display: block;
        margin: 0 -20px 20px -20px; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:last-child {
        display: none; }

  .comp-ui-05 .c-wrapper .container-02 {
    width: 100%; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-ui-02 .c-wrapper {
    border-radius: 8px; }
    .comp-ui-02 .c-wrapper > .c-item-02 {
      padding: 20px; }
      .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 {
        margin-right: 4px; }
        .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 .c-item-04 {
          height: 48px; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(8n) {
        margin-right: 0; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C {
        display: none;
        margin: 20px -20px 20px -20px; }
        .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:last-child {
          display: none; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(9n+9) {
        display: flex; } }
@media all and (min-width: 1680px) {
  .comp-ui-02 .c-wrapper {
    border-radius: 8px; }
    .comp-ui-02 .c-wrapper > .c-item-02 {
      padding: 20px; }
      .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 {
        margin-right: 4px; }
        .comp-ui-02 .c-wrapper > .c-item-02 > .product-card-ui-02 .c-item-04 {
          height: 48px; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(8n) {
        margin-right: 0; }
      .comp-ui-02 .c-wrapper > .c-item-02 .hr-C {
        display: none;
        margin: 20px -20px 20px -20px; }
        .comp-ui-02 .c-wrapper > .c-item-02 .hr-C:last-child {
          display: none; }
      .comp-ui-02 .c-wrapper > .c-item-02 > :nth-child(9n+9) {
        display: flex; } }

/*# sourceMappingURL=CompUI-02.css.map */