@media all and (max-width: 414px) {
  .comp-ui-82 {
    margin-bottom: 16px;
    height: 120px; }
    .comp-ui-82 .c-wrapper {
      display: flex;
      gap: 0px 20px;
      height: 100%; }
      .comp-ui-82 .c-wrapper .section-01 {
        width: 100%;
        height: 100%; }
        .comp-ui-82 .c-wrapper .section-01 .c-column-01 {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .c-container-01 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 8px; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-prev {
            display: none; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-next {
            display: none; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .swiper-page {
            position: absolute;
            bottom: 12px;
            left: 16px;
            z-index: 1;
            color: #D5D5D6;
            text-align: center;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: 11px;
            letter-spacing: -0.11px; }
      .comp-ui-82 .c-wrapper .section-02 .c-column-02 {
        display: none; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-82 {
    margin-bottom: 16px;
    height: 120px; }
    .comp-ui-82 .c-wrapper {
      display: flex;
      gap: 0px 20px;
      height: 100%; }
      .comp-ui-82 .c-wrapper .section-01 {
        width: 100%;
        height: 100%; }
        .comp-ui-82 .c-wrapper .section-01 .c-column-01 {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .c-container-01 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 8px; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-prev {
            display: none; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-next {
            display: none; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .swiper-page {
            position: absolute;
            bottom: 12px;
            left: 16px;
            z-index: 1;
            color: #D5D5D6;
            text-align: center;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: 11px;
            letter-spacing: -0.11px; }
      .comp-ui-82 .c-wrapper .section-02 .c-column-02 {
        display: none; } }
@media all and (min-width: 767px) {
  .comp-ui-82 {
    margin-bottom: 32px;
    height: 250px; }
    .comp-ui-82 .c-wrapper {
      display: flex;
      gap: 0px 20px;
      height: 100%; }
      .comp-ui-82 .c-wrapper .section-01 {
        width: 57%;
        height: 100%;
        overflow: hidden; }
        .comp-ui-82 .c-wrapper .section-01 .c-column-01 {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .c-container-01 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 24px; }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-prev {
            position: absolute;
            top: calc(50% - 16px);
            left: 16px;
            z-index: 1;
            width: 32px;
            height: 32px;
            display: flex !important;
            justify-content: center;
            align-items: center;
            border-radius: 99px;
            background: #FFF;
            box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
            cursor: pointer; }
            .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-prev:before {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1261%29%22%3E%20%3Cpath%20d%3D%22M5%208L10%203L10.7%203.7L6.4%208L10.7%2012.3L10%2013L5%208Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1261%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
          .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-next {
            position: absolute;
            top: calc(50% - 16px);
            right: 16px;
            z-index: 1;
            width: 32px;
            height: 32px;
            display: flex !important;
            justify-content: center;
            align-items: center;
            border-radius: 99px;
            background: #FFF;
            box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
            cursor: pointer; }
            .comp-ui-82 .c-wrapper .section-01 .c-column-01 .outer-next:before {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1273%29%22%3E%20%3Cpath%20d%3D%22M10.9998%208L5.9998%2013L5.2998%2012.3L9.5998%208L5.2998%203.7L5.9998%203L10.9998%208Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1273%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
      .comp-ui-82 .c-wrapper .section-02 {
        flex: 1; }
        .comp-ui-82 .c-wrapper .section-02 .c-column-02 {
          width: 100%;
          height: 100%; }
          .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-A {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 8px; }
          .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B {
            position: absolute;
            bottom: 12px;
            height: 160px;
            width: 100%;
            overflow: hidden; }
            .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 {
              display: flex;
              background: #FFF;
              border-radius: 8px;
              padding: 12px; }
              .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-A {
                width: 75px;
                height: 75px;
                margin-right: 12px; }
                .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  object-position: center; }
              .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-B {
                flex: 1; }
                .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 {
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  color: #171718;
                  text-overflow: ellipsis;
                  font-family: 'Inter';
                  font-size: 13px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 16px;
                  letter-spacing: -0.13px;
                  margin-bottom: 8px; }
                .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-B .c-item-02 {
                  padding-left: 16px;
                  color: #171718;
                  text-overflow: ellipsis;
                  font-family: 'Inter';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: 16px;
                  letter-spacing: -0.06px; }
                  .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 {
                    color: #68686A;
                    text-overflow: ellipsis;
                    font-family: 'Inter';
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 16px;
                    letter-spacing: -0.06px; }
                  .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-B .c-item-02:before {
                    content: '';
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    display: block;
                    width: 16px;
                    height: 16px;
                    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1291%29%22%3E%20%3Cpath%20d%3D%22M8.00014%201L5.72514%205.61L0.640137%206.345L4.32014%209.935L3.45014%2015L8.00014%2012.61L12.5501%2015L11.6801%209.935L15.3601%206.35L10.2751%205.61L8.00014%201Z%22%20fill%3D%22%23FFB700%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1291%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
                .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-B .c-item-03 {
                  color: #171718;
                  font-family: 'Inter';
                  font-size: 18px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: 22px;
                  margin-bottom: 12px;
                  margin-top: 8px; }
                .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-wrapper .c-container-01 .c-container-01-B .c-item-04 {
                  position: absolute;
                  bottom: 0;
                  right: 0;
                  width: 100%;
                  height: 36px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  border-radius: 8px;
                  background: #F0F0F2;
                  cursor: pointer;
                  color: #171718;
                  font-family: 'Inter';
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: normal; }
            .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .outer-prev {
              position: absolute;
              top: calc(44% - 16px);
              left: 16px;
              z-index: 1;
              width: 32px;
              height: 32px;
              display: flex !important;
              justify-content: center;
              align-items: center;
              border-radius: 99px;
              background: #FFF;
              box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
              cursor: pointer; }
              .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .outer-prev:before {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1261%29%22%3E%20%3Cpath%20d%3D%22M5%208L10%203L10.7%203.7L6.4%208L10.7%2012.3L10%2013L5%208Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1261%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
            .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .outer-next {
              position: absolute;
              top: calc(44% - 16px);
              right: 16px;
              z-index: 1;
              width: 32px;
              height: 32px;
              display: flex !important;
              justify-content: center;
              align-items: center;
              border-radius: 99px;
              background: #FFF;
              box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
              cursor: pointer; }
              .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .outer-next:before {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1273%29%22%3E%20%3Cpath%20d%3D%22M10.9998%208L5.9998%2013L5.2998%2012.3L9.5998%208L5.2998%203.7L5.9998%203L10.9998%208Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1273%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
            .comp-ui-82 .c-wrapper .section-02 .c-column-02 .c-column-02-B .swiper-page {
              display: none; } }

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