@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: #f5f6f9; }

  .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-item-01 {
      width: 100%; }
  .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%); }

  .comp-ui-70 {
    width: 100%;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 32px 0px 48px 0px;
    background: #F5F6F9; }
    .comp-ui-70 .c-container-01 {
      border-radius: 999px;
      background: #fff;
      width: 72px;
      height: 72px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .comp-ui-70 .c-container-01:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%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_40_4513%29%22%3E%20%3Cpath%20d%3D%22M11%2012.75H5V14.25H11V12.75Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2.75%2014.25C3.16421%2014.25%203.5%2013.9142%203.5%2013.5C3.5%2013.0858%203.16421%2012.75%202.75%2012.75C2.33579%2012.75%202%2013.0858%202%2013.5C2%2013.9142%202.33579%2014.25%202.75%2014.25Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M10.25%2011.25C10.6642%2011.25%2011%2010.9142%2011%2010.5C11%2010.0858%2010.6642%209.75%2010.25%209.75C9.83579%209.75%209.5%2010.0858%209.5%2010.5C9.5%2010.9142%209.83579%2011.25%2010.25%2011.25Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M8%209.75H2V11.25H8V9.75Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M11%206.75H5V8.25H11V6.75Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2.75%208.25C3.16421%208.25%203.5%207.91421%203.5%207.5C3.5%207.08579%203.16421%206.75%202.75%206.75C2.33579%206.75%202%207.08579%202%207.5C2%207.91421%202.33579%208.25%202.75%208.25Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M22.9996%2021.45L17.4496%2015.9C18.5746%2014.4%2019.2496%2012.525%2019.2496%2010.5C19.2496%205.55%2015.1996%201.5%2010.2496%201.5C7.77461%201.5%205.44961%202.475%203.72461%204.35L4.84961%205.4C6.19961%203.825%208.14961%203%2010.2496%203C14.3746%203%2017.7496%206.375%2017.7496%2010.5C17.7496%2014.625%2014.3746%2018%2010.2496%2018C7.99961%2018%205.89961%2017.025%204.47461%2015.3L3.34961%2016.275C4.99961%2018.3%207.54961%2019.5%2010.2496%2019.5C12.6496%2019.5%2014.8246%2018.525%2016.4746%2017.025L21.9496%2022.5L22.9996%2021.45Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_40_4513%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
    .comp-ui-70 .c-container-02 {
      color: #1F2E5C;
      text-align: center;
      font-family: 'Inter';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      margin-top: 20px;
      width: 335px; }
    .comp-ui-70 .c-container-03 {
      color: #1F2E5C;
      text-align: center;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      margin-top: 12px;
      width: 310px; } }
@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: #f5f6f9; }

  .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-item-01 {
      width: 100%; }
  .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%); }

  .comp-ui-70 {
    width: 100%;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 32px 0px 48px 0px;
    background: #F5F6F9; }
    .comp-ui-70 .c-container-01 {
      border-radius: 999px;
      background: #fff;
      width: 72px;
      height: 72px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .comp-ui-70 .c-container-01:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%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_40_4513%29%22%3E%20%3Cpath%20d%3D%22M11%2012.75H5V14.25H11V12.75Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2.75%2014.25C3.16421%2014.25%203.5%2013.9142%203.5%2013.5C3.5%2013.0858%203.16421%2012.75%202.75%2012.75C2.33579%2012.75%202%2013.0858%202%2013.5C2%2013.9142%202.33579%2014.25%202.75%2014.25Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M10.25%2011.25C10.6642%2011.25%2011%2010.9142%2011%2010.5C11%2010.0858%2010.6642%209.75%2010.25%209.75C9.83579%209.75%209.5%2010.0858%209.5%2010.5C9.5%2010.9142%209.83579%2011.25%2010.25%2011.25Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M8%209.75H2V11.25H8V9.75Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M11%206.75H5V8.25H11V6.75Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M2.75%208.25C3.16421%208.25%203.5%207.91421%203.5%207.5C3.5%207.08579%203.16421%206.75%202.75%206.75C2.33579%206.75%202%207.08579%202%207.5C2%207.91421%202.33579%208.25%202.75%208.25Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3Cpath%20d%3D%22M22.9996%2021.45L17.4496%2015.9C18.5746%2014.4%2019.2496%2012.525%2019.2496%2010.5C19.2496%205.55%2015.1996%201.5%2010.2496%201.5C7.77461%201.5%205.44961%202.475%203.72461%204.35L4.84961%205.4C6.19961%203.825%208.14961%203%2010.2496%203C14.3746%203%2017.7496%206.375%2017.7496%2010.5C17.7496%2014.625%2014.3746%2018%2010.2496%2018C7.99961%2018%205.89961%2017.025%204.47461%2015.3L3.34961%2016.275C4.99961%2018.3%207.54961%2019.5%2010.2496%2019.5C12.6496%2019.5%2014.8246%2018.525%2016.4746%2017.025L21.9496%2022.5L22.9996%2021.45Z%22%20fill%3D%22%231F2E5C%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_40_4513%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
    .comp-ui-70 .c-container-02 {
      color: #1F2E5C;
      text-align: center;
      font-family: 'Inter';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      margin-top: 20px;
      width: 335px; }
    .comp-ui-70 .c-container-03 {
      color: #1F2E5C;
      text-align: center;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      margin-top: 12px;
      width: 310px; } }
@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 .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 .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-container {
    width: 965px; }
    .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"); } }
@media all and (min-width: 1680px) {
  .comp-ui-06 .c-container {
    width: 965px; }
    .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"); } }

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