@media all and (max-width: 414px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    border-radius: 0; }
    .aside-ui-01 > section:not(:first-child) {
      display: none; }

  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
      display: none;
      content: "";
      position: absolute;
      left: 0;
      top: calc(50% - 12px);
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
      display: flex;
      justify-content: space-between;
      width: 200%;
      height: 100%; }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
            padding: 16px 0;
            border-bottom: 1px solid #F0F0F2; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
              font-weight: 500;
              font-size: 15px;
              line-height: 18px;
              letter-spacing: -0.01em;
              color: #171718;
              margin-bottom: 4px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
              font-weight: 600;
              font-size: 12px;
              line-height: 15px;
              color: #5388B6; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
              content: "";
              position: absolute;
              top: calc(50% - 8px);
              right: 0;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              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%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
          padding: 20px;
          margin-bottom: 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
            width: 100%;
            padding: 16px 0 16px 48px;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A;
            border: 1px solid #E6E6E7; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
            margin-right: 12px;
            content: "";
            position: absolute;
            top: 34px;
            left: 36px;
            width: 20px;
            background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
            height: 20px;
            background-repeat: no-repeat;
            object-fit: cover;
            object-position: center; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
          display: flex;
          flex-direction: column;
          padding: 0 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
            border-bottom: 1px solid #E6E6E7;
            display: flex;
            height: 49px;
            padding: 16px 0 16px 0px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
          display: flex;
          justify-content: space-between;
          padding: 20px;
          margin-bottom: 20px;
          align-items: center; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
            position: absolute;
            left: calc(50% - 5.5px);
            top: calc(50% + 9.5px);
            width: 11px;
            height: 1px;
            background: #68686A; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 35px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 0; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
            display: none; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
            height: 49px;
            padding: 16px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
          display: flex;
          flex-direction: column;
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
            display: flex;
            height: 49px;
            padding: 16px 0; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
              margin-right: 12px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
      display: none;
      justify-content: center;
      align-items: center;
      margin-right: 8px;
      padding: 15px 25px 16px 25px;
      background-color: #F0F0F2;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
      width: 100%;
      padding: 15px 0 16px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
      display: none;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 15px 0 16px 0;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
      .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3.disabled {
        background: #D5D5D6;
        color: #68686A;
        pointer-events: none; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
      padding-left: 36px; }
      .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
        display: block; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    border-radius: 0; }
    .aside-ui-01 > section:not(:first-child) {
      display: none; }

  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
      display: none;
      content: "";
      position: absolute;
      left: 0;
      top: calc(50% - 12px);
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
      display: flex;
      justify-content: space-between;
      width: 200%;
      height: 100%; }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
            padding: 16px 0;
            border-bottom: 1px solid #F0F0F2; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
              font-weight: 500;
              font-size: 15px;
              line-height: 18px;
              letter-spacing: -0.01em;
              color: #171718;
              margin-bottom: 4px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
              font-weight: 600;
              font-size: 12px;
              line-height: 15px;
              color: #5388B6; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
              content: "";
              position: absolute;
              top: calc(50% - 8px);
              right: 0;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              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%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
          padding: 20px;
          margin-bottom: 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
            width: 100%;
            padding: 16px 0 16px 48px;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A;
            border: 1px solid #E6E6E7; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
            margin-right: 12px;
            content: "";
            position: absolute;
            top: 34px;
            left: 36px;
            width: 20px;
            background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
            height: 20px;
            background-repeat: no-repeat;
            object-fit: cover;
            object-position: center; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
          display: flex;
          flex-direction: column;
          padding: 0 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
            border-bottom: 1px solid #E6E6E7;
            display: flex;
            height: 49px;
            padding: 16px 0 16px 0px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
          display: flex;
          justify-content: space-between;
          padding: 20px;
          margin-bottom: 20px;
          align-items: center; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
            position: absolute;
            left: calc(50% - 5.5px);
            top: calc(50% + 9.5px);
            width: 11px;
            height: 1px;
            background: #68686A; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 35px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 0; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
            display: none; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
            height: 49px;
            padding: 16px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
          display: flex;
          flex-direction: column;
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
            display: flex;
            height: 49px;
            padding: 16px 0; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
              margin-right: 12px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
      display: none;
      justify-content: center;
      align-items: center;
      margin-right: 8px;
      padding: 15px 25px 16px 25px;
      background-color: #F0F0F2;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
      width: 100%;
      padding: 15px 0 16px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
      display: none;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 15px 0 16px 0;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
      .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3.disabled {
        background: #D5D5D6;
        color: #68686A;
        pointer-events: none; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
      padding-left: 36px; }
      .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
        display: block; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 0;
    margin-bottom: 20px;
    width: 100vw;
    margin-left: calc(352px - 50vw);
    margin-right: calc(352px - 50vw); }
    .aside-ui-01 .filter-ui-01 {
      padding: 20px 20px 0 0; }
      .aside-ui-01 .filter-ui-01 .c-item-01 {
        margin-left: calc(50vw - 352px);
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: -0.01em;
        font-feature-settings: 'salt' on;
        /* Primary / 900 */
        color: #1F2E5C; }
      .aside-ui-01 .filter-ui-01 .c-item-02 {
        margin-left: calc(50vw - 352px);
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        /* identical to box height */
        /* Black & White/600 */
        color: #68686A; }
      .aside-ui-01 .filter-ui-01 .c-item-03 {
        margin-left: calc(50vw - 352px);
        display: flex;
        justify-content: unset; }
        .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-01 {
          width: 164px;
          height: 40px;
          margin-right: 7px; }
        .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 {
          width: 164px;
          height: 40px; }
          .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 > span {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            /* identical to box height */
            letter-spacing: -0.01em;
            /* Black & White/900 */
            color: #171718; }
    .aside-ui-01 > section:not(:first-child) {
      display: none; }

  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
      display: none;
      content: "";
      position: absolute;
      left: 0;
      top: calc(50% - 12px);
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
      display: flex;
      justify-content: space-between;
      width: 200%;
      height: 100%; }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
            padding: 16px 0;
            border-bottom: 1px solid #F0F0F2; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
              font-weight: 500;
              font-size: 15px;
              line-height: 18px;
              letter-spacing: -0.01em;
              color: #171718;
              margin-bottom: 4px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
              font-weight: 600;
              font-size: 12px;
              line-height: 15px;
              color: #5388B6; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
              content: "";
              position: absolute;
              top: calc(50% - 8px);
              right: 0;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              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%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
          padding: 20px;
          margin-bottom: 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
            width: 100%;
            padding: 16px 0 16px 48px;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A;
            border: 1px solid #E6E6E7; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
            margin-right: 12px;
            content: "";
            position: absolute;
            top: 34px;
            left: 36px;
            width: 20px;
            background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
            height: 20px;
            background-repeat: no-repeat;
            object-fit: cover;
            object-position: center; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
          display: flex;
          flex-direction: column; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
            display: flex;
            height: 49px;
            padding: 16px 0 16px 20px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
          display: flex;
          justify-content: space-between;
          padding: 20px;
          margin-bottom: 20px;
          align-items: center; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
            position: absolute;
            left: calc(50% - 5.5px);
            top: calc(50% + 9.5px);
            width: 11px;
            height: 1px;
            background: #68686A; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 35px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 0; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
            display: none; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
            height: 49px;
            padding: 16px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
          display: flex;
          flex-direction: column;
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
            display: flex;
            height: 49px;
            padding: 16px 0; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
              margin-right: 12px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
      display: none;
      justify-content: center;
      align-items: center;
      margin-right: 8px;
      padding: 15px 25px 16px 25px;
      background-color: #F0F0F2;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
      width: 100%;
      padding: 15px 0 16px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
      display: none;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 15px 0 16px 0;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px; }
    .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
      padding-left: 36px; }
      .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
        display: block; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 0;
    margin-bottom: 20px;
    width: 100vw;
    margin-left: calc(352px - 50vw);
    margin-right: calc(352px - 50vw); }
    .aside-ui-01 .filter-ui-01 {
      padding: 20px 20px 0 0; }
      .aside-ui-01 .filter-ui-01 .c-item-01 {
        margin-left: calc(50vw - 352px);
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: -0.01em;
        font-feature-settings: 'salt' on;
        /* Primary / 900 */
        color: #1F2E5C; }
      .aside-ui-01 .filter-ui-01 .c-item-02 {
        margin-left: calc(50vw - 352px);
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        /* identical to box height */
        /* Black & White/600 */
        color: #68686A; }
      .aside-ui-01 .filter-ui-01 .c-item-03 {
        margin-left: calc(50vw - 352px);
        display: flex;
        justify-content: unset; }
        .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-01 {
          width: 164px;
          height: 40px;
          margin-right: 7px; }
        .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 {
          width: 164px;
          height: 40px; }
          .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 > span {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            /* identical to box height */
            letter-spacing: -0.01em;
            /* Black & White/900 */
            color: #171718; }
    .aside-ui-01 > section:not(:first-child) {
      display: none; }

  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
      display: none;
      content: "";
      position: absolute;
      left: 0;
      top: calc(50% - 12px);
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
      display: flex;
      justify-content: space-between;
      width: 200%;
      height: 100%; }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
            padding: 16px 0;
            border-bottom: 1px solid #F0F0F2; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
              font-weight: 500;
              font-size: 15px;
              line-height: 18px;
              letter-spacing: -0.01em;
              color: #171718;
              margin-bottom: 4px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
              font-weight: 600;
              font-size: 12px;
              line-height: 15px;
              color: #5388B6; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
              content: "";
              position: absolute;
              top: calc(50% - 8px);
              right: 0;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              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%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
      .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
          padding: 20px;
          margin-bottom: 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
            width: 100%;
            padding: 16px 0 16px 48px;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A;
            border: 1px solid #E6E6E7; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
            margin-right: 12px;
            content: "";
            position: absolute;
            top: 34px;
            left: 36px;
            width: 20px;
            background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
            height: 20px;
            background-repeat: no-repeat;
            object-fit: cover;
            object-position: center; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
          display: flex;
          flex-direction: column; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
            display: flex;
            height: 49px;
            padding: 16px 0 16px 20px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
          display: flex;
          justify-content: space-between;
          padding: 20px;
          margin-bottom: 20px;
          align-items: center; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
            position: absolute;
            left: calc(50% - 5.5px);
            top: calc(50% + 9.5px);
            width: 11px;
            height: 1px;
            background: #68686A; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 35px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
            border: 1px solid #E6E6E7;
            box-sizing: border-box;
            border-radius: 4px;
            width: 150px;
            height: 48px;
            padding: 16px 0 16px 16px;
            margin-right: 0; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
            display: none; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
            height: 49px;
            padding: 16px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
        .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
          display: flex;
          flex-direction: column;
          padding: 20px 20px 0 20px; }
          .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
            display: flex;
            height: 49px;
            padding: 16px 0; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
              margin-right: 12px; }
            .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #171718; }
              .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #68686A; }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
      display: none;
      justify-content: center;
      align-items: center;
      margin-right: 8px;
      padding: 15px 25px 16px 25px;
      background-color: #F0F0F2;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #171718; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
      width: 100%;
      padding: 15px 0 16px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
    .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
      display: none;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 15px 0 16px 0;
      background-color: #425993;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px; }
    .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
      padding-left: 36px; }
      .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
        display: block; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important; }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex; }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .aside-ui-01 {
    display: block !important;
    width: 260px;
    position: sticky;
    top: 24px;
    margin-bottom: 20px;
    max-height: calc(75vh - 48px);
    overflow-y: auto;
    margin-right: 12px; }
    .aside-ui-01 .filter-max-height {
      max-height: 224px;
      overflow-y: auto;
      display: block; }

  .aside-ui-01::-webkit-scrollbar, .aside-ui-01 .filter-max-height::-webkit-scrollbar {
    width: 5px; }
  .aside-ui-01::-webkit-scrollbar-thumb, .aside-ui-01 .filter-max-height::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 2px;
    background-color: #D5D5D6; }

  #mobile-textbox-seperator {
    display: none; } }
@media all and (min-width: 1680px) {
  .aside-ui-01 {
    display: block !important;
    width: 260px;
    position: sticky;
    top: 24px;
    margin-bottom: 20px;
    max-height: calc(75vh - 48px);
    overflow-y: auto;
    margin-right: 12px; }
    .aside-ui-01 .filter-max-height {
      max-height: 224px;
      overflow-y: auto;
      display: block; }

  .aside-ui-01::-webkit-scrollbar, .aside-ui-01 .filter-max-height::-webkit-scrollbar {
    width: 5px; }
  .aside-ui-01::-webkit-scrollbar-thumb, .aside-ui-01 .filter-max-height::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 2px;
    background-color: #D5D5D6; }

  #mobile-textbox-seperator {
    display: none; } }
.basket-ui-01 {
  width: 100%;
  background-color: #FFF; }
  .basket-ui-01 .c-item-01 {
    margin-bottom: 40px; }
  .basket-ui-01 .c-item-02 .c-item-02-A {
    padding: 16px 0;
    border-bottom: 1px solid #F0F0F2;
    display: flex; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-01 {
      margin-right: 12px;
      width: 72px;
      height: 72px;
      background: #FFFFFF;
      border: 1px solid #E6E6E7;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-01 img {
        max-height: 56px;
        max-width: 56px; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 {
      max-width: 268px; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
        margin-bottom: 4px; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-B {
        margin-bottom: 12px; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
        display: none; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-03 {
      position: absolute;
      right: 0;
      top: calc(50% - 16px); }
  .basket-ui-01 .c-item-03 .c-item-03-A {
    margin: 24px 0 8px 0; }
  .basket-ui-01 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #EFE5F0;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E;
    transition: background-color 0.3s, box-shadow 0.3s; }
    .basket-ui-01 .basket-lnk-btn-01.disabled {
      opacity: 0.4;
      pointer-events: none; }
    .basket-ui-01 .basket-lnk-btn-01 :hover {
      background-color: #3B518B; }
  .basket-ui-01 .basket-lnk-btn-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF; }
    .basket-ui-01 .basket-lnk-btn-02.disabled {
      opacity: 0.4;
      pointer-events: none; }

.basket-ui-02 .basket-lnk-btn-01.off, .basket-ui-03 .basket-lnk-btn-01.off, .basket-ui-04 .basket-lnk-btn-01.off {
  cursor: default;
  background-color: #E9EBF1;
  color: #909091; }
  .basket-ui-02 .basket-lnk-btn-01.off:hover, .basket-ui-03 .basket-lnk-btn-01.off:hover, .basket-ui-04 .basket-lnk-btn-01.off:hover {
    background-color: #E9EBF1 !important; }
.basket-ui-02 .basket-lnk-btn-01.disabled, .basket-ui-03 .basket-lnk-btn-01.disabled, .basket-ui-04 .basket-lnk-btn-01.disabled {
  opacity: 0.4;
  pointer-events: none; }
.basket-ui-02 .basket-lnk-btn-01.light-loader, .basket-ui-03 .basket-lnk-btn-01.light-loader, .basket-ui-04 .basket-lnk-btn-01.light-loader {
  min-width: auto !important; }
.basket-ui-02 .basket-lnk-btn-01.dark-loader, .basket-ui-03 .basket-lnk-btn-01.dark-loader, .basket-ui-04 .basket-lnk-btn-01.dark-loader {
  min-width: auto !important; }
.basket-ui-02 .basket-lnk-btn-loader, .basket-ui-03 .basket-lnk-btn-loader, .basket-ui-04 .basket-lnk-btn-loader {
  display: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #171718; }

/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
@media all and (max-width: 414px) {
  .basket-ui-01 {
    padding: 0 20px; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
      margin-bottom: 2px; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 125px;
      height: 36px;
      margin-bottom: 15px;
      background: #FFFFFF; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03.v1 {
        margin-top: 20px; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B input[type=text] {
          width: 100%;
          text-align: center;
          font-weight: 600; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-A, .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-C {
        margin: 0 !important;
        width: 36px;
        height: 36px;
        background: #E9EBF1;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-03 {
      display: none; }

  .basket-ui-02 {
    margin-top: 81px;
    width: calc(100% - 40px) !important; }
    .basket-ui-02 .c-item-01 {
      margin-bottom: 20px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-02 .c-item-02 {
      margin-top: 20px; }
      .basket-ui-02 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-02 .c-item-02 .c-unit-03 {
        display: block !important; }
        .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          color: #171718; }
        .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #555556; }
    .basket-ui-02 .c-item-03 {
      margin-top: 10px !important; }
    .basket-ui-02 .c-item-04 .c-unit-01 {
      margin-bottom: 8px; }
    .basket-ui-02 .c-item-04 > :last-child {
      margin-bottom: 0; }
    .basket-ui-02 .c-item-07 {
      border-radius: 4px;
      background: #F1F9E9;
      padding: 12px 12px 16px 12px;
      margin-top: 16px; }
      .basket-ui-02 .c-item-07 .c-unit-01 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px; }
        .basket-ui-02 .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: 600;
          line-height: normal; }
          .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
            margin-left: 4px; }
        .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
          color: #214F12;
          text-align: right;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
    .basket-ui-02 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-02 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }

  .basket-ui-03 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between; }
    .basket-ui-03 .c-item-01 {
      padding: 0 24px 24px 24px; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        color: #171718;
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-01 .c-unit-02 {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.01em;
        color: #000000; }
    .basket-ui-03 .c-item-02 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-03 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-03 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-03 .c-item-04 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-03 .c-item-05 {
      display: none; }
    .basket-ui-03 .c-item-06 {
      display: none;
      margin: 16px 0 16px 0; }
    .basket-ui-03 .c-item-08 {
      display: none; }
    .basket-ui-03 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 56.4%;
      padding: 0;
      height: 54px;
      margin: 0 !important;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-03 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
    .basket-ui-03 .as-chk-A label {
      align-items: center; }
      .basket-ui-03 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-03 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-03 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    gap: 5px;
    z-index: 1; }
    .basket-ui-04 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 24px 24px 24px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        margin: 24px 0; }
      .basket-ui-04 .c-item-01 .c-unit-04 {
        display: none; }
      .basket-ui-04 .c-item-01 .c-unit-05 {
        display: none; }
    .basket-ui-04 .c-item-02 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-04 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-04 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-04 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-04 .c-item-07 {
      display: none; }
    .basket-ui-04 .c-item-08 {
      display: none; }
    .basket-ui-04 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-04 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
        display: block;
        position: absolute;
        right: 20px;
        bottom: 15px; }
    .basket-ui-04 .as-chk-A label {
      align-items: center; }
      .basket-ui-04 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-04 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-04 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04.createProfile .basket-lnk-btn-01 {
      width: 100%; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .basket-ui-01 {
    padding: 0 20px; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
      margin-bottom: 2px; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 125px;
      height: 36px;
      margin-bottom: 15px;
      background: #FFFFFF; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03.v1 {
        margin-top: 20px; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B input[type=text] {
          width: 100%;
          text-align: center;
          font-weight: 600; }
      .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-A, .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-C {
        margin: 0 !important;
        width: 36px;
        height: 36px;
        background: #E9EBF1;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-03 {
      display: none; }

  .basket-ui-02 {
    margin-top: 81px;
    width: calc(100% - 40px) !important; }
    .basket-ui-02 .c-item-01 {
      margin-bottom: 20px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-02 .c-item-02 {
      margin-top: 20px; }
      .basket-ui-02 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-02 .c-item-02 .c-unit-03 {
        display: block !important; }
        .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          color: #171718; }
        .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #555556; }
    .basket-ui-02 .c-item-03 {
      margin-top: 10px !important; }
    .basket-ui-02 .c-item-04 .c-unit-01 {
      margin-bottom: 8px; }
    .basket-ui-02 .c-item-04 > :last-child {
      margin-bottom: 0; }
    .basket-ui-02 .c-item-07 {
      border-radius: 4px;
      background: #F1F9E9;
      padding: 12px 12px 16px 12px;
      margin-top: 16px; }
      .basket-ui-02 .c-item-07 .c-unit-01 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px; }
        .basket-ui-02 .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: 600;
          line-height: normal; }
          .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
            margin-left: 4px; }
        .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
          color: #214F12;
          text-align: right;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
    .basket-ui-02 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-02 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }

  .basket-ui-03 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between; }
    .basket-ui-03 .c-item-01 {
      padding: 0 24px 24px 24px; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        color: #171718;
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-01 .c-unit-02 {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.01em;
        color: #000000; }
    .basket-ui-03 .c-item-02 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-03 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-03 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-03 .c-item-04 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-03 .c-item-05 {
      display: none; }
    .basket-ui-03 .c-item-06 {
      display: none;
      margin: 16px 0 16px 0; }
    .basket-ui-03 .c-item-08 {
      display: none; }
    .basket-ui-03 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 56.4%;
      padding: 0;
      height: 54px;
      margin: 0 !important;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-03 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
    .basket-ui-03 .as-chk-A label {
      align-items: center; }
      .basket-ui-03 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-03 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-03 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    gap: 5px;
    z-index: 1; }
    .basket-ui-04 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 24px 24px 24px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        margin: 24px 0; }
      .basket-ui-04 .c-item-01 .c-unit-04 {
        display: none; }
      .basket-ui-04 .c-item-01 .c-unit-05 {
        display: none; }
    .basket-ui-04 .c-item-02 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-04 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-04 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-04 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-04 .c-item-07 {
      display: none; }
    .basket-ui-04 .c-item-08 {
      display: none; }
    .basket-ui-04 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-04 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
        display: block;
        position: absolute;
        right: 20px;
        bottom: 15px; }
    .basket-ui-04 .as-chk-A label {
      align-items: center; }
      .basket-ui-04 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-04 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-04 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04.createProfile .basket-lnk-btn-01 {
      width: 100%; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
    margin-bottom: 2px; }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
    display: none; }

  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .basket-ui-02 .c-item-01 {
      margin-bottom: 20px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-02 .c-item-02 {
      display: block !important;
      margin-top: 20px; }
      .basket-ui-02 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-02 .c-item-02 .c-unit-03 {
        display: block !important; }
        .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          color: #171718; }
        .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #555556; }
    .basket-ui-02 .c-item-03 {
      margin: 20px 0 24px 0; }
    .basket-ui-02 .c-item-04 .c-unit-01 {
      margin-bottom: 8px; }
    .basket-ui-02 .c-item-04 > :last-child {
      margin-bottom: 0; }
    .basket-ui-02 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-02 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }

  .basket-ui-03 {
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px 32px 56px 0;
    background: #FFFFFF; }
    .basket-ui-03 .c-item-01 {
      /*margin-bottom: 24px;*/
      padding: 0 24px 24px 24px; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-03 .c-item-02 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-03 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-03 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-03 .c-item-04 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-03 .c-item-06 {
      margin: 37px 0 48px 0; }
    .basket-ui-03 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px 24px 16px 24px;
      margin: 0;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-03 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
    .basket-ui-03 .as-chk-A label {
      align-items: center; }
      .basket-ui-03 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-03 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-03 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px 56px !important; }
    .basket-ui-04 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 24px 24px 24px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-04 .c-item-02 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-04 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-04 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-04 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-04 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-04 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
        display: block;
        position: absolute;
        right: 32px;
        bottom: 20px; }
    .basket-ui-04 .as-chk-A label {
      align-items: center; }
      .basket-ui-04 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-04 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-04 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
    margin-bottom: 2px; }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
    display: none; }

  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .basket-ui-02 .c-item-01 {
      margin-bottom: 20px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-02 .c-item-02 {
      display: block !important;
      margin-top: 20px; }
      .basket-ui-02 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-02 .c-item-02 .c-unit-03 {
        display: block !important; }
        .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          color: #171718; }
        .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #555556; }
    .basket-ui-02 .c-item-03 {
      margin: 20px 0 24px 0; }
    .basket-ui-02 .c-item-04 .c-unit-01 {
      margin-bottom: 8px; }
    .basket-ui-02 .c-item-04 > :last-child {
      margin-bottom: 0; }
    .basket-ui-02 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-02 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }

  .basket-ui-03 {
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px 32px 56px 0;
    background: #FFFFFF; }
    .basket-ui-03 .c-item-01 {
      /*margin-bottom: 24px;*/
      padding: 0 24px 24px 24px; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-03 .c-item-02 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-03 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-03 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-03 .c-item-04 {
      display: none;
      padding: 0 24px; }
      .basket-ui-03 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-03 .c-item-06 {
      margin: 37px 0 48px 0; }
    .basket-ui-03 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px 24px 16px 24px;
      margin: 0;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-03 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
    .basket-ui-03 .as-chk-A label {
      align-items: center; }
      .basket-ui-03 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-03 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-03 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px 56px !important; }
    .basket-ui-04 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 24px 24px 24px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-04 .c-item-02 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-02 .c-unit-02 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #F1F9E9;
        border-radius: 4px; }
      .basket-ui-04 .c-item-02 .c-unit-03 {
        margin: 20px 0 16px 0; }
        .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
          margin-bottom: 4px; }
    .basket-ui-04 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-04 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-04 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-04 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
        display: block;
        position: absolute;
        right: 32px;
        bottom: 20px; }
    .basket-ui-04 .as-chk-A label {
      align-items: center; }
      .basket-ui-04 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-04 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-04 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px; }
    .basket-ui-02 .c-item-01 {
      margin-bottom: 20px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-02 .c-item-01 .c-unit-03 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-02 .c-item-01 .c-unit-03:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-01 .c-unit-04 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-02 .c-item-01 .c-unit-04:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-01 .c-unit-05 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #FAF3FB;
        border-radius: 4px;
        color: #452362;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; }
    .basket-ui-02 .c-item-02 .c-unit-02 {
      margin: 20px 0 0 0;
      padding: 12px 16px;
      background: #FAF3FB;
      border-radius: 4px;
      color: #452362;
      font-family: Inter;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 15px; }
    .basket-ui-02 .c-item-03 {
      margin: 20px 0 24px 0; }
    .basket-ui-02 .c-item-04 .c-unit-01 {
      margin-bottom: 8px; }
    .basket-ui-02 .c-item-04 > :last-child {
      margin-bottom: 0; }
    .basket-ui-02 .c-item-06 {
      margin: 37px 0 48px 0; }
    .basket-ui-02 .c-item-07 {
      border-radius: 4px;
      background: #F1F9E9;
      padding: 12px 12px 16px 12px;
      margin-top: 16px; }
      .basket-ui-02 .c-item-07 .c-unit-01 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px; }
        .basket-ui-02 .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: 600;
          line-height: normal; }
          .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
            margin-left: 4px; }
        .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
          color: #214F12;
          text-align: right;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
    .basket-ui-02 .c-item-08 > .c-row-01 {
      padding: 12px;
      border-radius: 4px;
      background: #F8F8F9; }
      .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A {
        display: flex;
        justify-content: space-between; }
        .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
            content: '';
            position: absolute;
            top: 0px;
            right: -20px;
            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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
          color: #171718;
          text-align: right;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
      .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B {
        display: none; }
        .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .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; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
            color: #171718;
            text-align: right;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .basket-ui-02 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-08 > .c-row-01.on .expandingContent {
        display: block; }
    .basket-ui-02 .c-item-08 > .c-row-02 {
      margin-top: 8px;
      padding: 12px;
      border-radius: 4px;
      background: #F1F9E9; }
      .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
        .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A:before {
          content: '';
          position: absolute;
          top: 1px;
          left: 60px;
          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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B {
        display: none; }
        .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
              content: '';
              position: absolute;
              top: 1px;
              right: -20px;
              display: block;
              width: 12px;
              height: 12px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
          .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
            color: #214F12;
            text-align: right;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .basket-ui-02 .c-item-08 > .c-row-02.on .c-row-02-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-08 > .c-row-02.on .expandingContent {
        display: block; }
    .basket-ui-02 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF;
      transition: background-color 0.3s; }
      .basket-ui-02 .basket-lnk-btn-01:hover {
        background-color: #6B337D; }
      .basket-ui-02 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-02 .basket-lnk-btn-01.passive {
        opacity: 0.4;
        pointer-events: none; }
    .basket-ui-02 .as-chk-A label {
      align-items: center; }
      .basket-ui-02 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-02 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-02 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-02 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-02 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-02 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-02 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-02 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-03 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 24px; }
    .basket-ui-03 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 0px 24px 0px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-01 .c-unit-04 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-03 .c-item-01 .c-unit-04:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-01 .c-unit-05 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #FAF3FB;
        border-radius: 4px;
        color: #452362;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; }
    .basket-ui-03 .c-item-02 .c-unit-02 {
      margin: 20px 0 0 0;
      padding: 12px 16px;
      background: #F1F9E9;
      border-radius: 4px; }
    .basket-ui-03 .c-item-02 .c-unit-03 {
      margin: 20px 0 16px 0; }
      .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
        margin-bottom: 4px; }
    .basket-ui-03 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-03 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-03 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-03 .c-item-05 {
      padding: 0 24px; }
    .basket-ui-03 .c-item-06 {
      margin-top: 37px; }
    .basket-ui-03 .c-item-08 > .c-row-01 {
      padding: 12px;
      border-radius: 4px;
      background: #F8F8F9; }
      .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A {
        display: flex;
        justify-content: space-between; }
        .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
            content: '';
            position: absolute;
            top: 0px;
            right: -20px;
            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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
          color: #171718;
          text-align: right;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
      .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B {
        display: none; }
        .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .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; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
            color: #171718;
            text-align: right;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .basket-ui-03 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-08 > .c-row-01.on .expandingContent {
        display: block; }
    .basket-ui-03 .c-item-08 > .c-row-02 {
      margin-top: 8px;
      padding: 12px;
      border-radius: 4px;
      background: #F1F9E9; }
      .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A:before {
          content: '';
          position: absolute;
          top: 1px;
          left: 60px;
          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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B {
        display: none; }
        .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
              content: '';
              position: absolute;
              top: 1px;
              right: -20px;
              display: block;
              width: 12px;
              height: 12px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
          .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
            color: #214F12;
            text-align: right;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .basket-ui-03 .c-item-08 > .c-row-02.on .c-row-02-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-08 > .c-row-02.on .expandingContent {
        display: block; }
    .basket-ui-03 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-03 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-03 .basket-lnk-btn-01:hover {
        background-color: #6B337D; }
    .basket-ui-03 .as-chk-A label {
      align-items: center; }
      .basket-ui-03 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-03 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-03 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-04 {
    position: sticky;
    top: 20px;
    width: 295px;
    margin-top: 24px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px;
    padding: 24px; }
    .basket-ui-04 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 0px 24px 0px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        margin-top: 24px; }
      .basket-ui-04 .c-item-01 .c-unit-04 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-04 .c-item-01 .c-unit-04:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-01 .c-unit-05 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #FAF3FB;
        border-radius: 4px;
        color: #452362;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; }
    .basket-ui-04 .c-item-02 .c-unit-02 {
      margin: 20px 0 0 0;
      padding: 12px 16px;
      background: #F1F9E9;
      border-radius: 4px; }
    .basket-ui-04 .c-item-02 .c-unit-03 {
      margin: 20px 0 16px 0; }
      .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
        margin-bottom: 4px; }
    .basket-ui-04 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-04 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-04 .c-item-05 {
      padding: 0 24px; }
    .basket-ui-04 .c-item-06 {
      margin-top: 0; }
    .basket-ui-04 .c-item-07 {
      padding: 0px 20px; }
      .basket-ui-04 .c-item-07 .c-unit-01 {
        color: #171718;
        text-align: center;
        font-feature-settings: 'salt' on;
        font-family: 'Inter';
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.18px; }
      .basket-ui-04 .c-item-07 .c-unit-02 {
        color: #171718;
        text-align: center;
        font-family: 'Inter';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        opacity: 0.8;
        margin-top: 12px; }
    .basket-ui-04 .c-item-08 > .c-row-01 {
      padding: 12px;
      border-radius: 4px;
      background: #F8F8F9; }
      .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A {
        display: flex;
        justify-content: space-between; }
        .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
            content: '';
            position: absolute;
            top: 0px;
            right: -20px;
            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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
          color: #171718;
          text-align: right;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
      .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B {
        display: none; }
        .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .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; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
            color: #171718;
            text-align: right;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .basket-ui-04 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-08 > .c-row-01.on .expandingContent {
        display: block; }
    .basket-ui-04 .c-item-08 > .c-row-02 {
      margin-top: 8px;
      padding: 12px;
      border-radius: 4px;
      background: #F1F9E9; }
      .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A:before {
          content: '';
          position: absolute;
          top: 1px;
          left: 60px;
          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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B {
        display: none; }
        .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
              content: '';
              position: absolute;
              top: 1px;
              right: -20px;
              display: block;
              width: 12px;
              height: 12px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
          .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
            color: #214F12;
            text-align: right;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .basket-ui-04 .c-item-08 > .c-row-02.on .c-row-02-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-08 > .c-row-02.on .expandingContent {
        display: block; }
    .basket-ui-04 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-04 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-04 .basket-lnk-btn-01:hover {
        background-color: #6B337D; }
      .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
        display: block;
        margin-bottom: 20px;
        padding: 0 24px; }
    .basket-ui-04 .as-chk-A label {
      align-items: center; }
      .basket-ui-04 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-04 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-04 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; } }
@media all and (min-width: 1680px) {
  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px; }
    .basket-ui-02 .c-item-01 {
      margin-bottom: 20px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-02 .c-item-01 .c-unit-03 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-02 .c-item-01 .c-unit-03:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-01 .c-unit-04 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-02 .c-item-01 .c-unit-04:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-01 .c-unit-05 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #FAF3FB;
        border-radius: 4px;
        color: #452362;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; }
    .basket-ui-02 .c-item-02 .c-unit-02 {
      margin: 20px 0 0 0;
      padding: 12px 16px;
      background: #FAF3FB;
      border-radius: 4px;
      color: #452362;
      font-family: Inter;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 15px; }
    .basket-ui-02 .c-item-03 {
      margin: 20px 0 24px 0; }
    .basket-ui-02 .c-item-04 .c-unit-01 {
      margin-bottom: 8px; }
    .basket-ui-02 .c-item-04 > :last-child {
      margin-bottom: 0; }
    .basket-ui-02 .c-item-06 {
      margin: 37px 0 48px 0; }
    .basket-ui-02 .c-item-07 {
      border-radius: 4px;
      background: #F1F9E9;
      padding: 12px 12px 16px 12px;
      margin-top: 16px; }
      .basket-ui-02 .c-item-07 .c-unit-01 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px; }
        .basket-ui-02 .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: 600;
          line-height: normal; }
          .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
            margin-left: 4px; }
        .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
          color: #214F12;
          text-align: right;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
    .basket-ui-02 .c-item-08 > .c-row-01 {
      padding: 12px;
      border-radius: 4px;
      background: #F8F8F9; }
      .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A {
        display: flex;
        justify-content: space-between; }
        .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
            content: '';
            position: absolute;
            top: 0px;
            right: -20px;
            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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
          color: #171718;
          text-align: right;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
      .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B {
        display: none; }
        .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .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; }
          .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
            color: #171718;
            text-align: right;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .basket-ui-02 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-08 > .c-row-01.on .expandingContent {
        display: block; }
    .basket-ui-02 .c-item-08 > .c-row-02 {
      margin-top: 8px;
      padding: 12px;
      border-radius: 4px;
      background: #F1F9E9; }
      .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
        .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A:before {
          content: '';
          position: absolute;
          top: 1px;
          left: 60px;
          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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B {
        display: none; }
        .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
              content: '';
              position: absolute;
              top: 1px;
              right: -20px;
              display: block;
              width: 12px;
              height: 12px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
          .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
            color: #214F12;
            text-align: right;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .basket-ui-02 .c-item-08 > .c-row-02.on .c-row-02-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-02 .c-item-08 > .c-row-02.on .expandingContent {
        display: block; }
    .basket-ui-02 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF;
      transition: background-color 0.3s; }
      .basket-ui-02 .basket-lnk-btn-01:hover {
        background-color: #6B337D; }
      .basket-ui-02 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-02 .basket-lnk-btn-01.passive {
        opacity: 0.4;
        pointer-events: none; }
    .basket-ui-02 .as-chk-A label {
      align-items: center; }
      .basket-ui-02 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-02 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-02 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-02 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-02 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-02 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-02 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-02 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-03 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 24px; }
    .basket-ui-03 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 0px 24px 0px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-01 .c-unit-04 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-03 .c-item-01 .c-unit-04:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-01 .c-unit-05 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #FAF3FB;
        border-radius: 4px;
        color: #452362;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; }
    .basket-ui-03 .c-item-02 .c-unit-02 {
      margin: 20px 0 0 0;
      padding: 12px 16px;
      background: #F1F9E9;
      border-radius: 4px; }
    .basket-ui-03 .c-item-02 .c-unit-03 {
      margin: 20px 0 16px 0; }
      .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
        margin-bottom: 4px; }
    .basket-ui-03 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-03 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-03 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-03 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-03 .c-item-05 {
      padding: 0 24px; }
    .basket-ui-03 .c-item-06 {
      margin-top: 37px; }
    .basket-ui-03 .c-item-08 > .c-row-01 {
      padding: 12px;
      border-radius: 4px;
      background: #F8F8F9; }
      .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A {
        display: flex;
        justify-content: space-between; }
        .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
            content: '';
            position: absolute;
            top: 0px;
            right: -20px;
            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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
          color: #171718;
          text-align: right;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
      .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B {
        display: none; }
        .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .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; }
          .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
            color: #171718;
            text-align: right;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .basket-ui-03 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-08 > .c-row-01.on .expandingContent {
        display: block; }
    .basket-ui-03 .c-item-08 > .c-row-02 {
      margin-top: 8px;
      padding: 12px;
      border-radius: 4px;
      background: #F1F9E9; }
      .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A:before {
          content: '';
          position: absolute;
          top: 1px;
          left: 60px;
          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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B {
        display: none; }
        .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
              content: '';
              position: absolute;
              top: 1px;
              right: -20px;
              display: block;
              width: 12px;
              height: 12px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
          .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
            color: #214F12;
            text-align: right;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .basket-ui-03 .c-item-08 > .c-row-02.on .c-row-02-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-03 .c-item-08 > .c-row-02.on .expandingContent {
        display: block; }
    .basket-ui-03 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-03 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-03 .basket-lnk-btn-01:hover {
        background-color: #6B337D; }
    .basket-ui-03 .as-chk-A label {
      align-items: center; }
      .basket-ui-03 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-03 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-03 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .basket-ui-04 {
    position: sticky;
    top: 20px;
    width: 295px;
    margin-top: 24px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px;
    padding: 24px; }
    .basket-ui-04 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 0px 24px 0px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        margin-top: 24px; }
      .basket-ui-04 .c-item-01 .c-unit-04 {
        margin-top: 8px;
        padding-left: 24px;
        color: #7CB449;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-04 .c-item-01 .c-unit-04:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          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_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-01 .c-unit-05 {
        margin: 20px 0 0 0;
        padding: 12px 16px;
        background: #FAF3FB;
        border-radius: 4px;
        color: #452362;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; }
    .basket-ui-04 .c-item-02 .c-unit-02 {
      margin: 20px 0 0 0;
      padding: 12px 16px;
      background: #F1F9E9;
      border-radius: 4px; }
    .basket-ui-04 .c-item-02 .c-unit-03 {
      margin: 20px 0 16px 0; }
      .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
        margin-bottom: 4px; }
    .basket-ui-04 .c-item-03 {
      margin: 20px auto 24px auto; }
    .basket-ui-04 .c-item-04 {
      padding: 0 24px; }
      .basket-ui-04 .c-item-04 .c-unit-01 {
        margin-bottom: 8px; }
      .basket-ui-04 .c-item-04 > :last-child {
        margin-bottom: 0; }
    .basket-ui-04 .c-item-05 {
      padding: 0 24px; }
    .basket-ui-04 .c-item-06 {
      margin-top: 0; }
    .basket-ui-04 .c-item-07 {
      padding: 0px 20px; }
      .basket-ui-04 .c-item-07 .c-unit-01 {
        color: #171718;
        text-align: center;
        font-feature-settings: 'salt' on;
        font-family: 'Inter';
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.18px; }
      .basket-ui-04 .c-item-07 .c-unit-02 {
        color: #171718;
        text-align: center;
        font-family: 'Inter';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        opacity: 0.8;
        margin-top: 12px; }
    .basket-ui-04 .c-item-08 > .c-row-01 {
      padding: 12px;
      border-radius: 4px;
      background: #F8F8F9; }
      .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A {
        display: flex;
        justify-content: space-between; }
        .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
          color: #171718;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
            content: '';
            position: absolute;
            top: 0px;
            right: -20px;
            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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
          color: #171718;
          text-align: right;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
      .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B {
        display: none; }
        .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .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; }
          .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
            color: #171718;
            text-align: right;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
      .basket-ui-04 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-08 > .c-row-01.on .expandingContent {
        display: block; }
    .basket-ui-04 .c-item-08 > .c-row-02 {
      margin-top: 8px;
      padding: 12px;
      border-radius: 4px;
      background: #F1F9E9; }
      .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A {
        color: #171718;
        font-family: 'Inter';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A:before {
          content: '';
          position: absolute;
          top: 1px;
          left: 60px;
          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%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B {
        display: none; }
        .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
          display: flex;
          justify-content: space-between;
          margin-top: 10px; }
          .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
            color: #555556;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
            .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
              content: '';
              position: absolute;
              top: 1px;
              right: -20px;
              display: block;
              width: 12px;
              height: 12px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
          .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
            color: #214F12;
            text-align: right;
            font-family: 'Inter';
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal; }
      .basket-ui-04 .c-item-08 > .c-row-02.on .c-row-02-A:before {
        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%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .basket-ui-04 .c-item-08 > .c-row-02.on .expandingContent {
        display: block; }
    .basket-ui-04 .basket-lnk-btn-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 247px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }
      .basket-ui-04 .basket-lnk-btn-01.disabled {
        opacity: 0.4;
        pointer-events: none; }
      .basket-ui-04 .basket-lnk-btn-01:hover {
        background-color: #6B337D; }
      .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
        display: block;
        margin-bottom: 20px;
        padding: 0 24px; }
    .basket-ui-04 .as-chk-A label {
      align-items: center; }
      .basket-ui-04 .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        color: #000000; }
    .basket-ui-04 .as-chk-A > label {
      padding: 0 0 0 0; }
      .basket-ui-04 .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 40px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
      content: "";
      display: none; }
    .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; } }
/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
/* Begin: Radio Mixin */
/* End: Radio Mixin */
/* Item removing styles */
[data-removed-temp-line-id].template-line {
  display: none; }

[data-cart-line-placeholder] {
  opacity: 1;
  transition: opacity 0.2s, height 0.2s; }
  [data-cart-line-placeholder] [data-line-id] {
    opacity: 1;
    transition: opacity 0.2s 0s, position 0s 0s; }
  [data-cart-line-placeholder] [data-removed-temp-line-id] {
    opacity: 0;
    transition: opacity 0.2s 0s; }
  [data-cart-line-placeholder].removing {
    overflow: hidden; }
    [data-cart-line-placeholder].removing [data-line-id] {
      position: absolute;
      opacity: 0;
      transition: opacity 0.2s 0s, position 0s 0.2s; }
    [data-cart-line-placeholder].removing [data-removed-temp-line-id] {
      opacity: 1;
      transition: opacity 0.2s 0.2s; }
  [data-cart-line-placeholder].unremoving [data-line-id] {
    opacity: 1;
    transition: opacity 0.2s 0.2s; }
  [data-cart-line-placeholder].unremoving [data-removed-temp-line-id] {
    opacity: 0;
    transition: opacity 0.2s 0s; }
  [data-cart-line-placeholder].permanentlyRemoving {
    opacity: 0;
    height: 0 !important;
    transition: opacity 0.2s 0s, height 0.2s 0.2s !important; }

/* End: Item removing styles */
@media all and (max-width: 414px) {
  .basket-card-ui-01 .c-item-01 {
    width: 94px;
    height: 70px;
    margin-right: 8px; }
  .basket-card-ui-01 .c-item-02 {
    width: 233px; }
    .basket-card-ui-01 .c-item-02 .c-item-02-B {
      margin: 12px 0 24px 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
        margin-bottom: 4px; }
    .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
      width: 100%;
      margin-bottom: 4px; }
    .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
      margin-bottom: 0; }
  .basket-card-ui-01 .c-item-03 {
    width: 107px;
    height: 36px;
    margin-top: 20px;
    background: #FFFFFF; }
    .basket-card-ui-01 .c-item-03.v1 {
      margin-top: 20px;
      margin-left: 120px; }
    .basket-card-ui-01 .c-item-03 .c-item-03-B {
      flex: 1; }
      .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
        width: 100%;
        text-align: center;
        font-weight: 600; }
    .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
      width: 36px;
      height: 36px;
      background: #E9EBF1;
      border-radius: 8px; }
  .basket-card-ui-01 .c-item-04 {
    margin-top: 15px; }
    .basket-card-ui-01 .c-item-04 .c-item-04-A {
      display: flex;
      align-items: center;
      color: #2B3E73;
      font-family: Inter;
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: 15px; }
      .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
        margin-right: 4px; }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FAFBFD;
    border-radius: 4px;
    border: 1px solid #FAFBFD;
    transition: background-color 0.2s, border 0.2s; }
    .basket-card-ui-01 .basket-rdb-A > label::before {
      top: 17px;
      left: 12px;
      width: 24px;
      height: 24px;
      border: 1px solid #D5D5D6;
      border-radius: 50%;
      background-color: #fff;
      transition: background-color 0.2s, border 0.2s; }
    .basket-card-ui-01 .basket-rdb-A > label:hover::before {
      border: 1px solid #B0B0B2;
      background-color: #F8F8F9; }
    .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
      display: block;
      margin-bottom: 4px;
      line-height: 13px;
      font-size: 11px;
      font-weight: 400;
      color: #555556; }
    .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
      display: block;
      line-height: 18px;
      font-size: 15px;
      font-weight: 600;
      color: #000; }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4; }
    .basket-card-ui-01 .basket-rdb-A 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; }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0; }
    .basket-card-ui-01 .basket-chk-A > label::before {
      position: relative;
      top: auto;
      left: auto;
      width: 16px;
      height: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 6px;
      transition: background-color 0.2s, border 0.2s; }
  .basket-card-ui-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); }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6; }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6; }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6; }

  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 16px; }
    .basket-card-ui-02 .c-item-01 .c-item-01-A {
      width: 48px;
      height: 48px;
      padding: 4.8px;
      background-color: #fff; }
      .basket-card-ui-02 .c-item-01 .c-item-01-A img {
        width: 38.4px; }
    .basket-card-ui-02 .c-item-01 .c-item-01-B {
      margin-left: 16px;
      width: 233px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
        margin: 4px 0 16px 0; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 {
        margin-right: 4px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03:last-child {
          margin-right: 0; }
    .basket-card-ui-02 .c-item-01 .c-item-01-C {
      top: 16px;
      right: 16px;
      width: 20px;
      height: 20px; }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
    .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
      margin-left: 8px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .basket-card-ui-01 .c-item-01 {
    width: 94px;
    height: 70px;
    margin-right: 8px; }
  .basket-card-ui-01 .c-item-02 {
    width: 233px; }
    .basket-card-ui-01 .c-item-02 .c-item-02-B {
      margin: 12px 0 24px 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
        margin-bottom: 4px; }
    .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
      width: 100%;
      margin-bottom: 4px; }
    .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
      margin-bottom: 0; }
  .basket-card-ui-01 .c-item-03 {
    width: 107px;
    height: 36px;
    margin-top: 20px;
    background: #FFFFFF; }
    .basket-card-ui-01 .c-item-03.v1 {
      margin-top: 20px;
      margin-left: 120px; }
    .basket-card-ui-01 .c-item-03 .c-item-03-B {
      flex: 1; }
      .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
        width: 100%;
        text-align: center;
        font-weight: 600; }
    .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
      width: 36px;
      height: 36px;
      background: #E9EBF1;
      border-radius: 8px; }
  .basket-card-ui-01 .c-item-04 {
    margin-top: 15px; }
    .basket-card-ui-01 .c-item-04 .c-item-04-A {
      display: flex;
      align-items: center;
      color: #2B3E73;
      font-family: Inter;
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: 15px; }
      .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
        margin-right: 4px; }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FAFBFD;
    border-radius: 4px;
    border: 1px solid #FAFBFD;
    transition: background-color 0.2s, border 0.2s; }
    .basket-card-ui-01 .basket-rdb-A > label::before {
      top: 17px;
      left: 12px;
      width: 24px;
      height: 24px;
      border: 1px solid #D5D5D6;
      border-radius: 50%;
      background-color: #fff;
      transition: background-color 0.2s, border 0.2s; }
    .basket-card-ui-01 .basket-rdb-A > label:hover::before {
      border: 1px solid #B0B0B2;
      background-color: #F8F8F9; }
    .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
      display: block;
      margin-bottom: 4px;
      line-height: 13px;
      font-size: 11px;
      font-weight: 400;
      color: #555556; }
    .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
      display: block;
      line-height: 18px;
      font-size: 15px;
      font-weight: 600;
      color: #000; }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4; }
    .basket-card-ui-01 .basket-rdb-A 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; }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0; }
    .basket-card-ui-01 .basket-chk-A > label::before {
      position: relative;
      top: auto;
      left: auto;
      width: 16px;
      height: 16px;
      border: 1px solid #D5D5D6;
      border-radius: 6px;
      transition: background-color 0.2s, border 0.2s; }
  .basket-card-ui-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); }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6; }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6; }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6; }

  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 16px; }
    .basket-card-ui-02 .c-item-01 .c-item-01-A {
      width: 48px;
      height: 48px;
      padding: 4.8px;
      background-color: #fff; }
      .basket-card-ui-02 .c-item-01 .c-item-01-A img {
        width: 38.4px; }
    .basket-card-ui-02 .c-item-01 .c-item-01-B {
      margin-left: 16px;
      width: 233px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
        margin: 4px 0 16px 0; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 {
        margin-right: 4px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03:last-child {
          margin-right: 0; }
    .basket-card-ui-02 .c-item-01 .c-item-01-C {
      top: 16px;
      right: 16px;
      width: 20px;
      height: 20px; }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
    .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
      margin-left: 8px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .basket-card-ui-01 {
    padding: 24px 20px;
    background-color: #ffffff; }
    .basket-card-ui-01 .c-item-01 {
      width: 98px;
      height: 70px; }
    .basket-card-ui-01 .c-item-02 {
      width: 370px;
      margin: 0 73px 0 12px; }
      .basket-card-ui-01 .c-item-02 .c-item-02-B {
        margin: 12px 0 24px 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
          margin-bottom: 4px; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C {
        width: 479px; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
          margin: 0 8px 8px 0;
          width: 154px; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
          margin-right: 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
          margin-bottom: 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
          margin-bottom: 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
          margin-bottom: 0; }
    .basket-card-ui-01 .c-item-03 {
      width: 111px;
      height: 36px;
      background: #FFFFFF; }
      .basket-card-ui-01 .c-item-03 .c-item-03-B {
        flex: 1; }
        .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
          width: 100%;
          text-align: center; }
      .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
        width: 36px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #E9EBF1;
        border-radius: 12px; }
        .basket-card-ui-01 .c-item-03 .c-item-03-A svg, .basket-card-ui-01 .c-item-03 .c-item-03-C svg {
          width: 16px;
          height: 16px; }
    .basket-card-ui-01 .basket-chk-A > label {
      padding: 0 0 0 0; }
      .basket-card-ui-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; }
    .basket-card-ui-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); }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-rdb-A > label {
      flex-direction: column;
      padding: 12px 16px 12px 52px;
      background-color: #FAFBFD;
      border-radius: 4px;
      border: 1px solid #FAFBFD;
      transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label::before {
        top: 17px;
        left: 12px;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 50%;
        background-color: #fff;
        transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label:hover::before {
        border: 1px solid #B0B0B2;
        background-color: #F8F8F9; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
        display: block;
        margin-bottom: 4px;
        line-height: 13px;
        font-size: 11px;
        font-weight: 400;
        color: #555556; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
        display: block;
        line-height: 18px;
        font-size: 15px;
        font-weight: 600;
        color: #000; }
        .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 > .c-unit-02-B {
          font-size: 10px;
          line-height: 12px;
          font-weight: 600;
          color: #000; }
    .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
      background-color: #FAF3FB;
      border: 1px solid #C097C4; }
      .basket-card-ui-01 .basket-rdb-A 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; }

  .basket-card-ui-02 {
    padding: 16px;
    background-color: #ffffff; }
    .basket-card-ui-02 .c-item-01 {
      background: #FAF3FB;
      border-radius: 4px;
      padding: 20px 20px 20px 32px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .basket-card-ui-02 .c-item-01 .c-item-01-A img {
          width: 44px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B {
        margin-left: 32px;
        width: 370px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
          margin: 4px 0 20px 0; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
          margin-right: 4px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
          margin-right: 0; }
      .basket-card-ui-02 .c-item-01 .c-item-01-C {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px; }
    .basket-card-ui-02 .basket-card-lnk-btn-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      background: #F4EAE9;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
      .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
        margin-left: 8px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .basket-card-ui-01 {
    padding: 24px 20px;
    background-color: #ffffff; }
    .basket-card-ui-01 .c-item-01 {
      width: 98px;
      height: 70px; }
    .basket-card-ui-01 .c-item-02 {
      width: 370px;
      margin: 0 73px 0 12px; }
      .basket-card-ui-01 .c-item-02 .c-item-02-B {
        margin: 12px 0 24px 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
          margin-bottom: 4px; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C {
        width: 479px; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
          margin: 0 8px 8px 0;
          width: 154px; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
          margin-right: 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
          margin-bottom: 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
          margin-bottom: 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
          margin-bottom: 0; }
    .basket-card-ui-01 .c-item-03 {
      width: 111px;
      height: 36px;
      background: #FFFFFF; }
      .basket-card-ui-01 .c-item-03 .c-item-03-B {
        flex: 1; }
        .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
          width: 100%;
          text-align: center; }
      .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
        width: 36px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #E9EBF1;
        border-radius: 12px; }
        .basket-card-ui-01 .c-item-03 .c-item-03-A svg, .basket-card-ui-01 .c-item-03 .c-item-03-C svg {
          width: 16px;
          height: 16px; }
    .basket-card-ui-01 .basket-chk-A > label {
      padding: 0 0 0 0; }
      .basket-card-ui-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; }
    .basket-card-ui-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); }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-rdb-A > label {
      flex-direction: column;
      padding: 12px 16px 12px 52px;
      background-color: #FAFBFD;
      border-radius: 4px;
      border: 1px solid #FAFBFD;
      transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label::before {
        top: 17px;
        left: 12px;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 50%;
        background-color: #fff;
        transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label:hover::before {
        border: 1px solid #B0B0B2;
        background-color: #F8F8F9; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
        display: block;
        margin-bottom: 4px;
        line-height: 13px;
        font-size: 11px;
        font-weight: 400;
        color: #555556; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
        display: block;
        line-height: 18px;
        font-size: 15px;
        font-weight: 600;
        color: #000; }
        .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 > .c-unit-02-B {
          font-size: 10px;
          line-height: 12px;
          font-weight: 600;
          color: #000; }
    .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
      background-color: #FAF3FB;
      border: 1px solid #C097C4; }
      .basket-card-ui-01 .basket-rdb-A 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; }

  .basket-card-ui-02 {
    padding: 16px;
    background-color: #ffffff; }
    .basket-card-ui-02 .c-item-01 {
      background: #FAF3FB;
      border-radius: 4px;
      padding: 20px 20px 20px 32px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .basket-card-ui-02 .c-item-01 .c-item-01-A img {
          width: 44px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B {
        margin-left: 32px;
        width: 370px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
          margin: 4px 0 20px 0; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
          margin-right: 4px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
          margin-right: 0; }
      .basket-card-ui-02 .c-item-01 .c-item-01-C {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px; }
    .basket-card-ui-02 .basket-card-lnk-btn-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      background: #F4EAE9;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
      .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
        margin-left: 8px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .basket-card-ui-01 {
    padding: 32px;
    border-bottom: 1px solid #E5E5E5;
    opacity: 1;
    height: auto;
    transition: opacity .3s .3s,height .3s .0s,padding .3s .0s; }
    .basket-card-ui-01 .c-item-01 {
      width: 138px;
      height: 100px; }
      .basket-card-ui-01 .c-item-01 .c-item-01-A {
        width: 100px;
        height: 100px; }
        .basket-card-ui-01 .c-item-01 .c-item-01-A img {
          width: 70px;
          height: 70px; }
    .basket-card-ui-01 .c-item-02 {
      width: 539px;
      margin: 0 40px 0 20px; }
      .basket-card-ui-01 .c-item-02 .c-item-02-A {
                /*.c-unit-01 {
                    margin-bottom: 8px;

                    .c-unit-01-B {
                        width: 12px;
                        height: 1px;
                        margin: 0 8px;
                        display: inline-block;
                        vertical-align: middle;
                        background: $CT-BW400;
                    }
                }

                .c-unit-02 {
                }

                .c-unit-03 {
                    margin-top: 24px;
                }*/ }
      .basket-card-ui-01 .c-item-02 .c-item-02-B {
        margin: 8px 0 24px 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
          margin-right: 28px; }
          .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01:after {
            content: '';
            position: absolute;
            display: block;
            top: 50%;
            right: -20px;
            width: 12px;
            height: 1px;
            background: #B0B0B2; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
        margin: 0 8px 8px 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
        margin-right: 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
        margin-bottom: 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
        margin-bottom: 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
        margin-bottom: 0; }
    .basket-card-ui-01 .c-item-03 {
      height: 60px;
      flex: 1;
      padding: 0 12px;
      background: #FFFFFF;
      border: 1px solid #E6E6E7;
      box-sizing: border-box;
      border-radius: 8px; }
      .basket-card-ui-01 .c-item-03 .c-item-03-B {
        flex: 1; }
        .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
          width: 100%;
          text-align: center; }
      .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
        width: 20px; }
    .basket-card-ui-01 .c-item-04 {
      margin-top: 25px;
      margin-left: 158px; }
      .basket-card-ui-01 .c-item-04 .c-item-04-A {
        display: flex; }
        .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
          margin-right: 8px; }
        .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-02 {
          color: #2B3E73;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: 15px; }
    .basket-card-ui-01 .basket-chk-A > label {
      padding: 0 0 0 0; }
      .basket-card-ui-01 .basket-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-card-ui-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); }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-rdb-A > label {
      flex-direction: column;
      padding: 12px 16px 12px 52px;
      background-color: #FAFBFD;
      border-radius: 4px;
      border: 1px solid #FAFBFD;
      transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label::before {
        top: 17px;
        left: 12px;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 50%;
        background-color: #fff;
        transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label:hover::before {
        border: 1px solid #B0B0B2;
        background-color: #F8F8F9; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
        display: block;
        margin-bottom: 4px;
        line-height: 13px;
        font-size: 11px;
        font-weight: 400;
        color: #555556; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
        display: block;
        line-height: 18px;
        font-size: 15px;
        font-weight: 600;
        color: #000; }
    .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
      background-color: #FAF3FB;
      border: 1px solid #C097C4; }
      .basket-card-ui-01 .basket-rdb-A 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; }
    .basket-card-ui-01.remove {
      opacity: 0;
      height: 0;
      padding: 0;
      transition: opacity .3s 0s,height .3s .3s,padding .3s .3s; }

  .basket-card-ui-02 {
    padding: 16px;
    border-bottom: 1px solid #E5E5E5; }
    .basket-card-ui-02 .c-item-01 {
      background: #FAF3FB;
      border-radius: 4px;
      padding: 20px 20px 20px 32px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .basket-card-ui-02 .c-item-01 .c-item-01-A img {
          width: 44px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B {
        margin-left: 32px;
        width: 586px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
          margin: 4px 0 20px 0; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
          margin-right: 4px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
          margin-right: 0; }
      .basket-card-ui-02 .c-item-01 .c-item-01-C {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px; }
    .basket-card-ui-02 .basket-card-lnk-btn-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      background: #F4EAE9;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
      .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
        margin-left: 8px; } }
@media all and (min-width: 1680px) {
  .basket-card-ui-01 {
    padding: 32px;
    border-bottom: 1px solid #E5E5E5;
    opacity: 1;
    height: auto;
    transition: opacity .3s .3s,height .3s .0s,padding .3s .0s; }
    .basket-card-ui-01 .c-item-01 {
      width: 138px;
      height: 100px; }
      .basket-card-ui-01 .c-item-01 .c-item-01-A {
        width: 100px;
        height: 100px; }
        .basket-card-ui-01 .c-item-01 .c-item-01-A img {
          width: 70px;
          height: 70px; }
    .basket-card-ui-01 .c-item-02 {
      width: 539px;
      margin: 0 40px 0 20px; }
      .basket-card-ui-01 .c-item-02 .c-item-02-A {
                /*.c-unit-01 {
                    margin-bottom: 8px;

                    .c-unit-01-B {
                        width: 12px;
                        height: 1px;
                        margin: 0 8px;
                        display: inline-block;
                        vertical-align: middle;
                        background: $CT-BW400;
                    }
                }

                .c-unit-02 {
                }

                .c-unit-03 {
                    margin-top: 24px;
                }*/ }
      .basket-card-ui-01 .c-item-02 .c-item-02-B {
        margin: 8px 0 24px 0; }
        .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
          margin-right: 28px; }
          .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01:after {
            content: '';
            position: absolute;
            display: block;
            top: 50%;
            right: -20px;
            width: 12px;
            height: 1px;
            background: #B0B0B2; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
        margin: 0 8px 8px 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
        margin-right: 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
        margin-bottom: 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
        margin-bottom: 0; }
      .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
        margin-bottom: 0; }
    .basket-card-ui-01 .c-item-03 {
      height: 60px;
      flex: 1;
      padding: 0 12px;
      background: #FFFFFF;
      border: 1px solid #E6E6E7;
      box-sizing: border-box;
      border-radius: 8px; }
      .basket-card-ui-01 .c-item-03 .c-item-03-B {
        flex: 1; }
        .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
          width: 100%;
          text-align: center; }
      .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
        width: 20px; }
    .basket-card-ui-01 .c-item-04 {
      margin-top: 25px;
      margin-left: 158px; }
      .basket-card-ui-01 .c-item-04 .c-item-04-A {
        display: flex; }
        .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
          margin-right: 8px; }
        .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-02 {
          color: #2B3E73;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: 15px; }
    .basket-card-ui-01 .basket-chk-A > label {
      padding: 0 0 0 0; }
      .basket-card-ui-01 .basket-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .basket-card-ui-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); }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }
    .basket-card-ui-01 .basket-rdb-A > label {
      flex-direction: column;
      padding: 12px 16px 12px 52px;
      background-color: #FAFBFD;
      border-radius: 4px;
      border: 1px solid #FAFBFD;
      transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label::before {
        top: 17px;
        left: 12px;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 50%;
        background-color: #fff;
        transition: background-color 0.2s, border 0.2s; }
      .basket-card-ui-01 .basket-rdb-A > label:hover::before {
        border: 1px solid #B0B0B2;
        background-color: #F8F8F9; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
        display: block;
        margin-bottom: 4px;
        line-height: 13px;
        font-size: 11px;
        font-weight: 400;
        color: #555556; }
      .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
        display: block;
        line-height: 18px;
        font-size: 15px;
        font-weight: 600;
        color: #000; }
    .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
      background-color: #FAF3FB;
      border: 1px solid #C097C4; }
      .basket-card-ui-01 .basket-rdb-A 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; }
    .basket-card-ui-01.remove {
      opacity: 0;
      height: 0;
      padding: 0;
      transition: opacity .3s 0s,height .3s .3s,padding .3s .3s; }

  .basket-card-ui-02 {
    padding: 16px;
    border-bottom: 1px solid #E5E5E5; }
    .basket-card-ui-02 .c-item-01 {
      background: #FAF3FB;
      border-radius: 4px;
      padding: 20px 20px 20px 32px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .basket-card-ui-02 .c-item-01 .c-item-01-A img {
          width: 44px; }
      .basket-card-ui-02 .c-item-01 .c-item-01-B {
        margin-left: 32px;
        width: 586px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
          margin: 4px 0 20px 0; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
          margin-right: 4px; }
        .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
          margin-right: 0; }
      .basket-card-ui-02 .c-item-01 .c-item-01-C {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px; }
    .basket-card-ui-02 .basket-card-lnk-btn-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      background: #F4EAE9;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
      .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
        margin-left: 8px; } }
/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #breadCrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 0px;
    background: rgba(255, 255, 255, 0.01); }
    #breadCrumb .c-item-01 {
      margin-right: 28px;
      font-weight: normal;
      font-size: 11px;
      line-height: 13px;
      letter-spacing: -0.01em;
      color: #2B3E73; }
      #breadCrumb .c-item-01:after {
        content: '';
        position: absolute;
        top: calc(50% - 5px);
        right: -20px;
        display: block;
        width: 12px;
        height: 12px;
        background-image: url("/Content/Images/Icons/chevron--right.png"); }
      #breadCrumb .c-item-01:last-child {
        font-weight: 600;
        font-size: 11px;
        line-height: 13px;
        letter-spacing: -0.01em;
        color: #1F2E5C; }
        #breadCrumb .c-item-01:last-child:after {
          display: none; } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #breadCrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0 16px 0;
    background: rgba(255, 255, 255, 0.01); }
    #breadCrumb .c-item-01 {
      margin-right: 28px;
      font-weight: normal;
      font-size: 11px;
      line-height: 13px;
      letter-spacing: -0.01em;
      color: #2B3E73; }
      #breadCrumb .c-item-01:after {
        content: '';
        position: absolute;
        top: calc(50% - 5px);
        right: -20px;
        display: block;
        width: 12px;
        height: 12px;
        background-image: url("/Content/Images/Icons/chevron--right.png"); }
      #breadCrumb .c-item-01:last-child {
        font-weight: 600;
        font-size: 11px;
        line-height: 13px;
        letter-spacing: -0.01em;
        color: #1F2E5C; }
        #breadCrumb .c-item-01:last-child:after {
          display: none; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #breadCrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0 16px 0;
    padding-left: 40px;
    border-bottom: 1px solid #EDEDED;
    background: rgba(255, 255, 255, 0.01); }
    #breadCrumb .c-wrapper {
      width: 100%; }
      #breadCrumb .c-wrapper .c-item-01 {
        margin-right: 28px;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #2B3E73; }
        #breadCrumb .c-wrapper .c-item-01:after {
          content: '';
          position: absolute;
          top: calc(50% - 5px);
          right: -20px;
          display: block;
          width: 12px;
          height: 12px;
          background-image: url("/Content/Images/Icons/chevron--right.png"); }
        #breadCrumb .c-wrapper .c-item-01:last-child {
          font-weight: 600;
          font-size: 11px;
          line-height: 13px;
          letter-spacing: -0.01em;
          color: #1F2E5C; }
          #breadCrumb .c-wrapper .c-item-01:last-child:after {
            display: none; } }
/* MD */
/* LG */
#overlay-drw {
  position: absolute;
  top: -84px;
  width: 100%;
  height: calc(100% - 80px);
  z-index: 201;
  opacity: 0.15;
  background: #000; }

.star-container {
  display: flex;
  align-items: flex-start;
  margin-top: 16px; }
  .star-container .s1 {
    padding: 0;
    order: 1; }
  .star-container .s2 {
    order: 2; }
  .star-container .s3 {
    order: 3; }
  .star-container .s4 {
    order: 4; }
  .star-container .s5 {
    order: 5; }
  .star-container .s2, .star-container .s3, .star-container .s4, .star-container .s5 {
    padding: 0; }
    .star-container .s2:hover ~ .element-item-01 .element-item-01-A svg path.empty, .star-container .s3:hover ~ .element-item-01 .element-item-01-A svg path.empty, .star-container .s4:hover ~ .element-item-01 .element-item-01-A svg path.empty, .star-container .s5:hover ~ .element-item-01 .element-item-01-A svg path.empty {
      display: none; }
    .star-container .s2:hover ~ .element-item-01 .element-item-01-A svg path.full, .star-container .s3:hover ~ .element-item-01 .element-item-01-A svg path.full, .star-container .s4:hover ~ .element-item-01 .element-item-01-A svg path.full, .star-container .s5:hover ~ .element-item-01 .element-item-01-A svg path.full {
      display: block; }
  .star-container .element-item-01 {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-right: 4px;
    cursor: pointer; }
    .star-container .element-item-01 .element-item-01-A {
      width: max-content; }
      .star-container .element-item-01 .element-item-01-A > svg path.full {
        display: none; }
      .star-container .element-item-01 .element-item-01-A:first-child {
        padding-right: 0; }
    .star-container .element-item-01:hover .element-item-01-A svg path.empty {
      display: none; }
    .star-container .element-item-01:hover .element-item-01-A svg path.full {
      display: block; }
    .star-container .element-item-01.on .element-item-01-A svg path.empty {
      display: none; }
    .star-container .element-item-01.on .element-item-01-A svg path.full {
      display: block; }

@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; } }
@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; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  #add-cart-mobile {
    display: none; }

  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important;
    padding-top: 51px !important; }
    .dir-f-confirm-modal > #modal-content > #modal-header {
      display: none; }
    .dir-f-confirm-modal > #modal-content > #modal-body {
      margin: 0 !important; }
      .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #373738; }
    .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; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #add-cart-mobile {
    display: none; }

  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important;
    padding-top: 51px !important; }
    .dir-f-confirm-modal > #modal-content > #modal-header {
      display: none; }
    .dir-f-confirm-modal > #modal-content > #modal-body {
      margin: 0 !important; }
      .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #373738; }
    .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; }

  .comp-ui-05 .c-wrapper .container-02 {
    width: 100%; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #add-cart-mobile {
    display: none; }

  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important; }
    .dir-f-confirm-modal > #modal-content > #modal-body {
      margin: 0 !important; }
      .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #373738; }
    .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; } }
@media all and (min-width: 1680px) {
  #add-cart-mobile {
    display: none; }

  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important; }
    .dir-f-confirm-modal > #modal-content > #modal-body {
      margin: 0 !important; }
      .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #373738; }
    .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; } }
.content-carousel-ui-01 {
  background-color: #fff; }
  .content-carousel-ui-01 .c-wrapper {
    background: #FFFFFF;
    padding-bottom: 32px;
    border-radius: 8px; }
    .content-carousel-ui-01 .c-wrapper > .c-item-01 {
      padding: 32px; }
      .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
        padding: 8px 12px;
        background: #fafbfd; }
    .content-carousel-ui-01 .c-wrapper .owl-nav {
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.35s 0s, visibility 0s 0.35s;
      width: 100%;
      top: calc(50% - 26px); }
      .content-carousel-ui-01 .c-wrapper .owl-nav .owl-prev {
        background: url(/Content/Images/Icons/left-arrow.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 7px auto;
        background-color: #F8F8F8;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        left: 32px; }
      .content-carousel-ui-01 .c-wrapper .owl-nav .owl-next {
        background: url(/Content/Images/Icons/right-arrow.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #F8F8F8;
        background-size: 7px auto;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        right: 32px; }
    .content-carousel-ui-01 .c-wrapper:hover .owl-nav {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.35s 0s, visibility 0s 0s; }

.content-carousel-ui-02 {
  background-color: #fff;
  margin-bottom: 0 !important; }
  .content-carousel-ui-02 .c-wrapper {
    background: #FFFFFF; }
    .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
      overflow: hidden;
      padding: 0 20px 0px 20px; }
      .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 {
        width: unset !important;
        display: block; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A {
          display: flex;
          justify-content: center;
          align-items: center; }
          .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            border: 1px solid #E9EBF1; }
            .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
              object-fit: contain; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-B {
          text-align: center;
          font-size: 13px;
          line-height: 16px; }

@media all and (max-width: 414px) {
  .content-carousel-ui-01 {
    padding-top: 0; }
    .content-carousel-ui-01 .c-wrapper {
      width: 100%;
      border-radius: 0; }
      .content-carousel-ui-01 .c-wrapper > .c-item-01 {
        padding: 24px 24px 24px 20px; }
        .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
          display: none; }
      .content-carousel-ui-01 .c-wrapper > .c-item-03 {
        display: none !important;
        margin-top: 20px; }

  .content-carousel-ui-02 .c-wrapper {
    width: 100%; }
    .content-carousel-ui-02 .c-wrapper .c-item-01 {
      padding: 24px 0 24px 20px; }
    .content-carousel-ui-02 .c-wrapper .c-item-02 {
      padding: 0 0 28px 0; }
      .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 {
        width: 120px;
        height: 80px;
        margin-bottom: 12px; }
        .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 img {
          width: 90px;
          height: 48px; }

  .content-carousel-ui-03 {
    padding: 20px 0 20px 0; }
    .content-carousel-ui-03 .owl-stage-outer {
      padding: 0 0 4px 30px; }
    .content-carousel-ui-03 .c-item {
      width: 335px;
      height: 268px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px;
      overflow: hidden; }
      .content-carousel-ui-03 .c-item .c-item-01 {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: center; }
      .content-carousel-ui-03 .c-item .c-item-02 {
        width: 100%;
        height: 68px;
        padding: 0 16px;
        display: flex;
        align-items: center; }
      .content-carousel-ui-03 .c-item .c-item-03 {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 8px;
        right: 8px;
        width: 32px;
        height: 22px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 4px; }
      .content-carousel-ui-03 .c-item .c-item-04 {
        display: none; }
    .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
      height: unset;
      padding: 16px 16px 0 16px; } }
@media all and (max-width: 360px) {
  .content-carousel-ui-03 .c-item {
    width: 280px; }
    .content-carousel-ui-03 .c-item .c-item-02 {
      padding: 0 8px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .content-carousel-ui-01 {
    padding-top: 0; }
    .content-carousel-ui-01 .c-wrapper {
      width: 100%;
      border-radius: 0; }
      .content-carousel-ui-01 .c-wrapper > .c-item-01 {
        padding: 24px 24px 24px 20px; }
        .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
          display: none; }
      .content-carousel-ui-01 .c-wrapper > .c-item-03 {
        display: none !important;
        margin-top: 20px; }

  .content-carousel-ui-02 .c-wrapper {
    width: 100%; }
    .content-carousel-ui-02 .c-wrapper .c-item-01 {
      padding: 24px 0 24px 20px; }
    .content-carousel-ui-02 .c-wrapper .c-item-02 {
      padding: 0 0 28px 0; }
      .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 {
        width: 120px;
        height: 80px;
        margin-bottom: 12px; }
        .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 img {
          width: 90px;
          height: 48px; }

  .content-carousel-ui-03 {
    padding: 20px 0 20px 0; }
    .content-carousel-ui-03 .owl-stage-outer {
      padding: 0 0 4px 30px; }
    .content-carousel-ui-03 .c-item {
      width: 335px;
      height: 268px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px;
      overflow: hidden; }
      .content-carousel-ui-03 .c-item .c-item-01 {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: center; }
      .content-carousel-ui-03 .c-item .c-item-02 {
        width: 100%;
        height: 68px;
        padding: 0 16px;
        display: flex;
        align-items: center; }
      .content-carousel-ui-03 .c-item .c-item-03 {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 8px;
        right: 8px;
        width: 32px;
        height: 22px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 4px; }
      .content-carousel-ui-03 .c-item .c-item-04 {
        display: none; }
    .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
      height: unset;
      padding: 16px 16px 0 16px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .content-carousel-ui-01 {
    padding-top: 0; }
    .content-carousel-ui-01 .c-wrapper > .c-item-01 {
      padding: 24px 24px 24px 20px; }
      .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
        display: none; }
    .content-carousel-ui-01 .c-wrapper > .c-item-03 {
      margin-top: 20px; }

  .content-carousel-ui-02 .c-wrapper {
    border-radius: 8px; }
    .content-carousel-ui-02 .c-wrapper .c-item-01 {
      padding: 24px 0 24px 0px; }
    .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
      overflow: hidden;
      padding: 0 20px 0px 0px; }
      .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 {
        padding: 0 0 32px 0; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 {
          width: 150px;
          height: 85px;
          margin-bottom: 16px; }
          .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 img {
            width: 110px;
            height: 69px; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .owl-stage-outer .owl-stage > :first-child .c-unit-01 {
          margin-left: 20px; }

  .content-carousel-ui-03 .owl-stage-outer {
    padding-left: calc((100% - 704px) / 2);
    padding-bottom: 4px; }
  .content-carousel-ui-03 .c-item {
    width: 704px;
    height: 499px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden; }
    .content-carousel-ui-03 .c-item .c-item-01 {
      width: 100%;
      height: 419px;
      object-fit: cover;
      object-position: center; }
    .content-carousel-ui-03 .c-item .c-item-02 {
      width: 330px;
      height: 80px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      line-height: 24px;
      letter-spacing: -0.01em;
      color: #171718; }
    .content-carousel-ui-03 .c-item .c-item-03 {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 20px;
      right: 20px;
      width: 42px;
      height: 23px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 4px; }
    .content-carousel-ui-03 .c-item .c-item-04 {
      display: none; }
  .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
    height: unset;
    padding: 16px 0 0 20px;
    align-items: unset; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .content-carousel-ui-01 {
    padding-top: 0; }
    .content-carousel-ui-01 .c-wrapper > .c-item-01 {
      padding: 24px 24px 24px 20px; }
      .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
        display: none; }
    .content-carousel-ui-01 .c-wrapper > .c-item-03 {
      margin-top: 20px; }

  .content-carousel-ui-02 .c-wrapper {
    border-radius: 8px; }
    .content-carousel-ui-02 .c-wrapper .c-item-01 {
      padding: 24px 0 24px 0px; }
    .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
      overflow: hidden;
      padding: 0 20px 0px 0px; }
      .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 {
        padding: 0 0 32px 0; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 {
          width: 150px;
          height: 85px;
          margin-bottom: 16px; }
          .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 img {
            width: 110px;
            height: 69px; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .owl-stage-outer .owl-stage > :first-child .c-unit-01 {
          margin-left: 20px; }

  .content-carousel-ui-03 .owl-stage-outer {
    padding-left: calc((100% - 704px) / 2);
    padding-bottom: 4px; }
  .content-carousel-ui-03 .c-item {
    width: 704px;
    height: 499px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden; }
    .content-carousel-ui-03 .c-item .c-item-01 {
      width: 100%;
      height: 419px;
      object-fit: cover;
      object-position: center; }
    .content-carousel-ui-03 .c-item .c-item-02 {
      width: 330px;
      height: 80px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      line-height: 24px;
      letter-spacing: -0.01em;
      color: #171718; }
    .content-carousel-ui-03 .c-item .c-item-03 {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 20px;
      right: 20px;
      width: 42px;
      height: 23px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 4px; }
    .content-carousel-ui-03 .c-item .c-item-04 {
      display: none; }
  .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
    height: unset;
    padding: 16px 0 0 20px;
    align-items: unset; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .content-carousel-ui-01 {
    border-radius: 8px;
    padding-top: 0; }
    .content-carousel-ui-01 .c-wrapper > .c-item-01 {
      padding: 32px 32px 32px 0px; }
    .content-carousel-ui-01 .c-wrapper > .c-item-02 {
      padding: 0px 20px 8px 0px !important; }

  .content-carousel-ui-02 {
    background-color: #ffff; }
    .content-carousel-ui-02 .c-wrapper {
      background: #FFFFFF;
      border-radius: 8px; }
      .content-carousel-ui-02 .c-wrapper .c-item-01 {
        padding: 32px 32px 32px 0px; }
      .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
        overflow: hidden;
        padding: 0px; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 {
          display: block;
          width: 150px; }
          .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A {
            width: 150px;
            height: 85px;
            margin-bottom: 16px; }
            .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
              width: 150px;
              height: 85px;
              border-radius: 4px;
              border: 1px solid #E9EBF1; }
              .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
                width: 90px;
                height: 48px; }

  .content-carousel-ui-03 {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .content-carousel-ui-03.owl-carousel {
      width: 1240px;
      margin: 0 auto; }
    .content-carousel-ui-03 .c-item .c-item-01 {
      width: 100%;
      height: 375px;
      object-fit: cover;
      object-position: center; }
    .content-carousel-ui-03 .c-item .c-item-02, .content-carousel-ui-03 .c-item .c-item-03 {
      display: none; }
    .content-carousel-ui-03 .c-item .c-item-04 {
      height: 100%;
      width: 500px;
      padding: 20px;
      position: absolute;
      top: 0;
      left: 0; }
      .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A {
        width: 100%;
        height: 100%;
        padding: 36px 40px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-01 {
          width: 360px; }
        .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 {
          width: 176px;
          height: 56px;
          background: #7A3986;
          border-radius: 8px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
            margin-right: 15px; }
    .content-carousel-ui-03 .c-item.type-2 .c-item-04 {
      height: unset; }
      .content-carousel-ui-03 .c-item.type-2 .c-item-04 .c-item-04-A .c-unit-02 {
        margin-top: 40px; }
    .content-carousel-ui-03 .owl-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100px;
      background: #F5F6F9; }
      .content-carousel-ui-03 .owl-dots .owl-dot {
        width: 85px;
        height: 60px;
        border-radius: 4px; }
        .content-carousel-ui-03 .owl-dots .owl-dot:not(:last-child) {
          margin-right: 12px; }
        .content-carousel-ui-03 .owl-dots .owl-dot img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
        .content-carousel-ui-03 .owl-dots .owl-dot.active:after {
          content: "";
          width: 45px;
          height: 3px;
          background: #3B518B;
          border-radius: 8px;
          position: absolute;
          bottom: -16px;
          left: calc(50% - 22.5px); }
    .content-carousel-ui-03.f-category-slider.owl-carousel {
      width: 100%; }
    .content-carousel-ui-03.f-category-slider .c-item .c-item-01 {
      width: 100%;
      height: 377px;
      object-fit: cover;
      object-position: center; }
    .content-carousel-ui-03.f-category-slider .c-item .c-item-04 {
      /* height: calc(100% - 50px);*/
      width: 328px;
      padding: 20px;
      position: absolute;
      top: 0;
      left: 0; }
      .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A {
        width: 100%;
        height: 100%;
        padding: 28px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px; }
        .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-01 {
          width: 100%;
          font-weight: 500;
          font-size: 22px;
          line-height: 30px;
          letter-spacing: -0.01em;
          color: #1F2E5C; }
        .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 {
          width: 100%;
          height: 56px;
          background: #425993;
          border-radius: 8px;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          color: #FFFFFF; }
          .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
            margin-right: 15px; }
    .content-carousel-ui-03.f-category-slider .owl-dots {
      display: flex !important;
      align-items: center;
      justify-content: center;
      height: 48px;
      background: #FFFFFF; }
      .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #C4C4C4;
        opacity: 0.6;
        transition: background 0.25s, opacity 0.25s; }
        .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot:not(:last-child) {
          margin-right: 12px; }
        .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot span {
          display: none; }
        .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active {
          background: #787878;
          opacity: 1; }
          .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active:after {
            display: none; } }
@media all and (min-width: 1680px) {
  .content-carousel-ui-01 {
    border-radius: 8px;
    padding-top: 0; }
    .content-carousel-ui-01 .c-wrapper > .c-item-01 {
      padding: 32px 32px 32px 0px; }
    .content-carousel-ui-01 .c-wrapper > .c-item-02 {
      padding: 0px 20px 8px 0px !important; }

  .content-carousel-ui-02 {
    background-color: #ffff; }
    .content-carousel-ui-02 .c-wrapper {
      background: #FFFFFF;
      border-radius: 8px; }
      .content-carousel-ui-02 .c-wrapper .c-item-01 {
        padding: 32px 32px 32px 0px; }
      .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
        overflow: hidden;
        padding: 0px; }
        .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 {
          display: block;
          width: 150px; }
          .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A {
            width: 150px;
            height: 85px;
            margin-bottom: 16px; }
            .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
              width: 150px;
              height: 85px;
              border-radius: 4px;
              border: 1px solid #E9EBF1; }
              .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
                width: 90px;
                height: 48px; }

  .content-carousel-ui-03 {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .content-carousel-ui-03.owl-carousel {
      width: 1240px;
      margin: 0 auto; }
    .content-carousel-ui-03 .c-item .c-item-01 {
      width: 100%;
      height: 375px;
      object-fit: cover;
      object-position: center; }
    .content-carousel-ui-03 .c-item .c-item-02, .content-carousel-ui-03 .c-item .c-item-03 {
      display: none; }
    .content-carousel-ui-03 .c-item .c-item-04 {
      height: 100%;
      width: 500px;
      padding: 20px;
      position: absolute;
      top: 0;
      left: 0; }
      .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A {
        width: 100%;
        height: 100%;
        padding: 36px 40px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-01 {
          width: 360px; }
        .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 {
          width: 176px;
          height: 56px;
          background: #7A3986;
          border-radius: 8px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
            margin-right: 15px; }
    .content-carousel-ui-03 .c-item.type-2 .c-item-04 {
      height: unset; }
      .content-carousel-ui-03 .c-item.type-2 .c-item-04 .c-item-04-A .c-unit-02 {
        margin-top: 40px; }
    .content-carousel-ui-03 .owl-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100px;
      background: #F5F6F9; }
      .content-carousel-ui-03 .owl-dots .owl-dot {
        width: 85px;
        height: 60px;
        border-radius: 4px; }
        .content-carousel-ui-03 .owl-dots .owl-dot:not(:last-child) {
          margin-right: 12px; }
        .content-carousel-ui-03 .owl-dots .owl-dot img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
        .content-carousel-ui-03 .owl-dots .owl-dot.active:after {
          content: "";
          width: 45px;
          height: 3px;
          background: #3B518B;
          border-radius: 8px;
          position: absolute;
          bottom: -16px;
          left: calc(50% - 22.5px); }
    .content-carousel-ui-03.f-category-slider.owl-carousel {
      width: 100%; }
    .content-carousel-ui-03.f-category-slider .c-item .c-item-01 {
      width: 100%;
      height: 377px;
      object-fit: cover;
      object-position: center; }
    .content-carousel-ui-03.f-category-slider .c-item .c-item-04 {
      /* height: calc(100% - 50px);*/
      width: 328px;
      padding: 20px;
      position: absolute;
      top: 0;
      left: 0; }
      .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A {
        width: 100%;
        height: 100%;
        padding: 28px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px; }
        .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-01 {
          width: 100%;
          font-weight: 500;
          font-size: 22px;
          line-height: 30px;
          letter-spacing: -0.01em;
          color: #1F2E5C; }
        .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 {
          width: 100%;
          height: 56px;
          background: #425993;
          border-radius: 8px;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          color: #FFFFFF; }
          .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
            margin-right: 15px; }
    .content-carousel-ui-03.f-category-slider .owl-dots {
      display: flex !important;
      align-items: center;
      justify-content: center;
      height: 48px;
      background: #FFFFFF; }
      .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #C4C4C4;
        opacity: 0.6;
        transition: background 0.25s, opacity 0.25s; }
        .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot:not(:last-child) {
          margin-right: 12px; }
        .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot span {
          display: none; }
        .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active {
          background: #787878;
          opacity: 1; }
          .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active:after {
            display: none; } }
#modal-wrapper.type-drw #modal-header {
  color: #171718; }
#modal-wrapper.type-drw #modal-body::-webkit-scrollbar {
  width: 5px; }
#modal-wrapper.type-drw #modal-body::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 2px;
  background-color: #D5D5D6; }
#modal-wrapper.type-drw #modal-footer {
  border-top: 1px solid #E6E6E7; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    border-radius: 4px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:disabled,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:disabled {
      background-color: #909091; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
    background-color: #425993;
    color: #fff; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    margin-right: 8px;
    color: #1F2E5C; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    margin-right: 8px;
    background-color: #7A3986;
    color: #fff;
    border-radius: 4px; }
#modal-wrapper.type-drw #modal-close {
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%207.05L16.95%206L12%2010.95L7.05%206L6%207.05L10.95%2012L6%2016.95L7.05%2018L12%2013.05L16.95%2018L18%2016.95L13.05%2012L18%207.05Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-color: #fff;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s; }
  #modal-wrapper.type-drw #modal-close:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #modal-wrapper.type-drw #modal-header {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    height: 76px;
    padding: 0 70px 0 20px;
    border-bottom: 1px solid #E6E6E7;
    line-height: 22px !important; }
    #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
      font-weight: 600 !important;
      font-size: 18px !important;
      letter-spacing: -0.005em !important; }
  #modal-wrapper.type-drw #modal-body {
    /* padding: 0 20px;
    margin: 20px 0;*/ }
  #modal-wrapper.type-drw #modal-footer {
    height: 100px;
    padding: 16px 20px 36px 20px;
    border-top: 1px solid #E6E6E7; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      height: 48px;
      line-height: 17px;
      font-weight: 500;
      font-size: 14px;
      letter-spacing: -0.01em;
      padding: 0 12px; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary.disabled,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary.disabled,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary.disabled {
        background: grey; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
      flex: 1; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
      width: 33%;
      background-color: #E9EBF1; }
    #modal-wrapper.type-drw #modal-footer .footer-btn {
      width: 100%; }
  #modal-wrapper.type-drw #modal-close {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: 40px;
    height: 40px;
    background-color: #F0F0F2; } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #modal-wrapper.type-drw #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px !important; }
    #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
      font-weight: 600 !important;
      font-size: 24px !important;
      letter-spacing: -0.005em !important; }
  #modal-wrapper.type-drw #modal-body {
    padding: 0 40px 0 40px;
    margin: 0; }
  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      height: 42px;
      padding: 0 24px;
      line-height: 16px;
      font-weight: 500;
      font-size: 13px;
      transition: background-color 0.3s; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
      color: #fff; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
        background-color: #3B518B; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
      background-color: #FAFBFD; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
        background-color: #E9EBF1; }
  #modal-wrapper.type-drw #modal-close {
    width: 48px;
    height: 48px; }
  #modal-wrapper.type-drw.dir-r2l #modal-close, #modal-wrapper.type-drw.dir-sm1-r2l #modal-close, #modal-wrapper.type-drw.dir-sm2-r2l #modal-close {
    top: 32px;
    right: auto;
    bottom: auto;
    left: -68px; }
  #modal-wrapper.type-drw.dir-l2r #modal-close, #modal-wrapper.type-drw.dir-sm1-l2r #modal-close, #modal-wrapper.type-drw.dir-sm2-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto; } }
/* SM1 */
/* SM2 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #modal-wrapper.type-drw #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px; }
    #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
      font-weight: 600;
      font-size: 24px;
      letter-spacing: -0.005em; }
  #modal-wrapper.type-drw #modal-body {
    padding: 0 40px 0 40px;
    margin: 0 0 40px 0; }
  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      height: 42px;
      padding: 0 24px;
      line-height: 16px;
      font-weight: 500;
      font-size: 13px;
      transition: background-color 0.3s; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:disabled:hover {
      background-color: #E9EBF1; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
      background-color: #3B518B; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
      background-color: #FAFBFD; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
        background-color: #E9EBF1; }
  #modal-wrapper.type-drw #modal-close {
    width: 48px;
    height: 48px; }
  #modal-wrapper.type-drw.dir-r2l #modal-close, #modal-wrapper.type-drw.dir-md-r2l #modal-close, #modal-wrapper.type-drw.dir-lg-r2l #modal-close {
    top: 32px;
    right: auto;
    bottom: auto;
    left: -68px; }
  #modal-wrapper.type-drw.dir-l2r #modal-close, #modal-wrapper.type-drw.dir-md-l2r #modal-close, #modal-wrapper.type-drw.dir-lg-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto; } }
/* MD */
/* LG */
.comp-layout-footer-01 {
  padding: 40px 0;
  background-color: #fff; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 25%; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
      margin-top: 32px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li {
        margin-bottom: 12px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li:last-child {
          margin-bottom: 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 {
      display: none; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center {
      border-radius: 8px;
      background: #F3FBFF;
      padding: 32px;
      margin-top: 48px;
      height: fit-content;
      width: fit-content; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center > span {
        color: #211F20;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        display: block;
        margin-bottom: 16px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center > a {
        display: flex;
        gap: 12px;
        align-items: center;
        color: #000;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
    height: 1px;
    margin: 60px 0 33px 0;
    background: #E6E6E7; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    margin-left: 20px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 :first-child {
      margin-bottom: 8px; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .moobileSplitter {
    height: 1px;
    margin: 32px 0;
    background: #E6E6E7; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li {
    margin-right: 8px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li:last-child {
      margin-right: 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li a {
      width: 40px;
      height: 40px;
      background: #FFFFFF;
      border: 1px solid #D5D5D6;
      border-radius: 20px;
      box-sizing: border-box; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
    margin: 60px 0 0 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 .c-item-01 svg {
      margin-right: 24px; }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-02 {
    margin-top: 40px; }
    .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-02 .citem01 {
      margin-bottom: 20px; }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-splitter {
    height: 1px;
    margin: 40px 0;
    background: #E6E6E7; }

@media all and (max-width: 414px) {
  .comp-layout-footer-01 {
    padding: 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 {
      height: auto !important;
      margin-top: 60px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
        width: 100%;
        margin-bottom: 40px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
          display: none;
          margin-top: 32px; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li:last-child {
            margin-bottom: 0; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .plus {
            display: block; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .mines {
            display: none; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 {
          display: block;
          position: absolute;
          right: 0;
          top: 0; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 .mines {
            display: none; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active ul {
          display: block; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .plus {
          display: none; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .mines {
          display: block; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 0; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center::before {
            display: none; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:before {
        content: "";
        position: absolute;
        height: 1px;
        top: -20px;
        width: 100%;
        background: #E6E6E7; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:last-child {
        margin-bottom: 60px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
      display: none; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li {
      margin-right: 42px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li:last-child {
        margin-right: 0; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li a {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        box-sizing: border-box; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .moobileSplitter {
      width: 100%; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
      margin: 32px 0 40px 0;
      width: 100%; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
      margin: 0; }
    .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-01 :last-child {
      margin-bottom: 0; }
    .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-splitter {
      display: none;
      margin: 40px 0 20px 0; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-layout-footer-01 {
    padding: 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 {
      height: auto !important;
      margin-top: 60px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
        width: 100%;
        margin-bottom: 40px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
          display: none;
          margin-top: 32px; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li:last-child {
            margin-bottom: 0; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .plus {
            display: block; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .mines {
            display: none; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 {
          display: block;
          position: absolute;
          right: 0;
          top: 0; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 .mines {
            display: none; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active ul {
          display: block; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .plus {
          display: none; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .mines {
          display: block; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 0; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center::before {
            display: none; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:before {
        content: "";
        position: absolute;
        height: 1px;
        top: -20px;
        width: 100%;
        background: #E6E6E7; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:last-child {
        margin-bottom: 60px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
      display: none; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li {
      margin-right: 42px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li:last-child {
        margin-right: 0; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li a {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        box-sizing: border-box; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .moobileSplitter {
      width: 100%; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
      margin: 32px 0 40px 0;
      width: 100%; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
      margin: 0; }
    .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-01 :last-child {
      margin-bottom: 0; }
    .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-splitter {
      display: none;
      margin: 40px 0 20px 0; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-layout-footer-01 {
    padding: 0 0 80px 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
      width: 25%; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
        display: none; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
        display: inline-block;
        cursor: pointer;
        color: #39587F;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
          content: attr(data-close); }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
        content: attr(data-open); }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
        display: list-item; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
        display: list-item; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
        display: none; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
        order: 1; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
        order: 4; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
        order: 2; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
        order: 3; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
        order: 5;
        position: absolute;
        top: 200px;
        right: -80px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
      align-items: center; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-layout-footer-01 {
    padding: 0 0 80px 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
      width: 25%; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
        display: none; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
        display: inline-block;
        cursor: pointer;
        color: #39587F;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
          content: attr(data-close); }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
        content: attr(data-open); }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
        display: list-item; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
        display: list-item; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
        display: none; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
        order: 1; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
        order: 4; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
        order: 2; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
        order: 3; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
        order: 5;
        position: absolute;
        top: 200px;
        right: -80px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
      align-items: center; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 25%; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
      display: none; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
      display: inline-block;
      cursor: pointer;
      color: #39587F;
      font-family: 'Inter';
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
        content: attr(data-close); }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
      content: attr(data-open); }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label {
      margin-top: 10px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
      display: list-item; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
      display: list-item; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
      display: none; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
      order: 1; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
      order: 4; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
      order: 2; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
      order: 3; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
      order: 5;
      position: absolute;
      top: 200px;
      right: 48px; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
    align-items: center; } }
@media all and (min-width: 1680px) {
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 25%; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
      display: none; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
      display: inline-block;
      cursor: pointer;
      color: #39587F;
      font-family: 'Inter';
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
        content: attr(data-close); }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
      content: attr(data-open); }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label {
      margin-top: 10px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
      display: list-item; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
      display: list-item; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
      display: none; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
      order: 1; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
      order: 4; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
      order: 2; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
      order: 3; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
      order: 5;
      position: absolute;
      top: 200px;
      right: 48px; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
    align-items: center; } }
.filter-ui-01 {
  padding: 28px 20px 28px 20px;
  background-color: #E9EBF1; }
  .filter-ui-01.storePage {
    display: none; }
  .filter-ui-01 .c-item-03 {
    display: none; }
  .filter-ui-01 .c-item-04 {
    display: none; }

.filter-ui-02 {
  padding: 24px 20px 24px 20px;
  border-bottom: 1px solid #E6E6E7; }
  .filter-ui-02 .c-item-01 {
    height: 27px;
    margin: 0 0 20px 0; }
  .filter-ui-02 .c-item-02 > li:not(:last-child) {
    margin-bottom: 12px; }

.filter-ui-03 {
  padding: 24px 20px;
  border-bottom: 1px solid #E6E6E7; }
  .filter-ui-03 .c-item-01 {
    height: 27px;
    margin: 0 0 20px 0; }
  .filter-ui-03 .c-item-02 {
    margin: 0 0 12px 0; }
    .filter-ui-03 .c-item-02 .c-item-02-A {
      width: 100%;
      height: 40px;
      padding: 0 0 0 12px;
      border: 1px solid #E6E6E7;
      border-radius: 4px; }

.filter-ui-04 {
  padding: 24px 20px 24px 20px;
  border-bottom: 1px solid #E6E6E7; }
  .filter-ui-04 .c-item-01 {
    height: 27px;
    margin: 0 0 20px 0; }
  .filter-ui-04 .c-item-02 {
    margin: 0 0 12px 0; }
    .filter-ui-04 .c-item-02 .c-item-02-A,
    .filter-ui-04 .c-item-02 .c-item-02-B {
      width: 80px;
      height: 40px;
      padding: 0 0 0 12px;
      border: 1px solid #E6E6E7;
      border-radius: 4px; }
    .filter-ui-04 .c-item-02 .c-item-02-A {
      margin: 0 4px 0 0; }
      .filter-ui-04 .c-item-02 .c-item-02-A:not([value=""]) ~ .c-item-02-C {
        background-color: #3B518B; }
    .filter-ui-04 .c-item-02 .c-item-02-B {
      margin: 0 11px 0 0; }
      .filter-ui-04 .c-item-02 .c-item-02-B:not([value=""]) ~ .c-item-02-C {
        background-color: #3B518B; }

.filter-ui-05 {
  padding: 24px 20px 24px 20px;
  border-bottom: 1px solid #E6E6E7; }
  .filter-ui-05 .c-item-01 {
    height: 27px;
    margin: 0 0 20px 0; }

@media all and (max-width: 414px) {
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%; }
    .filter-ui-01.storePage {
      display: none; }
    .filter-ui-01 .c-item-01 {
      margin-bottom: 12px; }
    .filter-ui-01 .c-item-02 {
      font-family: Inter;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #68686A; }
    .filter-ui-01 .c-item-02 {
      margin-bottom: 28px; }
    .filter-ui-01 .c-item-03 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
      .filter-ui-01 .c-item-03 .c-unit-01 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          letter-spacing: -0.01em;
          color: #171718; }
        .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
          content: "";
          position: absolute;
          width: 8px;
          height: 8px;
          left: -28px;
          top: -4px;
          background: #5E9AC9;
          border: 1px solid #E9EBF1;
          border-radius: 50%;
          z-index: 1; }
      .filter-ui-01 .c-item-03 .c-unit-02 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
          margin-right: 8px;
          position: absolute; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
          width: 100%;
          height: 100%;
          background: #E9EBF1;
          border-radius: 8px;
          text-align: center; }
        .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
          width: 100%;
          height: 100%;
          align-items: center;
          display: flex;
          justify-content: center; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #171718; }
            .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered .select2-selection__placeholder {
              display: flex; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
            content: "";
            position: absolute;
            left: -24px;
            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%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .filter-ui-01 .c-item-04 {
      display: flex;
      align-items: center;
      width: calc(100% + 40px);
      margin-left: -20px;
      overflow-y: auto;
      padding-left: 20px;
      height: 73px;
      border-top: 1px solid #EDEDED; }
      .filter-ui-01 .c-item-04 .c-unit-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 12px 16px;
        margin-right: 4px;
        border: 1px solid #E9EBF1;
        box-sizing: border-box;
        border-radius: 100px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718;
        white-space: nowrap; }

  .sort_mobile_s2 .select2-search {
    display: none; }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px; }
    .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
      margin-bottom: 12px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%; }
    .filter-ui-01.storePage {
      display: none; }
    .filter-ui-01 .c-item-01 {
      margin-bottom: 12px; }
    .filter-ui-01 .c-item-02 {
      font-family: Inter;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #68686A; }
    .filter-ui-01 .c-item-02 {
      margin-bottom: 28px; }
    .filter-ui-01 .c-item-03 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
      .filter-ui-01 .c-item-03 .c-unit-01 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          letter-spacing: -0.01em;
          color: #171718; }
        .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
          content: "";
          position: absolute;
          width: 8px;
          height: 8px;
          left: -28px;
          top: -4px;
          background: #5E9AC9;
          border: 1px solid #E9EBF1;
          border-radius: 50%;
          z-index: 1; }
      .filter-ui-01 .c-item-03 .c-unit-02 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
          margin-right: 8px;
          position: absolute; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
          width: 100%;
          height: 100%;
          background: #E9EBF1;
          border-radius: 8px;
          text-align: center; }
        .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
          width: 100%;
          height: 100%;
          align-items: center;
          display: flex;
          justify-content: center; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #171718; }
            .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered .select2-selection__placeholder {
              display: flex; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
            content: "";
            position: absolute;
            left: -24px;
            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%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .filter-ui-01 .c-item-04 {
      display: flex;
      align-items: center;
      width: calc(100% + 40px);
      margin-left: -20px;
      overflow-y: auto;
      padding-left: 20px;
      height: 73px;
      border-top: 1px solid #EDEDED; }
      .filter-ui-01 .c-item-04 .c-unit-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 12px 16px;
        margin-right: 4px;
        border: 1px solid #E9EBF1;
        box-sizing: border-box;
        border-radius: 100px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718;
        white-space: nowrap; }

  .sort_mobile_s2 .select2-search {
    display: none; }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px; }
    .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
      margin-bottom: 12px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%; }
    .filter-ui-01.storePage {
      display: none; }
    .filter-ui-01 .c-item-01 {
      margin-bottom: 12px; }
    .filter-ui-01 .c-item-02 {
      margin-bottom: 28px; }
    .filter-ui-01 .c-item-03 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
      .filter-ui-01 .c-item-03 .c-unit-01 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          letter-spacing: -0.01em;
          color: #171718; }
        .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
          content: "";
          position: absolute;
          width: 8px;
          height: 8px;
          left: -28px;
          top: -4px;
          background: #5E9AC9;
          border: 1px solid #E9EBF1;
          border-radius: 50%;
          z-index: 1; }
      .filter-ui-01 .c-item-03 .c-unit-02 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
          margin-right: 8px;
          position: absolute; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
          display: none; }
        .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
          width: 100%;
          height: 100%;
          align-items: center;
          display: flex;
          justify-content: center; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #171718; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
            content: "";
            position: absolute;
            left: -24px;
            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%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .filter-ui-01 .c-item-04 {
      padding-left: calc(50vw - 352px);
      margin-left: 0;
      display: flex;
      align-items: center;
      width: calc(100% + 40px);
      overflow-y: auto;
      height: 73px;
      border-top: 1px solid #EDEDED; }
      .filter-ui-01 .c-item-04 .c-unit-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 12px 16px;
        margin-right: 4px;
        border: 1px solid #E9EBF1;
        box-sizing: border-box;
        border-radius: 100px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718;
        white-space: nowrap; }

  .sort_mobile_s2 .select2-search {
    display: none; }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px; }
    .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
      margin-bottom: 12px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%; }
    .filter-ui-01.storePage {
      display: none; }
    .filter-ui-01 .c-item-01 {
      margin-bottom: 12px; }
    .filter-ui-01 .c-item-02 {
      margin-bottom: 28px; }
    .filter-ui-01 .c-item-03 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
      .filter-ui-01 .c-item-03 .c-unit-01 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          letter-spacing: -0.01em;
          color: #171718; }
        .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
          content: "";
          position: absolute;
          width: 8px;
          height: 8px;
          left: -28px;
          top: -4px;
          background: #5E9AC9;
          border: 1px solid #E9EBF1;
          border-radius: 50%;
          z-index: 1; }
      .filter-ui-01 .c-item-03 .c-unit-02 {
        height: 40px;
        width: calc(50% - 4px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EBF1;
        border-radius: 8px; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
          margin-right: 8px;
          position: absolute; }
        .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
          display: none; }
        .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
          width: 100%;
          height: 100%;
          align-items: center;
          display: flex;
          justify-content: center; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #171718; }
          .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
            content: "";
            position: absolute;
            left: -24px;
            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%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .filter-ui-01 .c-item-04 {
      padding-left: calc(50vw - 352px);
      margin-left: 0;
      display: flex;
      align-items: center;
      width: calc(100% + 40px);
      overflow-y: auto;
      height: 73px;
      border-top: 1px solid #EDEDED; }
      .filter-ui-01 .c-item-04 .c-unit-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 12px 16px;
        margin-right: 4px;
        border: 1px solid #E9EBF1;
        box-sizing: border-box;
        border-radius: 100px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718;
        white-space: nowrap; }

  .sort_mobile_s2 .select2-search {
    display: none; }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px; }
    .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
      margin-bottom: 12px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .filter-ui-01.storePage {
    display: none; }

  .filter-ui-02 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-ui-03 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-ui-04 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-ui-05 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em; } }
@media all and (min-width: 1680px) {
  .filter-ui-01.storePage {
    display: none; }

  .filter-ui-02 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-ui-03 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-ui-04 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-ui-05 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em; } }
#filter-chip-container {
  margin-top: 8px;
  height: 0;
  transition: height 0.2s 0.2s;
  overflow: hidden;
  margin-bottom: 8px; }
  #filter-chip-container.on {
    transition: height 0.2s 0s; }
    #filter-chip-container.on #filter-chip-content {
      opacity: 1;
      transition: opacity 0.2s 0.2s !important; }

#filter-chip-content {
  padding: 20px 28px 14px 28px;
  background: #fff;
  border-radius: 8px 8px 0px 0px;
  border-bottom: 2px solid #D8BFDB;
  opacity: 0;
  transition: opacity 0.2s 0s; }

#filter-chip-head {
  display: flex;
  margin: 0 0 20px 0; }
  #filter-chip-head .c-item-01 {
    margin: 0 12px 0 0; }
  #filter-chip-head .filterchip-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #853F8C; }
  #filter-chip-head .filterchip-lnk-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #68686A; }
    #filter-chip-head .filterchip-lnk-A:hover {
      text-decoration: underline; }

#filter-chip-list {
  display: flex;
  flex-wrap: wrap; }
  #filter-chip-list .chip-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 44px;
    padding: 0 12px 0 44px;
    margin: 0 8px 8px 0;
    background-color: #FAF3FB;
    border: 1px solid #A770AC;
    border-radius: 6px; }
    #filter-chip-list .chip-item .chip-remove {
      position: absolute;
      top: calc(50% - 10px);
      left: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #96559C; }
    #filter-chip-list .chip-item .chip-key {
      font-weight: 500;
      font-size: 11px;
      line-height: 13px;
      letter-spacing: -0.005em;
      color: #7A3986; }
    #filter-chip-list .chip-item .chip-value {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.005em;
      color: #452362; }

@media all and (min-width: 1280px) and (max-width: 1679px) {
  #filter-chip-container {
    margin-top: 0px;
    margin-bottom: 0px; } }
@media all and (min-width: 1680px) {
  #filter-chip-container {
    margin-top: 0px;
    margin-bottom: 0px; } }
/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
.sales-note-form-ui-01 .c-item-02-B[data-placeholder="childform"], .sales-note-form-ui-01 .c-item-02-B[data-placeholder="additionalincomeform"], .sales-note-form-ui-01 .c-item-02-I[data-placeholder="childform"], .sales-note-form-ui-01 .c-item-02-I[data-placeholder="additionalincomeform"] {
  overflow: hidden;
  height: 0;
  transition: opacity 0.2s, height 0.2s; }
.sales-note-form-ui-01 .c-item-02-B .note-form-group-02, .sales-note-form-ui-01 .c-item-02-I .note-form-group-02 {
  align-content: start; }
  .sales-note-form-ui-01 .c-item-02-B .note-form-group-02:last-child, .sales-note-form-ui-01 .c-item-02-I .note-form-group-02:last-child {
    margin-bottom: 0 !important; }
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district {
  display: flex;
  flex-direction: column; }
  .sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container {
    width: 100% !important; }
  .sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important; }
  .sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s; }
  .sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-results__option, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-results__option {
    display: flex;
    align-items: center; }
  .sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg); }
  .sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important; }
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04:last-child, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04:last-child {
  margin-bottom: 0 !important; }
.sales-note-form-ui-01 .c-item-02-F .note-form-group-02 {
  align-content: start; }
.sales-note-form-ui-01 .c-item-02-H > .note-form-group-04:last-child {
  margin-bottom: 0 !important; }

.select2-container .select2-dropdown {
  padding: 16px;
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #D5D5D6;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); }
  .select2-container .select2-dropdown .select2-search {
    padding: 8px 12px;
    border: 1px solid #D5D5D6;
    display: flex;
    align-items: center; }
    .select2-container .select2-dropdown .select2-search:before {
      content: "";
      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_543%29%22%3E%20%3Cpath%20d%3D%22M14.5001%2013.7929L10.7241%2010.0168C11.6314%208.92752%2012.0839%207.53032%2011.9873%206.11589C11.8908%204.70147%2011.2526%203.37872%2010.2057%202.42282C9.15868%201.46692%207.78347%200.951454%206.36612%200.983662C4.94877%201.01587%203.5984%201.59327%202.59593%202.59575C1.59345%203.59822%201.01605%204.94859%200.983845%206.36594C0.951637%207.78329%201.4671%209.15849%202.423%2010.2055C3.37891%2011.2524%204.70165%2011.8906%206.11608%2011.9871C7.5305%2012.0837%208.9277%2011.6312%2010.017%2010.7239L13.7931%2014.4999L14.5001%2013.7929ZM2.00012%206.49994C2.00012%205.60992%202.26404%204.73989%202.75851%203.99987C3.25297%203.25985%203.95578%202.68307%204.77804%202.34248C5.60031%202.00188%206.50511%201.91277%207.37803%202.0864C8.25094%202.26004%209.05276%202.68862%209.6821%203.31795C10.3114%203.94729%2010.74%204.74911%2010.9137%205.62203C11.0873%206.49494%2010.9982%207.39974%2010.6576%208.22201C10.317%209.04428%209.74021%209.74708%209.00019%2010.2415C8.26016%2010.736%207.39013%2010.9999%206.50012%2010.9999C5.30705%2010.9986%204.16323%2010.5241%203.3196%209.68046C2.47597%208.83683%202.00144%207.693%202.00012%206.49994Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_543%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"); }
    .select2-container .select2-dropdown .select2-search .select2-search__field {
      flex: 1;
      border: none;
      padding-left: 4px;
      height: 16px;
      color: #000;
      font-family: Inter;
      font-size: 13px;
      font-weight: 500; }
  .select2-container .select2-dropdown .select2-results {
    margin-top: 16px; }
    .select2-container .select2-dropdown .select2-results ul li {
      color: #000;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 500; }

@media all and (max-width: 414px) {
  .address-form-ui {
    width: 100%;
    height: 800px;
    margin: 0 auto; }
    .address-form-ui .address-form {
      height: 100%; }
      .address-form-ui .address-form .c-container-01 {
        padding: 42px 40px 60px 40px;
        height: calc(100% - 82px);
        overflow: auto; }
        .address-form-ui .address-form .c-container-01 .hr-C {
          margin: 40px 0 20px 0; }
        .address-form-ui .address-form .c-container-01 > .c-item-02 {
          align-items: flex-start; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
            width: 100%; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
              width: 100%;
              margin-bottom: 40px;
              font-weight: 700; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
              margin-bottom: 24px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
                width: 100%; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
                  font-weight: 500;
                  font-size: 12px;
                  line-height: 15px;
                  color: #000000;
                  opacity: 0.8; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
                width: 100%; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
                  font-weight: 500;
                  font-size: 12px;
                  line-height: 15px;
                  color: #000000;
                  opacity: 0.8; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
                width: 300px; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
                  width: 100%;
                  height: 48px;
                  margin-top: 8px;
                  padding: 16px;
                  border: 1px solid #D5D5D6;
                  box-sizing: border-box;
                  border-radius: 4px;
                  font-weight: 500;
                  font-size: 14px;
                  line-height: 17px;
                  color: #000000; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
                  position: absolute;
                  top: 40px;
                  right: 16px;
                  width: 16px;
                  height: 16px;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
                  font-weight: 500;
                  font-size: 12px;
                  line-height: 15px;
                  color: #000000;
                  opacity: 0.8; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
                display: flex;
                flex-direction: column; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
                  width: 100% !important; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
                  padding: 0 !important; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
                  width: 100% !important;
                  height: 48px;
                  margin-top: 9px;
                  display: flex;
                  align-items: center;
                  padding: 15px 13px 15px 16px;
                  border: 1px solid #D5D5D6;
                  box-sizing: border-box;
                  border-radius: 4px;
                  font-weight: 500;
                  font-size: 14px;
                  line-height: 17px;
                  color: #000000;
                  transition: 0.1s; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
                  display: flex;
                  align-items: center; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                  transform: rotate(180deg); }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
                  height: 20px;
                  width: 20px;
                  top: 50%;
                  transform: translateY(-50%);
                  right: 10px;
                  background-color: #fff;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
                  background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
                  background-color: transparent;
                  background-repeat: no-repeat;
                  background-size: contain;
                  border: none !important;
                  height: 8px !important;
                  width: 8px !important;
                  margin: auto !important;
                  top: auto !important;
                  left: auto !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
                margin-bottom: 0; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
              margin-top: 24px; }
      .address-form-ui .address-form .c-container-02 {
        height: 82px;
        padding-right: 20px;
        border-top: 1px solid rgba(196, 196, 196, 0.4); }
        .address-form-ui .address-form .c-container-02 .c-item-01-B {
          margin-left: 32px; }
        .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #000000;
          opacity: 0.6; }
        .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
          width: 136px;
          height: 42px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #425993;
          border-radius: 4px;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #FFFFFF; }
    .address-form-ui .as-chk-A label {
      align-items: center; }
      .address-form-ui .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }
    .address-form-ui .as-chk-A > label {
      padding: 0 0 0 0; }
      .address-form-ui .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .sales-note-form-ui-01 {
    padding: 0 20px;
    background-color: #fff;
    margin-bottom: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .sales-note-form-ui-01 > .c-item-01 {
      height: 68px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 16px; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 12px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
        flex: 1; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 {
      padding: 0 0 48px 0px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
        margin-bottom: 32px;
        margin-right: 20px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
          color: #96559C;
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          text-decoration: underline; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
              margin-left: 5px;
              height: 16px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
          margin: 8px 0 32px 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
          width: 100%;
          margin-bottom: 24px;
          display: none; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
          padding: 8px 0 0 16px;
          margin-top: 16px;
          display: flex;
          flex-wrap: wrap; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 20px;
            left: 0;
            width: 1px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 20px;
            height: 1px;
            width: 8px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
            margin-bottom: 0; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
            margin-bottom: 12px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
            width: 100%;
            margin-bottom: 24px; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
            width: 100%; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
              position: absolute;
              left: 16px;
              top: 39px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
        margin-bottom: 34px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
        margin-bottom: 32px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
        font-family: Inter;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D;
        display: flex;
        margin-bottom: 27px;
        align-items: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
          margin-right: 9px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-01 {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-02 {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-item-02-A {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
          width: 100%;
          margin-bottom: 24px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
          width: 100%;
          margin-bottom: 24px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 svg {
            position: absolute;
            left: 13px;
            top: 40px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
        margin-bottom: 32px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
        width: 100%; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 100%;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            top: 28px;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
              border: none; }

  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-02 > .c-item-01 {
      height: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin: 16px 0 48px 0; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
        flex: 1;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-02 > .c-item-02 {
      margin-bottom: 48px;
      padding: 0;
            /*> .c-item-02-F {
                > .c-unit-01 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }

                > .c-unit-02 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }
            }*/ }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
        width: 550px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
        display: flex;
        flex-direction: column; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
          margin-bottom: 24px;
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
              height: 16px;
              margin-left: 8px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738;
            width: 100%;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            border: 2px solid #D5D5D6;
            border-radius: 4px;
            background: #fff;
            font-family: "Inter";
            color: #000000;
            transition: all 0.1s; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
          margin-bottom: 12px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
          margin-bottom: 24px;
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > select {
            padding: 12px 14px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738;
            width: 100%;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            border: 2px solid #D5D5D6;
            border-radius: 4px;
            background: #fff;
            font-family: "Inter";
            color: #000000;
            transition: all 0.1s; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label > span {
              height: 16px;
              margin-left: 8px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > input {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
            margin-top: 12px; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
              padding: 5px;
              height: 48px; }
              .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > span > span {
                height: 48px;
                padding-top: 7px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #373738;
                padding-left: 2px; }
              .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
                border-color: #000000 transparent transparent transparent;
                margin-left: -18px;
                margin-top: -3px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
        width: 562px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
        margin-bottom: 24px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
          margin-left: 8px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
        margin-bottom: 12px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
        margin-bottom: 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
          margin-bottom: 24px;
          margin-right: 0;
          width: 100%; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
          width: 100%; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
            width: 100%;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            border: 2px 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;
            padding-left: 50px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span {
            padding: 0; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > span > span {
              height: 48px;
              padding-top: 7px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #373738;
              padding-left: 2px; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > b {
              border-color: #000000 transparent transparent transparent;
              margin-left: -18px;
              margin-top: -3px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 2px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            bottom: 0;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
        height: 20px;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D; }
      .sales-note-form-ui-02 > .c-item-02 input {
        color: #373738;
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 12px;
        border: 2px 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; }
    .sales-note-form-ui-02 .as-lnk-btn-01 {
      height: 20px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D; }

  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-03 .findkes-rdb {
      display: flex; }
      .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
        display: flex;
        flex-direction: column;
        padding: 0 0 0 40px;
        transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
          content: '';
          top: calc(50% - 2px);
          left: -36px;
          width: 24px;
          height: 24px;
          border: 1px solid #D5D5D6;
          border-radius: 50%;
          background-color: #fff;
          transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
          display: block;
          margin-bottom: 4px;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: #171718; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
          display: block;
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #373738; }
    .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
      content: "";
      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; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .address-form-ui {
    width: 100%;
    height: 800px;
    margin: 0 auto; }
    .address-form-ui .address-form {
      height: 100%; }
      .address-form-ui .address-form .c-container-01 {
        padding: 42px 40px 60px 40px;
        height: calc(100% - 82px);
        overflow: auto; }
        .address-form-ui .address-form .c-container-01 .hr-C {
          margin: 40px 0 20px 0; }
        .address-form-ui .address-form .c-container-01 > .c-item-02 {
          align-items: flex-start; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
            width: 100%; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
              width: 100%;
              margin-bottom: 40px;
              font-weight: 700; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
              margin-bottom: 24px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
                width: 100%; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
                  font-weight: 500;
                  font-size: 12px;
                  line-height: 15px;
                  color: #000000;
                  opacity: 0.8; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
                width: 100%; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
                  font-weight: 500;
                  font-size: 12px;
                  line-height: 15px;
                  color: #000000;
                  opacity: 0.8; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
                width: 300px; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
                  width: 100%;
                  height: 48px;
                  margin-top: 8px;
                  padding: 16px;
                  border: 1px solid #D5D5D6;
                  box-sizing: border-box;
                  border-radius: 4px;
                  font-weight: 500;
                  font-size: 14px;
                  line-height: 17px;
                  color: #000000; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
                  position: absolute;
                  top: 40px;
                  right: 16px;
                  width: 16px;
                  height: 16px;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
                  font-weight: 500;
                  font-size: 12px;
                  line-height: 15px;
                  color: #000000;
                  opacity: 0.8; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
                display: flex;
                flex-direction: column; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
                  width: 100% !important; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
                  padding: 0 !important; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
                  width: 100% !important;
                  height: 48px;
                  margin-top: 9px;
                  display: flex;
                  align-items: center;
                  padding: 15px 13px 15px 16px;
                  border: 1px solid #D5D5D6;
                  box-sizing: border-box;
                  border-radius: 4px;
                  font-weight: 500;
                  font-size: 14px;
                  line-height: 17px;
                  color: #000000;
                  transition: 0.1s; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
                  display: flex;
                  align-items: center; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                  transform: rotate(180deg); }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
                  height: 20px;
                  width: 20px;
                  top: 50%;
                  transform: translateY(-50%);
                  right: 10px;
                  background-color: #fff;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
                  background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
                  background-color: transparent;
                  background-repeat: no-repeat;
                  background-size: contain;
                  border: none !important;
                  height: 8px !important;
                  width: 8px !important;
                  margin: auto !important;
                  top: auto !important;
                  left: auto !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
                margin-bottom: 0; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
              margin-top: 24px; }
      .address-form-ui .address-form .c-container-02 {
        height: 82px;
        padding-right: 20px;
        border-top: 1px solid rgba(196, 196, 196, 0.4); }
        .address-form-ui .address-form .c-container-02 .c-item-01-B {
          margin-left: 32px; }
        .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #000000;
          opacity: 0.6; }
        .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
          width: 136px;
          height: 42px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #425993;
          border-radius: 4px;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #FFFFFF; }
    .address-form-ui .as-chk-A label {
      align-items: center; }
      .address-form-ui .as-chk-A label span {
        margin-left: 12px;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }
    .address-form-ui .as-chk-A > label {
      padding: 0 0 0 0; }
      .address-form-ui .as-chk-A > label::before {
        position: relative;
        top: auto;
        left: auto;
        width: 24px;
        height: 24px;
        border: 1px solid #D5D5D6;
        border-radius: 6px;
        transition: background-color 0.2s, border 0.2s; }
    .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
      border: 1px solid #D5D5D6;
      background-size: 9px 7px;
      background-image: url(/Content/Images/Icons/icon-check.svg); }
    .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
      border: 1px solid #D5D5D6; }
    .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
      border: 1px solid #D5D5D6; }
    .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
      border: 1px solid #D5D5D6; }

  .sales-note-form-ui-01 {
    padding: 0 20px;
    background-color: #fff;
    margin-bottom: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .sales-note-form-ui-01 > .c-item-01 {
      height: 68px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 16px; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 12px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
        flex: 1; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 {
      padding: 0 0 48px 0px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
        margin-bottom: 32px;
        margin-right: 20px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
          color: #96559C;
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          text-decoration: underline; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
              margin-left: 5px;
              height: 16px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
          margin: 8px 0 32px 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
          width: 100%;
          margin-bottom: 24px;
          display: none; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
          padding: 8px 0 0 16px;
          margin-top: 16px;
          display: flex;
          flex-wrap: wrap; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 20px;
            left: 0;
            width: 1px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 20px;
            height: 1px;
            width: 8px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
            margin-bottom: 0; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
            margin-bottom: 12px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
            width: 100%;
            margin-bottom: 24px; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
            width: 100%; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
              position: absolute;
              left: 16px;
              top: 39px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
        margin-bottom: 34px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
        margin-bottom: 32px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
        font-family: Inter;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D;
        display: flex;
        margin-bottom: 27px;
        align-items: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
          margin-right: 9px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-01 {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-02 {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-item-02-A {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
          width: 100%;
          margin-bottom: 24px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
          width: 100%;
          margin-bottom: 24px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 svg {
            position: absolute;
            left: 13px;
            top: 40px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
        margin-bottom: 32px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
        width: 100%; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 100%;
          margin-bottom: 24px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 100%;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            top: 28px;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
              border: none; }

  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-02 > .c-item-01 {
      height: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin: 16px 0 48px 0; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
        flex: 1;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-02 > .c-item-02 {
      margin-bottom: 48px;
      padding: 0;
            /*> .c-item-02-F {
                > .c-unit-01 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }

                > .c-unit-02 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }
            }*/ }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
        width: 550px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
        display: flex;
        flex-direction: column; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
          margin-bottom: 24px;
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
              height: 16px;
              margin-left: 8px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738;
            width: 100%;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            border: 2px solid #D5D5D6;
            border-radius: 4px;
            background: #fff;
            font-family: "Inter";
            color: #000000;
            transition: all 0.1s; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
          margin-bottom: 12px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
          margin-bottom: 24px;
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > select {
            padding: 12px 14px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738;
            width: 100%;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            border: 2px solid #D5D5D6;
            border-radius: 4px;
            background: #fff;
            font-family: "Inter";
            color: #000000;
            transition: all 0.1s; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label > span {
              height: 16px;
              margin-left: 8px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > input {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
            margin-top: 12px; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
              padding: 5px;
              height: 48px; }
              .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > span > span {
                height: 48px;
                padding-top: 7px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #373738;
                padding-left: 2px; }
              .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
                border-color: #000000 transparent transparent transparent;
                margin-left: -18px;
                margin-top: -3px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
        width: 562px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
        margin-bottom: 24px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
          margin-left: 8px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
        margin-bottom: 12px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
        margin-bottom: 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
          margin-bottom: 24px;
          margin-right: 0;
          width: 100%; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
          width: 100%; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
            width: 100%;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            border: 2px 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;
            padding-left: 50px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span {
            padding: 0; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > span > span {
              height: 48px;
              padding-top: 7px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #373738;
              padding-left: 2px; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > b {
              border-color: #000000 transparent transparent transparent;
              margin-left: -18px;
              margin-top: -3px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 2px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            bottom: 0;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
        height: 20px;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D; }
      .sales-note-form-ui-02 > .c-item-02 input {
        color: #373738;
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 12px;
        border: 2px 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; }
    .sales-note-form-ui-02 .as-lnk-btn-01 {
      height: 20px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D; }

  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-03 .findkes-rdb {
      display: flex; }
      .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
        display: flex;
        flex-direction: column;
        padding: 0 0 0 40px;
        transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
          content: '';
          top: calc(50% - 2px);
          left: -36px;
          width: 24px;
          height: 24px;
          border: 1px solid #D5D5D6;
          border-radius: 50%;
          background-color: #fff;
          transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
          display: block;
          margin-bottom: 4px;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: #171718; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
          display: block;
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #373738; }
    .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
      content: "";
      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; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .address-form-ui .address-form {
    height: auto; }
    .address-form-ui .address-form .c-container-01 {
      height: auto;
      overflow: auto; }
      .address-form-ui .address-form .c-container-01 .hr-C {
        margin: 40px 0 20px 0; }
      .address-form-ui .address-form .c-container-01 > .c-item-02 {
        align-items: flex-start; }
        .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          width: 540px; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
            width: 100%;
            margin-bottom: 40px;
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            color: #324780; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
            margin-bottom: 24px; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
              width: 262px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
              width: 100%; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
              width: 300px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
                width: 100%;
                height: 48px;
                margin-top: 8px;
                padding: 12px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
                position: absolute;
                top: 40px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
              display: flex;
              flex-direction: column; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
                width: 100% !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
                padding: 0 !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
                width: 100% !important;
                height: 48px;
                margin-top: 9px;
                display: flex;
                align-items: center;
                padding: 15px 13px 15px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000;
                transition: 0.1s; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
                display: flex;
                align-items: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                transform: rotate(180deg); }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 20px;
                width: 20px;
                top: 50%;
                transform: translateY(-50%);
                right: 10px;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
                background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
                background-color: transparent;
                background-repeat: no-repeat;
                background-size: contain;
                border: none !important;
                height: 8px !important;
                width: 8px !important;
                margin: auto !important;
                top: auto !important;
                left: auto !important; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
              margin-bottom: 0; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
            margin-top: 24px; }
    .address-form-ui .address-form .c-container-02 {
      height: 82px;
      padding-right: 20px;
      border-top: 1px solid rgba(196, 196, 196, 0.4); }
      .address-form-ui .address-form .c-container-02 .c-item-01-B {
        margin-left: 32px; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        opacity: 0.6; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
        width: 136px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #425993;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #FFFFFF; }
  .address-form-ui .as-chk-A label {
    align-items: center; }
    .address-form-ui .as-chk-A label span {
      margin-left: 12px;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #000000; }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0; }
    .address-form-ui .as-chk-A > label::before {
      position: relative;
      top: auto;
      left: auto;
      width: 24px;
      height: 24px;
      border: 1px solid #D5D5D6;
      border-radius: 6px;
      transition: background-color 0.2s, border 0.2s; }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg); }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6; }

  .sales-note-form-ui-01:last-child {
    margin-bottom: 0px !important; }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px; }
    .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 16px;
      background: #96559C;
      border-radius: 100px; }
    .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
      flex: 1; }
    .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #F8F8F9;
      border-radius: 100px; }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    padding: 0 0 80px 0; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
      width: 550px;
      margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
        color: #96559C;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        text-decoration: underline; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
      margin-bottom: 49px;
      width: 550px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
            margin-left: 5px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
        margin: 0 0 40px 0; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
        width: 190px;
        margin: 0 auto 40px 20px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
            margin-left: 5px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        display: none; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
            margin-left: 5px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
        padding: 8px 0 0 24px;
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 8px;
          left: 0;
          width: 1px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 8px;
          height: 1px;
          width: 8px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
          margin-bottom: 12px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
          width: 290px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
          width: 158px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
        margin-bottom: 40px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
        width: 100%;
        margin-bottom: 40px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
            width: 100% !important; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
            padding: 0 !important; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
            width: 100% !important;
            height: 48px;
            margin-top: 9px;
            display: flex;
            align-items: center;
            padding: 15px 13px 15px 16px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #000000;
            transition: 0.1s; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
            display: flex;
            align-items: center; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            transform: rotate(180deg); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 20px;
            width: 20px;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
            background-color: transparent;
            background-repeat: no-repeat;
            background-size: contain;
            border: none !important;
            height: 8px !important;
            width: 8px !important;
            margin: auto !important;
            top: auto !important;
            left: auto !important; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
          position: absolute;
          bottom: 13px;
          left: 14px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D;
      display: flex;
      margin-bottom: 27px;
      align-items: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
        margin-right: 9px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-E {
      width: 550px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
        display: none; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #F0F0F2;
          position: absolute;
          left: 0px;
          top: 28px;
          width: 41px;
          height: 48px;
          border: 2px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px 0px 0px 4px;
          font-weight: normal;
          font-size: 17px;
          line-height: 21px;
          color: #171718; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
            border: none; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-G {
      width: 550px; }

  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-02 > .c-item-01 {
      height: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin: 16px 0 48px 0; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
        flex: 1;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-02 > .c-item-02 {
      margin-bottom: 48px;
      padding: 0;
            /*> .c-item-02-F {
                > .c-unit-01 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }

                > .c-unit-02 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }
            }*/ }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
        width: 550px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
          margin-bottom: 24px;
          width: 49%;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
              height: 16px;
              margin-left: 8px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
          margin-bottom: 12px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
          margin-bottom: 24px;
          width: 49%;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
            margin-top: 12px; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
              height: 48px;
              padding-top: 7px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #373738;
              padding-left: 5px; }
              .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
                border-color: #000000 transparent transparent transparent;
                margin-left: -18px;
                margin-top: -3px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
        width: 562px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
        margin-bottom: 24px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
          margin-left: 8px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
        margin-bottom: 12px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
        margin-bottom: 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
          margin-bottom: 24px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
          width: 49%; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
            width: 294px;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            padding-left: 57px;
            border: 2px 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; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label > span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            bottom: 0;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
        height: 20px;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D; }
      .sales-note-form-ui-02 > .c-item-02 input {
        color: #373738; }
    .sales-note-form-ui-02 .as-lnk-btn-01 {
      height: 20px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .address-form-ui .address-form {
    height: auto; }
    .address-form-ui .address-form .c-container-01 {
      height: auto;
      overflow: auto; }
      .address-form-ui .address-form .c-container-01 .hr-C {
        margin: 40px 0 20px 0; }
      .address-form-ui .address-form .c-container-01 > .c-item-02 {
        align-items: flex-start; }
        .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          width: 540px; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
            width: 100%;
            margin-bottom: 40px;
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            color: #324780; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
            margin-bottom: 24px; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
              width: 262px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
              width: 100%; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
              width: 300px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
                width: 100%;
                height: 48px;
                margin-top: 8px;
                padding: 12px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
                position: absolute;
                top: 40px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
              display: flex;
              flex-direction: column; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
                width: 100% !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
                padding: 0 !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
                width: 100% !important;
                height: 48px;
                margin-top: 9px;
                display: flex;
                align-items: center;
                padding: 15px 13px 15px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000;
                transition: 0.1s; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
                display: flex;
                align-items: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                transform: rotate(180deg); }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 20px;
                width: 20px;
                top: 50%;
                transform: translateY(-50%);
                right: 10px;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
                background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
                background-color: transparent;
                background-repeat: no-repeat;
                background-size: contain;
                border: none !important;
                height: 8px !important;
                width: 8px !important;
                margin: auto !important;
                top: auto !important;
                left: auto !important; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
              margin-bottom: 0; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
            margin-top: 24px; }
    .address-form-ui .address-form .c-container-02 {
      height: 82px;
      padding-right: 20px;
      border-top: 1px solid rgba(196, 196, 196, 0.4); }
      .address-form-ui .address-form .c-container-02 .c-item-01-B {
        margin-left: 32px; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        opacity: 0.6; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
        width: 136px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #425993;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #FFFFFF; }
  .address-form-ui .as-chk-A label {
    align-items: center; }
    .address-form-ui .as-chk-A label span {
      margin-left: 12px;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #000000; }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0; }
    .address-form-ui .as-chk-A > label::before {
      position: relative;
      top: auto;
      left: auto;
      width: 24px;
      height: 24px;
      border: 1px solid #D5D5D6;
      border-radius: 6px;
      transition: background-color 0.2s, border 0.2s; }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg); }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6; }

  .sales-note-form-ui-01:last-child {
    margin-bottom: 0px !important; }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px; }
    .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 16px;
      background: #96559C;
      border-radius: 100px; }
    .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
      flex: 1; }
    .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #F8F8F9;
      border-radius: 100px; }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    padding: 0 0 80px 0; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
      width: 550px;
      margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
        color: #96559C;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        text-decoration: underline; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
      margin-bottom: 49px;
      width: 550px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
            margin-left: 5px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
        margin: 0 0 40px 0; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
        width: 190px;
        margin: 0 auto 40px 20px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
            margin-left: 5px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        display: none; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
            margin-left: 5px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
        padding: 8px 0 0 24px;
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 8px;
          left: 0;
          width: 1px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 8px;
          height: 1px;
          width: 8px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
          margin-bottom: 12px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
          width: 290px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
          width: 158px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
        margin-bottom: 40px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
        width: 100%;
        margin-bottom: 40px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
            width: 100% !important; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
            padding: 0 !important; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
            width: 100% !important;
            height: 48px;
            margin-top: 9px;
            display: flex;
            align-items: center;
            padding: 15px 13px 15px 16px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #000000;
            transition: 0.1s; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
            display: flex;
            align-items: center; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            transform: rotate(180deg); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 20px;
            width: 20px;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
            background-color: transparent;
            background-repeat: no-repeat;
            background-size: contain;
            border: none !important;
            height: 8px !important;
            width: 8px !important;
            margin: auto !important;
            top: auto !important;
            left: auto !important; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
          position: absolute;
          bottom: 13px;
          left: 14px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D;
      display: flex;
      margin-bottom: 27px;
      align-items: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
        margin-right: 9px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-E {
      width: 550px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
        display: none; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
            margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #F0F0F2;
          position: absolute;
          left: 0px;
          top: 28px;
          width: 41px;
          height: 48px;
          border: 2px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px 0px 0px 4px;
          font-weight: normal;
          font-size: 17px;
          line-height: 21px;
          color: #171718; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
            border: none; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-G {
      width: 550px; }

  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-02 > .c-item-01 {
      height: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin: 16px 0 48px 0; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
        flex: 1;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px; }
      .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-02 > .c-item-02 {
      margin-bottom: 48px;
      padding: 0;
            /*> .c-item-02-F {
                > .c-unit-01 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }

                > .c-unit-02 {
                    margin-bottom: 24px;

                    > label {
                        font-size: 13px;
                        line-height: 16px;
                        color: #555556;
                    }
                }
            }*/ }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
        width: 550px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
          margin-bottom: 24px;
          width: 49%;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
              height: 16px;
              margin-left: 8px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #373738; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
          margin-bottom: 12px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
          margin-bottom: 24px;
          width: 49%;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
            margin-top: 12px; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
              height: 48px;
              padding-top: 7px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #373738;
              padding-left: 5px; }
              .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
                border-color: #000000 transparent transparent transparent;
                margin-left: -18px;
                margin-top: -3px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
        width: 562px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
        margin-bottom: 24px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
          margin-left: 8px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
        margin-bottom: 12px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
        margin-bottom: 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
          margin-bottom: 24px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
          width: 49%; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
            width: 294px;
            height: 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 12px;
            padding-left: 57px;
            border: 2px 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; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label > span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            bottom: 0;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
        height: 20px;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D; }
      .sales-note-form-ui-02 > .c-item-02 input {
        color: #373738; }
    .sales-note-form-ui-02 .as-lnk-btn-01 {
      height: 20px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .address-form-ui.footer, .address-form-ui.modal-header {
    width: 100%; }
  .address-form-ui .address-form {
    height: 100%; }
    .address-form-ui .address-form .c-container-01 {
      height: calc(100% - 82px);
      overflow: auto; }
      .address-form-ui .address-form .c-container-01 .hr-C {
        margin: 40px 0 20px 0; }
      .address-form-ui .address-form .c-container-01 > .c-item-02 {
        align-items: flex-start; }
        .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          width: 616px; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
            width: 100%;
            margin-bottom: 40px; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
            margin-bottom: 24px; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
              width: 300px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
              width: 100%; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
              width: 300px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
                width: 100%;
                height: 48px;
                margin-top: 8px;
                padding: 12px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000;
                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%; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
                position: absolute;
                top: 40px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
              display: flex;
              flex-direction: column; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
                width: 100% !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
                padding: 0 !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
                width: 100% !important;
                height: 48px;
                margin-top: 9px;
                display: flex;
                align-items: center;
                padding: 15px 13px 15px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000;
                transition: 0.1s; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
                display: flex;
                align-items: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                transform: rotate(180deg); }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 20px;
                width: 20px;
                top: 50%;
                transform: translateY(-50%);
                right: 10px;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
                background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
                background-color: transparent;
                background-repeat: no-repeat;
                background-size: contain;
                border: none !important;
                height: 8px !important;
                width: 8px !important;
                margin: auto !important;
                top: auto !important;
                left: auto !important; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
              margin-bottom: 0; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
            margin-top: 24px; }
    .address-form-ui .address-form .c-container-02 {
      height: 82px;
      padding-right: 20px;
      border-top: 1px solid rgba(196, 196, 196, 0.4); }
      .address-form-ui .address-form .c-container-02 .c-item-01-B {
        margin-left: 32px; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        opacity: 0.6; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
        width: 136px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #425993;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #FFFFFF; }
  .address-form-ui .as-chk-A label {
    align-items: center; }
    .address-form-ui .as-chk-A label span {
      margin-left: 12px;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #000000; }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0; }
    .address-form-ui .as-chk-A > label::before {
      position: relative;
      top: auto;
      left: auto;
      width: 24px;
      height: 24px;
      border: 1px solid #D5D5D6;
      border-radius: 6px;
      transition: background-color 0.2s, border 0.2s; }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg); }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6; }

  .sales-note-form-ui-01 {
    padding: 0 24px 0 24px;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-01 > .c-item-01 {
      height: 88px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 0; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
        flex: 1; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 {
      height: 100%;
      padding: 0 24px 80px 24px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
        width: 610px;
        margin-bottom: 48px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
          color: #96559C;
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          text-decoration: underline; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: start; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          display: none; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
          padding: 8px 0 0 24px;
          margin: 20px 0 0 0;
          display: flex;
          flex-wrap: wrap;
          align-content: flex-start; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 8px;
            left: 0;
            width: 1px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 8px;
            height: 1px;
            width: 8px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
            margin-bottom: 0; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
            margin-bottom: 12px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
            width: 290px; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
            width: 158px; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
              position: absolute;
              left: 16px;
              top: 43px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
        width: 562px;
        margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 {
        margin-bottom: 24px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 span {
          margin-left: 8px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D:last-child {
        margin-bottom: 0; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            top: 28px;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
              border: none; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .as-lnk-btn-01 {
        height: 20px;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D; }

  .sales-note-form-ui-02 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0; }
    .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 16px;
      background: #96559C;
      border-radius: 100px; }
    .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
      flex: 1; }
    .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #F8F8F9;
      border-radius: 100px; }
  .sales-note-form-ui-02 > .c-item-02 {
    height: 100%;
    padding: 0 0 60px 0;
    opacity: 1;
    transition: opacity .1s .4s, padding .0s .0s, height .3s .0s; }
    .sales-note-form-ui-02 > .c-item-02.off {
      height: 0;
      padding: 0;
      opacity: 0;
      transition: opacity 0.3s 0s, padding 0s 0.3s, height 0.2s 0.3s; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
      width: 610px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
      width: 610px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B [data-template] {
        display: none; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 {
        width: 295px;
        margin-bottom: 40px;
        flex-direction: column; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
            margin-left: 5px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .hr-C {
        margin: 0 0 40px 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px;
        flex-direction: column; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 {
        width: 190px;
        margin: 0 auto 40px 20px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district {
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container {
            width: 100% !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
            padding: 0 !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single {
            width: 100% !important;
            height: 48px;
            margin-top: 12px;
            display: flex;
            align-items: center;
            padding: 15px 13px 15px 16px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #000000;
            transition: 0.1s; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-results__option {
            display: flex;
            align-items: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            transform: rotate(180deg); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 20px;
            width: 20px;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
            background-color: transparent;
            background-repeat: no-repeat;
            background-size: contain;
            border: none !important;
            height: 8px !important;
            width: 8px !important;
            margin: auto !important;
            top: auto !important;
            left: auto !important; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 {
        padding: 8px 0 0 24px;
        display: flex;
        flex-wrap: wrap; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          height: calc(100% - 20px);
          width: 1px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 20px;
          height: 1px;
          width: 16px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
          margin-bottom: 12px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
          width: 290px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
          width: 158px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
      width: 562px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
      margin-bottom: 24px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
        margin-left: 8px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
      margin-bottom: 12px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
      margin-bottom: 0; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
      width: 610px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
      width: 610px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
            margin-left: 5px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
        margin: 0 0 40px 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
        width: 190px;
        margin: 0 auto 40px 20px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
            width: 100% !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
            padding: 0 !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
            width: 100% !important;
            height: 48px;
            margin-top: 9px;
            display: flex;
            align-items: center;
            padding: 15px 13px 15px 16px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #000000;
            transition: 0.1s; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
            display: flex;
            align-items: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            transform: rotate(180deg); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 20px;
            width: 20px;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
            background-color: transparent;
            background-repeat: no-repeat;
            background-size: contain;
            border: none !important;
            height: 8px !important;
            width: 8px !important;
            margin: auto !important;
            top: auto !important;
            left: auto !important; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #F0F0F2;
          position: absolute;
          left: 0px;
          bottom: 0px;
          width: 41px;
          height: 48px;
          border: 2px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px 0px 0px 4px;
          font-weight: normal;
          font-size: 17px;
          line-height: 21px;
          color: #171718; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08.parenterror .c-unit-02-A {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #F0F0F2;
          position: absolute;
          left: 0px;
          bottom: 23px;
          width: 41px;
          height: 48px;
          border: 2px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px 0px 0px 4px;
          font-weight: normal;
          font-size: 17px;
          line-height: 21px;
          color: #171718; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
          position: absolute;
          left: 16px;
          top: 43px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
      width: 610px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
      width: 610px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
        display: none; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
      height: 20px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D; }
    .sales-note-form-ui-02 > .c-item-02 input {
      color: #373738; }

  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-03 .findkes-rdb {
      display: flex; }
      .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
        display: flex;
        flex-direction: column;
        padding: 0 0 0 40px;
        transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
          content: '';
          top: calc(50% - 2px);
          left: -36px;
          width: 24px;
          height: 24px;
          border: 1px solid #D5D5D6;
          border-radius: 50%;
          background-color: #fff;
          transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error):hover::before {
          content: '';
          border: 1px solid #B0B0B2;
          background-color: #F8F8F9; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
          display: block;
          margin-bottom: 4px;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: #171718; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
          display: block;
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #373738; }
    .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
      content: "";
      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; } }
@media all and (min-width: 1680px) {
  .address-form-ui.footer, .address-form-ui.modal-header {
    width: 100%; }
  .address-form-ui .address-form {
    height: 100%; }
    .address-form-ui .address-form .c-container-01 {
      height: calc(100% - 82px);
      overflow: auto; }
      .address-form-ui .address-form .c-container-01 .hr-C {
        margin: 40px 0 20px 0; }
      .address-form-ui .address-form .c-container-01 > .c-item-02 {
        align-items: flex-start; }
        .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          width: 616px; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
            width: 100%;
            margin-bottom: 40px; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
            margin-bottom: 24px; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
              width: 300px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
              width: 100%; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
              width: 300px; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
                width: 100%;
                height: 48px;
                margin-top: 8px;
                padding: 12px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000;
                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%; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
                position: absolute;
                top: 40px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                opacity: 0.8; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
              display: flex;
              flex-direction: column; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
                width: 100% !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
                padding: 0 !important; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
                width: 100% !important;
                height: 48px;
                margin-top: 9px;
                display: flex;
                align-items: center;
                padding: 15px 13px 15px 16px;
                border: 1px solid #D5D5D6;
                box-sizing: border-box;
                border-radius: 4px;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #000000;
                transition: 0.1s; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
                display: flex;
                align-items: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                transform: rotate(180deg); }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 20px;
                width: 20px;
                top: 50%;
                transform: translateY(-50%);
                right: 10px;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: center; }
              .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
                background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
                background-color: transparent;
                background-repeat: no-repeat;
                background-size: contain;
                border: none !important;
                height: 8px !important;
                width: 8px !important;
                margin: auto !important;
                top: auto !important;
                left: auto !important; }
            .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
              margin-bottom: 0; }
          .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
            margin-top: 24px; }
    .address-form-ui .address-form .c-container-02 {
      height: 82px;
      padding-right: 20px;
      border-top: 1px solid rgba(196, 196, 196, 0.4); }
      .address-form-ui .address-form .c-container-02 .c-item-01-B {
        margin-left: 32px; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        opacity: 0.6; }
      .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
        width: 136px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #425993;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #FFFFFF; }
  .address-form-ui .as-chk-A label {
    align-items: center; }
    .address-form-ui .as-chk-A label span {
      margin-left: 12px;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #000000; }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0; }
    .address-form-ui .as-chk-A > label::before {
      position: relative;
      top: auto;
      left: auto;
      width: 24px;
      height: 24px;
      border: 1px solid #D5D5D6;
      border-radius: 6px;
      transition: background-color 0.2s, border 0.2s; }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg); }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6; }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6; }

  .sales-note-form-ui-01 {
    padding: 0 24px 0 24px;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-01 > .c-item-01 {
      height: 88px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 0; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        background: #96559C;
        border-radius: 100px; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
        flex: 1; }
      .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F8F8F9;
        border-radius: 100px; }
    .sales-note-form-ui-01 .expandingContent > .c-item-02 {
      height: 100%;
      padding: 0 24px 80px 24px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
        width: 610px;
        margin-bottom: 48px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
          color: #96559C;
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          text-decoration: underline; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: start; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          display: none; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
          padding: 8px 0 0 24px;
          margin: 20px 0 0 0;
          display: flex;
          flex-wrap: wrap;
          align-content: flex-start; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 8px;
            left: 0;
            width: 1px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 8px;
            height: 1px;
            width: 8px;
            background-color: #C5CCDE; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
            margin-bottom: 0; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
            margin-bottom: 12px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
            width: 290px; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
            width: 158px; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
              display: flex;
              align-items: flex-start;
              font-weight: 500;
              font-size: 13px;
              line-height: 16px;
              color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
              position: absolute;
              left: 16px;
              top: 43px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
        width: 562px;
        margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 {
        margin-bottom: 24px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 span {
          margin-left: 8px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D:last-child {
        margin-bottom: 0; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .hr-C {
          margin: 0 0 40px 0; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 {
          width: 190px;
          margin: 0 auto 40px 20px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
            display: flex;
            flex-direction: column; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
              width: 100% !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
              padding: 0 !important; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
              width: 100% !important;
              height: 48px;
              margin-top: 9px;
              display: flex;
              align-items: center;
              padding: 15px 13px 15px 16px;
              border: 1px solid #D5D5D6;
              box-sizing: border-box;
              border-radius: 4px;
              font-weight: 500;
              font-size: 14px;
              line-height: 17px;
              color: #000000;
              transition: 0.1s; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
              display: flex;
              align-items: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
              transform: rotate(180deg); }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
              height: 20px;
              width: 20px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px;
              background-color: #fff;
              display: flex;
              align-items: center;
              justify-content: center; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
              background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
              background-color: transparent;
              background-repeat: no-repeat;
              background-size: contain;
              border: none !important;
              height: 8px !important;
              width: 8px !important;
              margin: auto !important;
              top: auto !important;
              left: auto !important; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
        width: 610px;
        margin-bottom: 48px; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
          display: none; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
          width: 295px;
          margin-bottom: 40px;
          margin-right: calc(100% - 295px); }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
              margin-left: 5px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
            position: absolute;
            top: 42px;
            right: 16px;
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F0F0F2;
            position: absolute;
            left: 0px;
            top: 28px;
            width: 41px;
            height: 48px;
            border: 2px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px 0px 0px 4px;
            font-weight: normal;
            font-size: 17px;
            line-height: 21px;
            color: #171718; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
              border: none; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I {
        width: 610px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
            .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label span {
              margin-left: 5px; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 {
          width: 295px;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 {
          width: 100%;
          margin-bottom: 40px; }
          .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 label {
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
      .sales-note-form-ui-01 .expandingContent > .c-item-02 .as-lnk-btn-01 {
        height: 20px;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #6B337D; }

  .sales-note-form-ui-02 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0; }
    .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 16px;
      background: #96559C;
      border-radius: 100px; }
    .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
      flex: 1; }
    .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #F8F8F9;
      border-radius: 100px; }
  .sales-note-form-ui-02 > .c-item-02 {
    height: 100%;
    padding: 0 0 60px 0;
    opacity: 1;
    transition: opacity .1s .4s, padding .0s .0s, height .3s .0s; }
    .sales-note-form-ui-02 > .c-item-02.off {
      height: 0;
      padding: 0;
      opacity: 0;
      transition: opacity 0.3s 0s, padding 0s 0.3s, height 0.2s 0.3s; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
      width: 610px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
      width: 610px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B [data-template] {
        display: none; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 {
        width: 295px;
        margin-bottom: 40px;
        flex-direction: column; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
            margin-left: 5px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .hr-C {
        margin: 0 0 40px 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px;
        flex-direction: column; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 {
        width: 190px;
        margin: 0 auto 40px 20px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district {
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container {
            width: 100% !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
            padding: 0 !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single {
            width: 100% !important;
            height: 48px;
            margin-top: 12px;
            display: flex;
            align-items: center;
            padding: 15px 13px 15px 16px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #000000;
            transition: 0.1s; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-results__option {
            display: flex;
            align-items: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            transform: rotate(180deg); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 20px;
            width: 20px;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
            background-color: transparent;
            background-repeat: no-repeat;
            background-size: contain;
            border: none !important;
            height: 8px !important;
            width: 8px !important;
            margin: auto !important;
            top: auto !important;
            left: auto !important; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 {
        padding: 8px 0 0 24px;
        display: flex;
        flex-wrap: wrap; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          height: calc(100% - 20px);
          width: 1px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 20px;
          height: 1px;
          width: 16px;
          background-color: #C5CCDE; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
          margin-bottom: 0; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
          margin-bottom: 12px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
          width: 290px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
          width: 158px; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
            display: flex;
            align-items: flex-start;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
            position: absolute;
            left: 16px;
            top: 43px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
      width: 562px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
      margin-bottom: 24px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
        margin-left: 8px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
      margin-bottom: 12px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
      margin-bottom: 0; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
      width: 610px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
      width: 610px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
            margin-left: 5px; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
        margin: 0 0 40px 0; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
        width: 190px;
        margin: 0 auto 40px 20px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
          display: flex;
          align-items: flex-start;
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
          display: flex;
          flex-direction: column; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
            width: 100% !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
            padding: 0 !important; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
            width: 100% !important;
            height: 48px;
            margin-top: 9px;
            display: flex;
            align-items: center;
            padding: 15px 13px 15px 16px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #000000;
            transition: 0.1s; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
            display: flex;
            align-items: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            transform: rotate(180deg); }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 20px;
            width: 20px;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center; }
          .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
            background-color: transparent;
            background-repeat: no-repeat;
            background-size: contain;
            border: none !important;
            height: 8px !important;
            width: 8px !important;
            margin: auto !important;
            top: auto !important;
            left: auto !important; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #F0F0F2;
          position: absolute;
          left: 0px;
          bottom: 0px;
          width: 41px;
          height: 48px;
          border: 2px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px 0px 0px 4px;
          font-weight: normal;
          font-size: 17px;
          line-height: 21px;
          color: #171718; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08.parenterror .c-unit-02-A {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #F0F0F2;
          position: absolute;
          left: 0px;
          bottom: 23px;
          width: 41px;
          height: 48px;
          border: 2px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px 0px 0px 4px;
          font-weight: normal;
          font-size: 17px;
          line-height: 21px;
          color: #171718; }
      .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
        .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
          position: absolute;
          left: 16px;
          top: 43px; }
    .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
      width: 610px;
      margin-bottom: 48px; }
    .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
      width: 610px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
        display: none; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
        width: 295px;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
        width: 100%;
        margin-bottom: 40px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
        width: 295px;
        margin-bottom: 40px;
        margin-right: calc(100% - 295px); }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
          font-weight: 500;
          font-size: 13px;
          line-height: 16px;
          color: #555556; }
          .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
            margin-left: 5px; }
        .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
          position: absolute;
          top: 42px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
      height: 20px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #6B337D; }
    .sales-note-form-ui-02 > .c-item-02 input {
      color: #373738; }

  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px; }
    .sales-note-form-ui-03 .findkes-rdb {
      display: flex; }
      .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
        display: flex;
        flex-direction: column;
        padding: 0 0 0 40px;
        transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
          content: '';
          top: calc(50% - 2px);
          left: -36px;
          width: 24px;
          height: 24px;
          border: 1px solid #D5D5D6;
          border-radius: 50%;
          background-color: #fff;
          transition: background-color 0.2s, border 0.2s; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error):hover::before {
          content: '';
          border: 1px solid #B0B0B2;
          background-color: #F8F8F9; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
          display: block;
          margin-bottom: 4px;
          font-weight: 600;
          font-size: 14px;
          line-height: 17px;
          color: #171718; }
        .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
          display: block;
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          color: #373738; }
    .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
      content: "";
      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; } }
/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .comp-header-01 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    z-index: 200;
    top: 0;
    min-height: 80px;
    width: 100%;
    background-color: #fff; }
    .comp-header-01 .c-wrapper {
      width: 100%;
      padding: 22px 20px 16px 20px; }
      .comp-header-01 .c-wrapper #overlay-wrapper.on {
        opacity: 0; }
    .comp-header-01 #site-logo {
      order: 1;
      margin-right: auto; }
      .comp-header-01 #site-logo img {
        width: 165px;
        height: 46px; }
    .comp-header-01 #search-area {
      display: block;
      width: 100%;
      height: 48px;
      order: 4;
      margin-top: 20px; }
      .comp-header-01 #search-area #search-textbox {
        width: 100%;
        height: 100%;
        padding-left: 16px;
        border-radius: 8px;
        background-color: #E9EBF1;
        font-size: 13px;
        font-weight: 500;
        color: #68686A;
        z-index: 152; }
      .comp-header-01 #search-area > .search-icon {
        display: none;
        position: absolute;
        z-index: 153;
        top: 14px;
        left: 16px;
        cursor: pointer; }
      .comp-header-01 #search-area > .close-icon-01 {
        display: none;
        position: absolute;
        z-index: 153;
        top: calc(50% - 6px);
        left: 20px;
        line-height: 0; }
      .comp-header-01 #search-area > .close-icon-02 {
        display: none;
        position: absolute;
        z-index: 153;
        top: calc(50% - 10px);
        left: 591px; }
      .comp-header-01 #search-area > .close-icon-03 {
        display: none; }
      .comp-header-01 #search-area > .search-button {
        display: none;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 153;
        top: calc(50% - 19px);
        left: 630px;
        width: 69px;
        height: 38px;
        background: #67A8D7;
        border-radius: 4px;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: -0.01em;
        color: #FFFFFF; }
      .comp-header-01 #search-area #autoCompletePlaceholder {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% + 40px);
        margin-left: -20px;
        height: calc(100vh - 88px);
        padding: 76px 20px 20px 20px;
        background-color: #FFFFFF;
        border-radius: 8px;
        z-index: 151;
        overflow-y: auto; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus {
          margin-top: 4px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: calc(100% + 20px); }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-01 {
              width: 100%;
              margin-bottom: 20px;
              font-size: 12px;
              line-height: 15px;
              letter-spacing: -0.01em;
              color: #68686A;
              padding-right: 20px; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 {
              display: flex;
              width: 100%;
              overflow-x: auto;
              overflow-y: hidden;
              white-space: nowrap;
              padding-right: 20px; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A {
                display: flex;
                align-items: center;
                padding: 0 20px;
                height: 36px;
                background: #F8F8F9;
                border-radius: 100px;
                font-weight: 500;
                font-size: 12px;
                line-height: 15px;
                color: #171718; }
                .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A:not(:last-child) {
                  margin-right: 8px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .hr-A {
            display: none; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history {
            margin-top: 32px; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 {
              display: flex;
              margin-bottom: 20px; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A {
                margin-right: 8px;
                font-weight: 600;
                font-size: 14px;
                line-height: 17px;
                letter-spacing: -0.01em;
                color: #171718; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B {
                font-size: 14px;
                line-height: 17px;
                letter-spacing: -0.01em;
                color: #68686A; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li:not(:last-child) {
              margin-bottom: 12px; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A {
              font-size: 14px;
              line-height: 17px;
              letter-spacing: -0.01em;
              color: #171718; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results {
          max-height: 536px;
          overflow-y: auto; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item {
            display: flex;
            margin-bottom: 16px; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 52px;
              height: 52px;
              margin-right: 12px;
              border: 1px solid #E6E6E7;
              border-radius: 4px; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 img {
                width: 40px;
                max-height: 40px; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 {
              display: flex;
              justify-content: center;
              flex-direction: column;
              width: calc(100% - 64px); }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A {
                margin-bottom: 0;
                font-weight: 400;
                font-size: 13px;
                line-height: 16px;
                letter-spacing: -0.01em;
                color: #171718; }
                .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A span.f-strong {
                  padding: 0 3px;
                  font-weight: 700; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-B {
                display: none; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .hr-A {
          margin: 20px 0 12px;
          width: 100%; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: center;
          padding: 0 26px 0 64px;
          height: 60px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img {
            position: absolute;
            left: 0;
            width: 64px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img img {
              max-height: 90%;
              max-width: 90%; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 {
            display: flex;
            margin-bottom: 4px;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: -0.01em;
            color: #171718; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span {
              font-weight: 400;
              font-size: 14px;
              line-height: 17px;
              letter-spacing: -0.01em;
              color: #171718; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-strong {
                padding: 0 3px;
                font-weight: 600; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-02 {
            display: none; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03 {
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item:after {
            content: "";
            position: absolute;
            right: 16px;
            width: 12px;
            height: 10px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%200L6.285%200.6965L10.075%204.5H0V5.5H10.075L6.285%209.2865L7%2010L12%205L7%200Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 16px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result > p {
            width: 174px;
            margin-top: 22px;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #171718;
            text-align: center; }
      .comp-header-01 #search-area.on > .search-icon {
        display: none; }
      .comp-header-01 #search-area.on > .close-icon-01 {
        display: none; }
      .comp-header-01 #search-area.on #autoCompletePlaceholder {
        display: block; }
      .comp-header-01 #search-area.on #search-textbox {
        border: 2px solid #67A8D7;
        background: #E9EBF1;
        opacity: 0.6;
        border-radius: 8px; }
        .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .close-icon-02 {
          display: block; }
        .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
          right: 4px;
          left: auto;
          display: flex; }
      .comp-header-01 #search-area.not-result > .search-button {
        display: none !important; }
    .comp-header-01 .menu-buttons {
      position: absolute;
      right: 20px;
      top: 20px;
      display: flex;
      order: 3;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #1F2E5C; }
      .comp-header-01 .menu-buttons #button-hamburger,
      .comp-header-01 .menu-buttons #button-menuclose {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }
      .comp-header-01 .menu-buttons #button-hamburger {
        opacity: 1; }
      .comp-header-01 .menu-buttons #button-menuclose {
        visibility: hidden;
        opacity: 0; }
    .comp-header-01 #button-basket {
      position: absolute;
      right: 68px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #E9EBF1;
      top: 20px; }
      .comp-header-01 #button-basket .basket-symbol {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }
        .comp-header-01 #button-basket .basket-symbol #basket-item-counter {
          display: none;
          justify-content: center;
          align-items: center;
          position: absolute;
          top: -6px;
          right: -6px;
          width: 20px;
          height: 20px;
          background-color: #C36341;
          border-radius: 50%;
          font-size: 11px;
          font-weight: 700;
          color: #fff; }
          .comp-header-01 #button-basket .basket-symbol #basket-item-counter.on {
            display: flex; }
      .comp-header-01 #button-basket .basket-title {
        display: none; }
    .comp-header-01 #auth-user {
      display: none; }
    .comp-header-01 #button-search {
      position: absolute;
      right: 68px;
      bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      order: 2;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #E9EBF1; }
    .comp-header-01.f-cart-page {
      margin-bottom: 0px; }
      .comp-header-01.f-cart-page #search-area {
        display: none; }
      .comp-header-01.f-cart-page #button-basket {
        display: none; }
      .comp-header-01.f-cart-page #auth-user {
        position: absolute;
        right: 20px;
        bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        order: 2;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: #FAFBFD;
        background-color: #A0ABC7; }

  #page-wrapper.menu-on .comp-header-01 #search-area {
    display: none; }
  #page-wrapper.search-on .comp-header-01 #button-basket, #page-wrapper.search-on .comp-header-01 #button-hamburger {
    visibility: hidden;
    opacity: 0; }
  #page-wrapper.search-on .comp-header-01 #button-menuclose {
    visibility: visible;
    opacity: 1; }

  #queryLimitButton {
    display: none; }

  #queryLimitButtonMbl {
    display: flex;
    position: fixed;
    bottom: 20px;
    z-index: 1;
    width: calc(100% - 40px);
    margin-left: 20px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #7A3986;
    box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.25); }
    #queryLimitButtonMbl .c-container-01 {
      margin-right: 8px; }
    #queryLimitButtonMbl .c-container-02 {
      color: #FFF;
      text-align: center;
      font-family: 'Inter';
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }

  #checkout-steps {
    display: flex;
    margin-top: 28px;
    flex-grow: 1;
    height: 56px;
    align-items: center; }
    #checkout-steps .checkout-step-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 125px;
      height: 32px;
      background: #FFFFFF;
      border: 1px solid #E9EBF1;
      border-radius: 100px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em;
      color: #1F2E5C;
      transition: color 0.2s, background-color 0.2s; }
      #checkout-steps .checkout-step-item:after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: calc(50% - 4px);
        display: block;
        width: 8px;
        height: 8px;
        background-color: #7B8AB1;
        transform: rotate(45deg);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s, visibility 0.0s 0.5s; }
      #checkout-steps .checkout-step-item:not(:last-child) {
        margin-right: 8px; }
      #checkout-steps .checkout-step-item.on {
        background-color: #7B8AB1;
        color: #fff; }
        #checkout-steps .checkout-step-item.on:after {
          visibility: visible;
          opacity: 1;
          transition: opacity 0.35s, visibility 0.0s 0.0s; }

  #name-container {
    display: none; }

  .no-search #search-area {
    display: none; }

  .nofooter #search-area {
    display: none; }

  .f-completed .comp-header-01 #search-area {
    display: none; } }
/* XS1 */
@media all and (max-width: 414px) {
  .comp-header-01 .c-wrapper #checkout-steps {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 10px;
    padding: 10px; }
    .comp-header-01 .c-wrapper #checkout-steps .checkout-step-item {
      padding: 8px 10px; } }
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  .comp-header-01 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    min-height: 80px; }
    .comp-header-01 .c-wrapper {
      width: 704px;
      padding: 20px 0; }
    .comp-header-01 #site-logo {
      order: 1;
      margin-right: auto; }
    .comp-header-01 #search-area {
      display: block;
      width: 100%;
      height: 48px;
      order: 4;
      margin-top: 20px; }
      .comp-header-01 #search-area #search-textbox {
        width: 100%;
        height: 100%;
        padding-left: 48px;
        border-radius: 8px;
        background-color: #E9EBF1;
        font-size: 13px;
        font-weight: 500;
        color: #68686A;
        z-index: 152; }
      .comp-header-01 #search-area > .search-icon {
        position: absolute;
        z-index: 153;
        top: 14px;
        left: 16px;
        cursor: pointer; }
      .comp-header-01 #search-area > .close-icon-01 {
        display: none;
        position: absolute;
        z-index: 153;
        top: calc(50% - 6px);
        left: 20px;
        line-height: 0; }
      .comp-header-01 #search-area > .close-icon-02 {
        display: none;
        position: absolute;
        z-index: 153;
        top: calc(50% - 10px);
        left: 591px; }
      .comp-header-01 #search-area > .close-icon-03 {
        display: none; }
      .comp-header-01 #search-area > .search-button {
        display: none;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 153;
        top: calc(50% - 19px);
        left: 630px;
        width: 69px;
        height: 38px;
        background: #67A8D7;
        border-radius: 4px;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: -0.01em;
        color: #FFFFFF; }
      .comp-header-01 #search-area #autoCompletePlaceholder {
        display: none;
        position: absolute;
        left: -12px;
        top: -12px;
        width: 728px;
        padding: 102px 36px 36px 36px;
        background-color: #FFFFFF;
        border-radius: 8px;
        z-index: 151;
        max-height: calc(100vh - 84px);
        overflow-y: auto; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags {
          display: flex;
          align-items: center; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-01 {
            margin-right: 20px;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #68686A; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 {
            display: flex; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A {
              display: flex;
              align-items: center;
              padding: 0 20px;
              height: 36px;
              background: #F8F8F9;
              border-radius: 100px;
              font-weight: 500;
              font-size: 12px;
              line-height: 15px;
              color: #171718; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A:not(:last-child) {
                margin-right: 8px; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .hr-A {
          margin: 16px 0 20px;
          width: 100%; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 {
          display: flex;
          margin-bottom: 20px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A {
            margin-right: 8px;
            font-weight: 600;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #171718; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B {
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #68686A; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li:not(:last-child) {
          margin-bottom: 12px; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A {
          font-size: 14px;
          line-height: 17px;
          letter-spacing: -0.01em;
          color: #171718; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item {
          display: flex;
          margin-bottom: 16px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 52px;
            height: 52px;
            margin-right: 12px;
            border: 1px solid #E6E6E7;
            border-radius: 4px; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 img {
              width: 40px;
              max-height: 40px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A {
            margin-bottom: 4px;
            display: flex;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: -0.01em;
            color: #171718; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A span.f-strong {
              font-weight: 700;
              padding: 0 3px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-B {
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .hr-A {
          margin: 20px 0;
          width: 100%; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item {
          display: flex;
          margin-bottom: 12px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img {
            display: none; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 {
            display: flex; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span {
              font-weight: 400;
              font-size: 14px;
              line-height: 17px;
              letter-spacing: -0.01em;
              color: #171718; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-strong {
                font-weight: 700;
                padding: 0 3px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-02 {
            margin: 0 6px;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03 {
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .not-result {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 16px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .not-result > p {
            width: 174px;
            margin-top: 22px;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #171718;
            text-align: center; }
      .comp-header-01 #search-area.on:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 20;
        background: red; }
      .comp-header-01 #search-area.on > .search-icon {
        display: none; }
      .comp-header-01 #search-area.on > .close-icon-01 {
        display: block; }
      .comp-header-01 #search-area.on #autoCompletePlaceholder {
        display: block; }
      .comp-header-01 #search-area.on #search-textbox {
        background-color: #FFF;
        border: 2px solid #67A8D7;
        border-radius: 8px; }
        .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .close-icon-02 {
          display: block; }
        .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
          display: flex; }
      .comp-header-01 #search-area.not-result > .close-icon-02 {
        left: 664px; }
      .comp-header-01 #search-area.not-result > .search-button {
        display: none !important; }
    .comp-header-01 #button-basket {
      position: absolute;
      right: 48px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #E9EBF1;
      top: 20px; }
      .comp-header-01 #button-basket .basket-symbol {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }
        .comp-header-01 #button-basket .basket-symbol #basket-item-counter {
          display: none;
          justify-content: center;
          align-items: center;
          position: absolute;
          top: -6px;
          right: -6px;
          width: 20px;
          height: 20px;
          background-color: #C36341;
          border-radius: 50%;
          font-size: 11px;
          font-weight: 700;
          color: #fff; }
          .comp-header-01 #button-basket .basket-symbol #basket-item-counter.on {
            display: flex; }
      .comp-header-01 #button-basket .basket-title {
        display: none; }
    .comp-header-01 .menu-buttons {
      position: absolute;
      display: flex;
      top: 20px;
      right: 0;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #324780; }
      .comp-header-01 .menu-buttons #button-hamburger,
      .comp-header-01 .menu-buttons #button-menuclose {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }
      .comp-header-01 .menu-buttons #button-hamburger {
        visibility: visible;
        opacity: 1;
        transition: visibility 0s 0s, opacity 0.3s 0.05s; }
      .comp-header-01 .menu-buttons #button-menuclose {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.3s 0s, opacity 0s 0.3s; }
    .comp-header-01 #auth-user {
      display: none;
      position: absolute;
      top: 20px;
      right: 0;
      color: #171718;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      right: 96px;
      border-radius: 50%;
      background: #E9EBF1;
      font-family: Inter;
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      line-height: 16px;
      text-align: center; }
    .comp-header-01 #button-search {
      position: absolute;
      right: 68px;
      bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      order: 2;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #E9EBF1; }
    .comp-header-01.f-cart-page #search-area {
      display: none; }
    .comp-header-01.f-cart-page #button-search {
      right: 48px; }
    .comp-header-01.f-cart-page #button-basket {
      display: none; }
    .comp-header-01.f-cart-page #auth-user {
      display: flex !important;
      align-items: center;
      justify-content: center;
      top: auto;
      right: 0px;
      bottom: 16px;
      display: block; }

  #page-wrapper.menu-on .comp-header-01 #search-area {
    display: none; }
  #page-wrapper.menu-on #homeListing .royal-slider-ui-01 {
    display: none; }

  #checkout-steps {
    display: flex;
    margin-top: 28px;
    flex-grow: 1;
    height: 56px;
    align-items: center; }
    #checkout-steps .checkout-step-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 125px;
      height: 32px;
      background: #FFFFFF;
      border: 1px solid #E9EBF1;
      border-radius: 100px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em;
      color: #1F2E5C;
      transition: color 0.2s, background-color 0.2s; }
      #checkout-steps .checkout-step-item:after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: calc(50% - 4px);
        display: block;
        width: 8px;
        height: 8px;
        background-color: #7B8AB1;
        transform: rotate(45deg);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s, visibility 0.0s 0.5s; }
      #checkout-steps .checkout-step-item:not(:last-child) {
        margin-right: 20px; }
      #checkout-steps .checkout-step-item.on {
        background-color: #7B8AB1;
        color: #fff; }
        #checkout-steps .checkout-step-item.on:after {
          visibility: visible;
          opacity: 1;
          transition: opacity 0.35s, visibility 0.0s 0.0s; }

  #name-container {
    display: none; }

  .no-search #search-area {
    display: none; }
  .no-search #auth-user {
    display: none; }

  .f-completed .comp-header-01 #search-area {
    display: none; }

  .nofooter #search-area {
    display: none; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  .comp-header-01 {
    z-index: 200; }
    .comp-header-01 .c-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: start;
      height: 96px;
      padding: 20px 0 20px 0; }
    .comp-header-01 #site-logo {
      display: block;
      top: calc(50% - 26px);
      margin-right: 40px; }
    .comp-header-01 #search-area {
      flex-grow: 1;
      height: 100%;
      padding-left: 12px; }
      .comp-header-01 #search-area #search-textbox {
        height: 100%;
        padding-left: 56px;
        border-radius: 100px;
        background-color: #E9EBF1;
        font-size: 13px;
        font-weight: 500;
        color: #68686A;
        transition: border 0.25s, background-color 0.25s;
        z-index: 152; }
      .comp-header-01 #search-area > .search-icon {
        position: absolute;
        z-index: 153;
        top: 19px;
        left: 38px;
        cursor: pointer; }
      .comp-header-01 #search-area > .close-icon-01 {
        display: none;
        position: absolute;
        z-index: 153;
        top: calc(50% - 6px);
        left: 42px;
        line-height: 0; }
      .comp-header-01 #search-area > .close-icon-02 {
        display: none;
        position: absolute;
        z-index: 153;
        top: calc(50% - 10px);
        left: 615px; }
      .comp-header-01 #search-area > .close-icon-03 {
        display: none; }
      .comp-header-01 #search-area > .search-button {
        display: none;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 153;
        top: calc(50% - 21px);
        left: 655px;
        width: 69px;
        height: 42px;
        background: #67A8D7;
        border-radius: 100px;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: -0.01em;
        color: #FFFFFF; }
      .comp-header-01 #search-area #autoCompletePlaceholder {
        display: none;
        position: absolute;
        left: 0;
        top: -12px;
        width: 744px;
        padding: 102px 36px 36px 36px;
        background-color: #FFFFFF;
        border-radius: 8px;
        z-index: 151;
        max-height: calc(100vh - 24px);
        overflow-y: auto; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags {
          display: flex;
          align-items: center; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-01 {
            margin-right: 20px;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #68686A; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 {
            display: flex; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A {
              display: flex;
              align-items: center;
              padding: 0 20px;
              height: 36px;
              background: #F8F8F9;
              border-radius: 100px;
              font-weight: 500;
              font-size: 12px;
              line-height: 15px;
              color: #171718; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A:not(:last-child) {
                margin-right: 8px; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .hr-A {
          margin: 16px 0 20px;
          width: 100%; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 {
          display: flex;
          margin-bottom: 20px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A {
            margin-right: 8px;
            font-weight: 600;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #171718; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B {
            font-size: 12px;
            line-height: 15px;
            letter-spacing: -0.01em;
            color: #68686A; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li:not(:last-child) {
          margin-bottom: 12px; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A {
          font-size: 14px;
          line-height: 17px;
          letter-spacing: -0.01em;
          color: #171718; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .removeBtn {
          position: absolute;
          top: 2px;
          right: 2px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 24px;
          height: 24px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.7071%209.70711C16.0976%209.31658%2016.0976%208.68342%2015.7071%208.29289C15.3166%207.90237%2014.6834%207.90237%2014.2929%208.29289L12%2010.5858L9.70711%208.29289C9.31658%207.90237%208.68342%207.90237%208.29289%208.29289C7.90237%208.68342%207.90237%209.31658%208.29289%209.70711L10.5858%2012L8.29289%2014.2929C7.90237%2014.6834%207.90237%2015.3166%208.29289%2015.7071C8.68342%2016.0976%209.31658%2016.0976%209.70711%2015.7071L12%2013.4142L14.2929%2015.7071C14.6834%2016.0976%2015.3166%2016.0976%2015.7071%2015.7071C16.0976%2015.3166%2016.0976%2014.6834%2015.7071%2014.2929L13.4142%2012L15.7071%209.70711Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-color: #fff;
          border-radius: 50%;
          -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
          -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
          -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
          transition: transform 0.25s ease, opacity 0.3s 0.2s; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .removeBtn:hover {
            -webkit-transform: scale(1.04);
            -moz-transform: scale(1.04);
            -ms-transform: scale(1.04);
            -o-transform: scale(1.04);
            transform: scale(1.04); }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item {
          display: flex;
          margin-bottom: 16px;
          transition: background-color 0.2s; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 52px;
            height: 52px;
            margin-right: 12px;
            border: 1px solid #E6E6E7;
            border-radius: 4px; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 img {
              width: 40px;
              max-height: 40px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A {
            margin-bottom: 4px;
            display: flex;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: -0.01em;
            color: #171718; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A span.f-strong {
              padding: 0 3px;
              font-weight: 700; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-B {
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item:hover {
            background-color: #F8F8F9; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .hr-A {
          margin: 20px 0;
          width: 100%; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item {
          display: flex;
          margin-bottom: 12px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img {
            display: none; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 {
            display: flex;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: -0.01em;
            color: #171718; }
            .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span {
              font-weight: 400;
              font-size: 14px;
              line-height: 17px;
              letter-spacing: -0.01em;
              color: #171718; }
              .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-strong {
                font-weight: 700; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-02 {
            margin: 0 6px;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03 {
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #68686A; }
        .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 16px; }
          .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result > p {
            width: 174px;
            margin-top: 22px;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #171718;
            text-align: center; }
      .comp-header-01 #search-area.on > .search-icon {
        display: none; }
      .comp-header-01 #search-area.on > .close-icon-01 {
        display: block; }
      .comp-header-01 #search-area.on #autoCompletePlaceholder {
        display: block; }
      .comp-header-01 #search-area.on #search-textbox {
        background-color: #FFF;
        border: 2px solid #67A8D7;
        border-radius: 100px; }
        .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .close-icon-02 {
          display: block; }
        .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
          display: flex; }
    .comp-header-01 #queryLimitButtonMbl {
      display: none; }
    .comp-header-01 #queryLimitButton {
      width: 202px;
      height: 56px;
      margin-right: 12px;
      cursor: pointer; }
      .comp-header-01 #queryLimitButton .c-column-01 {
        width: 100%;
        height: 100%;
        border: 2px solid #7A3986;
        background: rgba(122, 57, 134, 0.12);
        border-radius: 99999px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-header-01 #queryLimitButton .c-column-01.active {
          border: 1px solid #E9EBF1;
          background: #7A3986; }
          .comp-header-01 #queryLimitButton .c-column-01.active .c-container-01 {
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%20fill-opacity%3D%220.24%22%2F%3E%20%3Cpath%20d%3D%22M25.0041%2015.8332H27.5041C27.9643%2015.8332%2028.3374%2016.2063%2028.3374%2016.6665V26.6666C28.3374%2027.1268%2027.9643%2027.4999%2027.5041%2027.4999H12.5041C12.0438%2027.4999%2011.6707%2027.1268%2011.6707%2026.6666V13.3332C11.6707%2012.873%2012.0438%2012.4999%2012.5041%2012.4999H25.0041V15.8332ZM13.3374%2017.4999V25.8332H26.6708V17.4999H13.3374ZM13.3374%2014.1665V15.8332H23.3374V14.1665H13.3374ZM22.5041%2020.8332H25.0041V22.4999H22.5041V20.8332Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          .comp-header-01 #queryLimitButton .c-column-01.active .c-container-02 .c-item-01 {
            opacity: 0.64;
            color: #fff; }
          .comp-header-01 #queryLimitButton .c-column-01.active .c-container-02 .c-item-02 {
            color: #fff; }
        .comp-header-01 #queryLimitButton .c-column-01 .c-container-01 {
          margin-right: 12px;
          display: block;
          width: 40px;
          height: 40px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M25.004%2015.8331H27.504C27.9643%2015.8331%2028.3373%2016.2062%2028.3373%2016.6664V26.6664C28.3373%2027.1267%2027.9643%2027.4998%2027.504%2027.4998H12.504C12.0438%2027.4998%2011.6707%2027.1267%2011.6707%2026.6664V13.3331C11.6707%2012.8728%2012.0438%2012.4998%2012.504%2012.4998H25.004V15.8331ZM13.3373%2017.4998V25.8331H26.6707V17.4998H13.3373ZM13.3373%2014.1664V15.8331H23.3373V14.1664H13.3373ZM22.504%2020.8331H25.004V22.4998H22.504V20.8331Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        .comp-header-01 #queryLimitButton .c-column-01 .c-container-02 .c-item-01 {
          color: #561562;
          font-family: 'Inter';
          font-size: 11px;
          font-style: normal;
          font-weight: 450;
          line-height: normal; }
        .comp-header-01 #queryLimitButton .c-column-01 .c-container-02 .c-item-02 {
          color: #561562;
          font-family: 'Inter';
          font-size: 13px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .comp-header-01 #account-container {
      z-index: 2;
      display: flex;
      margin-right: 8px; }
      .comp-header-01 #account-container .user-not-registered {
        width: 160px;
        height: 56px; }
        .comp-header-01 #account-container .user-not-registered .intro-header,
        .comp-header-01 #account-container .user-not-registered .intro-text {
          display: none; }
        .comp-header-01 #account-container .user-not-registered .login-link {
          display: flex;
          width: 100%;
          height: 100%;
          justify-content: center;
          align-items: center;
          background-color: #E9EBF1;
          border-radius: 100px; }
          .comp-header-01 #account-container .user-not-registered .login-link svg {
            margin-right: 12px; }
          .comp-header-01 #account-container .user-not-registered .login-link .link-text-regular {
            display: flex;
            flex-direction: column;
            line-height: 16px;
            font-weight: 600;
            font-size: 13px;
            color: #171718; }
            .comp-header-01 #account-container .user-not-registered .login-link .link-text-regular span {
              font-weight: 400;
              font-size: 11px;
              color: #909091; }
          .comp-header-01 #account-container .user-not-registered .login-link .link-text-hamburger {
            display: none; }
      .comp-header-01 #account-container .user-registered #menu-account-head {
        z-index: 1;
        display: flex;
        align-items: center;
        width: 148px;
        height: 56px;
        padding: 6px 6px;
        background-color: #E9EBF1;
        border: 2px solid #E9EBF1;
        border-radius: 100px;
        cursor: pointer;
        transition: border 0.2s 0.3s; }
        .comp-header-01 #account-container .user-registered #menu-account-head .account-head-abbreviation {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 44px;
          height: 44px;
          margin: 0 14px 0 0;
          border-radius: 50%;
          background-color: #A0ABC7;
          color: #FAFBFD; }
        .comp-header-01 #account-container .user-registered #menu-account-head .account-head-text {
          color: #171718;
          font-size: 13px;
          font-weight: 600; }
      .comp-header-01 #account-container .user-registered #menu-account-container:hover #menu-account-head {
        border: 2px solid #fff;
        transition: border 0.2s 0.3s; }
      .comp-header-01 #account-container .user-registered #menu-account-container:hover #menu-account, .comp-header-01 #account-container .user-registered #menu-account-container:hover ~ #menu-account-overlay {
        visibility: visible;
        opacity: 1;
        transition: visibility 0s 0.3s, opacity 0.2s 0.3s; }
      .comp-header-01 #account-container .user-registered #menu-account {
        position: absolute;
        z-index: 1;
        top: calc(100% + 14px);
        left: calc(50% - 120px);
        display: flex;
        width: 240px;
        padding: 20px 8px;
        background-color: #fff;
        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 0.5s, opacity 0.2s 0.3s; }
        .comp-header-01 #account-container .user-registered #menu-account:before {
          content: '';
          position: absolute;
          z-index: 1;
          top: -6px;
          left: calc(50% - 6px);
          width: 12px;
          height: 12px;
          display: block;
          background-color: #fff;
          transform: rotate(45deg); }
        .comp-header-01 #account-container .user-registered #menu-account > ul {
          width: 100%; }
        .comp-header-01 #account-container .user-registered #menu-account a {
          display: flex;
          align-items: center;
          width: 100%;
          height: 36px;
          padding: 0 0 0 8px;
          background-color: #fff;
          border-radius: 4px;
          font-weight: 500;
          font-size: 13px;
          color: #171718;
          transition: background-color 0.3s; }
          .comp-header-01 #account-container .user-registered #menu-account a svg {
            margin: 0 12px 0 0; }
          .comp-header-01 #account-container .user-registered #menu-account a:hover {
            background-color: #FAFBFD; }
        .comp-header-01 #account-container .user-registered #menu-account .account-log-out a {
          color: #909091; }
        .comp-header-01 #account-container .user-registered #menu-account .account-menu-separator {
          padding: 12px 0 0 0;
          margin: 12px 0 0 0; }
          .comp-header-01 #account-container .user-registered #menu-account .account-menu-separator:before {
            content: '';
            position: absolute;
            top: 0;
            left: calc(50% - 104px);
            display: flex;
            height: 1px;
            width: 208px;
            background-color: #E6E6E7; }
      .comp-header-01 #account-container .user-registered #menu-account-overlay {
        position: fixed;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: -2000px;
        left: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 0.5s, opacity 0.2s 0.3s; }
    .comp-header-01 #button-basket {
      border: 1px solid #E9EBF1;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 148px;
      height: 100%; }
      .comp-header-01 #button-basket .basket-symbol {
        width: 24px;
        height: 24px;
        margin-right: 10px; }
        .comp-header-01 #button-basket .basket-symbol > svg {
          width: 100%;
          height: 100%; }
        .comp-header-01 #button-basket .basket-symbol #basket-item-counter {
          display: none;
          justify-content: center;
          align-items: center;
          position: absolute;
          top: -6px;
          right: -6px;
          width: 20px;
          height: 20px;
          background-color: #C36341;
          border-radius: 50%;
          font-size: 11px;
          font-weight: 700;
          color: #fff; }
          .comp-header-01 #button-basket .basket-symbol #basket-item-counter.on {
            display: flex; }
      .comp-header-01 #button-basket .basket-title {
        font-weight: 500;
        font-size: 14px;
        color: #171718; }
    .comp-header-01 #button-hamburger {
      display: none; }
    .comp-header-01 #button-menuclose {
      display: none; }
    .comp-header-01 #auth-user {
      display: none; }
    .comp-header-01 #menu-socialmedia {
      display: none; }
    .comp-header-01 #checkout-steps {
      display: flex;
      flex-grow: 1;
      height: 56px;
      align-items: center; }
      .comp-header-01 #checkout-steps .checkout-step-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 125px;
        height: 32px;
        background: #FFFFFF;
        border: 1px solid #E9EBF1;
        border-radius: 100px;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: -0.01em;
        color: #1F2E5C;
        transition: color 0.2s, background-color 0.2s; }
        .comp-header-01 #checkout-steps .checkout-step-item:after {
          content: '';
          position: absolute;
          bottom: -4px;
          left: calc(50% - 4px);
          display: block;
          width: 8px;
          height: 8px;
          background-color: #7B8AB1;
          transform: rotate(45deg);
          opacity: 0;
          visibility: hidden;
          transition: opacity 0.35s, visibility 0.0s 0.5s; }
        .comp-header-01 #checkout-steps .checkout-step-item:not(:last-child) {
          margin-right: 20px; }
        .comp-header-01 #checkout-steps .checkout-step-item.on {
          background-color: #7B8AB1;
          color: #fff; }
          .comp-header-01 #checkout-steps .checkout-step-item.on:after {
            visibility: visible;
            opacity: 1;
            transition: opacity 0.35s, visibility 0.0s 0.0s; }
    .comp-header-01 #name-container {
      display: flex;
      align-items: center;
      height: 56px;
      padding: 0 28px;
      background-color: #F0F0F2;
      border-radius: 100px;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #171718; }
      .comp-header-01 #name-container .item-01 {
        margin-left: 12px; } }
/* MD */
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-header-01 .c-wrapper {
    width: calc(100% - 40px); }
    .comp-header-01 .c-wrapper #button-search {
      display: none; }
  .comp-header-01 #search-area #search-textbox {
    width: 630px; }
  .comp-header-01 #search-area #autoCompletePlaceholder {
    width: 654px; }
  .comp-header-01 #search-area > .close-icon-02 {
    left: 527px; }
  .comp-header-01 #search-area > .search-button {
    left: 567px; }
  .comp-header-01 #search-area.not-result > .close-icon-02 {
    left: 600px; }
  .comp-header-01 #search-area.not-result > .search-button {
    display: none !important; }
  .comp-header-01.f-cart-page .c-wrapper #search-area svg {
    top: 6px;
    left: 40px;
    z-index: 999; } }
/* LG */
@media all and (min-width: 1680px) {
  .comp-header-01 .c-wrapper {
    width: calc(100% - 80px); }
    .comp-header-01 .c-wrapper #button-search {
      display: none; }
  .comp-header-01 #search-area svg {
    top: 19px;
    left: 27px;
    z-index: 999; }
  .comp-header-01 #search-area #search-textbox {
    width: 720px; }
  .comp-header-01 #search-area.on svg {
    top: 0;
    left: 0; }
  .comp-header-01 #search-area.not-result > .close-icon-02 {
    left: 685px; }
  .comp-header-01 #search-area.not-result > .search-button {
    display: none !important; }
  .comp-header-01.f-cart-page .c-wrapper #search-area svg {
    top: 6px;
    left: 40px;
    z-index: 999; } }
#hamburger-menu-wrapper,
#menu-primary,
#account-container,
#menu-socialmedia {
  display: none; }

#menu-primary ul, #menu-primary .submenu-ad, #menu-primary .level-2-header, #menu-primary .submenu-ad-container {
  display: none; }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #page-wrapper.menu-on #hamburger-menu-wrapper, #page-wrapper.menu-on #button-menuclose {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s; }
  #page-wrapper.menu-on #button-basket, #page-wrapper.menu-on #button-hamburger {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s 0s; }
  #page-wrapper.menu-on.menu-off #hamburger-menu-wrapper, #page-wrapper.menu-on.menu-off #button-menuclose {
    opacity: 0; }
  #page-wrapper.menu-on.menu-off #button-basket, #page-wrapper.menu-on.menu-off #button-hamburger {
    opacity: 1; }

  #hamburger-menu-wrapper {
    position: fixed;
    z-index: 200;
    visibility: hidden;
    top: 76px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #fff;
    overflow: hidden;
    opacity: 0; }
    #hamburger-menu-wrapper::before {
      content: '';
      position: fixed;
      z-index: 2;
      top: 72px;
      display: block;
      width: 100%;
      height: 4px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    #hamburger-menu-wrapper #menu-content-wrapper {
      height: 100%; }
    #hamburger-menu-wrapper #menu-animation-wrapper {
      display: flex;
      justify-content: space-between;
      width: 300%;
      height: 100%; }
    #hamburger-menu-wrapper #menu-screen-1,
    #hamburger-menu-wrapper #menu-screen-2,
    #hamburger-menu-wrapper #menu-screen-3 {
      display: flex;
      flex-wrap: wrap;
      align-content: start;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto; }
      #hamburger-menu-wrapper #menu-screen-1 .backButton,
      #hamburger-menu-wrapper #menu-screen-2 .backButton,
      #hamburger-menu-wrapper #menu-screen-3 .backButton {
        position: absolute;
        top: 20px;
        left: 20px;
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%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_1_1742%29%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22%232B3E73%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1742%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
    #hamburger-menu-wrapper #account-container {
      display: flex;
      order: 1;
      width: 100%;
      background-color: #E9EBF1; }
      #hamburger-menu-wrapper #account-container .user-not-registered {
        width: 100%;
        padding: 24px 20px 20px 20px; }
        #hamburger-menu-wrapper #account-container .user-not-registered .intro-header {
          font-weight: 600;
          font-size: 15px;
          color: #2B3E73; }
        #hamburger-menu-wrapper #account-container .user-not-registered .intro-text {
          width: 295px;
          margin: 12px 0 24px 0;
          line-height: 18px;
          font-weight: 400;
          font-size: 13px;
          color: #1F2E5C; }
        #hamburger-menu-wrapper #account-container .user-not-registered .login-link {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 52px;
          background-color: #fff;
          border-radius: 8px; }
          #hamburger-menu-wrapper #account-container .user-not-registered .login-link svg {
            margin-right: 12px; }
          #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-hamburger {
            display: flex;
            font-weight: 600;
            font-size: 13px;
            color: #171718; }
          #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-regular {
            display: none; }
      #hamburger-menu-wrapper #account-container .user-registered {
        width: 100%;
        padding: 20px 20px 20px 20px; }
        #hamburger-menu-wrapper #account-container .user-registered #menu-account-head {
          z-index: 1;
          display: flex;
          align-items: center;
          width: 100%;
          height: 52px;
          padding: 4px 4px;
          background-color: #fff;
          border-radius: 100px;
          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%3Cpath%20d%3D%22M11.25%203.75L10.3562%204.62063L15.0938%209.375H2.5V10.625H15.0938L10.3562%2015.3581L11.25%2016.25L17.5%2010L11.25%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
          background-position: right 16px center;
          background-repeat: no-repeat; }
          #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-abbreviation {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 44px;
            height: 44px;
            margin: 0 14px 0 0;
            border-radius: 50%;
            background-color: #A0ABC7;
            color: #FAFBFD; }
          #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-text {
            color: #171718;
            font-size: 13px;
            font-weight: 600; }
        #hamburger-menu-wrapper #account-container .user-registered #menu-account {
          display: none; }
        #hamburger-menu-wrapper #account-container .user-registered #menu-account-overlay {
          display: none; }
    #hamburger-menu-wrapper #menu-socialmedia {
      display: flex;
      order: 3;
      justify-content: center;
      width: 100%;
      margin: 40px 0 100px 0; }
      #hamburger-menu-wrapper #menu-socialmedia ul {
        display: flex; }
        #hamburger-menu-wrapper #menu-socialmedia ul li {
          display: flex;
          width: 40px;
          height: 40px; }
          #hamburger-menu-wrapper #menu-socialmedia ul li:not(:last-child) {
            margin-right: 37px; }
          #hamburger-menu-wrapper #menu-socialmedia ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            border: 1px solid #D5D5D6;
            border-radius: 50%; }
    #hamburger-menu-wrapper #menu-primary {
      display: flex;
      flex-direction: column;
      order: 2;
      width: 100%; }
      #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl {
        display: flex;
        width: calc(100% - 40px);
        height: 40px;
        margin: 20px 0px 20px 20px;
        border-radius: 99999px;
        border: 2px solid #7A3986;
        background: rgba(122, 57, 134, 0.12);
        padding: 16px !important; }
        #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%; }
          #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-01 {
            display: flex;
            align-items: center; }
            #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-01 .c-item-01 {
              width: 16px;
              height: 16px;
              margin-right: 8px;
              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%3Cpath%20d%3D%22M12.0033%204.66642H14.0033C14.3715%204.66642%2014.6699%204.9649%2014.6699%205.33309V13.3331C14.6699%2013.7013%2014.3715%2013.9998%2014.0033%2013.9998H2.00325C1.63506%2013.9998%201.33658%2013.7013%201.33658%2013.3331V2.66642C1.33658%202.29823%201.63506%201.99976%202.00325%201.99976H12.0033V4.66642ZM2.66991%205.99976V12.6664H13.3366V5.99976H2.66991ZM2.66991%203.33309V4.66642H10.6699V3.33309H2.66991ZM10.0033%208.66643H12.0033V9.99976H10.0033V8.66643Z%22%20fill%3D%22%23561562%22%20%2F%3E%20%3C%2Fsvg%3E"); }
            #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-01 .c-item-02 {
              color: #561562;
              font-family: 'Inter';
              font-size: 13px;
              font-style: normal;
              font-weight: 600;
              line-height: 18px; }
          #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-02 {
            color: #561562;
            text-align: right;
            font-family: 'Inter';
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            line-height: normal; }
      #hamburger-menu-wrapper #menu-primary #submenu-animation-wrapper {
        width: 100%; }
    #hamburger-menu-wrapper .ul-level-1, #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: block;
      width: 100%;
      padding: 16px 20px 0 20px; }
      #hamburger-menu-wrapper .ul-level-1 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-2 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-3 > li > a:not(.submenu-ad) {
        display: flex;
        align-items: center;
        height: 48px;
        border-bottom: 1px solid #E9EBF1;
        font-weight: 500;
        font-size: 14px;
        color: #171718; }
    #hamburger-menu-wrapper .ul-level-1 .hasSubmenu, #hamburger-menu-wrapper .ul-level-2 .hasSubmenu {
      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%3Cpath%20d%3D%22M10.9998%208L5.9998%2013L5.2998%2012.3L9.5998%208L5.2998%203.7L5.9998%203L10.9998%208Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
      background-position: right center;
      background-repeat: no-repeat; }
    #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: none; }
      #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a {
        font-weight: 600;
        color: #3B518B; }
        #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a svg, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a svg {
          display: none; }
      #hamburger-menu-wrapper .ul-level-2.account-submenu svg, #hamburger-menu-wrapper .ul-level-3.account-submenu svg {
        margin-right: 16px; }
      #hamburger-menu-wrapper .ul-level-2.account-submenu .account-log-out a, #hamburger-menu-wrapper .ul-level-3.account-submenu .account-log-out a {
        color: #909091; }
      #hamburger-menu-wrapper .ul-level-2.on, #hamburger-menu-wrapper .ul-level-3.on {
        display: block; }
    #hamburger-menu-wrapper .level-2-header,
    #hamburger-menu-wrapper .level-3-header {
      display: none;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 64px;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22%25232B3E73%22%2F%3E%3C%2Fsvg%3E");
      background-position: 23px center;
      background-repeat: no-repeat;
      background-color: #E9EBF1;
      font-weight: 600;
      font-size: 15px;
      color: #2B3E73; }
      #hamburger-menu-wrapper .level-2-header.on,
      #hamburger-menu-wrapper .level-3-header.on {
        display: flex; }

  .noscroll #hamburger-menu-wrapper {
    top: 80px; }
  .noscroll #hamburger-menu-wrapper:before {
    display: none; } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #page-wrapper.menu-on #hamburger-menu-wrapper, #page-wrapper.menu-on #button-menuclose {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s; }
  #page-wrapper.menu-on #button-basket, #page-wrapper.menu-on #button-hamburger {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s 0s; }
  #page-wrapper.menu-on.menu-off #hamburger-menu-wrapper, #page-wrapper.menu-on.menu-off #button-menuclose {
    opacity: 0; }
  #page-wrapper.menu-on.menu-off #button-basket, #page-wrapper.menu-on.menu-off #button-hamburger {
    opacity: 1; }

  #hamburger-menu-wrapper {
    position: fixed;
    z-index: 200;
    visibility: hidden;
    top: 76px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #fff;
    overflow: hidden;
    opacity: 0; }
    #hamburger-menu-wrapper::before {
      content: '';
      position: fixed;
      z-index: 2;
      top: 72px;
      display: block;
      width: 100%;
      height: 4px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    #hamburger-menu-wrapper #menu-content-wrapper {
      width: 564px;
      height: 100%;
      margin: 0 auto 0 auto;
      overflow: hidden; }
    #hamburger-menu-wrapper #menu-animation-wrapper {
      display: flex;
      justify-content: space-between;
      width: 300%;
      height: 100%; }
    #hamburger-menu-wrapper #menu-screen-1,
    #hamburger-menu-wrapper #menu-screen-2,
    #hamburger-menu-wrapper #menu-screen-3 {
      display: flex;
      flex-wrap: wrap;
      align-content: start;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto; }
    #hamburger-menu-wrapper #account-container {
      display: flex;
      order: 1;
      width: 100%;
      background-color: #E9EBF1; }
      #hamburger-menu-wrapper #account-container .user-not-registered {
        width: 100%;
        padding: 24px 20px 20px 20px; }
        #hamburger-menu-wrapper #account-container .user-not-registered .intro-header {
          font-weight: 600;
          font-size: 15px;
          color: #2B3E73; }
        #hamburger-menu-wrapper #account-container .user-not-registered .intro-text {
          width: 295px;
          margin: 12px 0 24px 0;
          line-height: 18px;
          font-weight: 400;
          font-size: 13px;
          color: #1F2E5C; }
        #hamburger-menu-wrapper #account-container .user-not-registered .login-link {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 52px;
          background-color: #fff;
          border-radius: 8px; }
          #hamburger-menu-wrapper #account-container .user-not-registered .login-link svg {
            margin-right: 12px; }
          #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-hamburger {
            display: flex;
            font-weight: 600;
            font-size: 13px;
            color: #171718; }
          #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-regular {
            display: none; }
      #hamburger-menu-wrapper #account-container .user-registered {
        width: 100%;
        padding: 20px 20px 20px 20px; }
        #hamburger-menu-wrapper #account-container .user-registered #menu-account-head {
          z-index: 1;
          display: flex;
          align-items: center;
          width: 100%;
          height: 52px;
          padding: 4px 4px;
          background-color: #fff;
          border-radius: 100px;
          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%3Cpath%20d%3D%22M11.25%203.75L10.3562%204.62063L15.0938%209.375H2.5V10.625H15.0938L10.3562%2015.3581L11.25%2016.25L17.5%2010L11.25%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
          background-position: right 16px center;
          background-repeat: no-repeat; }
          #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-abbreviation {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 44px;
            height: 44px;
            margin: 0 14px 0 0;
            border-radius: 50%;
            background-color: #A0ABC7;
            color: #FAFBFD; }
          #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-text {
            color: #171718;
            font-size: 13px;
            font-weight: 600; }
        #hamburger-menu-wrapper #account-container .user-registered #menu-account {
          display: none; }
        #hamburger-menu-wrapper #account-container .user-registered #menu-account-overlay {
          display: none; }
    #hamburger-menu-wrapper #menu-socialmedia {
      display: flex;
      order: 3;
      justify-content: center;
      width: 100%;
      margin: 40px 0 100px 0; }
      #hamburger-menu-wrapper #menu-socialmedia ul {
        display: flex; }
        #hamburger-menu-wrapper #menu-socialmedia ul li {
          display: flex;
          width: 40px;
          height: 40px; }
          #hamburger-menu-wrapper #menu-socialmedia ul li:not(:last-child) {
            margin-right: 37px; }
          #hamburger-menu-wrapper #menu-socialmedia ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            border: 1px solid #D5D5D6;
            border-radius: 50%; }
    #hamburger-menu-wrapper #menu-primary {
      display: flex;
      order: 2;
      width: 100%; }
      #hamburger-menu-wrapper #menu-primary #submenu-animation-wrapper {
        width: 100%; }
    #hamburger-menu-wrapper .ul-level-1, #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: block;
      width: 100%;
      padding: 16px 20px 0 20px; }
      #hamburger-menu-wrapper .ul-level-1 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-2 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-3 > li > a:not(.submenu-ad) {
        display: flex;
        align-items: center;
        height: 48px;
        border-bottom: 1px solid #E9EBF1;
        font-weight: 500;
        font-size: 14px;
        color: #171718; }
    #hamburger-menu-wrapper .ul-level-1 .hasSubmenu, #hamburger-menu-wrapper .ul-level-2 .hasSubmenu {
      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%3Cpath%20d%3D%22M10.9998%208L5.9998%2013L5.2998%2012.3L9.5998%208L5.2998%203.7L5.9998%203L10.9998%208Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
      background-position: right center;
      background-repeat: no-repeat; }
    #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: none; }
      #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a {
        font-weight: 600;
        color: #3B518B; }
        #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a svg, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a svg {
          display: none; }
      #hamburger-menu-wrapper .ul-level-2.account-submenu svg, #hamburger-menu-wrapper .ul-level-3.account-submenu svg {
        margin-right: 16px; }
      #hamburger-menu-wrapper .ul-level-2.account-submenu .account-log-out a, #hamburger-menu-wrapper .ul-level-3.account-submenu .account-log-out a {
        color: #909091; }
      #hamburger-menu-wrapper .ul-level-2.on, #hamburger-menu-wrapper .ul-level-3.on {
        display: block; }
    #hamburger-menu-wrapper .level-2-header,
    #hamburger-menu-wrapper .level-3-header {
      display: none;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 64px;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22%25232B3E73%22%2F%3E%3C%2Fsvg%3E");
      background-position: 23px center;
      background-repeat: no-repeat;
      background-color: #E9EBF1;
      font-weight: 600;
      font-size: 15px;
      color: #2B3E73; }
      #hamburger-menu-wrapper .level-2-header.on,
      #hamburger-menu-wrapper .level-3-header.on {
        display: flex; }

  .noscroll #hamburger-menu-wrapper {
    top: 82px; }
  .noscroll #hamburger-menu-wrapper:before {
    display: none; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #hamburger-menu-wrapper {
    display: none; }

  #menu-primary {
    position: sticky;
    top: 0;
    z-index: 100;
    display: block;
    height: 57px;
    background-color: #1F2E5C; }
    #menu-primary .ul-level-1 {
      display: flex;
      height: 100%; }
      #menu-primary .ul-level-1 .overlayMenuContainer {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 152px);
        opacity: 0.6;
        background: var(--color-bw-950, #0F0F10); }
      #menu-primary .ul-level-1 > li {
        position: static;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 16px 0 16px;
        cursor: pointer; }
        #menu-primary .ul-level-1 > li:first-child {
          padding-left: 0; }
        #menu-primary .ul-level-1 > li:last-child {
          padding-right: 0; }
        #menu-primary .ul-level-1 > li > a:not(.submenu-ad) {
          display: block;
          padding: 10px 0 10px 0;
          line-height: 17px;
          color: #fff;
          font-size: 14px;
          font-weight: 500; }
        #menu-primary .ul-level-1 > li.active {
          background-repeat: no-repeat;
          background-position: bottom;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%229%22%20viewBox%3D%220%200%2018%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M9%200L17.4853%208.48528H9H0.514719L9%200Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          #menu-primary .ul-level-1 > li.active .hasSubmenu {
            visibility: visible; }
          #menu-primary .ul-level-1 > li.active .ul-level-2 {
            visibility: visible; }
          #menu-primary .ul-level-1 > li.active .submenu-ad, #menu-primary .ul-level-1 > li.active .submenu-ad-container {
            visibility: visible; }
          #menu-primary .ul-level-1 > li.active::after {
            visibility: visible !important; }
      #menu-primary .ul-level-1 > li.hasSubmenu::after {
        content: '';
        width: 100%;
        visibility: hidden;
        position: absolute;
        z-index: 0;
        top: 100%;
        display: block;
        height: 580px;
        background-color: #fff;
        border-radius: 0 0 12px 12px;
        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
        cursor: default; }
    #menu-primary .ul-level-2 {
      position: absolute;
      z-index: 111;
      top: calc(100% + 40px);
      display: flex;
      flex-direction: column;
      align-content: start;
      height: 500px;
      width: 710px;
      visibility: hidden;
      overflow: auto; }
      #menu-primary .ul-level-2::after {
        content: "";
        position: absolute;
        top: 0;
        left: 310px;
        width: 1px;
        height: 100%;
        background: #E9EBF1; }
      #menu-primary .ul-level-2::-webkit-scrollbar {
        display: none; }
      #menu-primary .ul-level-2 > li {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 320px;
        padding: 0 32px 0 0;
        margin: 0 0 20px 0;
        position: static; }
        #menu-primary .ul-level-2 > li.hasActiveChild .subItemHeader:after {
          content: '';
          position: absolute;
          top: 0px;
          right: 0px;
          display: block;
          width: 20px;
          height: 20px;
          background-image: url("data:image/svg+xml,%20%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%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_44_25658%29%22%3E%20%3Cpath%20d%3D%22M14.25%2010L8%2016.25L7.125%2015.375L12.5%2010L7.125%204.625L8%203.75L14.25%2010Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_44_25658%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
        #menu-primary .ul-level-2 > li.hasActiveChild .childMenu .allProducts {
          color: #1F2E5C;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: -0.005em;
          display: flex; }
          #menu-primary .ul-level-2 > li.hasActiveChild .childMenu .allProducts:after {
            content: '';
            position: absolute;
            top: 0px;
            right: -28px;
            display: block;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%20%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_44_25692%29%22%3E%20%3Cpath%20d%3D%22M6.25%203.75V5H14.1187L3.75%2015.3687L4.63125%2016.25L15%205.88125V13.75H16.25V3.75H6.25Z%22%20fill%3D%22%231F2E5C%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_44_25692%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
        #menu-primary .ul-level-2 > li:last-child {
          padding: 20px 0 0 0;
          width: 290px;
          border-top: 1px solid #E9EBF1; }
          #menu-primary .ul-level-2 > li:last-child > a {
            color: #1F2E5C;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -0.005em;
            display: flex; }
            #menu-primary .ul-level-2 > li:last-child > a:after {
              content: '';
              position: absolute;
              top: 0px;
              right: -28px;
              display: block;
              width: 20px;
              height: 20px;
              background-image: url("data:image/svg+xml,%20%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_44_25692%29%22%3E%20%3Cpath%20d%3D%22M6.25%203.75V5H14.1187L3.75%2015.3687L4.63125%2016.25L15%205.88125V13.75H16.25V3.75H6.25Z%22%20fill%3D%22%231F2E5C%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_44_25692%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
            #menu-primary .ul-level-2 > li:last-child > a > svg {
              margin-left: 12px; }
            #menu-primary .ul-level-2 > li:last-child > a:hover {
              text-decoration: underline; }
        #menu-primary .ul-level-2 > li:not(:last-child) > a {
          color: #171718;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: -0.005em;
          width: 100%;
          display: flex;
          justify-content: space-between;
          height: 20px; }
          #menu-primary .ul-level-2 > li:not(:last-child) > a:hover {
            color: #5388B6; }
    #menu-primary .ul-level-3 {
      display: none;
      width: max-content;
      position: absolute;
      left: 330px;
      top: 0;
      flex-direction: column; }
      #menu-primary .ul-level-3 > li {
        padding-right: 4px;
        width: 100%; }
        #menu-primary .ul-level-3 > li:not(:last-child) {
          margin: 0 0 12px 0; }
          #menu-primary .ul-level-3 > li:not(:last-child) > a {
            z-index: 113;
            color: #171718;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: -0.07px;
            height: 20px;
            display: block; }
            #menu-primary .ul-level-3 > li:not(:last-child) > a:hover {
              color: #5388B6; }
        #menu-primary .ul-level-3 > li:last-child {
          width: 100%; }
          #menu-primary .ul-level-3 > li:last-child > a {
            font-size: 13px;
            color: #171718;
            font-weight: 400;
            letter-spacing: -0.005em; }
            #menu-primary .ul-level-3 > li:last-child > a:hover {
              text-decoration: underline; }
    #menu-primary .submenu-ad {
      position: absolute;
      z-index: 1;
      top: calc(100% + 48px);
      display: flex;
      width: 295px;
      visibility: hidden; }
      #menu-primary .submenu-ad .adVisual {
        height: auto;
        width: 295px;
        border-radius: 8px; }
      #menu-primary .submenu-ad .adInfo {
        position: absolute;
        right: 9px;
        bottom: 9px;
        left: 9px;
        padding: 12px 16px 16px 16px;
        background-color: #fff;
        border-radius: 8px;
        line-height: 18.47px;
        font-weight: 400;
        font-size: 14px;
        color: #171718;
        letter-spacing: -0.01em; }
        #menu-primary .submenu-ad .adInfo span {
          font-weight: 600; }
    #menu-primary .submenu-ad-container {
      position: absolute;
      z-index: 120;
      top: calc(100% + 40px);
      display: flex;
      width: calc(100% - 425px);
      visibility: hidden;
      display: flex;
      gap: 20px;
      justify-content: end; }
      #menu-primary .submenu-ad-container .submenu-ad-2 {
        width: 33.3%;
        height: 100%; }
        #menu-primary .submenu-ad-container .submenu-ad-2:first-child {
          margin-bottom: 12px; }
        #menu-primary .submenu-ad-container .submenu-ad-2 .adVisual-2 {
          height: 500px;
          width: 100%;
          object-fit: cover;
          border-radius: 8px; }
        #menu-primary .submenu-ad-container .submenu-ad-2 .adInfo-2 {
          width: 260px;
          position: absolute;
          bottom: 36px;
          left: 36px;
          letter-spacing: -0.01em;
          color: #FFF;
          font-family: Inter;
          font-size: clamp(16px, 2vw, 24px);
          font-style: normal;
          font-weight: 600;
          line-height: 26px; }
          #menu-primary .submenu-ad-container .submenu-ad-2 .adInfo-2 span {
            font-weight: 600; }
        #menu-primary .submenu-ad-container .submenu-ad-2 .overlayAdItem {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0.4;
          background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); } }
/* MD */
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #menu-primary {
    position: sticky;
    top: 0;
    padding: 0 40px 0 40px;
    z-index: 100; }
    #menu-primary .ul-level-1 > li.hasSubmenu::after {
      right: 0px;
      left: 0px; }
    #menu-primary .ul-level-2 {
      left: 40px; }
    #menu-primary .submenu-ad {
      left: 1200px; }
    #menu-primary .submenu-ad-container {
      left: 385px; } }
/* LG */
@media all and (min-width: 1680px) {
  #menu-primary {
    position: sticky;
    top: 0;
    padding: 0 200px 0 200px;
    z-index: 100; }
    #menu-primary .ul-level-1 > li.hasSubmenu::after {
      right: 0px;
      left: 0px; }
    #menu-primary .ul-level-2 {
      left: 40px; }
    #menu-primary .submenu-ad {
      left: 1200px; }
    #menu-primary .submenu-ad-container {
      left: 385px; } }
#registerSection .body-division .c-item-01 .c-unit-04 .c-box-01 {
  margin-bottom: 44px; }

/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
.micro-ui-01 {
  width: 295px;
  height: 430px;
  border-radius: 8px;
  overflow: hidden; }
  .micro-ui-01:last-child {
    margin-right: 0; }
  .micro-ui-01 picture:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);*/
    opacity: 0.4; }

.micro-ui-02 {
  background-color: #F3FBFF; }

.micro-ui-03 .c-item-01 {
  margin-bottom: 12px; }
.micro-ui-03 .c-item-02 {
  margin-bottom: 28px; }

.micro-ui-04 {
  margin-bottom: 20px; }
  .micro-ui-04 .c-item {
    margin-right: 7px;
    width: 164px;
    height: 40px;
    background: #E9EBF1;
    border-radius: 8px; }
    .micro-ui-04 .c-item .c-unit-01 {
      margin-right: 9px; }
    .micro-ui-04 .c-item .c-unit-03 {
      opacity: 0;
      width: 100%;
      height: 100%;
      position: absolute; }

.micro-ui-05 {
  overflow-x: auto;
  height: 73px; }
  .micro-ui-05 .c-item {
    padding: 12px 16px;
    border: 1px solid #E9EBF1;
    border-radius: 100px;
    flex: 0 0 auto; }
    .micro-ui-05 .c-item:not(:last-child) {
      margin-right: 8px; }

.micro-ui-06 .c-item {
  padding: 12px 24px;
  background: #FAFBFD;
  border: 1px solid #E9EBF1;
  border-radius: 100px; }
  .micro-ui-06 .c-item.on {
    font-weight: 600;
    border: 1px solid #1F2E5C;
    background: #FFFFFF; }
  .micro-ui-06 .c-item:not(:last-child) {
    margin-right: 8px; }

.micro-ui-07 .c-item-01 {
  margin-right: 12px; }
.micro-ui-07 .c-item-02 {
  width: 175px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D5D5D6;
  border-radius: 4px;
  padding-left: 12px; }
.micro-ui-07 .c-item-03 {
  right: 16px;
  height: 100%; }

.micro-ui-08 {
  width: 100%;
  margin-bottom: 20px; }
  .micro-ui-08 .c-unit-01 {
    width: 100%;
    height: 48px;
    padding-left: 48px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px; }

.micro-ui-09 {
  height: 52px;
  margin-bottom: 44px;
  border-radius: 100px;
  background: #E9EBF1;
  padding: 0 4px; }

.micro-ui-15 {
  padding: 32px;
  background: #FAFBFD;
  border: 1px solid #E9EBF1;
  border-radius: 4px; }
  .micro-ui-15 .c-item-01 {
    margin-bottom: 8px; }
  .micro-ui-15 .hr-C {
    margin: 32px 0; }
  .micro-ui-15 .c-item-03 {
    display: flex;
    justify-content: space-between; }
    .micro-ui-15 .c-item-03 .c-unit-01 {
      width: 33%; }
      .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-A {
        margin-bottom: 8px; }
      .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B {
        display: flex; }
        .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
          margin-right: 6px; }

.micro-ui-16 {
  padding: 32px;
  background: #FCF3F2;
  border-radius: 8px; }
  .micro-ui-16 > .c-item-01 {
    width: 538px;
    margin-bottom: 24px; }
  .micro-ui-16 > .c-item-02 {
    display: flex; }
    .micro-ui-16 > .c-item-02 .lnk-btn-07:not(:last-child) {
      margin-right: 8px; }
  .micro-ui-16 > .hr-I {
    margin: 24px 0; }
  .micro-ui-16 > .c-item-03 .c-item-03-A {
    margin-bottom: 12px; }

.micro-ui-17 .c-item-01.chk-A > label {
  padding: 0 0 0 24px;
  align-items: center; }
  .micro-ui-17 .c-item-01.chk-A > label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #373738; }
.micro-ui-17 .c-item-01 .c-item-01-A {
  text-decoration: underline;
  font-weight: 600;
  color: #373738; }
.micro-ui-17 .c-item-01:not(:last-child) {
  margin-bottom: 8px; }

/*.micro-ui-43 {
    display: flex;
    flex-direction: column;

    .c-container-01 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 37px;

        .c-item-01 {
            width: 100%;
            margin-bottom: 32px;
        }

        .c-item-02 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 130px;
            height: 36px;
            gap:5px;
            border-radius: 4px;
            background-color: #E9EBF1;
            color: #1F2E5C;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }
    }

    .c-container-02 {
        display: flex;
        justify-content: space-between;

        .c-item-02 {
            display: flex;
            align-items: center;
            background: $CT-BW050;
            border-radius: 4px;
            width: 440px;


            .c-unit-01 {
                position: absolute;
                left: 16px;
                z-index: 1;
                cursor: text;
            }

            .c-unit-02 {
                background: $CT-BW050;
                width: 100%;
                height: 100%;
                padding-left: 44px;

                &::placeholder {
                }
            }
        }

        .c-item-03 {
            width: 200px;

            span {
                position: absolute;
                top: 16px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        .c-item-04 {
            width: 200px;

            span {
                position: absolute;
                top: 16px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}*/
.micro-ui-44 {
  display: flex;
  background: #F0F0F2;
  border-radius: 8px; }
  .micro-ui-44 .c-unit-01 {
    display: flex;
    border-radius: 6px 0px 0px 6px;
    align-items: center;
    width: 300px; }
    .micro-ui-44 .c-unit-01 .c-unit-01-A {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      position: relative;
      margin-right: 16px;
      background: #fff;
      position: relative;
      border-radius: 4px; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        object-position: center; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
        width: 60px;
        height: 60px;
        display: inline-block; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
        position: absolute;
        width: 28px;
        height: 28px;
        right: -8px;
        bottom: -8px;
        border-radius: 50%;
        background: #FFFFFF;
        /* Black & White/300 */
        border: 1px solid #D5D5D6;
        padding: 8px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-03 {
        padding: 4px;
        border-radius: 50%;
        bottom: -9px;
        right: -10px;
        position: absolute;
        background: #FFFFFF;
        width: 28px;
        height: 28px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        display: none; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
      margin-bottom: 4px; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
      font-size: 16px;
      line-height: 19px; }
  .micro-ui-44 .c-unit-02 {
    padding: 25px 28px 21px 32px;
    display: flex;
    flex-wrap: wrap;
    width: 561px;
    background: #fff;
    border: 3px solid #F0F0F2;
    border-radius: 8px;
    transition: all 0.3s; }
    .micro-ui-44 .c-unit-02 .c-unit-02-A {
      width: 200px;
      margin-bottom: 24px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
        margin-bottom: 4px; }
    .micro-ui-44 .c-unit-02 .c-unit-02-F {
      width: 200px;
      margin-bottom: 24px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-F .c-unit-02-A-01 {
        margin-bottom: 4px; }
    .micro-ui-44 .c-unit-02 .c-unit-02-G {
      width: 200px;
      margin-bottom: 24px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-G .c-unit-02-A-01 {
        margin-bottom: 4px; }
    .micro-ui-44 .c-unit-02 .c-unit-02-B {
      width: 200px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
        margin-bottom: 4px; }
    .micro-ui-44 .c-unit-02 .c-unit-02-C {
      padding: 10px;
      width: 40px;
      height: 40px;
      background: #F0F0F2;
      color: #000000;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.3s; }
    .micro-ui-44 .c-unit-02 .c-unit-02-D {
      padding: 8px 16px;
      background: #FFFFFF;
      /* Quaternary / 200 */
      border-radius: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      display: inline-block;
      font-family: 'Inter';
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: 18px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
        border: 1px solid #E7B3A0;
        color: #B55B3D; }
      .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
        color: #548C33;
        border: 1px solid #C5E2A7; }
      .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
        color: #B13834;
        border: 1px solid #DF9E9D; }
  .micro-ui-44:not(:last-child) {
    margin-bottom: 16px; }
  .micro-ui-44:hover .c-unit-02 {
    cursor: pointer;
    background: #F8F8F9; }
    .micro-ui-44:hover .c-unit-02 .c-unit-02-C {
      background: #B0B0B2; }
      .micro-ui-44:hover .c-unit-02 .c-unit-02-C svg path {
        fill: white; }
  .micro-ui-44.on .c-unit-01 .c-unit-01-A .c-unit-01-A-03 {
    display: block; }
  .micro-ui-44.v2 .c-unit-01 {
    padding: 0;
    align-items: center; }
  .micro-ui-44.v2 .c-unit-01-B {
    padding: 0;
    align-items: center; }
    .micro-ui-44.v2 .c-unit-01-B .c-unit-02-D {
      padding: 8px 16px;
      background: #FFFFFF;
      /* Quaternary / 200 */
      border-radius: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      display: inline-block; }
      .micro-ui-44.v2 .c-unit-01-B .c-unit-02-D.v1 {
        border: 1px solid #E7B3A0;
        color: #B55B3D; }
      .micro-ui-44.v2 .c-unit-01-B .c-unit-02-D.v2 {
        color: #548C33;
        border: 1px solid #C5E2A7; }
      .micro-ui-44.v2 .c-unit-01-B .c-unit-02-D.v3 {
        color: #B13834;
        border: 1px solid #DF9E9D; }

.micro-ui-45 {
  display: flex;
  justify-content: space-between; }
  .micro-ui-45 .c-unit-01 {
    background: #FAFBFD;
    border-radius: 8px;
    padding: 24px 0 24px 24px;
    width: 420px; }
    .micro-ui-45 .c-unit-01 .c-unit-01-A {
      margin-bottom: 8px; }
    .micro-ui-45 .c-unit-01 .c-unit-01-B {
      margin-bottom: 24px;
      width: 316px; }

.micro-ui-46 {
  padding: 24px 28px 24px 24px;
  width: 861px;
  background: #FAFBFD;
  border-radius: 8px;
  display: flex;
  justify-content: space-between; }
  .micro-ui-46 .c-unit-01 {
    display: flex; }
    .micro-ui-46 .c-unit-01 .c-unit-01-A {
      margin-right: 20px; }
    .micro-ui-46 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
      margin-bottom: 4px; }
  .micro-ui-46 .c-unit-02 {
    display: flex;
    justify-content: space-between;
    width: 215px; }
    .micro-ui-46 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
      margin-bottom: 4px; }
    .micro-ui-46 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
      margin-bottom: 4px; }
  .micro-ui-46 .hr-A {
    display: none; }

.micro-ui-47 .c-unit-01 {
  display: flex; }
  .micro-ui-47 .c-unit-01 .c-unit-01-A {
    width: 72px;
    height: 72px;
    padding: 8px;
    display: flex;
    justify-content: center;
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 16px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
      width: 56px;
      height: 56px;
      display: block; }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 8px;
    width: 255px; }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    margin-bottom: 16px;
    width: 227px; }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
    width: 259px; }
.micro-ui-47:not(:last-child) {
  border-bottom: 1px solid #E6E6E7;
  margin-bottom: 25px; }
  .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
    margin-bottom: 24px; }

.micro-ui-48 {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .micro-ui-48 .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px; }
    .micro-ui-48 .c-unit-01 .c-unit-01-A {
      display: none;
      background: #AED584;
      border-radius: 50%; }
    .micro-ui-48 .c-unit-01 .c-unit-01-B {
      border-radius: 50%;
      display: none;
      background: #DF9E9D; }
    .micro-ui-48 .c-unit-01 .c-unit-01-C {
      border-radius: 50%;
      display: none;
      background: #7B8AB1; }
  .micro-ui-48 .c-unit-02 {
    margin-bottom: 6px; }
    .micro-ui-48 .c-unit-02 .c-unit-02-A {
      display: none; }
    .micro-ui-48 .c-unit-02 .c-unit-02-B {
      display: none; }
    .micro-ui-48 .c-unit-02 .c-unit-02-C {
      display: none; }
  .micro-ui-48 .c-unit-03 {
    margin-bottom: 28px; }
  .micro-ui-48 .c-unit-04 {
    width: 332px;
    align-self: center; }
    .micro-ui-48 .c-unit-04 .c-unit-04-A {
      border: 1px solid #C5E2A7;
      box-sizing: border-box;
      border-radius: 8px;
      background: #FAFFF5;
      padding: 15px 32px 17px 32px;
      display: none; }
    .micro-ui-48 .c-unit-04 .c-unit-04-B {
      display: none;
      width: 332px; }
    .micro-ui-48 .c-unit-04 .c-unit-04-C {
      background: #FAFBFD;
      display: none;
      border: 1px solid #A0ABC7;
      box-sizing: border-box;
      border-radius: 8px;
      padding: 15px 32px 17px 32px; }
  .micro-ui-48.v1 {
    background: #F1F9E9; }
    .micro-ui-48.v1 .c-unit-01 {
      background: #AED584;
      border-radius: 50%; }
      .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
        display: block; }
    .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
      display: block; }
    .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
      display: block; }
  .micro-ui-48.v2 {
    background: #FBECEE; }
    .micro-ui-48.v2 .c-unit-01 {
      background: #DF9E9D;
      border-radius: 50%; }
      .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
        display: block; }
    .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
      display: block; }
    .micro-ui-48.v2 .c-unit-03 {
      margin-bottom: 32px; }
    .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
      display: block; }
  .micro-ui-48.v3 {
    background: #E9EBF1; }
    .micro-ui-48.v3 .c-unit-01 {
      background: #7B8AB1;
      border-radius: 50%; }
      .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
        display: block; }
    .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
      display: block; }
    .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
      display: block; }

.micro-ui-49 .c-item-01 {
  padding: 16px 0 16px 60px;
  display: flex; }
  .micro-ui-49 .c-item-01 .c-item-01-A {
    width: 6px;
    height: 6px;
    background: #39587F;
    border-radius: 50%;
    position: absolute;
    left: 37px;
    top: 22px; }
  .micro-ui-49 .c-item-01 .c-item-01-B {
    width: 2px;
    height: 34px;
    background: #39587F;
    position: absolute;
    left: 39px;
    top: 34px; }
  .micro-ui-49 .c-item-01 .c-item-01-C .c-unit-01 {
    display: flex;
    flex-direction: column; }
    .micro-ui-49 .c-item-01 .c-item-01-C .c-unit-01 .c-unit-01-A {
      margin-bottom: 4px; }
.micro-ui-49 .c-item-02 {
  padding: 16px 0 16px 60px;
  display: flex; }
  .micro-ui-49 .c-item-02 .c-item-01-A {
    width: 2px;
    height: 16px;
    background: #39587F;
    position: absolute;
    left: 39px;
    top: 0; }
  .micro-ui-49 .c-item-02 .c-item-01-B {
    width: 6px;
    height: 6px;
    background: #39587F;
    border-radius: 50%;
    position: absolute;
    left: 37px;
    top: 22px; }
  .micro-ui-49 .c-item-02 .c-item-01-D {
    width: 2px;
    height: 34px;
    background: #39587F;
    position: absolute;
    left: 39px;
    top: 34px; }
  .micro-ui-49 .c-item-02 .c-item-01-C .c-unit-01 {
    display: flex;
    flex-direction: column; }
    .micro-ui-49 .c-item-02 .c-item-01-C .c-unit-01 .c-unit-01-A {
      margin-bottom: 4px; }
.micro-ui-49 .c-item-03 {
  padding: 14px 24px 14px 60px;
  display: flex;
  justify-content: space-between; }
  .micro-ui-49 .c-item-03 .c-item-01-A {
    width: 2px;
    height: 11px;
    background: #39587F;
    position: absolute;
    left: 39px;
    top: 0; }
  .micro-ui-49 .c-item-03 .c-item-01-B {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #39587F;
    position: absolute;
    left: 32px;
    top: 17px; }
  .micro-ui-49 .c-item-03 .c-item-01-D {
    width: 2px;
    height: 29px;
    background: #39587F;
    position: absolute;
    left: 39px;
    top: 39px; }
  .micro-ui-49 .c-item-03 .c-item-01-C .c-unit-01 {
    display: flex;
    flex-direction: column; }
    .micro-ui-49 .c-item-03 .c-item-01-C .c-unit-01 .c-unit-01-A {
      margin-bottom: 4px; }
  .micro-ui-49 .c-item-03 .c-item-01-E {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 98px;
    height: 40px;
    background: #E9EBF1;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #1F2E5C; }
  .micro-ui-49 .c-item-03 .c-item-01-F {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 40px;
    background: #5E71A2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff; }
.micro-ui-49 .c-item-04 {
  padding: 16px 0 16px 60px;
  display: flex; }
  .micro-ui-49 .c-item-04 .c-item-01-A {
    width: 2px;
    height: 16px;
    background: #C5CCDE;
    position: absolute;
    left: 39px;
    top: 0; }
  .micro-ui-49 .c-item-04 .c-item-01-B {
    width: 6px;
    height: 6px;
    background: #A0ABC7;
    border-radius: 50%;
    position: absolute;
    left: 37px;
    top: 22px; }
  .micro-ui-49 .c-item-04 .c-item-01-C .c-unit-01 {
    display: flex;
    flex-direction: column; }
    .micro-ui-49 .c-item-04 .c-item-01-C .c-unit-01 .c-unit-01-A {
      margin-bottom: 4px; }
.micro-ui-49 .c-item-05 {
  padding: 14px 24px 14px 60px;
  display: flex;
  justify-content: space-between; }
  .micro-ui-49 .c-item-05 .c-item-01-B {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #39587F;
    position: absolute;
    left: 32px;
    top: 17px; }
  .micro-ui-49 .c-item-05 .c-item-01-D {
    width: 2px;
    height: 29px;
    background: #39587F;
    position: absolute;
    left: 39px;
    top: 39px; }
  .micro-ui-49 .c-item-05 .c-item-01-C .c-unit-01 {
    display: flex;
    flex-direction: column; }
    .micro-ui-49 .c-item-05 .c-item-01-C .c-unit-01 .c-unit-01-A {
      margin-bottom: 4px; }
  .micro-ui-49 .c-item-05 .c-item-01-E {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 98px;
    height: 40px;
    background: #E9EBF1;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #1F2E5C; }
  .micro-ui-49 .c-item-05 .c-item-01-F {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 40px;
    background: #5E71A2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff; }
.micro-ui-49 .c-item-06 {
  padding: 16px 0 16px 60px;
  display: flex; }
  .micro-ui-49 .c-item-06 .c-item-01-A {
    width: 2px;
    height: 16px;
    background: #C5CCDE;
    position: absolute;
    left: 39px;
    top: 0; }
  .micro-ui-49 .c-item-06 .c-item-01-B {
    width: 6px;
    height: 6px;
    background: #A0ABC7;
    border-radius: 50%;
    position: absolute;
    left: 37px;
    top: 22px; }
  .micro-ui-49 .c-item-06 .c-item-01-D {
    width: 2px;
    height: 19px;
    background: #C5CCDE;
    position: absolute;
    left: 39px;
    top: 34px; }
  .micro-ui-49 .c-item-06 .c-item-01-C .c-unit-01 {
    display: flex;
    flex-direction: column; }
    .micro-ui-49 .c-item-06 .c-item-01-C .c-unit-01 .c-unit-01-A {
      margin-bottom: 4px; }
  .micro-ui-49 .c-item-06 .c-item-01-F {
    position: absolute;
    right: 24px;
    top: 15px;
    background: #5E71A2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 11px 19px 13px 20px; }

.micro-ui-50 {
  padding: 24px 0 26px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff; }
  .micro-ui-50 .c-item-01 {
    width: 105px;
    height: 104px;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FCF3F2;
    border-radius: 50%; }
    .micro-ui-50 .c-item-01.v2 {
      background: #F1F9E9; }
  .micro-ui-50 .c-item-02 {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .micro-ui-50 .c-item-02 .c-item-02-C {
      width: 100%;
      margin-bottom: 20px; }
    .micro-ui-50 .c-item-02 .c-item-02-A {
      width: 144px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      margin-right: 20px; }
      .micro-ui-50 .c-item-02 .c-item-02-A .c-unit-02 {
        margin-bottom: 4px; }
      .micro-ui-50 .c-item-02 .c-item-02-A > :last-child {
        margin-right: 0; }
    .micro-ui-50 .c-item-02 .c-item-02-B {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      margin-right: 20px;
      background: #F8F8F9;
      border-radius: 50%; }
  .micro-ui-50 .c-item-03 {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .micro-ui-50 .c-item-03 .c-item-03-A {
      width: 100%;
      margin-bottom: 8px; }
    .micro-ui-50 .c-item-03 .c-item-03-B {
      width: 144px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      margin-right: 20px; }
      .micro-ui-50 .c-item-03 .c-item-03-B .c-unit-02 {
        margin-bottom: 4px; }
      .micro-ui-50 .c-item-03 .c-item-03-B > :last-child {
        margin-right: 0; }

.micro-ui-51 {
  width: 422px;
  height: 284px;
  background-color: #F0F0F2;
  padding: 4px 4px 0 4px;
  margin-bottom: 32px; }
  .micro-ui-51:before {
    content: "";
    position: absolute;
    top: 210px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    left: -8px; }
  .micro-ui-51:after {
    content: "";
    position: absolute;
    top: 210px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    right: -8px; }
  .micro-ui-51 .c-item-01 {
    background-color: #ffffff; }
    .micro-ui-51 .c-item-01 .c-item-01-A {
      display: flex;
      flex-direction: column;
      padding: 20px 47px 20px 20px;
      border-radius: 6px; }
      .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
        margin-bottom: 24px; }
      .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
          margin-bottom: 4px; }
  .micro-ui-51 .c-container-01 {
    padding: 20px;
    display: flex;
    justify-content: space-between; }
    .micro-ui-51 .c-container-01 .c-item-02 {
      display: flex;
      align-items: center; }
      .micro-ui-51 .c-container-01 .c-item-02 .c-item-02-A {
        width: 56px;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        border-radius: 4px; }
        .micro-ui-51 .c-container-01 .c-item-02 .c-item-02-A img {
          width: 44px;
          height: 44px; }
        .micro-ui-51 .c-container-01 .c-item-02 .c-item-02-A:not(:last-child) {
          margin-right: 4px; }
    .micro-ui-51 .c-container-01 > .c-item-02-B {
      display: flex;
      justify-content: center;
      align-items: center;
      align-self: center;
      padding: 12px 20px;
      background: #5E71A2;
      border-radius: 4px;
      font-weight: 500;
      font-size: 13px;
      line-height: 16px;
      text-align: center;
      color: #FFFFFF; }
    .micro-ui-51 .c-container-01 > .c-item-02-C {
      display: none; }
  .micro-ui-51 .hr-Z {
    margin: 0 24px 16px 24px; }
  .micro-ui-51 .c-item-03 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 24px 24px 24px; }

.micro-ui-52 {
  background: #FAF3FB;
  border-radius: 8px;
  width: 276px;
  height: 232px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 16px; }
  .micro-ui-52 svg {
    margin-bottom: 16px; }

.micro-ui-53 {
  margin-right: 16px;
  margin-bottom: 32px; }
  .micro-ui-53 .container-01 {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    width: 276px;
    height: 232px;
    padding: 4px 4px 4px 4px;
    background: #F0F0F2;
    border-radius: 8px;
    transition: background-color 0.2s; }
    .micro-ui-53 .container-01:hover {
      background-color: #E6E6E7; }
    .micro-ui-53 .container-01 .c-item-01,
    .micro-ui-53 .container-01 .c-item-02,
    .micro-ui-53 .container-01 .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 88px;
      height: 88px;
      margin-right: 2px;
      background: #F8F8F9; }
    .micro-ui-53 .container-01 .c-item-01 .c-unit-01,
    .micro-ui-53 .container-01 .c-item-02 .c-unit-01 {
      width: 68px;
      height: 68px;
      padding: 10px;
      background: #fff; }
    .micro-ui-53 .container-01 .c-item-01 {
      border-radius: 6px 0px 0px 6px; }
    .micro-ui-53 .container-01 .c-item-02 {
      margin: 0 2px;
      border-radius: 6px 0px 0px 6px; }
    .micro-ui-53 .container-01 .c-item-03 {
      border-radius: 0px 6px 6px 0px; }
    .micro-ui-53 .container-01 .c-item-04 {
      padding: 0 0 0 16px;
      margin: 20px 0 0 0; }
      .micro-ui-53 .container-01 .c-item-04 .c-unit-01 {
        margin-bottom: 6px; }
    .micro-ui-53 .container-01 > :nth-child(2) {
      border-radius: 0; }
    .micro-ui-53 .container-01 > :nth-child(3) {
      margin-right: 0;
      border-radius: 0px 6px 6px 0px; }
  .micro-ui-53 > .container-02 {
    position: absolute;
    left: 12px;
    bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-color: #fff;
    background: #F0F0F2;
    opacity: 0.5;
    transition: opacity 0.2s, background-color 0.2s; }
    .micro-ui-53 > .container-02:hover {
      opacity: 1;
      background-color: #fff; }

.micro-ui-54 {
  width: 206px;
  height: 368px;
  padding: 12px;
  background: #FFFFFF;
  border: 1px solid #E6E6E7;
  box-sizing: border-box;
  border-radius: 8px; }
  .micro-ui-54 .c-item-01 .c-item-01-A {
    padding: 7.14px;
    margin-bottom: 20px;
    width: 182px;
    height: 182px; }
    .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
      width: 167.73px;
      height: 167.73px;
      object-fit: cover;
      object-position: center; }
  .micro-ui-54 .c-item-01 .c-item-01-B {
    width: 182px;
    height: 32px;
    margin-bottom: 16px; }
  .micro-ui-54 .c-item-02 {
    width: 182px;
    margin-bottom: 24px; }
  .micro-ui-54 > .c-item-02-fix-list {
    width: 100% !important;
    margin-bottom: 24px !important; }
  .micro-ui-54 .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #7A3986;
    border-radius: 6px;
    width: 182px;
    height: 48px;
    color: #FFFFFF;
    display: none; }
  .micro-ui-54 > .c-item-04 {
    position: absolute;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 8px;
    right: 12px;
    top: 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF; }
    .micro-ui-54 > .c-item-04:hover {
      background: #FFFFFF;
      border: 1px solid #171718;
      box-sizing: border-box;
      border-radius: 50%;
      border: 1px solid black; }
  .micro-ui-54 > .c-item-04-fix-list {
    width: 36px !important;
    height: 36px !important; }
  .micro-ui-54:hover {
    border: 1px solid black;
    cursor: pointer; }
    .micro-ui-54:hover .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #7A3986;
      border-radius: 6px;
      width: 182px;
      height: 48px;
      color: #FFFFFF; }

.micro-ui-55 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 279px;
  height: 268px;
  background: #FAF3FB;
  border-radius: 8px; }
  .micro-ui-55 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .micro-ui-55 .c-item-01 .c-unit-01 {
      margin-bottom: 18px; }

.micro-ui-56 {
  width: 279px;
  height: auto;
  padding: 24px 16px 16px 24px;
  background: #fff;
  border: 1px solid #E6E6E7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .micro-ui-56 .c-item-01 .c-item-01-B {
    margin: 12px 0 24px 0; }
  .micro-ui-56 .c-item-01 .c-item-01-D {
    margin: 4px 0 20px 0; }
  .micro-ui-56 .c-item-02 .c-item-02-A {
    margin: 20px 0 41.25px 0; }
  .micro-ui-56 .c-item-02 .c-item-02-B {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-left: 8px; }
    .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
      display: flex; }
      .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
        margin-right: 8px;
        display: flex;
        align-items: center; }

.micro-ui-57 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .micro-ui-57 > .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px; }
    .micro-ui-57 > .c-item-01 img {
      width: 35px;
      height: 35px; }
  .micro-ui-57 > .c-item-02 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }

.micro-ui-58 {
  width: 100%;
  padding: 24px;
  background: #F8F8F9;
  border-radius: 0px 8px 8px 8px; }
  .micro-ui-58 > .c-item-01 {
    display: flex;
    align-items: center; }
    .micro-ui-58 > .c-item-01 .c-item-01-A {
      margin-right: 8px;
      display: flex; }
      .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 {
        margin-right: 2px; }
        .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
          background-image: url(/Content/Images/Icons/fill-star.png);
          background-repeat: no-repeat;
          height: 12px;
          position: absolute;
          z-index: 2; }
        .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
          background-image: url(/Content/Images/Icons/star-empty.png);
          width: 12px;
          height: 12px; }
  .micro-ui-58 > .c-item-02 {
    margin: 20px 0; }
  .micro-ui-58 > .c-item-03 {
    margin-top: 12px; }
  .micro-ui-58: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; }

.micro-ui-59 {
  width: 809px;
  padding: 24px;
  background: #FFFAED;
  border-radius: 0px 8px 8px 8px;
  display: flex;
  flex-wrap: wrap; }
  .micro-ui-59 > .c-item-02 {
    width: 620px;
    margin-left: 16px; }
  .micro-ui-59:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #FFFAED transparent transparent; }

.micro-ui-60 {
  width: 100%;
  height: 76px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff; }
  .micro-ui-60 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #FAFBFD;
    border-radius: 50%; }
  .micro-ui-60 .c-item-02 {
    margin-left: 16px; }

.micro-ui-60 .c-item-02 {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -0.005em;
  color: #02133E; }

.micro-ui-61 {
  width: 100%; }
  .micro-ui-61 .micro-61-form-group-01 {
    width: 400px; }
    .micro-ui-61 .micro-61-form-group-01 label {
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      color: #373738; }

.micro-ui-62 {
  width: 100%; }
  .micro-ui-62 > .c-item-01 {
    margin-bottom: 32px; }
  .micro-ui-62 > .c-item-02 {
    padding: 20px;
    background: #FAFBFD;
    border-radius: 8px; }
    .micro-ui-62 > .c-item-02 .c-item-02-A {
      margin-bottom: 4px;
      padding: 24px 24px 20px 24px;
      background-color: #fff;
      display: flex;
      flex-wrap: wrap; }
      .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 {
        height: 72px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center; }
        .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 .chk-C {
          width: 24px;
          height: 24px;
          margin-right: 25px; }
        .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
          width: 72px;
          height: 72px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #FFFFFF;
          border: 1px solid #E6E6E7;
          box-sizing: border-box;
          border-radius: 4px; }
          .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A img {
            width: 48px;
            height: 48px; }
      .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 16px; }
        .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-B {
          margin: 4px 0 24px 0; }
        .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 {
          margin-top: 13px;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          width: 124px;
          height: 60px;
          padding: 0 14px;
          border: 1px solid #D9D9D9;
          border-radius: 8px; }
          .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 a {
            width: 16px;
            height: 16px; }
          .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 .c-unit-02-C-02-A {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            flex: 1; }
            .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 .c-unit-02-C-02-A span {
              font-weight: normal;
              font-size: 10px;
              line-height: 12px;
              text-align: center;
              color: #000000; }
            .micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 .c-unit-02-C-02-A input {
              width: 30px;
              margin-bottom: 2px;
              font-weight: bold;
              font-size: 14px;
              line-height: 17px;
              text-align: center;
              color: #000000; }
  .micro-ui-62 > .c-item-03 {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px; }
    .micro-ui-62 > .c-item-03 .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; }
      .micro-ui-62 > .c-item-03 .c-item-03-A.off {
        background-color: #E9EBF1;
        color: #909091; }
  .micro-ui-62 > .c-item-04 {
    display: flex;
    align-items: center;
    height: 48px;
    background: #E6F4FA;
    border-radius: 6px;
    margin-bottom: 12px;
    padding-left: 16px; }
    .micro-ui-62 > .c-item-04 .c-item-04-A {
      margin-left: 12px; }

.micro-ui-62 > .c-item-01 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #373738; }
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-01-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #171718; }
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-B {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #68686A; }
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-01 {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  opacity: 0.8; }
.micro-ui-62 > .c-item-04 {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: #39587F; }
  .micro-ui-62 > .c-item-04 span {
    font-weight: bold; }

.micro-ui-63 {
  width: 100%;
  margin-top: 32px; }
  .micro-ui-63 > .c-item-01 {
    margin-bottom: 32px; }
  .micro-ui-63 > .c-item-02 {
    background: #FAFBFD;
    border-radius: 8px;
    padding: 20px; }
    .micro-ui-63 > .c-item-02 .c-item-02-A {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 45px 28px;
      background-color: #fff; }
      .micro-ui-63 > .c-item-02 .c-item-02-A img {
        width: 126px;
        height: 40px; }
      .micro-ui-63 > .c-item-02 .c-item-02-A .c-unit-01 {
        margin-left: 24px; }

.micro-ui-63 > .c-item-01 {
  font-size: 14px;
  line-height: 20px;
  color: #373738; }
.micro-ui-63 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #171718; }
.micro-ui-63 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #68686A; }

.micro-ui-64 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .micro-ui-64 > .c-item-01 {
    margin: 32px 0 16px 0; }
  .micro-ui-64 > .c-item-02 {
    width: 535px; }
  .micro-ui-64 > .c-item-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #F1F9E9;
    border-radius: 50%; }

.micro-ui-64 > .c-item-01 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #373738; }
.micro-ui-64 > .c-item-02 {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #373738; }

.micro-ui-65 {
  width: 100%;
  background: #FAFBFD;
  border-radius: 8px;
  padding: 28px 32px 0 32px;
  margin-top: 40px; }
  .micro-ui-65 > div {
    border-bottom: 1px solid #E9EBF1; }
    .micro-ui-65 > div:last-child {
      border-bottom: none; }
  .micro-ui-65 > .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 24px; }
    .micro-ui-65 > .c-item-01 .c-item-01-A {
      width: 200px;
      margin-right: 196px;
      display: flex;
      flex-direction: column; }
      .micro-ui-65 > .c-item-01 .c-item-01-A .c-unit-01 {
        margin-bottom: 6px; }
    .micro-ui-65 > .c-item-01 .c-item-01-C {
      width: 220px;
      margin-right: 52px;
      display: flex;
      flex-direction: column; }
      .micro-ui-65 > .c-item-01 .c-item-01-C .c-unit-01 {
        margin-bottom: 6px; }
    .micro-ui-65 > .c-item-01 .c-item-01-B img {
      width: 126px;
      height: 30px; }
  .micro-ui-65 > .c-item-02 {
    padding: 24px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .micro-ui-65 > .c-item-02 .c-item-02-A {
      width: 200px;
      margin-right: 200px;
      display: flex;
      flex-direction: column; }
      .micro-ui-65 > .c-item-02 .c-item-02-A .c-unit-01 {
        margin-bottom: 4px; }
    .micro-ui-65 > .c-item-02 .c-item-02-B {
      width: 220px;
      display: flex;
      flex-direction: column; }
      .micro-ui-65 > .c-item-02 .c-item-02-B .c-unit-01 {
        margin-bottom: 4px; }
  .micro-ui-65 > .c-item-03 {
    padding-top: 24px;
    width: 361px; }

.micro-ui-65 > .c-item-01 .c-item-01-A .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091; }
.micro-ui-65 > .c-item-01 .c-item-01-A .c-unit-02 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #171718; }
.micro-ui-65 > .c-item-01 .c-item-01-C .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091; }
.micro-ui-65 > .c-item-01 .c-item-01-C .c-unit-02 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #171718; }
.micro-ui-65 > .c-item-02 .c-item-02-A .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091; }
.micro-ui-65 > .c-item-02 .c-item-02-A .c-unit-02 {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #171718; }
.micro-ui-65 > .c-item-02 .c-item-02-B .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091; }
.micro-ui-65 > .c-item-02 .c-item-02-B .c-unit-02 {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #171718; }
.micro-ui-65 > .c-item-03 {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #555556; }

.micro-ui-66 {
  background: #E6F4FA;
  border-radius: 6px;
  padding: 16px;
  display: flex;
  align-items: center; }
  .micro-ui-66 .c-item-01 {
    width: 609px;
    margin-left: 12px; }

.micro-ui-66 .c-item-01 {
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  color: #555556; }

.micro-ui-67 > .c-item-01 {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #0F1B3F; }
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-02 .c-unit-02-A {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #0F0F10; }
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-B,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-02 .c-unit-02-B {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #555556; }
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-02 .c-unit-02-C {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #171718; }
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-03 .c-unit-03-A,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-03 .c-unit-03-A {
  color: #909091;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-03 .c-unit-03-B,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-03 .c-unit-03-B {
  color: #171718;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.13px; }
.micro-ui-67 > .c-item-03 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 32px; }
  .micro-ui-67 > .c-item-03 .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; }
  .micro-ui-67 > .c-item-03 .c-item-03-B {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding: 0 62px;
    border: 1px solid #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #7A3986; }

@media all and (max-width: 414px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important; }
    .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
      width: calc(100% - 40px);
      height: 100%;
      padding-top: 20px;
      color: #171718;
      font-feature-settings: 'salt' on;
      font-family: 'Inter';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 26px;
      letter-spacing: -0.2px; }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 4px !important; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
      color: #171718;
      font-family: 'Inter';
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      margin-bottom: 16px; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
      display: flex;
      font-weight: normal;
      font-size: 13px;
      line-height: 16px;
      color: #171718;
      margin-bottom: 16px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
        position: unset;
        z-index: unset;
        opacity: unset;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        margin-top: 3px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
        flex: 1; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
      margin-top: 16px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
        display: flex;
        height: 48px;
        width: 100%;
        padding: 0px 16px;
        align-items: center;
        gap: 4px;
        margin-top: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid #D5D5D6;
        background: #FFF; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
        display: none;
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-top: 4px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
        color: #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
        border: 1px solid #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
        display: block;
        color: #FF4040; }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important; }
    .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
      width: 100%;
      border-radius: 8px;
      background: #7A3986;
      display: flex;
      height: 48px;
      padding: 0px 24px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      color: #FFF;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
        color: #909091;
        pointer-events: none;
        cursor: not-allowed;
        background: #E9EBF1; }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 20px;
    right: 20px; }

  .micro-ui-01 {
    width: 335px;
    height: 195px;
    flex: 0 0 auto;
    margin-right: 8px; }
    .micro-ui-01 .c-item-01 {
      width: 168px;
      z-index: 5; }
    .micro-ui-01 .c-item-02 {
      width: 100%;
      height: 100%;
      z-index: 4;
      position: absolute;
      top: 0;
      opacity: 0.4;
      border-radius: 8px;
      opacity: 0.4;
      background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); }
    .micro-ui-01 picture {
      overflow: hidden; }
      .micro-ui-01 picture img {
        width: 100%;
        height: 100%; }

  .micro-ui-02 {
    width: 100%;
    padding: 16px 0 16px 20px;
    margin-bottom: 4px; }
    .micro-ui-02 .m-c-item-02 {
      width: 32px;
      height: auto; }
    .micro-ui-02 .m-c-item01 {
      padding-left: 16px; }

  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: 20px; }

  .micro-ui-10 {
    padding: 24px 0 40px 0;
    background: #FFF; }
    .micro-ui-10 .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-10 .c-item-02 {
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 24px 16px 16px; }
      .micro-ui-10 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-10 .c-item-02 .c-item-02-A img {
          width: 44px; }
      .micro-ui-10 .c-item-02 .c-item-02-B {
        flex: 1;
        margin-left: 12px; }
        .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
          margin: 12px 0 0 0; }
      .micro-ui-10 .c-item-02:last-child {
        margin-bottom: 0; }

  .micro-ui-12 {
    padding: 16px;
    background: #FAFBFD;
    border-radius: 4px; }
    .micro-ui-12 .c-item-01 {
      margin-bottom: 4px; }

  .micro-ui-14 {
    padding: 24px 20px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .micro-ui-14 > .c-item-01 {
      margin-bottom: 32px;
      width: 100%; }
    .micro-ui-14 > .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .micro-ui-14 > .c-item-02 .c-item-02-A {
        margin-right: 8px; }

  .micro-ui-15 {
    padding: 20px; }
    .micro-ui-15 .c-item-01 {
      margin-bottom: 4px; }
    .micro-ui-15 .c-item-02 {
      margin-bottom: 20px; }
    .micro-ui-15 .hr-C {
      display: none; }
    .micro-ui-15 .c-item-03 {
      flex-wrap: wrap; }
      .micro-ui-15 .c-item-03 .c-unit-01 {
        width: 100%; }
        .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-A {
          margin-bottom: 4px; }
        .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B {
          margin-bottom: 20px; }
          .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
            margin-right: 9px; }
        .micro-ui-15 .c-item-03 .c-unit-01:last-child .c-unit-01-B {
          margin-bottom: 0; }

  .micro-ui-16 {
    padding: 20px;
    border-radius: 4px; }
    .micro-ui-16 > .c-item-01 {
      width: 100%;
      padding-right: 20px;
      margin-bottom: 20px; }
    .micro-ui-16 > .hr-I {
      margin: 20px 0; }
    .micro-ui-16 > .c-item-03 .c-item-03-A {
      margin-bottom: 12px; }

  .micro-ui-17 {
    padding: 36px 32px 61px 20px; }
    .micro-ui-17 .c-item-01.chk-A > label {
      flex: 1;
      align-items: baseline !important; }
      .micro-ui-17 .c-item-01.chk-A > label span {
        font-family: Inter;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        width: calc(100% - 36px); }

  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FAFBFD;
    border: 1px solid #E9EBF1;
    border-radius: 8px; }
    .micro-ui-20 .c-item-01 .c-item-01-A {
      width: 303px;
      margin-bottom: 6px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

  .micro-ui-21 .c-item-01 {
    padding: 12px 16px;
    background: #F3FBFF;
    border-radius: 4px;
    display: flex;
    align-items: flex-start; }
    .micro-ui-21 .c-item-01 .c-item-01-A {
      width: 275px;
      margin-left: 8px; }

  .micro-ui-28 {
    margin: 0 20px 0 20px;
    padding: 60px 0 24px 0;
    background: #F1F9E9;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column; }
    .micro-ui-28 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 3px solid #DCEDC9;
      top: -40px;
      position: absolute; }
    .micro-ui-28 .c-item-02 {
      width: 255px;
      margin: 0 0 16px 0; }
    .micro-ui-28 .c-item-03 {
      width: 271px; }

  .micro-ui-29 {
    margin: 32px 20px 0 20px;
    padding: 0; }
    .micro-ui-29 .c-item-02 {
      display: none; }

  .micro-ui-30 {
    margin: 20px 20px 0 20px;
    padding: 0; }
    .micro-ui-30 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 20px 16px 16px; }
      .micro-ui-30 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-30 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-30 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(100% - 72px);
        margin-left: 12px; }
        .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
          display: none; }
      .micro-ui-30 .c-item-01 .c-item-01-C {
        width: 100%;
        height: 52px;
        margin-left: 72px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 10px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-31 {
    margin-bottom: 20px; }
    .micro-ui-31 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-31 > .micro-ui-21 {
      margin-bottom: 12px; }
    .micro-ui-31 .hr-C {
      margin: 32px 0 24px 0; }

  .micro-ui-32 {
    padding: 0; }
    .micro-ui-32 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 20px 16px 16px; }
      .micro-ui-32 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-32 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-32 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(100% - 72px);
        margin-left: 12px; }
        .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
          display: none; }
      .micro-ui-32 .c-item-01 .c-item-01-C {
        width: 100%;
        height: 52px;
        margin-left: 72px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 10px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-33 {
    padding-top: 106px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff; }
    .micro-ui-33 .hr-C {
      order: 3;
      height: 2px;
      margin: 32px 20px 24px 20px;
      width: auto; }

  .fix-micro-ui-33 {
    padding-top: 60px; }

  .micro-ui-35 {
    order: 1;
    padding: 60px 0 24px 0;
    background: #FCF3F2;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    margin: 0 20px; }
    .micro-ui-35 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 3px solid #F0D0C4;
      top: -40px;
      position: absolute; }
    .micro-ui-35 .c-item-02 {
      width: 255px;
      margin: 0 0 16px 0; }
    .micro-ui-35 .c-item-03 {
      width: 271px; }
    .micro-ui-35 .c-item-04 {
      display: block;
      margin-top: 24px; }
    .micro-ui-35 .c-item-05 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 32px; }
      .micro-ui-35 .c-item-05 .c-unit-01 {
        margin-bottom: 8px; }
    .micro-ui-35 .crd-lnk-btn-05 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 287px;
      height: 48px;
      padding: 0 32px;
      background: #FAF3FB;
      border: 1px solid #D8BFDB;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #3D175E; }
      .micro-ui-35 .crd-lnk-btn-05.active {
        background: #EFE5F0;
        border: 1px solid #6B337D;
        border-radius: 8px; }
    .micro-ui-35 .crd-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 24px;
      color: #C36341; }

  .fix-micro-ui-35 > .c-item-06 {
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #373738;
    font-weight: 400;
    margin: 0 32px; }

  .fix-micro-ui-50 {
    margin: 20px 24px; }
    .fix-micro-ui-50 > .c-item-01 {
      top: -270px;
      left: calc(50% - 40px); }
    .fix-micro-ui-50 > .c-item-03 {
      width: 100%; }

  .micro-ui-36 {
    order: 2;
    margin: 32px 0 0 0;
    padding: 0; }
    .micro-ui-36 .c-item-02 {
      width: 315px;
      margin-top: 20px; }

  .micro-ui-37 {
    order: 6;
    padding: 0; }
    .micro-ui-37 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 32px 0;
      border-bottom: 2px solid #E9EBF1;
      border-top: 2px solid #E9EBF1; }
      .micro-ui-37 .c-item-01 .c-item-01-A {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 20px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 48px;
          height: 48px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
            width: 48px;
            height: 48px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1;
          margin-left: 16px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            margin-bottom: 8px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
            margin-bottom: 12px;
            width: 219px; }
      .micro-ui-37 .c-item-01 .c-item-01-B {
        width: 100%;
        margin-left: 64px; }
      .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
        height: 56px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 32px;
        background: #E9EBF1;
        border-radius: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #171718; }
    .micro-ui-37 > :nth-child(2n) {
      border-top: none; }

  .fix-micro-ui-37 {
    padding: 0 20px; }

  .micro-ui-38 {
    order: 7;
    padding: 0;
    margin-top: 32px; }
    .micro-ui-38 .c-item-01 {
      padding: 20px;
      background: #FFF;
      border-radius: 8px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
      .micro-ui-38 .c-item-01 .c-item-01-A {
        width: 295px;
        margin-bottom: 32px; }
      .micro-ui-38 .c-item-01 .c-item-01-B {
        display: flex;
        flex-wrap: wrap; }
      .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        margin-bottom: 8px;
        padding: 0 24px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718; }

  .micro-ui-39 {
    order: 5;
    margin-bottom: 32px;
    padding: 0; }
    .micro-ui-39 .c-item-01 {
      padding: 20px;
      background: #FAFBFD;
      border: 1px solid #E9EBF1;
      box-sizing: border-box;
      border-radius: 8px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .micro-ui-39 .c-item-01 .c-item-01-A {
        width: 172px; }
        .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
          margin: 4px 0 0 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .micro-ui-39 .c-item-01 .c-item-01-C {
        display: flex;
        flex-wrap: wrap; }
        .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-right: 18px; }
          .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
            display: none; }
      .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }

  .micro-ui-40 {
    order: 4;
    margin-bottom: 24px; }
    .micro-ui-40 .c-item-02 {
      width: 315px;
      margin-top: 20px; }

  .fix-micro-ui-40 {
    margin: 0 20px 24px 20px; }

  .micro-ui-41 {
    order: 8;
    margin: 48px 0 40px 0;
    padding: 0; }
    .micro-ui-41 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 68px;
      padding: 0 20px;
      background: #F8F8F9;
      border-radius: 4px; }
      .micro-ui-41 .c-item-01.on {
        background: #fff !important; }
      .micro-ui-41 .c-item-01 .c-item-01-A {
        width: 263px; }
    .micro-ui-41 .c-item-02 {
      transition: 300ms;
      width: 100%;
      height: 0px;
      overflow: hidden; }
      .micro-ui-41 .c-item-02.on {
        padding: 8px 24px 24px 24px; }

  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    padding: 32px 0 20px 0;
    justify-content: space-between;
    background: #FFFFFF; }
    .micro-ui-43 > .c-item-04 span {
      display: none; }
    .micro-ui-43 > .c-item-03 span {
      display: none; }
    .micro-ui-43.on .c-item-02 {
      display: none; }
    .micro-ui-43.on .c-item-03 {
      display: none; }
    .micro-ui-43 .c-container-01 {
      margin-bottom: 23px; }
      .micro-ui-43 .c-container-01 .c-item-01 {
        width: 100%;
        color: #1F2E5C;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.24px; }
      .micro-ui-43 .c-container-01 .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 130px;
        height: 36px;
        gap: 5px;
        border-radius: 4px;
        background-color: #E9EBF1;
        color: #1F2E5C;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
    .micro-ui-43 .c-container-02 {
      display: flex;
      flex-wrap: wrap; }
      .micro-ui-43 .c-container-02 .c-item-02 {
        display: flex;
        align-items: center;
        background: #F8F8F9;
        border-radius: 4px;
        padding: 0 0 0 16px;
        width: 100%;
        height: 50px;
        margin-bottom: 12px; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
          position: absolute;
          z-index: 1;
          left: 16px; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
          background: #F8F8F9;
          width: 100%;
          height: 100%;
          padding-left: 28px;
          border-radius: 4px; }
      .micro-ui-43 .c-container-02 .c-item-03 {
        width: 152px;
        height: 48px;
        display: flex; }
        .micro-ui-43 .c-container-02 .c-item-03 .select-ui-01 {
          border: 1px solid #D5D5D6;
          font-size: 13px;
          line-height: 16px;
          color: #000000;
          font-weight: 400; }
        .micro-ui-43 .c-container-02 .c-item-03 span {
          position: absolute;
          top: 15px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .micro-ui-43 .c-container-02 .c-item-04 {
        width: 168px;
        margin-right: 13px; }
        .micro-ui-43 .c-container-02 .c-item-04 span {
          position: absolute;
          top: 16px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }

  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px; }
    .micro-ui-44 .c-unit-01 {
      display: flex;
      align-items: center;
      padding: 16px 16px 16px 16px;
      background: #F8F8F9;
      width: 100%;
      margin-bottom: 1px;
      border-radius: 8px 8px 0 0; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        position: relative;
        margin-right: 16px;
        background: #fff;
        position: relative;
        border-radius: 4px; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
          width: 44px;
          height: 44px;
          object-fit: cover;
          object-position: center; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
          width: 60px;
          height: 60px;
          display: inline-block; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
          position: absolute;
          width: 28px;
          height: 28px;
          right: -8px;
          bottom: -8px;
          border-radius: 50%;
          background: #FFFFFF;
          /* Black & White/300 */
          border: 1px solid #D5D5D6;
          padding: 8px;
          display: flex;
          justify-content: center;
          align-items: center; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
        margin-bottom: 4px; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
        width: 150px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
        position: absolute;
        left: 80px;
        top: 145px;
        z-index: 2;
        padding: 8px 16px;
        background: #FFFFFF;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        display: inline-block;
        width: max-content;
        font-family: 'Inter';
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        margin-top: 8px; }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
          border: 1px solid #E7B3A0;
          color: #B55B3D; }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
          color: #548C33;
          border: 1px solid #C5E2A7; }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
          color: #B13834;
          border: 1px solid #DF9E9D; }
    .micro-ui-44 .c-unit-02 {
      padding: 16px 13px 21px 13px;
      display: flex;
      background: #F8F8F9;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      border-radius: 0 0 8px 8px;
      transition: all 0.3s;
      border: 1px solid #F0F0F2; }
      .micro-ui-44 .c-unit-02 .c-unit-02-A {
        display: none;
        width: 200px;
        margin-bottom: 32px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-F {
        width: 50%;
        min-width: 170px;
        margin-bottom: 24px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-F .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-G {
        flex: 1;
        margin-bottom: 24px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-G .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-B {
        width: 50%; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
          margin-bottom: 4px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
          font-weight: 600;
          font-size: 13px;
          line-height: 18px;
          margin-top: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-C {
        position: absolute;
        top: -70px;
        right: 13px;
        padding: 10px;
        width: 40px;
        height: 40px;
        background: #F0F0F2;
        color: #000000;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s; }
      .micro-ui-44 .c-unit-02 .c-unit-02-D {
        padding: 12px;
        font-weight: 600;
        font-size: 11px;
        line-height: 18px;
        display: flex !important;
        height: 33px;
        background: #FFFFFF;
        /* Quaternary / 200 */
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        display: inline-block; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
          border: 1px solid #E7B3A0;
          color: #B55B3D; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
          color: #548C33;
          border: 1px solid #C5E2A7; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
          color: #B13834;
          border: 1px solid #DF9E9D; }
    .micro-ui-44:not(:last-child) {
      margin-bottom: 16px; }

  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    .micro-ui-45 .c-unit-01 {
      background: #FAFBFD;
      border-radius: 8px;
      padding: 20px 0 20px 20px;
      width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-A {
        margin-bottom: 8px;
        width: 295px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-B {
        margin-bottom: 20px;
        width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-C {
        width: 295px; }
      .micro-ui-45 .c-unit-01:not(:last-child) {
        margin-bottom: 12px; }

  .micro-ui-45 {
    padding: 0;
    width: 100%;
    border-radius: 8px;
    display: block; }
    .micro-ui-45 .c-unit-01 {
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-A {
        margin-right: 16px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
        margin-bottom: 4px; }
    .micro-ui-45 .c-unit-02 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 20px; }
      .micro-ui-45 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
        margin-bottom: 8px; }
      .micro-ui-45 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
        margin-bottom: 8px; }

  .micro-ui-46 {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column; }
    .micro-ui-46 .hr-A {
      width: 100%;
      display: block; }
    .micro-ui-46 .c-unit-01 {
      padding: 24px 20px 24px 20px; }
    .micro-ui-46 .c-unit-02 {
      padding: 24px 20px 24px 20px;
      width: 100%; }

  .micro-ui-47 .c-unit-01 {
    display: flex; }
    .micro-ui-47 .c-unit-01 .c-unit-01-A {
      width: 60px;
      height: 60px;
      margin-right: 12px;
      align-items: center;
      justify-content: center; }
      .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
        display: block;
        width: 44px;
        height: 44px; }
      .micro-ui-47 .c-unit-01 .c-unit-01-A > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
      margin-bottom: 8px;
      width: 231px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
      margin-bottom: 16px;
      width: 227px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
      width: 259px; }
  .micro-ui-47:not(:last-child) {
    border-bottom: 1px solid #E6E6E7;
    margin-bottom: 25px; }
    .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
      margin-bottom: 24px; }

  .micro-ui-48 {
    padding: 20px 0; }
    .micro-ui-48 .c-unit-04 {
      width: 271px; }
      .micro-ui-48 .c-unit-04 .c-unit-04-B {
        display: none;
        width: 271px; }
    .micro-ui-48.v1 {
      background: #F1F9E9; }
      .micro-ui-48.v1 .c-unit-01 {
        background: #AED584;
        border-radius: 50%; }
        .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
          display: block; }
      .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
        display: block; }
      .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
        display: block; }
    .micro-ui-48.v2 {
      background: #FBECEE; }
      .micro-ui-48.v2 .c-unit-01 {
        background: #DF9E9D;
        border-radius: 50%; }
        .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
          display: block; }
      .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
        display: block; }
      .micro-ui-48.v2 .c-unit-03 {
        margin-bottom: 32px; }
      .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
        display: block; }
    .micro-ui-48.v3 {
      background: #E9EBF1; }
      .micro-ui-48.v3 .c-unit-01 {
        background: #7B8AB1;
        border-radius: 50%; }
        .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
          display: block; }
      .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
        display: block; }
      .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
        display: block; }

  .micro-ui-49 .c-item-01 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-01 .c-item-01-A {
      width: 6px;
      height: 6px;
      left: 25px;
      top: 22px; }
    .micro-ui-49 .c-item-01 .c-item-01-B {
      width: 2px;
      height: 34px;
      position: absolute;
      left: 27px;
      top: 34px; }
    .micro-ui-49 .c-item-01 .c-item-01-C {
      left: 50px; }
  .micro-ui-49 .c-item-02 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-02 .c-item-01-A {
      width: 2px;
      height: 16px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-02 .c-item-01-B {
      width: 6px;
      height: 6px;
      position: absolute;
      left: 25px;
      top: 22px; }
    .micro-ui-49 .c-item-02 .c-item-01-D {
      width: 2px;
      height: 34px;
      left: 27px;
      top: 34px; }
  .micro-ui-49 .c-item-03 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-03 .c-item-01-A {
      width: 2px;
      height: 11px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-03 .c-item-01-B {
      width: 16px;
      height: 16px;
      position: absolute;
      left: 20px;
      top: 17px; }
    .micro-ui-49 .c-item-03 .c-item-01-D {
      width: 2px;
      height: 29px;
      left: 27px;
      top: 39px; }
    .micro-ui-49 .c-item-03 .c-item-01-E {
      width: 98px;
      height: 40px;
      font-weight: 500;
      font-size: 13px;
      line-height: 16px;
      text-align: center;
      color: #1F2E5C; }
    .micro-ui-49 .c-item-03 .c-item-01-F {
      width: 116px;
      height: 40px;
      border-radius: 4px;
      font-weight: 500;
      font-size: 13px;
      line-height: 16px;
      text-align: center;
      color: #fff; }
  .micro-ui-49 .c-item-04 {
    padding: 12px 0 12px 48px; }
    .micro-ui-49 .c-item-04 .c-item-01-A {
      width: 2px;
      height: 12px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-04 .c-item-01-B {
      width: 6px;
      height: 6px;
      left: 25px;
      top: 18px; }
  .micro-ui-49 .c-item-05 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-05 .c-item-01-B {
      width: 16px;
      height: 16px;
      left: 20px;
      top: 13px; }
    .micro-ui-49 .c-item-05 .c-item-01-D {
      width: 2px;
      height: 25px;
      left: 27px;
      top: 35px; }
    .micro-ui-49 .c-item-05 .c-item-01-F {
      width: 103px;
      height: 36px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      text-align: center;
      color: #FFFFFF; }
  .micro-ui-49 .c-item-06 {
    padding: 12px 0 12px 48px; }
    .micro-ui-49 .c-item-06 .c-item-01-A {
      width: 2px;
      height: 12px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-06 .c-item-01-B {
      width: 6px;
      height: 6px;
      left: 25px;
      top: 18px; }
    .micro-ui-49 .c-item-06 .c-item-01-D {
      width: 2px;
      height: 11px;
      left: 27px;
      top: 30px; }
    .micro-ui-49 .c-item-06:last-child .c-item-01-D {
      display: none; }
    .micro-ui-49 .c-item-06 .c-item-01-F {
      position: absolute;
      right: 16px;
      font-size: 12px;
      line-height: 15px;
      top: 11px;
      padding: 10px 16px 11px 16px; }

  .micro-ui-51 {
    width: 100%;
    height: 270px; }
    .micro-ui-51 .c-item-01 {
      width: 100%;
      margin-bottom: 0;
      border-radius: 6px;
      height: 111px; }
      .micro-ui-51 .c-item-01 .c-item-01-A {
        width: 100%;
        padding: 16px 20px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
          margin-bottom: 20px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap; }
          .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            display: flex;
            width: 295px;
            justify-content: space-between; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
              margin-bottom: 6px; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
              font-size: 11px;
              line-height: 13px;
              font-weight: 400; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
              font-weight: 600;
              font-size: 11px;
              line-height: 13px; }
    .micro-ui-51 .hr-Z {
      height: 1px;
      background-color: #FFF;
      width: calc(100% - 40px);
      margin: 14px 0 16px 20px; }
    .micro-ui-51 .c-container-01 {
      height: 88px;
      align-items: center; }
      .micro-ui-51 .c-container-01 .c-item-02-B {
        display: none; }
      .micro-ui-51 .c-container-01 .c-item-02-C {
        display: flex;
        width: 40px;
        height: 40px;
        background: #FAFBFD;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .micro-ui-51 .c-item-03 {
      width: 295px;
      padding: 0 0 0 20px;
      font-weight: 400; }
    .micro-ui-51:last-child {
      margin-bottom: 0; }

  .main-pb-fix {
    padding-bottom: 80px; }

  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px; }
    .micro-ui-53 > .container-01 {
      width: 100%;
      height: 180px; }
      .micro-ui-53 > .container-01 .c-item-01 {
        box-shadow: none; }
      .micro-ui-53 > .container-01 .c-item-04 {
        background-color: unset; }
    .micro-ui-53 > .container-02 {
      right: 20px;
      bottom: 32px;
      left: unset; }

  .micro-ui-54 {
    width: calc(50% - 4.5px);
    height: 295px;
    padding: 8px 7px 12px 8px;
    margin-bottom: 20px !important; }
    .micro-ui-54:nth-child(odd) {
      margin-right: 9px; }
    .micro-ui-54:nth-child(even) {
      margin-right: 0; }
    .micro-ui-54:nth-child(n + 2) {
      margin-bottom: 0 !important; }
    .micro-ui-54 .c-item-01 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .micro-ui-54 .c-item-01 .c-item-01-A {
        padding: 4.12px 3.78px;
        margin-bottom: 12px;
        width: 148px;
        height: 148px; }
        .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
          width: 132px;
          height: 132px; }
      .micro-ui-54 .c-item-01 .c-item-01-B {
        width: 128px;
        margin-bottom: 8px;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .micro-ui-54 .c-item-02 {
      width: 128px;
      margin-bottom: 16px !important;
      text-align: center; }
    .micro-ui-54 .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      width: 100%;
      background: #FAF3FB;
      color: #5D2D74 !important;
      border: 1px solid #6B337D; }
    .micro-ui-54 .c-item-04 {
      position: absolute;
      width: 36px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      padding: 8px;
      right: 12px;
      top: 12px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      background-color: #FFFFFF; }
      .micro-ui-54 .c-item-04:hover {
        display: none; }
    .micro-ui-54:hover {
      display: none; }
      .micro-ui-54:hover .c-item-03 {
        width: 132px;
        height: 40px; }

  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px !important;
    margin-right: 0 !important; }
    .micro-ui-55 .c-item-01 {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .micro-ui-55 .c-item-01 > span {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #6B337D; }
      .micro-ui-55 .c-item-01 .c-unit-01 {
        margin-right: 13px;
        width: 14px;
        height: 14px;
        margin-bottom: 0px; }

  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 20px 16px;
    background: #fff;
    border: 1px solid #E6E6E7;
    border-radius: 8px;
    order: 2;
    margin-right: 0 !important; }
    .micro-ui-56:not(:last-child) {
      margin-bottom: 16px; }
    .micro-ui-56 .c-item-01 .c-item-01-A {
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: -0.005em;
      color: #452362; }
    .micro-ui-56 .c-item-01 .c-item-01-B {
      width: 279px;
      margin: 12px 0 24px 0;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.005em;
      color: #373738; }
    .micro-ui-56 .c-item-01 .c-item-01-C {
      width: 211px;
      color: #373738; }
    .micro-ui-56 .c-item-01 .c-item-01-D {
      margin: 4px 0 0 0; }
    .micro-ui-56 .c-item-02 {
      display: flex;
      justify-content: space-between;
      position: absolute;
      right: 16px;
      bottom: 20px; }
      .micro-ui-56 .c-item-02 .c-item-02-A {
        margin: 4px 0 20px 0; }
      .micro-ui-56 .c-item-02 .c-item-02-B {
        display: flex;
        justify-content: space-between;
        padding-left: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
          margin-right: 8px;
          border-radius: 50px;
          background: #F8F8F9; }
          .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 > .c-unit-01 {
            margin-right: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-01 {
          width: 36px;
          height: 36px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-02 {
          display: none; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
          width: 36px;
          height: 36px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50px;
          background: #F8F8F9; }

  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap; }
    .micro-ui-59 .c-item-02 {
      width: 100%; }

  .micro-ui-67 {
    width: 100%; }
    .micro-ui-67 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-67 > .c-item-01-A > .c-unit-01 {
      color: #555556;
      font-family: Inter;
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin-bottom: 8px; }
    .micro-ui-67 > .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; }
    .micro-ui-67 > .c-item-02 {
      background: #E9EBF1;
      border-radius: 8px;
      padding: 12px;
      margin-top: 20px; }
      .micro-ui-67 > .c-item-02 .c-item-02-A {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
          display: flex;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
            padding: 0 0 0 0; }
            .micro-ui-67 > .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; }
          .micro-ui-67 > .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); }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .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; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
            display: flex;
            flex-direction: column;
            gap: 40px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A {
              margin-left: 100px; }
              .micro-ui-67 > .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; }
                .micro-ui-67 > .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; }
                  .micro-ui-67 > .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; }
                  .micro-ui-67 > .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; }
                .micro-ui-67 > .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, .micro-ui-67 > .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; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
            display: flex;
            flex-direction: column; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
                .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
                  background: #e6e7eb; }
          .micro-ui-67 > .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; }
      .micro-ui-67 > .c-item-02 .chekout-card-01 {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .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; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            width: 180px;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
          .micro-ui-67 > .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; }
      .micro-ui-67 > .c-item-02 > :last-child {
        border: none; }
    .micro-ui-67 > .c-item-03 {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .micro-ui-67 > .c-item-03 > a {
        width: 100%; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important; }
    .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
      width: calc(100% - 40px);
      height: 100%;
      padding-top: 20px;
      color: #171718;
      font-feature-settings: 'salt' on;
      font-family: 'Inter';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 26px;
      letter-spacing: -0.2px; }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 4px !important; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
      color: #171718;
      font-family: 'Inter';
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      margin-bottom: 16px; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
      display: flex;
      font-weight: normal;
      font-size: 13px;
      line-height: 16px;
      color: #171718;
      margin-bottom: 16px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
        position: unset;
        z-index: unset;
        opacity: unset;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        margin-top: 3px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
        flex: 1; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
      margin-top: 16px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
        display: flex;
        height: 48px;
        width: 100%;
        padding: 0px 16px;
        align-items: center;
        gap: 4px;
        margin-top: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid #D5D5D6;
        background: #FFF; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
        display: none;
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-top: 4px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
        color: #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
        border: 1px solid #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
        display: block;
        color: #FF4040; }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important; }
    .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
      width: 100%;
      border-radius: 8px;
      background: #7A3986;
      display: flex;
      height: 48px;
      padding: 0px 24px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      color: #FFF;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
        color: #909091;
        pointer-events: none;
        cursor: not-allowed;
        background: #E9EBF1; }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 20px;
    right: 20px; }

  .micro-ui-01 {
    width: 335px;
    height: 195px;
    flex: 0 0 auto;
    margin-right: 8px; }
    .micro-ui-01 .c-item-01 {
      width: 168px;
      z-index: 5; }
    .micro-ui-01 .c-item-02 {
      width: 100%;
      height: 100%;
      z-index: 4;
      position: absolute;
      top: 0;
      opacity: 0.4;
      border-radius: 8px;
      opacity: 0.4;
      background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); }
    .micro-ui-01 picture {
      overflow: hidden; }
      .micro-ui-01 picture img {
        width: 100%;
        height: 100%; }

  .micro-ui-02 {
    width: 100%;
    padding: 16px 0 16px 20px;
    margin-bottom: 4px; }
    .micro-ui-02 .m-c-item-02 {
      width: 32px;
      height: auto; }
    .micro-ui-02 .m-c-item01 {
      padding-left: 16px; }

  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: 20px; }

  .micro-ui-10 {
    padding: 24px 0 40px 0;
    background: #FFF; }
    .micro-ui-10 .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-10 .c-item-02 {
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 24px 16px 16px; }
      .micro-ui-10 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-10 .c-item-02 .c-item-02-A img {
          width: 44px; }
      .micro-ui-10 .c-item-02 .c-item-02-B {
        flex: 1;
        margin-left: 12px; }
        .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
          margin: 12px 0 0 0; }
      .micro-ui-10 .c-item-02:last-child {
        margin-bottom: 0; }

  .micro-ui-12 {
    padding: 16px;
    background: #FAFBFD;
    border-radius: 4px; }
    .micro-ui-12 .c-item-01 {
      margin-bottom: 4px; }

  .micro-ui-14 {
    padding: 24px 20px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .micro-ui-14 > .c-item-01 {
      margin-bottom: 32px;
      width: 100%; }
    .micro-ui-14 > .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .micro-ui-14 > .c-item-02 .c-item-02-A {
        margin-right: 8px; }

  .micro-ui-15 {
    padding: 20px; }
    .micro-ui-15 .c-item-01 {
      margin-bottom: 4px; }
    .micro-ui-15 .c-item-02 {
      margin-bottom: 20px; }
    .micro-ui-15 .hr-C {
      display: none; }
    .micro-ui-15 .c-item-03 {
      flex-wrap: wrap; }
      .micro-ui-15 .c-item-03 .c-unit-01 {
        width: 100%; }
        .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-A {
          margin-bottom: 4px; }
        .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B {
          margin-bottom: 20px; }
          .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
            margin-right: 9px; }
        .micro-ui-15 .c-item-03 .c-unit-01:last-child .c-unit-01-B {
          margin-bottom: 0; }

  .micro-ui-16 {
    padding: 20px;
    border-radius: 4px; }
    .micro-ui-16 > .c-item-01 {
      width: 100%;
      padding-right: 20px;
      margin-bottom: 20px; }
    .micro-ui-16 > .hr-I {
      margin: 20px 0; }
    .micro-ui-16 > .c-item-03 .c-item-03-A {
      margin-bottom: 12px; }

  .micro-ui-17 {
    padding: 36px 32px 61px 20px; }
    .micro-ui-17 .c-item-01.chk-A > label {
      flex: 1;
      align-items: baseline !important; }
      .micro-ui-17 .c-item-01.chk-A > label span {
        font-family: Inter;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        width: calc(100% - 36px); }

  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FAFBFD;
    border: 1px solid #E9EBF1;
    border-radius: 8px; }
    .micro-ui-20 .c-item-01 .c-item-01-A {
      width: 303px;
      margin-bottom: 6px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

  .micro-ui-21 .c-item-01 {
    padding: 12px 16px;
    background: #F3FBFF;
    border-radius: 4px;
    display: flex;
    align-items: flex-start; }
    .micro-ui-21 .c-item-01 .c-item-01-A {
      width: 275px;
      margin-left: 8px; }

  .micro-ui-28 {
    margin: 0 20px 0 20px;
    padding: 60px 0 24px 0;
    background: #F1F9E9;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column; }
    .micro-ui-28 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 3px solid #DCEDC9;
      top: -40px;
      position: absolute; }
    .micro-ui-28 .c-item-02 {
      width: 255px;
      margin: 0 0 16px 0; }
    .micro-ui-28 .c-item-03 {
      width: 271px; }

  .micro-ui-29 {
    margin: 32px 20px 0 20px;
    padding: 0; }
    .micro-ui-29 .c-item-02 {
      display: none; }

  .micro-ui-30 {
    margin: 20px 20px 0 20px;
    padding: 0; }
    .micro-ui-30 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 20px 16px 16px; }
      .micro-ui-30 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-30 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-30 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(100% - 72px);
        margin-left: 12px; }
        .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
          display: none; }
      .micro-ui-30 .c-item-01 .c-item-01-C {
        width: 100%;
        height: 52px;
        margin-left: 72px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 10px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-31 {
    margin-bottom: 20px; }
    .micro-ui-31 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-31 > .micro-ui-21 {
      margin-bottom: 12px; }
    .micro-ui-31 .hr-C {
      margin: 32px 0 24px 0; }

  .micro-ui-32 {
    padding: 0; }
    .micro-ui-32 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 20px 16px 16px; }
      .micro-ui-32 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-32 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-32 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(100% - 72px);
        margin-left: 12px; }
        .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
          display: none; }
      .micro-ui-32 .c-item-01 .c-item-01-C {
        width: 100%;
        height: 52px;
        margin-left: 72px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 10px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-33 {
    padding-top: 106px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff; }
    .micro-ui-33 .hr-C {
      order: 3;
      height: 2px;
      margin: 32px 20px 24px 20px;
      width: auto; }

  .fix-micro-ui-33 {
    padding-top: 60px; }

  .micro-ui-35 {
    order: 1;
    padding: 60px 0 24px 0;
    background: #FCF3F2;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    margin: 0 20px; }
    .micro-ui-35 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 3px solid #F0D0C4;
      top: -40px;
      position: absolute; }
    .micro-ui-35 .c-item-02 {
      width: 255px;
      margin: 0 0 16px 0; }
    .micro-ui-35 .c-item-03 {
      width: 271px; }
    .micro-ui-35 .c-item-04 {
      display: block;
      margin-top: 24px; }
    .micro-ui-35 .c-item-05 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 32px; }
      .micro-ui-35 .c-item-05 .c-unit-01 {
        margin-bottom: 8px; }
    .micro-ui-35 .crd-lnk-btn-05 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 287px;
      height: 48px;
      padding: 0 32px;
      background: #FAF3FB;
      border: 1px solid #D8BFDB;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #3D175E; }
      .micro-ui-35 .crd-lnk-btn-05.active {
        background: #EFE5F0;
        border: 1px solid #6B337D;
        border-radius: 8px; }
    .micro-ui-35 .crd-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 24px;
      color: #C36341; }

  .fix-micro-ui-35 > .c-item-06 {
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #373738;
    font-weight: 400;
    margin: 0 32px; }

  .fix-micro-ui-50 {
    margin: 20px 24px; }
    .fix-micro-ui-50 > .c-item-01 {
      top: -270px;
      left: calc(50% - 40px); }
    .fix-micro-ui-50 > .c-item-03 {
      width: 100%; }

  .micro-ui-36 {
    order: 2;
    margin: 32px 0 0 0;
    padding: 0; }
    .micro-ui-36 .c-item-02 {
      width: 315px;
      margin-top: 20px; }

  .micro-ui-37 {
    order: 6;
    padding: 0; }
    .micro-ui-37 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 32px 0;
      border-bottom: 2px solid #E9EBF1;
      border-top: 2px solid #E9EBF1; }
      .micro-ui-37 .c-item-01 .c-item-01-A {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 20px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 48px;
          height: 48px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
            width: 48px;
            height: 48px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1;
          margin-left: 16px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            margin-bottom: 8px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
            margin-bottom: 12px;
            width: 219px; }
      .micro-ui-37 .c-item-01 .c-item-01-B {
        width: 100%;
        margin-left: 64px; }
      .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
        height: 56px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 32px;
        background: #E9EBF1;
        border-radius: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #171718; }
    .micro-ui-37 > :nth-child(2n) {
      border-top: none; }

  .fix-micro-ui-37 {
    padding: 0 20px; }

  .micro-ui-38 {
    order: 7;
    padding: 0;
    margin-top: 32px; }
    .micro-ui-38 .c-item-01 {
      padding: 20px;
      background: #FFF;
      border-radius: 8px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
      .micro-ui-38 .c-item-01 .c-item-01-A {
        width: 295px;
        margin-bottom: 32px; }
      .micro-ui-38 .c-item-01 .c-item-01-B {
        display: flex;
        flex-wrap: wrap; }
      .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        margin-bottom: 8px;
        padding: 0 24px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718; }

  .micro-ui-39 {
    order: 5;
    margin-bottom: 32px;
    padding: 0; }
    .micro-ui-39 .c-item-01 {
      padding: 20px;
      background: #FAFBFD;
      border: 1px solid #E9EBF1;
      box-sizing: border-box;
      border-radius: 8px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .micro-ui-39 .c-item-01 .c-item-01-A {
        width: 172px; }
        .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
          margin: 4px 0 0 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .micro-ui-39 .c-item-01 .c-item-01-C {
        display: flex;
        flex-wrap: wrap; }
        .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-right: 18px; }
          .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
            display: none; }
      .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }

  .micro-ui-40 {
    order: 4;
    margin-bottom: 24px; }
    .micro-ui-40 .c-item-02 {
      width: 315px;
      margin-top: 20px; }

  .fix-micro-ui-40 {
    margin: 0 20px 24px 20px; }

  .micro-ui-41 {
    order: 8;
    margin: 48px 0 40px 0;
    padding: 0; }
    .micro-ui-41 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 68px;
      padding: 0 20px;
      background: #F8F8F9;
      border-radius: 4px; }
      .micro-ui-41 .c-item-01.on {
        background: #fff !important; }
      .micro-ui-41 .c-item-01 .c-item-01-A {
        width: 263px; }
    .micro-ui-41 .c-item-02 {
      transition: 300ms;
      width: 100%;
      height: 0px;
      overflow: hidden; }
      .micro-ui-41 .c-item-02.on {
        padding: 8px 24px 24px 24px; }

  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    padding: 32px 0 20px 0;
    justify-content: space-between;
    background: #FFFFFF; }
    .micro-ui-43 > .c-item-04 span {
      display: none; }
    .micro-ui-43 > .c-item-03 span {
      display: none; }
    .micro-ui-43.on .c-item-02 {
      display: none; }
    .micro-ui-43.on .c-item-03 {
      display: none; }
    .micro-ui-43 .c-container-01 {
      margin-bottom: 23px; }
      .micro-ui-43 .c-container-01 .c-item-01 {
        width: 100%;
        color: #1F2E5C;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.24px; }
      .micro-ui-43 .c-container-01 .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 130px;
        height: 36px;
        gap: 5px;
        border-radius: 4px;
        background-color: #E9EBF1;
        color: #1F2E5C;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
    .micro-ui-43 .c-container-02 {
      display: flex;
      flex-wrap: wrap; }
      .micro-ui-43 .c-container-02 .c-item-02 {
        display: flex;
        align-items: center;
        background: #F8F8F9;
        border-radius: 4px;
        padding: 0 0 0 16px;
        width: 100%;
        height: 50px;
        margin-bottom: 12px; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
          position: absolute;
          z-index: 1;
          left: 16px; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
          background: #F8F8F9;
          width: 100%;
          height: 100%;
          padding-left: 28px;
          border-radius: 4px; }
      .micro-ui-43 .c-container-02 .c-item-03 {
        width: 152px;
        height: 48px;
        display: flex; }
        .micro-ui-43 .c-container-02 .c-item-03 .select-ui-01 {
          border: 1px solid #D5D5D6;
          font-size: 13px;
          line-height: 16px;
          color: #000000;
          font-weight: 400; }
        .micro-ui-43 .c-container-02 .c-item-03 span {
          position: absolute;
          top: 15px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .micro-ui-43 .c-container-02 .c-item-04 {
        width: 168px;
        margin-right: 13px; }
        .micro-ui-43 .c-container-02 .c-item-04 span {
          position: absolute;
          top: 16px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }

  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px; }
    .micro-ui-44 .c-unit-01 {
      display: flex;
      align-items: center;
      padding: 16px 16px 16px 16px;
      background: #F8F8F9;
      width: 100%;
      margin-bottom: 1px;
      border-radius: 8px 8px 0 0; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        position: relative;
        margin-right: 16px;
        background: #fff;
        position: relative;
        border-radius: 4px; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
          width: 44px;
          height: 44px;
          object-fit: cover;
          object-position: center; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
          width: 60px;
          height: 60px;
          display: inline-block; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
          position: absolute;
          width: 28px;
          height: 28px;
          right: -8px;
          bottom: -8px;
          border-radius: 50%;
          background: #FFFFFF;
          /* Black & White/300 */
          border: 1px solid #D5D5D6;
          padding: 8px;
          display: flex;
          justify-content: center;
          align-items: center; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
        margin-bottom: 4px; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
        width: 150px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
        position: absolute;
        left: 80px;
        top: 145px;
        z-index: 2;
        padding: 8px 16px;
        background: #FFFFFF;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        display: inline-block;
        width: max-content;
        font-family: 'Inter';
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        margin-top: 8px; }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
          border: 1px solid #E7B3A0;
          color: #B55B3D; }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
          color: #548C33;
          border: 1px solid #C5E2A7; }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
          color: #B13834;
          border: 1px solid #DF9E9D; }
    .micro-ui-44 .c-unit-02 {
      padding: 16px 13px 21px 13px;
      display: flex;
      background: #F8F8F9;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      border-radius: 0 0 8px 8px;
      transition: all 0.3s;
      border: 1px solid #F0F0F2; }
      .micro-ui-44 .c-unit-02 .c-unit-02-A {
        display: none;
        width: 200px;
        margin-bottom: 32px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-F {
        width: 50%;
        min-width: 170px;
        margin-bottom: 24px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-F .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-G {
        flex: 1;
        margin-bottom: 24px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-G .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-B {
        width: 50%; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
          margin-bottom: 4px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
          font-weight: 600;
          font-size: 13px;
          line-height: 18px;
          margin-top: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-C {
        position: absolute;
        top: -70px;
        right: 13px;
        padding: 10px;
        width: 40px;
        height: 40px;
        background: #F0F0F2;
        color: #000000;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s; }
      .micro-ui-44 .c-unit-02 .c-unit-02-D {
        padding: 12px;
        font-weight: 600;
        font-size: 11px;
        line-height: 18px;
        display: flex !important;
        height: 33px;
        background: #FFFFFF;
        /* Quaternary / 200 */
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        display: inline-block; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
          border: 1px solid #E7B3A0;
          color: #B55B3D; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
          color: #548C33;
          border: 1px solid #C5E2A7; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
          color: #B13834;
          border: 1px solid #DF9E9D; }
    .micro-ui-44:not(:last-child) {
      margin-bottom: 16px; }

  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    .micro-ui-45 .c-unit-01 {
      background: #FAFBFD;
      border-radius: 8px;
      padding: 20px 0 20px 20px;
      width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-A {
        margin-bottom: 8px;
        width: 295px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-B {
        margin-bottom: 20px;
        width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-C {
        width: 295px; }
      .micro-ui-45 .c-unit-01:not(:last-child) {
        margin-bottom: 12px; }

  .micro-ui-45 {
    padding: 0;
    width: 100%;
    border-radius: 8px;
    display: block; }
    .micro-ui-45 .c-unit-01 {
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-A {
        margin-right: 16px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
        margin-bottom: 4px; }
    .micro-ui-45 .c-unit-02 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 20px; }
      .micro-ui-45 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
        margin-bottom: 8px; }
      .micro-ui-45 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
        margin-bottom: 8px; }

  .micro-ui-46 {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column; }
    .micro-ui-46 .hr-A {
      width: 100%;
      display: block; }
    .micro-ui-46 .c-unit-01 {
      padding: 24px 20px 24px 20px; }
    .micro-ui-46 .c-unit-02 {
      padding: 24px 20px 24px 20px;
      width: 100%; }

  .micro-ui-47 .c-unit-01 {
    display: flex; }
    .micro-ui-47 .c-unit-01 .c-unit-01-A {
      width: 60px;
      height: 60px;
      margin-right: 12px;
      align-items: center;
      justify-content: center; }
      .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
        display: block;
        width: 44px;
        height: 44px; }
      .micro-ui-47 .c-unit-01 .c-unit-01-A > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
      margin-bottom: 8px;
      width: 231px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
      margin-bottom: 16px;
      width: 227px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
      width: 259px; }
  .micro-ui-47:not(:last-child) {
    border-bottom: 1px solid #E6E6E7;
    margin-bottom: 25px; }
    .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
      margin-bottom: 24px; }

  .micro-ui-48 {
    padding: 20px 0; }
    .micro-ui-48 .c-unit-04 {
      width: 271px; }
      .micro-ui-48 .c-unit-04 .c-unit-04-B {
        display: none;
        width: 271px; }
    .micro-ui-48.v1 {
      background: #F1F9E9; }
      .micro-ui-48.v1 .c-unit-01 {
        background: #AED584;
        border-radius: 50%; }
        .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
          display: block; }
      .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
        display: block; }
      .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
        display: block; }
    .micro-ui-48.v2 {
      background: #FBECEE; }
      .micro-ui-48.v2 .c-unit-01 {
        background: #DF9E9D;
        border-radius: 50%; }
        .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
          display: block; }
      .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
        display: block; }
      .micro-ui-48.v2 .c-unit-03 {
        margin-bottom: 32px; }
      .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
        display: block; }
    .micro-ui-48.v3 {
      background: #E9EBF1; }
      .micro-ui-48.v3 .c-unit-01 {
        background: #7B8AB1;
        border-radius: 50%; }
        .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
          display: block; }
      .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
        display: block; }
      .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
        display: block; }

  .micro-ui-49 .c-item-01 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-01 .c-item-01-A {
      width: 6px;
      height: 6px;
      left: 25px;
      top: 22px; }
    .micro-ui-49 .c-item-01 .c-item-01-B {
      width: 2px;
      height: 34px;
      position: absolute;
      left: 27px;
      top: 34px; }
    .micro-ui-49 .c-item-01 .c-item-01-C {
      left: 50px; }
  .micro-ui-49 .c-item-02 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-02 .c-item-01-A {
      width: 2px;
      height: 16px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-02 .c-item-01-B {
      width: 6px;
      height: 6px;
      position: absolute;
      left: 25px;
      top: 22px; }
    .micro-ui-49 .c-item-02 .c-item-01-D {
      width: 2px;
      height: 34px;
      left: 27px;
      top: 34px; }
  .micro-ui-49 .c-item-03 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-03 .c-item-01-A {
      width: 2px;
      height: 11px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-03 .c-item-01-B {
      width: 16px;
      height: 16px;
      position: absolute;
      left: 20px;
      top: 17px; }
    .micro-ui-49 .c-item-03 .c-item-01-D {
      width: 2px;
      height: 29px;
      left: 27px;
      top: 39px; }
    .micro-ui-49 .c-item-03 .c-item-01-E {
      width: 98px;
      height: 40px;
      font-weight: 500;
      font-size: 13px;
      line-height: 16px;
      text-align: center;
      color: #1F2E5C; }
    .micro-ui-49 .c-item-03 .c-item-01-F {
      width: 116px;
      height: 40px;
      border-radius: 4px;
      font-weight: 500;
      font-size: 13px;
      line-height: 16px;
      text-align: center;
      color: #fff; }
  .micro-ui-49 .c-item-04 {
    padding: 12px 0 12px 48px; }
    .micro-ui-49 .c-item-04 .c-item-01-A {
      width: 2px;
      height: 12px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-04 .c-item-01-B {
      width: 6px;
      height: 6px;
      left: 25px;
      top: 18px; }
  .micro-ui-49 .c-item-05 {
    padding: 10px 16px 14px 48px; }
    .micro-ui-49 .c-item-05 .c-item-01-B {
      width: 16px;
      height: 16px;
      left: 20px;
      top: 13px; }
    .micro-ui-49 .c-item-05 .c-item-01-D {
      width: 2px;
      height: 25px;
      left: 27px;
      top: 35px; }
    .micro-ui-49 .c-item-05 .c-item-01-F {
      width: 103px;
      height: 36px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      text-align: center;
      color: #FFFFFF; }
  .micro-ui-49 .c-item-06 {
    padding: 12px 0 12px 48px; }
    .micro-ui-49 .c-item-06 .c-item-01-A {
      width: 2px;
      height: 12px;
      left: 27px;
      top: 0; }
    .micro-ui-49 .c-item-06 .c-item-01-B {
      width: 6px;
      height: 6px;
      left: 25px;
      top: 18px; }
    .micro-ui-49 .c-item-06 .c-item-01-D {
      width: 2px;
      height: 11px;
      left: 27px;
      top: 30px; }
    .micro-ui-49 .c-item-06:last-child .c-item-01-D {
      display: none; }
    .micro-ui-49 .c-item-06 .c-item-01-F {
      position: absolute;
      right: 16px;
      font-size: 12px;
      line-height: 15px;
      top: 11px;
      padding: 10px 16px 11px 16px; }

  .micro-ui-51 {
    width: 100%;
    height: 270px; }
    .micro-ui-51 .c-item-01 {
      width: 100%;
      margin-bottom: 0;
      border-radius: 6px;
      height: 111px; }
      .micro-ui-51 .c-item-01 .c-item-01-A {
        width: 100%;
        padding: 16px 20px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
          margin-bottom: 20px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap; }
          .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            display: flex;
            width: 295px;
            justify-content: space-between; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
              margin-bottom: 6px; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
              font-size: 11px;
              line-height: 13px;
              font-weight: 400; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
              font-weight: 600;
              font-size: 11px;
              line-height: 13px; }
    .micro-ui-51 .hr-Z {
      height: 1px;
      background-color: #FFF;
      width: calc(100% - 40px);
      margin: 14px 0 16px 20px; }
    .micro-ui-51 .c-container-01 {
      height: 88px;
      align-items: center; }
      .micro-ui-51 .c-container-01 .c-item-02-B {
        display: none; }
      .micro-ui-51 .c-container-01 .c-item-02-C {
        display: flex;
        width: 40px;
        height: 40px;
        background: #FAFBFD;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .micro-ui-51 .c-item-03 {
      width: 295px;
      padding: 0 0 0 20px;
      font-weight: 400; }
    .micro-ui-51:last-child {
      margin-bottom: 0; }

  .main-pb-fix {
    padding-bottom: 80px; }

  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px; }
    .micro-ui-53 > .container-01 {
      width: 100%;
      height: 180px; }
      .micro-ui-53 > .container-01 .c-item-01 {
        box-shadow: none; }
      .micro-ui-53 > .container-01 .c-item-04 {
        background-color: unset; }
    .micro-ui-53 > .container-02 {
      right: 20px;
      bottom: 32px;
      left: unset; }

  .micro-ui-54 {
    width: calc(50% - 4.5px);
    height: 295px;
    padding: 8px 7px 12px 8px;
    margin-bottom: 20px !important; }
    .micro-ui-54:nth-child(odd) {
      margin-right: 9px; }
    .micro-ui-54:nth-child(even) {
      margin-right: 0; }
    .micro-ui-54:nth-child(n + 2) {
      margin-bottom: 0 !important; }
    .micro-ui-54 .c-item-01 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .micro-ui-54 .c-item-01 .c-item-01-A {
        padding: 4.12px 3.78px;
        margin-bottom: 12px;
        width: 148px;
        height: 148px; }
        .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
          width: 132px;
          height: 132px; }
      .micro-ui-54 .c-item-01 .c-item-01-B {
        width: 128px;
        margin-bottom: 8px;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .micro-ui-54 .c-item-02 {
      width: 128px;
      margin-bottom: 16px !important;
      text-align: center; }
    .micro-ui-54 .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      width: 100%;
      background: #FAF3FB;
      color: #5D2D74 !important;
      border: 1px solid #6B337D; }
    .micro-ui-54 .c-item-04 {
      position: absolute;
      width: 36px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      padding: 8px;
      right: 12px;
      top: 12px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      background-color: #FFFFFF; }
      .micro-ui-54 .c-item-04:hover {
        display: none; }
    .micro-ui-54:hover {
      display: none; }
      .micro-ui-54:hover .c-item-03 {
        width: 132px;
        height: 40px; }

  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px !important;
    margin-right: 0 !important; }
    .micro-ui-55 .c-item-01 {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .micro-ui-55 .c-item-01 > span {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #6B337D; }
      .micro-ui-55 .c-item-01 .c-unit-01 {
        margin-right: 13px;
        width: 14px;
        height: 14px;
        margin-bottom: 0px; }

  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 20px 16px;
    background: #fff;
    border: 1px solid #E6E6E7;
    border-radius: 8px;
    order: 2;
    margin-right: 0 !important; }
    .micro-ui-56:not(:last-child) {
      margin-bottom: 16px; }
    .micro-ui-56 .c-item-01 .c-item-01-A {
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: -0.005em;
      color: #452362; }
    .micro-ui-56 .c-item-01 .c-item-01-B {
      width: 279px;
      margin: 12px 0 24px 0;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.005em;
      color: #373738; }
    .micro-ui-56 .c-item-01 .c-item-01-C {
      width: 211px;
      color: #373738; }
    .micro-ui-56 .c-item-01 .c-item-01-D {
      margin: 4px 0 0 0; }
    .micro-ui-56 .c-item-02 {
      display: flex;
      justify-content: space-between;
      position: absolute;
      right: 16px;
      bottom: 20px; }
      .micro-ui-56 .c-item-02 .c-item-02-A {
        margin: 4px 0 20px 0; }
      .micro-ui-56 .c-item-02 .c-item-02-B {
        display: flex;
        justify-content: space-between;
        padding-left: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
          margin-right: 8px;
          border-radius: 50px;
          background: #F8F8F9; }
          .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 > .c-unit-01 {
            margin-right: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-01 {
          width: 36px;
          height: 36px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-02 {
          display: none; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
          width: 36px;
          height: 36px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50px;
          background: #F8F8F9; }

  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap; }
    .micro-ui-59 .c-item-02 {
      width: 100%; }

  .micro-ui-67 {
    width: 100%; }
    .micro-ui-67 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-67 > .c-item-01-A > .c-unit-01 {
      color: #555556;
      font-family: Inter;
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin-bottom: 8px; }
    .micro-ui-67 > .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; }
    .micro-ui-67 > .c-item-02 {
      background: #E9EBF1;
      border-radius: 8px;
      padding: 12px;
      margin-top: 20px; }
      .micro-ui-67 > .c-item-02 .c-item-02-A {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
          display: flex;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
            padding: 0 0 0 0; }
            .micro-ui-67 > .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; }
          .micro-ui-67 > .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); }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .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; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
            display: flex;
            flex-direction: column;
            gap: 40px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A {
              margin-left: 100px; }
              .micro-ui-67 > .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; }
                .micro-ui-67 > .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; }
                  .micro-ui-67 > .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; }
                  .micro-ui-67 > .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; }
                .micro-ui-67 > .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, .micro-ui-67 > .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; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
            display: flex;
            flex-direction: column; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
                .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
                  background: #e6e7eb; }
          .micro-ui-67 > .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; }
      .micro-ui-67 > .c-item-02 .chekout-card-01 {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .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; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            width: 180px;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
          .micro-ui-67 > .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; }
      .micro-ui-67 > .c-item-02 > :last-child {
        border: none; }
    .micro-ui-67 > .c-item-03 {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .micro-ui-67 > .c-item-03 > a {
        width: 100%; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important; }
    .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
      width: calc(100% - 40px);
      height: 100%;
      padding-top: 40px;
      color: #171718;
      font-feature-settings: 'salt' on;
      font-family: 'Inter';
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.32px; }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
      color: #171718;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 133.333% */
      margin-bottom: 24px; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
      margin-top: 24px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
        display: flex;
        height: 48px;
        width: 300px;
        padding: 0px 16px;
        align-items: center;
        gap: 4px;
        margin-top: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid #D5D5D6;
        background: #FFF; }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important; }
    .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
      width: calc(100% - 40px);
      border-radius: 8px;
      background: #7A3986;
      display: flex;
      height: 56px;
      padding: 0px 24px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      color: #FFF;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 40px; }
      .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
        color: #909091;
        pointer-events: none;
        cursor: not-allowed;
        background: #E9EBF1; }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px; }

  .micro-ui-01 {
    width: calc(50% - 8px);
    height: 200px;
    margin-bottom: 16px;
    border-radius: 8px; }
    .micro-ui-01 picture {
      overflow: hidden; }
      .micro-ui-01 picture img {
        width: 100%;
        height: 100%; }
    .micro-ui-01:last-child {
      margin-bottom: 0; }
    .micro-ui-01:nth-last-child(2) {
      margin-bottom: 0; }
    .micro-ui-01 .c-item-01 {
      width: 168px; }

  .micro-ui-02 {
    width: 164px;
    padding: 24px 0 28px 0; }
    .micro-ui-02 .m-c-item02 {
      width: 48px;
      height: 48px; }
      .micro-ui-02 .m-c-item02 img {
        width: 36px;
        height: auto; }
    .micro-ui-02 .m-c-item01 {
      margin-top: 24px;
      text-align: center; }

  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: calc((100% - 704px)/2); }

  .micro-ui-10 {
    padding: 24px 24px 40px 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-10 .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-10 .c-item-02 {
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px; }
      .micro-ui-10 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-10 .c-item-02 .c-item-02-A img {
          width: 44px; }
      .micro-ui-10 .c-item-02 .c-item-02-B {
        margin-left: 16px; }
        .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
          margin: 8px 0 0 0; }
      .micro-ui-10 .c-item-02:last-child {
        margin-bottom: 0; }

  .micro-ui-12 {
    padding: 16px;
    background: #FAFBFD;
    border-radius: 4px; }
    .micro-ui-12 .c-item-01 {
      margin-bottom: 4px; }

  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .micro-ui-14 > .c-item-01 {
      margin-bottom: 32px;
      width: 100%; }
    .micro-ui-14 > .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .micro-ui-14 > .c-item-02 .c-item-02-A {
        margin-right: 8px; }

  .micro-ui-15 {
    padding: 24px; }
    .micro-ui-15 .c-item-01 {
      margin-bottom: 4px; }
    .micro-ui-15 .hr-C {
      margin: 24px 0; }
    .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
      margin-right: 7px; }

  .micro-ui-16 {
    padding: 24px; }
    .micro-ui-16 > .c-item-01 {
      width: 100%; }

  .micro-ui-17 {
    margin-top: 40px !important; }

  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FAFBFD;
    border: 1px solid #E9EBF1;
    border-radius: 8px; }
    .micro-ui-20 .c-item-01 .c-item-01-A {
      width: 303px;
      margin-bottom: 6px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 44px;
    background: #F3FBFF;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-21 .c-item-01 .c-item-01-A {
      width: 833px;
      margin-left: 8px; }

  .micro-ui-28 {
    padding: 36px 0 48px 36px;
    background: #F1F9E9;
    border-radius: 8px; }
    .micro-ui-28 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-28 .c-item-02 {
      width: 374px;
      margin: 32px 0 12px 0; }
    .micro-ui-28 .c-item-03 {
      width: 528px; }

  .micro-ui-29 {
    margin: 48px 0 32px 0;
    padding: 0 36px; }
    .micro-ui-29 .c-item-02 {
      width: 544px;
      margin-top: 24px; }

  .micro-ui-30 {
    padding: 0 36px 60px 36px; }
    .micro-ui-30 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-30 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-30 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-30 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 400px;
        margin-left: 24px; }
        .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-30 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px;
        margin-left: 84px;
        height: 60px; }
        .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px 24px 40px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-31 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-31 > .micro-ui-21 {
      margin-bottom: 12px; }
    .micro-ui-31 .hr-C {
      margin: 32px 0 24px 0; }

  .micro-ui-32 {
    padding: 0 36px; }
    .micro-ui-32 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-32 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-32 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-32 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 400px;
        margin-left: 24px; }
        .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-32 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px;
        margin-left: 84px;
        height: 60px; }
        .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-33 {
    padding: 0 0 40px 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .micro-ui-33 .hr-C {
      width: calc(100% - 96px);
      margin: 48px auto 40px auto; }

  .fix-micro-ui-33 {
    padding: 24px 0 40px 0; }

  .micro-ui-34 > .sales-note-form-ui-01 {
    background-color: #fff;
    margin-bottom: 16px;
    padding: 0 24px 0 24px; }
    .micro-ui-34 > .sales-note-form-ui-01.on > .sales-note-form-ui-01 {
      padding: 0 24px 80px 24px !important; }
    .micro-ui-34 > .sales-note-form-ui-01 > .c-item-01 {
      margin-bottom: 0px; }
  .micro-ui-34:last-child {
    margin-bottom: 0px !important; }

  .micro-ui-35 {
    background: #FCF3F2;
    border-radius: 6px; }
    .micro-ui-35 > .c-item-01 {
      width: 80px;
      height: 80px;
      margin-bottom: 40px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-35 > .c-item-02 {
      width: 449px;
      margin: 0 0 24px 0; }
    .micro-ui-35 > .c-item-03 {
      margin-right: 132px; }
    .micro-ui-35 > .c-item-04 {
      display: block;
      margin-top: 26px; }
    .micro-ui-35 .c-item-05 {
      display: flex;
      flex-wrap: wrap;
      margin-top: 36px; }
      .micro-ui-35 .c-item-05 .c-unit-01 {
        margin-right: 12px; }
    .micro-ui-35 .crd-lnk-btn-05 {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 56px;
      padding: 0 32px;
      background: #FAF3FB;
      border: 1px solid #D8BFDB;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #3D175E; }
      .micro-ui-35 .crd-lnk-btn-05:hover {
        background: #EFE5F0;
        border: 1px solid #6B337D;
        border-radius: 8px; }
    .micro-ui-35 .crd-lnk-btn-01 {
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      color: #C36341; }
    .micro-ui-35 > .c-item-06 {
      margin-top: 24px; }
      .micro-ui-35 > .c-item-06 a {
        font-family: Inter;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #000000;
        text-decoration: underline; }
    .micro-ui-35 .micro-ui-50 {
      margin: 44px 0 0 0; }

  .fix-micro-ui-35 {
    margin: 0 24px 24px 24px;
    padding: 36px 72px 48px 36px !important; }

  .micro-ui-36 {
    display: none; }

  .micro-ui-37 {
    padding: 0 48px; }
    .micro-ui-37 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid #E9EBF1; }
      .micro-ui-37 .c-item-01 .c-item-01-A {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 24px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 72px;
          height: 72px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
            width: 72px;
            height: 72px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1;
          margin-left: 24px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            margin-bottom: 12px;
            width: 367px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
            margin-bottom: 12px;
            width: 367px; }
      .micro-ui-37 .c-item-01 .c-item-01-B {
        margin-left: 96px; }
      .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
        height: 56px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 32px;
        background: #E9EBF1;
        border-radius: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #171718; }

  .micro-ui-38 {
    padding: 0 48px; }
    .micro-ui-38 .c-item-01 {
      padding: 24px;
      background: #F8F8F9;
      border-radius: 8px; }
      .micro-ui-38 .c-item-01 .c-item-01-A {
        width: 538px;
        margin-bottom: 36px; }
      .micro-ui-38 .c-item-01 .c-item-01-B {
        display: flex;
        flex-wrap: wrap; }
      .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        margin-right: 12px;
        padding: 0 24px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718; }

  .micro-ui-39 {
    padding: 0 48px; }
    .micro-ui-39 .c-item-01 {
      padding: 24px 0 26px 28px;
      border: 1px solid #D9D9D9;
      box-sizing: border-box;
      border-radius: 8px; }
      .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
        margin: 4px 0 25px 0; }
      .micro-ui-39 .c-item-01 .c-item-01-C {
        display: flex;
        flex-wrap: wrap; }
        .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-right: 20px; }
          .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
            margin-left: 6px; }
      .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }

  .micro-ui-40 {
    margin: 60px 0;
    padding: 0 48px; }
    .micro-ui-40 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-41 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-41 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 66px;
      padding: 0 24px;
      background: #F8F8F9;
      border-radius: 4px; }
      .micro-ui-41 .c-item-01.on {
        background: #fff !important; }
    .micro-ui-41 .c-item-02 {
      transition: 300ms;
      width: 100%;
      height: 0px;
      overflow: hidden; }
      .micro-ui-41 .c-item-02.on {
        padding: 8px 24px 24px 24px; }

  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-42 .c-item-01 .c-item-01-A {
      width: 728px;
      margin-left: 16px; }

  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #FFFFFF;
    width: 100vw;
    margin: 0 calc(352px - 50vw) 32px calc(352px - 50vw);
    border-bottom: 1px solid #EDEDED;
    padding: 0 calc(50vw - 352px) 20px calc(50vw - 352px); }
    .micro-ui-43.on .c-item-02 {
      display: none; }
    .micro-ui-43.on .c-item-03 {
      display: none; }
    .micro-ui-43 .c-item-01 {
      width: 100%;
      margin-top: 20px;
      margin-bottom: 48px; }
    .micro-ui-43 .c-item-02 {
      display: flex;
      align-items: center;
      background: #F8F8F9;
      border-radius: 4px;
      padding-left: 16px;
      width: 76%;
      margin-right: 8px;
      height: 48px; }
      .micro-ui-43 .c-item-02 .c-unit-01 {
        position: absolute;
        z-index: 1;
        left: 16px; }
      .micro-ui-43 .c-item-02 .c-unit-02 {
        background: #F8F8F9;
        width: 100%;
        padding-left: 29px;
        height: 100%; }
    .micro-ui-43 .c-item-03 {
      width: 160px; }
      .micro-ui-43 .c-item-03 .select-ui-01 {
        border: 1px solid #D5D5D6;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        opacity: 0.6;
        font-weight: 400; }
      .micro-ui-43 .c-item-03 span {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center; }

  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%; }
    .micro-ui-44 .c-unit-01 {
      display: flex;
      align-items: center;
      padding: 16px 16px 16px 16px;
      background: #F8F8F9;
      width: 100%;
      margin-bottom: 1px;
      border-radius: 8px 8px 0 0; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        position: relative;
        margin-right: 16px;
        background: #fff;
        position: relative;
        border-radius: 4px; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
          width: 44px;
          height: 44px;
          object-fit: cover;
          object-position: center; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
          width: 60px;
          height: 60px;
          display: inline-block; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
          position: absolute;
          width: 28px;
          height: 28px;
          right: -8px;
          bottom: -8px;
          border-radius: 50%;
          background: #FFFFFF;
          /* Black & White/300 */
          border: 1px solid #D5D5D6;
          padding: 8px;
          display: flex;
          justify-content: center;
          align-items: center; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B {
        width: calc(100% - 76px); }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
          margin-bottom: 4px; }
    .micro-ui-44 .c-unit-02 {
      background: #F8F8F9;
      padding: 16px 13px 21px 13px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      border-radius: 0 0 8px 8px;
      transition: all 0.3s;
      border: 1px solid #F0F0F2; }
      .micro-ui-44 .c-unit-02 .c-unit-02-A {
        display: none;
        width: 200px;
        margin-bottom: 32px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-B {
        width: 200px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-01 {
          margin-bottom: 4px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-C {
        background: #FFFFFF !important;
        position: absolute;
        top: -70px;
        right: 13px;
        padding: 10px;
        width: 40px;
        height: 40px;
        background: #F0F0F2;
        color: #000000;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s; }
      .micro-ui-44 .c-unit-02 .c-unit-02-D {
        padding: 0;
        font-weight: 600;
        font-size: 11px;
        line-height: 18px;
        width: 105px;
        display: flex !important;
        height: 33px;
        background: #FFFFFF;
        /* Quaternary / 200 */
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        display: inline-block; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
          border: 1px solid #E7B3A0;
          color: #B55B3D; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
          color: #548C33;
          border: 1px solid #C5E2A7; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
          color: #B13834;
          border: 1px solid #DF9E9D; }
    .micro-ui-44:not(:last-child) {
      margin-bottom: 16px; }

  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    .micro-ui-45 .c-unit-01 {
      background: #FAFBFD;
      border-radius: 8px;
      padding: 20px 0 20px 20px;
      width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-A {
        margin-bottom: 8px;
        width: 295px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-B {
        margin-bottom: 20px;
        width: 295px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-C {
        width: 295px; }
      .micro-ui-45 .c-unit-01:not(:last-child) {
        margin-bottom: 12px; }

  .micro-ui-46 {
    padding: 0;
    width: 100%;
    background: #FAFBFD;
    border-radius: 8px;
    display: block; }
    .micro-ui-46 .c-unit-01 {
      padding: 20px 0 20px 20px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .micro-ui-46 .c-unit-01 .c-unit-01-A {
        margin-right: 16px; }
      .micro-ui-46 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
        margin-bottom: 4px; }
    .micro-ui-46 .c-unit-02 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 20px; }
      .micro-ui-46 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
        margin-bottom: 8px; }
      .micro-ui-46 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
        margin-bottom: 8px; }
    .micro-ui-46 .hr-A {
      width: 100%;
      display: block; }

  .micro-ui-47 {
    margin: 0 16px;
    width: calc(100% - 32px); }
    .micro-ui-47 .c-unit-01 .c-unit-01-A {
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      border: 1px solid #E6E6E7;
      box-sizing: border-box;
      border-radius: 4px;
      margin-right: 12px; }
      .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
        width: 44px;
        height: 44px;
        display: block; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
      margin-bottom: 8px;
      width: 231px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
      margin-bottom: 16px;
      width: 231px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
      width: 231px; }
    .micro-ui-47:not(:last-child) {
      border-bottom: 1px solid #E6E6E7;
      margin-bottom: 17px; }
      .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
        margin-bottom: 24px; }

  .micro-ui-48 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 20px 0px; }
    .micro-ui-48 .c-unit-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
      padding: 20px; }
      .micro-ui-48 .c-unit-01 .c-unit-01-A {
        display: none;
        background: #AED584;
        border-radius: 50%; }
      .micro-ui-48 .c-unit-01 .c-unit-01-B {
        border-radius: 50%;
        display: none;
        background: #DF9E9D; }
      .micro-ui-48 .c-unit-01 .c-unit-01-C {
        border-radius: 50%;
        display: none;
        background: #7B8AB1; }
    .micro-ui-48 .c-unit-02 {
      margin-bottom: 6px; }
      .micro-ui-48 .c-unit-02 .c-unit-02-A {
        display: none; }
      .micro-ui-48 .c-unit-02 .c-unit-02-B {
        display: none; }
      .micro-ui-48 .c-unit-02 .c-unit-02-C {
        display: none; }
    .micro-ui-48 .c-unit-03 {
      margin-bottom: 28px; }
    .micro-ui-48 .c-unit-04 {
      align-self: center; }
      .micro-ui-48 .c-unit-04 .c-unit-04-A {
        border: 1px solid #C5E2A7;
        box-sizing: border-box;
        border-radius: 8px;
        background: #FAFFF5;
        padding: 15px 32px 17px 32px;
        display: none; }
      .micro-ui-48 .c-unit-04 .c-unit-04-B {
        display: none;
        width: 332px; }
      .micro-ui-48 .c-unit-04 .c-unit-04-C {
        background: #FAFBFD;
        display: none;
        border: 1px solid #A0ABC7;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 15px 32px 17px 32px; }
    .micro-ui-48.v1 {
      background: #F1F9E9; }
      .micro-ui-48.v1 .c-unit-01 {
        background: #AED584;
        border-radius: 50%; }
        .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
          display: block; }
      .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
        display: block; }
      .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
        display: block; }
    .micro-ui-48.v2 {
      background: #FBECEE; }
      .micro-ui-48.v2 .c-unit-01 {
        background: #DF9E9D;
        border-radius: 50%; }
        .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
          display: block; }
      .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
        display: block; }
      .micro-ui-48.v2 .c-unit-03 {
        margin-bottom: 32px; }
      .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
        display: block; }
    .micro-ui-48.v3 {
      background: #E9EBF1; }
      .micro-ui-48.v3 .c-unit-01 {
        background: #7B8AB1;
        border-radius: 50%; }
        .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
          display: block; }
      .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
        display: block; }
      .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
        display: block; }

  .micro-ui-49 {
    padding: 8px; }
    .micro-ui-49 .c-item-01 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-01 .c-item-01-A {
        width: 6px;
        height: 6px;
        left: 37px;
        top: 22px; }
      .micro-ui-49 .c-item-01 .c-item-01-B {
        width: 2px;
        height: 34px;
        position: absolute;
        left: 39px;
        top: 34px; }
    .micro-ui-49 .c-item-02 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-02 .c-item-01-A {
        width: 2px;
        height: 16px;
        left: 39px;
        top: 0; }
      .micro-ui-49 .c-item-02 .c-item-01-B {
        width: 6px;
        height: 6px;
        position: absolute;
        left: 37px;
        top: 22px; }
      .micro-ui-49 .c-item-02 .c-item-01-D {
        width: 2px;
        height: 34px;
        left: 39px;
        top: 34px; }
    .micro-ui-49 .c-item-03 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-03 .c-item-01-A {
        width: 2px;
        height: 11px;
        left: 39px;
        top: 0; }
      .micro-ui-49 .c-item-03 .c-item-01-B {
        width: 16px;
        height: 16px;
        position: absolute;
        left: 32px;
        top: 17px; }
      .micro-ui-49 .c-item-03 .c-item-01-D {
        width: 2px;
        height: 29px;
        left: 39px;
        top: 39px; }
      .micro-ui-49 .c-item-03 .c-item-01-E {
        width: 98px;
        height: 40px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #1F2E5C; }
      .micro-ui-49 .c-item-03 .c-item-01-F {
        width: 116px;
        height: 40px;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #fff; }
    .micro-ui-49 .c-item-04 {
      padding: 12px 0 12px 48px; }
      .micro-ui-49 .c-item-04 .c-item-01-A {
        width: 2px;
        height: 12px;
        left: 27px;
        top: 0; }
      .micro-ui-49 .c-item-04 .c-item-01-B {
        width: 6px;
        height: 6px;
        left: 25px;
        top: 18px; }
    .micro-ui-49 .c-item-05 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-05 .c-item-01-B {
        width: 16px;
        height: 16px;
        left: 20px;
        top: 13px; }
      .micro-ui-49 .c-item-05 .c-item-01-D {
        width: 2px;
        height: 25px;
        left: 27px;
        top: 35px; }
      .micro-ui-49 .c-item-05 .c-item-01-F {
        width: 103px;
        height: 36px;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #FFFFFF; }
    .micro-ui-49 .c-item-06 {
      padding: 12px 0 12px 48px; }
      .micro-ui-49 .c-item-06 .c-item-01-A {
        width: 2px;
        height: 12px;
        left: 27px;
        top: 0; }
      .micro-ui-49 .c-item-06 .c-item-01-B {
        width: 6px;
        height: 6px;
        left: 25px;
        top: 18px; }
      .micro-ui-49 .c-item-06 .c-item-01-D {
        width: 2px;
        height: 11px;
        left: 27px;
        top: 30px; }
      .micro-ui-49 .c-item-06:last-child .c-item-01-D {
        display: none; }

  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }

  .micro-ui-51 {
    width: 100%;
    height: 270px; }
    .micro-ui-51 .c-item-01 {
      width: 100%;
      margin-bottom: 0;
      border-radius: 6px;
      height: 119px; }
      .micro-ui-51 .c-item-01 .c-item-01-A {
        width: 100%;
        padding: 20px 0 20px 16px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
          margin-bottom: 20px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap; }
          .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            display: flex;
            width: 295px;
            justify-content: space-between; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
              margin-bottom: 6px; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
              font-size: 11px;
              line-height: 13px;
              font-weight: 400; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
              font-weight: 600;
              font-size: 11px;
              line-height: 13px; }
    .micro-ui-51 .hr-Z {
      height: 1px;
      background-color: #FFF;
      width: calc(100% - 40px);
      margin: 6px 0 16px 20px; }
    .micro-ui-51 .c-container-01 {
      height: 88px;
      align-items: center; }
      .micro-ui-51 .c-container-01 .c-item-02-B {
        display: none; }
      .micro-ui-51 .c-container-01 .c-item-02-C {
        display: flex;
        width: 40px;
        height: 40px;
        background: #FAFBFD;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .micro-ui-51 .c-item-03 {
      width: 295px;
      padding: 0 0 0 20px;
      font-weight: 400; }
    .micro-ui-51:last-child {
      margin-bottom: 0; }

  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px; }
    .micro-ui-53 > .container-01 {
      width: 100%;
      height: 180px; }
      .micro-ui-53 > .container-01 .c-item-01 {
        box-shadow: none;
        margin: 0 2px 0 0;
        border-bottom: 1px solid #FFF;
        padding: 0;
        background-color: #FFF; }
      .micro-ui-53 > .container-01 .c-item-03 {
        background-color: #FFF; }
      .micro-ui-53 > .container-01 .c-item-04 {
        background-color: unset; }
    .micro-ui-53 > .container-02 {
      right: 20px;
      bottom: 32px;
      left: unset;
      background: #F8F8F9; }
    .micro-ui-53:last-child {
      margin-bottom: 12px; }

  .micro-ui-54 {
    width: 156px;
    height: 287px;
    padding: 8px;
    margin-right: 8px; }
    .micro-ui-54 .c-item-01 .c-item-01-A {
      padding: 4.12px 3.78px;
      margin-bottom: 12px;
      width: 140px;
      height: 140px; }
      .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
        width: 132px;
        height: 132px; }
    .micro-ui-54 .c-item-01 .c-item-01-B {
      width: 132px;
      height: 30px;
      margin: 0 4px 8px 4px;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      text-align: left;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em; }
    .micro-ui-54 .c-item-02 {
      width: 182px;
      margin-bottom: 16px; }
    .micro-ui-54 .c-item-02-fix-list {
      margin: 0 4px 16px 4px;
      margin-bottom: 16px !important; }
      .micro-ui-54 .c-item-02-fix-list > span {
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left; }
    .micro-ui-54 .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 132px;
      height: 40px;
      background: #FAF3FB;
      border: 1px solid #6B337D;
      color: #5D2D74 !important; }
    .micro-ui-54 .c-item-04 {
      position: absolute;
      width: 36px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      padding: 8px;
      right: 12px;
      top: 12px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      background-color: #FFFFFF;
      border: 1px solid #171718; }
      .micro-ui-54 .c-item-04:hover {
        display: none; }
    .micro-ui-54:hover {
      display: none; }
      .micro-ui-54:hover .c-item-03 {
        width: 132px;
        height: 40px; }

  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px; }
    .micro-ui-55 .c-item-01 {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding-top: 27px; }
      .micro-ui-55 .c-item-01 .c-unit-01 {
        margin-right: 13px;
        width: 14px;
        height: 14px;
        margin-bottom: 0px; }

  .micro-ui-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    border-radius: 8px;
    order: unset;
    margin-bottom: 16px !important;
    margin-right: 0 !important;
    background-color: #FAF3FB; }
    .micro-ui-55 > .c-item-01 {
      width: 100%; }
      .micro-ui-55 > .c-item-01 > svg {
        width: 16px !important;
        height: 16px !important; }
      .micro-ui-55 > .c-item-01 > span {
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        /* identical to box height */
        letter-spacing: -0.01em;
        /* Tertiary / 700 */
        color: #6B337D; }

  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 22px 16px;
    margin-right: 0;
    margin-bottom: 16px !important; }
    .micro-ui-56 > .c-item-01 {
      margin-bottom: 0; }
      .micro-ui-56 > .c-item-01 > .c-item-01-A {
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.005em;
        color: #452362 !important; }
      .micro-ui-56 > .c-item-01 > .c-item-01-B {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: -0.005em;
        color: #373738;
        width: 279px;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .micro-ui-56 > .c-item-01 > .c-item-01-C {
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #373738; }
      .micro-ui-56 > .c-item-01 > .c-item-01-D {
        margin: 4px 0 0 0;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        color: #373738; }
    .micro-ui-56 .c-item-02 {
      position: absolute;
      right: 16px;
      bottom: 22px; }
      .micro-ui-56 .c-item-02 .c-item-02-B {
        flex-direction: row;
        padding-left: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
          background: #F8F8F9;
          border-radius: 100px;
          width: 36px;
          height: 36px;
          margin-right: 8px; }
          .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
            display: none; }
          .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
            margin-right: 0;
            width: 100%;
            height: 100%;
            justify-content: center; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
          width: 36px;
          background: #F8F8F9;
          border-radius: 50%;
          height: 36px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .micro-ui-56:last-child {
      margin-bottom: 0 !important; }

  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap; }
    .micro-ui-59 .c-item-02 {
      width: 100%; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important; }
    .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
      width: calc(100% - 40px);
      height: 100%;
      padding-top: 40px;
      color: #171718;
      font-feature-settings: 'salt' on;
      font-family: 'Inter';
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.32px; }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
      color: #171718;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 133.333% */
      margin-bottom: 24px; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
      margin-top: 24px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
        display: flex;
        height: 48px;
        width: 300px;
        padding: 0px 16px;
        align-items: center;
        gap: 4px;
        margin-top: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid #D5D5D6;
        background: #FFF; }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important; }
    .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
      width: calc(100% - 40px);
      border-radius: 8px;
      background: #7A3986;
      display: flex;
      height: 56px;
      padding: 0px 24px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      color: #FFF;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 40px; }
      .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
        color: #909091;
        pointer-events: none;
        cursor: not-allowed;
        background: #E9EBF1; }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px; }

  .micro-ui-01 {
    width: calc(50% - 8px);
    height: 200px;
    margin-bottom: 16px;
    border-radius: 8px; }
    .micro-ui-01 picture {
      overflow: hidden; }
      .micro-ui-01 picture img {
        width: 100%;
        height: 100%; }
    .micro-ui-01:last-child {
      margin-bottom: 0; }
    .micro-ui-01:nth-last-child(2) {
      margin-bottom: 0; }
    .micro-ui-01 .c-item-01 {
      width: 168px; }

  .micro-ui-02 {
    width: 164px;
    padding: 24px 0 28px 0; }
    .micro-ui-02 .m-c-item02 {
      width: 48px;
      height: 48px; }
      .micro-ui-02 .m-c-item02 img {
        width: 36px;
        height: auto; }
    .micro-ui-02 .m-c-item01 {
      margin-top: 24px;
      text-align: center; }

  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: calc((100% - 704px)/2); }

  .micro-ui-10 {
    padding: 24px 24px 40px 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-10 .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-10 .c-item-02 {
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px; }
      .micro-ui-10 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-10 .c-item-02 .c-item-02-A img {
          width: 44px; }
      .micro-ui-10 .c-item-02 .c-item-02-B {
        margin-left: 16px; }
        .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
          margin: 8px 0 0 0; }
      .micro-ui-10 .c-item-02:last-child {
        margin-bottom: 0; }

  .micro-ui-12 {
    padding: 16px;
    background: #FAFBFD;
    border-radius: 4px; }
    .micro-ui-12 .c-item-01 {
      margin-bottom: 4px; }

  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .micro-ui-14 > .c-item-01 {
      margin-bottom: 32px;
      width: 100%; }
    .micro-ui-14 > .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .micro-ui-14 > .c-item-02 .c-item-02-A {
        margin-right: 8px; }

  .micro-ui-15 {
    padding: 24px; }
    .micro-ui-15 .c-item-01 {
      margin-bottom: 4px; }
    .micro-ui-15 .hr-C {
      margin: 24px 0; }
    .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
      margin-right: 7px; }

  .micro-ui-16 {
    padding: 24px; }
    .micro-ui-16 > .c-item-01 {
      width: 100%; }

  .micro-ui-17 {
    margin-top: 40px !important; }

  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FAFBFD;
    border: 1px solid #E9EBF1;
    border-radius: 8px; }
    .micro-ui-20 .c-item-01 .c-item-01-A {
      width: 303px;
      margin-bottom: 6px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 44px;
    background: #F3FBFF;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-21 .c-item-01 .c-item-01-A {
      width: 833px;
      margin-left: 8px; }

  .micro-ui-28 {
    padding: 36px 0 48px 36px;
    background: #F1F9E9;
    border-radius: 8px; }
    .micro-ui-28 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-28 .c-item-02 {
      width: 374px;
      margin: 32px 0 12px 0; }
    .micro-ui-28 .c-item-03 {
      width: 528px; }

  .micro-ui-29 {
    margin: 48px 0 32px 0;
    padding: 0 36px; }
    .micro-ui-29 .c-item-02 {
      width: 544px;
      margin-top: 24px; }

  .micro-ui-30 {
    padding: 0 36px 60px 36px; }
    .micro-ui-30 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-30 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-30 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-30 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 400px;
        margin-left: 24px; }
        .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-30 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px;
        margin-left: 84px;
        height: 60px; }
        .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px 24px 40px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-31 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-31 > .micro-ui-21 {
      margin-bottom: 12px; }
    .micro-ui-31 .hr-C {
      margin: 32px 0 24px 0; }

  .micro-ui-32 {
    padding: 0 36px; }
    .micro-ui-32 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-32 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-32 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-32 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 400px;
        margin-left: 24px; }
        .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-32 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px;
        margin-left: 84px;
        height: 60px; }
        .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-33 {
    padding: 0 0 40px 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .micro-ui-33 .hr-C {
      width: calc(100% - 96px);
      margin: 48px auto 40px auto; }

  .fix-micro-ui-33 {
    padding: 24px 0 40px 0; }

  .micro-ui-34 > .sales-note-form-ui-01 {
    background-color: #fff;
    margin-bottom: 16px;
    padding: 0 24px 0 24px; }
    .micro-ui-34 > .sales-note-form-ui-01.on > .sales-note-form-ui-01 {
      padding: 0 24px 80px 24px !important; }
    .micro-ui-34 > .sales-note-form-ui-01 > .c-item-01 {
      margin-bottom: 0px; }
  .micro-ui-34:last-child {
    margin-bottom: 0px !important; }

  .micro-ui-35 {
    background: #FCF3F2;
    border-radius: 6px; }
    .micro-ui-35 > .c-item-01 {
      width: 80px;
      height: 80px;
      margin-bottom: 40px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-35 > .c-item-02 {
      width: 449px;
      margin: 0 0 24px 0; }
    .micro-ui-35 > .c-item-03 {
      margin-right: 132px; }
    .micro-ui-35 > .c-item-04 {
      display: block;
      margin-top: 26px; }
    .micro-ui-35 .c-item-05 {
      display: flex;
      flex-wrap: wrap;
      margin-top: 36px; }
      .micro-ui-35 .c-item-05 .c-unit-01 {
        margin-right: 12px; }
    .micro-ui-35 .crd-lnk-btn-05 {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 56px;
      padding: 0 32px;
      background: #FAF3FB;
      border: 1px solid #D8BFDB;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #3D175E; }
      .micro-ui-35 .crd-lnk-btn-05:hover {
        background: #EFE5F0;
        border: 1px solid #6B337D;
        border-radius: 8px; }
    .micro-ui-35 .crd-lnk-btn-01 {
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      color: #C36341; }
    .micro-ui-35 > .c-item-06 {
      margin-top: 24px; }
      .micro-ui-35 > .c-item-06 a {
        font-family: Inter;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #000000;
        text-decoration: underline; }
    .micro-ui-35 .micro-ui-50 {
      margin: 44px 0 0 0; }

  .fix-micro-ui-35 {
    margin: 0 24px 24px 24px;
    padding: 36px 72px 48px 36px !important; }

  .micro-ui-36 {
    display: none; }

  .micro-ui-37 {
    padding: 0 48px; }
    .micro-ui-37 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid #E9EBF1; }
      .micro-ui-37 .c-item-01 .c-item-01-A {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 24px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 72px;
          height: 72px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
            width: 72px;
            height: 72px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1;
          margin-left: 24px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            margin-bottom: 12px;
            width: 367px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
            margin-bottom: 12px;
            width: 367px; }
      .micro-ui-37 .c-item-01 .c-item-01-B {
        margin-left: 96px; }
      .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
        height: 56px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 32px;
        background: #E9EBF1;
        border-radius: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #171718; }

  .micro-ui-38 {
    padding: 0 48px; }
    .micro-ui-38 .c-item-01 {
      padding: 24px;
      background: #F8F8F9;
      border-radius: 8px; }
      .micro-ui-38 .c-item-01 .c-item-01-A {
        width: 538px;
        margin-bottom: 36px; }
      .micro-ui-38 .c-item-01 .c-item-01-B {
        display: flex;
        flex-wrap: wrap; }
      .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        margin-right: 12px;
        padding: 0 24px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718; }

  .micro-ui-39 {
    padding: 0 48px; }
    .micro-ui-39 .c-item-01 {
      padding: 24px 0 26px 28px;
      border: 1px solid #D9D9D9;
      box-sizing: border-box;
      border-radius: 8px; }
      .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
        margin: 4px 0 25px 0; }
      .micro-ui-39 .c-item-01 .c-item-01-C {
        display: flex;
        flex-wrap: wrap; }
        .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-right: 20px; }
          .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
            margin-left: 6px; }
      .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }

  .micro-ui-40 {
    margin: 60px 0;
    padding: 0 48px; }
    .micro-ui-40 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-41 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-41 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 66px;
      padding: 0 24px;
      background: #F8F8F9;
      border-radius: 4px; }
      .micro-ui-41 .c-item-01.on {
        background: #fff !important; }
    .micro-ui-41 .c-item-02 {
      transition: 300ms;
      width: 100%;
      height: 0px;
      overflow: hidden; }
      .micro-ui-41 .c-item-02.on {
        padding: 8px 24px 24px 24px; }

  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-42 .c-item-01 .c-item-01-A {
      width: 728px;
      margin-left: 16px; }

  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #FFFFFF;
    width: 100vw;
    margin: 0 calc(352px - 50vw) 32px calc(352px - 50vw);
    border-bottom: 1px solid #EDEDED;
    padding: 0 calc(50vw - 352px) 20px calc(50vw - 352px); }
    .micro-ui-43.on .c-item-02 {
      display: none; }
    .micro-ui-43.on .c-item-03 {
      display: none; }
    .micro-ui-43 .c-item-01 {
      width: 100%;
      margin-top: 20px;
      margin-bottom: 48px; }
    .micro-ui-43 .c-item-02 {
      display: flex;
      align-items: center;
      background: #F8F8F9;
      border-radius: 4px;
      padding-left: 16px;
      width: 76%;
      margin-right: 8px;
      height: 48px; }
      .micro-ui-43 .c-item-02 .c-unit-01 {
        position: absolute;
        z-index: 1;
        left: 16px; }
      .micro-ui-43 .c-item-02 .c-unit-02 {
        background: #F8F8F9;
        width: 100%;
        padding-left: 29px;
        height: 100%; }
    .micro-ui-43 .c-item-03 {
      width: 160px; }
      .micro-ui-43 .c-item-03 .select-ui-01 {
        border: 1px solid #D5D5D6;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        opacity: 0.6;
        font-weight: 400; }
      .micro-ui-43 .c-item-03 span {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center; }

  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%; }
    .micro-ui-44 .c-unit-01 {
      display: flex;
      align-items: center;
      padding: 16px 16px 16px 16px;
      background: #F8F8F9;
      width: 100%;
      margin-bottom: 1px;
      border-radius: 8px 8px 0 0; }
      .micro-ui-44 .c-unit-01 .c-unit-01-A {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        position: relative;
        margin-right: 16px;
        background: #fff;
        position: relative;
        border-radius: 4px; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
          width: 44px;
          height: 44px;
          object-fit: cover;
          object-position: center; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
          width: 60px;
          height: 60px;
          display: inline-block; }
        .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
          position: absolute;
          width: 28px;
          height: 28px;
          right: -8px;
          bottom: -8px;
          border-radius: 50%;
          background: #FFFFFF;
          /* Black & White/300 */
          border: 1px solid #D5D5D6;
          padding: 8px;
          display: flex;
          justify-content: center;
          align-items: center; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B {
        width: calc(100% - 76px); }
        .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
          margin-bottom: 4px; }
    .micro-ui-44 .c-unit-02 {
      background: #F8F8F9;
      padding: 16px 13px 21px 13px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      border-radius: 0 0 8px 8px;
      transition: all 0.3s;
      border: 1px solid #F0F0F2; }
      .micro-ui-44 .c-unit-02 .c-unit-02-A {
        display: none;
        width: 200px;
        margin-bottom: 32px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-B {
        width: 200px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-01 {
          margin-bottom: 4px; }
        .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
          margin-bottom: 4px; }
      .micro-ui-44 .c-unit-02 .c-unit-02-C {
        background: #FFFFFF !important;
        position: absolute;
        top: -70px;
        right: 13px;
        padding: 10px;
        width: 40px;
        height: 40px;
        background: #F0F0F2;
        color: #000000;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s; }
      .micro-ui-44 .c-unit-02 .c-unit-02-D {
        padding: 0;
        font-weight: 600;
        font-size: 11px;
        line-height: 18px;
        width: 105px;
        display: flex !important;
        height: 33px;
        background: #FFFFFF;
        /* Quaternary / 200 */
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        display: inline-block; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
          border: 1px solid #E7B3A0;
          color: #B55B3D; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
          color: #548C33;
          border: 1px solid #C5E2A7; }
        .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
          color: #B13834;
          border: 1px solid #DF9E9D; }
    .micro-ui-44:not(:last-child) {
      margin-bottom: 16px; }

  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    .micro-ui-45 .c-unit-01 {
      background: #FAFBFD;
      border-radius: 8px;
      padding: 20px 0 20px 20px;
      width: 100%; }
      .micro-ui-45 .c-unit-01 .c-unit-01-A {
        margin-bottom: 8px;
        width: 295px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-B {
        margin-bottom: 20px;
        width: 295px; }
      .micro-ui-45 .c-unit-01 .c-unit-01-C {
        width: 295px; }
      .micro-ui-45 .c-unit-01:not(:last-child) {
        margin-bottom: 12px; }

  .micro-ui-46 {
    padding: 0;
    width: 100%;
    background: #FAFBFD;
    border-radius: 8px;
    display: block; }
    .micro-ui-46 .c-unit-01 {
      padding: 20px 0 20px 20px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .micro-ui-46 .c-unit-01 .c-unit-01-A {
        margin-right: 16px; }
      .micro-ui-46 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
        margin-bottom: 4px; }
    .micro-ui-46 .c-unit-02 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 20px; }
      .micro-ui-46 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
        margin-bottom: 8px; }
      .micro-ui-46 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
        margin-bottom: 8px; }
    .micro-ui-46 .hr-A {
      width: 100%;
      display: block; }

  .micro-ui-47 {
    margin: 0 16px;
    width: calc(100% - 32px); }
    .micro-ui-47 .c-unit-01 .c-unit-01-A {
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      border: 1px solid #E6E6E7;
      box-sizing: border-box;
      border-radius: 4px;
      margin-right: 12px; }
      .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
        width: 44px;
        height: 44px;
        display: block; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
      margin-bottom: 8px;
      width: 231px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
      margin-bottom: 16px;
      width: 231px; }
    .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
      width: 231px; }
    .micro-ui-47:not(:last-child) {
      border-bottom: 1px solid #E6E6E7;
      margin-bottom: 17px; }
      .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
        margin-bottom: 24px; }

  .micro-ui-48 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 20px 0px; }
    .micro-ui-48 .c-unit-01 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
      padding: 20px; }
      .micro-ui-48 .c-unit-01 .c-unit-01-A {
        display: none;
        background: #AED584;
        border-radius: 50%; }
      .micro-ui-48 .c-unit-01 .c-unit-01-B {
        border-radius: 50%;
        display: none;
        background: #DF9E9D; }
      .micro-ui-48 .c-unit-01 .c-unit-01-C {
        border-radius: 50%;
        display: none;
        background: #7B8AB1; }
    .micro-ui-48 .c-unit-02 {
      margin-bottom: 6px; }
      .micro-ui-48 .c-unit-02 .c-unit-02-A {
        display: none; }
      .micro-ui-48 .c-unit-02 .c-unit-02-B {
        display: none; }
      .micro-ui-48 .c-unit-02 .c-unit-02-C {
        display: none; }
    .micro-ui-48 .c-unit-03 {
      margin-bottom: 28px; }
    .micro-ui-48 .c-unit-04 {
      align-self: center; }
      .micro-ui-48 .c-unit-04 .c-unit-04-A {
        border: 1px solid #C5E2A7;
        box-sizing: border-box;
        border-radius: 8px;
        background: #FAFFF5;
        padding: 15px 32px 17px 32px;
        display: none; }
      .micro-ui-48 .c-unit-04 .c-unit-04-B {
        display: none;
        width: 332px; }
      .micro-ui-48 .c-unit-04 .c-unit-04-C {
        background: #FAFBFD;
        display: none;
        border: 1px solid #A0ABC7;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 15px 32px 17px 32px; }
    .micro-ui-48.v1 {
      background: #F1F9E9; }
      .micro-ui-48.v1 .c-unit-01 {
        background: #AED584;
        border-radius: 50%; }
        .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
          display: block; }
      .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
        display: block; }
      .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
        display: block; }
    .micro-ui-48.v2 {
      background: #FBECEE; }
      .micro-ui-48.v2 .c-unit-01 {
        background: #DF9E9D;
        border-radius: 50%; }
        .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
          display: block; }
      .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
        display: block; }
      .micro-ui-48.v2 .c-unit-03 {
        margin-bottom: 32px; }
      .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
        display: block; }
    .micro-ui-48.v3 {
      background: #E9EBF1; }
      .micro-ui-48.v3 .c-unit-01 {
        background: #7B8AB1;
        border-radius: 50%; }
        .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
          display: block; }
      .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
        display: block; }
      .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
        display: block; }

  .micro-ui-49 {
    padding: 8px; }
    .micro-ui-49 .c-item-01 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-01 .c-item-01-A {
        width: 6px;
        height: 6px;
        left: 37px;
        top: 22px; }
      .micro-ui-49 .c-item-01 .c-item-01-B {
        width: 2px;
        height: 34px;
        position: absolute;
        left: 39px;
        top: 34px; }
    .micro-ui-49 .c-item-02 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-02 .c-item-01-A {
        width: 2px;
        height: 16px;
        left: 39px;
        top: 0; }
      .micro-ui-49 .c-item-02 .c-item-01-B {
        width: 6px;
        height: 6px;
        position: absolute;
        left: 37px;
        top: 22px; }
      .micro-ui-49 .c-item-02 .c-item-01-D {
        width: 2px;
        height: 34px;
        left: 39px;
        top: 34px; }
    .micro-ui-49 .c-item-03 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-03 .c-item-01-A {
        width: 2px;
        height: 11px;
        left: 39px;
        top: 0; }
      .micro-ui-49 .c-item-03 .c-item-01-B {
        width: 16px;
        height: 16px;
        position: absolute;
        left: 32px;
        top: 17px; }
      .micro-ui-49 .c-item-03 .c-item-01-D {
        width: 2px;
        height: 29px;
        left: 39px;
        top: 39px; }
      .micro-ui-49 .c-item-03 .c-item-01-E {
        width: 98px;
        height: 40px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #1F2E5C; }
      .micro-ui-49 .c-item-03 .c-item-01-F {
        width: 116px;
        height: 40px;
        border-radius: 4px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #fff; }
    .micro-ui-49 .c-item-04 {
      padding: 12px 0 12px 48px; }
      .micro-ui-49 .c-item-04 .c-item-01-A {
        width: 2px;
        height: 12px;
        left: 27px;
        top: 0; }
      .micro-ui-49 .c-item-04 .c-item-01-B {
        width: 6px;
        height: 6px;
        left: 25px;
        top: 18px; }
    .micro-ui-49 .c-item-05 {
      padding: 10px 16px 14px 48px; }
      .micro-ui-49 .c-item-05 .c-item-01-B {
        width: 16px;
        height: 16px;
        left: 20px;
        top: 13px; }
      .micro-ui-49 .c-item-05 .c-item-01-D {
        width: 2px;
        height: 25px;
        left: 27px;
        top: 35px; }
      .micro-ui-49 .c-item-05 .c-item-01-F {
        width: 103px;
        height: 36px;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #FFFFFF; }
    .micro-ui-49 .c-item-06 {
      padding: 12px 0 12px 48px; }
      .micro-ui-49 .c-item-06 .c-item-01-A {
        width: 2px;
        height: 12px;
        left: 27px;
        top: 0; }
      .micro-ui-49 .c-item-06 .c-item-01-B {
        width: 6px;
        height: 6px;
        left: 25px;
        top: 18px; }
      .micro-ui-49 .c-item-06 .c-item-01-D {
        width: 2px;
        height: 11px;
        left: 27px;
        top: 30px; }
      .micro-ui-49 .c-item-06:last-child .c-item-01-D {
        display: none; }

  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }

  .micro-ui-51 {
    width: 100%;
    height: 270px; }
    .micro-ui-51 .c-item-01 {
      width: 100%;
      margin-bottom: 0;
      border-radius: 6px;
      height: 119px; }
      .micro-ui-51 .c-item-01 .c-item-01-A {
        width: 100%;
        padding: 20px 0 20px 16px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
          margin-bottom: 20px; }
        .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap; }
          .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            display: flex;
            width: 295px;
            justify-content: space-between; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
              margin-bottom: 6px; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
              font-size: 11px;
              line-height: 13px;
              font-weight: 400; }
            .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
              font-weight: 600;
              font-size: 11px;
              line-height: 13px; }
    .micro-ui-51 .hr-Z {
      height: 1px;
      background-color: #FFF;
      width: calc(100% - 40px);
      margin: 6px 0 16px 20px; }
    .micro-ui-51 .c-container-01 {
      height: 88px;
      align-items: center; }
      .micro-ui-51 .c-container-01 .c-item-02-B {
        display: none; }
      .micro-ui-51 .c-container-01 .c-item-02-C {
        display: flex;
        width: 40px;
        height: 40px;
        background: #FAFBFD;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .micro-ui-51 .c-item-03 {
      width: 295px;
      padding: 0 0 0 20px;
      font-weight: 400; }
    .micro-ui-51:last-child {
      margin-bottom: 0; }

  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px; }
    .micro-ui-53 > .container-01 {
      width: 100%;
      height: 180px; }
      .micro-ui-53 > .container-01 .c-item-01 {
        box-shadow: none;
        margin: 0 2px 0 0;
        border-bottom: 1px solid #FFF;
        padding: 0;
        background-color: #FFF; }
      .micro-ui-53 > .container-01 .c-item-03 {
        background-color: #FFF; }
      .micro-ui-53 > .container-01 .c-item-04 {
        background-color: unset; }
    .micro-ui-53 > .container-02 {
      right: 20px;
      bottom: 32px;
      left: unset;
      background: #F8F8F9; }
    .micro-ui-53:last-child {
      margin-bottom: 12px; }

  .micro-ui-54 {
    width: 156px;
    height: 287px;
    padding: 8px;
    margin-right: 8px; }
    .micro-ui-54 .c-item-01 .c-item-01-A {
      padding: 4.12px 3.78px;
      margin-bottom: 12px;
      width: 140px;
      height: 140px; }
      .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
        width: 132px;
        height: 132px; }
    .micro-ui-54 .c-item-01 .c-item-01-B {
      width: 132px;
      height: 30px;
      margin: 0 4px 8px 4px;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      text-align: left;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em; }
    .micro-ui-54 .c-item-02 {
      width: 182px;
      margin-bottom: 16px; }
    .micro-ui-54 .c-item-02-fix-list {
      margin: 0 4px 16px 4px;
      margin-bottom: 16px !important; }
      .micro-ui-54 .c-item-02-fix-list > span {
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left; }
    .micro-ui-54 .c-item-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 132px;
      height: 40px;
      background: #FAF3FB;
      border: 1px solid #6B337D;
      color: #5D2D74 !important; }
    .micro-ui-54 .c-item-04 {
      position: absolute;
      width: 36px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      padding: 8px;
      right: 12px;
      top: 12px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      background-color: #FFFFFF;
      border: 1px solid #171718; }
      .micro-ui-54 .c-item-04:hover {
        display: none; }
    .micro-ui-54:hover {
      display: none; }
      .micro-ui-54:hover .c-item-03 {
        width: 132px;
        height: 40px; }

  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px; }
    .micro-ui-55 .c-item-01 {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding-top: 27px; }
      .micro-ui-55 .c-item-01 .c-unit-01 {
        margin-right: 13px;
        width: 14px;
        height: 14px;
        margin-bottom: 0px; }

  .micro-ui-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    border-radius: 8px;
    order: unset;
    margin-bottom: 16px !important;
    margin-right: 0 !important;
    background-color: #FAF3FB; }
    .micro-ui-55 > .c-item-01 {
      width: 100%; }
      .micro-ui-55 > .c-item-01 > svg {
        width: 16px !important;
        height: 16px !important; }
      .micro-ui-55 > .c-item-01 > span {
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        /* identical to box height */
        letter-spacing: -0.01em;
        /* Tertiary / 700 */
        color: #6B337D; }

  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 22px 16px;
    margin-right: 0;
    margin-bottom: 16px !important; }
    .micro-ui-56 > .c-item-01 {
      margin-bottom: 0; }
      .micro-ui-56 > .c-item-01 > .c-item-01-A {
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.005em;
        color: #452362 !important; }
      .micro-ui-56 > .c-item-01 > .c-item-01-B {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: -0.005em;
        color: #373738;
        width: 279px;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .micro-ui-56 > .c-item-01 > .c-item-01-C {
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #373738; }
      .micro-ui-56 > .c-item-01 > .c-item-01-D {
        margin: 4px 0 0 0;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        color: #373738; }
    .micro-ui-56 .c-item-02 {
      position: absolute;
      right: 16px;
      bottom: 22px; }
      .micro-ui-56 .c-item-02 .c-item-02-B {
        flex-direction: row;
        padding-left: 0; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
          background: #F8F8F9;
          border-radius: 100px;
          width: 36px;
          height: 36px;
          margin-right: 8px; }
          .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
            display: none; }
          .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
            margin-right: 0;
            width: 100%;
            height: 100%;
            justify-content: center; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
          width: 36px;
          background: #F8F8F9;
          border-radius: 50%;
          height: 36px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .micro-ui-56:last-child {
      margin-bottom: 0 !important; }

  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap; }
    .micro-ui-59 .c-item-02 {
      width: 100%; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .micro-ui-01 .c-item-01 {
    width: 214px;
    z-index: 5; }
  .micro-ui-01 .c-item-02 {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0;
    opacity: 0.4;
    border-radius: 8px;
    opacity: 0.4;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); }

  .micro-ui-02 {
    width: 295px;
    padding: 20px; }
    .micro-ui-02 .m-c-item02 {
      width: 48px;
      height: 48px; }
      .micro-ui-02 .m-c-item02 img {
        width: 36px;
        height: auto; }
    .micro-ui-02 .m-c-item01 {
      padding-left: 20px; }

  .micro-ui-10 {
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-10 .c-item-01 {
      margin-bottom: 40px; }
    .micro-ui-10 .c-item-02 {
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-10 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-10 .c-item-02 .c-item-02-A img {
          width: 44px; }
      .micro-ui-10 .c-item-02 .c-item-02-B {
        margin-left: 16px;
        justify-content: center; }
        .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
          margin: 4px 0 0 0; }
      .micro-ui-10 .c-item-02:last-child {
        margin-bottom: 0; }

  .micro-ui-12 {
    padding: 24px;
    background: #FAFBFD;
    border-radius: 8px; }
    .micro-ui-12 .c-item-01 {
      margin-bottom: 4px; }

  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .micro-ui-14 > .c-item-01 {
      margin-bottom: 32px;
      width: 100%; }
    .micro-ui-14 > .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .micro-ui-14 > .c-item-02 .c-item-02-A {
        margin-right: 8px; }

  .micro-ui-20 .c-item-01 {
    padding: 24px;
    background: #FAFBFD;
    border: 1px solid #E9EBF1;
    border-radius: 8px; }
    .micro-ui-20 .c-item-01 .c-item-01-A {
      width: 789px;
      margin-bottom: 8px; }

  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 40px;
    background: #F3FBFF;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-21 .c-item-01 .c-item-01-A {
      width: 833px;
      margin-left: 8px; }

  .micro-ui-28 {
    padding: 36px 48px 48px 48px;
    background: #F1F9E9;
    border-radius: 8px; }
    .micro-ui-28 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-28 .c-item-02 {
      width: 449px;
      margin: 40px 0 24px 0; }
    .micro-ui-28 .c-item-03 {
      width: 643px; }
    .micro-ui-28 .micro-ui-50 {
      margin: 44px 0 0 0; }

  .micro-ui-29 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-29 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-30 {
    padding: 0 48px; }
    .micro-ui-30 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-30 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-30 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-30 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        margin-left: 16px; }
        .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-30 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-31 > .c-item-01 {
      margin-bottom: 40px; }
    .micro-ui-31 > .micro-ui-21 {
      margin-bottom: 12px; }
    .micro-ui-31 .hr-C {
      margin: 40px 0 24px 0; }

  .micro-ui-32 {
    padding: 0; }
    .micro-ui-32 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-32 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-32 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-32 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        margin-left: 16px; }
        .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-32 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-33 {
    padding: 24px;
    background: #fff; }
    .micro-ui-33 .hr-C {
      width: calc(100% + 48px);
      margin: 60px -24px; }

  .micro-ui-34 {
    padding: 24px;
    background: #E9EBF1; }

  .micro-ui-35 {
    padding: 48px;
    background: #FCF3F2;
    border-radius: 6px; }
    .micro-ui-35 > .c-item-01 {
      width: 80px;
      height: 80px;
      margin-bottom: 40px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-35 > .c-item-02 {
      width: 449px;
      margin: 0 0 24px 0; }
    .micro-ui-35 > .c-item-03 {
      width: 643px; }
    .micro-ui-35 > .c-item-04 {
      display: block;
      margin-top: 26px; }
    .micro-ui-35 .c-item-05 {
      display: flex;
      flex-wrap: wrap;
      margin-top: 36px; }
      .micro-ui-35 .c-item-05 .c-unit-01 {
        margin-right: 12px; }
    .micro-ui-35 .crd-lnk-btn-05 {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 56px;
      padding: 0 32px;
      background: #FAF3FB;
      border: 1px solid #D8BFDB;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #3D175E; }
      .micro-ui-35 .crd-lnk-btn-05:hover {
        background: #EFE5F0;
        border: 1px solid #6B337D;
        border-radius: 8px; }
    .micro-ui-35 .crd-lnk-btn-01 {
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      color: #C36341; }
    .micro-ui-35 > .c-item-06 {
      margin-top: 24px; }
      .micro-ui-35 > .c-item-06 a {
        font-family: Inter;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #000000;
        text-decoration: underline; }
    .micro-ui-35 .micro-ui-50 {
      margin: 44px 0 0 0; }

  .micro-ui-36 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-36 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-37 {
    padding: 0 48px; }
    .micro-ui-37 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid #E9EBF1; }
      .micro-ui-37 .c-item-01.v2 {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }
      .micro-ui-37 .c-item-01 .c-item-01-A {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 72px;
          height: 72px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
            width: 72px;
            height: 72px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1;
          margin-left: 24px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            margin-bottom: 12px;
            width: 367px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
            margin-bottom: 12px;
            width: 367px; }
      .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
        height: 56px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 32px;
        background: #E9EBF1;
        border-radius: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #171718; }

  .micro-ui-38 {
    padding: 0 48px; }
    .micro-ui-38 .c-item-01 {
      padding: 24px;
      background: #F8F8F9;
      border-radius: 8px; }
      .micro-ui-38 .c-item-01 .c-item-01-A {
        width: 538px;
        margin-bottom: 36px; }
      .micro-ui-38 .c-item-01 .c-item-01-B {
        display: flex;
        flex-wrap: wrap; }
      .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        margin-right: 12px;
        padding: 0 24px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718; }

  .micro-ui-39 {
    padding: 0 48px; }
    .micro-ui-39 .c-item-01 {
      padding: 24px 0 26px 28px;
      border: 1px solid #D9D9D9;
      box-sizing: border-box;
      border-radius: 8px; }
      .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
        margin: 4px 0 25px 0; }
      .micro-ui-39 .c-item-01 .c-item-01-C {
        display: flex;
        flex-wrap: wrap; }
        .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-right: 20px; }
          .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
            margin-left: 6px; }
      .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }

  .micro-ui-40 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-40 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-41 {
    margin: 0 0 12px 0;
    padding: 0 48px; }
    .micro-ui-41 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 66px;
      padding: 0 24px;
      background: #F8F8F9;
      border-radius: 4px; }
      .micro-ui-41 .c-item-01.on {
        background: #fff !important; }
    .micro-ui-41 .c-item-02 {
      width: 100%;
      height: 0px;
      padding: 0;
      opacity: 0; }
      .micro-ui-41 .c-item-02.on {
        padding: 8px 24px 24px 24px;
        opacity: 1;
        height: 100%;
        transition: height 0s .3s,padding 0s .3s,opacity .5s .6s; }

  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-42 .c-item-01 .c-item-01-A {
      width: 728px;
      margin-left: 16px; }

  .micro-ui-43 .c-item-01.mb-lg-0px {
    margin-bottom: 0; }
  .micro-ui-43 .c-item-01-fix-02 {
    margin-bottom: 32px !important; }
  .micro-ui-43.on .c-item-02 {
    display: none; }
  .micro-ui-43.on .c-item-03 {
    display: none; }
  .micro-ui-43 .c-item-04 {
    margin-bottom: 12px; }
    .micro-ui-43 .c-item-04 span {
      position: absolute;
      right: 32px;
      top: 12px; }
  .micro-ui-43 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6; }
  .micro-ui-43 .c-item-03 span {
    position: absolute;
    right: 32px;
    top: 12px; }

  .micro-ui-43 {
    display: flex;
    flex-direction: column; }
    .micro-ui-43 .c-container-01 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 37px; }
      .micro-ui-43 .c-container-01 .c-item-01 {
        width: 100%;
        margin-bottom: 32px; }
      .micro-ui-43 .c-container-01 .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 130px;
        height: 36px;
        gap: 5px;
        border-radius: 4px;
        background-color: #E9EBF1;
        color: #1F2E5C;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        cursor: pointer;
        transition: 0.25s; }
        .micro-ui-43 .c-container-01 .c-item-02:disabled {
          opacity: 0.5; }
    .micro-ui-43 .c-container-02 {
      display: flex;
      justify-content: space-between; }
      .micro-ui-43 .c-container-02 .c-item-02 {
        display: flex;
        align-items: center;
        background: #F8F8F9;
        border-radius: 4px;
        width: 440px; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
          position: absolute;
          left: 16px;
          z-index: 1;
          cursor: text; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
          background: #F8F8F9;
          width: 100%;
          height: 100%;
          padding-left: 44px; }
      .micro-ui-43 .c-container-02 .c-item-03 {
        width: 200px; }
        .micro-ui-43 .c-container-02 .c-item-03 span {
          position: absolute;
          top: 16px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .micro-ui-43 .c-container-02 .c-item-04 {
        width: 200px; }
        .micro-ui-43 .c-container-02 .c-item-04 span {
          position: absolute;
          top: 16px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }

  .micro-ui-44 .c-unit-01 .c-unit-01-B {
    width: calc(100% - 96px);
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
      width: 100px;
      padding: 8px;
      background-color: white;
      margin-top: 15px;
      color: #1F2E5C;
      font-size: 10px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
      padding: 8px 16px;
      background: #FFFFFF;
      /* Quaternary / 200 */
      border-radius: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      display: inline-block;
      width: max-content;
      font-family: 'Inter';
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: 18px;
      margin-top: 8px; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
        border: 1px solid #E7B3A0;
        color: #B55B3D; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
        color: #548C33;
        border: 1px solid #C5E2A7; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
        color: #B13834;
        border: 1px solid #DF9E9D; }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
    margin-top: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718; }

  .micro-ui-48 {
    padding: 48px 0; }

  .micro-ui-49 {
    height: 100%; }
    .micro-ui-49 .c-item-06:last-child .c-item-01-D {
      display: none; }

  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-50 > .c-item-03 > .c-item-03-B {
      width: 100%; }

  .micro-ui-56 {
    transition: background-color 0.3s, box-shadow 0.3s; }
    .micro-ui-56 .c-item-01 .c-item-01-A {
      font-weight: 600;
      font-size: 15px;
      line-height: 18px;
      color: #452362; }
    .micro-ui-56 .c-item-01 .c-item-01-B {
      margin: 8px 0 20px 0; }
    .micro-ui-56 .c-item-01 .c-item-01-C {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #373738; }
    .micro-ui-56 .c-item-01 .c-item-01-D {
      margin: 4px 0 67px 0;
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #373738; }
    .micro-ui-56 .c-item-02 .c-item-02-B {
      padding-left: 0; }
      .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
        width: 153px;
        height: 36px;
        border-radius: 4px;
        padding: 8px; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
          margin-left: 8px; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
          margin-right: 0;
          width: 100%;
          height: 100%; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01:hover {
          transition: background-color 0.3s ease;
          background: #F8F8F9; }
      .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
        width: 36px;
        border-radius: 50%;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03:hover {
          transition: background-color 0.3s ease;
          background-color: #F8F8F9; }
    .micro-ui-56 .c-item-02 .c-item-02-B-fix {
      justify-content: end; }

  .micro-ui-67 {
    width: 100%; }
    .micro-ui-67 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-67 > .c-item-01-A {
      width: 300px;
      margin-bottom: 20px; }
      .micro-ui-67 > .c-item-01-A > .c-unit-01 {
        color: #555556;
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 8px; }
      .micro-ui-67 > .c-item-01-A > .c-unit-03 {
        position: absolute;
        top: 40px;
        right: 16px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .micro-ui-67 > .c-item-02 {
      background: #E9EBF1;
      border-radius: 8px;
      padding: 12px; }
      .micro-ui-67 > .c-item-02 .c-item-02-A {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
          display: flex;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
            padding: 0 0 0 0; }
            .micro-ui-67 > .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; }
          .micro-ui-67 > .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); }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .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; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
              width: 255px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
            display: flex;
            gap: 40px; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
                .micro-ui-67 > .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; }
                .micro-ui-67 > .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; }
              .micro-ui-67 > .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, .micro-ui-67 > .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; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
              width: 300px; }
              .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
            display: flex;
            flex-direction: column;
            margin-right: 50px; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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;
                height: 65px;
                border-radius: 4px;
                margin-top: 20px; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
                width: 334px;
                height: 56px;
                margin-top: 20px;
                cursor: pointer;
                border-radius: 8px;
                background: #FAFBFD;
                transition: background 0.25s; }
                .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
                  background: #e6e7eb; }
          .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .hr-C {
            display: none; }
      .micro-ui-67 > .c-item-02 .chekout-card-01 {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
          display: flex;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .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; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
              width: 255px; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
          .micro-ui-67 > .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;
            margin-left: 150px;
            width: 300px;
            border-radius: 6px;
            background: #E9EBF1; }
          .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .hr-C {
            display: none; }
      .micro-ui-67 > .c-item-02 > :last-child {
        border: none; }

  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important; }
    .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
      width: calc(100% - 40px);
      height: 100%;
      padding-top: 40px;
      color: #171718;
      font-feature-settings: 'salt' on;
      font-family: 'Inter';
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.32px; }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
      color: #171718;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 133.333% */
      margin-bottom: 24px; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
      display: flex;
      font-weight: normal;
      font-size: 13px;
      line-height: 16px;
      color: #171718;
      margin-bottom: 24px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
        position: unset;
        z-index: unset;
        opacity: unset;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        margin-top: 2px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
        flex: 1; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
      margin-top: 24px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
        display: flex;
        height: 48px;
        width: 300px;
        padding: 0px 16px;
        align-items: center;
        gap: 4px;
        margin-top: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid #D5D5D6;
        background: #FFF; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
        display: none;
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-top: 4px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
        color: #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
        border: 1px solid #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
        display: block;
        color: #FF4040; }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important; }
    .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
      width: calc(100% - 40px);
      border-radius: 8px;
      background: #7A3986;
      display: flex;
      height: 56px;
      padding: 0px 24px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      color: #FFF;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 40px; }
      .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
        color: #909091;
        pointer-events: none;
        cursor: not-allowed;
        background: #E9EBF1; }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px; } }
@media all and (min-width: 1680px) {
  .micro-ui-01 .c-item-01 {
    width: 214px;
    z-index: 5; }
  .micro-ui-01 .c-item-02 {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0;
    opacity: 0.4;
    border-radius: 8px;
    opacity: 0.4;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); }

  .micro-ui-02 {
    width: 295px;
    padding: 20px; }
    .micro-ui-02 .m-c-item02 {
      width: 48px;
      height: 48px; }
      .micro-ui-02 .m-c-item02 img {
        width: 36px;
        height: auto; }
    .micro-ui-02 .m-c-item01 {
      padding-left: 20px; }

  .micro-ui-10 {
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-10 .c-item-01 {
      margin-bottom: 40px; }
    .micro-ui-10 .c-item-02 {
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-10 .c-item-02 .c-item-02-A {
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-10 .c-item-02 .c-item-02-A img {
          width: 44px; }
      .micro-ui-10 .c-item-02 .c-item-02-B {
        margin-left: 16px;
        justify-content: center; }
        .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
          margin: 4px 0 0 0; }
      .micro-ui-10 .c-item-02:last-child {
        margin-bottom: 0; }

  .micro-ui-12 {
    padding: 24px;
    background: #FAFBFD;
    border-radius: 8px; }
    .micro-ui-12 .c-item-01 {
      margin-bottom: 4px; }

  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .micro-ui-14 > .c-item-01 {
      margin-bottom: 32px;
      width: 100%; }
    .micro-ui-14 > .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .micro-ui-14 > .c-item-02 .c-item-02-A {
        margin-right: 8px; }

  .micro-ui-20 .c-item-01 {
    padding: 24px;
    background: #FAFBFD;
    border: 1px solid #E9EBF1;
    border-radius: 8px; }
    .micro-ui-20 .c-item-01 .c-item-01-A {
      width: 789px;
      margin-bottom: 8px; }

  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 40px;
    background: #F3FBFF;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-21 .c-item-01 .c-item-01-A {
      width: 833px;
      margin-left: 8px; }

  .micro-ui-28 {
    padding: 36px 48px 48px 48px;
    background: #F1F9E9;
    border-radius: 8px; }
    .micro-ui-28 .c-item-01 {
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-28 .c-item-02 {
      width: 449px;
      margin: 40px 0 24px 0; }
    .micro-ui-28 .c-item-03 {
      width: 643px; }
    .micro-ui-28 .micro-ui-50 {
      margin: 44px 0 0 0; }

  .micro-ui-29 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-29 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-30 {
    padding: 0 48px; }
    .micro-ui-30 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-30 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-30 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-30 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        margin-left: 16px; }
        .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-30 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-31 > .c-item-01 {
      margin-bottom: 40px; }
    .micro-ui-31 > .micro-ui-21 {
      margin-bottom: 12px; }
    .micro-ui-31 .hr-C {
      margin: 40px 0 24px 0; }

  .micro-ui-32 {
    padding: 0; }
    .micro-ui-32 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      background: #FAFBFD;
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px 16px 20px 16px; }
      .micro-ui-32 .c-item-01 .c-item-01-A {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 8px;
        background-color: #fff; }
        .micro-ui-32 .c-item-01 .c-item-01-A img {
          width: 44px;
          height: 44px; }
      .micro-ui-32 .c-item-01 .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        margin-left: 16px; }
        .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
          margin: 4px 0 0 0; }
      .micro-ui-32 .c-item-01 .c-item-01-C {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px;
        background: #E9EBF1;
        border-radius: 4px; }
        .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-bottom: 4px; }

  .micro-ui-33 {
    padding: 24px;
    background: #fff; }
    .micro-ui-33 .hr-C {
      width: calc(100% + 48px);
      margin: 60px -24px; }

  .micro-ui-34 {
    padding: 24px;
    background: #E9EBF1; }

  .micro-ui-35 {
    padding: 48px;
    background: #FCF3F2;
    border-radius: 6px; }
    .micro-ui-35 > .c-item-01 {
      width: 80px;
      height: 80px;
      margin-bottom: 40px;
      background: #FFFFFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .micro-ui-35 > .c-item-02 {
      width: 449px;
      margin: 0 0 24px 0; }
    .micro-ui-35 > .c-item-03 {
      width: 643px; }
    .micro-ui-35 > .c-item-04 {
      display: block;
      margin-top: 26px; }
    .micro-ui-35 .c-item-05 {
      display: flex;
      flex-wrap: wrap;
      margin-top: 36px; }
      .micro-ui-35 .c-item-05 .c-unit-01 {
        margin-right: 12px; }
    .micro-ui-35 .crd-lnk-btn-05 {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 56px;
      padding: 0 32px;
      background: #FAF3FB;
      border: 1px solid #D8BFDB;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #3D175E; }
      .micro-ui-35 .crd-lnk-btn-05:hover {
        background: #EFE5F0;
        border: 1px solid #6B337D;
        border-radius: 8px; }
    .micro-ui-35 .crd-lnk-btn-01 {
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      color: #C36341; }
    .micro-ui-35 > .c-item-06 {
      margin-top: 24px; }
      .micro-ui-35 > .c-item-06 a {
        font-family: Inter;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #000000;
        text-decoration: underline; }
    .micro-ui-35 .micro-ui-50 {
      margin: 44px 0 0 0; }

  .micro-ui-36 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-36 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-37 {
    padding: 0 48px; }
    .micro-ui-37 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid #E9EBF1; }
      .micro-ui-37 .c-item-01.v2 {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }
      .micro-ui-37 .c-item-01 .c-item-01-A {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 72px;
          height: 72px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
            width: 72px;
            height: 72px; }
        .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1;
          margin-left: 24px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
            margin-bottom: 12px;
            width: 367px; }
          .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
            margin-bottom: 12px;
            width: 367px; }
      .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
        height: 56px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 32px;
        background: #E9EBF1;
        border-radius: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #171718; }

  .micro-ui-38 {
    padding: 0 48px; }
    .micro-ui-38 .c-item-01 {
      padding: 24px;
      background: #F8F8F9;
      border-radius: 8px; }
      .micro-ui-38 .c-item-01 .c-item-01-A {
        width: 538px;
        margin-bottom: 36px; }
      .micro-ui-38 .c-item-01 .c-item-01-B {
        display: flex;
        flex-wrap: wrap; }
      .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        margin-right: 12px;
        padding: 0 24px;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718; }

  .micro-ui-39 {
    padding: 0 48px; }
    .micro-ui-39 .c-item-01 {
      padding: 24px 0 26px 28px;
      border: 1px solid #D9D9D9;
      box-sizing: border-box;
      border-radius: 8px; }
      .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
        margin: 4px 0 25px 0; }
      .micro-ui-39 .c-item-01 .c-item-01-C {
        display: flex;
        flex-wrap: wrap; }
        .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
          margin-right: 20px; }
          .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
            margin-left: 6px; }
      .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000; }

  .micro-ui-40 {
    margin: 48px 0 40px 0;
    padding: 0 48px; }
    .micro-ui-40 .c-item-02 {
      width: 643px;
      margin-top: 20px; }

  .micro-ui-41 {
    margin: 0 0 12px 0;
    padding: 0 48px; }
    .micro-ui-41 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 66px;
      padding: 0 24px;
      background: #F8F8F9;
      border-radius: 4px; }
      .micro-ui-41 .c-item-01.on {
        background: #fff !important; }
    .micro-ui-41 .c-item-02 {
      width: 100%;
      height: 0px;
      padding: 0;
      opacity: 0; }
      .micro-ui-41 .c-item-02.on {
        padding: 8px 24px 24px 24px;
        opacity: 1;
        height: 100%;
        transition: height 0s .3s,padding 0s .3s,opacity .5s .6s; }

  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .micro-ui-42 .c-item-01 .c-item-01-A {
      width: 728px;
      margin-left: 16px; }

  .micro-ui-43 .c-item-01.mb-lg-0px {
    margin-bottom: 0; }
  .micro-ui-43 .c-item-01-fix-02 {
    margin-bottom: 32px !important; }
  .micro-ui-43.on .c-item-02 {
    display: none; }
  .micro-ui-43.on .c-item-03 {
    display: none; }
  .micro-ui-43 .c-item-04 {
    margin-bottom: 12px; }
    .micro-ui-43 .c-item-04 span {
      position: absolute;
      right: 32px;
      top: 12px; }
  .micro-ui-43 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6; }
  .micro-ui-43 .c-item-03 span {
    position: absolute;
    right: 32px;
    top: 12px; }

  .micro-ui-43 {
    display: flex;
    flex-direction: column; }
    .micro-ui-43 .c-container-01 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 37px; }
      .micro-ui-43 .c-container-01 .c-item-01 {
        width: 100%;
        margin-bottom: 32px; }
      .micro-ui-43 .c-container-01 .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 130px;
        height: 36px;
        gap: 5px;
        border-radius: 4px;
        background-color: #E9EBF1;
        color: #1F2E5C;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        cursor: pointer;
        transition: 0.25s; }
        .micro-ui-43 .c-container-01 .c-item-02:disabled {
          opacity: 0.5; }
    .micro-ui-43 .c-container-02 {
      display: flex;
      justify-content: space-between; }
      .micro-ui-43 .c-container-02 .c-item-02 {
        display: flex;
        align-items: center;
        background: #F8F8F9;
        border-radius: 4px;
        width: 440px; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
          position: absolute;
          left: 16px;
          z-index: 1;
          cursor: text; }
        .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
          background: #F8F8F9;
          width: 100%;
          height: 100%;
          padding-left: 44px; }
      .micro-ui-43 .c-container-02 .c-item-03 {
        width: 200px; }
        .micro-ui-43 .c-container-02 .c-item-03 span {
          position: absolute;
          top: 16px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .micro-ui-43 .c-container-02 .c-item-04 {
        width: 200px; }
        .micro-ui-43 .c-container-02 .c-item-04 span {
          position: absolute;
          top: 16px;
          right: 16px;
          width: 16px;
          height: 16px;
          display: flex;
          align-items: center;
          justify-content: center; }

  .micro-ui-44 .c-unit-01 .c-unit-01-B {
    width: calc(100% - 96px);
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
      width: 100px;
      padding: 8px;
      background-color: white;
      margin-top: 15px;
      color: #1F2E5C;
      font-size: 10px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
      padding: 8px 16px;
      background: #FFFFFF;
      /* Quaternary / 200 */
      border-radius: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      display: inline-block;
      width: max-content;
      font-family: 'Inter';
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: 18px;
      margin-top: 8px; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
        border: 1px solid #E7B3A0;
        color: #B55B3D; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
        color: #548C33;
        border: 1px solid #C5E2A7; }
      .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
        color: #B13834;
        border: 1px solid #DF9E9D; }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
    margin-top: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718; }

  .micro-ui-48 {
    padding: 48px 0; }

  .micro-ui-49 {
    height: 100%; }
    .micro-ui-49 .c-item-06:last-child .c-item-01-D {
      display: none; }

  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .micro-ui-50 > .c-item-03 > .c-item-03-B {
      width: 100%; }

  .micro-ui-56 {
    transition: background-color 0.3s, box-shadow 0.3s; }
    .micro-ui-56 .c-item-01 .c-item-01-A {
      font-weight: 600;
      font-size: 15px;
      line-height: 18px;
      color: #452362; }
    .micro-ui-56 .c-item-01 .c-item-01-B {
      margin: 8px 0 20px 0; }
    .micro-ui-56 .c-item-01 .c-item-01-C {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #373738; }
    .micro-ui-56 .c-item-01 .c-item-01-D {
      margin: 4px 0 67px 0;
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #373738; }
    .micro-ui-56 .c-item-02 .c-item-02-B {
      padding-left: 0; }
      .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
        width: 153px;
        height: 36px;
        border-radius: 4px;
        padding: 8px; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
          margin-left: 8px; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
          margin-right: 0;
          width: 100%;
          height: 100%; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01:hover {
          transition: background-color 0.3s ease;
          background: #F8F8F9; }
      .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
        width: 36px;
        border-radius: 50%;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03:hover {
          transition: background-color 0.3s ease;
          background-color: #F8F8F9; }
    .micro-ui-56 .c-item-02 .c-item-02-B-fix {
      justify-content: end; }

  .micro-ui-67 {
    width: 100%; }
    .micro-ui-67 > .c-item-01 {
      margin-bottom: 32px; }
    .micro-ui-67 > .c-item-01-A {
      width: 300px;
      margin-bottom: 20px; }
      .micro-ui-67 > .c-item-01-A > .c-unit-01 {
        color: #555556;
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 8px; }
      .micro-ui-67 > .c-item-01-A > .c-unit-03 {
        position: absolute;
        top: 40px;
        right: 16px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .micro-ui-67 > .c-item-02 {
      background: #E9EBF1;
      border-radius: 8px;
      padding: 12px; }
      .micro-ui-67 > .c-item-02 .c-item-02-A {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
          display: flex;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
            padding: 0 0 0 0; }
            .micro-ui-67 > .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; }
          .micro-ui-67 > .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); }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
            border: 1px solid #D5D5D6; }
          .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .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; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
              width: 255px; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
        .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
            display: flex;
            gap: 40px; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
                .micro-ui-67 > .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; }
                .micro-ui-67 > .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; }
              .micro-ui-67 > .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, .micro-ui-67 > .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; }
            .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
              width: 300px; }
              .micro-ui-67 > .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; }
              .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
            display: flex;
            flex-direction: column;
            margin-right: 50px; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .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;
                height: 65px;
                border-radius: 4px;
                margin-top: 20px; }
            .micro-ui-67 > .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; }
              .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
                width: 334px;
                height: 56px;
                margin-top: 20px;
                cursor: pointer;
                border-radius: 8px;
                background: #FAFBFD;
                transition: background 0.25s; }
                .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
                  background: #e6e7eb; }
          .micro-ui-67 > .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; }
          .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .hr-C {
            display: none; }
      .micro-ui-67 > .c-item-02 .chekout-card-01 {
        padding: 24px 24px 32px 24px;
        border-bottom: 1px solid #E6E6E7;
        background-color: #fff; }
        .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
          display: flex;
          align-items: center;
          gap: 24px;
          margin-bottom: 24px; }
          .micro-ui-67 > .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; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
              width: 56px;
              height: 56px; }
          .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
            display: flex;
            flex-direction: column;
            margin-left: 16px; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
              width: 255px; }
            .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
              margin: 8px 0 16px 0; }
          .micro-ui-67 > .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;
            margin-left: 150px;
            width: 300px;
            border-radius: 6px;
            background: #E9EBF1; }
          .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .hr-C {
            display: none; }
      .micro-ui-67 > .c-item-02 > :last-child {
        border: none; }

  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important; }
    .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
      width: calc(100% - 40px);
      height: 100%;
      padding-top: 40px;
      color: #171718;
      font-feature-settings: 'salt' on;
      font-family: 'Inter';
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.32px; }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
      color: #171718;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 133.333% */
      margin-bottom: 24px; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
      display: flex;
      font-weight: normal;
      font-size: 13px;
      line-height: 16px;
      color: #171718;
      margin-bottom: 24px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
        position: unset;
        z-index: unset;
        opacity: unset;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        margin-top: 2px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
        flex: 1; }
    .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
      margin-top: 24px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
        display: flex;
        height: 48px;
        width: 300px;
        padding: 0px 16px;
        align-items: center;
        gap: 4px;
        margin-top: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid #D5D5D6;
        background: #FFF; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
        display: none;
        color: #171718;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-top: 4px; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
        color: #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
        border: 1px solid #FF4040; }
      .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
        display: block;
        color: #FF4040; }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important; }
    .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
      width: calc(100% - 40px);
      border-radius: 8px;
      background: #7A3986;
      display: flex;
      height: 56px;
      padding: 0px 24px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      color: #FFF;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 40px; }
      .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
        color: #909091;
        pointer-events: none;
        cursor: not-allowed;
        background: #E9EBF1; }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px; } }
.header-division {
  width: 100%;
  padding: 36px 0; }
  .header-division .c-visual-01 {
    width: auto;
    height: 32px; }

.footer-division span {
  margin-bottom: 8px; }

.mobile-first-ui-01 {
  padding-top: 80px; }
  .mobile-first-ui-01 .mf-wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    .mobile-first-ui-01 .mf-wrapper .c-container {
      margin-bottom: 32px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 16px; }
      .mobile-first-ui-01 .mf-wrapper .c-container .body-division {
        padding: 8px 32px 32px 32px; }
        .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .c-link-01 {
          margin: 36px 0 32px 0; }
          .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .c-link-01:hover {
            color: #7A3986; }
        .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .form-group-01 {
          margin-bottom: 20px; }
        .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .form-group-02.parenterror .tb-togglePassword-01 {
          top: 20.5px; }
        .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 {
          margin: 32px 0; }
          .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 span {
            padding: 0 15px; }
          .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:before, .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:after {
            content: '';
            width: 50%;
            background: #C4C4C4;
            opacity: 0.4;
            height: 1px; }

.mobile-first-ui-02 {
  padding-top: 80px; }
  .mobile-first-ui-02 .mf-wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    .mobile-first-ui-02 .mf-wrapper .c-container {
      margin-bottom: 32px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 16px; }
      .mobile-first-ui-02 .mf-wrapper .c-container .body-division {
        padding: 8px 32px 32px 32px; }
        .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-01 {
          height: 52px;
          margin-bottom: 44px;
          border-radius: 100px;
          background: #F4F4F4;
          padding: 0 4px; }
        .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 {
          margin: 34px 0 29px 0; }
          .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 span {
            padding: 0 15px; }
          .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:before, .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:after {
            content: '';
            width: 50%;
            background: #C4C4C4;
            opacity: 0.4;
            height: 1px; }
        .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-04 {
          margin-bottom: 24px; }
          .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-04 .c-unit-04-A {
            margin: 24px 0 44px 0; }
        .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .comp-notification-01 {
          display: flex;
          flex-direction: column;
          color: #DA1E28; }
          .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .comp-notification-01 a {
            color: #CE4842; }
        .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 .form-group-01 {
          margin-bottom: 16px; }
        .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 .form-group-02 {
          margin-bottom: 16px; }
          .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 .form-group-02 > .btn-register-fix {
            top: 20px; }
        .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 > :nth-child(6) {
          margin-bottom: 0; }

.mobile-first-ui-03 {
  padding-top: 80px; }
  .mobile-first-ui-03 .mf-wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    .mobile-first-ui-03 .mf-wrapper .c-container {
      margin-bottom: 32px;
      background: #FFFFFF;
      border-radius: 16px; }
      .mobile-first-ui-03 .mf-wrapper .c-container .body-division {
        padding: 32px;
        border-top: 1px solid #F4F4F4; }
        .mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 {
          margin: 24px 0 40px 0; }
        .mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-01 .btn-02 {
          margin-top: 32px; }
        .mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-02 {
          margin: 24px 0 32px 0; }
        .mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-03 .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 56px;
          margin-top: 80px;
          border-radius: 8px;
          background: #425993;
          color: #FFF;
          font-family: 'Inter';
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          text-transform: capitalize;
          cursor: pointer; }
        .mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-03 .c-unit-02 {
          margin-top: 16px;
          color: #68686A;
          text-align: center;
          font-family: 'Inter';
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }

.mobile-first-ui-04 {
  padding-top: 80px; }
  .mobile-first-ui-04 .mf-wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    .mobile-first-ui-04 .mf-wrapper .c-container {
      margin-bottom: 32px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 16px; }
      .mobile-first-ui-04 .mf-wrapper .c-container .body-division {
        padding: 32px;
        border-top: 1px solid #F4F4F4; }
        .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 {
          margin: 24px 0 40px 0; }
        .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-01 {
          margin: 0 auto;
          width: 120px;
          height: 120px;
          background: #F9F9F9;
          border-radius: 50%; }
        .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-02 {
          text-align: center;
          margin: 32px 0 24px 0; }
        .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-03 {
          text-align: center;
          margin: 0 0 40px 0; }
        .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 .form-group-02 {
          margin-bottom: 16px; }
          .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 .form-group-02.parenterror .tb-togglePassword-01 {
            top: calc(50% - 26.5px); }
        .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 > :nth-child(2) {
          margin-bottom: 0; }
        .mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 .btn-02 {
          margin-top: 24px; }

@media all and (max-width: 414px) {
  .mobile-first-ui-01 {
    padding-top: 0; }
    .mobile-first-ui-01 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-01 .mf-wrapper .c-container .body-division {
        padding: 8px 20px 40px 20px; }

  .mobile-first-ui-02 {
    padding-top: 0; }
    .mobile-first-ui-02 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-02 .mf-wrapper .c-container .body-division {
        padding: 32px 20px; }

  .mobile-first-ui-03 {
    padding-top: 0;
    min-height: 100vh;
    background: #fff; }
    .mobile-first-ui-03 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-03 .mf-wrapper .c-container .body-division {
        padding: 32px 20px; }
    .mobile-first-ui-03 .mf-wrapper .footer-division {
      position: fixed;
      bottom: 0px;
      width: 100%;
      background: #F5F6F9;
      padding: 32px; }

  .mobile-first-ui-04 {
    padding-top: 0; }
    .mobile-first-ui-04 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-04 .mf-wrapper .c-container .body-division {
        padding: 32px 20px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .mobile-first-ui-01 {
    padding-top: 0; }
    .mobile-first-ui-01 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-01 .mf-wrapper .c-container .body-division {
        padding: 8px 20px 40px 20px; }

  .mobile-first-ui-02 {
    padding-top: 0; }
    .mobile-first-ui-02 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-02 .mf-wrapper .c-container .body-division {
        padding: 32px 20px; }

  .mobile-first-ui-03 {
    padding-top: 0;
    min-height: 100vh;
    background: #fff; }
    .mobile-first-ui-03 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-03 .mf-wrapper .c-container .body-division {
        padding: 32px 20px; }
    .mobile-first-ui-03 .mf-wrapper .footer-division {
      position: fixed;
      bottom: 0px;
      width: 100%;
      background: #F5F6F9;
      padding: 32px; }

  .mobile-first-ui-04 {
    padding-top: 0; }
    .mobile-first-ui-04 .mf-wrapper .c-container {
      border-radius: 0; }
      .mobile-first-ui-04 .mf-wrapper .c-container .body-division {
        padding: 32px 20px; } }
#modal-wrapper.type-mdl #modal-header {
  color: #171718; }
#modal-wrapper.type-mdl #modal-body::-webkit-scrollbar {
  width: 5px; }
#modal-wrapper.type-mdl #modal-body::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 2px;
  background-color: #D5D5D6; }
#modal-wrapper.type-mdl #modal-footer {
  border-top: 1px solid #E6E6E7; }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary {
    background-color: #425993;
    color: #fff; }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
    margin-right: 8px;
    color: #1F2E5C; }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
    background-color: #7A3986;
    color: #fff; }
#modal-wrapper.type-mdl #modal-close {
  border-radius: 50%;
  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%22M12%201.05L10.95%200L6%204.95L1.05%200L0%201.05L4.95%206L0%2010.95L1.05%2012L6%207.05L10.95%2012L12%2010.95L7.05%206L12%201.05Z%22%20fill%3D%22%23171718%22%2F%3E%3C%2Fsvg%3E");
  background-color: #F0F0F2;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s; }
  #modal-wrapper.type-mdl #modal-close:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }
#modal-wrapper.type-mdl.size-xs #modal-close {
  background-color: transparent; }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #modal-wrapper.type-mdl {
    border-radius: 16px; }
    #modal-wrapper.type-mdl #modal-header {
      height: 24px;
      padding: 0 70px 0 20px;
      line-height: 22px !important; }
      #modal-wrapper.type-mdl #modal-header h1, #modal-wrapper.type-mdl #modal-header h2, #modal-wrapper.type-mdl #modal-header h3, #modal-wrapper.type-mdl #modal-header h4, #modal-wrapper.type-mdl #modal-header h5, #modal-wrapper.type-mdl #modal-header h6 {
        font-weight: 600 !important;
        font-size: 18px !important;
        letter-spacing: -0.005em !important; }
    #modal-wrapper.type-mdl #modal-body {
      padding: 0 20px;
      margin: 20px 0; }
    #modal-wrapper.type-mdl #modal-footer {
      padding: 16px 20px 36px 20px;
      border-top: 1px solid #E6E6E7; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary,
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary,
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
        height: 48px;
        line-height: 17px;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: -0.01em; }
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary.disabled,
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary.disabled,
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary.disabled {
          opacity: 0.4;
          pointer-events: none; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary {
        flex: 1; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
        width: 33%;
        background-color: #E9EBF1; }
      #modal-wrapper.type-mdl #modal-footer.footer-01 .lnkBtnModalPrimary,
      #modal-wrapper.type-mdl #modal-footer.footer-01 .lnkBtnModalSecondary,
      #modal-wrapper.type-mdl #modal-footer.footer-01 .lnkBtnModalTertiary {
        flex: 1;
        max-width: 380px;
        border-radius: 4px; }
    #modal-wrapper.type-mdl #modal-close {
      top: 20px;
      right: 20px;
      bottom: auto;
      left: auto;
      width: 40px;
      height: 40px; } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #modal-wrapper.type-mdl {
    border-radius: 16px; }
    #modal-wrapper.type-mdl #modal-header {
      height: 109px;
      padding: 0 40px;
      line-height: 29px !important; }
      #modal-wrapper.type-mdl #modal-header h1, #modal-wrapper.type-mdl #modal-header h2, #modal-wrapper.type-mdl #modal-header h3, #modal-wrapper.type-mdl #modal-header h4, #modal-wrapper.type-mdl #modal-header h5, #modal-wrapper.type-mdl #modal-header h6 {
        font-weight: 600 !important;
        font-size: 24px !important;
        letter-spacing: -0.005em !important; }
    #modal-wrapper.type-mdl #modal-body {
      padding: 0 30px 0 40px;
      margin: 0 10px 40px 0; }
    #modal-wrapper.type-mdl #modal-footer {
      height: 100px;
      padding: 20px 0 24px 0; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary,
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary,
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
        height: 56px;
        padding: 18px 40px 21px 40px;
        border-radius: 8px;
        line-height: 17px;
        font-weight: 500;
        font-size: 14px;
        transition: background-color 0.3s; }
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary.disabled,
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary.disabled,
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary.disabled {
          opacity: 0.4;
          pointer-events: none; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary:hover {
        background-color: #3B518B; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
        background-color: #FAFBFD; }
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary:hover {
          background-color: #E9EBF1; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary:hover {
        background-color: #6B337D; }
    #modal-wrapper.type-mdl #modal-close {
      width: 44px;
      height: 44px; }
    #modal-wrapper.type-mdl.dir-fade #modal-close {
      top: 28px;
      right: 28px;
      bottom: auto;
      left: auto; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #modal-wrapper.type-mdl {
    border-radius: 16px; }
    #modal-wrapper.type-mdl #modal-header {
      height: 56px;
      padding: 0 40px;
      line-height: 29px; }
      #modal-wrapper.type-mdl #modal-header h1, #modal-wrapper.type-mdl #modal-header h2, #modal-wrapper.type-mdl #modal-header h3, #modal-wrapper.type-mdl #modal-header h4, #modal-wrapper.type-mdl #modal-header h5, #modal-wrapper.type-mdl #modal-header h6 {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: -0.005em; }
    #modal-wrapper.type-mdl #modal-body {
      padding: 0 30px 0 40px;
      margin: 0 10px 40px 0; }
    #modal-wrapper.type-mdl #modal-footer {
      padding: 20px 0 24px 0; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary,
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary,
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
        height: 56px;
        padding: 18px 40px 21px 40px;
        border-radius: 8px;
        line-height: 17px;
        font-weight: 500;
        font-size: 14px;
        transition: background-color 0.3s; }
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary.disabled,
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary.disabled,
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary.disabled {
          opacity: 0.4;
          pointer-events: none; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary:hover {
        background-color: #3B518B; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
        background-color: #FAFBFD; }
        #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary:hover {
          background-color: #E9EBF1; }
      #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary:hover {
        background-color: #6B337D; }
    #modal-wrapper.type-mdl #modal-close {
      width: 44px;
      height: 44px; }
    #modal-wrapper.type-mdl.dir-fade #modal-close {
      top: 28px;
      right: 28px;
      bottom: auto;
      left: auto; } }
/* MD */
/* LG */
.product-card-ui-01,
.product-card-ui-02,
.product-card-ui-03 {
  cursor: pointer; }
  .product-card-ui-01 .pcd-lnk-btn-01,
  .product-card-ui-02 .pcd-lnk-btn-01,
  .product-card-ui-03 .pcd-lnk-btn-01 {
    visibility: hidden;
    opacity: 0; }
    .product-card-ui-01 .pcd-lnk-btn-01 .c-unit-02,
    .product-card-ui-02 .pcd-lnk-btn-01 .c-unit-02,
    .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
      display: none; }
    .product-card-ui-01 .pcd-lnk-btn-01.active .c-unit-02,
    .product-card-ui-02 .pcd-lnk-btn-01.active .c-unit-02,
    .product-card-ui-03 .pcd-lnk-btn-01.active .c-unit-02 {
      display: block; }
    .product-card-ui-01 .pcd-lnk-btn-01.active .c-unit-01,
    .product-card-ui-02 .pcd-lnk-btn-01.active .c-unit-01,
    .product-card-ui-03 .pcd-lnk-btn-01.active .c-unit-01 {
      display: none; }
  .product-card-ui-01 > .c-item-01 img,
  .product-card-ui-02 > .c-item-01 img,
  .product-card-ui-03 > .c-item-01 img {
    object-fit: contain; }

@media all and (max-width: 414px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 152px;
    height: 282px;
    padding: 4px 0 32px 0;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 8px; }
    .product-card-ui-01 .c-item-01 {
      width: 100%;
      min-height: 152px;
      padding: 8px;
      margin: 0 0 12px 0;
      background-color: #FFF;
      flex-direction: column; }
      .product-card-ui-01 .c-item-01 .c-item-10 {
        padding: 4px 6px;
        border-radius: 4px;
        background: #FEEAEA;
        color: #B00;
        text-align: center;
        font-family: 'Inter';
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: 20px;
        position: absolute;
        z-index: 2;
        left: -8px;
        top: 2px; }
      .product-card-ui-01 .c-item-01 .swiper-slide {
        display: flex;
        justify-content: center; }
        .product-card-ui-01 .c-item-01 .swiper-slide img {
          width: 136px !important;
          height: 136px; }
      .product-card-ui-01 .c-item-01 .inner-pagination {
        bottom: -4px;
        display: flex;
        justify-content: center;
        border-radius: 999px;
        opacity: 0.6;
        background: var(--color-bw-200, #E6E6E7);
        width: max-content;
        padding: 2px 4px;
        gap: 2px; }
        .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet {
          width: 4px;
          height: 4px;
          border-radius: 9999px;
          background: #B0B0B2;
          margin: 0;
          opacity: 1; }
          .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-radius: 9999px;
            background: #555556;
            display: flex !important; }
      .product-card-ui-01 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 10;
        top: 6px;
        left: 5px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-01 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 .c-item-02 {
      width: 128px; }
      .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-01 .c-item-02 .c-item-04 {
        max-width: 128px;
        margin: 8px 0 10px 0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-01 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-01 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-01 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-01 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-01 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }

  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0; }
    .product-card-ui-02 > .c-item-01 {
      width: 159px;
      height: 159px;
      margin: 0 0 12px 0;
      padding: 8px;
      background-color: #FFF; }
      .product-card-ui-02 > .c-item-01 img {
        width: 143px;
        height: 143px; }
      .product-card-ui-02 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 6px;
        left: 5px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-02 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02 .c-item-02 {
      width: 155px; }
      .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-02 .c-item-02 .c-item-04 {
        margin: 8px 0 10px 0; }
      .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-02 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-02 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-02 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }

  .product-card-ui-03 {
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0; }
    .product-card-ui-03 > .c-container-01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .product-card-ui-03 > .c-item-01 {
      width: 159px;
      height: 159px;
      margin: 0 0 12px 0;
      padding: 8px;
      background-color: #FFF; }
      .product-card-ui-03 > .c-item-01 img {
        width: 143px;
        height: 143px; }
      .product-card-ui-03 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 6px;
        left: 5px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-03 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .c-item-02 {
      width: 155px;
      padding: 0 4px; }
      .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-03 .c-item-02 .c-item-04 {
        margin: 8px 0 10px 0; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-03 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-03 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-03 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .pcd-lnk-btn-01 {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s; }
      .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
        display: none; }
    .product-card-ui-03:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 152px;
    height: 282px;
    padding: 4px 0 32px 0;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 8px; }
    .product-card-ui-01 .c-item-01 {
      width: 100%;
      min-height: 152px;
      padding: 8px;
      margin: 0 0 12px 0;
      background-color: #FFF;
      flex-direction: column; }
      .product-card-ui-01 .c-item-01 .c-item-10 {
        padding: 4px 6px;
        border-radius: 4px;
        background: #FEEAEA;
        color: #B00;
        text-align: center;
        font-family: 'Inter';
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: 20px;
        position: absolute;
        z-index: 2;
        left: -8px;
        top: 2px; }
      .product-card-ui-01 .c-item-01 .swiper-slide {
        display: flex;
        justify-content: center; }
        .product-card-ui-01 .c-item-01 .swiper-slide img {
          width: 136px !important;
          height: 136px; }
      .product-card-ui-01 .c-item-01 .inner-pagination {
        bottom: -4px;
        display: flex;
        justify-content: center;
        border-radius: 999px;
        opacity: 0.6;
        background: var(--color-bw-200, #E6E6E7);
        width: max-content;
        padding: 2px 4px;
        gap: 2px; }
        .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet {
          width: 4px;
          height: 4px;
          border-radius: 9999px;
          background: #B0B0B2;
          margin: 0;
          opacity: 1; }
          .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-radius: 9999px;
            background: #555556;
            display: flex !important; }
      .product-card-ui-01 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 10;
        top: 6px;
        left: 5px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-01 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 .c-item-02 {
      width: 128px; }
      .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-01 .c-item-02 .c-item-04 {
        max-width: 128px;
        margin: 8px 0 10px 0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-01 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-01 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-01 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-01 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-01 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }

  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0; }
    .product-card-ui-02 > .c-item-01 {
      width: 159px;
      height: 159px;
      margin: 0 0 12px 0;
      padding: 8px;
      background-color: #FFF; }
      .product-card-ui-02 > .c-item-01 img {
        width: 143px;
        height: 143px; }
      .product-card-ui-02 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 6px;
        left: 5px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-02 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02 .c-item-02 {
      width: 155px; }
      .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-02 .c-item-02 .c-item-04 {
        margin: 8px 0 10px 0; }
      .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-02 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-02 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-02 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }

  .product-card-ui-03 {
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0; }
    .product-card-ui-03 > .c-container-01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .product-card-ui-03 > .c-item-01 {
      width: 159px;
      height: 159px;
      margin: 0 0 12px 0;
      padding: 8px;
      background-color: #FFF; }
      .product-card-ui-03 > .c-item-01 img {
        width: 143px;
        height: 143px; }
      .product-card-ui-03 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 6px;
        left: 5px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-03 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .c-item-02 {
      width: 155px;
      padding: 0 4px; }
      .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-03 .c-item-02 .c-item-04 {
        margin: 8px 0 10px 0; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-03 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-03 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-03 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .pcd-lnk-btn-01 {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s; }
      .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
        display: none; }
    .product-card-ui-03:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .product-card-ui-01 > .c-item-01 {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      width: 204px;
      height: 204px;
      margin: 0 0 20px 0;
      background-color: #FFF; }
      .product-card-ui-01 > .c-item-01 .c-item-10 {
        padding: 4px 6px;
        border-radius: 4px;
        background: #FEEAEA;
        color: #B00;
        text-align: center;
        font-family: 'Inter';
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: 20px;
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 0px; }
      .product-card-ui-01 > .c-item-01 .inner-pagination {
        bottom: 0;
        display: flex;
        justify-content: center;
        border-radius: 999px;
        opacity: 0.6;
        background: var(--color-bw-200, #E6E6E7);
        width: max-content;
        padding: 2px 4px;
        gap: 2px; }
        .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
          width: 4px;
          height: 4px;
          border-radius: 9999px;
          background: #B0B0B2;
          margin: 0;
          opacity: 1; }
          .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-radius: 9999px;
            background: #555556; }
      .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
        width: 204px !important;
        margin-left: -20px; }
      .product-card-ui-01 > .c-item-01 img {
        width: 100% !important;
        height: 188px;
        background: white; }
      .product-card-ui-01 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-01 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 > .c-item-02 {
      width: 204px; }
      .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-01 > .c-item-02 .c-item-04 {
        margin: 12px 0 16px 0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .product-card-ui-01 > .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-01 > .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-01 > .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-01 > .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 .pcd-lnk-btn-01 {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border: 1px solid #909091;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s;
      z-index: 1000; }
    .product-card-ui-01:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-01:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; }

  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    padding: 0 0 48px 0; }
    .product-card-ui-02 .c-item-01 {
      width: 159px;
      height: 159px;
      padding: 8px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-02 .c-item-01 img {
        width: 143px;
        height: 143px; }
    .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
      margin-right: 8px; }
      .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
        margin-right: 2px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
          background-image: url("/Content/Images/Icons/fill-star.png");
          background-repeat: no-repeat;
          height: 10px;
          position: absolute;
          z-index: 2; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
          background-image: url("/Content/Images/Icons/star-empty.png");
          width: 10px;
          height: 10px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
          margin-right: 0; }
    .product-card-ui-02 .c-item-02 .c-item-04 {
      margin: 8px 0 10px 0; }
    .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
      width: 42px;
      height: 16px;
      background: #F1F9E9;
      border-radius: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
        margin-left: 2px; }
    .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
      width: 100%;
      margin: 6px 0 2px 0; }
    .product-card-ui-02 .c-item-02 .c-item-07 {
      padding: 8px;
      background: #f1f9e9;
      border-radius: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
        margin-bottom: 4px; }
    .product-card-ui-02 .c-item-02 .c-item-08 {
      display: block;
      margin-top: 8px; }
    .product-card-ui-02:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }

  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    margin-right: 6px;
    padding: 8px 8px 48px 8px; }
    .product-card-ui-03 > .c-container-01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .product-card-ui-03 .c-item-01 {
      width: 159px;
      height: 159px;
      padding-bottom: 8px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-03 .c-item-01 img {
        width: 143px;
        height: 143px; }
      .product-card-ui-03 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        left: 150px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-03 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .c-item-02 {
      width: 128px; }
      .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-03 .c-item-02 .c-item-04 {
        margin: 8px 0 12px 0; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-03 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-03 .c-item-02 .c-item-09 {
        border-radius: 4px;
        background: #FBF1FD; }
        .product-card-ui-03 .c-item-02 .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .product-card-ui-01 > .c-item-01 {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      width: 204px;
      height: 204px;
      margin: 0 0 20px 0;
      background-color: #FFF; }
      .product-card-ui-01 > .c-item-01 .c-item-10 {
        padding: 4px 6px;
        border-radius: 4px;
        background: #FEEAEA;
        color: #B00;
        text-align: center;
        font-family: 'Inter';
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: 20px;
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 0px; }
      .product-card-ui-01 > .c-item-01 .inner-pagination {
        bottom: 0;
        display: flex;
        justify-content: center;
        border-radius: 999px;
        opacity: 0.6;
        background: var(--color-bw-200, #E6E6E7);
        width: max-content;
        padding: 2px 4px;
        gap: 2px; }
        .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
          width: 4px;
          height: 4px;
          border-radius: 9999px;
          background: #B0B0B2;
          margin: 0;
          opacity: 1; }
          .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-radius: 9999px;
            background: #555556; }
      .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
        width: 204px !important;
        margin-left: -20px; }
      .product-card-ui-01 > .c-item-01 img {
        width: 100% !important;
        height: 188px;
        background: white; }
      .product-card-ui-01 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-01 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 > .c-item-02 {
      width: 204px; }
      .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-01 > .c-item-02 .c-item-04 {
        margin: 12px 0 16px 0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .product-card-ui-01 > .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-01 > .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-01 > .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-01 > .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 .pcd-lnk-btn-01 {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border: 1px solid #909091;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s;
      z-index: 1000; }
    .product-card-ui-01:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-01:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; }

  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    padding: 0 0 48px 0; }
    .product-card-ui-02 .c-item-01 {
      width: 159px;
      height: 159px;
      padding: 8px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-02 .c-item-01 img {
        width: 143px;
        height: 143px; }
    .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
      margin-right: 8px; }
      .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
        margin-right: 2px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
          background-image: url("/Content/Images/Icons/fill-star.png");
          background-repeat: no-repeat;
          height: 10px;
          position: absolute;
          z-index: 2; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
          background-image: url("/Content/Images/Icons/star-empty.png");
          width: 10px;
          height: 10px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
          margin-right: 0; }
    .product-card-ui-02 .c-item-02 .c-item-04 {
      margin: 8px 0 10px 0; }
    .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
      width: 42px;
      height: 16px;
      background: #F1F9E9;
      border-radius: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
        margin-left: 2px; }
    .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
      width: 100%;
      margin: 6px 0 2px 0; }
    .product-card-ui-02 .c-item-02 .c-item-07 {
      padding: 8px;
      background: #f1f9e9;
      border-radius: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
        margin-bottom: 4px; }
    .product-card-ui-02 .c-item-02 .c-item-08 {
      display: block;
      margin-top: 8px; }
    .product-card-ui-02:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }

  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    margin-right: 6px;
    padding: 8px 8px 48px 8px; }
    .product-card-ui-03 > .c-container-01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .product-card-ui-03 .c-item-01 {
      width: 159px;
      height: 159px;
      padding-bottom: 8px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-03 .c-item-01 img {
        width: 143px;
        height: 143px; }
      .product-card-ui-03 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        left: 150px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-03 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .c-item-02 {
      width: 128px; }
      .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 10px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 10px;
            height: 10px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-03 .c-item-02 .c-item-04 {
        margin: 8px 0 12px 0; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
        width: 42px;
        height: 16px;
        background: #F1F9E9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
          margin-left: 2px; }
      .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
        width: 100%;
        margin: 6px 0 2px 0; }
      .product-card-ui-03 .c-item-02 .c-item-07 {
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-03 .c-item-02 .c-item-09 {
        border-radius: 4px;
        background: #FBF1FD; }
        .product-card-ui-03 .c-item-02 .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .product-card-ui-01 > .c-item-01 {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      width: 204px;
      height: 204px;
      margin: 0 0 20px 0;
      background-color: #FFF; }
      .product-card-ui-01 > .c-item-01 .c-item-10 {
        padding: 4px 6px;
        border-radius: 4px;
        background: #FEEAEA;
        color: #B00;
        text-align: center;
        font-family: 'Inter';
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: 20px;
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 0px; }
      .product-card-ui-01 > .c-item-01 .inner-pagination {
        bottom: 0;
        display: flex;
        justify-content: center;
        border-radius: 999px;
        opacity: 0.6;
        background: var(--color-bw-200, #E6E6E7);
        width: max-content;
        padding: 2px 4px;
        gap: 2px; }
        .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
          width: 4px;
          height: 4px;
          border-radius: 9999px;
          background: #B0B0B2;
          margin: 0;
          opacity: 1; }
          .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-radius: 9999px;
            background: #555556;
            display: flex !important; }
      .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
        width: 204px !important;
        margin-left: -20px; }
      .product-card-ui-01 > .c-item-01 img {
        width: 100% !important;
        height: 188px;
        background: white; }
      .product-card-ui-01 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-01 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 > .c-item-02 {
      width: 204px; }
      .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-01 > .c-item-02 .c-item-04 {
        margin: 12px 0 16px 0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .product-card-ui-01 > .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-01 > .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-01 > .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-01 > .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 .pcd-lnk-btn-01 {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border: 1px solid #909091;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s;
      z-index: 1000; }
    .product-card-ui-01:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-01:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; }

  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 196px;
    height: 380px;
    margin-right: 5px;
    border: 1px solid #fff;
    padding: 8px 0 24px 0; }
    .product-card-ui-02 .c-item-01 {
      width: 180px;
      height: 180px;
      padding: 8px;
      margin: 0 0 16px 0;
      background-color: #FFF; }
      .product-card-ui-02 .c-item-01 img {
        width: 164px;
        height: 164px; }
      .product-card-ui-02 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-02 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02 .c-item-02 {
      width: 172px; }
      .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-02 .c-item-02 .c-item-04 {
        margin: 12px 0 16px 0; }
      .product-card-ui-02 .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-02 .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-02 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-02 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02 .pcd-lnk-btn-01 {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border: 1px solid #909091;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s;
      z-index: 2; }
    .product-card-ui-02:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-02:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; }

  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    width: 228px;
    height: 406px;
    margin-right: 3px;
    border: 1px solid #fff;
    padding: 12px 12px 76px 12px; }
    .product-card-ui-03 > .c-container-01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .product-card-ui-03 .c-item-01 {
      width: 204px;
      height: 204px;
      padding: 8px;
      margin: 0 0 20px 0;
      background-color: #FFF; }
      .product-card-ui-03 .c-item-01 img {
        width: 188px;
        height: 188px; }
      .product-card-ui-03 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-03 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .c-item-02 {
      padding-left: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-03 .c-item-02 .c-item-04 {
        max-width: 204px;
        margin: 12px 0 16px 0; }
      .product-card-ui-03 .c-item-02 .c-item-05 {
        font-weight: 700; }
      .product-card-ui-03 .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-03 .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-03 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-03 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .pcd-lnk-btn-01 {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s; }
      .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
        display: none; }
    .product-card-ui-03:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-03:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; } }
@media all and (min-width: 1680px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .product-card-ui-01 > .c-item-01 {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      width: 204px;
      height: 204px;
      margin: 0 0 20px 0;
      background-color: #FFF; }
      .product-card-ui-01 > .c-item-01 .c-item-10 {
        padding: 4px 6px;
        border-radius: 4px;
        background: #FEEAEA;
        color: #B00;
        text-align: center;
        font-family: 'Inter';
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: 20px;
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 0px; }
      .product-card-ui-01 > .c-item-01 .inner-pagination {
        bottom: 0;
        display: flex;
        justify-content: center;
        border-radius: 999px;
        opacity: 0.6;
        background: var(--color-bw-200, #E6E6E7);
        width: max-content;
        padding: 2px 4px;
        gap: 2px; }
        .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
          width: 4px;
          height: 4px;
          border-radius: 9999px;
          background: #B0B0B2;
          margin: 0;
          opacity: 1; }
          .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-radius: 9999px;
            background: #555556;
            display: flex !important; }
      .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
        width: 204px !important;
        margin-left: -20px; }
      .product-card-ui-01 > .c-item-01 img {
        width: 100% !important;
        height: 188px;
        background: white; }
      .product-card-ui-01 > .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-01 > .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 > .c-item-02 {
      width: 204px; }
      .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-01 > .c-item-02 .c-item-04 {
        margin: 12px 0 16px 0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .product-card-ui-01 > .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-01 > .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-01 > .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-01 > .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-01 .pcd-lnk-btn-01 {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border: 1px solid #909091;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s;
      z-index: 1000; }
    .product-card-ui-01:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-01:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; }

  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 196px;
    height: 380px;
    margin-right: 5px;
    border: 1px solid #fff;
    padding: 8px 0 24px 0; }
    .product-card-ui-02 .c-item-01 {
      width: 180px;
      height: 180px;
      padding: 8px;
      margin: 0 0 16px 0;
      background-color: #FFF; }
      .product-card-ui-02 .c-item-01 img {
        width: 164px;
        height: 164px; }
      .product-card-ui-02 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-02 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02 .c-item-02 {
      width: 172px; }
      .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-02 .c-item-02 .c-item-04 {
        margin: 12px 0 16px 0; }
      .product-card-ui-02 .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-02 .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-02 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-02 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-02 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-02 .pcd-lnk-btn-01 {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border: 1px solid #909091;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s;
      z-index: 2; }
    .product-card-ui-02:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-02:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; }

  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    width: 228px;
    height: 406px;
    margin-right: 3px;
    border: 1px solid #fff;
    padding: 12px 12px 76px 12px; }
    .product-card-ui-03 > .c-container-01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .product-card-ui-03 .c-item-01 {
      width: 204px;
      height: 204px;
      padding: 8px;
      margin: 0 0 20px 0;
      background-color: #FFF; }
      .product-card-ui-03 .c-item-01 img {
        width: 188px;
        height: 188px; }
      .product-card-ui-03 .c-item-01 > .offerProduct {
        position: absolute;
        z-index: 100;
        top: 7px;
        left: 8px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 2px;
        background: #FEEAEA; }
        .product-card-ui-03 .c-item-01 > .offerProduct > div {
          color: #B00;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .c-item-02 {
      padding-left: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
        margin-right: 8px; }
        .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
          margin-right: 2px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
            margin-right: 0; }
      .product-card-ui-03 .c-item-02 .c-item-04 {
        max-width: 204px;
        margin: 12px 0 16px 0; }
      .product-card-ui-03 .c-item-02 .c-item-05 {
        font-weight: 700; }
      .product-card-ui-03 .c-item-02 .c-item-06 {
        height: 40px; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
          width: 36px;
          height: 100%;
          background: #F1F9E9;
          border-radius: 4px;
          margin-right: 8px; }
          .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A svg {
            display: none; }
        .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
          margin-bottom: 2px; }
      .product-card-ui-03 .c-item-02 .c-item-07 {
        height: 51px;
        padding: 8px;
        background: #f1f9e9;
        border-radius: 4px; }
        .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
          margin-bottom: 4px; }
      .product-card-ui-03 .c-item-02 .c-item-08 {
        display: block;
        margin-top: 8px; }
      .product-card-ui-03 .c-item-02 > .c-item-09 {
        width: 100px;
        padding: 4px 6px;
        border-radius: 4px;
        background: #FBF1FD;
        margin: 10px 0; }
        .product-card-ui-03 .c-item-02 > .c-item-09 > div {
          color: #7A3986;
          text-align: center;
          font-family: Inter;
          font-size: 10px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
    .product-card-ui-03 .pcd-lnk-btn-01 {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 50%;
      cursor: pointer;
      transition: all linear .2s; }
      .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
        display: none; }
    .product-card-ui-03:hover {
      border-style: solid;
      border-color: #F0F0F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .product-card-ui-03:hover .pcd-lnk-btn-01 {
        visibility: visible;
        opacity: 1; } }
.product-detail-card-ui-01 .c-item-03.with-div > a {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 50px; }

@media all and (max-width: 414px) {
  .product-detail-card-ui-01 {
    padding: 20px 0;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .product-detail-card-ui-01 .c-item-01 {
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
        width: 100%;
        margin: 12px 0 0 0;
        padding-left: 1px; }
    .product-detail-card-ui-01 .c-item-02 {
      margin: 16px 0 30px 0;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
        margin-left: 8px; }
        .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
          margin-right: 2px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
            margin-right: 0; }
    .product-detail-card-ui-01 .c-item-03 {
      top: 24px;
      right: 24px; }
    .product-detail-card-ui-01 .c-item-04 {
      margin: 0 0 20px 0;
      padding: 0 20px; }
    .product-detail-card-ui-01 .c-item-05 {
      margin-bottom: 20px;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
        width: 55px;
        height: 55px;
        background: #DCEDC9;
        border-radius: 6px;
        margin-right: 12px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
        margin-bottom: 4px; }
    .product-detail-card-ui-01 .c-item-06 {
      margin: 0 0 20px 0;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
        margin-bottom: 4px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
        height: 72px;
        padding: 0 16px;
        background: #F1F9E9;
        border: 1px solid #DCEDC9;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .c-item-07 {
      padding: 0 20px 0 20px;
      background: #FFFFFF; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
        background: white; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
        background: #f0f0f2; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 7px 12px;
        border-radius: 4px 4px 0px 0px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
          place-self: flex-start;
          font-family: 'Inter';
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          text-align: right;
          color: #171718; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
          font-family: 'Inter';
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          color: #171718;
          margin-top: 3px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
          position: absolute;
          right: 12px;
          top: calc(50% - 9px);
          font-family: 'Inter';
          font-style: normal;
          font-weight: 400;
          font-size: 13px;
          line-height: 18px;
          text-align: right;
          color: #7A3986; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
            font-weight: 600; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
        padding: 16px 20px;
        border-radius: 6px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        margin-top: 4px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
          margin-top: 20px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
          display: flex; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
            margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
            flex: 1; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
            flex: 1;
            color: #2B3E73;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px;
            word-break: break-word; }
    .product-detail-card-ui-01 .c-item-08 {
      width: calc(100% - 40px);
      height: 44px;
      margin: 0 auto;
      padding-left: 12px;
      background: #f0f0f2;
      border-radius: 4px; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-B {
        width: 315px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
        width: 64px;
        height: 20px;
        margin-left: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px;
        text-align: center; }
    .product-detail-card-ui-01 .c-item-09 {
      padding-left: 20px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
        overflow: auto;
        margin-bottom: 12px; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
          flex: 0 0 auto;
          margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
            margin-right: 0; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
            background: #FFFFFF;
            border: 2px solid #6B337D;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 600; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
          margin-bottom: 0; }
    .product-detail-card-ui-01 .c-item-10 {
      padding: 12px 20px 0 20px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
        width: 124px;
        height: 48px;
        padding: 0 13px 0 14px;
        background: #FFFFFF;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
          width: 35px;
          height: 31px; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
            width: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            color: #0F1B3F; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
            font-weight: normal;
            font-size: 10px;
            line-height: 12px;
            text-align: center;
            color: #0F1B3F; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
          width: 16px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
        margin-left: 12px; }
    .product-detail-card-ui-01 #addToCartButtonContainer {
      display: none; }
    .product-detail-card-ui-01 #add-cart-desktop {
      padding: 0 20px; }
      .product-detail-card-ui-01 #add-cart-desktop hr {
        margin: 20px -20px;
        width: calc(100% + 40px); }
    .product-detail-card-ui-01 .c-item-11 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 56px;
      margin-top: 20px;
      border-radius: 8px;
      font-family: Inter;
      font-size: 14px;
      font-weight: 600;
      line-height: 16.94px;
      text-align: center;
      color: #FFFFFF;
      background: #BE3F3B; }
    .product-detail-card-ui-01 .c-item-12 {
      display: flex;
      flex-direction: column;
      margin: 50px 0 15px;
      gap: 10px;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
        display: block;
        margin-bottom: 16px; }
    .product-detail-card-ui-01 .c-item-13 {
      display: none; }
    .product-detail-card-ui-01 .hr-F {
      display: flex;
      width: calc(100% - 40px);
      margin: 0 auto 20px auto;
      background: #EDEDED; }
    .product-detail-card-ui-01 .hr-C {
      margin: 20px 0;
      background: #E5E5E5; }
      .product-detail-card-ui-01 .hr-C.hidden-for-lg {
        display: block; }
    .product-detail-card-ui-01 .pcd-lnk-btn-02 {
      height: 40px;
      padding: 11px 20px 14px 20px;
      background: #FFFFFF;
      border: 1px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
    .product-detail-card-ui-01 .pcd-lnk-btn-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 199px;
      height: 48px;
      background: #7A3986;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
      .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
        display: none; }

  .product-seller-card-ui-01 {
    padding: 19px 0 20px 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .product-seller-card-ui-01 .c-item-01 {
      width: 100%;
      margin-bottom: 20px; }
      .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
        margin-right: 12px; }
    .product-seller-card-ui-01 .c-item-02 {
      width: 100%; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
        width: 212px;
        height: 113px;
        padding: 16px;
        margin-right: 8px;
        border-radius: 8px;
        background: #F8F8F9;
        flex: 0 0 auto; }
        .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
          width: 50px;
          height: 19px;
          margin-top: 8px;
          background: #FFFFFF;
          border: 1px solid #D06945;
          box-sizing: border-box;
          border-radius: 2px; }
        .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
          margin-bottom: 0; }
      .product-seller-card-ui-01 .c-item-02 > :last-child {
        margin-right: 0; }
    .product-seller-card-ui-01 .psc-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #909091; }
    .product-seller-card-ui-01 .psc-lnk-btn-02 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #2B3E73; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .product-detail-card-ui-01 {
    padding: 20px 0;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .product-detail-card-ui-01 .c-item-01 {
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
        width: 100%;
        margin: 12px 0 0 0;
        padding-left: 1px; }
    .product-detail-card-ui-01 .c-item-02 {
      margin: 16px 0 30px 0;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
        margin-left: 8px; }
        .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
          margin-right: 2px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
            margin-right: 0; }
    .product-detail-card-ui-01 .c-item-03 {
      top: 24px;
      right: 24px; }
    .product-detail-card-ui-01 .c-item-04 {
      margin: 0 0 20px 0;
      padding: 0 20px; }
    .product-detail-card-ui-01 .c-item-05 {
      margin-bottom: 20px;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
        width: 55px;
        height: 55px;
        background: #DCEDC9;
        border-radius: 6px;
        margin-right: 12px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
        margin-bottom: 4px; }
    .product-detail-card-ui-01 .c-item-06 {
      margin: 0 0 20px 0;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
        margin-bottom: 4px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
        height: 72px;
        padding: 0 16px;
        background: #F1F9E9;
        border: 1px solid #DCEDC9;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .c-item-07 {
      padding: 0 20px 0 20px;
      background: #FFFFFF; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
        background: white; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
        background: #f0f0f2; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 7px 12px;
        border-radius: 4px 4px 0px 0px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
          place-self: flex-start;
          font-family: 'Inter';
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          text-align: right;
          color: #171718; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
          font-family: 'Inter';
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          color: #171718;
          margin-top: 3px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
          position: absolute;
          right: 12px;
          top: calc(50% - 9px);
          font-family: 'Inter';
          font-style: normal;
          font-weight: 400;
          font-size: 13px;
          line-height: 18px;
          text-align: right;
          color: #7A3986; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
            font-weight: 600; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
        padding: 16px 20px;
        border-radius: 6px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        margin-top: 4px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
          margin-top: 20px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
          display: flex; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
            margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
            flex: 1; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
            flex: 1;
            color: #2B3E73;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px;
            word-break: break-word; }
    .product-detail-card-ui-01 .c-item-08 {
      width: calc(100% - 40px);
      height: 44px;
      margin: 0 auto;
      padding-left: 12px;
      background: #f0f0f2;
      border-radius: 4px; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-B {
        width: 315px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
        width: 64px;
        height: 20px;
        margin-left: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px;
        text-align: center; }
    .product-detail-card-ui-01 .c-item-09 {
      padding-left: 20px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
        overflow: auto;
        margin-bottom: 12px; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
          flex: 0 0 auto;
          margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
            margin-right: 0; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
            background: #FFFFFF;
            border: 2px solid #6B337D;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 600; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
          margin-bottom: 0; }
    .product-detail-card-ui-01 .c-item-10 {
      padding: 12px 20px 0 20px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
        width: 124px;
        height: 48px;
        padding: 0 13px 0 14px;
        background: #FFFFFF;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
          width: 35px;
          height: 31px; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
            width: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            color: #0F1B3F; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
            font-weight: normal;
            font-size: 10px;
            line-height: 12px;
            text-align: center;
            color: #0F1B3F; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
          width: 16px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
        margin-left: 12px; }
    .product-detail-card-ui-01 #addToCartButtonContainer {
      display: none; }
    .product-detail-card-ui-01 #add-cart-desktop {
      padding: 0 20px; }
      .product-detail-card-ui-01 #add-cart-desktop hr {
        margin: 20px -20px;
        width: calc(100% + 40px); }
    .product-detail-card-ui-01 .c-item-11 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 56px;
      margin-top: 20px;
      border-radius: 8px;
      font-family: Inter;
      font-size: 14px;
      font-weight: 600;
      line-height: 16.94px;
      text-align: center;
      color: #FFFFFF;
      background: #BE3F3B; }
    .product-detail-card-ui-01 .c-item-12 {
      display: flex;
      flex-direction: column;
      margin: 50px 0 15px;
      gap: 10px;
      padding: 0 20px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
        display: block;
        margin-bottom: 16px; }
    .product-detail-card-ui-01 .c-item-13 {
      display: none; }
    .product-detail-card-ui-01 .hr-F {
      display: flex;
      width: calc(100% - 40px);
      margin: 0 auto 20px auto;
      background: #EDEDED; }
    .product-detail-card-ui-01 .hr-C {
      margin: 20px 0;
      background: #E5E5E5; }
      .product-detail-card-ui-01 .hr-C.hidden-for-lg {
        display: block; }
    .product-detail-card-ui-01 .pcd-lnk-btn-02 {
      height: 40px;
      padding: 11px 20px 14px 20px;
      background: #FFFFFF;
      border: 1px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
    .product-detail-card-ui-01 .pcd-lnk-btn-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 199px;
      height: 48px;
      background: #7A3986;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
      .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
        display: none; }

  .product-seller-card-ui-01 {
    padding: 19px 0 20px 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .product-seller-card-ui-01 .c-item-01 {
      width: 100%;
      margin-bottom: 20px; }
      .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
        margin-right: 12px; }
    .product-seller-card-ui-01 .c-item-02 {
      width: 100%; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
        width: 212px;
        height: 113px;
        padding: 16px;
        margin-right: 8px;
        border-radius: 8px;
        background: #F8F8F9;
        flex: 0 0 auto; }
        .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
          width: 50px;
          height: 19px;
          margin-top: 8px;
          background: #FFFFFF;
          border: 1px solid #D06945;
          box-sizing: border-box;
          border-radius: 2px; }
        .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
          margin-bottom: 0; }
      .product-seller-card-ui-01 .c-item-02 > :last-child {
        margin-right: 0; }
    .product-seller-card-ui-01 .psc-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #909091; }
    .product-seller-card-ui-01 .psc-lnk-btn-02 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #2B3E73; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-detail-card-ui-01 {
    padding: 32px 0;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .product-detail-card-ui-01 .c-item-01 {
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
        width: 432px;
        margin: 12px 0 0 0; }
    .product-detail-card-ui-01 .c-item-02 {
      margin: 16px 0 32px 0;
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
        margin-left: 8px; }
        .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
          margin-right: 2px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
            margin-right: 0; }
    .product-detail-card-ui-01 .c-item-03 {
      top: 24px;
      right: 24px;
      display: none; }
    .product-detail-card-ui-01 .c-item-04 {
      margin: 0 0 20px 0;
      padding: 0 32px; }
    .product-detail-card-ui-01 .c-item-05 {
      margin-bottom: 20px;
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
        width: 55px;
        height: 55px;
        background: #DCEDC9;
        border-radius: 6px;
        margin-right: 12px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
        margin-bottom: 4px; }
    .product-detail-card-ui-01 .c-item-06 {
      margin: 0 0 20px 0;
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
        margin-bottom: 4px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
        height: 72px;
        padding: 0 16px;
        background: #F1F9E9;
        border: 1px solid #DCEDC9;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .c-item-07 {
      padding: 20px 32px 0 32px;
      background: #FFFFFF;
      border-top: 1px solid #EDEDED; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
        background: #f8f8f9; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
        background: white; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
        background: #f0f0f2; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
        width: 100%;
        padding: 7px 12px;
        border-radius: 4px 4px 0px 0px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
        padding: 16px 20px;
        border-radius: 6px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        margin-top: 4px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
          margin-top: 20px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
          display: flex; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
            margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
            flex: 1; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
            flex: 1;
            color: #2B3E73;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px; }
    .product-detail-card-ui-01 .c-item-08 {
      width: calc(100% - 64px);
      height: 44px;
      margin: 0 auto;
      padding-left: 12px;
      background: #f0f0f2;
      border-radius: 4px; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
        width: 51px;
        height: 20px;
        margin-left: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px;
        text-align: center; }
    .product-detail-card-ui-01 .c-item-09 {
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
        margin-bottom: 16px; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
          display: flex;
          flex-wrap: wrap; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
            background: #FFFFFF;
            padding: 11px 14px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            margin: 0 8px 8px 0;
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            color: #171718; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
        margin-bottom: 12px; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
          margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
            margin-right: 0; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
            background: #FFFFFF;
            border: 2px solid #6B337D;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 600; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
          margin-bottom: 0; }
    .product-detail-card-ui-01 .c-item-10 {
      padding: 12px 32px 0 32px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
        width: 124px;
        height: 48px;
        padding: 0 13px 0 14px;
        background: #FFFFFF;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
          width: 35px;
          height: 31px; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
            width: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            color: #0F1B3F; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
            font-weight: normal;
            font-size: 10px;
            line-height: 12px;
            text-align: center;
            color: #0F1B3F; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
          width: 16px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
        margin-left: 12px; }
    .product-detail-card-ui-01 .c-item-11 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 56px;
      margin-top: 20px;
      border-radius: 8px;
      font-family: Inter;
      font-size: 14px;
      font-weight: 600;
      line-height: 16.94px;
      text-align: center;
      color: #FFFFFF;
      background: #BE3F3B; }
    .product-detail-card-ui-01 .c-item-12 {
      display: flex;
      flex-direction: column; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
          margin-right: 8px; }
    .product-detail-card-ui-01 .c-item-13 {
      display: none; }
    .product-detail-card-ui-01 .hr-F {
      display: none; }
    .product-detail-card-ui-01 .hr-C {
      margin: 20px 0; }
      .product-detail-card-ui-01 .hr-C.hidden-for-lg {
        display: block; }
    .product-detail-card-ui-01 .pcd-lnk-btn-02 {
      height: 40px;
      padding: 11px 20px 14px 20px;
      background: #FFFFFF;
      border: 1px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
    .product-detail-card-ui-01 .pcd-lnk-btn-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 199px;
      height: 48px;
      background: #7A3986;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
      .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
        display: none; }

  .product-seller-card-ui-01 {
    padding: 32px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .product-seller-card-ui-01 .c-item-01 {
      margin-bottom: 20px; }
      .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
        margin-right: 12px; }
    .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
      width: 212px;
      height: 113px;
      padding: 16px;
      margin-right: 8px;
      background: #F8F8F9;
      border-radius: 8px;
      background: #F8F8F9; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
        width: 50px;
        height: 19px;
        margin-top: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
        margin-bottom: 0; }
    .product-seller-card-ui-01 .c-item-02 > :last-child {
      margin-right: 0; }
    .product-seller-card-ui-01 .psc-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #909091; }
    .product-seller-card-ui-01 .psc-lnk-btn-02 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #2B3E73; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .product-detail-card-ui-01 {
    padding: 32px 0;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .product-detail-card-ui-01 .c-item-01 {
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
        width: 432px;
        margin: 12px 0 0 0; }
    .product-detail-card-ui-01 .c-item-02 {
      margin: 16px 0 32px 0;
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
        margin-left: 8px; }
        .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
          margin-right: 2px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
            margin-right: 0; }
    .product-detail-card-ui-01 .c-item-03 {
      top: 24px;
      right: 24px;
      display: none; }
    .product-detail-card-ui-01 .c-item-04 {
      margin: 0 0 20px 0;
      padding: 0 32px; }
    .product-detail-card-ui-01 .c-item-05 {
      margin-bottom: 20px;
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
        width: 55px;
        height: 55px;
        background: #DCEDC9;
        border-radius: 6px;
        margin-right: 12px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
        margin-bottom: 4px; }
    .product-detail-card-ui-01 .c-item-06 {
      margin: 0 0 20px 0;
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
        margin-bottom: 4px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
        height: 72px;
        padding: 0 16px;
        background: #F1F9E9;
        border: 1px solid #DCEDC9;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .c-item-07 {
      padding: 20px 32px 0 32px;
      background: #FFFFFF;
      border-top: 1px solid #EDEDED; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
        background: #f8f8f9; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
        background: white; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
        background: #f0f0f2; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
        width: 100%;
        padding: 7px 12px;
        border-radius: 4px 4px 0px 0px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
        padding: 16px 20px;
        border-radius: 6px;
        border: 1px solid #E6E6E7;
        background: #FFF;
        margin-top: 4px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
          margin-top: 20px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
          display: flex; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
            margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
            flex: 1; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
            flex: 1;
            color: #2B3E73;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px; }
    .product-detail-card-ui-01 .c-item-08 {
      width: calc(100% - 64px);
      height: 44px;
      margin: 0 auto;
      padding-left: 12px;
      background: #f0f0f2;
      border-radius: 4px; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
        width: 51px;
        height: 20px;
        margin-left: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px;
        text-align: center; }
    .product-detail-card-ui-01 .c-item-09 {
      padding: 0 32px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
        margin-bottom: 16px; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
          display: flex;
          flex-wrap: wrap; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
            background: #FFFFFF;
            padding: 11px 14px;
            border: 1px solid #D5D5D6;
            box-sizing: border-box;
            border-radius: 4px;
            margin: 0 8px 8px 0;
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            color: #171718; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
        margin-bottom: 12px; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
          margin-right: 8px; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
            margin-right: 0; }
          .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
            background: #FFFFFF;
            border: 2px solid #6B337D;
            box-sizing: border-box;
            border-radius: 4px;
            font-weight: 600; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
          margin-bottom: 0; }
    .product-detail-card-ui-01 .c-item-10 {
      padding: 12px 32px 0 32px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
        width: 124px;
        height: 48px;
        padding: 0 13px 0 14px;
        background: #FFFFFF;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
          width: 35px;
          height: 31px; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
            width: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            color: #0F1B3F; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
            font-weight: normal;
            font-size: 10px;
            line-height: 12px;
            text-align: center;
            color: #0F1B3F; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
          width: 16px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
        margin-left: 12px; }
    .product-detail-card-ui-01 .c-item-11 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 56px;
      margin-top: 20px;
      border-radius: 8px;
      font-family: Inter;
      font-size: 14px;
      font-weight: 600;
      line-height: 16.94px;
      text-align: center;
      color: #FFFFFF;
      background: #BE3F3B; }
    .product-detail-card-ui-01 .c-item-12 {
      display: flex;
      flex-direction: column; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
          margin-right: 8px; }
    .product-detail-card-ui-01 .c-item-13 {
      display: none; }
    .product-detail-card-ui-01 .hr-F {
      display: none; }
    .product-detail-card-ui-01 .hr-C {
      margin: 20px 0; }
      .product-detail-card-ui-01 .hr-C.hidden-for-lg {
        display: block; }
    .product-detail-card-ui-01 .pcd-lnk-btn-02 {
      height: 40px;
      padding: 11px 20px 14px 20px;
      background: #FFFFFF;
      border: 1px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
    .product-detail-card-ui-01 .pcd-lnk-btn-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 199px;
      height: 48px;
      background: #7A3986;
      border-radius: 4px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: -0.01em;
      color: #FFFFFF; }
      .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
        display: none; }

  .product-seller-card-ui-01 {
    padding: 32px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px; }
    .product-seller-card-ui-01 .c-item-01 {
      margin-bottom: 20px; }
      .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
        margin-right: 12px; }
    .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
      width: 212px;
      height: 113px;
      padding: 16px;
      margin-right: 8px;
      background: #F8F8F9;
      border-radius: 8px;
      background: #F8F8F9; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
        width: 50px;
        height: 19px;
        margin-top: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
        margin-bottom: 0; }
    .product-seller-card-ui-01 .c-item-02 > :last-child {
      margin-right: 0; }
    .product-seller-card-ui-01 .psc-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #909091; }
    .product-seller-card-ui-01 .psc-lnk-btn-02 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #2B3E73; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .product-detail-card-ui-01 {
    width: 505px;
    padding: 24px;
    margin-bottom: 12px;
    background: #F8F8F9;
    border-radius: 8px; }
    .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
      width: 385px;
      margin: 16px 0 0 0; }
    .product-detail-card-ui-01 .c-item-02 {
      margin: 16px 0 40px 0; }
      .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
        margin-left: 8px; }
        .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
          margin-right: 2px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
            margin-right: 0; }
    .product-detail-card-ui-01 .c-item-03 {
      top: 24px;
      right: 24px;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background-color: #FFF; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-01 {
        display: block; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-02 {
        display: none; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-01 {
        display: none; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-02 {
        display: block; }
    .product-detail-card-ui-01 .c-item-04 {
      margin: 0 0 24px 0; }
    .product-detail-card-ui-01 .c-item-05 {
      margin-bottom: 24px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
        width: 55px;
        height: 55px;
        background: #DCEDC9;
        border-radius: 6px;
        margin-right: 12px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
        margin-bottom: 4px; }
    .product-detail-card-ui-01 .c-item-06 {
      margin: 0 0 24px 0; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
        margin-bottom: 4px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
        height: 72px;
        padding: 0 16px;
        background: #F1F9E9;
        border: 1px solid #DCEDC9;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .c-item-07 {
      padding: 16px;
      background: #FFFFFF;
      border-radius: 6px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
        background: #FFFFFF; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
        background: white; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
        background: #F8F8F9; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 7px 12px;
        border-radius: 4px 4px 0px 0px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
          place-self: flex-start;
          font-family: 'Inter';
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          text-align: right;
          color: #7A3986; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
          margin-top: 3px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
          position: absolute;
          right: 12px;
          top: calc(50% - 9px);
          font-family: 'Inter';
          font-style: normal;
          font-weight: 400;
          font-size: 13px;
          line-height: 18px;
          text-align: right;
          color: #7A3986; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
            font-weight: 600; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
        display: none; }
    .product-detail-card-ui-01 .c-item-08 {
      background: #f0f0f2;
      border-radius: 6px;
      margin: 11px 0 32px 0;
      padding: 12px 0 12px 16px; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
        width: 51px;
        height: 20px;
        margin-left: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px;
        text-align: center; }
    .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
      margin-bottom: 16px;
      margin-top: 16px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A:first-child {
        margin-top: 0; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
        display: flex;
        flex-wrap: wrap; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
          background: #FFFFFF;
          padding: 11px 14px;
          border: 1px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px;
          margin: 0 8px 8px 0;
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          color: #171718; }
    .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
      margin-right: 8px;
      margin-bottom: 8px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
        margin-right: 0; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
        background: #FFFFFF;
        border: 2px solid #6B337D;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 600; }
    .product-detail-card-ui-01 .c-item-10 {
      padding: 20px;
      background: #F0F0F2;
      border-radius: 6px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
        width: 124px;
        height: 54px;
        padding: 0 13px 0 14px;
        background: #FFFFFF;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
          width: 35px;
          height: 31px; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
            width: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            color: #0F1B3F; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
            font-weight: normal;
            font-size: 10px;
            line-height: 12px;
            text-align: center;
            color: #0F1B3F; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
          width: 16px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
        margin-left: 12px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-B span {
          margin-left: 12px; }
    .product-detail-card-ui-01 .c-item-11 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 56px;
      margin-top: 20px;
      border-radius: 8px;
      font-family: Inter;
      font-size: 14px;
      font-weight: 600;
      line-height: 16.94px;
      text-align: center;
      color: #FFFFFF;
      background: #BE3F3B; }
    .product-detail-card-ui-01 .c-item-12 {
      display: flex;
      flex-direction: column;
      margin-top: 21px;
      gap: 4px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
        display: none; }
    .product-detail-card-ui-01 .c-item-13 .c-item-13-A {
      display: flex;
      background: #fff;
      margin-bottom: 4px;
      padding: 8px 12px; }
      .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-01 {
        margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-03 {
        flex: 1;
        color: #2B3E73;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; }
    .product-detail-card-ui-01 .hr-F {
      display: none; }
    .product-detail-card-ui-01 .hr-C {
      margin: 20px 0; }
      .product-detail-card-ui-01 .hr-C.hidden-for-lg {
        display: none; }
    .product-detail-card-ui-01 .pcd-lnk-btn-02 {
      height: 40px;
      padding: 11px 20px 14px 20px;
      background: #FFFFFF;
      border: 1px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
      .product-detail-card-ui-01 .pcd-lnk-btn-02.selected {
        border: 2px solid #6B337D;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .pcd-lnk-btn-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 281px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }

  .product-seller-card-ui-01 {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px; }
    .product-seller-card-ui-01 .c-item-01 {
      margin-bottom: 22px; }
      .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
        margin-right: 8px; }
    .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
      height: 52px;
      padding: 0 16px;
      margin-bottom: 4px;
      background: #F8F8F9;
      border-radius: 8px;
      background: #F8F8F9; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
        width: 50px;
        height: 19px;
        margin-left: 6px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
        margin-bottom: 0; }
    .product-seller-card-ui-01 .psc-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #909091; }
    .product-seller-card-ui-01 .psc-lnk-btn-02 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #2B3E73; } }
@media all and (min-width: 1680px) {
  .product-detail-card-ui-01 {
    width: 505px;
    padding: 24px;
    margin-bottom: 12px;
    background: #F8F8F9;
    border-radius: 8px; }
    .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
      width: 385px;
      margin: 16px 0 0 0; }
    .product-detail-card-ui-01 .c-item-02 {
      margin: 16px 0 40px 0; }
      .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
        margin-left: 8px; }
        .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
          margin-right: 2px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
            background-image: url("/Content/Images/Icons/fill-star.png");
            background-repeat: no-repeat;
            height: 12px;
            position: absolute;
            z-index: 2; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
            background-image: url("/Content/Images/Icons/star-empty.png");
            width: 12px;
            height: 12px; }
          .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
            margin-right: 0; }
    .product-detail-card-ui-01 .c-item-03 {
      top: 24px;
      right: 24px;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background-color: #FFF; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-01 {
        display: block; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-02 {
        display: none; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-01 {
        display: none; }
      .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-02 {
        display: block; }
    .product-detail-card-ui-01 .c-item-04 {
      margin: 0 0 24px 0; }
    .product-detail-card-ui-01 .c-item-05 {
      margin-bottom: 24px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
        width: 55px;
        height: 55px;
        background: #DCEDC9;
        border-radius: 6px;
        margin-right: 12px; }
      .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
        margin-bottom: 4px; }
    .product-detail-card-ui-01 .c-item-06 {
      margin: 0 0 24px 0; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
        margin-bottom: 4px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
        height: 72px;
        padding: 0 16px;
        background: #F1F9E9;
        border: 1px solid #DCEDC9;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .c-item-07 {
      padding: 16px;
      background: #FFFFFF;
      border-radius: 6px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
        margin-bottom: 16px; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
        background: #FFFFFF; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
        background: white; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
        background: #F8F8F9; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 7px 12px;
        border-radius: 4px 4px 0px 0px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
          place-self: flex-start;
          font-family: 'Inter';
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          text-align: right;
          color: #7A3986; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
          margin-top: 3px; }
        .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
          position: absolute;
          right: 12px;
          top: calc(50% - 9px);
          font-family: 'Inter';
          font-style: normal;
          font-weight: 400;
          font-size: 13px;
          line-height: 18px;
          text-align: right;
          color: #7A3986; }
          .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
            font-weight: 600; }
      .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
        display: none; }
    .product-detail-card-ui-01 .c-item-08 {
      background: #f0f0f2;
      border-radius: 6px;
      margin: 11px 0 32px 0;
      padding: 12px 0 12px 16px; }
      .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
        width: 51px;
        height: 20px;
        margin-left: 8px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px;
        text-align: center; }
    .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
      margin-bottom: 16px;
      margin-top: 16px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A:first-child {
        margin-top: 0; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
        display: flex;
        flex-wrap: wrap; }
        .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
          background: #FFFFFF;
          padding: 11px 14px;
          border: 1px solid #D5D5D6;
          box-sizing: border-box;
          border-radius: 4px;
          margin: 0 8px 8px 0;
          font-weight: 500;
          font-size: 12px;
          line-height: 15px;
          color: #171718; }
    .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
      margin-right: 8px;
      margin-bottom: 8px; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
        margin-right: 0; }
      .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
        background: #FFFFFF;
        border: 2px solid #6B337D;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 600; }
    .product-detail-card-ui-01 .c-item-10 {
      padding: 20px;
      background: #F0F0F2;
      border-radius: 6px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
        width: 124px;
        height: 54px;
        padding: 0 13px 0 14px;
        background: #FFFFFF;
        border: 1px solid #D5D5D6;
        box-sizing: border-box;
        border-radius: 8px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
          width: 35px;
          height: 31px; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
            width: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            color: #0F1B3F; }
          .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
            font-weight: normal;
            font-size: 10px;
            line-height: 12px;
            text-align: center;
            color: #0F1B3F; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
          width: 16px; }
      .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
        margin-left: 12px; }
        .product-detail-card-ui-01 .c-item-10 .c-item-10-B span {
          margin-left: 12px; }
    .product-detail-card-ui-01 .c-item-11 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 56px;
      margin-top: 20px;
      border-radius: 8px;
      font-family: Inter;
      font-size: 14px;
      font-weight: 600;
      line-height: 16.94px;
      text-align: center;
      color: #FFFFFF;
      background: #BE3F3B; }
    .product-detail-card-ui-01 .c-item-12 {
      display: flex;
      flex-direction: column;
      margin-top: 21px;
      gap: 4px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
        display: flex;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #C178CE;
        background: #FBF1FD; }
        .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
          margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
        display: none; }
    .product-detail-card-ui-01 .c-item-13 .c-item-13-A {
      display: flex;
      background: #fff;
      margin-bottom: 4px;
      padding: 8px 12px; }
      .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-01 {
        margin-right: 8px; }
      .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-03 {
        flex: 1;
        color: #2B3E73;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; }
    .product-detail-card-ui-01 .hr-F {
      display: none; }
    .product-detail-card-ui-01 .hr-C {
      margin: 20px 0; }
      .product-detail-card-ui-01 .hr-C.hidden-for-lg {
        display: none; }
    .product-detail-card-ui-01 .pcd-lnk-btn-02 {
      height: 40px;
      padding: 11px 20px 14px 20px;
      background: #FFFFFF;
      border: 1px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #171718; }
      .product-detail-card-ui-01 .pcd-lnk-btn-02.selected {
        border: 2px solid #6B337D;
        box-sizing: border-box;
        border-radius: 4px; }
    .product-detail-card-ui-01 .pcd-lnk-btn-03 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 281px;
      height: 54px;
      background: #7A3986;
      border-radius: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #FFFFFF; }

  .product-seller-card-ui-01 {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px; }
    .product-seller-card-ui-01 .c-item-01 {
      margin-bottom: 22px; }
      .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
        margin-right: 8px; }
    .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
      height: 52px;
      padding: 0 16px;
      margin-bottom: 4px;
      background: #F8F8F9;
      border-radius: 8px;
      background: #F8F8F9; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
        width: 50px;
        height: 19px;
        margin-left: 6px;
        background: #FFFFFF;
        border: 1px solid #D06945;
        box-sizing: border-box;
        border-radius: 2px; }
      .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
        margin-bottom: 0; }
    .product-seller-card-ui-01 .psc-lnk-btn-01 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #909091; }
    .product-seller-card-ui-01 .psc-lnk-btn-02 {
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #2B3E73; } }
.royal-slider-ui-01 {
  background-color: #2B3E73;
  padding: 40px 0; }
  .royal-slider-ui-01 #royalSlider-thumb-01 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
    .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider {
      width: 100%;
      height: 475px;
      overflow: hidden;
      border-radius: 8px; }
      .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault {
        background: #FFF; }
        .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
          .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 {
            height: 100%;
            width: 500px;
            padding: 20px;
            position: absolute;
            top: 0;
            left: 0; }
            .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A {
              width: 100%;
              height: 100%;
              padding: 36px 40px;
              background: #FFFFFF;
              box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
              border-radius: 8px; }
              .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-01 {
                width: 360px; }
              .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 {
                width: 176px;
                height: 56px;
                background: #7A3986;
                border-radius: 8px; }
                .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 svg {
                  margin-right: 15px; }
        .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow {
          width: 48px; }
          .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowLeft {
            left: 32px; }
            .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
              background: url(/Content/Images/Icons/left-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowRight {
            right: 48px; }
            .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
              background: url(/Content/Images/Icons/right-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow .rsArrowIcn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-top: 0;
            top: 213.5px; }
        .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor {
          width: 60%;
          background: transparent;
          height: 100px; }
          .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumbsContainer {
            padding-top: 20px; }
          .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb {
            width: 85px;
            height: 76px; }
            .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb img {
              width: 85px;
              height: 60px;
              opacity: 0.8;
              border-radius: 4px; }
            .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected {
              opacity: 1;
              background: transparent; }
              .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected img {
                opacity: 1; }
              .royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected:after {
                content: '';
                position: absolute;
                left: calc(50% - 22.5px);
                bottom: 0;
                width: 45px;
                height: 3px;
                background: #3B518B;
                border-radius: 8px; }
  .royal-slider-ui-01 .slide-status {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 44px;
    right: 12px;
    width: 32px;
    height: 22px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    z-index: 150; }

.royal-slider-ui-02 {
  margin-bottom: 20px; }
  .royal-slider-ui-02.royalSlider {
    width: 100%;
    height: 425px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden; }
    .royal-slider-ui-02.royalSlider.rsDefault {
      background: #FFF; }
      .royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
        .royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 {
          height: calc(100% - 50px);
          width: 328px;
          padding: 20px;
          position: absolute;
          top: 0;
          left: 0; }
          .royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A {
            width: 100%;
            height: 100%;
            padding: 28px;
            background: #FFFFFF;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
            border-radius: 8px; }
            .royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-01 {
              width: 100%; }
            .royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 {
              width: 100%;
              height: 56px;
              background: #425993;
              border-radius: 8px; }
              .royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 svg {
                margin-right: 15px; }
      .royal-slider-ui-02.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 32px; }
          .royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-02.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 188.5px; }
      .royal-slider-ui-02.royalSlider.rsDefault .rsBullets {
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFF; }
        .royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet {
          margin-right: 10px;
          padding: 0; }
          .royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
            margin-right: 0; }
          .royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet span {
            opacity: 0.6;
            background-color: #C4C4C4;
            cursor: pointer; }
          .royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
            background-color: #787878;
            opacity: 1; }
          .royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet .c-item-02 {
            padding: 0 8px; }

@media all and (max-width: 414px) {
  .royal-slider-ui-01 {
    padding: 0; }
    .royal-slider-ui-01 .slide-status {
      top: 28px;
      right: auto;
      left: 315px; }

  .royal-slider-ui-03 {
    flex: 1; }
    .royal-slider-ui-03.royalSlider {
      width: 100%;
      height: 346px;
      overflow: hidden; }
      .royal-slider-ui-03.royalSlider.rsDefault {
        background: #FFF; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
          margin-left: 0 !important;
          margin-bottom: 48px;
          background: #ffffff;
          color: #FFF; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
            background: #ffffff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
            width: 240px !important;
            height: 240px !important;
            margin: 40px auto 40px auto !important;
            object-fit: contain;
            object-position: center; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContainer {
            /*margin-top: 24px;*/ }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
          background: transparent;
          bottom: 20px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
            padding: 0;
            width: 6px;
            height: 6px;
            margin-right: 8px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
              margin-right: 0; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background: #C4C4C4;
              opacity: 0.6; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
              background: #787878;
              opacity: 1; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
          width: 48px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
            left: 90px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
              background: url(/Content/Images/Icons/left-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
            right: 48px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
              background: url(/Content/Images/Icons/right-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-top: 0;
            top: 213.5px; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
          background: transparent;
          height: 100%;
          left: 0;
          background: #fff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
            width: 85px;
            height: 85px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #EBEBEB;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
              width: 61px;
              height: 61px;
              object-fit: cover;
              object-position: center; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
              opacity: 1;
              background: transparent; }
              .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
                opacity: 1; }

  .royal-slider-ui-04.royalSlider {
    width: 100% !important;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-04.royalSlider.rsDefault {
      display: flex;
      flex-direction: column;
      background: #FFF;
      align-items: center; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
        width: 330px !important;
        aspect-ratio: 1/1;
        height: auto !important;
        background: #ffffff;
        color: #FFF; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
          display: flex;
          justify-content: center;
          background: #ffffff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
          width: 330px !important;
          height: 330px !important;
          object-fit: contain;
          object-position: center;
          margin-top: 0px !important;
          margin-left: 0px !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor {
        margin-top: 32px;
        background: transparent;
        height: 72px;
        left: 0;
        background: #fff;
        position: unset !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumbsContainer {
          display: flex;
          justify-content: center;
          width: max-content; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb {
          width: 60px;
          height: 60px;
          display: flex;
          padding: 12px;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb img {
            width: 48px;
            height: 48px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected img {
              opacity: 1; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
        display: none; } }
@media all and (max-width: 360px) {
  .royal-slider-ui-01 .slide-status {
    left: 252px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .royal-slider-ui-01 {
    padding: 0; }
    .royal-slider-ui-01 .slide-status {
      top: 28px;
      right: auto;
      left: 315px; }

  .royal-slider-ui-03 {
    flex: 1; }
    .royal-slider-ui-03.royalSlider {
      width: 100%;
      height: 346px;
      overflow: hidden; }
      .royal-slider-ui-03.royalSlider.rsDefault {
        background: #FFF; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
          margin-left: 0 !important;
          margin-bottom: 48px;
          background: #ffffff;
          color: #FFF; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
            background: #ffffff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
            width: 240px !important;
            height: 240px !important;
            margin: 40px auto 40px auto !important;
            object-fit: contain;
            object-position: center; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContainer {
            /*margin-top: 24px;*/ }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
          background: transparent;
          bottom: 20px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
            padding: 0;
            width: 6px;
            height: 6px;
            margin-right: 8px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
              margin-right: 0; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background: #C4C4C4;
              opacity: 0.6; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
              background: #787878;
              opacity: 1; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
          width: 48px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
            left: 90px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
              background: url(/Content/Images/Icons/left-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
            right: 48px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
              background: url(/Content/Images/Icons/right-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-top: 0;
            top: 213.5px; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
          background: transparent;
          height: 100%;
          left: 0;
          background: #fff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
            width: 85px;
            height: 85px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #EBEBEB;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
              width: 61px;
              height: 61px;
              object-fit: cover;
              object-position: center; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
              opacity: 1;
              background: transparent; }
              .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
                opacity: 1; }

  .royal-slider-ui-04.royalSlider {
    width: 100% !important;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-04.royalSlider.rsDefault {
      display: flex;
      flex-direction: column;
      background: #FFF;
      align-items: center; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
        width: 330px !important;
        aspect-ratio: 1/1;
        height: auto !important;
        background: #ffffff;
        color: #FFF; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
          display: flex;
          justify-content: center;
          background: #ffffff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
          width: 330px !important;
          height: 330px !important;
          object-fit: contain;
          object-position: center;
          margin-top: 0px !important;
          margin-left: 0px !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor {
        margin-top: 32px;
        background: transparent;
        height: 72px;
        left: 0;
        background: #fff;
        position: unset !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumbsContainer {
          display: flex;
          justify-content: center;
          width: max-content; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb {
          width: 60px;
          height: 60px;
          display: flex;
          padding: 12px;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb img {
            width: 48px;
            height: 48px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected img {
              opacity: 1; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
        display: none; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .royal-slider-ui-01 {
    padding: 32px 0;
    overflow: hidden; }
    .royal-slider-ui-01 .slide-status {
      width: 40px;
      height: 21px;
      right: auto;
      left: calc((50% - 352px) + 648px); }

  .royal-slider-ui-03 {
    flex: 1; }
    .royal-slider-ui-03.royalSlider {
      width: 100%;
      height: 562px;
      overflow: hidden; }
      .royal-slider-ui-03.royalSlider.rsDefault {
        background: #FFF; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
          margin-left: 0 !important;
          background: #ffffff;
          color: #FFF; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
            background: #ffffff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
            object-fit: contain;
            object-position: center;
            margin: 44px auto 48px auto !important; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
          background: transparent; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
            padding: 0;
            width: 6px;
            height: 6px;
            margin-right: 8px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
              margin-right: 0; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background: #C4C4C4;
              opacity: 0.6; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
              background: #787878;
              opacity: 1; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
          width: 48px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
            left: 90px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
              background: url(/Content/Images/Icons/left-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
            right: 48px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
              background: url(/Content/Images/Icons/right-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-top: 0;
            top: 213.5px; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
          background: transparent;
          height: 100%;
          left: 0;
          background: #fff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
            width: 85px;
            height: 85px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #EBEBEB;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
              width: 61px;
              height: 61px;
              object-fit: cover;
              object-position: center; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
              opacity: 1;
              background: transparent; }
              .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
                opacity: 1; }

  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-04.royalSlider.rsDefault {
      background: #FFF; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
        width: 610px !important;
        margin-left: 152px !important;
        background: #ffffff;
        color: #FFF;
        border-radius: 8px;
        border: 1px solid #E6E6E7; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
          display: flex;
          justify-content: center;
          background: #ffffff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
          object-fit: contain;
          object-position: center;
          margin: 20px !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
        background: transparent;
        height: 100%;
        left: 0;
        background: #fff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
          width: 85px;
          height: 85px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
            display: none; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
            width: 61px;
            height: 61px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
              opacity: 1; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
        display: none; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .royal-slider-ui-01 {
    padding: 32px 0;
    overflow: hidden; }
    .royal-slider-ui-01 .slide-status {
      width: 40px;
      height: 21px;
      right: auto;
      left: calc((50% - 352px) + 648px); }

  .royal-slider-ui-03 {
    flex: 1; }
    .royal-slider-ui-03.royalSlider {
      width: 100%;
      height: 562px;
      overflow: hidden; }
      .royal-slider-ui-03.royalSlider.rsDefault {
        background: #FFF; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
          margin-left: 0 !important;
          background: #ffffff;
          color: #FFF; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
            background: #ffffff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
            object-fit: contain;
            object-position: center;
            margin: 44px auto 48px auto !important; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
          background: transparent; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
            padding: 0;
            width: 6px;
            height: 6px;
            margin-right: 8px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
              margin-right: 0; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background: #C4C4C4;
              opacity: 0.6; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
              background: #787878;
              opacity: 1; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
          width: 48px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
            left: 90px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
              background: url(/Content/Images/Icons/left-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
            right: 48px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
              background: url(/Content/Images/Icons/right-arrow.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 7px auto;
              background-color: #F8F8F8; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-top: 0;
            top: 213.5px; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
          background: transparent;
          height: 100%;
          left: 0;
          background: #fff; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
            width: 85px;
            height: 85px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #EBEBEB;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
              width: 61px;
              height: 61px;
              object-fit: cover;
              object-position: center; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
              opacity: 1;
              background: transparent; }
              .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
                opacity: 1; }

  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-04.royalSlider.rsDefault {
      background: #FFF; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
        width: 610px !important;
        margin-left: 152px !important;
        background: #ffffff;
        color: #FFF;
        border-radius: 8px;
        border: 1px solid #E6E6E7; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
          display: flex;
          justify-content: center;
          background: #ffffff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
          object-fit: contain;
          object-position: center;
          margin: 20px !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
        background: transparent;
        height: 100%;
        left: 0;
        background: #fff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
          width: 85px;
          height: 85px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
            display: none; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
            width: 61px;
            height: 61px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
              opacity: 1; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
        display: none; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .royal-slider-ui-03.royalSlider {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 715px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-03.royalSlider.rsDefault {
      background: #FFF; }
      .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
        margin-left: 61px !important;
        background: #ffffff;
        color: #FFF; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
          background: #ffffff; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
          object-fit: contain;
          object-position: center;
          margin: 28px auto !important;
          cursor: zoom-in; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
        background: transparent;
        height: 100%;
        left: 0;
        background: #fff; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
          width: 85px;
          height: 85px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
            width: 61px;
            height: 61px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
              opacity: 1; }

  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-04.royalSlider.rsDefault {
      background: #FFF; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
        width: 610px !important;
        margin-left: 152px !important;
        background: #ffffff;
        color: #FFF;
        border-radius: 8px;
        border: 1px solid #E6E6E7; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
          display: flex;
          justify-content: center;
          background: #ffffff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
          object-fit: contain;
          object-position: center;
          margin: 20px !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
        background: transparent;
        height: 100%;
        left: 0;
        background: #fff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
          width: 85px;
          height: 85px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
            display: none; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
            width: 61px;
            height: 61px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
              opacity: 1; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
        display: none; }

  .royal-slider-ui-01 .slide-status {
    display: none; } }
@media all and (min-width: 1680px) {
  .royal-slider-ui-03.royalSlider {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 715px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-03.royalSlider.rsDefault {
      background: #FFF; }
      .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
        margin-left: 61px !important;
        background: #ffffff;
        color: #FFF; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
          background: #ffffff; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
          object-fit: contain;
          object-position: center;
          margin: 28px auto !important;
          cursor: zoom-in; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
        background: transparent;
        height: 100%;
        left: 0;
        background: #fff; }
        .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
          width: 85px;
          height: 85px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
            width: 61px;
            height: 61px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
              opacity: 1; }

  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px; }
    .royal-slider-ui-04.royalSlider.rsDefault {
      background: #FFF; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
        width: 610px !important;
        margin-left: 152px !important;
        background: #ffffff;
        color: #FFF;
        border-radius: 8px;
        border: 1px solid #E6E6E7; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
          display: flex;
          justify-content: center;
          background: #ffffff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
          object-fit: contain;
          object-position: center;
          margin: 20px !important; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
        width: 48px; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
          left: 90px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
            background: url(/Content/Images/Icons/left-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
          right: 48px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
            background: url(/Content/Images/Icons/right-arrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7px auto;
            background-color: #F8F8F8; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-top: 0;
          top: 213.5px; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
        background: transparent;
        height: 100%;
        left: 0;
        background: #fff; }
        .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
          width: 85px;
          height: 85px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #EBEBEB;
          box-sizing: border-box;
          border-radius: 4px; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
            display: none; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
            width: 61px;
            height: 61px;
            object-fit: cover;
            object-position: center; }
          .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
            opacity: 1;
            background: transparent;
            border: 2px solid #D06945;
            box-sizing: border-box;
            border-radius: 4px; }
            .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
              opacity: 1; }
      .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
        display: none; }

  .royal-slider-ui-01 .slide-status {
    display: none; } }
.comp-layout-showcase-01 .c-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
.comp-layout-showcase-01 .c-unit-02 {
  position: absolute;
  bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0; }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .tabber-container {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .tabber-container .tabber-header {
      height: 60px;
      padding: 0 0 0 20px;
      background-color: #F8F8F9; }
      .tabber-container .tabber-header .tab-head-item {
        margin: 2px 20px 2px 0;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.01em;
        color: #171718;
        border-bottom: 2px solid #F8F8F9;
        transition: border 0.3s; }
        .tabber-container .tabber-header .tab-head-item.on {
          border-bottom: 2px solid #171718; }
      .tabber-container .tabber-header:after {
        content: '';
        display: flex; }
    .tabber-container .tabber-body .tab-content-item .tab-content {
      padding: 24px 20px 24px 20px; } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  .tabber-container {
    width: 704px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden; }
    .tabber-container .tabber-header {
      height: 60px;
      padding: 0 0 0 32px;
      background-color: #F8F8F9; }
      .tabber-container .tabber-header .tab-head-item {
        margin: 2px 20px 2px 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        border-bottom: 2px solid #F8F8F9;
        transition: border 0.3s; }
        .tabber-container .tabber-header .tab-head-item.on {
          border-bottom: 2px solid #171718; }
      .tabber-container .tabber-header:after {
        content: '';
        display: flex;
        padding: 0 32px 0 0; }
    .tabber-container .tabber-body .tab-content-item .tab-content {
      padding: 42px 28px 42px 28px; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  .tabber-container {
    width: 1240px;
    padding: 4px 4px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .tabber-container .tabber-header {
      height: 68px;
      padding: 0 28px;
      background-color: #F8F8F9;
      border-radius: 6px; }
      .tabber-container .tabber-header .tab-head-item {
        margin: 2px 28px 2px 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718;
        border-bottom: 2px solid #F8F8F9;
        transition: border 0.3s; }
        .tabber-container .tabber-header .tab-head-item:last-child {
          margin-right: 0; }
        .tabber-container .tabber-header .tab-head-item.on {
          border-bottom: 2px solid #171718; }
    .tabber-container .tabber-body .tab-content-item .tab-content {
      padding: 42px 28px 42px 28px; } }
/* MD */
/* LG */

/*# sourceMappingURL=Base.css.map */