@media all and (max-width: 414px) {
  .comp-ui-69 {
    width: 100%; }
    .comp-ui-69 .c-column-01 {
      height: 160px;
      width: 100%;
      margin-bottom: 10px;
      background: #fff;
      padding: 20px; }
      .comp-ui-69 .c-column-01 .c-container-01 .c-item-01 {
        width: 239px;
        height: 24px;
        background: linear-gradient(90deg, #FAFBFD 0%, #EFF1F8 100%); }
      .comp-ui-69 .c-column-01 .c-container-01 .c-item-02 {
        width: 147px;
        height: 16px;
        background: linear-gradient(90deg, #FBFCFD 0%, #EEF1F7 100%);
        margin-top: 12px; }
      .comp-ui-69 .c-column-01 .c-container-01 .c-item-03 {
        display: flex;
        margin-top: 28px; }
        .comp-ui-69 .c-column-01 .c-container-01 .c-item-03 .c-unit-01 {
          width: calc(50% - 4px);
          height: 40px;
          background: linear-gradient(90deg, #FBFCFD 0%, #EEF1F7 100%); }
      .comp-ui-69 .c-column-01 .c-container-02 {
        display: none; }
    .comp-ui-69 .c-column-02 {
      flex: 1;
      padding: 16px;
      background: #FFF; }
      .comp-ui-69 .c-column-02 .c-container-01 {
        display: none; }
      .comp-ui-69 .c-column-02 .c-container-02 {
        display: flex;
        flex-wrap: wrap;
        gap: 0px 20px; }
        .comp-ui-69 .c-column-02 .c-container-02 > *:nth-child(n+3) {
          display: none; }
        .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 {
          width: calc(50% - 10px); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-01 {
            width: 100%;
            height: 160px;
            background: linear-gradient(90deg, #E8EEF4 0%, #EBEEF6 100%); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-02 {
            width: 130px;
            height: 12px;
            margin-top: 16px;
            background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-03 {
            width: 96px;
            height: 12px;
            margin-top: 4px;
            background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-04 {
            width: 112px;
            height: 12px;
            margin-top: 4px;
            background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-69 {
    width: 100%; }
    .comp-ui-69 .c-column-01 {
      height: 160px;
      width: 100%;
      margin-bottom: 10px;
      background: #fff;
      padding: 20px; }
      .comp-ui-69 .c-column-01 .c-container-01 .c-item-01 {
        width: 239px;
        height: 24px;
        background: linear-gradient(90deg, #FAFBFD 0%, #EFF1F8 100%); }
      .comp-ui-69 .c-column-01 .c-container-01 .c-item-02 {
        width: 147px;
        height: 16px;
        background: linear-gradient(90deg, #FBFCFD 0%, #EEF1F7 100%);
        margin-top: 12px; }
      .comp-ui-69 .c-column-01 .c-container-01 .c-item-03 {
        display: flex;
        margin-top: 28px; }
        .comp-ui-69 .c-column-01 .c-container-01 .c-item-03 .c-unit-01 {
          width: calc(50% - 4px);
          height: 40px;
          background: linear-gradient(90deg, #FBFCFD 0%, #EEF1F7 100%); }
      .comp-ui-69 .c-column-01 .c-container-02 {
        display: none; }
    .comp-ui-69 .c-column-02 {
      flex: 1;
      padding: 16px;
      background: #FFF; }
      .comp-ui-69 .c-column-02 .c-container-01 {
        display: none; }
      .comp-ui-69 .c-column-02 .c-container-02 {
        display: flex;
        flex-wrap: wrap;
        gap: 0px 20px; }
        .comp-ui-69 .c-column-02 .c-container-02 > *:nth-child(n+3) {
          display: none; }
        .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 {
          width: calc(50% - 10px); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-01 {
            width: 100%;
            height: 160px;
            background: linear-gradient(90deg, #E8EEF4 0%, #EBEEF6 100%); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-02 {
            width: 130px;
            height: 12px;
            margin-top: 16px;
            background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-03 {
            width: 96px;
            height: 12px;
            margin-top: 4px;
            background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); }
          .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-04 {
            width: 112px;
            height: 12px;
            margin-top: 4px;
            background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-ui-69 .c-column-02 .c-container-01 .c-item-02 {
    display: none; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-01 {
    width: 160px !important;
    height: 160px !important; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-02 {
    width: 140px !important; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-03 {
    width: 100px !important; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-04 {
    width: 140px !important; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-ui-69 .c-column-02 .c-container-01 .c-item-02 {
    display: none; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-01 {
    width: 160px !important;
    height: 160px !important; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-02 {
    width: 140px !important; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-03 {
    width: 100px !important; }
  .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-04 {
    width: 140px !important; }

  .comp-ui-05 .c-wrapper .container-02 {
    width: 100%; } }
@media all and (min-width: 767px) {
  .comp-ui-69 {
    width: 100%;
    display: flex; }
    .comp-ui-69 .c-column-01 {
      height: 860px;
      width: 255px;
      border-radius: 8px;
      margin-right: 20px;
      background: #fff;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }
      .comp-ui-69 .c-column-01 .c-container-01 {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 97px;
        padding: 32px 0px 0px 20px;
        background-color: #E9EBF1; }
        .comp-ui-69 .c-column-01 .c-container-01 .c-item-01 {
          width: 180px;
          height: 12px;
          background: linear-gradient(90deg, #F5F6FA 0%, #EFF1F7 100%); }
        .comp-ui-69 .c-column-01 .c-container-01 .c-item-02 {
          width: 140px;
          height: 12px;
          background: linear-gradient(90deg, #FBFCFD 0%, #EEF1F7 100%);
          margin-top: 4px; }
        .comp-ui-69 .c-column-01 .c-container-01 .c-item-03 {
          display: none; }
      .comp-ui-69 .c-column-01 .c-container-02 {
        border-bottom: solid #EDEDED 1px;
        padding: 30px 0px 30px 20px;
        border-radius: 0px 0px 8px 8px; }
        .comp-ui-69 .c-column-01 .c-container-02:last-child {
          border-bottom: none; }
        .comp-ui-69 .c-column-01 .c-container-02 .c-item-01 {
          width: 180px;
          height: 12px;
          background: linear-gradient(90deg, #F5F6FA 0%, #EFF1F7 100%); }
        .comp-ui-69 .c-column-01 .c-container-02 .c-item-02 {
          width: 140px;
          height: 12px;
          margin-top: 4px;
          background: linear-gradient(90deg, #F5F6FA 0%, #EFF1F7 100%); }
        .comp-ui-69 .c-column-01 .c-container-02 .c-item-03 {
          width: 160px;
          height: 12px;
          margin-top: 4px;
          background: linear-gradient(90deg, #F5F6FA 0%, #EFF1F7 100%); }
        .comp-ui-69 .c-column-01 .c-container-02 .c-item-04 {
          width: 120px;
          height: 12px;
          margin-top: 4px;
          background: linear-gradient(90deg, #F5F6FA 0%, #EFF1F7 100%); }
    .comp-ui-69 .c-column-02 {
      flex: 1;
      padding: 20px 28px 160px 28px;
      border-radius: 8px;
      background: #FFF;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }
      .comp-ui-69 .c-column-02 .c-container-01 {
        display: flex;
        justify-content: space-between;
        border-bottom: solid #EDEDED 1px;
        padding-bottom: 20px; }
        .comp-ui-69 .c-column-02 .c-container-01 .c-item-01 {
          display: flex; }
          .comp-ui-69 .c-column-02 .c-container-01 .c-item-01 .c-unit-01 {
            width: 140px;
            height: 40px;
            margin-right: 8px;
            background: linear-gradient(90deg, #FBFCFD 0%, #EEF1F7 100%); }
        .comp-ui-69 .c-column-02 .c-container-01 .c-item-02 {
          width: 175px;
          height: 40px;
          background: linear-gradient(90deg, #FBFCFD 0%, #EEF1F7 100%); }
      .comp-ui-69 .c-column-02 .c-container-02 {
        display: flex;
        flex-wrap: wrap;
        gap: 40px 32px;
        padding: 32px 0px; }
        .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-01 {
          width: 200px;
          height: 200px;
          background: linear-gradient(90deg, #E8EEF4 0%, #EBEEF6 100%); }
        .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-02 {
          width: 180px;
          height: 16px;
          margin-top: 20px;
          background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); }
        .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-03 {
          width: 140px;
          height: 16px;
          margin-top: 8px;
          background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); }
        .comp-ui-69 .c-column-02 .c-container-02 .c-item-01 .c-unit-04 {
          width: 160px;
          height: 16px;
          margin-top: 8px;
          background: linear-gradient(90deg, #FBFCFD 0%, #EBEEF6 100%); } }

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