@charset "UTF-8";
.comp-ui-06 {
  background-color: #f5f6f9; }
  .comp-ui-06 .c-container {
    width: 100%; }
    .comp-ui-06 .c-container .slide-status {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 21px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      z-index: 99; }

@media all and (max-width: 414px) {
  #add-cart-mobile {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%; }
    #add-cart-mobile > .c-item-10 {
      justify-content: space-around; }

  #homeListing {
    padding-bottom: 1px; }

  .dir-f-confirm-modal {
    width: calc(100% - 40px) !important;
    height: 192px !important;
    top: calc(50% - 96px) !important;
    left: 20px !important;
    border-radius: 8px; }
    .dir-f-confirm-modal > #modal-content > #modal-header {
      display: none; }
    .dir-f-confirm-modal > #modal-content > #modal-body {
      margin: 0 !important;
      padding-top: 37px !important; }
      .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #373738;
        text-align: center; }
    .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
        background-color: #324780;
        width: 121px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #FFFFFF;
        margin-right: 11px; }
      .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
        background-color: #FFF;
        width: 121px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #324780;
        border: 1px solid #324780; }
    .dir-f-confirm-modal > #modal-content > #modal-close {
      display: none !important; }

  .fix-order-list {
    padding-bottom: 80px; }

  .pb-fix-01 {
    padding-bottom: 60px; }

  .comp-ui-01 {
    background-color: #fff; }

  .comp-ui-02 .c-wrapper {
    border-radius: 8px; }
  .comp-ui-02 .product-card-ui-02:last-child {
    margin-right: 0; }

  .comp-ui-03 {
    width: 100%;
    border-radius: 0;
    padding: 16px 20px; }
    .comp-ui-03:before {
      display: none; }
    .comp-ui-03 .c-item-01 {
      width: 100%;
      height: 48px;
      border-radius: 0;
      padding: 0 4px;
      border-bottom: 1px solid #E9EBF1; }
      .comp-ui-03 .c-item-01 .c-item-01-A {
        margin-left: 17px; }
      .comp-ui-03 .c-item-01:hover {
        background: none; }
    .comp-ui-03 .hr-A {
      display: none; }

  .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-04 .c-wrapper {
    width: 100%;
    border-radius: 0; }
    .comp-ui-04 .c-wrapper .c-item-01 {
      padding: 24px 0 24px 20px; }
    .comp-ui-04 .c-wrapper .c-item-02 {
      padding: 0 0 32px 0; }
      .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 {
        width: 120px; }
        .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A {
          width: 120px;
          height: 120px;
          margin-bottom: 12px; }
          .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center; }
            .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
              width: 70px;
              height: 70px; }

  .comp-ui-05 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-05 .c-wrapper {
      margin: 0;
      width: 100%; }
      .comp-ui-05 .c-wrapper .container-01 {
        width: 100%;
        height: 346px;
        padding-bottom: 48px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #fff;
        margin-bottom: 1px; }
        .comp-ui-05 .c-wrapper .container-01 #remainingStockBadgeContainer > .offerProduct > div {
          color: #FFF;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
      .comp-ui-05 .c-wrapper .container-02 {
        background-color: #f5f6f9; }

  .comp-ui-06 .c-container .searchContainer .c-item-01 {
    width: calc(100% - 40px);
    margin: 24px 0px 0px 20px;
    height: 52px;
    padding: 16px 16px 16px 44px;
    border-radius: 4px;
    border: 1px solid #D5D5D6; }
  .comp-ui-06 .c-container .searchContainer:before {
    content: '';
    position: absolute;
    top: 42px;
    left: 36px;
    display: block;
    width: 16px;
    height: 16px;
    z-index: 99;
    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_11_204%29%22%3E%20%3Cpath%20d%3D%22M14.5%2013.7929L10.7239%2010.0168C11.6313%208.92752%2012.0838%207.53032%2011.9872%206.11589C11.8907%204.70147%2011.2525%203.37872%2010.2055%202.42282C9.15855%201.46692%207.78335%200.951454%206.366%200.983662C4.94865%201.01587%203.59828%201.59327%202.59581%202.59575C1.59333%203.59822%201.01593%204.94859%200.983723%206.36594C0.951515%207.78329%201.46698%209.15849%202.42288%2010.2055C3.37879%2011.2524%204.70153%2011.8906%206.11596%2011.9871C7.53038%2012.0837%208.92758%2011.6312%2010.0169%2010.7239L13.7929%2014.4999L14.5%2013.7929ZM2%206.49994C2%205.60992%202.26392%204.73989%202.75838%203.99987C3.25285%203.25985%203.95565%202.68307%204.77792%202.34248C5.60019%202.00188%206.50499%201.91277%207.3779%202.0864C8.25082%202.26004%209.05264%202.68862%209.68198%203.31795C10.3113%203.94729%2010.7399%204.74911%2010.9135%205.62203C11.0872%206.49494%2010.998%207.39974%2010.6575%208.22201C10.3169%209.04428%209.74008%209.74708%209.00006%2010.2415C8.26004%2010.736%207.39001%2010.9999%206.5%2010.9999C5.30693%2010.9986%204.1631%2010.5241%203.31948%209.68046C2.47585%208.83683%202.00132%207.693%202%206.49994Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_204%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-06 .c-wrapper {
    width: 100%; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 {
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
      border-radius: 8px 8px 0 0;
      background: #E9EBF1; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        margin-right: 12px;
        background-color: #324277;
        color: #FFF;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B {
        flex: 1; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          letter-spacing: -0.1px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-02 {
          margin-top: 4px;
          color: #373738;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 {
          display: none; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C {
        width: 100%; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 {
          display: flex;
          margin-top: 12px; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 4px;
            border-radius: 4px;
            padding: 4px 6px;
            font-family: 'Inter';
            font-size: 10px;
            font-style: normal;
            font-weight: 600;
            line-height: normal; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01.authorized {
              color: #4A90E2;
              background: #F3FBFF; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01.formal {
              color: #B13834;
              background: #FCF3F2; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01.fast {
              color: #5D2D74;
              background: #FAF3FB; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 {
      display: flex;
      flex-direction: column-reverse;
      padding: 12px 20px 0px 20px;
      border-radius: 0 0 8px 8px;
      border-right: #E9EBF1;
      border-bottom: #E9EBF1;
      border-left: 1px solid #E9EBF1;
      background: #FFF; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 {
        display: flex;
        margin: 12px 0px 0px 0px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01 {
          padding: 12px;
          color: #171718;
          font-family: 'Inter';
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 17px;
          cursor: pointer; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01.active {
            border-bottom: 2px solid #171718; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02 .c-unit-01 {
        width: 325px;
        height: 52px;
        padding: 16px 16px 16px 44px;
        border-radius: 4px;
        border: 1px solid #D5D5D6; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02:before {
        content: '';
        position: absolute;
        top: 16px;
        left: 16px;
        display: block;
        width: 20px;
        height: 20px;
        z-index: 99;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
    .comp-ui-06 .c-wrapper .c-row-03 {
      display: flex;
      gap: 4px;
      margin-top: 12px;
      padding: 12px 20px;
      background-color: #fff; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        flex: 1;
        border-radius: 8px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        padding: 12px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 {
          margin-top: 20px; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-01 {
            color: #171718;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            opacity: 0.7; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-02 {
            margin-top: 4px;
            color: #171718;
            font-family: 'Inter';
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 32px;
          height: 32px;
          border-radius: 4px;
          background: #E9EBF1; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.time:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_13519%29%22%3E%20%3Cpath%20d%3D%22M13%202H11V1H10V2H6V1H5V2H3C2.45%202%202%202.45%202%203V13C2%2013.55%202.45%2014%203%2014H13C13.55%2014%2014%2013.55%2014%2013V3C14%202.45%2013.55%202%2013%202ZM13%2013H3V6H13V13ZM13%205H3V3H5V4H6V3H10V4H11V3H13V5Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_13519%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-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.average:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_13525%29%22%3E%20%3Cpath%20d%3D%22M14.7407%204.31201L9.74074%201.56201C9.66692%201.52141%209.58404%201.50012%209.49979%201.50012C9.41555%201.50012%209.33266%201.52141%209.25884%201.56201L4.25884%204.31201C4.18045%204.35517%204.11508%204.41858%204.06955%204.49563C4.02402%204.57267%204%204.66052%204%204.75001C4%204.8395%204.02402%204.92735%204.06955%205.00439C4.11508%205.08144%204.18045%205.14485%204.25884%205.18801L8.99979%207.79566V13.1543L7.48169%2012.3197L6.99979%2013.1956L9.25884%2014.438C9.33264%2014.4787%209.41553%2014.5%209.49979%2014.5C9.58406%2014.5%209.66695%2014.4787%209.74074%2014.438L14.7407%2011.688C14.8192%2011.6449%2014.8846%2011.5815%2014.9302%2011.5044C14.9757%2011.4274%2014.9998%2011.3395%2014.9998%2011.25V4.75001C14.9998%204.6605%2014.9757%204.57263%2014.9302%204.49559C14.8846%204.41854%2014.8192%204.35514%2014.7407%204.31201ZM9.49979%202.57081L13.4622%204.75001L9.49979%206.92921L5.53739%204.75001L9.49979%202.57081ZM13.9998%2010.9544L9.99979%2013.1544V7.79566L13.9998%205.59566V10.9544Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M1%208L5%208V7H1V8Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2%2012H6V11H2V12Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M3%2010H7V9H3V10Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_13525%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-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.location:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_13531%29%22%3E%20%3Cpath%20d%3D%22M7.9995%2012L4.9545%207.7C4.45609%207.11153%204.13512%206.39358%204.02897%205.62975C3.92283%204.86591%204.03588%204.08764%204.35495%203.38558C4.67402%202.68351%205.18599%202.08654%205.83123%201.6642C6.47646%201.24185%207.22841%201.01151%207.9995%201C9.06837%201.01056%2010.0895%201.4443%2010.8392%202.20621C11.5889%202.96812%2012.0062%203.9961%2011.9995%205.065C11.9999%205.99747%2011.6824%206.90222%2011.0995%207.63L7.9995%2012ZM7.9995%202C7.19542%202.00923%206.42788%202.33719%205.8654%202.91185C5.30293%203.48652%204.9915%204.26091%204.9995%205.065C5.00285%205.79891%205.26689%206.50775%205.7445%207.065L7.9995%2010.26L10.3145%207C10.7545%206.45072%2010.9959%205.7688%2010.9995%205.065C11.0075%204.26091%2010.6961%203.48652%2010.1336%202.91185C9.57111%202.33719%208.80357%202.00923%207.9995%202Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M8%205.5C8.55228%205.5%209%205.05228%209%204.5C9%203.94772%208.55228%203.5%208%203.5C7.44772%203.5%207%203.94772%207%204.5C7%205.05228%207.44772%205.5%208%205.5Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M14%206H13V7H14V14H2V7H3V6H2C1.73478%206%201.48043%206.10536%201.29289%206.29289C1.10536%206.48043%201%206.73478%201%207V14C1%2014.2652%201.10536%2014.5196%201.29289%2014.7071C1.48043%2014.8946%201.73478%2015%202%2015H14C14.2652%2015%2014.5196%2014.8946%2014.7071%2014.7071C14.8946%2014.5196%2015%2014.2652%2015%2014V7C15%206.73478%2014.8946%206.48043%2014.7071%206.29289C14.5196%206.10536%2014.2652%206%2014%206Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_13531%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-06 .c-container .slide-status {
    width: 32px;
    height: 22px;
    right: 43px;
    top: 27px;
    display: flex;
    align-items: center;
    justify-content: center; }

  .comp-ui-07 {
    margin-top: 12px; }
    .comp-ui-07 .c-wrapper {
      width: 100%;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-07 .tabber-header {
      height: 60px;
      padding-left: 20px;
      background-color: #E9EBF1;
      border-bottom: 1px solid #EDEDED; }
      .comp-ui-07 .tabber-header a {
        margin-right: 20px;
        flex: 0 0 auto; }
        .comp-ui-07 .tabber-header a.off {
          border-bottom: 0;
          transition: all 0.3s; }
          .comp-ui-07 .tabber-header a.off span {
            opacity: 0.7; }
          .comp-ui-07 .tabber-header a.off:hover span {
            opacity: 1; }
        .comp-ui-07 .tabber-header a:not(.off):after {
          content: '';
          position: absolute;
          bottom: -18px;
          height: 2px;
          left: 0;
          right: 0;
          background-color: #171718; }
    .comp-ui-07 .tabber-body {
      padding: 24px 0 40px 0;
      transition: height 0.4s; }
      .comp-ui-07 .tabber-body .tabber-content {
        height: 100%;
        overflow: hidden;
        transition: opacity 0.3s; }
        .comp-ui-07 .tabber-body .tabber-content.off {
          height: 0;
          opacity: 0;
          transition: opacity 0.3s; }
    .comp-ui-07 .c-container-01 .c-item-01 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-01 .c-item-01 .c-item-01-A {
        display: none; }
      .comp-ui-07 .c-container-01 .c-item-01 .c-item-01-B {
        font-size: 18px;
        line-height: 22px; }
      .comp-ui-07 .c-container-01 .c-item-01 .c-item-01-C {
        margin-top: 20px; }
    .comp-ui-07 .c-container-01 .c-item-02 {
      margin: 24px 0 0 0;
      padding: 0 20px;
      display: flex;
      flex-direction: column; }
      .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A {
        padding-left: 16px;
        padding: 12px 0 12px 16px; }
        .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A .c-unit-01 {
          margin-bottom: 4px; }
        .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A:nth-child(2n+1) {
          background: #f8f8f9; }
        .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A:nth-child(2n) {
          background: white; }
    .comp-ui-07 .c-container-01 .c-item-03 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-01 .c-item-03 img {
        width: 100%;
        margin-bottom: 12px; }
    .comp-ui-07 .c-container-02 > .c-item-01 {
      width: 100%;
      padding: 0 20px;
      order: 2; }
      .comp-ui-07 .c-container-02 > .c-item-01 img {
        width: 220px; }
      .comp-ui-07 .c-container-02 > .c-item-01 .c-item-01-B span {
        margin-left: 9px; }
    .comp-ui-07 .c-container-02 > .c-item-02 {
      flex: 1;
      margin-bottom: 20px;
      padding: 0 20px;
      order: 1; }
      .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-A {
        margin-bottom: 36px; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-A .c-unit-01 {
          margin-bottom: 16px; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-A .c-unit-02 {
          width: 494px; }
      .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-01 {
        width: 132px;
        height: 132px;
        margin-right: 16px;
        background: #F8F8F9;
        border-radius: 8px; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-01 .c-unit-01-B {
          margin: 12px 0 8px 0; }
      .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 {
        flex: 1; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A {
          margin-bottom: 12px; }
          .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A:last-child {
            margin-bottom: 0; }
          .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01-A {
            margin-left: 8px; }
          .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
            width: 400px;
            height: 8px;
            margin-right: 12px;
            background: #E6E6E7;
            border-radius: 100px; }
            .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-02 .c-unit-02-A-01-A {
              height: 8px;
              background: #F5B744;
              border-radius: 100px; }
    .comp-ui-07 .c-container-02 .cui-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #DB704A;
      border-radius: 8px;
      font-weight: 600;
      font-size: 15px;
      line-height: 18px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
    .comp-ui-07 .c-container-02 .hr-C {
      margin: 20px 0;
      order: 3; }
    .comp-ui-07 .c-container-02 > .c-item-03 {
      flex: 1;
      margin-top: 20px;
      padding: 0 20px;
      order: 5; }
      .comp-ui-07 .c-container-02 > .c-item-03 .c-item-03-A {
        line-height: 20px; }
    .comp-ui-07 .c-container-02 .comp-micro-layout-13 {
      width: calc(100% - 40px);
      margin: 0 auto;
      order: 4; }
    .comp-ui-07 .c-container-02 > .c-item-04 {
      width: 100%;
      margin-top: 32px;
      padding: 0 20px 0 32px;
      order: 6; }
      .comp-ui-07 .c-container-02 > .c-item-04 .c-item-04-A {
        margin-bottom: 24px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-item-04-A .c-unit-01 {
          width: 82px;
          height: 82px;
          margin: 38px 40px 0 0;
          border-radius: 50%;
          background: #F0F0F2; }
      .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 {
        flex: 1;
        padding: 20px;
        background: #F8F8F9;
        border-radius: 0px 8px 8px 8px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02:before {
          content: "";
          position: absolute;
          left: -12px;
          top: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 20px 20px 0;
          border-color: transparent #F8F8F9 transparent transparent; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-A {
          margin-bottom: 18px; }
          .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
            margin-left: 12px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-B {
          width: 271px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-C {
          margin-bottom: 8px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .hr-E {
          margin: 16px 0; }
    .comp-ui-07 .c-container-03 {
      padding: 0 20px 0 20px; }
      .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-A {
        margin-bottom: 24px; }
      .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B {
        background: #FFFFFF;
        border: 1px solid #E6E6E7;
        box-sizing: border-box;
        border-radius: 4px; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-01 {
          width: 100%;
          height: 84px; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 > :nth-child(2n) {
          background: #f8f8f9; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 > :nth-child(2n+1) {
          background: white; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 > :first-child {
          background: #f0f0f2; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 .c-unit-03 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          height: 29px;
          padding: 0 11px; }
      .comp-ui-07 .c-container-03 .c-item-02 {
        margin-top: 40px; }
        .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-A {
          width: 100%;
          margin-bottom: 24px; }
        .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B {
          width: 100%;
          margin-bottom: 13px;
          border: 1px solid #E6E6E7;
          box-sizing: border-box;
          border-radius: 4px; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-01 {
            height: 84px; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 > :nth-child(2n+1) {
            background: #f8f8f9; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 > :nth-child(2n) {
            background: white; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A {
            height: 29px;
            padding: 0 11px; }
            .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
              width: 92px;
              justify-content: end; }
              .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01:first-child {
                justify-content: left; }
              .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01:last-child {
                margin-left: 14px; }
        .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-C {
          font-size: 11px;
          margin-top: 20px;
          line-height: 17px;
          padding-right: 13px; }
      .comp-ui-07 .c-container-03 .hr-C {
        display: none; }
    .comp-ui-07 .c-container-04 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-04 > .c-container-04-A {
        width: 335px; }
      .comp-ui-07 .c-container-04 > .c-container-04-B {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto; }
        .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 {
          width: 212px;
          height: 165px;
          padding: 16px;
          margin-right: 8px;
          border-radius: 6px;
          background: #F8F8F9;
          flex: 0 0 auto;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: space-between; }
          .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-A {
            height: 34px; }
            .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-A .c-unit-01 {
              color: #2B3E73;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              line-height: normal; }
            .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-A .c-unit-02 {
              height: 19px;
              width: max-content;
              margin-top: 8px;
              border-radius: 2px;
              border: 1px solid #DF633A;
              padding: 3px;
              background: #FFF;
              color: #DF633A;
              font-family: 'Inter';
              font-size: 10px;
              font-style: normal;
              font-weight: 600;
              line-height: normal; }
          .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-B {
            color: #171718;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-top: 20px; }
          .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-C {
            width: 100%;
            padding: 8px 12px;
            margin-top: 20px;
            border-radius: 8px;
            background: #F4EAE9;
            color: #8E452A;
            text-align: center;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .comp-ui-07 .c-container-04 > .c-container-04-C {
        display: none; }
      .comp-ui-07 .c-container-04 > .c-container-04-D {
        color: #171718;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -0.15px;
        margin-bottom: 29px; }
    .comp-ui-07 .c-container-05 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-05 > .c-item-01 {
        width: 335px;
        margin-bottom: 29px; }
      .comp-ui-07 .c-container-05 > .c-item-02 {
        height: 68px;
        margin-bottom: 8px;
        padding-left: 20px;
        background: #F8F8F9;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px; }
        .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-A {
          margin-right: 20px; }
          .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-A svg {
            width: 26px;
            height: 32px; }
        .comp-ui-07 .c-container-05 > .c-item-02:last-child {
          margin-bottom: 0; }
        .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-B {
          flex: 1; }
          .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-B .c-unit-01 {
            margin-bottom: 4px; }
        .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-C span {
          margin-left: 8px; }
      .comp-ui-07 .c-container-05 .cui-lnk-btn-04 {
        display: none; }

  .comp-ui-09 {
    padding: 16px;
    z-index: 0; }
    .comp-ui-09 .hr-C {
      margin: 20px 0;
      width: calc(100% + 32px);
      margin-left: -16px;
      margin-right: -16px; }

  .comp-ui-11 {
    padding: 20px 0 20px 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
    .comp-ui-11 .c-wrapper .c-container-01 :last-child {
      margin-bottom: 0; }
    .comp-ui-11 .c-wrapper .c-container-02 {
      display: none; }
    .comp-ui-11 .c-wrapper .c-splitter {
      display: none;
      margin: 40px 0 20px 0; }

  .comp-ui-12 .c-wrapper {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex; }
    .comp-ui-12 .c-wrapper .c-container-01 {
      width: 100%;
      order: 1; }
      .comp-ui-12 .c-wrapper .c-container-01:last-child {
        margin-bottom: 0; }
      .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-01 {
        background-color: #fff;
        padding: 20px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        margin-bottom: 4px; }
        .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-01 > .c-item-01 > .c-item-01-A {
          width: 70px;
          height: 70px;
          justify-content: center; }
          .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-01 > .c-item-01 > .c-item-01-A > img {
            width: 56px;
            height: 56px;
            object-fit: cover;
            object-position: center; }
      .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-02 {
        padding: 12px; }
      .comp-ui-12 .c-wrapper .c-container-01 > :last-child {
        border-bottom: 0; }
    .comp-ui-12 .c-wrapper .c-container-02 {
      display: none; }
    .comp-ui-12 .c-wrapper .c-container-02-xs {
      position: fixed;
      bottom: 0;
      left: 0px;
      width: 100% !important;
      z-index: 202;
      margin-top: 0;
      background-color: #FFFFFF; }
      .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A {
        display: none;
        padding: 20px 16px 0px 16px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-top: #dcdcdc solid; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 {
          padding-top: 20px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-01 {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-01 .c-unit-01-A {
              color: #555556;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-01 .c-unit-01-B {
              color: #171718;
              text-align: right;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: normal; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-02 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 8px; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-02 .c-unit-02-A {
              color: #555556;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-02 .c-unit-02-B {
              color: #171718;
              text-align: right;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 700;
              line-height: normal; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 {
          margin-bottom: 24px;
          padding-top: 20px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-01 {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-01 .c-unit-01-A {
              color: #555556;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-01 .c-unit-01-B {
              color: #171718;
              text-align: right;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 700;
              line-height: normal; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-02 {
            margin-top: 16px;
            padding: 12px 16px;
            border-radius: 4px;
            background: #F1F9E9;
            color: #214F12;
            font-family: "Inter";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 15px; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 8px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 .c-unit-01-A {
            display: flex;
            align-items: center;
            color: #555556;
            font-family: "Inter";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
              padding: 2px 0px 0px 4px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 .c-unit-01-B {
            color: #171718;
            text-align: right;
            font-family: "Inter";
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 36px;
        border-top: #f5f5f5 1px solid;
        width: calc((100% + 32px));
        margin-left: -16px; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-01 .c-unit-01 {
          padding-left: 16px;
          color: var(--black-white-900, #171718);
          font-family: "Inter";
          font-size: 9px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-01 .c-unit-01:before {
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            width: 12px;
            height: 12px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%203.75L2.25%207.5L2.775%208.025L6%204.8L9.225%208.025L9.75%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-01 .c-unit-02 {
          margin-top: 6px;
          color: #000;
          font-family: "Inter";
          font-size: 18px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          letter-spacing: -0.18px; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-02 {
          padding: 16px 20px;
          border-radius: 4px;
          background: #7A3986;
          color: #FFF;
          text-align: center;
          font-family: "Inter";
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: -0.14px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-02.passive {
            opacity: 0.4;
            pointer-events: none; }
    .comp-ui-12 .c-wrapper .c-container-03 {
      width: calc( 100% - 40px );
      order: 2; }
      .comp-ui-12 .c-wrapper .c-container-03 > span {
        margin-left: 12px; }
  .comp-ui-12 .c-column-02 {
    width: 100%; }

  .comp-ui-13 {
    background: #FFFFFF;
    margin-bottom: 12px; }
    .comp-ui-13 .c-wrapper {
      width: 100%;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
      .comp-ui-13 .c-wrapper .c-item-01 {
        display: none;
        margin-bottom: 24px;
        padding: 0 20px; }
      .comp-ui-13 .c-wrapper .c-item-02 {
        display: flex;
        justify-content: space-around;
        margin: 16px 20px; }
        .comp-ui-13 .c-wrapper .c-item-02 .c-item-02-A > svg {
          width: 20px;
          height: 20px;
          margin-right: 6px; }
        .comp-ui-13 .c-wrapper .c-item-02 > :last-child {
          margin-right: 0; }
      .comp-ui-13 .c-wrapper .c-unit-04-A {
        padding-left: 20px;
        padding-bottom: 20px; }
        .comp-ui-13 .c-wrapper .c-unit-04-A .chk-A label {
          display: flex;
          align-items: center;
          justify-content: center;
          color: #171718;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }
    .comp-ui-13 .cui-lnk-btn-01 {
      padding: 5px;
      height: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #E9EBF1;
      border-radius: 6px;
      font-weight: 600;
      font-size: 11px;
      line-height: 13px;
      color: #171718; }
      .comp-ui-13 .cui-lnk-btn-01 .c-unit-01 {
        width: 79px; }
      .comp-ui-13 .cui-lnk-btn-01.active {
        background: #FFFFFF;
        border: 2px solid #6B337D;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 6px;
        color: #452362; }
    .comp-ui-13 .orderType .c-item-02 .c-item-02-A .c-unit-01-A {
      width: 95px !important; }

  .comp-ui-14 {
    background: #fff; }
    .comp-ui-14 .c-wrapper {
      padding: 0;
      width: 100%; }
    .comp-ui-14 .c-wrapper > .c-column-01 #confirmationStep #customerContainer {
      display: flex;
      align-items: center;
      border-radius: 8px;
      height: 64px;
      margin-left: 20px;
      width: calc(100% - 40px);
      color: #B55B3D;
      background: rgba(255, 204, 73, 0.1);
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 50;
      line-height: 20px;
      margin-bottom: 24px; }
      .comp-ui-14 .c-wrapper > .c-column-01 #confirmationStep #customerContainer .c-unit-01 {
        margin-right: 6px; }
    .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 {
      padding: 24px 20px 36px 20px; }
      .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 > .c-item-01 {
        padding: 0;
        width: 111px; }
        .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 > .c-item-01 > .c-unit-02 {
          font-weight: 700;
          line-height: 21.78px;
          width: 111px; }
          .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 > .c-item-01 > .c-unit-02 > span {
            font-size: 12px;
            line-height: 14.52px; }
    .comp-ui-14 .c-column-01 {
      background-color: #F5F6F9; }
      .comp-ui-14 .c-column-01 .address-selection-ui-01 {
        padding: 24px 20px 20px 20px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #FFFFFF; }
      .comp-ui-14 .c-column-01 .micro-ui-10 {
        padding: 24px 20px 20px 20px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #FFFFFF; }
    .comp-ui-14 .c-column-02 {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0; }
      .comp-ui-14 .c-column-02 .basket-ui-02 {
        padding: 16px 20px 20px 20px; }

  .comp-ui-15 {
    padding: 24px 20px;
    margin-top: 12px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-15 .c-wrapper {
      width: 100%; }
      .comp-ui-15 .c-wrapper .c-item-01 .c-unit-01 {
        width: 335px;
        margin-bottom: 16px; }
      .comp-ui-15 .c-wrapper .c-item-01 .c-unit-02 {
        width: 322px; }

  .comp-ui-16 {
    display: none;
    padding: 24px 0;
    border-top: 1px solid #F0F0F2;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-16 .c-item-01 {
      display: flex;
      flex-direction: column;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.01em;
      color: #1F2E5C; }
      .comp-ui-16 .c-item-01 .c-untit-01 {
        margin-top: 4px;
        color: #68686A;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px; }

  .comp-ui-17 {
    padding-top: 12px; }
    .comp-ui-17 .c-wrapper {
      width: 100%; }
      .comp-ui-17 .c-wrapper .c-column-01 {
        width: 100%;
        padding: 0;
        background: #fff;
        border-radius: 8px; }
      .comp-ui-17 .c-wrapper .c-column-02 {
        margin-top: 17px;
        width: 100%;
        background-color: #FFFFFF;
        border-radius: unset; }
    .comp-ui-17.guarantor-tab-container .tabber-container {
      width: auto;
      padding: 0;
      box-shadow: none; }
      .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header {
        height: 56px;
        padding: 4px;
        background: #E9EBF1;
        border-radius: 8px;
        justify-content: space-between; }
        .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header:after {
          display: none; }
        .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header .tab-head-item {
          flex: 1;
          border: none;
          margin: 0;
          justify-content: center;
          margin-right: 0;
          background-color: transparent; }
          .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header .tab-head-item.on {
            background-color: #fff;
            border-radius: 8px; }
      .comp-ui-17.guarantor-tab-container .tabber-container .tabber-body .tab-content-item .tab-content {
        width: 100%;
        padding: 0 20px; }
        .comp-ui-17.guarantor-tab-container .tabber-container .tabber-body .tab-content-item .tab-content > .c-item-01 {
          width: 100%;
          margin: 32px 0 48px 0;
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          color: #373738; }
          .comp-ui-17.guarantor-tab-container .tabber-container .tabber-body .tab-content-item .tab-content > .c-item-01 > .c-item-01-A-A {
            font-weight: 600;
            color: #7A3986;
            font-size: 12px;
            line-height: 18px; }

  .comp-ui-18 .c-wrapper {
    width: 100%; }
  .comp-ui-18 .c-column-01 {
    width: 100%;
    padding: 0;
    border-radius: 0; }
    .comp-ui-18 .c-column-01 .c-container-01 {
      padding: 24px 20px;
      box-shadow: none;
      border-radius: 0;
      margin-bottom: 8px; }
      .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 {
        margin-bottom: 32px; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-A {
          margin-bottom: 32px; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B {
          display: flex; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B:before {
            content: "";
            position: absolute;
            left: -10px;
            top: -10px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #EFE5F0; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B .c-unit-01 {
            width: 16px;
            height: 16px; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B .c-unit-02 {
            display: none; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-C {
          width: 100%;
          padding-right: 20px; }
      .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 {
        margin-top: 20px; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 .c-unit-01 {
          flex-wrap: wrap; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 .c-unit-01 .c-unit-01-A {
            width: 100%;
            margin-bottom: 4px; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 .c-unit-01 .c-unit-01-B {
            width: 100%; }
  .comp-ui-18 .c-column-02 .c-container-02 {
    padding: 24px 20px; }

  .comp-ui-19 .c-column-01 {
    width: 100%;
    padding: 0; }

  .comp-ui-23 .c-container-02 .hr-C {
    margin: 32px 0 24px 0; }

  .comp-ui-24 .c-column-01 {
    width: 100%;
    background: #FFFFFF; }
    .comp-ui-24 .c-column-01 .c-container-01 {
      margin-bottom: 20px; }
      .comp-ui-24 .c-column-01 .c-container-01 > .c-item-01 {
        margin-bottom: 32px; }
      .comp-ui-24 .c-column-01 .c-container-01 > .micro-ui-21 {
        margin-bottom: 12px; }
      .comp-ui-24 .c-column-01 .c-container-01 .hr-C {
        margin: 32px 0 24px 0; }
    .comp-ui-24 .c-column-01 .c-container-02 .hr-C {
      margin: 32px 0 24px 0; }

  .comp-ui-28 {
    background: transparent;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF; }
    .comp-ui-28.bg-fix-01 {
      background-color: #F5F6F9; }
    .comp-ui-28 .c-wrapper {
      width: calc(100% - 40px); }
      .comp-ui-28 .c-wrapper .c-column-01 {
        display: none; }
      .comp-ui-28 .c-wrapper .c-column-02 {
        width: 100%;
        padding: 0;
        background-color: transparent;
        box-shadow: none; }
        .comp-ui-28 .c-wrapper .c-column-02 .c-h-item-01 {
          width: 100vw;
          margin-left: -20px;
          background-color: #fff;
          margin-right: -20px;
          display: flex;
          align-items: center;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          padding: 20px 0 20px 20px;
          margin-bottom: 12px; }
          .comp-ui-28 .c-wrapper .c-column-02 .c-h-item-01 .c-unit-01 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            padding: 14.5px 13px;
            border-radius: 50%;
            margin-right: 12px;
            background: #FAFBFD;
            transform: matrix(1, 0, 0, -1, 0, 0); }
          .comp-ui-28 .c-wrapper .c-column-02 .c-h-item-01 .c-unit-02 {
            font-family: Inter;
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: -0.01em;
            color: #0F1B3F; }
        .comp-ui-28 .c-wrapper .c-column-02 .anyEvaluation {
          padding-top: 28px; }
      .comp-ui-28 .c-wrapper .c-column-02-fix-02 {
        padding-bottom: 60px; }
    .comp-ui-28.bg-white {
      background-color: #fff; }

  .comp-ui-29 {
    width: 100%; }
    .comp-ui-29 .c-item-01 {
      padding: 32px 32px 0px 32px;
      width: 100%;
      font-size: 22px;
      line-height: 27px;
      margin-bottom: 33px; }
      .comp-ui-29 .c-item-01 .c-unit-01 {
        width: 100%; }
    .comp-ui-29 .c-item-02 {
      padding: 32px 40px;
      width: 100%;
      height: 426px;
      background: #FAFBFD;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .comp-ui-29 .c-item-02 .c-unit-01 {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        padding: 28px;
        margin-bottom: 40px;
        border-radius: 50%;
        background-color: #fff; }
      .comp-ui-29 .c-item-02 .c-unit-02 {
        margin-bottom: 12px; }
      .comp-ui-29 .c-item-02 .c-unit-03 {
        font-size: 11px;
        margin-bottom: 32px; }
      .comp-ui-29 .c-item-02 .c-unit-04 {
        margin: 0 auto;
        display: block;
        background: #7A3986;
        border-radius: 8px;
        padding: 18px 40px 21px 40px; }

  .comp-ui-30 {
    padding: 32px 24px; }

  .comp-ui-31 {
    width: 100%;
    margin-bottom: 60px; }
    .comp-ui-31 .c-item-01 {
      padding: 0;
      margin-top: 20px;
      margin-bottom: 16px;
      flex-wrap: wrap; }
      .comp-ui-31 .c-item-01 .c-unit-01 {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px; }
      .comp-ui-31 .c-item-01 .c-unit-02 {
        color: #0F1B3F;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px; }
      .comp-ui-31 .c-item-01 .c-unit-03 {
        margin-top: 32px;
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        height: 32px;
        border-radius: 4px; }
    .comp-ui-31 .c-item-02 {
      padding: 20px 0px 20px 20px;
      justify-content: start; }
      .comp-ui-31 .c-item-02.d-inherit {
        display: inherit; }
      .comp-ui-31 .c-item-02 .c-unit-01 {
        margin-right: 5px; }
        .comp-ui-31 .c-item-02 .c-unit-01 .c-unit-01-A {
          width: 145px;
          margin-bottom: 6px; }
        .comp-ui-31 .c-item-02 .c-unit-01 .c-unit-01-B {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .comp-ui-31 .c-item-02 .c-unit-01:not(:last-child) {
          margin-bottom: 20px; }
      .comp-ui-31 .c-item-02:last-child {
        display: block;
        justify-content: start; }
        .comp-ui-31 .c-item-02:last-child .c-unit-01 {
          margin-bottom: 20px; }
    .comp-ui-31 .c-item-03 {
      align-items: inherit; }
    .comp-ui-31 .hr-F {
      width: auto;
      margin-right: 20px;
      margin-left: 20px; }

  .comp-ui-32 {
    width: 100%;
    padding-bottom: 60px; }
    .comp-ui-32 .c-container-06 {
      display: none; }
    .comp-ui-32 .c-item-01 {
      margin-bottom: 28px; }
    .comp-ui-32 .c-item-02 {
      margin: 60px 0 28px 0; }

  .comp-ui-33 {
    width: 100%;
    background: #E9EBF1;
    border-radius: 8px;
    padding: 20px 10px 8px 10px;
    margin-bottom: 20px; }
    .comp-ui-33 .c-container-01 {
      display: flex;
      padding: 0 12px;
      margin-bottom: 20px; }
      .comp-ui-33 .c-container-01 .c-item-01 {
        margin-right: 4px; }
      .comp-ui-33 .c-container-01 .c-item-02 {
        width: 100%; }
    .comp-ui-33 .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      background: #FFFFFF;
      border-radius: 6px;
      padding: 8px; }
      .comp-ui-33 .c-container-02 .c-item-01 {
        margin-right: 0;
        width: 100%;
        padding: 12px 0 16px 0;
        order: 2; }
      .comp-ui-33 .c-container-02 .c-item-02 {
        background: #FAFBFD;
        width: 100%;
        border-radius: 6px;
        height: fit-content;
        overflow: hidden;
        order: 1; }
        .comp-ui-33 .c-container-02 .c-item-02 .micro-ui-29 {
          padding-top: 16px; }
      .comp-ui-33 .c-container-02:not(:last-child) {
        margin-bottom: 12px; }
      .comp-ui-33 .c-container-02 .c-item-011-fix {
        order: 2;
        margin: 0 8px; }
        .comp-ui-33 .c-container-02 .c-item-011-fix > .hr-A {
          width: 100%;
          margin: 0; }
      .comp-ui-33 .c-container-02 .c-item-022-fix {
        order: 1;
        width: 100%; }
        .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 {
          background: #FAFAFA;
          padding: 16px 16px 12px 16px; }
          .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            border-radius: 12px;
            background: #FFF;
            box-shadow: 0px 4px 4px 0px rgba(23, 23, 24, 0.05); }
            .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-01 {
              width: 134px;
              height: 32px;
              margin-bottom: 12px; }
              .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-01 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center; }
            .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-02 {
              display: flex;
              margin-top: 4px; }
              .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-02 .c-unit-02-A {
                color: #555556;
                font-family: 'Inter';
                font-size: 11px;
                font-style: normal;
                font-weight: 600;
                line-height: 15px; }
              .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-02 .c-unit-02-B {
                color: #555556;
                font-family: 'Inter';
                font-size: 11px;
                font-style: normal;
                font-weight: 400;
                line-height: 15px; }
        .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 48px 37px;
          border-radius: 6px;
          background: #FBECEE; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            margin-bottom: 20px;
            border-radius: 100px;
            background: #DF9E9D; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-02 {
            margin-bottom: 6px;
            color: #171718;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 17px; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-03 {
            margin-bottom: 32px;
            color: #555556;
            text-align: center;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-04 {
            color: #555556;
            text-align: center;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 17px; }

  .comp-ui-34 {
    width: 100%;
    background: #E9EBF1;
    border-radius: 8px;
    padding: 20px 10px 20px 16px; }
    .comp-ui-34 .c-container-01 {
      display: flex;
      padding: 0 8px;
      margin-bottom: 20px; }
      .comp-ui-34 .c-container-01 .c-item-01 {
        margin-right: 4px; }
      .comp-ui-34 .c-container-01 .c-item-02 {
        width: 100%; }
    .comp-ui-34 .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      background: #FFFFFF;
      border-radius: 6px;
      padding: 8px; }
      .comp-ui-34 .c-container-02 .c-item-01 {
        order: 2;
        padding: 12px 25px 20px 0px;
        width: 100%; }
      .comp-ui-34 .c-container-02 .c-item-02 {
        order: 1;
        width: 100%;
        background: #FAFBFD;
        border-radius: 6px;
        margin-bottom: 15px; }
      .comp-ui-34 .c-container-02:not(:last-child) {
        margin-bottom: 12px; }

  .comp-ui-36 {
    background-color: #FFFFFF;
    padding-bottom: 40px;
    padding-top: 32px; }
    .comp-ui-36 .hr-F {
      width: calc(100% + 40px);
      padding-left: 20px;
      margin: 0 -20px 32px -20px; }
    .comp-ui-36 .c-item-01 {
      margin-bottom: 24px; }
    .comp-ui-36 .c-item-02-fix-order {
      background-color: #FAFBFD;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 32px 0 48px 0;
      width: calc(100% + 40px);
      margin: -32px -20px -40px -20px; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-01 {
        background-color: #FFFFFF;
        border-radius: 50px;
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 32px; }
        .comp-ui-36 .c-item-02-fix-order > .c-unit-01 > svg {
          width: 32px;
          height: 32px; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-02 {
        width: 295px;
        margin-bottom: 12px;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        letter-spacing: -0.005em;
        color: #171718; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-03 {
        width: 295px;
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #555556; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-04 {
        padding: 15px 34px 16px 33px;
        background: #7A3986;
        border-radius: 4px;
        width: 189px;
        height: 48px;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        letter-spacing: -0.01em; }
    .comp-ui-36.bg-white {
      background-color: #fff; }

  .comp-ui-36-fix {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 0; }
    .comp-ui-36-fix .c-item-02 {
      width: calc(100% - 129px);
      height: 48px;
      display: flex;
      align-items: center;
      background: #F8F8F9;
      border-radius: 4px;
      margin-bottom: 20px; }
      .comp-ui-36-fix .c-item-02 .c-unit-01 {
        position: absolute;
        left: 16px;
        top: 14px;
        z-index: 1; }
      .comp-ui-36-fix .c-item-02 .c-unit-02 {
        background: #F8F8F9;
        width: 100%;
        padding-left: 44px; }
    .comp-ui-36-fix .c-item-02-fix-order {
      width: calc(100% + 40px);
      height: auto;
      background: #FAFBFD;
      margin-bottom: 0; }
      .comp-ui-36-fix .c-item-02-fix-order > .c-unit-01 {
        position: unset;
        left: unset;
        top: unset;
        z-index: 1; }
      .comp-ui-36-fix .c-item-02-fix-order > .c-unit-02 {
        background: #FAFBFD; }
    .comp-ui-36-fix .c-item-03 {
      width: 121px;
      height: 48px; }
      .comp-ui-36-fix .c-item-03 > .select-ui-01 {
        display: flex;
        align-items: center;
        padding: 0 0 0 16px;
        border: 1px solid #D5D5D6; }
      .comp-ui-36-fix .c-item-03 > span {
        position: absolute;
        right: 16px;
        top: 13px; }
    .comp-ui-36-fix .hr-F {
      width: calc(100% + 40px);
      padding-left: 20px;
      margin: 0 -20px 28px -20px; }
    .comp-ui-36-fix .c-item-01 {
      width: 100%; }
    .comp-ui-36-fix > #listing > .hr-F {
      display: none; }

  .comp-ui-37 {
    border-bottom: 1px solid #EDEDED;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px; }

  .comp-ui-38 > .c-item-01 {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #373738;
    margin: 0 20px 32px 0;
    padding-top: 28px; }

  .comp-ui-40 {
    width: 100vw;
    margin-right: -20px;
    margin-left: -20px;
    padding: 32px 0 48px 0;
    border-radius: 8px;
    background-color: #FAFBFD;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .comp-ui-40 .c-item-001-svg {
      width: 80px;
      height: 80px;
      background-color: #FFFFFF;
      border-radius: 50px;
      display: flex;
      align-items: center;
      margin-bottom: 32px;
      justify-content: center; }
    .comp-ui-40 > .c-item-01 {
      width: 295px;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.005em;
      color: #171718;
      background: none;
      margin-bottom: 12px; }
    .comp-ui-40 > .c-item-02 {
      width: 295px;
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      text-align: center;
      color: #555556;
      margin-top: 0;
      margin-bottom: 32px; }
    .comp-ui-40 > .c-item-03 {
      width: 189px;
      height: 48px;
      background-color: #7A3986;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .comp-ui-40 > .c-item-03 a {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        letter-spacing: -0.01em;
        /* Black & White/000 */
        color: #FFFFFF; }

  .comp-ui-40-fix {
    padding: 0; }
    .comp-ui-40-fix .c-item-01 {
      background-color: #FFF;
      width: 100%;
      padding: 36px 20px 20px 20px;
      text-align: left !important;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); }
    .comp-ui-40-fix .c-item-02 {
      background-color: #FFF;
      width: 100%;
      margin-bottom: 0;
      padding: 28px 40px 32px 20px;
      text-align: left;
      font-weight: 400; }
    .comp-ui-40-fix .c-item-04 {
      background-color: #FFF;
      width: 100%;
      margin-right: 0;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      padding: 0 20px; }
      .comp-ui-40-fix .c-item-04 > a {
        background-color: #FFF;
        width: 100%;
        margin-right: 0;
        display: flex;
        flex-direction: unset;
        flex-wrap: nowrap;
        background: #FAF3FB;
        height: 48px;
        margin-bottom: 16px;
        color: #6B337D;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px; }
        .comp-ui-40-fix .c-item-04 > a > svg {
          width: 16px;
          height: 16px;
          margin-bottom: 0;
          margin-right: 12px; }

  .comp-ui-40-fix-01 {
    background: #F5F6F9;
    padding: 0; }
    .comp-ui-40-fix-01 #entityListContainer {
      width: 100%;
      height: auto;
      background-color: unset;
      margin-right: 0; }

  .comp-ui-40-fix-02 {
    width: 100%;
    padding: 0;
    margin: 0; }
    .comp-ui-40-fix-02 > #test {
      width: 100%;
      height: auto;
      margin-right: 0;
      background-color: #FFF; }

  .comp-ui-45 {
    padding: 20px 0px;
    border: none; }
    .comp-ui-45 > .c-item-01 {
      padding: 16px 0px 16px 0px; }
      .comp-ui-45 > .c-item-01 .c-unit-02 {
        font-size: 20px; }
    .comp-ui-45 > .c-item-02 {
      margin: 0px; }

  .comp-ui-45-fix-01 {
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 20px; }
    .comp-ui-45-fix-01 > .c-item-01 {
      background-color: #FFF;
      margin-bottom: 20px;
      padding: 20px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-45-fix-01 > .c-item-02 {
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
      width: 100%;
      padding: 0 20px;
      padding-top: 20px; }
    .comp-ui-45-fix-01 > .c-item-02-fix-01 {
      padding: 20px; }

  .comp-ui-45-fix-02 {
    padding: 0;
    margin-bottom: 0; }
    .comp-ui-45-fix-02 > .c-item-01 {
      margin: 0;
      padding: 20px 0; }
      .comp-ui-45-fix-02 > .c-item-01 > .c-unit-01 {
        padding: 0; }
      .comp-ui-45-fix-02 > .c-item-01 > .c-unit-02 {
        font-weight: 600;
        font-size: 22px;
        line-height: 27px; }

  .comp-ui-46 .c-item-01 {
    padding: 32px 0px 48px 0px; }
    .comp-ui-46 .c-item-01 .c-unit-01 {
      width: 80px;
      height: 80px;
      padding: 28px;
      margin-bottom: 32px; }
    .comp-ui-46 .c-item-01 .c-unit-04 {
      margin: 0 auto;
      width: 189px;
      height: 48px;
      background: #7A3986; }

  .comp-ui-47 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    padding: 32px 20px 48px 20px; }
    .comp-ui-47 > .c-item-01 {
      padding: 0; }
      .comp-ui-47 > .c-item-01 .c-unit-01 {
        width: 80px;
        height: 80px;
        padding: 28px;
        margin-bottom: 32px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-ui-47 > .c-item-01 .c-unit-01 > svg {
          width: 32px;
          height: 32px; }
      .comp-ui-47 > .c-item-01 .c-unit-02 {
        text-align: center;
        letter-spacing: -0.005em;
        width: 295px;
        padding: 0 20px; }
    .comp-ui-47 .c-unit-04 {
      margin: 0 auto;
      width: 189px;
      height: 48px;
      background: #7A3986; }

  .comp-ui-49 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #FFFFFF; }
    .comp-ui-49 > .c-item-01 {
      width: 315px;
      margin: 20px 20px 28px 0;
      width: 100%; }

  .comp-ui-50 {
    background-color: #FFFFFF; }
    .comp-ui-50 .c-item-01 {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px; }
      .comp-ui-50 .c-item-01 > .c-unit-01 {
        white-space: nowrap; }
        .comp-ui-50 .c-item-01 > .c-unit-01:not(:last-child) {
          margin-right: 24px; }
        .comp-ui-50 .c-item-01 > .c-unit-01 > .c-unit-01-A {
          margin-right: 8px; }
        .comp-ui-50 .c-item-01 > .c-unit-01.on {
          border-bottom: 2px solid #7A3986; }
    .comp-ui-50 .c-item-02 {
      padding: 20px 0 20px 0;
      margin: 0;
      display: flex; }
    .comp-ui-50 .g-wrapper .c-item-02 {
      text-align: unset; }

  .comp-ui-51 {
    padding: 32px 20px 32px 20px;
    width: calc(100% + 40px);
    margin: 0 -20px; }
    .comp-ui-51 .c-item-01 {
      padding-right: 20px;
      width: 100%;
      padding-left: 0;
      margin-bottom: 32px; }
    .comp-ui-51 .c-item-02 {
      display: flex;
      padding-left: 0;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 0; }
      .comp-ui-51 .c-item-02 .c-unit-01 {
        margin-right: 0;
        width: 100%;
        margin-bottom: 28px; }
        .comp-ui-51 .c-item-02 .c-unit-01 .c-unit-01-A {
          margin-bottom: 12px;
          width: 100%; }
        .comp-ui-51 .c-item-02 .c-unit-01 .c-unit-01-B {
          padding: 15px 16px 16px 16px;
          width: 100%;
          /* Black & White/300 */
          border: 2px solid #D5D5D6;
          border-radius: 4px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
      .comp-ui-51 .c-item-02 .user-info-form-group-01 .selectIcon {
        position: absolute;
        top: 44px;
        right: 20px;
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_360%29%22%3E%20%3Cpath%20d%3D%22M12%206L8%2011L4%206H12Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_360%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-51 .c-item-02 .user-info-form-group-01.parenterror > label:last-child {
        margin-top: 12px; }
    .comp-ui-51 .c-item-03 {
      display: flex;
      padding-left: 0;
      margin-left: 0;
      justify-content: center;
      align-items: center;
      height: 48px;
      width: 100%;
      background: #7A3986;
      border-radius: 4px;
      color: #FFFFFF;
      text-align: center; }
      .comp-ui-51 .c-item-03.disabled {
        background: grey; }
    .comp-ui-51 .c-item-04 {
      width: 100%; }

  .comp-ui-52 {
    padding: 32px 0 60px 0; }
    .comp-ui-52 .c-item-01 {
      margin-bottom: 24px; }
    .comp-ui-52 .c-item-02 {
      width: 100%;
      padding-right: 20px;
      margin-bottom: 32px; }
    .comp-ui-52 .c-item-03 {
      padding: 20px 20px 20px 20px;
      background: #F8F8F9;
      border-radius: 4px;
      width: 100%; }
      .comp-ui-52 .c-item-03 .c-unit-01 {
        margin-bottom: 16px; }
      .comp-ui-52 .c-item-03 .c-unit-02 {
        width: 287px;
        margin-bottom: 20px; }
      .comp-ui-52 .c-item-03 .c-unit-03 {
        display: flex;
        width: 100%;
        flex-wrap: wrap; }
        .comp-ui-52 .c-item-03 .c-unit-03 .user-info-form-group-01 {
          width: 100%;
          margin-right: 0;
          margin-bottom: 8px; }
        .comp-ui-52 .c-item-03 .c-unit-03 .c-unit-03-B {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 48px;
          background: #7A3986;
          border-radius: 4px;
          text-align: center; }
      .comp-ui-52 .c-item-03:not(:last-child) {
        margin-bottom: 16px; }

  .comp-ui-53 {
    padding: 32px 0 60px 0; }
    .comp-ui-53 .c-item-01 {
      width: 100%;
      margin-right: 20px;
      margin-bottom: 32px; }
    .comp-ui-53 .c-item-02 {
      padding: 20px;
      background: #F8F8F9;
      border-radius: 4px;
      width: 100%;
      margin-bottom: 32px; }
      .comp-ui-53 .c-item-02 .c-unit-01 {
        margin-bottom: 20px; }
      .comp-ui-53 .c-item-02 .c-unit-02 {
        width: 100%; }
        .comp-ui-53 .c-item-02 .c-unit-02 .c-unit-02-A {
          list-style: disc;
          font-weight: 400; }
          .comp-ui-53 .c-item-02 .c-unit-02 .c-unit-02-A:not(:last-child) {
            margin-bottom: 12px; }
    .comp-ui-53 .c-item-03 {
      margin-bottom: 28px;
      width: 100%; }
      .comp-ui-53 .c-item-03 .c-item-03-A {
        width: 100%; }
        .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-01-A {
          display: block;
          margin-bottom: 12px; }
        .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-02 {
          width: 100%;
          display: flex;
          flex-direction: column;
          background: #FFFFFF;
          border-radius: 4px; }
          .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-02.parenterror {
            flex-direction: column;
            align-items: flex-start;
            height: auto; }
          .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-02 .tb-togglePassword-01 {
            top: 54px; }
        .comp-ui-53 .c-item-03 .c-item-03-A:not(:last-child) {
          margin-bottom: 28px; }
      .comp-ui-53 .c-item-03 .c-item-03-B {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #7A3986;
        border-radius: 4px; }
        .comp-ui-53 .c-item-03 .c-item-03-B.disabled {
          background: grey; }

  .comp-ui-54 {
    padding: 28px 0 60px 0; }
    .comp-ui-54 .c-item-01 {
      width: 100%;
      padding-right: 20px;
      margin-bottom: 32px; }
    .comp-ui-54 .c-item-02 {
      width: 100%;
      padding: 20px;
      background: #F8F8F9;
      border-radius: 4px;
      display: flex;
      align-items: center;
      flex-direction: row-reverse; }
      .comp-ui-54 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 32px;
        background: #FFFFFF;
        align-self: center;
        margin-right: 0;
        margin-left: 34px; }
      .comp-ui-54 .c-item-02 .c-item-02-B {
        margin-left: 0; }
        .comp-ui-54 .c-item-02 .c-item-02-B .c-unit-01 {
          margin-bottom: 8px; }
        .comp-ui-54 .c-item-02 .c-item-02-B .c-unit-02 {
          width: 201px;
          /*Tunahana 1 paket sigara marlboro, switch araştır*/ }
      .comp-ui-54 .c-item-02:not(:last-child) {
        margin-bottom: 8px; }

  .comp-ui-55 {
    padding: 0 20px; }

  .comp-ui-56 > .c-item-01 {
    width: 100%; }
  .comp-ui-56 > .c-item-02 > .c-item-02-B {
    width: 100%; }
    .comp-ui-56 > .c-item-02 > .c-item-02-B input {
      width: 100%;
      height: 48px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 8px;
      padding-left: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 4px;
      background: #fff;
      font-family: "Inter";
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000;
      transition: all 0.1s; }
    .comp-ui-56 > .c-item-02 > .c-item-02-B > .c-unit-01 {
      width: 100%; }
    .comp-ui-56 > .c-item-02 > .c-item-02-B > .c-unit-02 {
      width: 100%; }
      .comp-ui-56 > .c-item-02 > .c-item-02-B > .c-unit-02 > select {
        width: 100%;
        height: 48px;
        margin-top: 8px;
        padding: 15px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%; }
  .comp-ui-56 > .c-item-03 > .c-item-03-B {
    width: 100%; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B input {
      width: 100%;
      height: 48px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 8px;
      padding-left: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 4px;
      background: #fff;
      font-family: "Inter";
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000;
      transition: all 0.1s; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-unit-02 {
      width: 100%; }
      .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-unit-02 > select {
        width: 100%;
        height: 48px;
        margin-top: 8px;
        padding: 15px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-item-02-A {
      width: 100%; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-unit-01 {
      width: 100%; }
  .comp-ui-56 > .c-item-05 > .c-item-05-B {
    width: 100%; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B input {
      width: 100%;
      height: 48px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 8px;
      padding-left: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 4px;
      background: #fff;
      font-family: "Inter";
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000;
      transition: all 0.1s; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-02 {
      width: 100%;
      margin-right: 0; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-02 > select {
        width: 100%;
        height: 48px;
        margin-top: 8px;
        padding: 15px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-02 > .c-unit-02-A {
        top: 24px;
        border: 1px solid #D5D5D6 !important; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A {
      width: 100%; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A > .note-tb-01 {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 8px;
        padding-left: 16px;
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        background: #fff;
        font-family: "Inter";
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        transition: all 0.1s; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A > .note-tb-02 {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 8px;
        padding-left: 48px;
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        background: #fff;
        font-family: "Inter";
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        transition: all 0.1s; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A > svg {
        position: absolute;
        left: 13px;
        top: 40px; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-01 {
      width: 100%; }

  .comp-ui-61 {
    background-color: #fff; }
    .comp-ui-61 .c-wrapper .c-column-01 {
      display: none; }
    .comp-ui-61 .c-wrapper .c-column-02 {
      padding-top: 10px;
      width: 100%; }
      .comp-ui-61 .c-wrapper .c-column-02 .successsInfo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 30px 32px;
        border-radius: 8px;
        background: #F1F9E9; }
        .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-A {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 80px;
          height: 80px;
          margin-bottom: 40px;
          background-color: #fff;
          border-radius: 50%; }
        .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-B {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          justify-content: center; }
          .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-01 {
            margin-bottom: 8px;
            color: #171718;
            text-align: center;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: -0.1px; }
          .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-02 {
            color: #68686A;
            text-align: center;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 19px;
            letter-spacing: -0.06px; }
        .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-C {
          margin-top: 32px; }
          .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-C > button {
            width: 169px;
            height: 56px;
            padding: 12px 32px;
            border-radius: 4px;
            border: 1px solid #214F12;
            background: #FAFFF5;
            color: #214F12; }

  .comp-ui-62.discount-coupon-tab-container .tabber-container {
    width: calc(100% - 40px);
    padding: 0;
    box-shadow: none;
    margin: 20px 0px 0px 20px; }
    .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-header {
      height: 52px;
      padding: 4px;
      background: #E9EBF1;
      border-radius: 8px;
      justify-content: space-between; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-header .tab-head-item {
        border: none;
        margin: 0;
        justify-content: center;
        margin-right: 0;
        background-color: transparent;
        font-family: Inter;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #0F1B3F;
        width: 50%; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-header .tab-head-item.on {
          background-color: #fff;
          border-radius: 8px; }
    .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content {
      width: 100%;
      padding: 0; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content > .c-item-01 {
        margin: 24px 0 40px 0; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01 {
        width: 100%;
        height: 56px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 12px;
        padding-left: 16px;
        border: 2px solid #3B518B;
        border-radius: 8px;
        background: #fff;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        transition: all 0.1s; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01 ~ .tb-placeholder-01 {
          position: absolute;
          top: calc(50% - 3.5px);
          left: 16px;
          transition: all 0.2s;
          font-weight: normal;
          font-size: 14px;
          line-height: 17px;
          color: #171718; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
          top: 4.5px;
          left: 11px;
          padding: 0 5px;
          background-color: white;
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          color: #324780; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01:focus {
          border: 2px solid #3B518B; }
          .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01:focus ~ .tb-placeholder-01 {
            top: 4.5px;
            left: 11px;
            padding: 0 5px;
            background-color: white;
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            color: #324780; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 {
        padding: 16px 0 16px 20px;
        margin-bottom: 8px;
        background: #FAFBFD;
        border: 1px solid #E9EBF1;
        box-sizing: border-box;
        border-radius: 8px;
        transition: background-color 0.2s, border 0.2s; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A {
          display: flex; }
          .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error) {
            flex-direction: column;
            padding: 0 0 0 40px;
            transition: background-color 0.2s, border 0.2s; }
            .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error)::before {
              top: calc(50% - 12px);
              left: 0;
              width: 24px;
              height: 24px;
              border: 1px solid #D5D5D6;
              border-radius: 50%;
              background-color: #fff;
              transition: background-color 0.2s, border 0.2s; }
            .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error) span:nth-child(1) {
              display: block;
              margin-bottom: 6px;
              font-weight: 600;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
            .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error) span:nth-child(2) {
              display: block;
              line-height: 18px;
              font-weight: normal;
              font-size: 11px;
              line-height: 13px;
              color: #171718; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 input[type=radio]:checked ~ label::before {
          border: 1px solid #7A3986;
          background-color: #7A3986;
          background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
          background-size: 10px 7.5px;
          background-position: center center;
          background-repeat: no-repeat; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04:last-child {
          margin-bottom: 0; }

  .comp-ui-63 {
    width: 100%; }
    .comp-ui-63 .c-wrapper {
      padding: 20px;
      width: 100%; }
      .comp-ui-63 .c-wrapper > .c-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 20px 0 40px 0;
        background-color: rgba(233, 235, 241, 0.4); }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-01 > .c-unit-01 {
          width: 60px;
          height: 60px; }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-01 > .c-unit-02 {
          position: absolute;
          top: 16px;
          left: 16px;
          width: 28px;
          height: 28px; }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-02 {
          width: 100%;
          padding: 0 20px;
          margin-top: 16px;
          text-align: center;
          font-weight: 500;
          font-size: 18px;
          line-height: 28px;
          text-align: center;
          letter-spacing: -0.005em;
          color: #373738; }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-03 {
          width: 100%;
          padding: 0 20px;
          margin-top: 8px;
          text-align: center;
          font-weight: 500;
          font-size: 13px;
          line-height: 17px;
          text-align: center;
          letter-spacing: -0.005em;
          color: #8E8E8E; }
          .comp-ui-63 .c-wrapper > .c-container > .c-item-03 > .c-unit-01 {
            text-decoration: underline;
            font-weight: 700;
            color: #8E8E8E; }

  .comp-ui-66 .c-container-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px; }
  .comp-ui-66 .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .comp-ui-66 .c-container-02 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 40px 30px;
      background: #F5F6F9 !important;
      border-radius: 12px;
      height: 290px !important; }
      .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-A {
        padding: 15px;
        background-color: white;
        border-radius: 99px; }
      .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-B {
        padding: 0 10px; }
        .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 {
          text-align: center;
          margin-bottom: 15px;
          color: #171718;
          font-family: Inter;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 22px; }
        .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-B > ul > li {
          list-style-type: disc; }
    .comp-ui-66 .c-container-02 .arrow-container {
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .comp-ui-66 .c-container-02 .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
      padding: 0 !important; }
      .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A {
        width: 400px;
        height: 400px;
        border-radius: 12px;
        background: #F5F6F9;
        padding: 40px 24px; }
        .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin-bottom: 16px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
            padding: 15px;
            margin-right: 40px;
            background-color: white;
            border-radius: 99px;
            margin-bottom: 24px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B {
            color: #171718;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 22px; }
            .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B > span {
              color: #27ABDF;
              font-family: Inter;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 22px; }
        .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A {
          display: flex;
          align-items: center;
          margin-bottom: 8px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
            border: 1px solid black;
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 32px;
            background-color: black;
            margin-right: 9px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
            color: #171718;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            width: 325px; }
      .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-B .c-unit-01 .c-unit-01-B > span {
        color: #EC592E;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px; }
    .comp-ui-66 .c-container-02 .arrow-container-02 {
      display: none;
      justify-content: center;
      align-items: end;
      flex-direction: column;
      margin-right: 180px; }
      .comp-ui-66 .c-container-02 .arrow-container-02 .svgIcon-02 {
        margin-right: 11px; }
      .comp-ui-66 .c-container-02 .arrow-container-02 .svgIcon-03 {
        position: absolute;
        top: 27px; }

  .comp-ui-67 {
    background-color: #fff; }
    .comp-ui-67 .c-wrapper {
      width: calc(100% - 40px); }
      .comp-ui-67 .c-wrapper .c-column-01 {
        display: none; }
      .comp-ui-67 .c-wrapper .c-column-02 {
        width: 100%; }
        .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 {
          width: 100%;
          align-items: center;
          background-color: #fff;
          padding-top: 20px;
          margin-bottom: 16px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A {
            display: flex;
            align-items: center; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A .c-item-01 {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 40px;
              height: 40px;
              background: #FAFBFD;
              border-radius: 50%; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A .c-item-02 {
              margin-left: 16px;
              color: #0F1B3F;
              font-family: Inter;
              font-size: 20px;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              letter-spacing: -0.2px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B {
            display: flex;
            margin-top: 48px;
            padding: 12px 24px 12px 16px;
            border-radius: 4px;
            background: #FAF3FB; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B .c-item-03-A {
              width: 20px;
              height: 20px;
              background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_150_8672%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%235D2D74%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%235D2D74%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%235D2D74%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_150_8672%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
              margin-right: 12px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B .c-item-03-B {
              flex: 1;
              color: #5D2D74;
              font-family: Inter;
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: 16px; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B .c-item-03-B span {
                color: #5D2D74;
                font-family: Inter;
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                line-height: 16px; }
        .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 {
          width: 100%; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01 {
            color: #171718;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            margin-bottom: 20px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A > .c-unit-01 {
            color: #555556;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 8px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A > .c-unit-03 {
            position: absolute;
            top: 38px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 {
            margin-top: 16px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-A {
              display: flex;
              flex-direction: column; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-A label {
                color: #555556;
                font-family: Inter;
                font-size: 13px;
                font-style: normal;
                font-weight: 500;
                line-height: normal; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-A textarea {
                width: 100%;
                padding: 16px;
                margin-top: 12px;
                border-radius: 4px;
                border: 2px solid #D5D5D6;
                background: #FFF; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B {
              display: flex;
              flex-direction: column;
              margin-top: 16px; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B label {
                color: #555556;
                font-family: Inter;
                font-size: 13px;
                font-style: normal;
                font-weight: 500;
                line-height: normal; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer #uploadForm input {
                margin-top: 12px;
                width: 100%;
                height: 48px;
                border-radius: 8px;
                background: #FAFBFD;
                z-index: 2;
                opacity: 0; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer #uploadForm .imageButton {
                position: absolute;
                left: 0;
                top: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 12px;
                width: 100%;
                height: 48px;
                border-radius: 4px;
                border: 2px #D5D5D6 solid;
                background: #FFF;
                z-index: 1; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer #uploadForm .subInfo {
                margin-top: 6px;
                color: #555556;
                font-family: Inter;
                font-size: 10px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                opacity: 0.8; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container {
                display: flex;
                flex-wrap: wrap; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container .preview-item {
                  position: relative;
                  margin: 16px 20px 0px 0px;
                  text-align: center;
                  border-radius: 4px;
                  border: 2px solid #D5D5D6;
                  background: #FFF;
                  width: 56px;
                  height: 56px;
                  display: flex;
                  padding: 4px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container .preview-item img {
                    max-width: 44px;
                    max-height: 44px;
                    display: block; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container .preview-item .remove-btn {
                    position: absolute;
                    bottom: -12px;
                    right: -14px;
                    background: #7A3986;
                    color: white;
                    border: none;
                    border-radius: 50%;
                    cursor: pointer;
                    width: 32px;
                    height: 32px;
                    display: flex;
                    justify-content: center;
                    align-items: center; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 {
            margin-top: 24px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A {
              padding: 20px;
              margin-bottom: 8px;
              border-radius: 6px;
              background: #FAFBFD; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
                display: flex; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
                  padding: 0 0 0 0; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label::before {
                    position: relative;
                    top: auto;
                    left: auto;
                    width: 20px;
                    height: 20px;
                    border: 1px solid #D5D5D6;
                    border-radius: 4px;
                    transition: background-color 0.2s, border 0.2s; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A #AgreementApproval-error::before {
                  content: "";
                  display: none; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
                  border: 1px solid #D5D5D6;
                  background-size: 9px 7px;
                  background-image: url(/Content/Images/Icons/icon-check.svg); }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
                  border: 1px solid #D5D5D6; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
                  border: 1px solid #D5D5D6; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
                  border: 1px solid #D5D5D6; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 60px;
                  height: 60px;
                  background: #FFFFFF;
                  border-radius: 4px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
                    width: 56px;
                    height: 56px; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
                  display: flex;
                  flex-direction: column;
                  margin-left: 12px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    color: #0F0F10;
                    text-overflow: ellipsis;
                    font-family: "Inter";
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 16px;
                    letter-spacing: -0.06px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
                    color: #555556;
                    font-family: "Inter";
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    margin: 6px 0px 16px 0px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-C {
                    color: #171718;
                    font-family: "Inter";
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
                display: flex;
                flex-direction: column;
                align-items: center; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
                  display: flex;
                  flex-direction: column;
                  gap: 40px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A {
                    margin-left: 100px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      width: 124px;
                      height: 54px;
                      padding: 0 13px 0 14px;
                      background: #FFFFFF;
                      border: 1px solid #D5D5D6;
                      box-sizing: border-box;
                      border-radius: 8px;
                      margin-top: 20px; }
                      .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        width: 35px;
                        height: 31px; }
                        .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 input {
                          width: 20px;
                          text-align: center;
                          font-weight: bold;
                          font-size: 14px;
                          line-height: 17px;
                          text-align: center;
                          color: #0F1B3F; }
                        .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 span {
                          font-weight: normal;
                          font-size: 10px;
                          line-height: 12px;
                          text-align: center;
                          color: #0F1B3F; }
                      .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-01, .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-03 {
                        width: 16px;
                        display: flex;
                        justify-content: center; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
                    width: 300px;
                    margin-bottom: 20px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B .select-ui-01 {
                      margin-top: 20px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B > span {
                      position: absolute;
                      top: 53px;
                      right: 16px;
                      width: 16px;
                      height: 16px;
                      display: flex;
                      align-items: center;
                      justify-content: center; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
                  display: flex;
                  flex-direction: column; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A {
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 20px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A > textarea {
                      font-family: Inter;
                      padding: 10px;
                      border: 1px solid gray;
                      resize: none;
                      width: 295px;
                      height: 80px;
                      border-radius: 4px;
                      margin-top: 20px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B {
                    display: flex;
                    flex-direction: column; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
                      width: 294px;
                      height: 56px;
                      margin-top: 20px;
                      cursor: pointer;
                      border-radius: 8px;
                      background: #FAFBFD;
                      transition: background 0.25s; }
                      .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
                        background: #e6e7eb; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 label {
                  color: #555556;
                  font-family: Inter;
                  font-size: 13px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: normal; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 {
              padding: 24px 24px 32px 24px;
              border-bottom: 1px solid #E6E6E7;
              background-color: #fff; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 24px;
                margin-bottom: 24px; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 72px;
                  height: 72px;
                  background: #FFFFFF;
                  border: 1px solid #E6E6E7;
                  border-radius: 4px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
                    width: 56px;
                    height: 56px; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
                  display: flex;
                  flex-direction: column;
                  width: 180px;
                  margin-left: 16px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
                    margin: 8px 0 16px 0; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-03 {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  gap: 3px;
                  padding: 16px;
                  width: 300px;
                  border-radius: 6px;
                  background: #E9EBF1; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 > :last-child {
              margin-bottom: 40px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-03 {
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 20px 0px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-03 > a {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 56px;
              padding: 0 62px;
              background: #7A3986;
              border-radius: 8px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #FFFFFF; }
        .comp-ui-67 .c-wrapper .c-column-02 .successsInfo {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 30px 32px;
          border-radius: 8px;
          background: #F1F9E9; }
          .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-A {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 80px;
            margin-bottom: 40px;
            background-color: #fff;
            border-radius: 50%; }
          .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-B {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            justify-content: center; }
            .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-01 {
              margin-bottom: 8px;
              color: #171718;
              text-align: center;
              font-family: Inter;
              font-size: 20px;
              font-style: normal;
              font-weight: 600;
              line-height: 24px;
              letter-spacing: -0.1px; }
            .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-02 {
              color: #68686A;
              text-align: center;
              font-family: Inter;
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: 19px;
              letter-spacing: -0.06px; }
          .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-C {
            margin-top: 32px; }
            .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-C > button {
              width: 169px;
              height: 56px;
              padding: 12px 32px;
              border-radius: 4px;
              border: 1px solid #214F12;
              background: #FAFFF5;
              color: #214F12; }

  .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) {
  #add-cart-mobile {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%; }
    #add-cart-mobile > .c-item-10 {
      justify-content: space-around; }

  #homeListing {
    padding-bottom: 1px; }

  .dir-f-confirm-modal {
    width: calc(100% - 40px) !important;
    height: 192px !important;
    top: calc(50% - 96px) !important;
    left: 20px !important;
    border-radius: 8px; }
    .dir-f-confirm-modal > #modal-content > #modal-header {
      display: none; }
    .dir-f-confirm-modal > #modal-content > #modal-body {
      margin: 0 !important;
      padding-top: 37px !important; }
      .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #373738;
        text-align: center; }
    .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
        background-color: #324780;
        width: 121px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #FFFFFF;
        margin-right: 11px; }
      .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
        background-color: #FFF;
        width: 121px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #324780;
        border: 1px solid #324780; }
    .dir-f-confirm-modal > #modal-content > #modal-close {
      display: none !important; }

  .fix-order-list {
    padding-bottom: 80px; }

  .pb-fix-01 {
    padding-bottom: 60px; }

  .comp-ui-01 {
    background-color: #fff; }

  .comp-ui-02 .c-wrapper {
    border-radius: 8px; }
  .comp-ui-02 .product-card-ui-02:last-child {
    margin-right: 0; }

  .comp-ui-03 {
    width: 100%;
    border-radius: 0;
    padding: 16px 20px; }
    .comp-ui-03:before {
      display: none; }
    .comp-ui-03 .c-item-01 {
      width: 100%;
      height: 48px;
      border-radius: 0;
      padding: 0 4px;
      border-bottom: 1px solid #E9EBF1; }
      .comp-ui-03 .c-item-01 .c-item-01-A {
        margin-left: 17px; }
      .comp-ui-03 .c-item-01:hover {
        background: none; }
    .comp-ui-03 .hr-A {
      display: none; }

  .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-04 .c-wrapper {
    width: 100%;
    border-radius: 0; }
    .comp-ui-04 .c-wrapper .c-item-01 {
      padding: 24px 0 24px 20px; }
    .comp-ui-04 .c-wrapper .c-item-02 {
      padding: 0 0 32px 0; }
      .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 {
        width: 120px; }
        .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A {
          width: 120px;
          height: 120px;
          margin-bottom: 12px; }
          .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center; }
            .comp-ui-04 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
              width: 70px;
              height: 70px; }

  .comp-ui-05 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-05 .c-wrapper {
      margin: 0;
      width: 100%; }
      .comp-ui-05 .c-wrapper .container-01 {
        width: 100%;
        height: 346px;
        padding-bottom: 48px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #fff;
        margin-bottom: 1px; }
        .comp-ui-05 .c-wrapper .container-01 #remainingStockBadgeContainer > .offerProduct > div {
          color: #FFF;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
      .comp-ui-05 .c-wrapper .container-02 {
        background-color: #f5f6f9; }

  .comp-ui-06 .c-container .searchContainer .c-item-01 {
    width: calc(100% - 40px);
    margin: 24px 0px 0px 20px;
    height: 52px;
    padding: 16px 16px 16px 44px;
    border-radius: 4px;
    border: 1px solid #D5D5D6; }
  .comp-ui-06 .c-container .searchContainer:before {
    content: '';
    position: absolute;
    top: 42px;
    left: 36px;
    display: block;
    width: 16px;
    height: 16px;
    z-index: 99;
    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_11_204%29%22%3E%20%3Cpath%20d%3D%22M14.5%2013.7929L10.7239%2010.0168C11.6313%208.92752%2012.0838%207.53032%2011.9872%206.11589C11.8907%204.70147%2011.2525%203.37872%2010.2055%202.42282C9.15855%201.46692%207.78335%200.951454%206.366%200.983662C4.94865%201.01587%203.59828%201.59327%202.59581%202.59575C1.59333%203.59822%201.01593%204.94859%200.983723%206.36594C0.951515%207.78329%201.46698%209.15849%202.42288%2010.2055C3.37879%2011.2524%204.70153%2011.8906%206.11596%2011.9871C7.53038%2012.0837%208.92758%2011.6312%2010.0169%2010.7239L13.7929%2014.4999L14.5%2013.7929ZM2%206.49994C2%205.60992%202.26392%204.73989%202.75838%203.99987C3.25285%203.25985%203.95565%202.68307%204.77792%202.34248C5.60019%202.00188%206.50499%201.91277%207.3779%202.0864C8.25082%202.26004%209.05264%202.68862%209.68198%203.31795C10.3113%203.94729%2010.7399%204.74911%2010.9135%205.62203C11.0872%206.49494%2010.998%207.39974%2010.6575%208.22201C10.3169%209.04428%209.74008%209.74708%209.00006%2010.2415C8.26004%2010.736%207.39001%2010.9999%206.5%2010.9999C5.30693%2010.9986%204.1631%2010.5241%203.31948%209.68046C2.47585%208.83683%202.00132%207.693%202%206.49994Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_204%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-06 .c-wrapper {
    width: 100%; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 {
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
      border-radius: 8px 8px 0 0;
      background: #E9EBF1; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        margin-right: 12px;
        background-color: #324277;
        color: #FFF;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B {
        flex: 1; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          letter-spacing: -0.1px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-02 {
          margin-top: 4px;
          color: #373738;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 {
          display: none; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C {
        width: 100%; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 {
          display: flex;
          margin-top: 12px; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 4px;
            border-radius: 4px;
            padding: 4px 6px;
            font-family: 'Inter';
            font-size: 10px;
            font-style: normal;
            font-weight: 600;
            line-height: normal; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01.authorized {
              color: #4A90E2;
              background: #F3FBFF; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01.formal {
              color: #B13834;
              background: #FCF3F2; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C .c-item-01 .c-unit-01.fast {
              color: #5D2D74;
              background: #FAF3FB; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 {
      display: flex;
      flex-direction: column-reverse;
      padding: 12px 20px 0px 20px;
      border-radius: 0 0 8px 8px;
      border-right: #E9EBF1;
      border-bottom: #E9EBF1;
      border-left: 1px solid #E9EBF1;
      background: #FFF; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 {
        display: flex;
        margin: 12px 0px 0px 0px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01 {
          padding: 12px;
          color: #171718;
          font-family: 'Inter';
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 17px;
          cursor: pointer; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01.active {
            border-bottom: 2px solid #171718; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02 .c-unit-01 {
        width: 325px;
        height: 52px;
        padding: 16px 16px 16px 44px;
        border-radius: 4px;
        border: 1px solid #D5D5D6; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02:before {
        content: '';
        position: absolute;
        top: 16px;
        left: 16px;
        display: block;
        width: 20px;
        height: 20px;
        z-index: 99;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
    .comp-ui-06 .c-wrapper .c-row-03 {
      display: flex;
      gap: 4px;
      margin-top: 12px;
      padding: 12px 20px;
      background-color: #fff; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        flex: 1;
        border-radius: 8px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        padding: 12px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 {
          margin-top: 20px; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-01 {
            color: #171718;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            opacity: 0.7; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-02 {
            margin-top: 4px;
            color: #171718;
            font-family: 'Inter';
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 32px;
          height: 32px;
          border-radius: 4px;
          background: #E9EBF1; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.time:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_13519%29%22%3E%20%3Cpath%20d%3D%22M13%202H11V1H10V2H6V1H5V2H3C2.45%202%202%202.45%202%203V13C2%2013.55%202.45%2014%203%2014H13C13.55%2014%2014%2013.55%2014%2013V3C14%202.45%2013.55%202%2013%202ZM13%2013H3V6H13V13ZM13%205H3V3H5V4H6V3H10V4H11V3H13V5Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_13519%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-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.average:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_13525%29%22%3E%20%3Cpath%20d%3D%22M14.7407%204.31201L9.74074%201.56201C9.66692%201.52141%209.58404%201.50012%209.49979%201.50012C9.41555%201.50012%209.33266%201.52141%209.25884%201.56201L4.25884%204.31201C4.18045%204.35517%204.11508%204.41858%204.06955%204.49563C4.02402%204.57267%204%204.66052%204%204.75001C4%204.8395%204.02402%204.92735%204.06955%205.00439C4.11508%205.08144%204.18045%205.14485%204.25884%205.18801L8.99979%207.79566V13.1543L7.48169%2012.3197L6.99979%2013.1956L9.25884%2014.438C9.33264%2014.4787%209.41553%2014.5%209.49979%2014.5C9.58406%2014.5%209.66695%2014.4787%209.74074%2014.438L14.7407%2011.688C14.8192%2011.6449%2014.8846%2011.5815%2014.9302%2011.5044C14.9757%2011.4274%2014.9998%2011.3395%2014.9998%2011.25V4.75001C14.9998%204.6605%2014.9757%204.57263%2014.9302%204.49559C14.8846%204.41854%2014.8192%204.35514%2014.7407%204.31201ZM9.49979%202.57081L13.4622%204.75001L9.49979%206.92921L5.53739%204.75001L9.49979%202.57081ZM13.9998%2010.9544L9.99979%2013.1544V7.79566L13.9998%205.59566V10.9544Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M1%208L5%208V7H1V8Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2%2012H6V11H2V12Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M3%2010H7V9H3V10Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_13525%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-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.location:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_13531%29%22%3E%20%3Cpath%20d%3D%22M7.9995%2012L4.9545%207.7C4.45609%207.11153%204.13512%206.39358%204.02897%205.62975C3.92283%204.86591%204.03588%204.08764%204.35495%203.38558C4.67402%202.68351%205.18599%202.08654%205.83123%201.6642C6.47646%201.24185%207.22841%201.01151%207.9995%201C9.06837%201.01056%2010.0895%201.4443%2010.8392%202.20621C11.5889%202.96812%2012.0062%203.9961%2011.9995%205.065C11.9999%205.99747%2011.6824%206.90222%2011.0995%207.63L7.9995%2012ZM7.9995%202C7.19542%202.00923%206.42788%202.33719%205.8654%202.91185C5.30293%203.48652%204.9915%204.26091%204.9995%205.065C5.00285%205.79891%205.26689%206.50775%205.7445%207.065L7.9995%2010.26L10.3145%207C10.7545%206.45072%2010.9959%205.7688%2010.9995%205.065C11.0075%204.26091%2010.6961%203.48652%2010.1336%202.91185C9.57111%202.33719%208.80357%202.00923%207.9995%202Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M8%205.5C8.55228%205.5%209%205.05228%209%204.5C9%203.94772%208.55228%203.5%208%203.5C7.44772%203.5%207%203.94772%207%204.5C7%205.05228%207.44772%205.5%208%205.5Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M14%206H13V7H14V14H2V7H3V6H2C1.73478%206%201.48043%206.10536%201.29289%206.29289C1.10536%206.48043%201%206.73478%201%207V14C1%2014.2652%201.10536%2014.5196%201.29289%2014.7071C1.48043%2014.8946%201.73478%2015%202%2015H14C14.2652%2015%2014.5196%2014.8946%2014.7071%2014.7071C14.8946%2014.5196%2015%2014.2652%2015%2014V7C15%206.73478%2014.8946%206.48043%2014.7071%206.29289C14.5196%206.10536%2014.2652%206%2014%206Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_13531%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-06 .c-container .slide-status {
    width: 32px;
    height: 22px;
    right: 43px;
    top: 27px;
    display: flex;
    align-items: center;
    justify-content: center; }

  .comp-ui-07 {
    margin-top: 12px; }
    .comp-ui-07 .c-wrapper {
      width: 100%;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-07 .tabber-header {
      height: 60px;
      padding-left: 20px;
      background-color: #E9EBF1;
      border-bottom: 1px solid #EDEDED; }
      .comp-ui-07 .tabber-header a {
        margin-right: 20px;
        flex: 0 0 auto; }
        .comp-ui-07 .tabber-header a.off {
          border-bottom: 0;
          transition: all 0.3s; }
          .comp-ui-07 .tabber-header a.off span {
            opacity: 0.7; }
          .comp-ui-07 .tabber-header a.off:hover span {
            opacity: 1; }
        .comp-ui-07 .tabber-header a:not(.off):after {
          content: '';
          position: absolute;
          bottom: -18px;
          height: 2px;
          left: 0;
          right: 0;
          background-color: #171718; }
    .comp-ui-07 .tabber-body {
      padding: 24px 0 40px 0;
      transition: height 0.4s; }
      .comp-ui-07 .tabber-body .tabber-content {
        height: 100%;
        overflow: hidden;
        transition: opacity 0.3s; }
        .comp-ui-07 .tabber-body .tabber-content.off {
          height: 0;
          opacity: 0;
          transition: opacity 0.3s; }
    .comp-ui-07 .c-container-01 .c-item-01 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-01 .c-item-01 .c-item-01-A {
        display: none; }
      .comp-ui-07 .c-container-01 .c-item-01 .c-item-01-B {
        font-size: 18px;
        line-height: 22px; }
      .comp-ui-07 .c-container-01 .c-item-01 .c-item-01-C {
        margin-top: 20px; }
    .comp-ui-07 .c-container-01 .c-item-02 {
      margin: 24px 0 0 0;
      padding: 0 20px;
      display: flex;
      flex-direction: column; }
      .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A {
        padding-left: 16px;
        padding: 12px 0 12px 16px; }
        .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A .c-unit-01 {
          margin-bottom: 4px; }
        .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A:nth-child(2n+1) {
          background: #f8f8f9; }
        .comp-ui-07 .c-container-01 .c-item-02 .c-item-02-A:nth-child(2n) {
          background: white; }
    .comp-ui-07 .c-container-01 .c-item-03 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-01 .c-item-03 img {
        width: 100%;
        margin-bottom: 12px; }
    .comp-ui-07 .c-container-02 > .c-item-01 {
      width: 100%;
      padding: 0 20px;
      order: 2; }
      .comp-ui-07 .c-container-02 > .c-item-01 img {
        width: 220px; }
      .comp-ui-07 .c-container-02 > .c-item-01 .c-item-01-B span {
        margin-left: 9px; }
    .comp-ui-07 .c-container-02 > .c-item-02 {
      flex: 1;
      margin-bottom: 20px;
      padding: 0 20px;
      order: 1; }
      .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-A {
        margin-bottom: 36px; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-A .c-unit-01 {
          margin-bottom: 16px; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-A .c-unit-02 {
          width: 494px; }
      .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-01 {
        width: 132px;
        height: 132px;
        margin-right: 16px;
        background: #F8F8F9;
        border-radius: 8px; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-01 .c-unit-01-B {
          margin: 12px 0 8px 0; }
      .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 {
        flex: 1; }
        .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A {
          margin-bottom: 12px; }
          .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A:last-child {
            margin-bottom: 0; }
          .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01-A {
            margin-left: 8px; }
          .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
            width: 400px;
            height: 8px;
            margin-right: 12px;
            background: #E6E6E7;
            border-radius: 100px; }
            .comp-ui-07 .c-container-02 > .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-02 .c-unit-02-A-01-A {
              height: 8px;
              background: #F5B744;
              border-radius: 100px; }
    .comp-ui-07 .c-container-02 .cui-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #DB704A;
      border-radius: 8px;
      font-weight: 600;
      font-size: 15px;
      line-height: 18px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
    .comp-ui-07 .c-container-02 .hr-C {
      margin: 20px 0;
      order: 3; }
    .comp-ui-07 .c-container-02 > .c-item-03 {
      flex: 1;
      margin-top: 20px;
      padding: 0 20px;
      order: 5; }
      .comp-ui-07 .c-container-02 > .c-item-03 .c-item-03-A {
        line-height: 20px; }
    .comp-ui-07 .c-container-02 .comp-micro-layout-13 {
      width: calc(100% - 40px);
      margin: 0 auto;
      order: 4; }
    .comp-ui-07 .c-container-02 > .c-item-04 {
      width: 100%;
      margin-top: 32px;
      padding: 0 20px 0 32px;
      order: 6; }
      .comp-ui-07 .c-container-02 > .c-item-04 .c-item-04-A {
        margin-bottom: 24px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-item-04-A .c-unit-01 {
          width: 82px;
          height: 82px;
          margin: 38px 40px 0 0;
          border-radius: 50%;
          background: #F0F0F2; }
      .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 {
        flex: 1;
        padding: 20px;
        background: #F8F8F9;
        border-radius: 0px 8px 8px 8px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02:before {
          content: "";
          position: absolute;
          left: -12px;
          top: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 20px 20px 0;
          border-color: transparent #F8F8F9 transparent transparent; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-A {
          margin-bottom: 18px; }
          .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
            margin-left: 12px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-B {
          width: 271px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .c-unit-02-C {
          margin-bottom: 8px; }
        .comp-ui-07 .c-container-02 > .c-item-04 .c-unit-02 .hr-E {
          margin: 16px 0; }
    .comp-ui-07 .c-container-03 {
      padding: 0 20px 0 20px; }
      .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-A {
        margin-bottom: 24px; }
      .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B {
        background: #FFFFFF;
        border: 1px solid #E6E6E7;
        box-sizing: border-box;
        border-radius: 4px; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-01 {
          width: 100%;
          height: 84px; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 > :nth-child(2n) {
          background: #f8f8f9; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 > :nth-child(2n+1) {
          background: white; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 > :first-child {
          background: #f0f0f2; }
        .comp-ui-07 .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 .c-unit-03 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          height: 29px;
          padding: 0 11px; }
      .comp-ui-07 .c-container-03 .c-item-02 {
        margin-top: 40px; }
        .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-A {
          width: 100%;
          margin-bottom: 24px; }
        .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B {
          width: 100%;
          margin-bottom: 13px;
          border: 1px solid #E6E6E7;
          box-sizing: border-box;
          border-radius: 4px; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-01 {
            height: 84px; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 > :nth-child(2n+1) {
            background: #f8f8f9; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 > :nth-child(2n) {
            background: white; }
          .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A {
            height: 29px;
            padding: 0 11px; }
            .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
              width: 92px;
              justify-content: end; }
              .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01:first-child {
                justify-content: left; }
              .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A .c-unit-02-A-01:last-child {
                margin-left: 14px; }
        .comp-ui-07 .c-container-03 .c-item-02 .c-item-02-C {
          font-size: 11px;
          margin-top: 20px;
          line-height: 17px;
          padding-right: 13px; }
      .comp-ui-07 .c-container-03 .hr-C {
        display: none; }
    .comp-ui-07 .c-container-04 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-04 > .c-container-04-A {
        width: 335px; }
      .comp-ui-07 .c-container-04 > .c-container-04-B {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto; }
        .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 {
          width: 212px;
          height: 165px;
          padding: 16px;
          margin-right: 8px;
          border-radius: 6px;
          background: #F8F8F9;
          flex: 0 0 auto;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: space-between; }
          .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-A {
            height: 34px; }
            .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-A .c-unit-01 {
              color: #2B3E73;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              line-height: normal; }
            .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-A .c-unit-02 {
              height: 19px;
              width: max-content;
              margin-top: 8px;
              border-radius: 2px;
              border: 1px solid #DF633A;
              padding: 3px;
              background: #FFF;
              color: #DF633A;
              font-family: 'Inter';
              font-size: 10px;
              font-style: normal;
              font-weight: 600;
              line-height: normal; }
          .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-B {
            color: #171718;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-top: 20px; }
          .comp-ui-07 .c-container-04 > .c-container-04-B .c-item-01 .c-item-01-C {
            width: 100%;
            padding: 8px 12px;
            margin-top: 20px;
            border-radius: 8px;
            background: #F4EAE9;
            color: #8E452A;
            text-align: center;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .comp-ui-07 .c-container-04 > .c-container-04-C {
        display: none; }
      .comp-ui-07 .c-container-04 > .c-container-04-D {
        color: #171718;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -0.15px;
        margin-bottom: 29px; }
    .comp-ui-07 .c-container-05 {
      padding: 0 20px; }
      .comp-ui-07 .c-container-05 > .c-item-01 {
        width: 335px;
        margin-bottom: 29px; }
      .comp-ui-07 .c-container-05 > .c-item-02 {
        height: 68px;
        margin-bottom: 8px;
        padding-left: 20px;
        background: #F8F8F9;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px; }
        .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-A {
          margin-right: 20px; }
          .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-A svg {
            width: 26px;
            height: 32px; }
        .comp-ui-07 .c-container-05 > .c-item-02:last-child {
          margin-bottom: 0; }
        .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-B {
          flex: 1; }
          .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-B .c-unit-01 {
            margin-bottom: 4px; }
        .comp-ui-07 .c-container-05 > .c-item-02 .c-item-02-C span {
          margin-left: 8px; }
      .comp-ui-07 .c-container-05 .cui-lnk-btn-04 {
        display: none; }

  .comp-ui-09 {
    padding: 16px;
    z-index: 0; }
    .comp-ui-09 .hr-C {
      margin: 20px 0;
      width: calc(100% + 32px);
      margin-left: -16px;
      margin-right: -16px; }

  .comp-ui-11 {
    padding: 20px 0 20px 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
    .comp-ui-11 .c-wrapper .c-container-01 :last-child {
      margin-bottom: 0; }
    .comp-ui-11 .c-wrapper .c-container-02 {
      display: none; }
    .comp-ui-11 .c-wrapper .c-splitter {
      display: none;
      margin: 40px 0 20px 0; }

  .comp-ui-12 .c-wrapper {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex; }
    .comp-ui-12 .c-wrapper .c-container-01 {
      width: 100%;
      order: 1; }
      .comp-ui-12 .c-wrapper .c-container-01:last-child {
        margin-bottom: 0; }
      .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-01 {
        background-color: #fff;
        padding: 20px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        margin-bottom: 4px; }
        .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-01 > .c-item-01 > .c-item-01-A {
          width: 70px;
          height: 70px;
          justify-content: center; }
          .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-01 > .c-item-01 > .c-item-01-A > img {
            width: 56px;
            height: 56px;
            object-fit: cover;
            object-position: center; }
      .comp-ui-12 .c-wrapper .c-container-01 .basket-card-ui-02 {
        padding: 12px; }
      .comp-ui-12 .c-wrapper .c-container-01 > :last-child {
        border-bottom: 0; }
    .comp-ui-12 .c-wrapper .c-container-02 {
      display: none; }
    .comp-ui-12 .c-wrapper .c-container-02-xs {
      position: fixed;
      bottom: 0;
      left: 0px;
      width: 100% !important;
      z-index: 202;
      margin-top: 0;
      background-color: #FFFFFF; }
      .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A {
        display: none;
        padding: 20px 16px 0px 16px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-top: #dcdcdc solid; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 {
          padding-top: 20px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-01 {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-01 .c-unit-01-A {
              color: #555556;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-01 .c-unit-01-B {
              color: #171718;
              text-align: right;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: normal; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-02 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 8px; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-02 .c-unit-02-A {
              color: #555556;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-01 .c-unit-02 .c-unit-02-B {
              color: #171718;
              text-align: right;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 700;
              line-height: normal; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 {
          margin-bottom: 24px;
          padding-top: 20px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-01 {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-01 .c-unit-01-A {
              color: #555556;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-01 .c-unit-01-B {
              color: #171718;
              text-align: right;
              font-family: "Inter";
              font-size: 12px;
              font-style: normal;
              font-weight: 700;
              line-height: normal; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-02 .c-unit-02 {
            margin-top: 16px;
            padding: 12px 16px;
            border-radius: 4px;
            background: #F1F9E9;
            color: #214F12;
            font-family: "Inter";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 15px; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 8px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 .c-unit-01-A {
            display: flex;
            align-items: center;
            color: #555556;
            font-family: "Inter";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
              padding: 2px 0px 0px 4px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-A .c-item-07 .c-unit-01 .c-unit-01-B {
            color: #171718;
            text-align: right;
            font-family: "Inter";
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 36px;
        border-top: #f5f5f5 1px solid;
        width: calc((100% + 32px));
        margin-left: -16px; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-01 .c-unit-01 {
          padding-left: 16px;
          color: var(--black-white-900, #171718);
          font-family: "Inter";
          font-size: 9px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-01 .c-unit-01:before {
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            width: 12px;
            height: 12px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%203.75L2.25%207.5L2.775%208.025L6%204.8L9.225%208.025L9.75%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-01 .c-unit-02 {
          margin-top: 6px;
          color: #000;
          font-family: "Inter";
          font-size: 18px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          letter-spacing: -0.18px; }
        .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-02 {
          padding: 16px 20px;
          border-radius: 4px;
          background: #7A3986;
          color: #FFF;
          text-align: center;
          font-family: "Inter";
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: -0.14px; }
          .comp-ui-12 .c-wrapper .c-container-02-xs .c-container-02-B .c-item-02.passive {
            opacity: 0.4;
            pointer-events: none; }
    .comp-ui-12 .c-wrapper .c-container-03 {
      width: calc( 100% - 40px );
      order: 2; }
      .comp-ui-12 .c-wrapper .c-container-03 > span {
        margin-left: 12px; }
  .comp-ui-12 .c-column-02 {
    width: 100%; }

  .comp-ui-13 {
    background: #FFFFFF;
    margin-bottom: 12px; }
    .comp-ui-13 .c-wrapper {
      width: 100%;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
      .comp-ui-13 .c-wrapper .c-item-01 {
        display: none;
        margin-bottom: 24px;
        padding: 0 20px; }
      .comp-ui-13 .c-wrapper .c-item-02 {
        display: flex;
        justify-content: space-around;
        margin: 16px 20px; }
        .comp-ui-13 .c-wrapper .c-item-02 .c-item-02-A > svg {
          width: 20px;
          height: 20px;
          margin-right: 6px; }
        .comp-ui-13 .c-wrapper .c-item-02 > :last-child {
          margin-right: 0; }
      .comp-ui-13 .c-wrapper .c-unit-04-A {
        padding-left: 20px;
        padding-bottom: 20px; }
        .comp-ui-13 .c-wrapper .c-unit-04-A .chk-A label {
          display: flex;
          align-items: center;
          justify-content: center;
          color: #171718;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }
    .comp-ui-13 .cui-lnk-btn-01 {
      padding: 5px;
      height: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #E9EBF1;
      border-radius: 6px;
      font-weight: 600;
      font-size: 11px;
      line-height: 13px;
      color: #171718; }
      .comp-ui-13 .cui-lnk-btn-01 .c-unit-01 {
        width: 79px; }
      .comp-ui-13 .cui-lnk-btn-01.active {
        background: #FFFFFF;
        border: 2px solid #6B337D;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 6px;
        color: #452362; }
    .comp-ui-13 .orderType .c-item-02 .c-item-02-A .c-unit-01-A {
      width: 95px !important; }

  .comp-ui-14 {
    background: #fff; }
    .comp-ui-14 .c-wrapper {
      padding: 0;
      width: 100%; }
    .comp-ui-14 .c-wrapper > .c-column-01 #confirmationStep #customerContainer {
      display: flex;
      align-items: center;
      border-radius: 8px;
      height: 64px;
      margin-left: 20px;
      width: calc(100% - 40px);
      color: #B55B3D;
      background: rgba(255, 204, 73, 0.1);
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 50;
      line-height: 20px;
      margin-bottom: 24px; }
      .comp-ui-14 .c-wrapper > .c-column-01 #confirmationStep #customerContainer .c-unit-01 {
        margin-right: 6px; }
    .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 {
      padding: 24px 20px 36px 20px; }
      .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 > .c-item-01 {
        padding: 0;
        width: 111px; }
        .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 > .c-item-01 > .c-unit-02 {
          font-weight: 700;
          line-height: 21.78px;
          width: 111px; }
          .comp-ui-14 .c-wrapper > .c-column-02 > .c-container-02 > .c-item-01 > .c-unit-02 > span {
            font-size: 12px;
            line-height: 14.52px; }
    .comp-ui-14 .c-column-01 {
      background-color: #F5F6F9; }
      .comp-ui-14 .c-column-01 .address-selection-ui-01 {
        padding: 24px 20px 20px 20px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #FFFFFF; }
      .comp-ui-14 .c-column-01 .micro-ui-10 {
        padding: 24px 20px 20px 20px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #FFFFFF; }
    .comp-ui-14 .c-column-02 {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0; }
      .comp-ui-14 .c-column-02 .basket-ui-02 {
        padding: 16px 20px 20px 20px; }

  .comp-ui-15 {
    padding: 24px 20px;
    margin-top: 12px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-15 .c-wrapper {
      width: 100%; }
      .comp-ui-15 .c-wrapper .c-item-01 .c-unit-01 {
        width: 335px;
        margin-bottom: 16px; }
      .comp-ui-15 .c-wrapper .c-item-01 .c-unit-02 {
        width: 322px; }

  .comp-ui-16 {
    display: none;
    padding: 24px 0;
    border-top: 1px solid #F0F0F2;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-16 .c-item-01 {
      display: flex;
      flex-direction: column;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.01em;
      color: #1F2E5C; }
      .comp-ui-16 .c-item-01 .c-untit-01 {
        margin-top: 4px;
        color: #68686A;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px; }

  .comp-ui-17 {
    padding-top: 12px; }
    .comp-ui-17 .c-wrapper {
      width: 100%; }
      .comp-ui-17 .c-wrapper .c-column-01 {
        width: 100%;
        padding: 0;
        background: #fff;
        border-radius: 8px; }
      .comp-ui-17 .c-wrapper .c-column-02 {
        margin-top: 17px;
        width: 100%;
        background-color: #FFFFFF;
        border-radius: unset; }
    .comp-ui-17.guarantor-tab-container .tabber-container {
      width: auto;
      padding: 0;
      box-shadow: none; }
      .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header {
        height: 56px;
        padding: 4px;
        background: #E9EBF1;
        border-radius: 8px;
        justify-content: space-between; }
        .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header:after {
          display: none; }
        .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header .tab-head-item {
          flex: 1;
          border: none;
          margin: 0;
          justify-content: center;
          margin-right: 0;
          background-color: transparent; }
          .comp-ui-17.guarantor-tab-container .tabber-container .tabber-header .tab-head-item.on {
            background-color: #fff;
            border-radius: 8px; }
      .comp-ui-17.guarantor-tab-container .tabber-container .tabber-body .tab-content-item .tab-content {
        width: 100%;
        padding: 0 20px; }
        .comp-ui-17.guarantor-tab-container .tabber-container .tabber-body .tab-content-item .tab-content > .c-item-01 {
          width: 100%;
          margin: 32px 0 48px 0;
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          color: #373738; }
          .comp-ui-17.guarantor-tab-container .tabber-container .tabber-body .tab-content-item .tab-content > .c-item-01 > .c-item-01-A-A {
            font-weight: 600;
            color: #7A3986;
            font-size: 12px;
            line-height: 18px; }

  .comp-ui-18 .c-wrapper {
    width: 100%; }
  .comp-ui-18 .c-column-01 {
    width: 100%;
    padding: 0;
    border-radius: 0; }
    .comp-ui-18 .c-column-01 .c-container-01 {
      padding: 24px 20px;
      box-shadow: none;
      border-radius: 0;
      margin-bottom: 8px; }
      .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 {
        margin-bottom: 32px; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-A {
          margin-bottom: 32px; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B {
          display: flex; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B:before {
            content: "";
            position: absolute;
            left: -10px;
            top: -10px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #EFE5F0; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B .c-unit-01 {
            width: 16px;
            height: 16px; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-B .c-unit-02 {
            display: none; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-01 .c-item-01-C {
          width: 100%;
          padding-right: 20px; }
      .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 {
        margin-top: 20px; }
        .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 .c-unit-01 {
          flex-wrap: wrap; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 .c-unit-01 .c-unit-01-A {
            width: 100%;
            margin-bottom: 4px; }
          .comp-ui-18 .c-column-01 .c-container-01 > .c-item-02 .c-unit-01 .c-unit-01-B {
            width: 100%; }
  .comp-ui-18 .c-column-02 .c-container-02 {
    padding: 24px 20px; }

  .comp-ui-19 .c-column-01 {
    width: 100%;
    padding: 0; }

  .comp-ui-23 .c-container-02 .hr-C {
    margin: 32px 0 24px 0; }

  .comp-ui-24 .c-column-01 {
    width: 100%;
    background: #FFFFFF; }
    .comp-ui-24 .c-column-01 .c-container-01 {
      margin-bottom: 20px; }
      .comp-ui-24 .c-column-01 .c-container-01 > .c-item-01 {
        margin-bottom: 32px; }
      .comp-ui-24 .c-column-01 .c-container-01 > .micro-ui-21 {
        margin-bottom: 12px; }
      .comp-ui-24 .c-column-01 .c-container-01 .hr-C {
        margin: 32px 0 24px 0; }
    .comp-ui-24 .c-column-01 .c-container-02 .hr-C {
      margin: 32px 0 24px 0; }

  .comp-ui-28 {
    background: transparent;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF; }
    .comp-ui-28.bg-fix-01 {
      background-color: #F5F6F9; }
    .comp-ui-28 .c-wrapper {
      width: calc(100% - 40px); }
      .comp-ui-28 .c-wrapper .c-column-01 {
        display: none; }
      .comp-ui-28 .c-wrapper .c-column-02 {
        width: 100%;
        padding: 0;
        background-color: transparent;
        box-shadow: none; }
        .comp-ui-28 .c-wrapper .c-column-02 .c-h-item-01 {
          width: 100vw;
          margin-left: -20px;
          background-color: #fff;
          margin-right: -20px;
          display: flex;
          align-items: center;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          padding: 20px 0 20px 20px;
          margin-bottom: 12px; }
          .comp-ui-28 .c-wrapper .c-column-02 .c-h-item-01 .c-unit-01 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            padding: 14.5px 13px;
            border-radius: 50%;
            margin-right: 12px;
            background: #FAFBFD;
            transform: matrix(1, 0, 0, -1, 0, 0); }
          .comp-ui-28 .c-wrapper .c-column-02 .c-h-item-01 .c-unit-02 {
            font-family: Inter;
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: -0.01em;
            color: #0F1B3F; }
        .comp-ui-28 .c-wrapper .c-column-02 .anyEvaluation {
          padding-top: 28px; }
      .comp-ui-28 .c-wrapper .c-column-02-fix-02 {
        padding-bottom: 60px; }
    .comp-ui-28.bg-white {
      background-color: #fff; }

  .comp-ui-29 {
    width: 100%; }
    .comp-ui-29 .c-item-01 {
      padding: 32px 32px 0px 32px;
      width: 100%;
      font-size: 22px;
      line-height: 27px;
      margin-bottom: 33px; }
      .comp-ui-29 .c-item-01 .c-unit-01 {
        width: 100%; }
    .comp-ui-29 .c-item-02 {
      padding: 32px 40px;
      width: 100%;
      height: 426px;
      background: #FAFBFD;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .comp-ui-29 .c-item-02 .c-unit-01 {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        padding: 28px;
        margin-bottom: 40px;
        border-radius: 50%;
        background-color: #fff; }
      .comp-ui-29 .c-item-02 .c-unit-02 {
        margin-bottom: 12px; }
      .comp-ui-29 .c-item-02 .c-unit-03 {
        font-size: 11px;
        margin-bottom: 32px; }
      .comp-ui-29 .c-item-02 .c-unit-04 {
        margin: 0 auto;
        display: block;
        background: #7A3986;
        border-radius: 8px;
        padding: 18px 40px 21px 40px; }

  .comp-ui-30 {
    padding: 32px 24px; }

  .comp-ui-31 {
    width: 100%;
    margin-bottom: 60px; }
    .comp-ui-31 .c-item-01 {
      padding: 0;
      margin-top: 20px;
      margin-bottom: 16px;
      flex-wrap: wrap; }
      .comp-ui-31 .c-item-01 .c-unit-01 {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px; }
      .comp-ui-31 .c-item-01 .c-unit-02 {
        color: #0F1B3F;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px; }
      .comp-ui-31 .c-item-01 .c-unit-03 {
        margin-top: 32px;
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        height: 32px;
        border-radius: 4px; }
    .comp-ui-31 .c-item-02 {
      padding: 20px 0px 20px 20px;
      justify-content: start; }
      .comp-ui-31 .c-item-02.d-inherit {
        display: inherit; }
      .comp-ui-31 .c-item-02 .c-unit-01 {
        margin-right: 5px; }
        .comp-ui-31 .c-item-02 .c-unit-01 .c-unit-01-A {
          width: 145px;
          margin-bottom: 6px; }
        .comp-ui-31 .c-item-02 .c-unit-01 .c-unit-01-B {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .comp-ui-31 .c-item-02 .c-unit-01:not(:last-child) {
          margin-bottom: 20px; }
      .comp-ui-31 .c-item-02:last-child {
        display: block;
        justify-content: start; }
        .comp-ui-31 .c-item-02:last-child .c-unit-01 {
          margin-bottom: 20px; }
    .comp-ui-31 .c-item-03 {
      align-items: inherit; }
    .comp-ui-31 .hr-F {
      width: auto;
      margin-right: 20px;
      margin-left: 20px; }

  .comp-ui-32 {
    width: 100%;
    padding-bottom: 60px; }
    .comp-ui-32 .c-container-06 {
      display: none; }
    .comp-ui-32 .c-item-01 {
      margin-bottom: 28px; }
    .comp-ui-32 .c-item-02 {
      margin: 60px 0 28px 0; }

  .comp-ui-33 {
    width: 100%;
    background: #E9EBF1;
    border-radius: 8px;
    padding: 20px 10px 8px 10px;
    margin-bottom: 20px; }
    .comp-ui-33 .c-container-01 {
      display: flex;
      padding: 0 12px;
      margin-bottom: 20px; }
      .comp-ui-33 .c-container-01 .c-item-01 {
        margin-right: 4px; }
      .comp-ui-33 .c-container-01 .c-item-02 {
        width: 100%; }
    .comp-ui-33 .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      background: #FFFFFF;
      border-radius: 6px;
      padding: 8px; }
      .comp-ui-33 .c-container-02 .c-item-01 {
        margin-right: 0;
        width: 100%;
        padding: 12px 0 16px 0;
        order: 2; }
      .comp-ui-33 .c-container-02 .c-item-02 {
        background: #FAFBFD;
        width: 100%;
        border-radius: 6px;
        height: fit-content;
        overflow: hidden;
        order: 1; }
        .comp-ui-33 .c-container-02 .c-item-02 .micro-ui-29 {
          padding-top: 16px; }
      .comp-ui-33 .c-container-02:not(:last-child) {
        margin-bottom: 12px; }
      .comp-ui-33 .c-container-02 .c-item-011-fix {
        order: 2;
        margin: 0 8px; }
        .comp-ui-33 .c-container-02 .c-item-011-fix > .hr-A {
          width: 100%;
          margin: 0; }
      .comp-ui-33 .c-container-02 .c-item-022-fix {
        order: 1;
        width: 100%; }
        .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 {
          background: #FAFAFA;
          padding: 16px 16px 12px 16px; }
          .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            border-radius: 12px;
            background: #FFF;
            box-shadow: 0px 4px 4px 0px rgba(23, 23, 24, 0.05); }
            .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-01 {
              width: 134px;
              height: 32px;
              margin-bottom: 12px; }
              .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-01 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center; }
            .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-02 {
              display: flex;
              margin-top: 4px; }
              .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-02 .c-unit-02-A {
                color: #555556;
                font-family: 'Inter';
                font-size: 11px;
                font-style: normal;
                font-weight: 600;
                line-height: 15px; }
              .comp-ui-33 .c-container-02 .c-item-022-fix > .c-item-03 .c-item-01-A .c-unit-02 .c-unit-02-B {
                color: #555556;
                font-family: 'Inter';
                font-size: 11px;
                font-style: normal;
                font-weight: 400;
                line-height: 15px; }
        .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 48px 37px;
          border-radius: 6px;
          background: #FBECEE; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            margin-bottom: 20px;
            border-radius: 100px;
            background: #DF9E9D; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-02 {
            margin-bottom: 6px;
            color: #171718;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 17px; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-03 {
            margin-bottom: 32px;
            color: #555556;
            text-align: center;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .comp-ui-33 .c-container-02 .c-item-022-fix .c-item-02 .returnInfo .c-item-el-04 {
            color: #555556;
            text-align: center;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 17px; }

  .comp-ui-34 {
    width: 100%;
    background: #E9EBF1;
    border-radius: 8px;
    padding: 20px 10px 20px 16px; }
    .comp-ui-34 .c-container-01 {
      display: flex;
      padding: 0 8px;
      margin-bottom: 20px; }
      .comp-ui-34 .c-container-01 .c-item-01 {
        margin-right: 4px; }
      .comp-ui-34 .c-container-01 .c-item-02 {
        width: 100%; }
    .comp-ui-34 .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      background: #FFFFFF;
      border-radius: 6px;
      padding: 8px; }
      .comp-ui-34 .c-container-02 .c-item-01 {
        order: 2;
        padding: 12px 25px 20px 0px;
        width: 100%; }
      .comp-ui-34 .c-container-02 .c-item-02 {
        order: 1;
        width: 100%;
        background: #FAFBFD;
        border-radius: 6px;
        margin-bottom: 15px; }
      .comp-ui-34 .c-container-02:not(:last-child) {
        margin-bottom: 12px; }

  .comp-ui-36 {
    background-color: #FFFFFF;
    padding-bottom: 40px;
    padding-top: 32px; }
    .comp-ui-36 .hr-F {
      width: calc(100% + 40px);
      padding-left: 20px;
      margin: 0 -20px 32px -20px; }
    .comp-ui-36 .c-item-01 {
      margin-bottom: 24px; }
    .comp-ui-36 .c-item-02-fix-order {
      background-color: #FAFBFD;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 32px 0 48px 0;
      width: calc(100% + 40px);
      margin: -32px -20px -40px -20px; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-01 {
        background-color: #FFFFFF;
        border-radius: 50px;
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 32px; }
        .comp-ui-36 .c-item-02-fix-order > .c-unit-01 > svg {
          width: 32px;
          height: 32px; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-02 {
        width: 295px;
        margin-bottom: 12px;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        letter-spacing: -0.005em;
        color: #171718; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-03 {
        width: 295px;
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #555556; }
      .comp-ui-36 .c-item-02-fix-order > .c-unit-04 {
        padding: 15px 34px 16px 33px;
        background: #7A3986;
        border-radius: 4px;
        width: 189px;
        height: 48px;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        letter-spacing: -0.01em; }
    .comp-ui-36.bg-white {
      background-color: #fff; }

  .comp-ui-36-fix {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 0; }
    .comp-ui-36-fix .c-item-02 {
      width: calc(100% - 129px);
      height: 48px;
      display: flex;
      align-items: center;
      background: #F8F8F9;
      border-radius: 4px;
      margin-bottom: 20px; }
      .comp-ui-36-fix .c-item-02 .c-unit-01 {
        position: absolute;
        left: 16px;
        top: 14px;
        z-index: 1; }
      .comp-ui-36-fix .c-item-02 .c-unit-02 {
        background: #F8F8F9;
        width: 100%;
        padding-left: 44px; }
    .comp-ui-36-fix .c-item-02-fix-order {
      width: calc(100% + 40px);
      height: auto;
      background: #FAFBFD;
      margin-bottom: 0; }
      .comp-ui-36-fix .c-item-02-fix-order > .c-unit-01 {
        position: unset;
        left: unset;
        top: unset;
        z-index: 1; }
      .comp-ui-36-fix .c-item-02-fix-order > .c-unit-02 {
        background: #FAFBFD; }
    .comp-ui-36-fix .c-item-03 {
      width: 121px;
      height: 48px; }
      .comp-ui-36-fix .c-item-03 > .select-ui-01 {
        display: flex;
        align-items: center;
        padding: 0 0 0 16px;
        border: 1px solid #D5D5D6; }
      .comp-ui-36-fix .c-item-03 > span {
        position: absolute;
        right: 16px;
        top: 13px; }
    .comp-ui-36-fix .hr-F {
      width: calc(100% + 40px);
      padding-left: 20px;
      margin: 0 -20px 28px -20px; }
    .comp-ui-36-fix .c-item-01 {
      width: 100%; }
    .comp-ui-36-fix > #listing > .hr-F {
      display: none; }

  .comp-ui-37 {
    border-bottom: 1px solid #EDEDED;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px; }

  .comp-ui-38 > .c-item-01 {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #373738;
    margin: 0 20px 32px 0;
    padding-top: 28px; }

  .comp-ui-40 {
    width: 100vw;
    margin-right: -20px;
    margin-left: -20px;
    padding: 32px 0 48px 0;
    border-radius: 8px;
    background-color: #FAFBFD;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .comp-ui-40 .c-item-001-svg {
      width: 80px;
      height: 80px;
      background-color: #FFFFFF;
      border-radius: 50px;
      display: flex;
      align-items: center;
      margin-bottom: 32px;
      justify-content: center; }
    .comp-ui-40 > .c-item-01 {
      width: 295px;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.005em;
      color: #171718;
      background: none;
      margin-bottom: 12px; }
    .comp-ui-40 > .c-item-02 {
      width: 295px;
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      text-align: center;
      color: #555556;
      margin-top: 0;
      margin-bottom: 32px; }
    .comp-ui-40 > .c-item-03 {
      width: 189px;
      height: 48px;
      background-color: #7A3986;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .comp-ui-40 > .c-item-03 a {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        letter-spacing: -0.01em;
        /* Black & White/000 */
        color: #FFFFFF; }

  .comp-ui-40-fix {
    padding: 0; }
    .comp-ui-40-fix .c-item-01 {
      background-color: #FFF;
      width: 100%;
      padding: 36px 20px 20px 20px;
      text-align: left !important;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); }
    .comp-ui-40-fix .c-item-02 {
      background-color: #FFF;
      width: 100%;
      margin-bottom: 0;
      padding: 28px 40px 32px 20px;
      text-align: left;
      font-weight: 400; }
    .comp-ui-40-fix .c-item-04 {
      background-color: #FFF;
      width: 100%;
      margin-right: 0;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      padding: 0 20px; }
      .comp-ui-40-fix .c-item-04 > a {
        background-color: #FFF;
        width: 100%;
        margin-right: 0;
        display: flex;
        flex-direction: unset;
        flex-wrap: nowrap;
        background: #FAF3FB;
        height: 48px;
        margin-bottom: 16px;
        color: #6B337D;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px; }
        .comp-ui-40-fix .c-item-04 > a > svg {
          width: 16px;
          height: 16px;
          margin-bottom: 0;
          margin-right: 12px; }

  .comp-ui-40-fix-01 {
    background: #F5F6F9;
    padding: 0; }
    .comp-ui-40-fix-01 #entityListContainer {
      width: 100%;
      height: auto;
      background-color: unset;
      margin-right: 0; }

  .comp-ui-40-fix-02 {
    width: 100%;
    padding: 0;
    margin: 0; }
    .comp-ui-40-fix-02 > #test {
      width: 100%;
      height: auto;
      margin-right: 0;
      background-color: #FFF; }

  .comp-ui-45 {
    padding: 20px 0px;
    border: none; }
    .comp-ui-45 > .c-item-01 {
      padding: 16px 0px 16px 0px; }
      .comp-ui-45 > .c-item-01 .c-unit-02 {
        font-size: 20px; }
    .comp-ui-45 > .c-item-02 {
      margin: 0px; }

  .comp-ui-45-fix-01 {
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 20px; }
    .comp-ui-45-fix-01 > .c-item-01 {
      background-color: #FFF;
      margin-bottom: 20px;
      padding: 20px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-45-fix-01 > .c-item-02 {
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
      width: 100%;
      padding: 0 20px;
      padding-top: 20px; }
    .comp-ui-45-fix-01 > .c-item-02-fix-01 {
      padding: 20px; }

  .comp-ui-45-fix-02 {
    padding: 0;
    margin-bottom: 0; }
    .comp-ui-45-fix-02 > .c-item-01 {
      margin: 0;
      padding: 20px 0; }
      .comp-ui-45-fix-02 > .c-item-01 > .c-unit-01 {
        padding: 0; }
      .comp-ui-45-fix-02 > .c-item-01 > .c-unit-02 {
        font-weight: 600;
        font-size: 22px;
        line-height: 27px; }

  .comp-ui-46 .c-item-01 {
    padding: 32px 0px 48px 0px; }
    .comp-ui-46 .c-item-01 .c-unit-01 {
      width: 80px;
      height: 80px;
      padding: 28px;
      margin-bottom: 32px; }
    .comp-ui-46 .c-item-01 .c-unit-04 {
      margin: 0 auto;
      width: 189px;
      height: 48px;
      background: #7A3986; }

  .comp-ui-47 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    padding: 32px 20px 48px 20px; }
    .comp-ui-47 > .c-item-01 {
      padding: 0; }
      .comp-ui-47 > .c-item-01 .c-unit-01 {
        width: 80px;
        height: 80px;
        padding: 28px;
        margin-bottom: 32px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-ui-47 > .c-item-01 .c-unit-01 > svg {
          width: 32px;
          height: 32px; }
      .comp-ui-47 > .c-item-01 .c-unit-02 {
        text-align: center;
        letter-spacing: -0.005em;
        width: 295px;
        padding: 0 20px; }
    .comp-ui-47 .c-unit-04 {
      margin: 0 auto;
      width: 189px;
      height: 48px;
      background: #7A3986; }

  .comp-ui-49 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #FFFFFF; }
    .comp-ui-49 > .c-item-01 {
      width: 315px;
      margin: 20px 20px 28px 0;
      width: 100%; }

  .comp-ui-50 {
    background-color: #FFFFFF; }
    .comp-ui-50 .c-item-01 {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px; }
      .comp-ui-50 .c-item-01 > .c-unit-01 {
        white-space: nowrap; }
        .comp-ui-50 .c-item-01 > .c-unit-01:not(:last-child) {
          margin-right: 24px; }
        .comp-ui-50 .c-item-01 > .c-unit-01 > .c-unit-01-A {
          margin-right: 8px; }
        .comp-ui-50 .c-item-01 > .c-unit-01.on {
          border-bottom: 2px solid #7A3986; }
    .comp-ui-50 .c-item-02 {
      padding: 20px 0 20px 0;
      margin: 0;
      display: flex; }
    .comp-ui-50 .g-wrapper .c-item-02 {
      text-align: unset; }

  .comp-ui-51 {
    padding: 32px 20px 32px 20px;
    width: calc(100% + 40px);
    margin: 0 -20px; }
    .comp-ui-51 .c-item-01 {
      padding-right: 20px;
      width: 100%;
      padding-left: 0;
      margin-bottom: 32px; }
    .comp-ui-51 .c-item-02 {
      display: flex;
      padding-left: 0;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 0; }
      .comp-ui-51 .c-item-02 .c-unit-01 {
        margin-right: 0;
        width: 100%;
        margin-bottom: 28px; }
        .comp-ui-51 .c-item-02 .c-unit-01 .c-unit-01-A {
          margin-bottom: 12px;
          width: 100%; }
        .comp-ui-51 .c-item-02 .c-unit-01 .c-unit-01-B {
          padding: 15px 16px 16px 16px;
          width: 100%;
          /* Black & White/300 */
          border: 2px solid #D5D5D6;
          border-radius: 4px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
      .comp-ui-51 .c-item-02 .user-info-form-group-01 .selectIcon {
        position: absolute;
        top: 44px;
        right: 20px;
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_360%29%22%3E%20%3Cpath%20d%3D%22M12%206L8%2011L4%206H12Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_360%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-51 .c-item-02 .user-info-form-group-01.parenterror > label:last-child {
        margin-top: 12px; }
    .comp-ui-51 .c-item-03 {
      display: flex;
      padding-left: 0;
      margin-left: 0;
      justify-content: center;
      align-items: center;
      height: 48px;
      width: 100%;
      background: #7A3986;
      border-radius: 4px;
      color: #FFFFFF;
      text-align: center; }
      .comp-ui-51 .c-item-03.disabled {
        background: grey; }
    .comp-ui-51 .c-item-04 {
      width: 100%; }

  .comp-ui-52 {
    padding: 32px 0 60px 0; }
    .comp-ui-52 .c-item-01 {
      margin-bottom: 24px; }
    .comp-ui-52 .c-item-02 {
      width: 100%;
      padding-right: 20px;
      margin-bottom: 32px; }
    .comp-ui-52 .c-item-03 {
      padding: 20px 20px 20px 20px;
      background: #F8F8F9;
      border-radius: 4px;
      width: 100%; }
      .comp-ui-52 .c-item-03 .c-unit-01 {
        margin-bottom: 16px; }
      .comp-ui-52 .c-item-03 .c-unit-02 {
        width: 287px;
        margin-bottom: 20px; }
      .comp-ui-52 .c-item-03 .c-unit-03 {
        display: flex;
        width: 100%;
        flex-wrap: wrap; }
        .comp-ui-52 .c-item-03 .c-unit-03 .user-info-form-group-01 {
          width: 100%;
          margin-right: 0;
          margin-bottom: 8px; }
        .comp-ui-52 .c-item-03 .c-unit-03 .c-unit-03-B {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 48px;
          background: #7A3986;
          border-radius: 4px;
          text-align: center; }
      .comp-ui-52 .c-item-03:not(:last-child) {
        margin-bottom: 16px; }

  .comp-ui-53 {
    padding: 32px 0 60px 0; }
    .comp-ui-53 .c-item-01 {
      width: 100%;
      margin-right: 20px;
      margin-bottom: 32px; }
    .comp-ui-53 .c-item-02 {
      padding: 20px;
      background: #F8F8F9;
      border-radius: 4px;
      width: 100%;
      margin-bottom: 32px; }
      .comp-ui-53 .c-item-02 .c-unit-01 {
        margin-bottom: 20px; }
      .comp-ui-53 .c-item-02 .c-unit-02 {
        width: 100%; }
        .comp-ui-53 .c-item-02 .c-unit-02 .c-unit-02-A {
          list-style: disc;
          font-weight: 400; }
          .comp-ui-53 .c-item-02 .c-unit-02 .c-unit-02-A:not(:last-child) {
            margin-bottom: 12px; }
    .comp-ui-53 .c-item-03 {
      margin-bottom: 28px;
      width: 100%; }
      .comp-ui-53 .c-item-03 .c-item-03-A {
        width: 100%; }
        .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-01-A {
          display: block;
          margin-bottom: 12px; }
        .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-02 {
          width: 100%;
          display: flex;
          flex-direction: column;
          background: #FFFFFF;
          border-radius: 4px; }
          .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-02.parenterror {
            flex-direction: column;
            align-items: flex-start;
            height: auto; }
          .comp-ui-53 .c-item-03 .c-item-03-A .c-unit-02 .tb-togglePassword-01 {
            top: 54px; }
        .comp-ui-53 .c-item-03 .c-item-03-A:not(:last-child) {
          margin-bottom: 28px; }
      .comp-ui-53 .c-item-03 .c-item-03-B {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #7A3986;
        border-radius: 4px; }
        .comp-ui-53 .c-item-03 .c-item-03-B.disabled {
          background: grey; }

  .comp-ui-54 {
    padding: 28px 0 60px 0; }
    .comp-ui-54 .c-item-01 {
      width: 100%;
      padding-right: 20px;
      margin-bottom: 32px; }
    .comp-ui-54 .c-item-02 {
      width: 100%;
      padding: 20px;
      background: #F8F8F9;
      border-radius: 4px;
      display: flex;
      align-items: center;
      flex-direction: row-reverse; }
      .comp-ui-54 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 32px;
        background: #FFFFFF;
        align-self: center;
        margin-right: 0;
        margin-left: 34px; }
      .comp-ui-54 .c-item-02 .c-item-02-B {
        margin-left: 0; }
        .comp-ui-54 .c-item-02 .c-item-02-B .c-unit-01 {
          margin-bottom: 8px; }
        .comp-ui-54 .c-item-02 .c-item-02-B .c-unit-02 {
          width: 201px;
          /*Tunahana 1 paket sigara marlboro, switch araştır*/ }
      .comp-ui-54 .c-item-02:not(:last-child) {
        margin-bottom: 8px; }

  .comp-ui-55 {
    padding: 0 20px; }

  .comp-ui-56 > .c-item-01 {
    width: 100%; }
  .comp-ui-56 > .c-item-02 > .c-item-02-B {
    width: 100%; }
    .comp-ui-56 > .c-item-02 > .c-item-02-B input {
      width: 100%;
      height: 48px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 8px;
      padding-left: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 4px;
      background: #fff;
      font-family: "Inter";
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000;
      transition: all 0.1s; }
    .comp-ui-56 > .c-item-02 > .c-item-02-B > .c-unit-01 {
      width: 100%; }
    .comp-ui-56 > .c-item-02 > .c-item-02-B > .c-unit-02 {
      width: 100%; }
      .comp-ui-56 > .c-item-02 > .c-item-02-B > .c-unit-02 > select {
        width: 100%;
        height: 48px;
        margin-top: 8px;
        padding: 15px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%; }
  .comp-ui-56 > .c-item-03 > .c-item-03-B {
    width: 100%; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B input {
      width: 100%;
      height: 48px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 8px;
      padding-left: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 4px;
      background: #fff;
      font-family: "Inter";
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000;
      transition: all 0.1s; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-unit-02 {
      width: 100%; }
      .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-unit-02 > select {
        width: 100%;
        height: 48px;
        margin-top: 8px;
        padding: 15px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-item-02-A {
      width: 100%; }
    .comp-ui-56 > .c-item-03 > .c-item-03-B > .c-unit-01 {
      width: 100%; }
  .comp-ui-56 > .c-item-05 > .c-item-05-B {
    width: 100%; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B input {
      width: 100%;
      height: 48px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 8px;
      padding-left: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 4px;
      background: #fff;
      font-family: "Inter";
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000;
      transition: all 0.1s; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-02 {
      width: 100%;
      margin-right: 0; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-02 > select {
        width: 100%;
        height: 48px;
        margin-top: 8px;
        padding: 15px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 50%; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-02 > .c-unit-02-A {
        top: 24px;
        border: 1px solid #D5D5D6 !important; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A {
      width: 100%; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A > .note-tb-01 {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 8px;
        padding-left: 16px;
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        background: #fff;
        font-family: "Inter";
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        transition: all 0.1s; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A > .note-tb-02 {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 8px;
        padding-left: 48px;
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        background: #fff;
        font-family: "Inter";
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        transition: all 0.1s; }
      .comp-ui-56 > .c-item-05 > .c-item-05-B .c-item-02-A > svg {
        position: absolute;
        left: 13px;
        top: 40px; }
    .comp-ui-56 > .c-item-05 > .c-item-05-B > .c-unit-01 {
      width: 100%; }

  .comp-ui-61 {
    background-color: #fff; }
    .comp-ui-61 .c-wrapper .c-column-01 {
      display: none; }
    .comp-ui-61 .c-wrapper .c-column-02 {
      padding-top: 10px;
      width: 100%; }
      .comp-ui-61 .c-wrapper .c-column-02 .successsInfo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 30px 32px;
        border-radius: 8px;
        background: #F1F9E9; }
        .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-A {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 80px;
          height: 80px;
          margin-bottom: 40px;
          background-color: #fff;
          border-radius: 50%; }
        .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-B {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          justify-content: center; }
          .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-01 {
            margin-bottom: 8px;
            color: #171718;
            text-align: center;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: -0.1px; }
          .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-02 {
            color: #68686A;
            text-align: center;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 19px;
            letter-spacing: -0.06px; }
        .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-C {
          margin-top: 32px; }
          .comp-ui-61 .c-wrapper .c-column-02 .successsInfo .c-item-01-C > button {
            width: 169px;
            height: 56px;
            padding: 12px 32px;
            border-radius: 4px;
            border: 1px solid #214F12;
            background: #FAFFF5;
            color: #214F12; }

  .comp-ui-62.discount-coupon-tab-container .tabber-container {
    width: calc(100% - 40px);
    padding: 0;
    box-shadow: none;
    margin: 20px 0px 0px 20px; }
    .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-header {
      height: 52px;
      padding: 4px;
      background: #E9EBF1;
      border-radius: 8px;
      justify-content: space-between; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-header .tab-head-item {
        border: none;
        margin: 0;
        justify-content: center;
        margin-right: 0;
        background-color: transparent;
        font-family: Inter;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #0F1B3F;
        width: 50%; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-header .tab-head-item.on {
          background-color: #fff;
          border-radius: 8px; }
    .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content {
      width: 100%;
      padding: 0; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content > .c-item-01 {
        margin: 24px 0 40px 0; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01 {
        width: 100%;
        height: 56px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 12px;
        padding-left: 16px;
        border: 2px solid #3B518B;
        border-radius: 8px;
        background: #fff;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        transition: all 0.1s; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01 ~ .tb-placeholder-01 {
          position: absolute;
          top: calc(50% - 3.5px);
          left: 16px;
          transition: all 0.2s;
          font-weight: normal;
          font-size: 14px;
          line-height: 17px;
          color: #171718; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
          top: 4.5px;
          left: 11px;
          padding: 0 5px;
          background-color: white;
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          color: #324780; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01:focus {
          border: 2px solid #3B518B; }
          .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .c-item-02 .discount-coupon-tb-01:focus ~ .tb-placeholder-01 {
            top: 4.5px;
            left: 11px;
            padding: 0 5px;
            background-color: white;
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            color: #324780; }
      .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 {
        padding: 16px 0 16px 20px;
        margin-bottom: 8px;
        background: #FAFBFD;
        border: 1px solid #E9EBF1;
        box-sizing: border-box;
        border-radius: 8px;
        transition: background-color 0.2s, border 0.2s; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A {
          display: flex; }
          .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error) {
            flex-direction: column;
            padding: 0 0 0 40px;
            transition: background-color 0.2s, border 0.2s; }
            .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error)::before {
              top: calc(50% - 12px);
              left: 0;
              width: 24px;
              height: 24px;
              border: 1px solid #D5D5D6;
              border-radius: 50%;
              background-color: #fff;
              transition: background-color 0.2s, border 0.2s; }
            .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error) span:nth-child(1) {
              display: block;
              margin-bottom: 6px;
              font-weight: 600;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
            .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 .address-card-rdb-A > label:not(.error) span:nth-child(2) {
              display: block;
              line-height: 18px;
              font-weight: normal;
              font-size: 11px;
              line-height: 13px;
              color: #171718; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04 input[type=radio]:checked ~ label::before {
          border: 1px solid #7A3986;
          background-color: #7A3986;
          background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
          background-size: 10px 7.5px;
          background-position: center center;
          background-repeat: no-repeat; }
        .comp-ui-62.discount-coupon-tab-container .tabber-container .tabber-body .tab-content-item .tab-content .address-card-ui-04:last-child {
          margin-bottom: 0; }

  .comp-ui-63 {
    width: 100%; }
    .comp-ui-63 .c-wrapper {
      padding: 20px;
      width: 100%; }
      .comp-ui-63 .c-wrapper > .c-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 20px 0 40px 0;
        background-color: rgba(233, 235, 241, 0.4); }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-01 > .c-unit-01 {
          width: 60px;
          height: 60px; }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-01 > .c-unit-02 {
          position: absolute;
          top: 16px;
          left: 16px;
          width: 28px;
          height: 28px; }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-02 {
          width: 100%;
          padding: 0 20px;
          margin-top: 16px;
          text-align: center;
          font-weight: 500;
          font-size: 18px;
          line-height: 28px;
          text-align: center;
          letter-spacing: -0.005em;
          color: #373738; }
        .comp-ui-63 .c-wrapper > .c-container > .c-item-03 {
          width: 100%;
          padding: 0 20px;
          margin-top: 8px;
          text-align: center;
          font-weight: 500;
          font-size: 13px;
          line-height: 17px;
          text-align: center;
          letter-spacing: -0.005em;
          color: #8E8E8E; }
          .comp-ui-63 .c-wrapper > .c-container > .c-item-03 > .c-unit-01 {
            text-decoration: underline;
            font-weight: 700;
            color: #8E8E8E; }

  .comp-ui-66 .c-container-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px; }
  .comp-ui-66 .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .comp-ui-66 .c-container-02 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 40px 30px;
      background: #F5F6F9 !important;
      border-radius: 12px;
      height: 290px !important; }
      .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-A {
        padding: 15px;
        background-color: white;
        border-radius: 99px; }
      .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-B {
        padding: 0 10px; }
        .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 {
          text-align: center;
          margin-bottom: 15px;
          color: #171718;
          font-family: Inter;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 22px; }
        .comp-ui-66 .c-container-02 .c-item-01 .c-item-01-B > ul > li {
          list-style-type: disc; }
    .comp-ui-66 .c-container-02 .arrow-container {
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .comp-ui-66 .c-container-02 .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
      padding: 0 !important; }
      .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A {
        width: 400px;
        height: 400px;
        border-radius: 12px;
        background: #F5F6F9;
        padding: 40px 24px; }
        .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin-bottom: 16px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
            padding: 15px;
            margin-right: 40px;
            background-color: white;
            border-radius: 99px;
            margin-bottom: 24px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B {
            color: #171718;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 22px; }
            .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B > span {
              color: #27ABDF;
              font-family: Inter;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 22px; }
        .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A {
          display: flex;
          align-items: center;
          margin-bottom: 8px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
            border: 1px solid black;
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 32px;
            background-color: black;
            margin-right: 9px; }
          .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
            color: #171718;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            width: 325px; }
      .comp-ui-66 .c-container-02 .c-item-02 .c-item-02-B .c-unit-01 .c-unit-01-B > span {
        color: #EC592E;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px; }
    .comp-ui-66 .c-container-02 .arrow-container-02 {
      display: none;
      justify-content: center;
      align-items: end;
      flex-direction: column;
      margin-right: 180px; }
      .comp-ui-66 .c-container-02 .arrow-container-02 .svgIcon-02 {
        margin-right: 11px; }
      .comp-ui-66 .c-container-02 .arrow-container-02 .svgIcon-03 {
        position: absolute;
        top: 27px; }

  .comp-ui-67 {
    background-color: #fff; }
    .comp-ui-67 .c-wrapper {
      width: calc(100% - 40px); }
      .comp-ui-67 .c-wrapper .c-column-01 {
        display: none; }
      .comp-ui-67 .c-wrapper .c-column-02 {
        width: 100%; }
        .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 {
          width: 100%;
          align-items: center;
          background-color: #fff;
          padding-top: 20px;
          margin-bottom: 16px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A {
            display: flex;
            align-items: center; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A .c-item-01 {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 40px;
              height: 40px;
              background: #FAFBFD;
              border-radius: 50%; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A .c-item-02 {
              margin-left: 16px;
              color: #0F1B3F;
              font-family: Inter;
              font-size: 20px;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              letter-spacing: -0.2px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B {
            display: flex;
            margin-top: 48px;
            padding: 12px 24px 12px 16px;
            border-radius: 4px;
            background: #FAF3FB; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B .c-item-03-A {
              width: 20px;
              height: 20px;
              background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_150_8672%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%235D2D74%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%235D2D74%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%235D2D74%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_150_8672%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
              margin-right: 12px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B .c-item-03-B {
              flex: 1;
              color: #5D2D74;
              font-family: Inter;
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: 16px; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-01 .c-container-01-B .c-item-03-B span {
                color: #5D2D74;
                font-family: Inter;
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                line-height: 16px; }
        .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 {
          width: 100%; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01 {
            color: #171718;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            margin-bottom: 20px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A > .c-unit-01 {
            color: #555556;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 8px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A > .c-unit-03 {
            position: absolute;
            top: 38px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 {
            margin-top: 16px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-A {
              display: flex;
              flex-direction: column; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-A label {
                color: #555556;
                font-family: Inter;
                font-size: 13px;
                font-style: normal;
                font-weight: 500;
                line-height: normal; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-A textarea {
                width: 100%;
                padding: 16px;
                margin-top: 12px;
                border-radius: 4px;
                border: 2px solid #D5D5D6;
                background: #FFF; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B {
              display: flex;
              flex-direction: column;
              margin-top: 16px; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B label {
                color: #555556;
                font-family: Inter;
                font-size: 13px;
                font-style: normal;
                font-weight: 500;
                line-height: normal; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer #uploadForm input {
                margin-top: 12px;
                width: 100%;
                height: 48px;
                border-radius: 8px;
                background: #FAFBFD;
                z-index: 2;
                opacity: 0; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer #uploadForm .imageButton {
                position: absolute;
                left: 0;
                top: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 12px;
                width: 100%;
                height: 48px;
                border-radius: 4px;
                border: 2px #D5D5D6 solid;
                background: #FFF;
                z-index: 1; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer #uploadForm .subInfo {
                margin-top: 6px;
                color: #555556;
                font-family: Inter;
                font-size: 10px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                opacity: 0.8; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container {
                display: flex;
                flex-wrap: wrap; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container .preview-item {
                  position: relative;
                  margin: 16px 20px 0px 0px;
                  text-align: center;
                  border-radius: 4px;
                  border: 2px solid #D5D5D6;
                  background: #FFF;
                  width: 56px;
                  height: 56px;
                  display: flex;
                  padding: 4px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container .preview-item img {
                    max-width: 44px;
                    max-height: 44px;
                    display: block; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-01-A .c-unit-04 .c-unit-04-B .uploadİmageContainer .preview-container .preview-item .remove-btn {
                    position: absolute;
                    bottom: -12px;
                    right: -14px;
                    background: #7A3986;
                    color: white;
                    border: none;
                    border-radius: 50%;
                    cursor: pointer;
                    width: 32px;
                    height: 32px;
                    display: flex;
                    justify-content: center;
                    align-items: center; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 {
            margin-top: 24px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A {
              padding: 20px;
              margin-bottom: 8px;
              border-radius: 6px;
              background: #FAFBFD; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
                display: flex; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
                  padding: 0 0 0 0; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label::before {
                    position: relative;
                    top: auto;
                    left: auto;
                    width: 20px;
                    height: 20px;
                    border: 1px solid #D5D5D6;
                    border-radius: 4px;
                    transition: background-color 0.2s, border 0.2s; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A #AgreementApproval-error::before {
                  content: "";
                  display: none; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
                  border: 1px solid #D5D5D6;
                  background-size: 9px 7px;
                  background-image: url(/Content/Images/Icons/icon-check.svg); }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
                  border: 1px solid #D5D5D6; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
                  border: 1px solid #D5D5D6; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
                  border: 1px solid #D5D5D6; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 60px;
                  height: 60px;
                  background: #FFFFFF;
                  border-radius: 4px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
                    width: 56px;
                    height: 56px; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
                  display: flex;
                  flex-direction: column;
                  margin-left: 12px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    color: #0F0F10;
                    text-overflow: ellipsis;
                    font-family: "Inter";
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 16px;
                    letter-spacing: -0.06px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
                    color: #555556;
                    font-family: "Inter";
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    margin: 6px 0px 16px 0px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-C {
                    color: #171718;
                    font-family: "Inter";
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
                display: flex;
                flex-direction: column;
                align-items: center; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
                  display: flex;
                  flex-direction: column;
                  gap: 40px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A {
                    margin-left: 100px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      width: 124px;
                      height: 54px;
                      padding: 0 13px 0 14px;
                      background: #FFFFFF;
                      border: 1px solid #D5D5D6;
                      box-sizing: border-box;
                      border-radius: 8px;
                      margin-top: 20px; }
                      .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        width: 35px;
                        height: 31px; }
                        .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 input {
                          width: 20px;
                          text-align: center;
                          font-weight: bold;
                          font-size: 14px;
                          line-height: 17px;
                          text-align: center;
                          color: #0F1B3F; }
                        .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 span {
                          font-weight: normal;
                          font-size: 10px;
                          line-height: 12px;
                          text-align: center;
                          color: #0F1B3F; }
                      .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-01, .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-03 {
                        width: 16px;
                        display: flex;
                        justify-content: center; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
                    width: 300px;
                    margin-bottom: 20px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B .select-ui-01 {
                      margin-top: 20px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B > span {
                      position: absolute;
                      top: 53px;
                      right: 16px;
                      width: 16px;
                      height: 16px;
                      display: flex;
                      align-items: center;
                      justify-content: center; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
                  display: flex;
                  flex-direction: column; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A {
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 20px; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A > textarea {
                      font-family: Inter;
                      padding: 10px;
                      border: 1px solid gray;
                      resize: none;
                      width: 295px;
                      height: 80px;
                      border-radius: 4px;
                      margin-top: 20px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B {
                    display: flex;
                    flex-direction: column; }
                    .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
                      width: 294px;
                      height: 56px;
                      margin-top: 20px;
                      cursor: pointer;
                      border-radius: 8px;
                      background: #FAFBFD;
                      transition: background 0.25s; }
                      .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
                        background: #e6e7eb; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .c-item-02-A .c-item-02-A-02 label {
                  color: #555556;
                  font-family: Inter;
                  font-size: 13px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: normal; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 {
              padding: 24px 24px 32px 24px;
              border-bottom: 1px solid #E6E6E7;
              background-color: #fff; }
              .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 24px;
                margin-bottom: 24px; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 72px;
                  height: 72px;
                  background: #FFFFFF;
                  border: 1px solid #E6E6E7;
                  border-radius: 4px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
                    width: 56px;
                    height: 56px; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
                  display: flex;
                  flex-direction: column;
                  width: 180px;
                  margin-left: 16px; }
                  .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
                    margin: 8px 0 16px 0; }
                .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-03 {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  gap: 3px;
                  padding: 16px;
                  width: 300px;
                  border-radius: 6px;
                  background: #E9EBF1; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-02 > :last-child {
              margin-bottom: 40px; }
          .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-03 {
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 20px 0px; }
            .comp-ui-67 .c-wrapper .c-column-02 .c-container-02 > .c-item-03 > a {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 56px;
              padding: 0 62px;
              background: #7A3986;
              border-radius: 8px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #FFFFFF; }
        .comp-ui-67 .c-wrapper .c-column-02 .successsInfo {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 30px 32px;
          border-radius: 8px;
          background: #F1F9E9; }
          .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-A {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 80px;
            margin-bottom: 40px;
            background-color: #fff;
            border-radius: 50%; }
          .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-B {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            justify-content: center; }
            .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-01 {
              margin-bottom: 8px;
              color: #171718;
              text-align: center;
              font-family: Inter;
              font-size: 20px;
              font-style: normal;
              font-weight: 600;
              line-height: 24px;
              letter-spacing: -0.1px; }
            .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-B .c-unit-02 {
              color: #68686A;
              text-align: center;
              font-family: Inter;
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: 19px;
              letter-spacing: -0.06px; }
          .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-C {
            margin-top: 32px; }
            .comp-ui-67 .c-wrapper .c-column-02 .successsInfo .c-item-01-C > button {
              width: 169px;
              height: 56px;
              padding: 12px 32px;
              border-radius: 4px;
              border: 1px solid #214F12;
              background: #FAFFF5;
              color: #214F12; }

  .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-06 .c-container .searchContainer .c-item-01 {
    width: 325px;
    height: 52px;
    padding: 16px 16px 16px 44px;
    border-radius: 4px;
    border: 1px solid #D5D5D6; }
  .comp-ui-06 .c-container .searchContainer:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 16px;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 99;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
  .comp-ui-06 .c-wrapper .c-row-01 {
    margin-bottom: 40px; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 {
      display: flex;
      padding: 20px;
      border-radius: 8px 8px 0 0;
      background: #E9EBF1; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 88px;
        height: 88px;
        border-radius: 100px;
        margin-right: 20px;
        background-color: #324277;
        color: #FFF;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-02 {
        margin-top: 4px;
        color: #373738;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 {
        display: flex;
        margin-top: 24px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 4px;
          border-radius: 4px;
          padding: 4px 6px;
          font-family: 'Inter';
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.authorized {
            color: #4A90E2;
            background: #F3FBFF; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.formal {
            color: #B13834;
            background: #FCF3F2; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.fast {
            color: #5D2D74;
            background: #FAF3FB; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C {
        display: none; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 {
      display: flex;
      justify-content: space-between;
      padding: 8px 20px;
      border-radius: 0 0 8px 8px;
      border-right: #E9EBF1;
      border-bottom: #E9EBF1;
      border-left: 1px solid #E9EBF1;
      background: #FFF; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 {
        display: flex; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01 {
          padding: 12px;
          color: #171718;
          font-family: 'Inter';
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 17px;
          cursor: pointer; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01.active {
            border-bottom: 2px solid #171718; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02 .c-unit-01 {
        width: 325px;
        height: 52px;
        padding: 16px 16px 16px 44px;
        border-radius: 4px;
        border: 1px solid #D5D5D6; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02:before {
        content: '';
        position: absolute;
        top: 16px;
        left: 16px;
        display: block;
        width: 20px;
        height: 20px;
        z-index: 99;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
  .comp-ui-06 .c-wrapper .c-row-03 {
    display: flex;
    gap: 20px; }
    .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 {
      display: flex;
      justify-content: space-between;
      flex: 1;
      border-radius: 8px;
      border: 1px solid #E6E6E7;
      background: #FFF;
      padding: 20px; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        opacity: 0.7; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-02 {
        margin-top: 8px;
        color: #171718;
        font-family: 'Inter';
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        border-radius: 4px;
        background: #E9EBF1; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.time:before {
          content: '';
          display: block;
          width: 32px;
          height: 32px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12855%29%22%3E%20%3Cpath%20d%3D%22M26%204H22V2H20V4H12V2H10V4H6C4.9%204%204%204.9%204%206V26C4%2027.1%204.9%2028%206%2028H26C27.1%2028%2028%2027.1%2028%2026V6C28%204.9%2027.1%204%2026%204ZM26%2026H6V12H26V26ZM26%2010H6V6H10V8H12V6H20V8H22V6H26V10Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12855%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.average:before {
          content: '';
          display: block;
          width: 32px;
          height: 32px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12861%29%22%3E%20%3Cpath%20d%3D%22M29.4815%208.62402L19.4815%203.12402C19.3338%203.04282%2019.1681%203.00024%2018.9996%203.00024C18.8311%203.00024%2018.6653%203.04282%2018.5177%203.12402L8.51769%208.62402C8.3609%208.71034%208.23016%208.83717%208.1391%208.99125C8.04804%209.14534%208%209.32104%208%209.50002C8%209.679%208.04804%209.8547%208.1391%2010.0088C8.23016%2010.1629%208.3609%2010.2897%208.51769%2010.376L17.9996%2015.5913V26.3086L14.9634%2024.6393L13.9996%2026.3912L18.5177%2028.876C18.6653%2028.9574%2018.8311%2029%2018.9996%2029C19.1681%2029%2019.3339%2028.9574%2019.4815%2028.876L29.4815%2023.376C29.6384%2023.2897%2029.7692%2023.1629%2029.8603%2023.0089C29.9515%2022.8548%2029.9995%2022.679%2029.9996%2022.5V9.50002C29.9995%209.321%2029.9515%209.14527%2029.8603%208.99118C29.7692%208.83709%2029.6384%208.71029%2029.4815%208.62402ZM18.9996%205.14162L26.9244%209.50002L18.9996%2013.8584L11.0748%209.50002L18.9996%205.14162ZM27.9996%2021.9087L19.9996%2026.3087V15.5913L27.9996%2011.1913V21.9087Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2%2016L10%2016V14H2V16Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M4%2024H12V22H4V24Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M6%2020H14V18H6V20Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12861%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.location:before {
          content: '';
          display: block;
          width: 32px;
          height: 32px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12867%29%22%3E%20%3Cpath%20d%3D%22M16.0009%2024L9.91095%2015.4C8.91413%2014.2231%208.27219%2012.7872%208.0599%2011.2595C7.84761%209.73183%208.07371%208.17529%208.71185%206.77115C9.35%205.36702%2010.3739%204.17308%2011.6644%203.32839C12.9549%202.4837%2014.4588%202.02302%2016.0009%202C18.1387%202.02113%2020.1809%202.88859%2021.6804%204.41241C23.1798%205.93623%2024.0143%207.99219%2024.0009%2010.13C24.0018%2011.9949%2023.3669%2013.8044%2022.2009%2015.26L16.0009%2024ZM16.0009%204C14.3928%204.01847%2012.8577%204.67438%2011.7328%205.82371C10.6078%206.97303%209.98494%208.52183%2010.0009%2010.13C10.0076%2011.5978%2010.5357%2013.0155%2011.4909%2014.13L16.0009%2020.52L20.6309%2014C21.511%2012.9014%2021.9938%2011.5376%2022.0009%2010.13C22.017%208.52183%2021.3941%206.97303%2020.2691%205.82371C19.1442%204.67438%2017.6091%204.01847%2016.0009%204Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M16%2011C17.1046%2011%2018%2010.1046%2018%209C18%207.89543%2017.1046%207%2016%207C14.8954%207%2014%207.89543%2014%209C14%2010.1046%2014.8954%2011%2016%2011Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H26V14H28V28H4V14H6V12H4C3.46957%2012%202.96086%2012.2107%202.58579%2012.5858C2.21071%2012.9609%202%2013.4696%202%2014V28C2%2028.5304%202.21071%2029.0391%202.58579%2029.4142C2.96086%2029.7893%203.46957%2030%204%2030H28C28.5304%2030%2029.0391%2029.7893%2029.4142%2029.4142C29.7893%2029.0391%2030%2028.5304%2030%2028V14C30%2013.4696%2029.7893%2012.9609%2029.4142%2012.5858C29.0391%2012.2107%2028.5304%2012%2028%2012Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12867%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
  .comp-ui-06 .c-wrapper .filter-ui-02 {
    margin-bottom: 32px; }
  .comp-ui-06 .c-wrapper .c-container {
    width: 100%; }
    .comp-ui-06 .c-wrapper .c-container .slide-status {
      top: 12px;
      right: 44px !important; }
    .comp-ui-06 .c-wrapper .c-container .content-carousel-ui-03 {
      margin-bottom: 32px; }
  .comp-ui-06 #pagination-container {
    display: flex; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-ui-06 .c-container .searchContainer .c-item-01 {
    width: 325px;
    height: 52px;
    padding: 16px 16px 16px 44px;
    border-radius: 4px;
    border: 1px solid #D5D5D6; }
  .comp-ui-06 .c-container .searchContainer:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 16px;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 99;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
  .comp-ui-06 .c-wrapper .c-row-01 {
    margin-bottom: 40px; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 {
      display: flex;
      padding: 20px;
      border-radius: 8px 8px 0 0;
      background: #E9EBF1; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 88px;
        height: 88px;
        border-radius: 100px;
        margin-right: 20px;
        background-color: #324277;
        color: #FFF;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-02 {
        margin-top: 4px;
        color: #373738;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 {
        display: flex;
        margin-top: 24px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 4px;
          border-radius: 4px;
          padding: 4px 6px;
          font-family: 'Inter';
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.authorized {
            color: #4A90E2;
            background: #F3FBFF; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.formal {
            color: #B13834;
            background: #FCF3F2; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.fast {
            color: #5D2D74;
            background: #FAF3FB; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C {
        display: none; }
    .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 {
      display: flex;
      justify-content: space-between;
      padding: 8px 20px;
      border-radius: 0 0 8px 8px;
      border-right: #E9EBF1;
      border-bottom: #E9EBF1;
      border-left: 1px solid #E9EBF1;
      background: #FFF; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 {
        display: flex; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01 {
          padding: 12px;
          color: #171718;
          font-family: 'Inter';
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 17px;
          cursor: pointer; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01.active {
            border-bottom: 2px solid #171718; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02 .c-unit-01 {
        width: 325px;
        height: 52px;
        padding: 16px 16px 16px 44px;
        border-radius: 4px;
        border: 1px solid #D5D5D6; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02:before {
        content: '';
        position: absolute;
        top: 16px;
        left: 16px;
        display: block;
        width: 20px;
        height: 20px;
        z-index: 99;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
  .comp-ui-06 .c-wrapper .c-row-03 {
    display: flex;
    gap: 20px; }
    .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 {
      display: flex;
      justify-content: space-between;
      flex: 1;
      border-radius: 8px;
      border: 1px solid #E6E6E7;
      background: #FFF;
      padding: 20px; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        opacity: 0.7; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-02 {
        margin-top: 8px;
        color: #171718;
        font-family: 'Inter';
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        border-radius: 4px;
        background: #E9EBF1; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.time:before {
          content: '';
          display: block;
          width: 32px;
          height: 32px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12855%29%22%3E%20%3Cpath%20d%3D%22M26%204H22V2H20V4H12V2H10V4H6C4.9%204%204%204.9%204%206V26C4%2027.1%204.9%2028%206%2028H26C27.1%2028%2028%2027.1%2028%2026V6C28%204.9%2027.1%204%2026%204ZM26%2026H6V12H26V26ZM26%2010H6V6H10V8H12V6H20V8H22V6H26V10Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12855%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.average:before {
          content: '';
          display: block;
          width: 32px;
          height: 32px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12861%29%22%3E%20%3Cpath%20d%3D%22M29.4815%208.62402L19.4815%203.12402C19.3338%203.04282%2019.1681%203.00024%2018.9996%203.00024C18.8311%203.00024%2018.6653%203.04282%2018.5177%203.12402L8.51769%208.62402C8.3609%208.71034%208.23016%208.83717%208.1391%208.99125C8.04804%209.14534%208%209.32104%208%209.50002C8%209.679%208.04804%209.8547%208.1391%2010.0088C8.23016%2010.1629%208.3609%2010.2897%208.51769%2010.376L17.9996%2015.5913V26.3086L14.9634%2024.6393L13.9996%2026.3912L18.5177%2028.876C18.6653%2028.9574%2018.8311%2029%2018.9996%2029C19.1681%2029%2019.3339%2028.9574%2019.4815%2028.876L29.4815%2023.376C29.6384%2023.2897%2029.7692%2023.1629%2029.8603%2023.0089C29.9515%2022.8548%2029.9995%2022.679%2029.9996%2022.5V9.50002C29.9995%209.321%2029.9515%209.14527%2029.8603%208.99118C29.7692%208.83709%2029.6384%208.71029%2029.4815%208.62402ZM18.9996%205.14162L26.9244%209.50002L18.9996%2013.8584L11.0748%209.50002L18.9996%205.14162ZM27.9996%2021.9087L19.9996%2026.3087V15.5913L27.9996%2011.1913V21.9087Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2%2016L10%2016V14H2V16Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M4%2024H12V22H4V24Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M6%2020H14V18H6V20Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12861%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.location:before {
          content: '';
          display: block;
          width: 32px;
          height: 32px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12867%29%22%3E%20%3Cpath%20d%3D%22M16.0009%2024L9.91095%2015.4C8.91413%2014.2231%208.27219%2012.7872%208.0599%2011.2595C7.84761%209.73183%208.07371%208.17529%208.71185%206.77115C9.35%205.36702%2010.3739%204.17308%2011.6644%203.32839C12.9549%202.4837%2014.4588%202.02302%2016.0009%202C18.1387%202.02113%2020.1809%202.88859%2021.6804%204.41241C23.1798%205.93623%2024.0143%207.99219%2024.0009%2010.13C24.0018%2011.9949%2023.3669%2013.8044%2022.2009%2015.26L16.0009%2024ZM16.0009%204C14.3928%204.01847%2012.8577%204.67438%2011.7328%205.82371C10.6078%206.97303%209.98494%208.52183%2010.0009%2010.13C10.0076%2011.5978%2010.5357%2013.0155%2011.4909%2014.13L16.0009%2020.52L20.6309%2014C21.511%2012.9014%2021.9938%2011.5376%2022.0009%2010.13C22.017%208.52183%2021.3941%206.97303%2020.2691%205.82371C19.1442%204.67438%2017.6091%204.01847%2016.0009%204Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M16%2011C17.1046%2011%2018%2010.1046%2018%209C18%207.89543%2017.1046%207%2016%207C14.8954%207%2014%207.89543%2014%209C14%2010.1046%2014.8954%2011%2016%2011Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H26V14H28V28H4V14H6V12H4C3.46957%2012%202.96086%2012.2107%202.58579%2012.5858C2.21071%2012.9609%202%2013.4696%202%2014V28C2%2028.5304%202.21071%2029.0391%202.58579%2029.4142C2.96086%2029.7893%203.46957%2030%204%2030H28C28.5304%2030%2029.0391%2029.7893%2029.4142%2029.4142C29.7893%2029.0391%2030%2028.5304%2030%2028V14C30%2013.4696%2029.7893%2012.9609%2029.4142%2012.5858C29.0391%2012.2107%2028.5304%2012%2028%2012Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12867%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
  .comp-ui-06 .c-wrapper .filter-ui-02 {
    margin-bottom: 32px; }
  .comp-ui-06 .c-wrapper .c-container {
    width: 100%; }
    .comp-ui-06 .c-wrapper .c-container .slide-status {
      top: 12px;
      right: 44px !important; }
    .comp-ui-06 .c-wrapper .c-container .content-carousel-ui-03 {
      margin-bottom: 32px; }
  .comp-ui-06 #pagination-container {
    display: flex; }

  .comp-ui-05 .c-wrapper .container-02 {
    width: 100%; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-ui-06 .c-wrapper {
    display: flex;
    flex-wrap: wrap; }
    .comp-ui-06 .c-wrapper .c-row-01 {
      width: 100%;
      margin-bottom: 40px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 {
        display: flex;
        align-items: center;
        padding: 20px;
        border-radius: 8px 8px 0 0;
        background: #E9EBF1; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-A {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 88px;
          height: 88px;
          border-radius: 100px;
          margin-right: 20px;
          background-color: #324277;
          color: #FFF;
          font-family: 'Inter';
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-02 {
          margin-top: 4px;
          color: #373738;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 {
          display: flex;
          margin-top: 24px; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 4px;
            border-radius: 4px;
            padding: 4px 6px;
            font-family: 'Inter';
            font-size: 10px;
            font-style: normal;
            font-weight: 600;
            line-height: normal; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.authorized {
              color: #4A90E2;
              background: #F3FBFF; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.formal {
              color: #B13834;
              background: #FCF3F2; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.fast {
              color: #5D2D74;
              background: #FAF3FB; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C {
          display: none; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 {
        display: flex;
        justify-content: space-between;
        padding: 8px 20px;
        border-radius: 0 0 8px 8px;
        border-right: #E9EBF1;
        border-bottom: #E9EBF1;
        border-left: 1px solid #E9EBF1;
        background: #FFF; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 {
          display: flex; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01 {
            padding: 12px;
            color: #171718;
            font-family: 'Inter';
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 17px;
            cursor: pointer; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01.active {
              border-bottom: 2px solid #171718; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02 .c-unit-01 {
          width: 325px;
          height: 52px;
          padding: 16px 16px 16px 44px;
          border-radius: 4px;
          border: 1px solid #D5D5D6; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02:before {
          content: '';
          position: absolute;
          top: 16px;
          left: 16px;
          display: block;
          width: 20px;
          height: 20px;
          z-index: 99;
          background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
    .comp-ui-06 .c-wrapper .c-row-03 {
      width: 100%;
      display: flex;
      gap: 20px; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 {
        display: flex;
        justify-content: space-between;
        flex: 1;
        border-radius: 8px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        padding: 20px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          opacity: 0.7; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-02 {
          margin-top: 8px;
          color: #171718;
          font-family: 'Inter';
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 26px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 60px;
          height: 60px;
          border-radius: 4px;
          background: #E9EBF1; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.time:before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12855%29%22%3E%20%3Cpath%20d%3D%22M26%204H22V2H20V4H12V2H10V4H6C4.9%204%204%204.9%204%206V26C4%2027.1%204.9%2028%206%2028H26C27.1%2028%2028%2027.1%2028%2026V6C28%204.9%2027.1%204%2026%204ZM26%2026H6V12H26V26ZM26%2010H6V6H10V8H12V6H20V8H22V6H26V10Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12855%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.average:before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12861%29%22%3E%20%3Cpath%20d%3D%22M29.4815%208.62402L19.4815%203.12402C19.3338%203.04282%2019.1681%203.00024%2018.9996%203.00024C18.8311%203.00024%2018.6653%203.04282%2018.5177%203.12402L8.51769%208.62402C8.3609%208.71034%208.23016%208.83717%208.1391%208.99125C8.04804%209.14534%208%209.32104%208%209.50002C8%209.679%208.04804%209.8547%208.1391%2010.0088C8.23016%2010.1629%208.3609%2010.2897%208.51769%2010.376L17.9996%2015.5913V26.3086L14.9634%2024.6393L13.9996%2026.3912L18.5177%2028.876C18.6653%2028.9574%2018.8311%2029%2018.9996%2029C19.1681%2029%2019.3339%2028.9574%2019.4815%2028.876L29.4815%2023.376C29.6384%2023.2897%2029.7692%2023.1629%2029.8603%2023.0089C29.9515%2022.8548%2029.9995%2022.679%2029.9996%2022.5V9.50002C29.9995%209.321%2029.9515%209.14527%2029.8603%208.99118C29.7692%208.83709%2029.6384%208.71029%2029.4815%208.62402ZM18.9996%205.14162L26.9244%209.50002L18.9996%2013.8584L11.0748%209.50002L18.9996%205.14162ZM27.9996%2021.9087L19.9996%2026.3087V15.5913L27.9996%2011.1913V21.9087Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2%2016L10%2016V14H2V16Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M4%2024H12V22H4V24Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M6%2020H14V18H6V20Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12861%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.location:before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12867%29%22%3E%20%3Cpath%20d%3D%22M16.0009%2024L9.91095%2015.4C8.91413%2014.2231%208.27219%2012.7872%208.0599%2011.2595C7.84761%209.73183%208.07371%208.17529%208.71185%206.77115C9.35%205.36702%2010.3739%204.17308%2011.6644%203.32839C12.9549%202.4837%2014.4588%202.02302%2016.0009%202C18.1387%202.02113%2020.1809%202.88859%2021.6804%204.41241C23.1798%205.93623%2024.0143%207.99219%2024.0009%2010.13C24.0018%2011.9949%2023.3669%2013.8044%2022.2009%2015.26L16.0009%2024ZM16.0009%204C14.3928%204.01847%2012.8577%204.67438%2011.7328%205.82371C10.6078%206.97303%209.98494%208.52183%2010.0009%2010.13C10.0076%2011.5978%2010.5357%2013.0155%2011.4909%2014.13L16.0009%2020.52L20.6309%2014C21.511%2012.9014%2021.9938%2011.5376%2022.0009%2010.13C22.017%208.52183%2021.3941%206.97303%2020.2691%205.82371C19.1442%204.67438%2017.6091%204.01847%2016.0009%204Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M16%2011C17.1046%2011%2018%2010.1046%2018%209C18%207.89543%2017.1046%207%2016%207C14.8954%207%2014%207.89543%2014%209C14%2010.1046%2014.8954%2011%2016%2011Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H26V14H28V28H4V14H6V12H4C3.46957%2012%202.96086%2012.2107%202.58579%2012.5858C2.21071%2012.9609%202%2013.4696%202%2014V28C2%2028.5304%202.21071%2029.0391%202.58579%2029.4142C2.96086%2029.7893%203.46957%2030%204%2030H28C28.5304%2030%2029.0391%2029.7893%2029.4142%2029.4142C29.7893%2029.0391%2030%2028.5304%2030%2028V14C30%2013.4696%2029.7893%2012.9609%2029.4142%2012.5858C29.0391%2012.2107%2028.5304%2012%2028%2012Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12867%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
    .comp-ui-06 .c-wrapper .c-container {
      width: 965px; }
      .comp-ui-06 .c-wrapper .c-container .searchContainer .c-item-01 {
        width: 325px;
        height: 52px;
        padding: 16px 16px 16px 44px;
        border-radius: 4px;
        border: 1px solid #D5D5D6; }
      .comp-ui-06 .c-wrapper .c-container .searchContainer:before {
        content: '';
        position: absolute;
        top: 16px;
        left: 16px;
        display: block;
        width: 20px;
        height: 20px;
        z-index: 99;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); } }
@media all and (min-width: 1680px) {
  .comp-ui-06 .c-wrapper {
    display: flex;
    flex-wrap: wrap; }
    .comp-ui-06 .c-wrapper .c-row-01 {
      width: 100%;
      margin-bottom: 40px; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 {
        display: flex;
        align-items: center;
        padding: 20px;
        border-radius: 8px 8px 0 0;
        background: #E9EBF1; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-A {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 88px;
          height: 88px;
          border-radius: 100px;
          margin-right: 20px;
          background-color: #324277;
          color: #FFF;
          font-family: 'Inter';
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-02 {
          margin-top: 4px;
          color: #373738;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -0.12px; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 {
          display: flex;
          margin-top: 24px; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 4px;
            border-radius: 4px;
            padding: 4px 6px;
            font-family: 'Inter';
            font-size: 10px;
            font-style: normal;
            font-weight: 600;
            line-height: normal; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.authorized {
              color: #4A90E2;
              background: #F3FBFF; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.formal {
              color: #B13834;
              background: #FCF3F2; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-B .c-item-03 .c-unit-01.fast {
              color: #5D2D74;
              background: #FAF3FB; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-01 .c-container-01-C {
          display: none; }
      .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 {
        display: flex;
        justify-content: space-between;
        padding: 8px 20px;
        border-radius: 0 0 8px 8px;
        border-right: #E9EBF1;
        border-bottom: #E9EBF1;
        border-left: 1px solid #E9EBF1;
        background: #FFF; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 {
          display: flex; }
          .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01 {
            padding: 12px;
            color: #171718;
            font-family: 'Inter';
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 17px;
            cursor: pointer; }
            .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-01 .c-unit-01.active {
              border-bottom: 2px solid #171718; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02 .c-unit-01 {
          width: 325px;
          height: 52px;
          padding: 16px 16px 16px 44px;
          border-radius: 4px;
          border: 1px solid #D5D5D6; }
        .comp-ui-06 .c-wrapper .c-row-01 .c-container-02 .c-item-02:before {
          content: '';
          position: absolute;
          top: 16px;
          left: 16px;
          display: block;
          width: 20px;
          height: 20px;
          z-index: 99;
          background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
    .comp-ui-06 .c-wrapper .c-row-03 {
      width: 100%;
      display: flex;
      gap: 20px; }
      .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 {
        display: flex;
        justify-content: space-between;
        flex: 1;
        border-radius: 8px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        padding: 20px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          opacity: 0.7; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-01 .c-unit-02 {
          margin-top: 8px;
          color: #171718;
          font-family: 'Inter';
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 26px; }
        .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 60px;
          height: 60px;
          border-radius: 4px;
          background: #E9EBF1; }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.time:before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12855%29%22%3E%20%3Cpath%20d%3D%22M26%204H22V2H20V4H12V2H10V4H6C4.9%204%204%204.9%204%206V26C4%2027.1%204.9%2028%206%2028H26C27.1%2028%2028%2027.1%2028%2026V6C28%204.9%2027.1%204%2026%204ZM26%2026H6V12H26V26ZM26%2010H6V6H10V8H12V6H20V8H22V6H26V10Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12855%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.average:before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12861%29%22%3E%20%3Cpath%20d%3D%22M29.4815%208.62402L19.4815%203.12402C19.3338%203.04282%2019.1681%203.00024%2018.9996%203.00024C18.8311%203.00024%2018.6653%203.04282%2018.5177%203.12402L8.51769%208.62402C8.3609%208.71034%208.23016%208.83717%208.1391%208.99125C8.04804%209.14534%208%209.32104%208%209.50002C8%209.679%208.04804%209.8547%208.1391%2010.0088C8.23016%2010.1629%208.3609%2010.2897%208.51769%2010.376L17.9996%2015.5913V26.3086L14.9634%2024.6393L13.9996%2026.3912L18.5177%2028.876C18.6653%2028.9574%2018.8311%2029%2018.9996%2029C19.1681%2029%2019.3339%2028.9574%2019.4815%2028.876L29.4815%2023.376C29.6384%2023.2897%2029.7692%2023.1629%2029.8603%2023.0089C29.9515%2022.8548%2029.9995%2022.679%2029.9996%2022.5V9.50002C29.9995%209.321%2029.9515%209.14527%2029.8603%208.99118C29.7692%208.83709%2029.6384%208.71029%2029.4815%208.62402ZM18.9996%205.14162L26.9244%209.50002L18.9996%2013.8584L11.0748%209.50002L18.9996%205.14162ZM27.9996%2021.9087L19.9996%2026.3087V15.5913L27.9996%2011.1913V21.9087Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2%2016L10%2016V14H2V16Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M4%2024H12V22H4V24Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M6%2020H14V18H6V20Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12861%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
          .comp-ui-06 .c-wrapper .c-row-03 .c-container-01 .c-item-02.location:before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_38_12867%29%22%3E%20%3Cpath%20d%3D%22M16.0009%2024L9.91095%2015.4C8.91413%2014.2231%208.27219%2012.7872%208.0599%2011.2595C7.84761%209.73183%208.07371%208.17529%208.71185%206.77115C9.35%205.36702%2010.3739%204.17308%2011.6644%203.32839C12.9549%202.4837%2014.4588%202.02302%2016.0009%202C18.1387%202.02113%2020.1809%202.88859%2021.6804%204.41241C23.1798%205.93623%2024.0143%207.99219%2024.0009%2010.13C24.0018%2011.9949%2023.3669%2013.8044%2022.2009%2015.26L16.0009%2024ZM16.0009%204C14.3928%204.01847%2012.8577%204.67438%2011.7328%205.82371C10.6078%206.97303%209.98494%208.52183%2010.0009%2010.13C10.0076%2011.5978%2010.5357%2013.0155%2011.4909%2014.13L16.0009%2020.52L20.6309%2014C21.511%2012.9014%2021.9938%2011.5376%2022.0009%2010.13C22.017%208.52183%2021.3941%206.97303%2020.2691%205.82371C19.1442%204.67438%2017.6091%204.01847%2016.0009%204Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M16%2011C17.1046%2011%2018%2010.1046%2018%209C18%207.89543%2017.1046%207%2016%207C14.8954%207%2014%207.89543%2014%209C14%2010.1046%2014.8954%2011%2016%2011Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H26V14H28V28H4V14H6V12H4C3.46957%2012%202.96086%2012.2107%202.58579%2012.5858C2.21071%2012.9609%202%2013.4696%202%2014V28C2%2028.5304%202.21071%2029.0391%202.58579%2029.4142C2.96086%2029.7893%203.46957%2030%204%2030H28C28.5304%2030%2029.0391%2029.7893%2029.4142%2029.4142C29.7893%2029.0391%2030%2028.5304%2030%2028V14C30%2013.4696%2029.7893%2012.9609%2029.4142%2012.5858C29.0391%2012.2107%2028.5304%2012%2028%2012Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_38_12867%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
    .comp-ui-06 .c-wrapper .c-container {
      width: 965px; }
      .comp-ui-06 .c-wrapper .c-container .searchContainer .c-item-01 {
        width: 325px;
        height: 52px;
        padding: 16px 16px 16px 44px;
        border-radius: 4px;
        border: 1px solid #D5D5D6; }
      .comp-ui-06 .c-wrapper .c-container .searchContainer:before {
        content: '';
        position: absolute;
        top: 16px;
        left: 16px;
        display: block;
        width: 20px;
        height: 20px;
        z-index: 99;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_11_234%29%22%3E%20%3Cpath%20d%3D%22M18.125%2017.2411L13.405%2012.521C14.5392%2011.1594%2015.1047%209.41288%2014.984%207.64485C14.8633%205.87682%2014.0657%204.22339%2012.7569%203.02851C11.4482%201.83363%209.72922%201.1893%207.95753%201.22956C6.18584%201.26982%204.49788%201.99157%203.24479%203.24467C1.99169%204.49776%201.26994%206.18572%201.22968%207.95741C1.18942%209.7291%201.83375%2011.4481%203.02863%2012.7568C4.22351%2014.0655%205.87695%2014.8632%207.64498%2014.9839C9.413%2015.1046%2011.1595%2014.539%2012.5212%2013.4048L17.2412%2018.1249L18.125%2017.2411ZM2.50003%208.1249C2.50003%207.01238%202.82993%205.92485%203.44801%204.99982C4.06609%204.0748%204.9446%203.35382%205.97243%202.92808C7.00027%202.50234%208.13127%202.39094%209.22241%202.60799C10.3136%202.82503%2011.3158%203.36076%2012.1025%204.14743C12.8892%204.9341%2013.4249%205.93638%2013.6419%207.02752C13.859%208.11866%2013.7476%209.24966%2013.3218%2010.2775C12.8961%2011.3053%2012.1751%2012.1838%2011.2501%2012.8019C10.3251%2013.42%209.23755%2013.7499%208.12503%2013.7499C6.63369%2013.7483%205.20391%2013.1551%204.14938%2012.1006C3.09484%2011.046%202.50168%209.61624%202.50003%208.1249Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_11_234%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); } }

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