/* Minification failed. Returning unminified contents.
(4319,20): run-time error CSS1039: Token not allowed after unary operator: '-black-white-500'
(4366,19): run-time error CSS1039: Token not allowed after unary operator: '-black-white-000'
(4368,24): run-time error CSS1039: Token not allowed after unary operator: '-Tertiary-600'
(4435,21): run-time error CSS1039: Token not allowed after unary operator: '-black-white-000'
(4437,26): run-time error CSS1039: Token not allowed after unary operator: '-Tertiary-600'
(4484,21): run-time error CSS1039: Token not allowed after unary operator: '-black-white-000'
(4486,26): run-time error CSS1039: Token not allowed after unary operator: '-Tertiary-600'
 */
*, *::before, *::after {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  outline: 0;
  text-rendering: optimizeLegibility; }

blockquote {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

main, header, aside, img {
  display: block; }

input:not([type=checkbox]):not([type=radio]), textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type=checkbox], input[type=radio] {
  position: absolute;
  z-index: -100;
  opacity: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield !important;
  /* Firefox */ }

hr {
  height: 0; }

.dsp-none {
  display: none !important; }

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

#mq-info {
  height: 0px !important; }

#mq-values {
  height: 0px !important; }
  #mq-values #mq-xs1 {
    width: 0px; }
  #mq-values #mq-xs2 {
    width: 415px; }
  #mq-values #mq-sm1 {
    width: 768px; }
  #mq-values #mq-sm2 {
    width: 1024px; }
  #mq-values #mq-md {
    width: 1280px; }
  #mq-values #mq-lg {
    width: 1680px; }

@media all and (max-width: 414px) {
  #mq-info {
    width: 0px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  #mq-info {
    width: 415px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  #mq-info {
    width: 768px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #mq-info {
    width: 1024px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #mq-info {
    width: 1280px; } }
@media all and (min-width: 1680px) {
  #mq-info {
    width: 1680px; } }

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

@media all and (min-width: 0px) {
  .mt-xs1-0px {
    margin-top: 0px; }

  .pt-xs1-0px {
    padding-top: 0px; }

  .mt-xs1-12px {
    margin-top: 12px; }

  .pt-xs1-12px {
    padding-top: 12px; }

  .mt-xs1-20px {
    margin-top: 20px; }

  .pt-xs1-20px {
    padding-top: 20px; }

  .mt-xs1-40px {
    margin-top: 40px; }

  .pt-xs1-40px {
    padding-top: 40px; }

  .mt-xs1-80px {
    margin-top: 80px; }

  .pt-xs1-80px {
    padding-top: 80px; }

  .mt-xs1-140px {
    margin-top: 140px; }

  .pt-xs1-140px {
    padding-top: 140px; }

  .mb-xs1-0px {
    margin-bottom: 0px; }

  .pb-xs1-0px {
    padding-bottom: 0px; }

  .mb-xs1-12px {
    margin-bottom: 12px; }

  .pb-xs1-12px {
    padding-bottom: 12px; }

  .mb-xs1-20px {
    margin-bottom: 20px; }

  .pb-xs1-20px {
    padding-bottom: 20px; }

  .mb-xs1-40px {
    margin-bottom: 40px; }

  .pb-xs1-40px {
    padding-bottom: 40px; }

  .mb-xs1-80px {
    margin-bottom: 80px; }

  .pb-xs1-80px {
    padding-bottom: 80px; }

  .mb-xs1-140px {
    margin-bottom: 140px; }

  .pb-xs1-140px {
    padding-bottom: 140px; } }
@media all and (min-width: 768px) {
  .mt-sm1-0px {
    margin-top: 0px; }

  .pt-sm1-0px {
    padding-top: 0px; }

  .mt-sm1-20px {
    margin-top: 20px; }

  .pt-sm1-20px {
    padding-top: 20px; }

  .mt-sm1-32px {
    margin-top: 32px; }

  .pt-sm1-32px {
    padding-top: 32px; }

  .mt-sm1-40px {
    margin-top: 40px; }

  .pt-sm1-40px {
    padding-top: 40px; }

  .mt-sm1-80px {
    margin-top: 80px; }

  .pt-sm1-80px {
    padding-top: 80px; }

  .mb-sm1-0px {
    margin-bottom: 0px; }

  .pb-sm1-0px {
    padding-bottom: 0px; }

  .mb-sm1-20px {
    margin-bottom: 20px; }

  .pb-sm1-20px {
    padding-bottom: 20px; }

  .mb-sm1-32px {
    margin-bottom: 32px; }

  .pb-sm1-32px {
    padding-bottom: 32px; }

  .mb-sm1-40px {
    margin-bottom: 40px; }

  .pb-sm1-40px {
    padding-bottom: 40px; }

  .mb-sm1-80px {
    margin-bottom: 80px; }

  .pb-sm1-80px {
    padding-bottom: 80px; } }
@media all and (min-width: 1280px) {
  .mt-md-0px {
    margin-top: 0px; }

  .pt-md-0px {
    padding-top: 0px; }

  .mt-md-12px {
    margin-top: 12px; }

  .pt-md-12px {
    padding-top: 12px; }

  .mt-md-20px {
    margin-top: 20px; }

  .pt-md-20px {
    padding-top: 20px; }

  .mt-md-32px {
    margin-top: 32px; }

  .pt-md-32px {
    padding-top: 32px; }

  .mt-md-40px {
    margin-top: 40px; }

  .pt-md-40px {
    padding-top: 40px; }

  .mt-md-120px {
    margin-top: 120px; }

  .pt-md-120px {
    padding-top: 120px; }

  .mb-md-0px {
    margin-bottom: 0px; }

  .pb-md-0px {
    padding-bottom: 0px; }

  .mb-md-12px {
    margin-bottom: 12px; }

  .pb-md-12px {
    padding-bottom: 12px; }

  .mb-md-20px {
    margin-bottom: 20px; }

  .pb-md-20px {
    padding-bottom: 20px; }

  .mb-md-32px {
    margin-bottom: 32px; }

  .pb-md-32px {
    padding-bottom: 32px; }

  .mb-md-40px {
    margin-bottom: 40px; }

  .pb-md-40px {
    padding-bottom: 40px; }

  .mb-md-120px {
    margin-bottom: 120px; }

  .pb-md-120px {
    padding-bottom: 120px; } }
@media all and (min-width: 1680px) {
  .mt-lg-0px {
    margin-top: 0px; }

  .pt-lg-0px {
    padding-top: 0px; }

  .mt-lg-12px {
    margin-top: 12px; }

  .pt-lg-12px {
    padding-top: 12px; }

  .mt-lg-40px {
    margin-top: 40px; }

  .pt-lg-40px {
    padding-top: 40px; }

  .mt-lg-60px {
    margin-top: 60px; }

  .pt-lg-60px {
    padding-top: 60px; }

  .mt-lg-80px {
    margin-top: 80px; }

  .pt-lg-80px {
    padding-top: 80px; }

  .mt-lg-120px {
    margin-top: 120px; }

  .pt-lg-120px {
    padding-top: 120px; }

  .mb-lg-0px {
    margin-bottom: 0px; }

  .pb-lg-0px {
    padding-bottom: 0px; }

  .mb-lg-12px {
    margin-bottom: 12px; }

  .pb-lg-12px {
    padding-bottom: 12px; }

  .mb-lg-40px {
    margin-bottom: 40px; }

  .pb-lg-40px {
    padding-bottom: 40px; }

  .mb-lg-60px {
    margin-bottom: 60px; }

  .pb-lg-60px {
    padding-bottom: 60px; }

  .mb-lg-80px {
    margin-bottom: 80px; }

  .pb-lg-80px {
    padding-bottom: 80px; }

  .mb-lg-120px {
    margin-bottom: 120px; }

  .pb-lg-120px {
    padding-bottom: 120px; } }

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

html {
  height: 100%; }

body {
  min-height: 100%; }
  body.noscroll {
    position: fixed;
    width: 100%;
    overflow-y: scroll; }

#scrollTop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #E6E6E7;
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 110px;
  right: 40px;
  cursor: pointer;
  z-index: 100;
  border-radius: 10px;
  opacity: 0;
  transition: all .4s;
  background-color: #fff; }
  #scrollTop.active {
    opacity: 1; }
  #scrollTop > div {
    color: black; }

#content-wrapper {
  z-index: 0; }
  #content-wrapper main {
    min-height: 100vh;
    background-color: #f5f6f9; }

.c-wrapper {
  margin: 0 auto 0 auto; }

#overlay-wrapper {
  display: block;
  visibility: hidden;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s 0s; }
  #overlay-wrapper.on {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, opacity 0.3s 0.05s; }

.identity-layout {
  background-color: #f5f6f9; }
  .identity-layout .comp-header-01 {
    display: none; }
  .identity-layout header, .identity-layout footer {
    display: none; }

[data-expand] {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -moz-transition: height 0.4s ease-in-out, opacity 0.3s;
  -o-transition: height 0.4s ease-in-out, opacity 0.3s;
  -webkit-transition: height 0.4s ease-in-out, opacity 0.3s;
  transition: height 0.4s ease-in-out, opacity 0.3s; }
  [data-expand].on {
    opacity: 1;
    -moz-transition: height 0.4s ease-in-out, opacity 1s;
    -o-transition: height 0.4s ease-in-out, opacity 1s;
    -webkit-transition: height 0.4s ease-in-out, opacity 1s;
    transition: height 0.4s ease-in-out, opacity 1s; }
  [data-expand].init-on {
    opacity: 1;
    height: auto; }

[data-switch-group-parent] {
  overflow: hidden;
  transition: height 0.3s; }

[data-switch-group] {
  position: absolute;
  top: -100000px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
  width: 100%; }
  [data-switch-group].switch-on {
    position: relative;
    top: auto;
    height: auto;
    visibility: visible;
    opacity: 1;
    width: 100%;
    background: #fff; }
    [data-switch-group].switch-on.switching-off {
      opacity: 0; }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .c-wrapper {
    width: calc(100% - 48px); }

  #content-wrapper main.f-checkout-page {
    padding-bottom: 113px; } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  .c-wrapper {
    width: 704px; }

  #content-wrapper main.f-checkout-page {
    padding-bottom: 120px; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  .c-wrapper {
    width: 1240px; } }
/* MD */
/* LG */

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

.comp-layout-aside-01 {
  display: flex;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden; }
  .comp-layout-aside-01:after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    visibility: hidden; }
  .comp-layout-aside-01.form-presubmitting:after, .comp-layout-aside-01.form-submitting:after {
    visibility: visible; }

.comp-layout-division-02 {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.comp-layout-division-03 {
  display: flex;
  flex-wrap: wrap; }
  .comp-layout-division-03 .hr-D {
    display: none; }

@media all and (max-width: 414px) {
  .comp-layout-division-03 {
    justify-content: space-between; }
    .comp-layout-division-03 .hr-D:nth-child(3n) {
      display: block; }

  .comp-layout-division-04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .comp-layout-division-04 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .comp-layout-division-04 .c-item-01 .c-item-01-A {
        display: flex;
        align-items: center; }
    .comp-layout-division-04 .c-item-02 .c-item-02-A {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .comp-layout-division-04 .c-item-02 .c-item-02-C {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-03 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-A, .comp-layout-division-04 .c-item-03 .c-item-03-C {
        display: flex;
        align-items: center;
        justify-content: center; }

  .comp-layout-division-05 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-A {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-05 .c-item-01 .c-item-01-B {
      display: flex;
      flex-direction: column; }
      .comp-layout-division-05 .c-item-01 .c-item-01-B .c-unit-03 {
        display: flex;
        flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-C {
      position: absolute; }

  .comp-layout-division-07 {
    display: flex;
    flex-direction: row; }

  .comp-layout-division-08 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-08 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-09 {
    display: flex;
    flex-direction: column; }
    .comp-layout-division-09 .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .comp-layout-division-09 .c-item-02 .c-item-02-A {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-layout-division-09 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
    .comp-layout-division-09 .c-item-03 {
      display: none; }
    .comp-layout-division-09 .c-item-05 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-05 .c-item-05-A {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      .comp-layout-division-09 .c-item-05 .c-item-05-B {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
    .comp-layout-division-09 .c-item-06 .c-item-06-C {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
    .comp-layout-division-09 .c-item-07 .c-item-07-B .c-unit-01 {
      display: flex;
      justify-content: space-between; }
    .comp-layout-division-09 .c-item-08 {
      display: flex;
      align-items: center; }
      .comp-layout-division-09 .c-item-08 .c-item-08-C {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-09 .c-item-09 .c-item-09-A .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-09 .c-item-09-B {
      display: flex;
      flex-wrap: nowrap; }
    .comp-layout-division-09 .c-item-10 {
      display: flex; }
      .comp-layout-division-09 .c-item-10 .c-item-10-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-01, .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-03 {
          display: flex;
          justify-content: center; }

  .comp-layout-division-10 .c-item-03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-10 .c-item-03 .payment-form-group-02 svg {
      position: absolute; }
  .comp-layout-division-10 .c-item-04 .c-item-04-A {
    display: flex;
    flex-wrap: wrap; }

  .comp-layout-division-11 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-11 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-12 .c-item-01 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }

  .comp-layout-division-13 {
    display: flex;
    flex-direction: column; }

  .comp-layout-division-14 .c-item-01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .comp-layout-division-14 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 .c-item-02 .c-item-02-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .comp-layout-division-14 .c-item-03 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 .c-item-03 .c-item-03-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 .c-item-03 .c-item-03-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-15 .c-item-03 {
    display: flex;
    flex-direction: column; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-layout-division-03 {
    justify-content: space-between; }
    .comp-layout-division-03 .hr-D:nth-child(3n) {
      display: block; }

  .comp-layout-division-04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .comp-layout-division-04 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .comp-layout-division-04 .c-item-01 .c-item-01-A {
        display: flex;
        align-items: center; }
    .comp-layout-division-04 .c-item-02 .c-item-02-A {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .comp-layout-division-04 .c-item-02 .c-item-02-C {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-03 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-A, .comp-layout-division-04 .c-item-03 .c-item-03-C {
        display: flex;
        align-items: center;
        justify-content: center; }

  .comp-layout-division-05 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-A {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-05 .c-item-01 .c-item-01-B {
      display: flex;
      flex-direction: column; }
      .comp-layout-division-05 .c-item-01 .c-item-01-B .c-unit-03 {
        display: flex;
        flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-C {
      position: absolute; }

  .comp-layout-division-07 {
    display: flex;
    flex-direction: row; }

  .comp-layout-division-08 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-08 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-09 {
    display: flex;
    flex-direction: column; }
    .comp-layout-division-09 .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .comp-layout-division-09 .c-item-02 .c-item-02-A {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-layout-division-09 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
    .comp-layout-division-09 .c-item-03 {
      display: none; }
    .comp-layout-division-09 .c-item-05 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-05 .c-item-05-A {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      .comp-layout-division-09 .c-item-05 .c-item-05-B {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
    .comp-layout-division-09 .c-item-06 .c-item-06-C {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
    .comp-layout-division-09 .c-item-07 .c-item-07-B .c-unit-01 {
      display: flex;
      justify-content: space-between; }
    .comp-layout-division-09 .c-item-08 {
      display: flex;
      align-items: center; }
      .comp-layout-division-09 .c-item-08 .c-item-08-C {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-09 .c-item-09 .c-item-09-A .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-09 .c-item-09-B {
      display: flex;
      flex-wrap: nowrap; }
    .comp-layout-division-09 .c-item-10 {
      display: flex; }
      .comp-layout-division-09 .c-item-10 .c-item-10-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-01, .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-03 {
          display: flex;
          justify-content: center; }

  .comp-layout-division-10 .c-item-03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-10 .c-item-03 .payment-form-group-02 svg {
      position: absolute; }
  .comp-layout-division-10 .c-item-04 .c-item-04-A {
    display: flex;
    flex-wrap: wrap; }

  .comp-layout-division-11 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-11 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-12 .c-item-01 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }

  .comp-layout-division-13 {
    display: flex;
    flex-direction: column; }

  .comp-layout-division-14 .c-item-01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .comp-layout-division-14 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 .c-item-02 .c-item-02-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .comp-layout-division-14 .c-item-03 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 .c-item-03 .c-item-03-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 .c-item-03 .c-item-03-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-15 .c-item-03 {
    display: flex;
    flex-direction: column; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-layout-division-03 .hr-D:nth-child(6n) {
    display: block; }

  .comp-layout-division-04 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .comp-layout-division-04 .c-item-01 .c-item-01-A {
        display: flex;
        align-items: center; }
    .comp-layout-division-04 .c-item-02 .c-item-02-A {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-C {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-03 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column;
        align-items: center; }

  .comp-layout-division-05 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-A {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-05 .c-item-01 .c-item-01-B {
      display: flex;
      flex-direction: column; }
      .comp-layout-division-05 .c-item-01 .c-item-01-B .c-unit-03 {
        display: flex;
        flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-C {
      position: absolute; }

  .comp-layout-division-08 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-08 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-09 {
    display: flex;
    flex-direction: column; }
    .comp-layout-division-09 .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .comp-layout-division-09 .c-item-02 .c-item-02-A {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-layout-division-09 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
    .comp-layout-division-09 .c-item-03 {
      position: absolute; }
    .comp-layout-division-09 .c-item-05 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-05 .c-item-05-A {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      .comp-layout-division-09 .c-item-05 .c-item-05-B {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
    .comp-layout-division-09 .c-item-06 .c-item-06-C {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
    .comp-layout-division-09 .c-item-07 .c-item-07-B .c-unit-01 {
      display: flex;
      justify-content: space-between; }
    .comp-layout-division-09 .c-item-08 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-08 .c-item-08-C {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-09 .c-item-09 .c-item-09-A .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-09 .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-10 {
      display: flex; }
      .comp-layout-division-09 .c-item-10 .c-item-10-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-01, .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-03 {
          display: flex;
          justify-content: center; }

  .comp-layout-division-10 .c-item-03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-10 .c-item-03 .payment-form-group-02 svg {
      position: absolute; }
  .comp-layout-division-10 .c-item-04 .c-item-04-A {
    display: flex;
    flex-wrap: wrap; }

  .comp-layout-division-11 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-11 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-12 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between; }

  .comp-layout-division-13 {
    display: flex;
    flex-direction: column; }

  .comp-layout-division-14 {
    display: none; }
    .comp-layout-division-14 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .comp-layout-division-14 .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-14 .c-item-02 .c-item-02-A {
        display: flex;
        justify-content: center;
        align-items: center; }
      .comp-layout-division-14 .c-item-02 .c-item-02-B {
        display: flex;
        flex-direction: column;
        justify-content: center; }
    .comp-layout-division-14 .c-item-03 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-14 .c-item-03 .c-item-03-A {
        display: flex;
        justify-content: center;
        align-items: center; }
      .comp-layout-division-14 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column; }

  .comp-layout-division-15 .c-item-03 {
    display: flex;
    flex-direction: column; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-layout-division-03 .hr-D:nth-child(6n) {
    display: block; }

  .comp-layout-division-04 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .comp-layout-division-04 .c-item-01 .c-item-01-A {
        display: flex;
        align-items: center; }
    .comp-layout-division-04 .c-item-02 .c-item-02-A {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-C {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-03 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column;
        align-items: center; }

  .comp-layout-division-05 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-A {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-05 .c-item-01 .c-item-01-B {
      display: flex;
      flex-direction: column; }
      .comp-layout-division-05 .c-item-01 .c-item-01-B .c-unit-03 {
        display: flex;
        flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-C {
      position: absolute; }

  .comp-layout-division-08 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-08 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-09 {
    display: flex;
    flex-direction: column; }
    .comp-layout-division-09 .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .comp-layout-division-09 .c-item-02 .c-item-02-A {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-layout-division-09 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
    .comp-layout-division-09 .c-item-03 {
      position: absolute; }
    .comp-layout-division-09 .c-item-05 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-05 .c-item-05-A {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      .comp-layout-division-09 .c-item-05 .c-item-05-B {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
    .comp-layout-division-09 .c-item-06 .c-item-06-C {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
    .comp-layout-division-09 .c-item-07 .c-item-07-B .c-unit-01 {
      display: flex;
      justify-content: space-between; }
    .comp-layout-division-09 .c-item-08 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-08 .c-item-08-C {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-09 .c-item-09 .c-item-09-A .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-09 .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-10 {
      display: flex; }
      .comp-layout-division-09 .c-item-10 .c-item-10-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-01, .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-03 {
          display: flex;
          justify-content: center; }

  .comp-layout-division-10 .c-item-03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-10 .c-item-03 .payment-form-group-02 svg {
      position: absolute; }
  .comp-layout-division-10 .c-item-04 .c-item-04-A {
    display: flex;
    flex-wrap: wrap; }

  .comp-layout-division-11 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-11 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-12 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between; }

  .comp-layout-division-13 {
    display: flex;
    flex-direction: column; }

  .comp-layout-division-14 {
    display: none; }
    .comp-layout-division-14 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .comp-layout-division-14 .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-14 .c-item-02 .c-item-02-A {
        display: flex;
        justify-content: center;
        align-items: center; }
      .comp-layout-division-14 .c-item-02 .c-item-02-B {
        display: flex;
        flex-direction: column;
        justify-content: center; }
    .comp-layout-division-14 .c-item-03 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-14 .c-item-03 .c-item-03-A {
        display: flex;
        justify-content: center;
        align-items: center; }
      .comp-layout-division-14 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column; }

  .comp-layout-division-15 .c-item-03 {
    display: flex;
    flex-direction: column; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-layout-division-02 {
    border-bottom: 1px solid #EDEDED; }

  .comp-layout-division-03 .hr-D:nth-child(6n) {
    display: block; }

  .comp-layout-division-04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-04 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .comp-layout-division-04 .c-item-01 .c-item-01-A {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-04 .c-item-02 .c-item-02-A {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-B {
      display: flex;
      align-items: flex-start; }
    .comp-layout-division-04 .c-item-02 .c-item-02-C {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-03 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column;
        align-items: center; }

  .comp-layout-division-05 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-B {
      display: flex;
      flex-direction: column; }
      .comp-layout-division-05 .c-item-01 .c-item-01-B .c-unit-03 {
        display: flex;
        flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-C {
      position: absolute; }

  .comp-layout-division-07 {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .comp-layout-division-07 .c-item-01 {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-08 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-08 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-09 {
    display: flex;
    flex-direction: column; }
    .comp-layout-division-09 .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .comp-layout-division-09 .c-item-02 .c-item-02-A {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-layout-division-09 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
    .comp-layout-division-09 .c-item-03 {
      position: absolute; }
    .comp-layout-division-09 .c-item-05 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-05 .c-item-05-A {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      .comp-layout-division-09 .c-item-05 .c-item-05-B {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
    .comp-layout-division-09 .c-item-06 .c-item-06-C {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
    .comp-layout-division-09 .c-item-07 .c-item-07-B .c-unit-01 {
      display: flex;
      justify-content: space-between; }
    .comp-layout-division-09 .c-item-08 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-08 .c-item-08-C {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-09 .c-item-09 .c-item-09-A .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-09 .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-10 {
      display: flex;
      justify-content: space-between; }
      .comp-layout-division-09 .c-item-10 .c-item-10-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-01, .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-03 {
          display: flex;
          justify-content: center; }

  .comp-layout-division-10 .c-item-03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-10 .c-item-03 .payment-form-group-02 svg {
      position: absolute; }
  .comp-layout-division-10 .c-item-04 .c-item-04-A {
    display: flex;
    flex-wrap: wrap; }

  .comp-layout-division-11 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-11 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-12 .c-item-01 {
    display: flex;
    align-items: flex-end; }

  .comp-layout-division-13 {
    display: flex;
    flex-direction: column; }

  .comp-layout-division-14 > .c-item-01 {
    display: flex;
    align-items: flex-end; }
  .comp-layout-division-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 > .c-item-02 .c-item-02-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 > .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .comp-layout-division-14 > .c-item-03 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 > .c-item-03 .c-item-03-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 > .c-item-03 .c-item-03-B {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 16px; }
    .comp-layout-division-14 > .c-item-03 .c-item-03-C {
      display: flex;
      flex-direction: column;
      justify-content: center; }

  .comp-layout-division-15 .c-item-03 {
    display: flex;
    flex-direction: column; } }
@media all and (min-width: 1680px) {
  .comp-layout-division-02 {
    border-bottom: 1px solid #EDEDED; }

  .comp-layout-division-03 .hr-D:nth-child(6n) {
    display: block; }

  .comp-layout-division-04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-04 .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .comp-layout-division-04 .c-item-01 .c-item-01-A {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-04 .c-item-02 .c-item-02-A {
      display: flex;
      flex-direction: column; }
    .comp-layout-division-04 .c-item-02 .c-item-02-B {
      display: flex;
      align-items: flex-start; }
    .comp-layout-division-04 .c-item-02 .c-item-02-C {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-04 .c-item-03 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .comp-layout-division-04 .c-item-03 .c-item-03-B {
        display: flex;
        flex-direction: column;
        align-items: center; }

  .comp-layout-division-05 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-B {
      display: flex;
      flex-direction: column; }
      .comp-layout-division-05 .c-item-01 .c-item-01-B .c-unit-03 {
        display: flex;
        flex-wrap: wrap; }
    .comp-layout-division-05 .c-item-01 .c-item-01-C {
      position: absolute; }

  .comp-layout-division-07 {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .comp-layout-division-07 .c-item-01 {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-08 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-08 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-09 {
    display: flex;
    flex-direction: column; }
    .comp-layout-division-09 .c-item-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .comp-layout-division-09 .c-item-02 .c-item-02-A {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-layout-division-09 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
    .comp-layout-division-09 .c-item-03 {
      position: absolute; }
    .comp-layout-division-09 .c-item-05 {
      display: flex;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-05 .c-item-05-A {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      .comp-layout-division-09 .c-item-05 .c-item-05-B {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
    .comp-layout-division-09 .c-item-06 .c-item-06-C {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
    .comp-layout-division-09 .c-item-07 .c-item-07-B .c-unit-01 {
      display: flex;
      justify-content: space-between; }
    .comp-layout-division-09 .c-item-08 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-layout-division-09 .c-item-08 .c-item-08-C {
        display: flex;
        align-items: center;
        justify-content: center; }
    .comp-layout-division-09 .c-item-09 .c-item-09-A .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-09 .c-item-09-B {
      display: flex;
      flex-wrap: wrap; }
    .comp-layout-division-09 .c-item-10 {
      display: flex;
      justify-content: space-between; }
      .comp-layout-division-09 .c-item-10 .c-item-10-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-02 {
          display: flex;
          flex-direction: column;
          align-items: center; }
        .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-01, .comp-layout-division-09 .c-item-10 .c-item-10-A .c-unit-03 {
          display: flex;
          justify-content: center; }

  .comp-layout-division-10 .c-item-03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .comp-layout-division-10 .c-item-03 .payment-form-group-02 svg {
      position: absolute; }
  .comp-layout-division-10 .c-item-04 .c-item-04-A {
    display: flex;
    flex-wrap: wrap; }

  .comp-layout-division-11 .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-11 .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column; }

  .comp-layout-division-12 .c-item-01 {
    display: flex;
    align-items: flex-end; }

  .comp-layout-division-13 {
    display: flex;
    flex-direction: column; }

  .comp-layout-division-14 > .c-item-01 {
    display: flex;
    align-items: flex-end; }
  .comp-layout-division-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 > .c-item-02 .c-item-02-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 > .c-item-02 .c-item-02-B {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .comp-layout-division-14 > .c-item-03 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-division-14 > .c-item-03 .c-item-03-A {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-layout-division-14 > .c-item-03 .c-item-03-B {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 16px; }
    .comp-layout-division-14 > .c-item-03 .c-item-03-C {
      display: flex;
      flex-direction: column;
      justify-content: center; }

  .comp-layout-division-15 .c-item-03 {
    display: flex;
    flex-direction: column; } }
.comp-micro-filter-01 {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.comp-micro-filter-02 .c-item-01 {
  display: flex;
  align-items: center; }
.comp-micro-filter-02 .c-item-02 > li {
  display: flex;
  align-items: center; }

.comp-micro-filter-03 .c-item-01 {
  display: flex;
  align-items: center; }
.comp-micro-filter-03 .c-item-03 {
  display: flex;
  flex-direction: column;
  align-items: start; }

.comp-micro-filter-04 .c-item-01 {
  display: flex;
  align-items: center; }
.comp-micro-filter-04 .c-item-02 {
  display: flex;
  flex-wrap: wrap; }
.comp-micro-filter-04 .c-item-03 {
  display: flex;
  flex-direction: column;
  align-items: start; }

.comp-micro-filter-05 .c-item-01 {
  display: flex;
  align-items: center; }
.comp-micro-filter-05 .c-item-02 {
  display: flex;
  flex-direction: column;
  align-items: start; }

#modal-wrapper.type-drw {
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  background-color: #fff; }
  #modal-wrapper.type-drw.size-lg {
    -moz-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    -o-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    -webkit-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    transition: visibility 0s 0.6s, transform 0.6s ease-in-out; }
  #modal-wrapper.type-drw.size-sm {
    -moz-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
    -o-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
    -webkit-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
    transition: visibility 0s 0.45s, transform 0.45s ease-in-out; }
  #modal-wrapper.type-drw.dir-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw #modal-content {
    display: flex;
    height: 100%;
    flex-direction: column; }
  #modal-wrapper.type-drw #modal-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  #modal-wrapper.type-drw #modal-body {
    flex: 1;
    overflow-y: auto; }
  #modal-wrapper.type-drw #modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      display: flex;
      justify-content: center;
      align-items: center; }
  #modal-wrapper.type-drw #modal-close {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    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); }
  #modal-wrapper.type-drw.on {
    visibility: visible; }
    #modal-wrapper.type-drw.on.size-lg {
      -moz-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      -o-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      -webkit-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      transition: visibility 0s 0s, transform 0.75s ease-in-out; }
    #modal-wrapper.type-drw.on.size-sm {
      -moz-transition: visibility 0s 0s, transform 0.65s ease-in-out;
      -o-transition: visibility 0s 0s, transform 0.65s ease-in-out;
      -webkit-transition: visibility 0s 0s, transform 0.65s ease-in-out;
      transition: visibility 0s 0s, transform 0.65s ease-in-out; }
    #modal-wrapper.type-drw.on.dir-t2b {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%); }
    #modal-wrapper.type-drw.on.dir-r2l {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    #modal-wrapper.type-drw.on.dir-b2t {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); }
    #modal-wrapper.type-drw.on.dir-l2r {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    #modal-wrapper.type-drw.on #modal-close {
      opacity: 1;
      -moz-transition: transform 0.25s ease, opacity 0.3s 0s;
      -o-transition: transform 0.25s ease, opacity 0.3s 0s;
      -webkit-transition: transform 0.25s ease, opacity 0.3s 0s;
      transition: transform 0.25s ease, opacity 0.3s 0s; }

/* Common XS1 and XS2 */
/* XS1 */
@media all and (max-width: 414px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs1-r2l.size-lg, #modal-wrapper.type-drw.dir-xs1-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs1-r2l.size-sm, #modal-wrapper.type-drw.dir-xs1-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs1-t2b.size-lg, #modal-wrapper.type-drw.dir-xs1-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-xs1-t2b.size-sm, #modal-wrapper.type-drw.dir-xs1-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs1-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs1-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-xs1-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs1-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-xs1-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-xs1-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-xs1-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-xs1-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
/* XS2 */
@media all and (min-width: 415px) and (max-width: 767px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs2-r2l.size-lg, #modal-wrapper.type-drw.dir-xs2-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs2-r2l.size-sm, #modal-wrapper.type-drw.dir-xs2-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs2-t2b.size-lg, #modal-wrapper.type-drw.dir-xs2-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-xs2-t2b.size-sm, #modal-wrapper.type-drw.dir-xs2-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs2-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs2-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-xs2-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs2-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-xs2-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-xs2-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-xs2-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-xs2-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
/* Common SM1 and SM2 */
/* SM1 */
@media all and (min-width: 768px) and (max-width: 1023px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm1-r2l.size-lg, #modal-wrapper.type-drw.dir-sm1-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm1-r2l.size-sm, #modal-wrapper.type-drw.dir-sm1-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm1-t2b.size-lg, #modal-wrapper.type-drw.dir-sm1-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-sm1-t2b.size-sm, #modal-wrapper.type-drw.dir-sm1-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm1-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm1-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-sm1-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm1-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-sm1-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-sm1-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-sm1-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-sm1-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
/* SM2 */
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm2-r2l.size-lg, #modal-wrapper.type-drw.dir-sm2-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm2-r2l.size-sm, #modal-wrapper.type-drw.dir-sm2-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm2-t2b.size-lg, #modal-wrapper.type-drw.dir-sm2-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-sm2-t2b.size-sm, #modal-wrapper.type-drw.dir-sm2-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm2-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm2-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-sm2-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm2-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-sm2-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-sm2-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-sm2-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-sm2-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
/* Common MD and LG */
/* MD */
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-md-r2l.size-lg, #modal-wrapper.type-drw.dir-md-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-md-r2l.size-sm, #modal-wrapper.type-drw.dir-md-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-md-t2b.size-lg, #modal-wrapper.type-drw.dir-md-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-md-t2b.size-sm, #modal-wrapper.type-drw.dir-md-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-md-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-md-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-md-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-md-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-md-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-md-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-md-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-md-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
/* LG */
@media all and (min-width: 1680px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-lg-r2l.size-lg, #modal-wrapper.type-drw.dir-lg-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-lg-r2l.size-sm, #modal-wrapper.type-drw.dir-lg-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-lg-t2b.size-lg, #modal-wrapper.type-drw.dir-lg-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-lg-t2b.size-sm, #modal-wrapper.type-drw.dir-lg-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-lg-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-lg-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-lg-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-lg-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-lg-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-lg-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-lg-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-lg-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 {
  display: flex;
  flex-wrap: wrap; }
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
  display: flex;
  justify-content: space-between; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul {
    display: flex;
    flex-wrap: wrap; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li a {
      display: flex;
      justify-content: center;
      align-items: center; }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 .moobileSplitter {
    display: none; }
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 .c-item-01 {
  display: flex;
  align-items: center; }
.comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-01 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
.comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-02 {
  display: flex;
  flex-direction: column; }

@media all and (max-width: 414px) {
  .comp-layout-footer-01 .footer-01 .c-wrapper {
    padding-bottom: 120px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
      flex-direction: column-reverse;
      align-items: center;
      text-align: center; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 {
        justify-content: center; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 .moobileSplitter {
        display: block; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
      margin: 0; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 .c-item-01 {
        justify-content: center; }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-02 {
    display: none; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-layout-footer-01 .footer-01 .c-wrapper {
    padding-bottom: 120px; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
      flex-direction: column-reverse;
      align-items: center;
      text-align: center; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 {
        justify-content: center; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 .moobileSplitter {
        display: block; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
      margin: 0; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 .c-item-01 {
        justify-content: center; }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-02 {
    display: none; } }
.comp-form-layout-01 {
  display: flex;
  flex-wrap: wrap; }

.comp-form-layout-02 {
  display: flex;
  flex-wrap: wrap; }

.comp-form-layout-04 {
  display: flex;
  flex-wrap: wrap; }

.comp-form-layout-05 {
  display: flex; }

@media all and (max-width: 414px) {
  .comp-form-layout-06 .address-form {
    display: flex;
    flex-direction: column; }
    .comp-form-layout-06 .address-form .c-container-01 {
      display: flex;
      flex-direction: column; }
      .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 {
        display: flex;
        flex-direction: column; }
        .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-A, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-B, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
    .comp-form-layout-06 .address-form .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-form-layout-06 .address-form {
    display: flex;
    flex-direction: column; }
    .comp-form-layout-06 .address-form .c-container-01 {
      display: flex;
      flex-direction: column; }
      .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 {
        display: flex;
        flex-direction: column; }
        .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-A, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-B, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
    .comp-form-layout-06 .address-form .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-form-layout-06 .address-form {
    display: flex;
    flex-direction: column; }
    .comp-form-layout-06 .address-form .c-container-01 {
      display: flex;
      flex-direction: column; }
      .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 {
        display: flex;
        flex-direction: column; }
        .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-A, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-B, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
    .comp-form-layout-06 .address-form .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-form-layout-06 .address-form {
    display: flex;
    flex-direction: column; }
    .comp-form-layout-06 .address-form .c-container-01 {
      display: flex;
      flex-direction: column; }
      .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 {
        display: flex;
        flex-direction: column; }
        .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-A, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-B, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
    .comp-form-layout-06 .address-form .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-form-layout-06 .address-form {
    display: flex;
    flex-direction: column; }
    .comp-form-layout-06 .address-form .c-container-01 {
      display: flex;
      flex-direction: column; }
      .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 {
        display: flex;
        flex-direction: column; }
        .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-A, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-B, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
    .comp-form-layout-06 .address-form .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end; } }
@media all and (min-width: 1680px) {
  .comp-form-layout-06 .address-form {
    display: flex;
    flex-direction: column; }
    .comp-form-layout-06 .address-form .c-container-01 {
      display: flex;
      flex-direction: column; }
      .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 {
        display: flex;
        flex-direction: column; }
        .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-A, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-B, .comp-form-layout-06 .address-form .c-container-01 > .c-item-02 .c-item-02-C {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
    .comp-form-layout-06 .address-form .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end; } }
img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.comp-micro-layout-01 {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .comp-micro-layout-01 .c-item-01 {
    position: absolute;
    z-index: 2; }

.comp-micro-layout-04 {
  display: flex;
  align-items: center; }
  .comp-micro-layout-04 .m-c-item02 {
    display: flex;
    justify-content: center;
    align-items: center; }

.comp-micro-layout-10 {
  display: flex; }
  .comp-micro-layout-10 .c-item {
    display: flex;
    align-items: center;
    justify-content: center; }

.comp-micro-layout-11 {
  display: flex;
  align-items: center; }

.comp-micro-layout-12 {
  display: flex;
  align-items: center; }
  .comp-micro-layout-12 .c-item-03 {
    position: absolute;
    display: flex;
    align-items: center; }

.comp-micro-layout-17 {
  display: flex;
  flex-direction: column;
  align-items: center; }

.comp-micro-layout-18 {
  display: flex;
  align-items: center; }
  .comp-micro-layout-18 .c-item-B {
    flex: 1; }
  .comp-micro-layout-18 .c-item-C {
    display: flex;
    align-items: center; }
    .comp-micro-layout-18 .c-item-C .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: center; }

.comp-micro-layout-19 .mobile-close-summary, .comp-micro-layout-19 .mobile-open-summary {
  display: none; }

.comp-micro-layout-20 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.comp-micro-layout-25 .c-item-01 {
  display: flex;
  justify-content: center;
  align-items: center; }

.comp-micro-layout-26 .c-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .comp-micro-layout-26 .c-item .c-item-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .comp-micro-layout-26 .c-item .c-item-01 .c-unit-01 {
      display: flex;
      flex-wrap: wrap; }

.comp-micro-layout-27 .c-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .comp-micro-layout-27 .c-item .c-item-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

.comp-micro-layout-29 {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.comp-micro-layout-30 {
  display: flex;
  flex-direction: column; }
  .comp-micro-layout-30 .c-item-04 .c-unit-01 {
    display: flex;
    justify-content: space-between; }

.comp-micro-layout-31 {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .comp-micro-layout-31 .c-item-01 {
    display: flex;
    justify-content: center;
    align-items: center; }
  .comp-micro-layout-31 .c-item-02 {
    display: flex;
    align-items: center;
    justify-content: center; }

@media all and (max-width: 414px) {
  .comp-micro-layout-01 .c-item-01 {
    top: 16px;
    left: 16px; }

  .comp-micro-layout-02 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center; }
  .comp-micro-layout-02 .c-item-02 .c-item-03 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-02 .c-item-02 .c-item-03 .c-item-03-A {
      display: flex; }
  .comp-micro-layout-02 .c-item-02 .c-item-06 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start; }
    .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A {
      display: flex;
      justify-content: center;
      align-items: center; }

  .comp-micro-layout-04 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-04 .m-c-item02 {
      display: flex;
      justify-content: center;
      align-items: center; }

  .comp-micro-layout-06 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-C {
      display: flex;
      align-items: center; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-F {
      display: none; }
    .comp-micro-layout-06 .c-unit-03 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-03 .c-unit-03-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-C, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-D, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-E {
          display: flex;
          justify-content: space-between; }
    .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 .c-unit-04-C {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-05 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-05 .c-unit-05-B {
        display: flex; }
        .comp-micro-layout-06 .c-unit-05 .c-unit-05-B .c-unit-05-01-A {
          display: flex;
          justify-content: center;
          align-items: center; }
    .comp-micro-layout-06 .c-unit-07 {
      display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-B {
        display: flex;
        flex-direction: column; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-A {
        display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-B .c-unit-07-01-D {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-08 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-06 .c-unit-08 .c-unit-08-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-06 .c-unit-08 .c-unit-08-A > span {
          display: flex;
          flex-direction: column; }
    .comp-micro-layout-06 .c-unit-09 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-A {
        margin-bottom: 4px; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-C {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-top: 16px; }

  .comp-micro-layout-07 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .comp-micro-layout-07 .c-item-01 {
      display: flex;
      align-items: center; }
    .comp-micro-layout-07 .c-item-02 {
      display: flex;
      flex-wrap: nowrap;
      overflow: auto; }
      .comp-micro-layout-07 .c-item-02 .c-item-02-A {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between; }
        .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
            display: flex;
            align-items: center;
            justify-content: center; }

  .comp-micro-layout-13 .c-unit-01 {
    display: flex;
    align-items: center; }
  .comp-micro-layout-13 .c-unit-02 {
    position: absolute;
    left: 16px;
    top: 14px; }

  .comp-micro-layout-18 {
    align-items: flex-start; }

  .comp-micro-layout-19 .micro-ui-04 .hr-A, .comp-micro-layout-19 .micro-ui-04 .c-item-02, .comp-micro-layout-19 .micro-ui-04 .c-item-03, .comp-micro-layout-19 .micro-ui-04 .c-item-B, .comp-micro-layout-19 .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19 .micro-ui-04 .mobile-close-summary {
    display: none; }
  .comp-micro-layout-19 .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 0; }
  .comp-micro-layout-19 .micro-ui-11 {
    display: none; }
  .comp-micro-layout-19 .mobile-toggle-summary {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .comp-micro-layout-19 .mobile-open-summary {
    display: block; }
  .comp-micro-layout-19.active .mobile-open-summary {
    display: none; }
  .comp-micro-layout-19.active .micro-ui-04 .hr-A, .comp-micro-layout-19.active .micro-ui-04 .c-item-03, .comp-micro-layout-19.active .micro-ui-04 .c-item-B, .comp-micro-layout-19.active .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19.active .micro-ui-04 .mobile-close-summary {
    display: block; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-02 {
    display: flex; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 18px; }
  .comp-micro-layout-19.active .micro-ui-11 {
    display: block; }

  .comp-micro-layout-21 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-21 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .comp-micro-layout-21 .c-item-01 .c-item-02 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }

  .comp-micro-layout-22 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .comp-micro-layout-22 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center; }

  .comp-micro-layout-24 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; }

  .comp-micro-layout-33 {
    background: #FFFFFF;
    /*border: 1px solid #E1E1E1;*/
    box-sizing: border-box;
    margin-bottom: 8px; }
    .comp-micro-layout-33 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-01 {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #171718;
        width: 259px; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-33 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-33 .expandingContent > .c-item-01 .c-item-01-A {
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        color: #171718; }
    .comp-micro-layout-33.on {
      background: #FAFAFA; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-03 {
        display: block; }
    .comp-micro-layout-33:last-child {
      margin-bottom: 0 !important; }

  .comp-micro-layout-34 {
    background: #FAFAFA; }
    .comp-micro-layout-34 > .c-container-01 {
      display: flex;
      width: 100%;
      align-items: center; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-01 {
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 30px !important;
        color: #171718 !important;
        opacity: 0.8 !important;
        order: 2; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-34 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-34 .expandingContent > .c-item-01 .c-item-01-A {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }

  .comp-micro-layout-35 {
    padding: 20px 16px;
    margin-bottom: 8px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    border: 1px solid #E1E1E1; }
    .comp-micro-layout-35 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-01 {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #171718;
        margin-bottom: 0 !important; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-35 .expandingContent > .c-column-01 {
      display: flex;
      margin-top: 20px; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 {
        order: 2;
        width: 259px; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-A {
          font-weight: 600;
          font-size: 13px;
          line-height: 20px;
          color: #171718; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-B {
          font-weight: 400;
          font-size: 13px;
          line-height: 20px;
          color: #171718; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        order: 1;
        border-radius: 50%;
        background: #84328A;
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 .c-unit-01 {
          font-weight: 500;
          font-size: 10px;
          line-height: 12px;
          display: flex;
          align-items: center;
          text-align: center;
          color: #FFFFFF; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02:after {
          display: none; }
      .comp-micro-layout-35 .expandingContent > .c-column-01:last-child > .c-item-02:after {
        display: none; }
    .comp-micro-layout-35.on {
      background: #FAFAFA; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-03 {
        display: block; }
    .comp-micro-layout-35:last-child {
      margin-bottom: 0; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-micro-layout-01 .c-item-01 {
    top: 16px;
    left: 16px; }

  .comp-micro-layout-02 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center; }
  .comp-micro-layout-02 .c-item-02 .c-item-03 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-02 .c-item-02 .c-item-03 .c-item-03-A {
      display: flex; }
  .comp-micro-layout-02 .c-item-02 .c-item-06 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start; }
    .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A {
      display: flex;
      justify-content: center;
      align-items: center; }

  .comp-micro-layout-04 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-04 .m-c-item02 {
      display: flex;
      justify-content: center;
      align-items: center; }

  .comp-micro-layout-06 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-C {
      display: flex;
      align-items: center; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-F {
      display: none; }
    .comp-micro-layout-06 .c-unit-03 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-03 .c-unit-03-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-C, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-D, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-E {
          display: flex;
          justify-content: space-between; }
    .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 .c-unit-04-C {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-05 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-05 .c-unit-05-B {
        display: flex; }
        .comp-micro-layout-06 .c-unit-05 .c-unit-05-B .c-unit-05-01-A {
          display: flex;
          justify-content: center;
          align-items: center; }
    .comp-micro-layout-06 .c-unit-07 {
      display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-B {
        display: flex;
        flex-direction: column; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-A {
        display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-B .c-unit-07-01-D {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-08 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-06 .c-unit-08 .c-unit-08-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-06 .c-unit-08 .c-unit-08-A > span {
          display: flex;
          flex-direction: column; }
    .comp-micro-layout-06 .c-unit-09 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-A {
        margin-bottom: 4px; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-C {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-top: 16px; }

  .comp-micro-layout-07 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .comp-micro-layout-07 .c-item-01 {
      display: flex;
      align-items: center; }
    .comp-micro-layout-07 .c-item-02 {
      display: flex;
      flex-wrap: nowrap;
      overflow: auto; }
      .comp-micro-layout-07 .c-item-02 .c-item-02-A {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between; }
        .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
            display: flex;
            align-items: center;
            justify-content: center; }

  .comp-micro-layout-13 .c-unit-01 {
    display: flex;
    align-items: center; }
  .comp-micro-layout-13 .c-unit-02 {
    position: absolute;
    left: 16px;
    top: 14px; }

  .comp-micro-layout-18 {
    align-items: flex-start; }

  .comp-micro-layout-19 .micro-ui-04 .hr-A, .comp-micro-layout-19 .micro-ui-04 .c-item-02, .comp-micro-layout-19 .micro-ui-04 .c-item-03, .comp-micro-layout-19 .micro-ui-04 .c-item-B, .comp-micro-layout-19 .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19 .micro-ui-04 .mobile-close-summary {
    display: none; }
  .comp-micro-layout-19 .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 0; }
  .comp-micro-layout-19 .micro-ui-11 {
    display: none; }
  .comp-micro-layout-19 .mobile-toggle-summary {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .comp-micro-layout-19 .mobile-open-summary {
    display: block; }
  .comp-micro-layout-19.active .mobile-open-summary {
    display: none; }
  .comp-micro-layout-19.active .micro-ui-04 .hr-A, .comp-micro-layout-19.active .micro-ui-04 .c-item-03, .comp-micro-layout-19.active .micro-ui-04 .c-item-B, .comp-micro-layout-19.active .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19.active .micro-ui-04 .mobile-close-summary {
    display: block; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-02 {
    display: flex; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 18px; }
  .comp-micro-layout-19.active .micro-ui-11 {
    display: block; }

  .comp-micro-layout-21 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-21 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .comp-micro-layout-21 .c-item-01 .c-item-02 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }

  .comp-micro-layout-22 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .comp-micro-layout-22 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center; }

  .comp-micro-layout-24 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; }

  .comp-micro-layout-33 {
    background: #FFFFFF;
    /*border: 1px solid #E1E1E1;*/
    box-sizing: border-box;
    margin-bottom: 8px; }
    .comp-micro-layout-33 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-01 {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #171718;
        width: 259px; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-33 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-33 .expandingContent > .c-item-01 .c-item-01-A {
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        color: #171718; }
    .comp-micro-layout-33.on {
      background: #FAFAFA; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-03 {
        display: block; }
    .comp-micro-layout-33:last-child {
      margin-bottom: 0 !important; }

  .comp-micro-layout-34 {
    background: #FAFAFA; }
    .comp-micro-layout-34 > .c-container-01 {
      display: flex;
      width: 100%;
      align-items: center; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-01 {
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 30px !important;
        color: #171718 !important;
        opacity: 0.8 !important;
        order: 2; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-34 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-34 .expandingContent > .c-item-01 .c-item-01-A {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }

  .comp-micro-layout-35 {
    padding: 20px 16px;
    margin-bottom: 8px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    border: 1px solid #E1E1E1; }
    .comp-micro-layout-35 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-01 {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #171718;
        margin-bottom: 0 !important; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-35 .expandingContent > .c-column-01 {
      display: flex;
      margin-top: 20px; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 {
        order: 2;
        width: 259px; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-A {
          font-weight: 600;
          font-size: 13px;
          line-height: 20px;
          color: #171718; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-B {
          font-weight: 400;
          font-size: 13px;
          line-height: 20px;
          color: #171718; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        order: 1;
        border-radius: 50%;
        background: #84328A;
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 .c-unit-01 {
          font-weight: 500;
          font-size: 10px;
          line-height: 12px;
          display: flex;
          align-items: center;
          text-align: center;
          color: #FFFFFF; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02:after {
          display: none; }
      .comp-micro-layout-35 .expandingContent > .c-column-01:last-child > .c-item-02:after {
        display: none; }
    .comp-micro-layout-35.on {
      background: #FAFAFA; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-03 {
        display: block; }
    .comp-micro-layout-35:last-child {
      margin-bottom: 0; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-micro-layout-01 .c-item-01 {
    top: 16px;
    left: 16px; }

  .comp-micro-layout-02 .c-item-01 {
    display: flex;
    justify-content: center;
    align-items: center; }
  .comp-micro-layout-02 .c-item-02 .c-item-03 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-02 .c-item-02 .c-item-03 .c-item-03-A {
      display: flex; }
  .comp-micro-layout-02 .c-item-02 .c-item-06 {
    display: flex;
    flex-direction: column;
    align-content: flex-start; }
    .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A {
      display: flex;
      justify-content: center;
      align-items: center; }
  .comp-micro-layout-02 .c-item-02 .c-item-08 {
    display: block; }

  .comp-micro-layout-04 {
    flex-direction: column; }

  .comp-micro-layout-06 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-C {
      display: flex;
      align-items: center; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-F {
      display: none; }
    .comp-micro-layout-06 .c-unit-03 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-03 .c-unit-03-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-C, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-D, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-E {
          display: flex;
          justify-content: space-between; }
    .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 .c-unit-04-C {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-05 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-05 .c-unit-05-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-05 .c-unit-05-B .c-unit-05-01-A {
          display: flex;
          justify-content: center;
          align-items: center; }
    .comp-micro-layout-06 .c-unit-07 {
      display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-B {
        display: flex;
        flex-direction: column; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-A {
        display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-B .c-unit-07-01-D {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-08 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-06 .c-unit-08 .c-unit-08-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-06 .c-unit-08 .c-unit-08-A > span {
          display: flex;
          flex-direction: column; }
    .comp-micro-layout-06 .c-unit-09 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-C {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center; }

  .comp-micro-layout-07 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .comp-micro-layout-07 .c-item-01 {
      display: flex;
      align-items: center; }
    .comp-micro-layout-07 .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .comp-micro-layout-07 .c-item-02 .c-item-02-A {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between; }
        .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
            display: flex;
            align-items: center;
            justify-content: center; }

  .comp-micro-layout-13 .c-unit-01 {
    display: flex;
    align-items: center; }
  .comp-micro-layout-13 .c-unit-02 {
    position: absolute;
    left: 16px;
    top: 14px; }

  .comp-micro-layout-18 {
    align-items: flex-start; }

  .comp-micro-layout-19 .micro-ui-04 .hr-A, .comp-micro-layout-19 .micro-ui-04 .c-item-02, .comp-micro-layout-19 .micro-ui-04 .c-item-03, .comp-micro-layout-19 .micro-ui-04 .c-item-B, .comp-micro-layout-19 .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19 .micro-ui-04 .mobile-close-summary {
    display: none; }
  .comp-micro-layout-19 .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 0; }
  .comp-micro-layout-19 .micro-ui-11 {
    display: none; }
  .comp-micro-layout-19 .mobile-toggle-summary {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .comp-micro-layout-19 .mobile-open-summary {
    display: block; }
  .comp-micro-layout-19.active .mobile-open-summary {
    display: none; }
  .comp-micro-layout-19.active .micro-ui-04 .hr-A, .comp-micro-layout-19.active .micro-ui-04 .c-item-03, .comp-micro-layout-19.active .micro-ui-04 .c-item-B, .comp-micro-layout-19.active .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19.active .micro-ui-04 .mobile-close-summary {
    display: block; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-02 {
    display: flex; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 18px; }
  .comp-micro-layout-19.active .micro-ui-11 {
    display: block; }

  .comp-micro-layout-21 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-21 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .comp-micro-layout-21 .c-item-01 .c-item-02 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }

  .comp-micro-layout-22 {
    display: flex; }
    .comp-micro-layout-22 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }

  .comp-micro-layout-24 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; }

  .comp-micro-layout-30 {
    display: flex;
    flex-direction: row; }

  .comp-micro-layout-32 .c-item-01 .c-item-01-A {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #3D175E; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-micro-layout-01 .c-item-01 {
    top: 16px;
    left: 16px; }

  .comp-micro-layout-02 .c-item-01 {
    display: flex;
    justify-content: center;
    align-items: center; }
  .comp-micro-layout-02 .c-item-02 .c-item-03 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-02 .c-item-02 .c-item-03 .c-item-03-A {
      display: flex; }
  .comp-micro-layout-02 .c-item-02 .c-item-06 {
    display: flex;
    flex-direction: column;
    align-content: flex-start; }
    .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A {
      display: flex;
      justify-content: center;
      align-items: center; }
  .comp-micro-layout-02 .c-item-02 .c-item-08 {
    display: block; }

  .comp-micro-layout-04 {
    flex-direction: column; }

  .comp-micro-layout-06 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-C {
      display: flex;
      align-items: center; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-F {
      display: none; }
    .comp-micro-layout-06 .c-unit-03 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-03 .c-unit-03-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-C, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-D, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-E {
          display: flex;
          justify-content: space-between; }
    .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 .c-unit-04-C {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-05 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-05 .c-unit-05-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-05 .c-unit-05-B .c-unit-05-01-A {
          display: flex;
          justify-content: center;
          align-items: center; }
    .comp-micro-layout-06 .c-unit-07 {
      display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-B {
        display: flex;
        flex-direction: column; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-A {
        display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-B .c-unit-07-01-D {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-08 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-06 .c-unit-08 .c-unit-08-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-06 .c-unit-08 .c-unit-08-A > span {
          display: flex;
          flex-direction: column; }
    .comp-micro-layout-06 .c-unit-09 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-C {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center; }

  .comp-micro-layout-07 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .comp-micro-layout-07 .c-item-01 {
      display: flex;
      align-items: center; }
    .comp-micro-layout-07 .c-item-02 {
      display: flex;
      flex-wrap: wrap; }
      .comp-micro-layout-07 .c-item-02 .c-item-02-A {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between; }
        .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 {
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
            display: flex;
            align-items: center;
            justify-content: center; }

  .comp-micro-layout-13 .c-unit-01 {
    display: flex;
    align-items: center; }
  .comp-micro-layout-13 .c-unit-02 {
    position: absolute;
    left: 16px;
    top: 14px; }

  .comp-micro-layout-18 {
    align-items: flex-start; }

  .comp-micro-layout-19 .micro-ui-04 .hr-A, .comp-micro-layout-19 .micro-ui-04 .c-item-02, .comp-micro-layout-19 .micro-ui-04 .c-item-03, .comp-micro-layout-19 .micro-ui-04 .c-item-B, .comp-micro-layout-19 .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19 .micro-ui-04 .mobile-close-summary {
    display: none; }
  .comp-micro-layout-19 .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 0; }
  .comp-micro-layout-19 .micro-ui-11 {
    display: none; }
  .comp-micro-layout-19 .mobile-toggle-summary {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .comp-micro-layout-19 .mobile-open-summary {
    display: block; }
  .comp-micro-layout-19.active .mobile-open-summary {
    display: none; }
  .comp-micro-layout-19.active .micro-ui-04 .hr-A, .comp-micro-layout-19.active .micro-ui-04 .c-item-03, .comp-micro-layout-19.active .micro-ui-04 .c-item-B, .comp-micro-layout-19.active .micro-ui-04 .c-item-A-item2, .comp-micro-layout-19.active .micro-ui-04 .mobile-close-summary {
    display: block; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-02 {
    display: flex; }
  .comp-micro-layout-19.active .micro-ui-04 .c-item-A .c-item-01 {
    margin-bottom: 18px; }
  .comp-micro-layout-19.active .micro-ui-11 {
    display: block; }

  .comp-micro-layout-21 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-21 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .comp-micro-layout-21 .c-item-01 .c-item-02 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }

  .comp-micro-layout-22 {
    display: flex; }
    .comp-micro-layout-22 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }

  .comp-micro-layout-24 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; }

  .comp-micro-layout-30 {
    display: flex;
    flex-direction: row; }

  .comp-micro-layout-32 .c-item-01 .c-item-01-A {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #3D175E; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-micro-layout-01 .c-item-01 {
    top: 24px;
    left: 24px;
    right: 24px; }
  .comp-micro-layout-01 img {
    width: 100%;
    height: auto; }

  .comp-micro-layout-02 {
    display: block; }
    .comp-micro-layout-02 .c-item-01 {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-micro-layout-02 .c-item-02 .c-item-03 {
      display: flex;
      align-items: center; }
      .comp-micro-layout-02 .c-item-02 .c-item-03 .c-item-03-A {
        display: flex; }
    .comp-micro-layout-02 .c-item-02 .c-item-06 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A .c-unit-01 {
          display: none; }

  .comp-micro-layout-06 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-C {
      display: flex;
      align-items: center; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-F {
      position: absolute;
      right: 0;
      top: 0; }
    .comp-micro-layout-06 .c-unit-03 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-03 .c-unit-03-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-C, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-D, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-E {
          display: flex;
          justify-content: space-between; }
    .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 .c-unit-04-C {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-05 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-05 .c-unit-05-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-05 .c-unit-05-B .c-unit-05-01-A {
          display: flex;
          justify-content: center;
          align-items: center; }
    .comp-micro-layout-06 .c-unit-07 {
      display: flex;
      justify-content: space-between; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-B {
        display: flex;
        flex-direction: column; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-A {
        display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-B .c-unit-07-01-D {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-08 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-06 .c-unit-08 .c-unit-08-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-06 .c-unit-08 .c-unit-08-A > span {
          display: flex;
          flex-direction: column; }
    .comp-micro-layout-06 .c-unit-09 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-A {
        margin-bottom: 4px; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-C {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-top: 16px; }

  .comp-micro-layout-07 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .comp-micro-layout-07 .c-item-01 {
      display: flex;
      align-items: center; }
    .comp-micro-layout-07 .c-item-02 .c-item-02-A {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
          display: flex;
          align-items: center;
          justify-content: center; }

  .comp-micro-layout-21 {
    display: flex; }
    .comp-micro-layout-21 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .comp-micro-layout-21 .c-item-01 .c-item-02 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }

  .comp-micro-layout-22 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-22 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }

  .comp-micro-layout-24 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }

  .comp-micro-layout-25 .c-item-01 {
    display: block;
    scroll-behavior: smooth; }
    .comp-micro-layout-25 .c-item-01 .c-item-01-A {
      display: block;
      padding: 12px 91px 12px 24px;
      background: #FFFFFF;
      font-weight: 500;
      font-size: 14px;
      line-height: 14px;
      color: #171718; }
      .comp-micro-layout-25 .c-item-01 .c-item-01-A:before {
        content: '';
        background: #84328A;
        position: absolute;
        display: none;
        border-radius: 100px;
        width: 2px;
        left: 3px;
        top: 3px;
        height: 30px; }
      .comp-micro-layout-25 .c-item-01 .c-item-01-A.on {
        color: #84328A; }
        .comp-micro-layout-25 .c-item-01 .c-item-01-A.on:before {
          content: '';
          background: #84328A;
          position: absolute;
          display: block;
          border-radius: 100px;
          width: 2px;
          height: 30px; }
        .comp-micro-layout-25 .c-item-01 .c-item-01-A.on ~ .c-item-01-B {
          display: block; }
    .comp-micro-layout-25 .c-item-01 .c-item-01-B {
      display: none; }
      .comp-micro-layout-25 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A {
        display: block;
        padding: 12px 0 12px 47px;
        background: #FFFFFF;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #171718; }
        .comp-micro-layout-25 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A.activeMenuEl {
          background: #FAFAFA;
          color: #84328A; }

  .comp-micro-layout-33 {
    padding: 0px 0px 0px 32px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    border-radius: 4px; }
    .comp-micro-layout-33 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-01 {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0 !important;
        color: #171718; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-33 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-33 .expandingContent > .c-item-01 > .c-item-01-A {
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }
    .comp-micro-layout-33 .expandingContent > .c-column-01 > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-33 .expandingContent > .c-column-01 > .c-item-01 > .c-item-01-A {
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #171718;
        opacity: 0.8; }
    .comp-micro-layout-33.on {
      background: #FAFAFA; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-03 {
        display: block; }

  .custom-micro-33 {
    padding: 0px !important; }

  .comp-micro-layout-34 {
    background: #FAFAFA; }
    .comp-micro-layout-34 > .c-container-01 {
      display: flex;
      width: 100%;
      align-items: center; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-01 {
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 30px !important;
        color: #171718 !important;
        opacity: 0.8 !important;
        order: 2; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-34 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-34 .expandingContent > .c-item-01 .c-item-01-A {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }

  .comp-micro-layout-35 {
    padding: 30px 32px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    border-radius: 4px; }
    .comp-micro-layout-35 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-01 {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0 !important;
        color: #171718; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-35 .expandingContent > .c-column-01 {
      display: flex;
      margin-top: 37px; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 {
        order: 2;
        width: 606px; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-A {
          font-weight: 600;
          font-size: 14px;
          line-height: 22px;
          color: #171718; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-B {
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: #171718;
          opacity: 0.8; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 {
        width: 32px;
        height: 32px;
        margin-right: 12px;
        order: 1;
        border-radius: 50%;
        background: #84328A;
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 .c-unit-01 {
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          display: flex;
          align-items: center;
          text-align: center;
          color: #FFFFFF; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02:after {
          content: '';
          position: absolute;
          opacity: 0.2;
          border: 1px dashed #84328A;
          width: 0;
          top: 36px;
          height: 62px; }
      .comp-micro-layout-35 .expandingContent > .c-column-01:last-child > .c-item-02:after {
        display: none; }
    .comp-micro-layout-35 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-35 .expandingContent > .c-item-01 > .c-item-01-A {
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }
    .comp-micro-layout-35.on {
      background: #FAFAFA; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-03 {
        display: block; }
      .comp-micro-layout-35.on .expandingContent > .c-column-01 > .c-item-02:after {
        content: '';
        position: absolute;
        opacity: 0.2;
        border: 1px dashed #84328A;
        width: 0;
        top: 36px;
        height: 62px; }
      .comp-micro-layout-35.on .expandingContent > .c-column-01:last-child > .c-item-02:after {
        display: none; } }
@media all and (min-width: 1680px) {
  .comp-micro-layout-01 .c-item-01 {
    top: 24px;
    left: 24px;
    right: 24px; }
  .comp-micro-layout-01 img {
    width: 100%;
    height: auto; }

  .comp-micro-layout-02 {
    display: block; }
    .comp-micro-layout-02 .c-item-01 {
      display: flex;
      justify-content: center;
      align-items: center; }
    .comp-micro-layout-02 .c-item-02 .c-item-03 {
      display: flex;
      align-items: center; }
      .comp-micro-layout-02 .c-item-02 .c-item-03 .c-item-03-A {
        display: flex; }
    .comp-micro-layout-02 .c-item-02 .c-item-06 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-02 .c-item-02 .c-item-06 .c-item-06-A .c-unit-01 {
          display: none; }

  .comp-micro-layout-06 {
    display: flex;
    flex-direction: column; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-C {
      display: flex;
      align-items: center; }
    .comp-micro-layout-06 .c-unit-01 .c-unit-01-F {
      position: absolute;
      right: 0;
      top: 0; }
    .comp-micro-layout-06 .c-unit-03 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-03 .c-unit-03-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-C, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-D, .comp-micro-layout-06 .c-unit-03 .c-unit-03-B .c-unit-03-E {
          display: flex;
          justify-content: space-between; }
    .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .comp-micro-layout-06 .c-unit-04 .c-unit-04-01 .c-unit-04-C {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-05 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-05 .c-unit-05-B {
        display: flex;
        flex-wrap: wrap; }
        .comp-micro-layout-06 .c-unit-05 .c-unit-05-B .c-unit-05-01-A {
          display: flex;
          justify-content: center;
          align-items: center; }
    .comp-micro-layout-06 .c-unit-07 {
      display: flex;
      justify-content: space-between; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-A {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-B {
        display: flex;
        flex-direction: column; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-01-A {
        display: flex; }
      .comp-micro-layout-06 .c-unit-07 .c-unit-07-B .c-unit-07-01-D {
        display: flex;
        justify-content: center;
        align-items: center; }
    .comp-micro-layout-06 .c-unit-08 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      .comp-micro-layout-06 .c-unit-08 .c-unit-08-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-micro-layout-06 .c-unit-08 .c-unit-08-A > span {
          display: flex;
          flex-direction: column; }
    .comp-micro-layout-06 .c-unit-09 {
      display: flex;
      flex-direction: column; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-A {
        margin-bottom: 4px; }
      .comp-micro-layout-06 .c-unit-09 .c-unit-09-C {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-top: 16px; }

  .comp-micro-layout-07 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .comp-micro-layout-07 .c-item-01 {
      display: flex;
      align-items: center; }
    .comp-micro-layout-07 .c-item-02 .c-item-02-A {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .comp-micro-layout-07 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
          display: flex;
          align-items: center;
          justify-content: center; }

  .comp-micro-layout-21 {
    display: flex; }
    .comp-micro-layout-21 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .comp-micro-layout-21 .c-item-01 .c-item-02 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }

  .comp-micro-layout-22 {
    display: flex;
    align-items: center; }
    .comp-micro-layout-22 .c-item-01 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }

  .comp-micro-layout-24 .c-item-01 {
    display: flex;
    flex-wrap: wrap; }

  .comp-micro-layout-25 .c-item-01 {
    display: block;
    scroll-behavior: smooth; }
    .comp-micro-layout-25 .c-item-01 .c-item-01-A {
      display: block;
      padding: 12px 91px 12px 24px;
      background: #FFFFFF;
      font-weight: 500;
      font-size: 14px;
      line-height: 14px;
      color: #171718; }
      .comp-micro-layout-25 .c-item-01 .c-item-01-A:before {
        content: '';
        background: #84328A;
        position: absolute;
        display: none;
        border-radius: 100px;
        width: 2px;
        left: 3px;
        top: 3px;
        height: 30px; }
      .comp-micro-layout-25 .c-item-01 .c-item-01-A.on {
        color: #84328A; }
        .comp-micro-layout-25 .c-item-01 .c-item-01-A.on:before {
          content: '';
          background: #84328A;
          position: absolute;
          display: block;
          border-radius: 100px;
          width: 2px;
          height: 30px; }
        .comp-micro-layout-25 .c-item-01 .c-item-01-A.on ~ .c-item-01-B {
          display: block; }
    .comp-micro-layout-25 .c-item-01 .c-item-01-B {
      display: none; }
      .comp-micro-layout-25 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A {
        display: block;
        padding: 12px 0 12px 47px;
        background: #FFFFFF;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #171718; }
        .comp-micro-layout-25 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A.activeMenuEl {
          background: #FAFAFA;
          color: #84328A; }

  .comp-micro-layout-33 {
    padding: 0px 0px 0px 32px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    border-radius: 4px; }
    .comp-micro-layout-33 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-01 {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0 !important;
        color: #171718; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-33 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-33 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-33 .expandingContent > .c-item-01 > .c-item-01-A {
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }
    .comp-micro-layout-33 .expandingContent > .c-column-01 > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-33 .expandingContent > .c-column-01 > .c-item-01 > .c-item-01-A {
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #171718;
        opacity: 0.8; }
    .comp-micro-layout-33.on {
      background: #FAFAFA; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-33.on > .c-container-01 > .c-item-03 {
        display: block; }

  .custom-micro-33 {
    padding: 0px !important; }

  .comp-micro-layout-34 {
    background: #FAFAFA; }
    .comp-micro-layout-34 > .c-container-01 {
      display: flex;
      width: 100%;
      align-items: center; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-01 {
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 30px !important;
        color: #171718 !important;
        opacity: 0.8 !important;
        order: 2; }
      .comp-micro-layout-34 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-34 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-34 .expandingContent > .c-item-01 .c-item-01-A {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }

  .comp-micro-layout-35 {
    padding: 30px 32px;
    background: #FFFFFF;
    border-bottom: 1px solid #EDEDED;
    border-radius: 4px; }
    .comp-micro-layout-35 > .c-container-01 {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-01 {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0 !important;
        color: #171718; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-02 {
        display: block; }
      .comp-micro-layout-35 > .c-container-01 > .c-item-03 {
        display: none; }
    .comp-micro-layout-35 .expandingContent > .c-column-01 {
      display: flex;
      margin-top: 37px; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 {
        order: 2;
        width: 606px; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-A {
          font-weight: 600;
          font-size: 14px;
          line-height: 22px;
          color: #171718; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-01 .c-item-01-B {
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: #171718;
          opacity: 0.8; }
      .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 {
        width: 32px;
        height: 32px;
        margin-right: 12px;
        order: 1;
        border-radius: 50%;
        background: #84328A;
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02 .c-unit-01 {
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          display: flex;
          align-items: center;
          text-align: center;
          color: #FFFFFF; }
        .comp-micro-layout-35 .expandingContent > .c-column-01 > .c-item-02:after {
          content: '';
          position: absolute;
          opacity: 0.2;
          border: 1px dashed #84328A;
          width: 0;
          top: 36px;
          height: 62px; }
      .comp-micro-layout-35 .expandingContent > .c-column-01:last-child > .c-item-02:after {
        display: none; }
    .comp-micro-layout-35 .expandingContent > .c-item-01 {
      margin-top: 20px; }
      .comp-micro-layout-35 .expandingContent > .c-item-01 > .c-item-01-A {
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #171718;
        opacity: 0.8; }
    .comp-micro-layout-35.on {
      background: #FAFAFA; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-02 {
        display: none; }
      .comp-micro-layout-35.on > .c-container-01 > .c-item-03 {
        display: block; }
      .comp-micro-layout-35.on .expandingContent > .c-column-01 > .c-item-02:after {
        content: '';
        position: absolute;
        opacity: 0.2;
        border: 1px dashed #84328A;
        width: 0;
        top: 36px;
        height: 62px; }
      .comp-micro-layout-35.on .expandingContent > .c-column-01:last-child > .c-item-02:after {
        display: none; } }
.header-division {
  display: flex;
  justify-content: center;
  align-items: center; }
  .header-division .lnk-btn-03 {
    position: absolute;
    left: 32px;
    top: calc(50% - 20px); }

.footer-division {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.comp-layout-mobile-first-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .c-link-01 {
  display: block; }
.comp-layout-mobile-first-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.comp-layout-mobile-first-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-04 {
  display: flex;
  justify-content: space-between; }
.comp-layout-mobile-first-01.otp-login {
  display: flex;
  align-items: center;
  background: var(--black-white-500, #909091);
  height: 100vh;
  padding-top: inherit; }
  .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container {
    z-index: 11;
    margin-bottom: 0;
    height: 600px;
    padding-top: 36px; }
    .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division {
      display: flex;
      flex-direction: column;
      padding: 0;
      height: 100%; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal {
        height: 100%; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form {
          height: 100%; }
          .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail {
            padding: 0 32px; }
            .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-03 {
              padding: 0 32px; }
            .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-04 {
              padding: 0 32px; }
            .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail #submit-otp-button {
              padding: 0 32px; }
          .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='footer'] {
            display: flex;
            align-items: center;
            justify-content: center;
            border-top: 1px solid #E6E6E7;
            padding-top: 14px;
            position: absolute;
            bottom: 24px;
            width: 100%; }
            .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='footer'] #submit-otp-button {
              display: flex;
              align-items: center;
              justify-content: center; }
    .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .header-division {
      padding: 0;
      z-index: 999; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .header-division .lnk-btn-04 {
        display: none; }
    .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container #submit-otp-button {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--black-white-000, #FFF);
      border-radius: 8px;
      background: var(--Tertiary-600, #7A3986);
      text-align: center;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      height: 48px;
      width: 159px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.14px; }

.comp-layout-mobile-first-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-01 {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.comp-layout-mobile-first-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 {
  display: flex;
  justify-content: space-between; }
.comp-layout-mobile-first-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.comp-layout-mobile-first-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-04 .c-unit-04-A {
  display: block; }

.comp-layout-mobile-first-04 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-01 {
  display: flex;
  justify-content: center;
  align-items: center; }

@media all and (max-width: 414px) {
  .header-division .lnk-btn-03 {
    left: 20px; }

  .comp-layout-mobile-first-01.otp-login .mf-wrapper {
    max-width: fit-content; }
    .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container {
      padding-top: 60px;
      height: 100vh; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail {
        padding: 0 24px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-02 {
          margin-bottom: 24px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-03 {
          margin-bottom: 48px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-09 {
          color: #A32F2A;
          text-align: center;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail #submit-otp-button {
          width: 90%; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='footer'] {
        bottom: 36px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='footer'] #submit-otp-button {
          width: 90%; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .header-division {
        padding: 0; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .header-division .lnk-btn-04 {
          display: none; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container #submit-otp-button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--black-white-000, #FFF);
        border-radius: 8px;
        background: var(--Tertiary-600, #7A3986);
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        height: 48px;
        width: 159px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.14px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .header-division .lnk-btn-03 {
    left: 20px; }

  .comp-layout-mobile-first-01.otp-login .mf-wrapper {
    max-width: fit-content; }
    .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container {
      padding-top: 60px;
      height: 100vh; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail {
        padding: 0 24px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-02 {
          margin-bottom: 24px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-03 {
          margin-bottom: 48px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail .c-item-09 {
          color: #A32F2A;
          text-align: center;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='body'] #smsConfirmDetail #submit-otp-button {
          width: 90%; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='footer'] {
        bottom: 36px; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .body-division #comfirmSmsModal form [data-modal-section='footer'] #submit-otp-button {
          width: 90%; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .header-division {
        padding: 0; }
        .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container .header-division .lnk-btn-04 {
          display: none; }
      .comp-layout-mobile-first-01.otp-login .mf-wrapper .c-container #submit-otp-button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--black-white-000, #FFF);
        border-radius: 8px;
        background: var(--Tertiary-600, #7A3986);
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        height: 48px;
        width: 159px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.14px; } }
[data-modal-section='content'] {
  display: none; }

#modal-wrapper.type-mdl {
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  background-color: #fff;
  opacity: 0; }
  #modal-wrapper.type-mdl.dir-fade.size-lg {
    -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    transition: visibility 0s 0.3s, opacity 0.3s ease-in-out; }
  #modal-wrapper.type-mdl.dir-fade.size-sm {
    -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    transition: visibility 0s 0.3s, opacity 0.3s ease-in-out; }
  #modal-wrapper.type-mdl.dir-fade.size-sm-02 {
    -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    transition: visibility 0s 0.3s, opacity 0.3s ease-in-out; }
  #modal-wrapper.type-mdl.dir-fade.size-xs {
    -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    transition: visibility 0s 0.3s, opacity 0.3s ease-in-out; }
  #modal-wrapper.type-mdl #modal-content {
    display: flex;
    height: 100%;
    flex-direction: column; }
  #modal-wrapper.type-mdl #modal-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  #modal-wrapper.type-mdl #modal-body {
    flex: 1;
    overflow-y: auto; }
  #modal-wrapper.type-mdl #modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #modal-wrapper.type-mdl #modal-footer.footer-01 {
      justify-content: center !important; }
    #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary, #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary, #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
      display: flex;
      justify-content: center;
      align-items: center; }
  #modal-wrapper.type-mdl #modal-close {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    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-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.on {
    visibility: visible; }
    #modal-wrapper.type-mdl.on.dir-fade.size-lg {
      opacity: 1;
      -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      transition: visibility 0s 0s, opacity 0.5s ease-in-out; }
    #modal-wrapper.type-mdl.on.dir-fade.size-sm {
      opacity: 1;
      -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      transition: visibility 0s 0s, opacity 0.5s ease-in-out; }
    #modal-wrapper.type-mdl.on.dir-fade.size-sm-02 {
      opacity: 1;
      -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      transition: visibility 0s 0s, opacity 0.5s ease-in-out; }
    #modal-wrapper.type-mdl.on.dir-fade.size-xs {
      opacity: 1;
      -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
      transition: visibility 0s 0s, opacity 0.5s ease-in-out; }
    #modal-wrapper.type-mdl.on #modal-close {
      opacity: 1;
      -moz-transition: transform 0.25s ease, opacity 0.3s 0s;
      -o-transition: transform 0.25s ease, opacity 0.3s 0s;
      -webkit-transition: transform 0.25s ease, opacity 0.3s 0s;
      transition: transform 0.25s ease, opacity 0.3s 0s; }

/* Common XS1 and XS2 */
/* XS1 */
@media all and (max-width: 414px) {
  #modal-wrapper.type-mdl.size-lg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #modal-wrapper.type-mdl.size-sm {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #modal-wrapper.type-mdl.size-sm-02 {
    top: 120px;
    left: 20px;
    width: calc(100% - 40px);
    height: 480px; }
  #modal-wrapper.type-mdl.size-xs {
    top: 120px;
    left: 20px;
    width: calc(100% - 40px);
    height: 400px; } }
/* XS2 */
@media all and (min-width: 415px) and (max-width: 767px) {
  #modal-wrapper.type-mdl.size-lg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #modal-wrapper.type-mdl.size-sm {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #modal-wrapper.type-mdl.size-sm-02 {
    top: 120px;
    left: 20px;
    width: calc(100% - 40px);
    height: 480px; }
  #modal-wrapper.type-mdl.size-xs {
    top: 120px;
    left: 20px;
    width: calc(100% - 40px);
    height: 400px; } }
/* Common SM1 and SM2 */
/* SM1 */
@media all and (min-width: 768px) and (max-width: 1023px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
  #modal-wrapper.type-mdl.size-sm-02 {
    top: calc(50% - 285px);
    left: calc(50% - 320px);
    width: 570px;
    height: 640px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 254px);
    left: calc(50% - 253px);
    width: 506px;
    height: 508px; } }
/* SM2 */
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
  #modal-wrapper.type-mdl.size-sm-02 {
    top: calc(50% - 285px);
    left: calc(50% - 320px);
    width: 570px;
    height: 640px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 254px);
    left: calc(50% - 253px);
    width: 506px;
    height: 508px; } }
/* Common MD and LG */
/* MD */
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 225px);
    left: calc(50% - 400px);
    width: 800px;
    height: 450px; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
  #modal-wrapper.type-mdl.size-sm-02 {
    top: calc(50% - 285px);
    left: calc(50% - 320px);
    width: 570px;
    height: 640px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 254px);
    left: calc(50% - 253px);
    width: 506px;
    height: 508px; } }
/* LG */
@media all and (min-width: 1680px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 225px);
    left: calc(50% - 400px);
    width: 800px;
    height: 450px; }
  #modal-wrapper.type-mdl.size-lg-02 {
    top: 4%;
    left: 25%;
    width: 52%;
    height: 90%;
    opacity: 1; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
  #modal-wrapper.type-mdl.size-sm-02 {
    top: calc(50% - 285px);
    left: calc(50% - 320px);
    width: 570px;
    height: 640px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 254px);
    left: calc(50% - 253px);
    width: 506px;
    height: 508px; } }
.details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-02 > #f-seo-hidden-area {
  display: none; }
.details-info-section-01 > .c-wrapper.on #f-show-more-button {
  display: none; }
.details-info-section-01 > .c-wrapper.on #f-hide-button {
  display: block; }
.details-info-section-01 > .c-wrapper.on > .c-item-01 > .c-unit-02 > #f-seo-hidden-area {
  display: initial; }
.details-info-section-01 > .c-wrapper #f-show-more-button {
  display: block; }
.details-info-section-01 > .c-wrapper #f-hide-button {
  display: none; }

.seo-content h1, .seo-content h2, .seo-content h3, .seo-content h4, .seo-content h5, .seo-content h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  margin: 28px 0 24px 0;
  color: #171718; }
  @media all and (max-width: 414px) {
    .seo-content h1, .seo-content h2, .seo-content h3, .seo-content h4, .seo-content h5, .seo-content h6 {
      font-size: 16px;
      line-height: 20px;
      margin: 24px 0 20px 0; } }
  .seo-content h1:first-child, .seo-content h2:first-child, .seo-content h3:first-child, .seo-content h4:first-child, .seo-content h5:first-child, .seo-content h6:first-child {
    margin-top: 0; }
.seo-content p {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  margin-bottom: 16px;
  color: #171718; }
  @media all and (max-width: 414px) {
    .seo-content p {
      margin-bottom: 12px; } }
.seo-content ul {
  margin-top: -12px;
  margin-bottom: 24px; }
  @media all and (max-width: 414px) {
    .seo-content ul {
      margin-top: -8px;
      margin-bottom: 20px; } }
  .seo-content ul li {
    padding-left: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    margin-bottom: 4px;
    color: #171718; }
    .seo-content ul li::before {
      content: "";
      position: absolute;
      left: 5px;
      top: calc(50% - 2.5px);
      width: 5px;
      height: 5px;
      background-color: #171718;
      border-radius: 50%; }

@media all and (max-width: 414px) {
  .details-info-section {
    width: 100% !important; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .details-info-section {
    width: 100% !important; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .pay .comp-layout-section-35 {
    display: none; }

  .details-info-section {
    margin: 20px 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0005);
    border-radius: 8px;
    background: #FFFFFF; }
    .details-info-section > .c-wrapper {
      padding: 24px 68px 24px 28px; }
      .details-info-section > .c-wrapper > .c-item-01 {
        width: 100%; }
        .details-info-section > .c-wrapper > .c-item-01 > .c-unit-01 {
          font-weight: 600;
          font-size: 18px;
          line-height: 24px;
          color: #171718;
          padding-left: 1px;
          margin-bottom: 16px; }
        .details-info-section > .c-wrapper > .c-item-01 > .c-unit-02 {
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          color: #171718;
          margin-bottom: 16px; }
      .details-info-section > .c-wrapper > .c-item-02 {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: #909091; }

  .details-info-section-01 {
    padding-top: 12px;
    background-color: #FFF; }
    .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-01 {
      font-size: 20px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: 0em;
      padding-left: 1px;
      margin-bottom: 24px;
      color: #171718; }
    .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-02 {
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0em;
      margin-bottom: 16px; }
      .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-02 > #f-seo-hidden-area {
        display: none; }
    .details-info-section-01 > .c-wrapper > .c-item-02 {
      font-size: 12px;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: 0em;
      color: #909091; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .pay .comp-layout-section-35 {
    display: none; }

  .details-info-section {
    margin: 20px 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0005);
    border-radius: 8px;
    background: #FFFFFF; }
    .details-info-section > .c-wrapper {
      padding: 24px 68px 24px 28px; }
      .details-info-section > .c-wrapper > .c-item-01 {
        width: 100%; }
        .details-info-section > .c-wrapper > .c-item-01 > .c-unit-01 {
          font-weight: 600;
          font-size: 18px;
          line-height: 24px;
          color: #171718;
          padding-left: 1px;
          margin-bottom: 16px; }
        .details-info-section > .c-wrapper > .c-item-01 > .c-unit-02 {
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          color: #171718;
          margin-bottom: 16px; }
      .details-info-section > .c-wrapper > .c-item-02 {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: #909091; }

  .details-info-section-01 {
    padding-top: 12px;
    background-color: #FFF; }
    .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-01 {
      font-size: 20px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: 0em;
      padding-left: 1px;
      margin-bottom: 24px;
      color: #171718; }
    .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-02 {
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0em;
      margin-bottom: 16px; }
      .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-02 > #f-seo-hidden-area {
        display: none; }
    .details-info-section-01 > .c-wrapper > .c-item-02 {
      font-size: 12px;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: 0em;
      color: #909091; } }
.details-info-section {
  width: 965px;
  margin-left: auto;
  margin: 20px 0 20px auto; }
  .details-info-section > .c-wrapper {
    width: 965px;
    padding: 32px 68px 32px 28px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0005);
    border-radius: 8px; }
    .details-info-section > .c-wrapper > .c-item-01 {
      padding: 0;
      width: 100%; }
      .details-info-section > .c-wrapper > .c-item-01 > .c-unit-01 {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0em;
        padding-left: 1px;
        margin-bottom: 24px;
        color: #171718; }
      .details-info-section > .c-wrapper > .c-item-01 > .c-unit-02 {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0em;
        margin-bottom: 16px; }
    .details-info-section > .c-wrapper > .c-item-02 {
      font-size: 12px;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: 0em;
      color: #909091;
      margin: 0; }

.details-info-section-01 {
  padding-top: 12px;
  background-color: #FFF; }
  .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-01 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    padding-left: 1px;
    margin-bottom: 24px;
    color: #171718; }
  .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-02 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    margin-bottom: 16px; }
    .details-info-section-01 > .c-wrapper > .c-item-01 > .c-unit-02 > #f-seo-hidden-area {
      display: none; }
  .details-info-section-01 > .c-wrapper > .c-item-02 {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
    color: #909091; }
  .details-info-section-01 > .c-wrapper.on #f-show-more-button {
    display: none; }
  .details-info-section-01 > .c-wrapper.on #f-hide-button {
    display: block; }
  .details-info-section-01 > .c-wrapper.on > .c-item-01 > .c-unit-02 > #f-seo-hidden-area {
    display: initial; }
  .details-info-section-01 > .c-wrapper #f-show-more-button {
    display: block; }
  .details-info-section-01 > .c-wrapper #f-hide-button {
    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: 53px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0; }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto; }
    .tabber-container .tabber-header .tab-head-item {
      display: flex;
      align-items: center;
      white-space: nowrap; }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    transition: height 0.5s; }
    .tabber-container .tabber-body .tab-content-item {
      position: absolute;
      z-index: 0;
      top: -10000px;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      visibility: hidden;
      opacity: 0;
      overflow: hidden;
      transition: visibility 0s 0.2s, position 0s 0.2s, opacity 0.2s; }
      .tabber-container .tabber-body .tab-content-item.on {
        position: relative;
        z-index: 1;
        top: auto;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s 0s, position 0s 0s, opacity 0.2s; } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto; }
    .tabber-container .tabber-header .tab-head-item {
      display: flex;
      align-items: center;
      white-space: nowrap; }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    transition: height 0.5s; }
    .tabber-container .tabber-body .tab-content-item {
      position: absolute;
      z-index: 0;
      top: -10000px;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      visibility: hidden;
      opacity: 0;
      overflow: hidden;
      transition: visibility 0s 0.2s, position 0s 0.2s, opacity 0.2s; }
      .tabber-container .tabber-body .tab-content-item.on {
        position: relative;
        z-index: 1;
        top: auto;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s 0s, position 0s 0s, opacity 0.2s; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto; }
    .tabber-container .tabber-header .tab-head-item {
      display: flex;
      align-items: center;
      white-space: nowrap; }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    transition: height 0.5s; }
    .tabber-container .tabber-body .tab-content-item {
      position: absolute;
      z-index: 0;
      top: -10000px;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      visibility: hidden;
      opacity: 0;
      overflow: hidden;
      transition: visibility 0s 0.2s, position 0s 0.2s, opacity 0.2s; }
      .tabber-container .tabber-body .tab-content-item.on {
        position: relative;
        z-index: 1;
        top: auto;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s 0s, position 0s 0s, opacity 0.2s; } }
/* MD */
/* LG */

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

@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.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.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(100vh - 48px);
    overflow-y: auto; }
    .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(100vh - 48px);
    overflow-y: auto; }
    .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 :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-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.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-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-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 {
      margin: 16px 0 16px 0; }
    .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 .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-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 .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.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-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-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 {
      margin: 16px 0 16px 0; }
    .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 .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-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 .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.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-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 .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.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-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 .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.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-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-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 .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.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; }
    .basket-ui-03 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 24px 24px 24px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-03 .c-item-02 {
      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 {
      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 .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: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; }
    .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-top: 24px; }
    .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-05 {
      padding: 0 24px; }
    .basket-ui-04 .c-item-06 {
      padding: 0 24px;
      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 .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: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-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-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 .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.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; }
    .basket-ui-03 .c-item-01 {
      margin-bottom: 24px;
      padding: 0 24px 24px 24px;
      border-bottom: 1px solid #E9EBF1; }
      .basket-ui-03 .c-item-01 .c-unit-01 {
        margin-bottom: 8px; }
    .basket-ui-03 .c-item-02 {
      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 {
      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 .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: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; }
    .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-top: 24px; }
    .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-05 {
      padding: 0 24px; }
    .basket-ui-04 .c-item-06 {
      padding: 0 24px;
      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 .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: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: #f5f6f9; }
  .content-carousel-ui-01 .c-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    padding-bottom: 20px;
    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: #f5f6f9; }
  .content-carousel-ui-02 .c-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01 {
      display: block; }
      .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A {
        display: flex;
        justify-content: center;
        align-items: center; }
        .content-carousel-ui-02 .c-wrapper .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 .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 .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: 110px;
          height: 69px; }

  .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: 110px;
          height: 69px; }

  .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 20px; }
    .content-carousel-ui-02 .c-wrapper .c-item-02 {
      padding: 0 0 32px 0; }
      .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 {
        width: 150px;
        height: 85px;
        margin-bottom: 16px; }
        .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 img {
          width: 110px;
          height: 69px; }
      .content-carousel-ui-02 .c-wrapper .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 20px; }
    .content-carousel-ui-02 .c-wrapper .c-item-02 {
      padding: 0 0 32px 0; }
      .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 {
        width: 150px;
        height: 85px;
        margin-bottom: 16px; }
        .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 img {
          width: 110px;
          height: 69px; }
      .content-carousel-ui-02 .c-wrapper .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-02 {
    background-color: #f5f6f9; }
    .content-carousel-ui-02 .c-wrapper {
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .content-carousel-ui-02 .c-wrapper .c-item-01 {
        padding: 32px; }
      .content-carousel-ui-02 .c-wrapper .c-item-02 {
        padding: 0 0 40px 32px; }
        .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01 {
          display: block;
          width: 150px; }
          .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A {
            width: 150px;
            height: 85px;
            margin-bottom: 16px; }
            .content-carousel-ui-02 .c-wrapper .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 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
                width: 110px;
                height: 69px; }

  .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-02 {
    background-color: #f5f6f9; }
    .content-carousel-ui-02 .c-wrapper {
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      border-radius: 8px; }
      .content-carousel-ui-02 .c-wrapper .c-item-01 {
        padding: 32px; }
      .content-carousel-ui-02 .c-wrapper .c-item-02 {
        padding: 0 0 40px 32px; }
        .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01 {
          display: block;
          width: 150px; }
          .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01 .c-unit-01-A {
            width: 150px;
            height: 85px;
            margin-bottom: 16px; }
            .content-carousel-ui-02 .c-wrapper .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 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
                width: 110px;
                height: 69px; }

  .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 {
          order: -1;
          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 {
          order: -1;
          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 {
      height: auto !important;
      margin-top: 40px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
        width: 50%;
        margin-bottom: 48px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
          width: 100%; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul {
            display: flex;
            flex-wrap: wrap; }
            .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul li {
              width: 50%;
              padding-right: 12px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
          margin-top: 0 !important; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
          margin-top: 30px; }
          .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 :last-child {
        margin-bottom: 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
      margin: 80px 0 24px 0; }
    .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 {
      height: auto !important;
      margin-top: 40px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
        width: 50%;
        margin-bottom: 48px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
          width: 100%; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul {
            display: flex;
            flex-wrap: wrap; }
            .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul li {
              width: 50%;
              padding-right: 12px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
          margin-top: 0 !important; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
          margin-top: 30px; }
          .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 :last-child {
        margin-bottom: 0; }
    .comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
      margin: 80px 0 24px 0; }
    .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 {
    flex-direction: column; }
    .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:nth-child(1) {
        order: 1; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
        margin-top: 40px;
        order: 2; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
        width: 50%;
        order: 4;
        padding: 0 16px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul {
          display: flex;
          flex-wrap: wrap; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul li {
            width: 50%;
            padding-right: 12px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
        order: 5; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
        order: 3; }
  .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 {
    flex-direction: column; }
    .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:nth-child(1) {
        order: 1; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
        margin-top: 40px;
        order: 2; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
        width: 50%;
        order: 4;
        padding: 0 16px; }
        .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul {
          display: flex;
          flex-wrap: wrap; }
          .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) ul li {
            width: 50%;
            padding-right: 12px; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
        order: 5; }
      .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
        order: 3; }
  .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 .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 .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 .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 .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 .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-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-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; }

/* 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: 43px; }
      .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: 43px; }
      .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: #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 {
        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: #324780; }
    #menu-primary .ul-level-1 {
      display: flex;
      height: 100%; }
      #menu-primary .ul-level-1 > li {
        position: static;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 16px 0 16px; }
        #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:hover {
          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.hasSubmenu::after {
        content: '';
        width: 92%;
        visibility: hidden;
        position: absolute;
        z-index: 0;
        top: 100%;
        display: block;
        height: 580px;
        background-color: #fff;
        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
        cursor: default; }
      #menu-primary .ul-level-1 > li.hasSubmenu:hover .ul-level-2 {
        visibility: visible; }
      #menu-primary .ul-level-1 > li.hasSubmenu:hover .ul-level-3 {
        display: flex; }
      #menu-primary .ul-level-1 > li.hasSubmenu:hover .submenu-ad, #menu-primary .ul-level-1 > li.hasSubmenu:hover .submenu-ad-container {
        visibility: visible; }
      #menu-primary .ul-level-1 > li.hasSubmenu:hover::after {
        visibility: visible; }
    #menu-primary .ul-level-2 {
      position: absolute;
      z-index: 111;
      top: calc(100% + 48px);
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-content: start;
      height: 568px;
      visibility: hidden; }
      #menu-primary .ul-level-2 > li {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 320px;
        padding: 0 32px 0 0;
        margin: 0 0 32px 0; }
        #menu-primary .ul-level-2 > li:first-child {
          margin: 0 0 40px 0; }
          #menu-primary .ul-level-2 > li:first-child > a {
            color: #3B518B;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -0.005em; }
            #menu-primary .ul-level-2 > li:first-child > a > svg {
              margin-left: 14px; }
            #menu-primary .ul-level-2 > li:first-child > a:hover {
              text-decoration: underline; }
        #menu-primary .ul-level-2 > li:not(:first-child) > a {
          color: #171718;
          font-size: 14px;
          font-weight: 600;
          letter-spacing: -0.005em; }
    #menu-primary .ul-level-3 {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin: 20px 0 0 0; }
      #menu-primary .ul-level-3 > li {
        padding-right: 4px;
        width: 100%; }
        #menu-primary .ul-level-3 > li:not(:last-child) {
          margin: 0 0 6px 0; }
          #menu-primary .ul-level-3 > li:not(:last-child) > a {
            font-size: 13px;
            color: #171718;
            font-weight: 400;
            letter-spacing: -0.005em; }
            #menu-primary .ul-level-3 > li:not(:last-child) > a:hover {
              text-decoration: underline; }
        #menu-primary .ul-level-3 > li:last-child {
          width: 100%; }
          #menu-primary .ul-level-3 > li:last-child > a {
            font-size: 13px;
            color: #3B518B;
            font-weight: 500;
            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: 1;
      top: calc(100% + 48px);
      display: flex;
      width: 610px;
      visibility: hidden;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #menu-primary .submenu-ad-container .submenu-ad-2 {
        width: 299px; }
        #menu-primary .submenu-ad-container .submenu-ad-2:first-child {
          width: 610px;
          margin-bottom: 12px; }
        #menu-primary .submenu-ad-container .submenu-ad-2 .adVisual-2 {
          height: 210px;
          width: 100%;
          object-fit: cover;
          border-radius: 8px; }
        #menu-primary .submenu-ad-container .submenu-ad-2 .adInfo-2 {
          position: absolute;
          right: auto;
          bottom: 8px;
          left: 8px;
          width: 202px;
          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-container .submenu-ad-2 .adInfo-2 span {
            font-weight: 600; } }
/* MD */
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #menu-primary .ul-level-1 {
    width: 100%; }
    #menu-primary .ul-level-1 > li:first-child {
      margin-left: calc(50% - 620px); }
    #menu-primary .ul-level-1 > li.hasSubmenu::after {
      right: 0;
      left: 0; }
  #menu-primary .ul-level-2 {
    left: calc(50% - 620px); }
  #menu-primary .submenu-ad {
    right: calc(50% - 620px); }
  #menu-primary .submenu-ad-container {
    right: calc(50% - 620px);
    width: 310px; }
    #menu-primary .submenu-ad-container .submenu-ad-2 {
      margin-bottom: 12px;
      width: 310px; }
      #menu-primary .submenu-ad-container .submenu-ad-2:first-child {
        width: 310px; }
      #menu-primary .submenu-ad-container .submenu-ad-2 .adVisual-2 {
        height: 144px; } }
/* LG */
@media all and (min-width: 1680px) {
  #menu-primary {
    position: sticky;
    top: 0;
    padding: 0 40px 0 40px;
    z-index: 100; }
    #menu-primary .ul-level-1 > li.hasSubmenu::after {
      right: -40px;
      left: -40px; }
    #menu-primary .ul-level-2 {
      left: 20px; }
    #menu-primary .submenu-ad {
      left: 1200px; }
    #menu-primary .submenu-ad-container {
      left: 1000px; } }
#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; }
    .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: 370px;
        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: 188px;
        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;
          opacity: 0.6;
          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; }
    .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: 370px;
        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: 188px;
        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;
          opacity: 0.6;
          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; }

  .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 {
        padding-top: 14px;
        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; }

  .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 {
        padding-top: 14px;
        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;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
      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-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 > :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; }
    .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-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; }
    .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-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 {
      height: 100px;
      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 {
        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: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 {
      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: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: 136px;
      height: 136px;
      padding: 4px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-01 .c-item-01 img {
        width: 128px !important;
        height: 128px; }
      .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: 136px;
      height: 136px;
      padding: 4px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-01 .c-item-01 img {
        width: 128px !important;
        height: 128px; }
      .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: 152px;
    height: 282px;
    padding: 8px 0 24px 0;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 8px; }
    .product-card-ui-01 .c-item-01 {
      width: 136px;
      height: 136px;
      padding: 4px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-01 .c-item-01 img {
        width: 128px !important;
        height: 128px; }
      .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: 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: 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: 152px;
    height: 282px;
    padding: 8px 0 24px 0;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 8px; }
    .product-card-ui-01 .c-item-01 {
      width: 136px;
      height: 136px;
      padding: 4px;
      margin: 0 0 12px 0;
      background-color: #FFF; }
      .product-card-ui-01 .c-item-01 img {
        width: 128px !important;
        height: 128px; }
      .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: 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: 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 0;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .product-card-ui-01 > .c-item-01 {
      width: 204px;
      height: 204px;
      margin: 0 0 20px 0;
      padding: 12px;
      background-color: #FFF; }
      .product-card-ui-01 > .c-item-01 img {
        width: 188px !important;
        height: 188px; }
      .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; }
    .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; }
    .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 0;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .product-card-ui-01 > .c-item-01 {
      width: 204px;
      height: 204px;
      margin: 0 0 20px 0;
      padding: 12px;
      background-color: #FFF; }
      .product-card-ui-01 > .c-item-01 img {
        width: 188px !important;
        height: 188px; }
      .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; }
    .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; }
    .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) {
        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 {
        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-top: 15px; }
        .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-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) {
        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 {
        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-top: 15px; }
        .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-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-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 .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-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 .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 {
      margin-top: 16px; }
      .product-detail-card-ui-01 .c-item-13 .c-item-13-A {
        display: flex; }
        .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-01 {
          margin-right: 8px; }
    .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 {
      margin-top: 16px; }
      .product-detail-card-ui-01 .c-item-13 .c-item-13-A {
        display: flex; }
        .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-01 {
          margin-right: 8px; }
    .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; } }
@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; } }
@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; } }
@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; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .royal-slider-ui-03.royalSlider {
    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; }
        .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-01 .slide-status {
    display: none; } }
@media all and (min-width: 1680px) {
  .royal-slider-ui-03.royalSlider {
    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; }
        .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-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 */

@media all and (max-width: 414px) {
  .address-card-ui-02 .address-card-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .address-card-ui-02 .address-card-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .address-card-ui-02 .address-card-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .address-card-ui-02 .address-card-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .address-card-ui-02 .address-card-prg-A {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #373738; } }
@media all and (min-width: 1680px) {
  .address-card-ui-02 .address-card-prg-A {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #373738; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .address-form-ff-01 .address-form-hdr-A {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.005em;
    color: #171718; }
  .address-form-ff-01 .address-form-hdr-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #324780; } }
@media all and (min-width: 1680px) {
  .address-form-ff-01 .address-form-hdr-A {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.005em;
    color: #171718; }
  .address-form-ff-01 .address-form-hdr-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #324780; } }
.basket-ff-01 .ff-A {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #171718; }
.basket-ff-01 .ff-B {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #171718; }
.basket-ff-01 .ff-C {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #68686A; }
.basket-ff-01 .ff-D {
  font-weight: 800;
  font-size: 14px;
  line-height: 17px;
  color: #000000; }

@media all and (max-width: 414px) {
  .basket-ui-02 {
    width: 100%;
    justify-content: space-between; }
    .basket-ui-02 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0;
      flex-direction: unset; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        /* identical to box height */
        /* Black & White/900 */
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-02 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0; }
        .basket-ui-02 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-02 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-02 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-02 .basket-hdr-A {
      font-weight: 500;
      font-size: 10px;
      line-height: 12px;
      color: #171718; }
    .basket-ui-02 .basket-hdr-B {
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #555556; }
    .basket-ui-02 .basket-hdr-C {
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #555556; }
    .basket-ui-02 .basket-ff-A {
      font-weight: 600;
      font-size: 28px;
      line-height: 34px;
      letter-spacing: -0.01em;
      color: #171718; }
    .basket-ui-02 .basket-ff-B {
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;
      color: #171718; }
    .basket-ui-02 .basket-ff-C {
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      text-align: right;
      color: #171718; }
    .basket-ui-02 .basket-ff-G {
      font-weight: 700;
      font-size: 12px;
      line-height: 15px;
      text-align: right;
      color: #171718; }
    .basket-ui-02 .basket-prg-A {
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #214F12; }

  .basket-ui-04 {
    width: 100%;
    flex-direction: unset;
    padding: 16px 20px 36px 20px;
    justify-content: space-between; }
    .basket-ui-04 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0;
      flex-direction: unset; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        /* identical to box height */
        /* Black & White/900 */
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-04 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0; }
        .basket-ui-04 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-04 .c-item-02 {
      display: none; }
    .basket-ui-04 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-04 .c-item-04 {
      display: none; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .basket-ui-02 {
    width: 100%;
    justify-content: space-between; }
    .basket-ui-02 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0;
      flex-direction: unset; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        /* identical to box height */
        /* Black & White/900 */
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-02 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0; }
        .basket-ui-02 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-02 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-02 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-02 .basket-hdr-A {
      font-weight: 500;
      font-size: 10px;
      line-height: 12px;
      color: #171718; }
    .basket-ui-02 .basket-hdr-B {
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #555556; }
    .basket-ui-02 .basket-hdr-C {
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #555556; }
    .basket-ui-02 .basket-ff-A {
      font-weight: 600;
      font-size: 28px;
      line-height: 34px;
      letter-spacing: -0.01em;
      color: #171718; }
    .basket-ui-02 .basket-ff-B {
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;
      color: #171718; }
    .basket-ui-02 .basket-ff-C {
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      text-align: right;
      color: #171718; }
    .basket-ui-02 .basket-ff-G {
      font-weight: 700;
      font-size: 12px;
      line-height: 15px;
      text-align: right;
      color: #171718; }
    .basket-ui-02 .basket-prg-A {
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #214F12; }

  .basket-ui-04 {
    width: 100%;
    flex-direction: unset;
    padding: 16px 20px 36px 20px;
    justify-content: space-between; }
    .basket-ui-04 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0;
      flex-direction: unset; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        /* identical to box height */
        /* Black & White/900 */
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-04 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0; }
        .basket-ui-04 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-04 .c-item-02 {
      display: none; }
    .basket-ui-04 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-04 .c-item-04 {
      display: none; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .basket-ui-02 {
    width: 100%;
    flex-direction: unset;
    padding: 16px 32px 56px 0;
    justify-content: end; }
    .basket-ui-02 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0;
      flex-direction: unset;
      margin-right: 40px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        /* identical to box height */
        /* Black & White/900 */
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-02 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0; }
        .basket-ui-02 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-02 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-02 .c-item-02 {
      display: none; }
    .basket-ui-02 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-02 .c-item-04 {
      display: none; }

  .basket-ui-04 {
    width: 100%;
    flex-direction: unset;
    justify-content: space-around;
    align-items: center;
    padding: 16px 32px 56px 16px; }
    .basket-ui-04 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        padding-top: 4px;
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-04 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0;
        margin-right: 40px; }
        .basket-ui-04 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-04 .c-item-02 {
      display: none; }
    .basket-ui-04 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-04 .c-item-04 {
      display: none; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .basket-ui-02 {
    width: 100%;
    flex-direction: unset;
    padding: 16px 32px 56px 0;
    justify-content: end; }
    .basket-ui-02 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0;
      flex-direction: unset;
      margin-right: 40px; }
      .basket-ui-02 .c-item-01 .c-unit-01 {
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        /* identical to box height */
        /* Black & White/900 */
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-02 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0; }
        .basket-ui-02 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-02 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-02 .c-item-02 {
      display: none; }
    .basket-ui-02 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-02 .c-item-04 {
      display: none; }

  .basket-ui-04 {
    width: 100%;
    flex-direction: unset;
    justify-content: space-around;
    align-items: center;
    padding: 16px 32px 56px 16px; }
    .basket-ui-04 .c-item-01 {
      border-bottom: unset;
      padding: 4px 0 0 0;
      margin: 0; }
      .basket-ui-04 .c-item-01 .c-unit-01 {
        padding-top: 4px;
        font-weight: 600;
        font-size: 9px;
        line-height: 11px;
        color: #171718;
        margin-bottom: 6px;
        padding: 0; }
      .basket-ui-04 .c-item-01 .c-unit-02 {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        /* identical to box height */
        letter-spacing: -0.01em;
        color: #000000;
        padding: 0;
        margin-right: 40px; }
        .basket-ui-04 .c-item-01 .c-unit-02 .c-unit-02-span-A {
          font-weight: 700;
          font-size: 12px;
          line-height: 14.52px;
          /* identical to box height */
          letter-spacing: -0.01em;
          color: #000000; }
      .basket-ui-04 .c-item-01 .c-unit-03 {
        display: none; }
    .basket-ui-04 .c-item-02 {
      display: none; }
    .basket-ui-04 .c-item-03 {
      margin: 0;
      width: 189px;
      height: 48px;
      border-radius: 4px;
      letter-spacing: -0.01em; }
    .basket-ui-04 .c-item-04 {
      display: none; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .basket-ui-02 .basket-hdr-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .basket-ui-02 .basket-hdr-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-hdr-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-ff-A {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-02 .basket-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .basket-ui-02 .basket-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-02 .basket-ff-D {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-ff-E {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-02 .basket-ff-F {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-ff-G {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .basket-ui-02 .basket-ff-H {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-02 .basket-ff-I {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-02 .basket-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }

  .basket-ui-03 .basket-hdr-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .basket-ui-03 .basket-hdr-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-03 .basket-hdr-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-03 .basket-ff-A {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-03 .basket-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .basket-ui-03 .basket-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-D {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-03 .basket-ff-E {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-F {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-G {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .basket-ui-03 .basket-ff-H {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-I {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-03 .basket-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }

  .basket-ui-04 .basket-hdr-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .basket-ui-04 .basket-hdr-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-04 .basket-hdr-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-04 .basket-ff-A {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-04 .basket-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .basket-ui-04 .basket-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-D {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-04 .basket-ff-E {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-F {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-G {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .basket-ui-04 .basket-ff-H {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-I {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-04 .basket-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; } }
@media all and (min-width: 1680px) {
  .basket-ui-02 .basket-hdr-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .basket-ui-02 .basket-hdr-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-hdr-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-ff-A {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-02 .basket-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .basket-ui-02 .basket-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-02 .basket-ff-D {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-ff-E {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-02 .basket-ff-F {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-02 .basket-ff-G {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .basket-ui-02 .basket-ff-H {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-02 .basket-ff-I {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-02 .basket-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }

  .basket-ui-03 .basket-hdr-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .basket-ui-03 .basket-hdr-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-03 .basket-hdr-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-03 .basket-ff-A {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-03 .basket-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .basket-ui-03 .basket-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-D {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-03 .basket-ff-E {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-F {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-G {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .basket-ui-03 .basket-ff-H {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-03 .basket-ff-I {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-03 .basket-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }

  .basket-ui-04 .basket-hdr-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .basket-ui-04 .basket-hdr-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-04 .basket-hdr-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-04 .basket-ff-A {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-04 .basket-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .basket-ui-04 .basket-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-D {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #555556; }
  .basket-ui-04 .basket-ff-E {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-F {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-G {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .basket-ui-04 .basket-ff-H {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .basket-ui-04 .basket-ff-I {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .basket-ui-04 .basket-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; } }
@media all and (max-width: 414px) {
  .basket-card-ui-01 .basket-card-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .basket-card-ui-01 .basket-card-hdr-B {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #853F8C; }
  .basket-card-ui-01 .basket-card-prg-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-A {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-B {
    font-weight: normal;
    font-size: 8px;
    line-height: 10px;
    color: #000000; }

  .basket-card-ui-02 .basket-card-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #171718; }
  .basket-card-ui-02 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #B55B3D; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .basket-card-ui-01 .basket-card-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .basket-card-ui-01 .basket-card-hdr-B {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #853F8C; }
  .basket-card-ui-01 .basket-card-prg-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-A {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-B {
    font-weight: normal;
    font-size: 8px;
    line-height: 10px;
    color: #000000; }

  .basket-card-ui-02 .basket-card-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #171718; }
  .basket-card-ui-02 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #B55B3D; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .basket-card-ui-01 .basket-card-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .basket-card-ui-01 .basket-card-hdr-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #853F8C; }
  .basket-card-ui-01 .basket-card-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-A {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-B {
    font-weight: normal;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    color: #000000; }

  .basket-card-ui-02 .basket-card-prg-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #171718;
    color: #171718; }
  .basket-card-ui-02 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #B55B3D; }
  .basket-card-ui-02 .basket-card-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .basket-card-ui-01 .basket-card-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .basket-card-ui-01 .basket-card-hdr-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #853F8C; }
  .basket-card-ui-01 .basket-card-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-A {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-B {
    font-weight: normal;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    color: #000000; }

  .basket-card-ui-02 .basket-card-prg-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #171718;
    color: #171718; }
  .basket-card-ui-02 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #B55B3D; }
  .basket-card-ui-02 .basket-card-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .basket-card-ui-01 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-hdr-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #853F8C; }
  .basket-card-ui-01 .basket-card-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-A {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-B {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #000000; }

  .basket-card-ui-02 .basket-card-prg-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #171718;
    color: #171718; }
  .basket-card-ui-02 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #B55B3D; }
  .basket-card-ui-02 .basket-card-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .basket-card-ui-01 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-hdr-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #853F8C; }
  .basket-card-ui-01 .basket-card-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-A {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000; }
  .basket-card-ui-01 .basket-card-ff-B {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #000000; }

  .basket-card-ui-02 .basket-card-prg-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #171718;
    color: #171718; }
  .basket-card-ui-02 .basket-card-hdr-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #B55B3D; }
  .basket-card-ui-02 .basket-card-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (max-width: 414px) {
  .content-carousel-ff-01 .cc-ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .content-carousel-ff-01 .cc-ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .content-carousel-ff-01 .cc-ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .content-carousel-ff-01 .cc-ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .content-carousel-ff-01 .cc-ff-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .content-carousel-ff-01 .cc-ff-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .content-carousel-ff-01 .cc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    color: #171718; } }
.ff-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #171718; }

.ff-B {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #171718; }

.ff-C {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #1F2E5C; }

.ff-D {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #171718;
  opacity: 0.8; }

.note-form-ff-01 .nf-ff-A {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #6B337D; }
.note-form-ff-01 .nf-ff-B {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #555556; }
.note-form-ff-01 .nf-ff-C {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #373738; }
.note-form-ff-01 .nf-ff-D {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #68686A; }
.note-form-ff-01 .nf-ff-E {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #171718; }
.note-form-ff-01 .nf-ff-F {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #000000; }
  .note-form-ff-01 .nf-ff-F span {
    font-weight: 600; }
.note-form-ff-01 .nf-ff-G {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #000000; }
.note-form-ff-01 .nf-ff-H {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #FAFBFD; }

.note-confirm-msg-ff-01 .ncm-ff-A {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #A32F2A; }
.note-confirm-msg-ff-01 .ncm-ff-C {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #171718; }

.note-confirm-msg-ff-02 .ncm-ff-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  /* identical to box height */
  /* Black & White/700 */
  color: #555556; }
.note-confirm-msg-ff-02 .ncm-ff-B {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  /* Black & White/900 */
  color: #171718; }

.my-orders-ff-01 .mo-ff-A {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  opacity: 0.6; }
.my-orders-ff-01 .mo-ff-B {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091; }
.my-orders-ff-01 .mo-ff-C {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height, or 138% */
  letter-spacing: -0.01em;
  /* Black & White/600 */
  color: #68686A; }
.my-orders-ff-01 .mo-ff-D {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #68686A; }
.my-orders-ff-01 .mo-ff-E {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #68686A; }
.my-orders-ff-01 .mo-ff-F {
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  /* or 131% */
  /* Black & White/500 */
  color: #909091; }
.my-orders-ff-01 .mo-ff-K {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  /* Tertiary / 800 */
  color: #5D2D74; }
.my-orders-ff-01 .mo-ff-L {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  /* identical to box height */
  /* Black & White/600 */
  color: #68686A; }
.my-orders-ff-01 .mo-ff-M {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height, or 138% */
  /* Black & White/800 */
  color: #373738; }
.my-orders-ff-01 .mo-ff-N {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height, or 138% */
  letter-spacing: -0.01em;
  /* Black & White/600 */
  color: #68686A; }
.my-orders-ff-01 .mo-ff-O {
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  color: #171718; }
.my-orders-ff-01 .mo-ff-OA {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #555556; }
.my-orders-ff-01 .mo-ff-OB {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #214F12; }
.my-orders-ff-01 .mo-ff-OC {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #555556; }
.my-orders-ff-01 .mo-ff-OD {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #2E4C73; }
.my-orders-ff-01 .mo-ff-OE {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #171718; }
.my-orders-ff-01 .mo-ff-DA {
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  color: #171718; }
.my-orders-ff-01 .mo-ff-DB {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #555556; }
.my-orders-ff-01 .mo-ff-DC {
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
  color: #171718; }

.order-basket-msg-ff-01 .obm-ff-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  /* identical to box height */
  /* Black & White/500 */
  color: #909091; }
.order-basket-msg-ff-01 .obm-ff-B {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  /* Black & White/500 */
  color: #909091; }

.discount-ff-01 .ff-A {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #171718; }
.discount-ff-01 .ff-B {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #68686A; }
.discount-ff-01 .ff-C {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #373738; }
.discount-ff-01 .ff-D {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #68686A; }

.discount-ff-02 .ff-A {
  font-size: 12px;
  line-height: 15px;
  color: #373738; }
.discount-ff-02 .ff-C {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #0F1B3F; }
.discount-ff-02 .ff-D {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #373738; }
.discount-ff-02 .ff-E {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #171718; }
.discount-ff-02 .ff-F {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #68686A; }
.discount-ff-02 .ff-H {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #555556; }
.discount-ff-02 .ff-L {
  /*Yeni*/
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #373738; }
.discount-ff-02 .ff-M {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #555556; }
.discount-ff-02 .ff-K {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #171718; }
.discount-ff-02 .ff-N {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #555556; }
.discount-ff-02 .dsc-ff-O {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #171718; }

.assessments-ff-01 .ass-ff-A {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #171718; }
  .assessments-ff-01 .ass-ff-A span {
    font-weight: bold; }
.assessments-ff-01 .ass-ff-B {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #171718; }
.assessments-ff-01 .ass-ff-C {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #4B3C06; }
  .assessments-ff-01 .ass-ff-C a {
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    color: #4B3C06;
    border-bottom: 2px solid #4B3C06; }

@media all and (max-width: 414px) {
  .ff-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }

  .payment-type-ui-01 .pt-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556;
    text-align: left; }

  .contract-forms-ui-01 .cf-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .payment-plan-ui-01 .pp-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }

  .order-result-ui-01 .or-ff-A {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .note-form-ff-01 .nf-ff-B {
    font-size: 13px;
    line-height: 16px;
    color: #68686A; }
  .note-form-ff-01 .nf-ff-C {
    font-size: 13px;
    line-height: 16px; }
  .note-form-ff-01 .nf-ff-F {
    font-size: 12px;
    line-height: 18px; }
  .note-form-ff-01 .nf-ff-G {
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .note-form-ff-01 .nf-ff-H {
    font-size: 13px;
    line-height: 16px;
    color: #FFF; }

  .credibility-form-ff-01 .crd-ff-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .note-confirm-msg-ff-02 .ncm-ff-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    /* Black & White/700 */
    color: #555556; }
  .note-confirm-msg-ff-02 .ncm-ff-B {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* Black & White/900 */
    color: #171718; }

  .note-confirm-msg-ff-01 .ncm-ff-A {
    font-size: 20px; }
  .note-confirm-msg-ff-01 .ncm-ff-B {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556; }

  .discount-ff-02 .ff-L {
    /*Yeni*/
    font-weight: normal;
    font-size: 11px;
    line-height: 16px; }

  .my-orders-ff-01 .mo-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #909091; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .ff-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }

  .payment-type-ui-01 .pt-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556;
    text-align: left; }

  .contract-forms-ui-01 .cf-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .payment-plan-ui-01 .pp-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }

  .order-result-ui-01 .or-ff-A {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .note-form-ff-01 .nf-ff-B {
    font-size: 13px;
    line-height: 16px;
    color: #68686A; }
  .note-form-ff-01 .nf-ff-C {
    font-size: 13px;
    line-height: 16px; }
  .note-form-ff-01 .nf-ff-F {
    font-size: 12px;
    line-height: 18px; }
  .note-form-ff-01 .nf-ff-G {
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .note-form-ff-01 .nf-ff-H {
    font-size: 13px;
    line-height: 16px;
    color: #FFF; }

  .credibility-form-ff-01 .crd-ff-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .note-confirm-msg-ff-02 .ncm-ff-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    /* Black & White/700 */
    color: #555556; }
  .note-confirm-msg-ff-02 .ncm-ff-B {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* Black & White/900 */
    color: #171718; }

  .note-confirm-msg-ff-01 .ncm-ff-A {
    font-size: 20px; }
  .note-confirm-msg-ff-01 .ncm-ff-B {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556; }

  .discount-ff-02 .ff-L {
    /*Yeni*/
    font-weight: normal;
    font-size: 11px;
    line-height: 16px; }

  .my-orders-ff-01 .mo-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #909091; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .ff-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }

  .payment-type-ui-01 .pt-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556;
    text-align: left; }

  .contract-forms-ui-01 .cf-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .payment-plan-ui-01 .pp-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }

  .order-result-ui-01 .or-ff-A {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #3D175E; }
  .order-result-ui-01 .or-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .credibility-form-ff-01 .crd-ff-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .discount-ff-02 .ff-D {
    font-size: 12px;
    line-height: 18px; }

  .my-orders-ff-01 .mo-ff-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #909091; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .ff-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }

  .payment-type-ui-01 .pt-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556;
    text-align: left; }

  .contract-forms-ui-01 .cf-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .payment-plan-ui-01 .pp-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }

  .order-result-ui-01 .or-ff-A {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #3D175E; }
  .order-result-ui-01 .or-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .credibility-form-ff-01 .crd-ff-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .discount-ff-02 .ff-D {
    font-size: 12px;
    line-height: 18px; }

  .my-orders-ff-01 .mo-ff-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #909091; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .payment-type-ui-01 .pt-ff-A, .payment-type-ui-02 .pt-ff-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000;
    text-align: left; }

  .filter-typ-01 .filter-ff-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #68686A; }

  .contract-forms-ui-01 .cf-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-ff-A, .order-result-ui-02 .or-ff-A {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-B, .order-result-ui-02 .or-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E; }
  .order-result-ui-01 .or-ff-C, .order-result-ui-02 .or-ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }
  .order-result-ui-01 .or-ff-D, .order-result-ui-02 .or-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }

  .credibility-form-ff-01 .crd-ff-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #373738; }
  .credibility-form-ff-01 .crd-ff-B {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
    .credibility-form-ff-01 .crd-ff-B.disabled {
      opacity: 0.4; }
  .credibility-form-ff-01 .crd-ff-C {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #000000; }
    .credibility-form-ff-01 .crd-ff-C.disabled {
      opacity: 0.4; }

  .payment-plan-ui-01 .pp-ff-A, .payment-plan-ui-02 .pp-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-C, .payment-plan-ui-02 .pp-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-B, .payment-plan-ui-02 .pp-ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-D, .payment-plan-ui-02 .pp-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .payment-type-ui-01 .pt-ff-A, .payment-type-ui-02 .pt-ff-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000;
    text-align: left; }

  .filter-typ-01 .filter-ff-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #68686A; }

  .contract-forms-ui-01 .cf-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-ff-A, .order-result-ui-02 .or-ff-A {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #171718; }
  .order-result-ui-01 .or-ff-B, .order-result-ui-02 .or-ff-B {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E; }
  .order-result-ui-01 .or-ff-C, .order-result-ui-02 .or-ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }
  .order-result-ui-01 .or-ff-D, .order-result-ui-02 .or-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }

  .credibility-form-ff-01 .crd-ff-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #373738; }
  .credibility-form-ff-01 .crd-ff-B {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
    .credibility-form-ff-01 .crd-ff-B.disabled {
      opacity: 0.4; }
  .credibility-form-ff-01 .crd-ff-C {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #000000; }
    .credibility-form-ff-01 .crd-ff-C.disabled {
      opacity: 0.4; }

  .payment-plan-ui-01 .pp-ff-A, .payment-plan-ui-02 .pp-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-C, .payment-plan-ui-02 .pp-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-B, .payment-plan-ui-02 .pp-ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-plan-ui-01 .pp-ff-D, .payment-plan-ui-02 .pp-ff-D {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; } }
/* Primary font-face */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  color: #39587F;
  src: url("/Content/Files/Fonts/Inter/Inter-Bold.ttf");
  font-weight: 900;
  font-display: swap; }
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  color: #39587F;
  src: url("/Content/Files/Fonts/Inter/Inter-SemiBold.ttf");
  font-weight: 600;
  font-display: swap; }
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  color: #39587F;
  src: url("/Content/Files/Fonts/Inter/Inter-Medium.ttf");
  font-weight: 500;
  font-display: swap; }
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  color: #39587F;
  src: url("/Content/Files/Fonts/Inter/Inter-Regular.ttf");
  font-weight: 400;
  font-display: swap; }
/* Base font syles */
body {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  color: #39587F; }

a {
  text-decoration: none; }

@media all and (max-width: 414px) {
  .font-pre-footer .ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .font-pre-footer .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-pre-footer .font-micro-footer .ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; }

  .font-footer-01 .ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .font-footer-01 .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-footer-01 .ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; }
  .font-footer-01 .ff-D {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #0F0F10; }
  .font-footer-01 .ff-E {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .font-footer-01 .ff-F {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .font-footer-01 .seo-hdr-A {
    font-weight: 600;
    font-size: 15px !important;
    line-height: 24px;
    /* or 133% */
    color: #171718; }
  .font-footer-01 .seo-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .font-pre-footer .ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .font-pre-footer .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-pre-footer .font-micro-footer .ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; }

  .font-footer-01 .ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .font-footer-01 .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-footer-01 .ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; }
  .font-footer-01 .ff-D {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #0F0F10; }
  .font-footer-01 .ff-E {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .font-footer-01 .ff-F {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .font-footer-01 .seo-hdr-A {
    font-weight: 600;
    font-size: 15px !important;
    line-height: 24px;
    /* or 133% */
    color: #171718; }
  .font-footer-01 .seo-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .font-footer-01 .ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .font-footer-01 .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-footer-01 .ff-C {
    width: 96px;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; }
  .font-footer-01 .ff-D {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #0F0F10; }
  .font-footer-01 .ff-E {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .font-footer-01 .ff-F {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .font-footer-01 .seo-hdr-A {
    font-weight: 600;
    font-size: 15px !important;
    line-height: 24px;
    color: #171718; }
  .font-footer-01 .seo-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }

  .font-pre-footer .ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .font-pre-footer .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-pre-footer .font-micro-footer .ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .font-footer-01 .ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .font-footer-01 .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-footer-01 .ff-C {
    width: 96px;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; }
  .font-footer-01 .ff-D {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #0F0F10; }
  .font-footer-01 .ff-E {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .font-footer-01 .ff-F {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .font-footer-01 .seo-hdr-A {
    font-weight: 600;
    font-size: 15px !important;
    line-height: 24px;
    color: #171718; }
  .font-footer-01 .seo-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }

  .font-pre-footer .ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .font-pre-footer .ff-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-pre-footer .font-micro-footer .ff-C {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #1F2E5C; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .font-footer-01 .ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .font-footer-01 .ff-B {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-footer-01 .ff-C {
    width: 187px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #1F2E5C; }
  .font-footer-01 .ff-D {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #0F0F10; }
  .font-footer-01 .ff-E {
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .font-footer-01 .ff-F {
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .font-footer-01 .seo-hdr-A {
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
    color: #0F1B3F; }
  .font-footer-01 .seo-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .font-footer-01 .ff-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .font-footer-01 .ff-B {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #171718; }
  .font-footer-01 .ff-C {
    width: 187px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #1F2E5C; }
  .font-footer-01 .ff-D {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #0F0F10; }
  .font-footer-01 .ff-E {
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .font-footer-01 .ff-F {
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .font-footer-01 .seo-hdr-A {
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
    color: #0F1B3F; }
  .font-footer-01 .seo-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; } }
.hdr-A {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF; }

.hdr-B {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000; }

.hdr-C {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.01em;
  color: #1F2E5C; }

.hdr-G {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #373738; }

.note-form-ff-01 .nf-hdr-A {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: #171718; }
.note-form-ff-01 .nf-hdr-B {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #555556; }
.note-form-ff-01 .nf-hdr-C {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #373738; }
.note-form-ff-01 .nf-hdr-D {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #C36341; }
.note-form-ff-01 .nf-hdr-E {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #3D175E; }

.note-confirm-msg-ff-01 .ncm-hdr-A {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #000000; }
.note-confirm-msg-ff-01 .ncm-hdr-B {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000; }
.note-confirm-msg-ff-01 .ncm-hdr-C {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #000000; }
.note-confirm-msg-ff-01 .ncm-hdr-D {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #555556; }
.note-confirm-msg-ff-01 .ncm-hdr-E {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #171718; }
.note-confirm-msg-ff-01 ncm-hdr-F {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF; }
.note-confirm-msg-ff-01 .ncm-hdr-G {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #171718; }
.note-confirm-msg-ff-01 .ncm-hdr-K {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #A32F2A; }
.note-confirm-msg-ff-01 .ncm-hdr-L {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.01em;
  color: #171718; }

.note-confirm-msg-ff-02 .ncm-hdr-A {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000; }

.my-orders-ff-01 .mo-hdr-D {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -0.005em;
  color: #1F2E5C; }
.my-orders-ff-01 .mo-hdr-E {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.005em;
  color: #909091; }
.my-orders-ff-01 .mo-hdr-F {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-G {
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-H {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */
  letter-spacing: -0.005em;
  /* Black & White/600 */
  color: #68686A; }
.my-orders-ff-01 .mo-hdr-P {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  /* Primary / 950 */
  color: #0F1B3F; }
.my-orders-ff-01 .mo-hdr-R {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  /* or 138% */
  /* Black & White/900 */
  color: #171718; }
.my-orders-ff-01 .mo-hdr-S {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height, or 138% */
  letter-spacing: -0.01em;
  /* Black & White/900 */
  color: #171718; }

.my-orders-ff-01 .mo-hdr-A {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  /* identical to box height */
  letter-spacing: -0.005em;
  /* Primary / 900 */
  color: #1F2E5C; }
.my-orders-ff-01 .mo-hdr-B {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-C {
  font-size: 14px;
  line-height: 17px;
  color: #555556;
  font-weight: normal; }
.my-orders-ff-01 .mo-hr-A {
  margin: 0 27px;
  width: calc(100% - 130px);
  height: 1px;
  padding: 0 32px;
  background: #E6E6E7; }
.my-orders-ff-01 .mo-hr-K {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #171718; }
.my-orders-ff-01 .mo-hr-M {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091; }
.my-orders-ff-01 .mo-hdr-N {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-style: normal;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-O {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-MN {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #0F0F10; }
.my-orders-ff-01 .mo-hdr-NM {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-VN {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #5D2D74; }
.my-orders-ff-01 .mo-hdr-VM {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #555556; }
.my-orders-ff-01 .mo-hdr-VL {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-A1 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #0F0F10; }
.my-orders-ff-01 .mo-hdr-A2 {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #555556; }
.my-orders-ff-01 .mo-hdr-A3 {
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  color: #171718; }
.my-orders-ff-01 .mo-hdr-A4 {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #5D2D74; }

.order-basket-msg-ff-01 .obm-hdr-A {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  /* identical to box height */
  letter-spacing: -0.005em;
  /* Primary / 900 */
  color: #1F2E5C; }
.order-basket-msg-ff-01 .obm-hdr-B {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */
  letter-spacing: -0.005em;
  /* Black & White/500 */
  color: #909091; }

.discount-ff-01 .hdr-A {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #02133E; }
.discount-ff-01 .hdr-B {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #373738; }

.discount-ff-02 .hdr-A {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #171718; }
.discount-ff-02 .hdr-B {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #373738; }
.discount-ff-02 .hdr-C {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #68686A; }
.discount-ff-02 .hdr-D {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #171718; }
.discount-ff-02 .hdr-E {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #6B337D; }
.discount-ff-02 .hdr-F {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #171718; }
.discount-ff-02 .hdr-G {
  /*Yeni*/
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #171718; }
.discount-ff-02 .hdr-P {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #171718; }
.discount-ff-02 .hdr-K {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -0.005em;
  color: #0F1B3F; }
.discount-ff-02 .hdr-M {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.005em;
  color: #171718; }
.discount-ff-02 .hdr-O {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #452362; }
.discount-ff-02 .hdr-P {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #373738; }
.discount-ff-02 .hdr-R {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #171718; }

.profile-detail-ff-01 .pd-hdr-A {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #171718; }

.assessments-ff-01 .ass-hdr-A {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000000; }

@media all and (max-width: 414px) {
  .hdr-A {
    font-size: 15px;
    line-height: 20px; }

  .hdr-B {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em; }

  .hdr-D {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .hdr-E {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .hdr-F {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }

  .delivery-information-ui-01 .di-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .payment-order-content-ui-01 .po-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-C {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .comp-ui-13 .cui-hdr-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #1F2E5C; }

  .address-selection-ui-01 .as-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .payment-type-ui-01 .pt-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .order-result-ui-01 .or-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #171718; }
  .order-result-ui-01 .or-hdr-B {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .credibility-form-ff-01 .crd-hdr-A {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    /* or 129% */
    text-align: center;
    letter-spacing: -0.005em;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-B {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .credibility-form-ff-01 .crd-hdr-E {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-F {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }
  .credibility-form-ff-01 .crd-hdr-G {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-H {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-I {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    color: #000000; }

  .note-form-ff-01 .nf-hdr-A {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000; }
  .note-form-ff-01 .nf-hdr-B {
    font-size: 13px;
    line-height: 16px; }
  .note-form-ff-01 .nf-hdr-C {
    font-size: 13px;
    line-height: 16px; }
  .note-form-ff-01 .nf-hdr-D {
    font-size: 12px;
    line-height: 15px; }
  .note-form-ff-01 .nf-hdr-E {
    font-size: 12px;
    line-height: 15px; }

  .my-orders-ff-01 .mo-hdr-S {
    text-align: right; }
  .my-orders-ff-01 .mo-hdr-P {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #5D2D74; }
  .my-orders-ff-01 .mo-hdr-R {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-L {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #68686A; }
  .my-orders-ff-01 .mo-hr-M {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #909091; }
  .my-orders-ff-01 .mo-hdr-O {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-DA {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #171718; }

  .note-confirm-msg-ff-02 .ncm-hdr-A {
    font-size: 20px;
    line-height: 24px; }

  .discount-ff-02 .hdr-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #171718; }
  .discount-ff-02 .hdr-F {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #555556; }
  .discount-ff-02 .hdr-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-typ-01 .filter-hdr-A {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #1F2E5C; }
  .filter-typ-01 .filter-hdr-B {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #68686A; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .hdr-A {
    font-size: 15px;
    line-height: 20px; }

  .hdr-B {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em; }

  .hdr-D {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .hdr-E {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .hdr-F {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }

  .delivery-information-ui-01 .di-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .payment-order-content-ui-01 .po-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-C {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .comp-ui-13 .cui-hdr-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #1F2E5C; }

  .address-selection-ui-01 .as-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .payment-type-ui-01 .pt-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .order-result-ui-01 .or-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #171718; }
  .order-result-ui-01 .or-hdr-B {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .credibility-form-ff-01 .crd-hdr-A {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    /* or 129% */
    text-align: center;
    letter-spacing: -0.005em;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-B {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .credibility-form-ff-01 .crd-hdr-E {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-F {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }
  .credibility-form-ff-01 .crd-hdr-G {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-H {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-I {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    color: #000000; }

  .note-form-ff-01 .nf-hdr-A {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000; }
  .note-form-ff-01 .nf-hdr-B {
    font-size: 13px;
    line-height: 16px; }
  .note-form-ff-01 .nf-hdr-C {
    font-size: 13px;
    line-height: 16px; }
  .note-form-ff-01 .nf-hdr-D {
    font-size: 12px;
    line-height: 15px; }
  .note-form-ff-01 .nf-hdr-E {
    font-size: 12px;
    line-height: 15px; }

  .my-orders-ff-01 .mo-hdr-S {
    text-align: right; }
  .my-orders-ff-01 .mo-hdr-P {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #5D2D74; }
  .my-orders-ff-01 .mo-hdr-R {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-L {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #68686A; }
  .my-orders-ff-01 .mo-hr-M {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #909091; }
  .my-orders-ff-01 .mo-hdr-O {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-DA {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #171718; }

  .note-confirm-msg-ff-02 .ncm-hdr-A {
    font-size: 20px;
    line-height: 24px; }

  .discount-ff-02 .hdr-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #171718; }
  .discount-ff-02 .hdr-F {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #555556; }
  .discount-ff-02 .hdr-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.005em;
    color: #171718; }

  .filter-typ-01 .filter-hdr-A {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #1F2E5C; }
  .filter-typ-01 .filter-hdr-B {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #68686A; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .hdr-A {
    font-size: 15px;
    line-height: 20px; }

  .hdr-D {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .hdr-E {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .hdr-F {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }

  .address-selection-ui-01 .as-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .payment-type-ui-01 .pt-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .delivery-information-ui-01 .di-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .payment-order-content-ui-01 .po-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-C {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .my-orders-ff-01 .mo-hdr-F {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .my-orders-ff-01 .mo-hdr-A1 {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #0F0F10; }
  .my-orders-ff-01 .mo-hdr-P {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-L {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #68686A; }
  .my-orders-ff-01 .mo-ff-M {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .my-orders-ff-01 .mo-hdr-S {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
    text-align: right; }
  .my-orders-ff-01 .mo-hdr-R {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #5D2D74; }
  .my-orders-ff-01 .mo-hr-M {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #909091; }
  .my-orders-ff-01 .mo-hdr-N {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #171718; }
  .my-orders-ff-01 .mo-hr-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #1F2E5C; }

  .order-result-ui-01 .or-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #171718; }
  .order-result-ui-01 .or-hdr-B {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .credibility-form-ff-01 .crd-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-B {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-C {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .credibility-form-ff-01 .crd-hdr-E {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-F {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-G {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-H {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .discount-ff-02 .hdr-E {
    font-size: 12px;
    line-height: 15px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .hdr-A {
    font-size: 15px;
    line-height: 20px; }

  .hdr-D {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }

  .hdr-E {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .hdr-F {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362; }

  .address-selection-ui-01 .as-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

  .payment-type-ui-01 .pt-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .delivery-information-ui-01 .di-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .payment-order-content-ui-01 .po-hdr-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-C {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-hdr-A {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #000000; }

  .my-orders-ff-01 .mo-hdr-F {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .my-orders-ff-01 .mo-hdr-A1 {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #0F0F10; }
  .my-orders-ff-01 .mo-hdr-P {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-L {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #68686A; }
  .my-orders-ff-01 .mo-ff-M {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .my-orders-ff-01 .mo-hdr-S {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
    text-align: right; }
  .my-orders-ff-01 .mo-hdr-R {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #171718; }
  .my-orders-ff-01 .mo-ff-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #5D2D74; }
  .my-orders-ff-01 .mo-hr-M {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #909091; }
  .my-orders-ff-01 .mo-hdr-N {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #171718; }
  .my-orders-ff-01 .mo-hr-K {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #1F2E5C; }

  .order-result-ui-01 .or-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #171718; }
  .order-result-ui-01 .or-hdr-B {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .credibility-form-ff-01 .crd-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-B {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-C {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .credibility-form-ff-01 .crd-hdr-E {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-F {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-G {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-H {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }

  .discount-ff-02 .hdr-E {
    font-size: 12px;
    line-height: 15px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .hdr-D {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }

  .hdr-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }

  .hdr-F {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #452362; }

  .comp-ui-13 .cui-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }

  .address-selection-ui-01 .as-hdr-A {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000; }

  .payment-type-ui-01 .pt-hdr-A, .payment-type-ui-02 .pt-hdr-A {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }

  .filter-typ-01 .filter-hdr-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.005em;
    color: #171718; }
  .filter-typ-01 .filter-hdr-B {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .delivery-information-ui-01 .di-hdr-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height */
    color: #000000; }

  .payment-order-content-ui-01 .po-hdr-A, .payment-order-content-ui-02 .po-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-B, .payment-order-content-ui-02 .po-hdr-B {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-C, .payment-order-content-ui-02 .po-hdr-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
  .payment-order-content-ui-01 .po-hdr-D, .payment-order-content-ui-02 .po-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }

  .contract-forms-ui-01 .cf-hdr-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }

  .order-result-ui-01 .or-hdr-A, .order-result-ui-02 .or-hdr-A {
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #214F12; }
  .order-result-ui-01 .or-hdr-B, .order-result-ui-02 .or-hdr-B {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }

  .credibility-form-ff-01 .crd-hdr-A {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-B {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-C {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .credibility-form-ff-01 .crd-hdr-E {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-F {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-G {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-H {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-I {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; } }
@media all and (min-width: 1680px) {
  .hdr-D {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }

  .hdr-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }

  .hdr-F {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #452362; }

  .comp-ui-13 .cui-hdr-A {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }

  .address-selection-ui-01 .as-hdr-A {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000; }

  .payment-type-ui-01 .pt-hdr-A, .payment-type-ui-02 .pt-hdr-A {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }

  .filter-typ-01 .filter-hdr-A {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.005em;
    color: #171718; }
  .filter-typ-01 .filter-hdr-B {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718; }

  .delivery-information-ui-01 .di-hdr-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height */
    color: #000000; }

  .payment-order-content-ui-01 .po-hdr-A, .payment-order-content-ui-02 .po-hdr-A {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-B, .payment-order-content-ui-02 .po-hdr-B {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .payment-order-content-ui-01 .po-hdr-C, .payment-order-content-ui-02 .po-hdr-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
  .payment-order-content-ui-01 .po-hdr-D, .payment-order-content-ui-02 .po-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }

  .contract-forms-ui-01 .cf-hdr-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }

  .order-result-ui-01 .or-hdr-A, .order-result-ui-02 .or-hdr-A {
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #214F12; }
  .order-result-ui-01 .or-hdr-B, .order-result-ui-02 .or-hdr-B {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }

  .credibility-form-ff-01 .crd-hdr-A {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-B {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-C {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .credibility-form-ff-01 .crd-hdr-E {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-F {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000; }
  .credibility-form-ff-01 .crd-hdr-G {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-H {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .credibility-form-ff-01 .crd-hdr-I {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; } }
@media all and (max-width: 414px) {
  .product-card-ff-01 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-01 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-01 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #214F12; }
  .product-card-ff-01 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }

  .product-card-ff-02 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-02 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-02 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #214F12; }
  .product-card-ff-02 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .product-card-ff-01 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-01 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-01 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #214F12; }
  .product-card-ff-01 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }

  .product-card-ff-02 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-02 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-02 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #214F12; }
  .product-card-ff-02 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-card-ff-01 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-01 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-01 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-01 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }

  .product-card-ff-02 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-02 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-02 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-02 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .product-card-ff-01 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-01 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-01 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-01 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }

  .product-card-ff-02 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-02 .pc-ff-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-02 .pc-ff-C {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-02 .pc-ff-D {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-E {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-I {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .product-card-ff-01 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-01 .pc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-01 .pc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-01 .pc-ff-D {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-E {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-I {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }

  .product-card-ff-02 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-02 .pc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-02 .pc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-02 .pc-ff-D {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-E {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-I {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .product-card-ff-01 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-01 .pc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-01 .pc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-01 .pc-ff-D {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-E {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-01 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-01 .pc-ff-I {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }

  .product-card-ff-02 .pc-ff-A {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #555556; }
  .product-card-ff-02 .pc-ff-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-card-ff-02 .pc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #214F12; }
  .product-card-ff-02 .pc-ff-D {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-E {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-F {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-G {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-card-ff-02 .pc-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-card-ff-02 .pc-ff-I {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #171718; } }
@media all and (max-width: 414px) {
  .product-detail-card-ff-01 .pcd-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .product-detail-card-ff-01 .pcd-ff-D {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-E {
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-F, .product-detail-card-ff-01 .pcd-ff-G {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-J {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-K {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73;
    color: #2B3E73;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-detail-card-ff-01 .pcd-ff-L {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-detail-card-ff-01 .pcd-ff-M {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-O {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-P {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF; }
  .product-detail-card-ff-01 .pcd-ff-R {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-S {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-T {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-card-ff-01 .pcd-ff-U {
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Y {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Z {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-A1 {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-Q {
    color: #7A3986;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; }
  .product-detail-card-ff-01 .pcd-ff-Q1 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; }
  .product-detail-card-ff-01 .pcd-ff-Q2 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .product-detail-card-ff-01 .pcd-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .product-detail-card-ff-01 .pcd-ff-D {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-E {
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-F, .product-detail-card-ff-01 .pcd-ff-G {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-J {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-K {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73;
    color: #2B3E73;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-detail-card-ff-01 .pcd-ff-L {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-detail-card-ff-01 .pcd-ff-M {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-O {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-P {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF; }
  .product-detail-card-ff-01 .pcd-ff-R {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-S {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-T {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-card-ff-01 .pcd-ff-U {
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Y {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Z {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-A1 {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-Q {
    color: #7A3986;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; }
  .product-detail-card-ff-01 .pcd-ff-Q1 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; }
  .product-detail-card-ff-01 .pcd-ff-Q2 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-detail-card-ff-01 .pcd-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .product-detail-card-ff-01 .pcd-ff-D {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-E {
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-F, .product-detail-card-ff-01 .pcd-ff-G {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-J {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-K {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-L {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-detail-card-ff-01 .pcd-ff-M {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-O {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-P {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF; }
  .product-detail-card-ff-01 .pcd-ff-R {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-S {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-T {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-card-ff-01 .pcd-ff-U {
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Y {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Z {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-A1 {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .product-detail-card-ff-01 .pcd-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-B {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .product-detail-card-ff-01 .pcd-ff-D {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-E {
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-F, .product-detail-card-ff-01 .pcd-ff-G {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-J {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-K {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-L {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-detail-card-ff-01 .pcd-ff-M {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-O {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-P {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF; }
  .product-detail-card-ff-01 .pcd-ff-R {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-S {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-T {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-card-ff-01 .pcd-ff-U {
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Y {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Z {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-A1 {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .product-detail-card-ff-01 .pcd-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-B {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .product-detail-card-ff-01 .pcd-ff-D {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-E {
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-F, .product-detail-card-ff-01 .pcd-ff-G {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-J {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-K {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-L {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-detail-card-ff-01 .pcd-ff-M {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-O {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-P {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF; }
  .product-detail-card-ff-01 .pcd-ff-R {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-S {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-T {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-card-ff-01 .pcd-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Y {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Z {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-A1 {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-Q {
    color: #7A3986;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; }
  .product-detail-card-ff-01 .pcd-ff-Q1 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; }
  .product-detail-card-ff-01 .pcd-ff-Q2 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .product-detail-card-ff-01 .pcd-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-B {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556; }
  .product-detail-card-ff-01 .pcd-ff-D {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-E {
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-F, .product-detail-card-ff-01 .pcd-ff-G {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-H {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-J {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-K {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73;
    color: #2B3E73; }
  .product-detail-card-ff-01 .pcd-ff-L {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-detail-card-ff-01 .pcd-ff-M {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-O {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-P {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF; }
  .product-detail-card-ff-01 .pcd-ff-R {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-card-ff-01 .pcd-ff-S {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-T {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-card-ff-01 .pcd-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Y {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-Z {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #214F12; }
  .product-detail-card-ff-01 .pcd-ff-A1 {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F; }
  .product-detail-card-ff-01 .pcd-ff-Q {
    color: #7A3986;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; }
  .product-detail-card-ff-01 .pcd-ff-Q1 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; }
  .product-detail-card-ff-01 .pcd-ff-Q2 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (max-width: 414px) {
  .product-detail-properties-ff-01 .tab-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    white-space: nowrap;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-B {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-C {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-D {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #555556; }
  .product-detail-properties-ff-01 .tab-ff-E {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-F {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF; }
  .product-detail-properties-ff-01 .tab-ff-G {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-H {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-I {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-J {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-K {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #373738; }
  .product-detail-properties-ff-01 .tab-ff-L {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-M {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-N {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-O {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-P {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-R {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-S {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #DF633A; }
  .product-detail-properties-ff-01 .tab-ff-T {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-V {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-Y {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-Z {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #8E452A; }
  .product-detail-properties-ff-01 .tab-ff-AA {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-BB {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-CC {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-DD {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-EE {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-FF {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-GG {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #171718; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .product-detail-properties-ff-01 .tab-ff-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    white-space: nowrap;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-B {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-C {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-D {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #555556; }
  .product-detail-properties-ff-01 .tab-ff-E {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-F {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF; }
  .product-detail-properties-ff-01 .tab-ff-G {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-H {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-I {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-J {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-K {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #373738; }
  .product-detail-properties-ff-01 .tab-ff-L {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-M {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-N {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-O {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-P {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-R {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-S {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #DF633A; }
  .product-detail-properties-ff-01 .tab-ff-T {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-V {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-Y {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-Z {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #8E452A; }
  .product-detail-properties-ff-01 .tab-ff-AA {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-BB {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-CC {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-DD {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-EE {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-FF {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-GG {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #171718; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-detail-properties-ff-01 .tab-ff-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-B {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-C {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-D {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #555556; }
  .product-detail-properties-ff-01 .tab-ff-E {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-F {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF; }
  .product-detail-properties-ff-01 .tab-ff-G {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-H {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-I {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-J {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-K {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #373738; }
  .product-detail-properties-ff-01 .tab-ff-L {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-M {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-N {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-O {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-P {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-R {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-S {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #DF633A; }
  .product-detail-properties-ff-01 .tab-ff-T {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-V {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-Y {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-Z {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #8E452A; }
  .product-detail-properties-ff-01 .tab-ff-AA {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-BB {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-CC {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-DD {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-EE {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-FF {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-GG {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #171718; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .product-detail-properties-ff-01 .tab-ff-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-B {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-C {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-D {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #555556; }
  .product-detail-properties-ff-01 .tab-ff-E {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-F {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF; }
  .product-detail-properties-ff-01 .tab-ff-G {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-H {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-I {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-J {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-K {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #373738; }
  .product-detail-properties-ff-01 .tab-ff-L {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-M {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-N {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-O {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-P {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-R {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-S {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #DF633A; }
  .product-detail-properties-ff-01 .tab-ff-T {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-V {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-Y {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-Z {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #8E452A; }
  .product-detail-properties-ff-01 .tab-ff-AA {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-BB {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-CC {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-DD {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-EE {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-FF {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-GG {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #171718; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .product-detail-properties-ff-01 .tab-ff-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-B {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-C {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-D {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #555556; }
  .product-detail-properties-ff-01 .tab-ff-E {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-F {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF; }
  .product-detail-properties-ff-01 .tab-ff-G {
    font-weight: 500;
    font-size: 44px;
    line-height: 53px;
    text-align: center;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-H {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-I {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-J {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-K {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #373738; }
  .product-detail-properties-ff-01 .tab-ff-L {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-M {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-N {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-O {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-P {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-R {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-S {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #DF633A; }
  .product-detail-properties-ff-01 .tab-ff-T {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-V {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-Y {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-Z {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #8E452A; }
  .product-detail-properties-ff-01 .tab-ff-AA {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-BB {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-CC {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-DD {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-EE {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-GG {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #555556; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .product-detail-properties-ff-01 .tab-ff-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-B {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-C {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-D {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #555556; }
  .product-detail-properties-ff-01 .tab-ff-E {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-F {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF; }
  .product-detail-properties-ff-01 .tab-ff-G {
    font-weight: 500;
    font-size: 44px;
    line-height: 53px;
    text-align: center;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-H {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-I {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-J {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-K {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #373738; }
  .product-detail-properties-ff-01 .tab-ff-L {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-M {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-N {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-O {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000; }
  .product-detail-properties-ff-01 .tab-ff-P {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-R {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #2B3E73; }
  .product-detail-properties-ff-01 .tab-ff-S {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #DF633A; }
  .product-detail-properties-ff-01 .tab-ff-T {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-U {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #214F12; }
  .product-detail-properties-ff-01 .tab-ff-V {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-Y {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #68686A; }
  .product-detail-properties-ff-01 .tab-ff-Z {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #8E452A; }
  .product-detail-properties-ff-01 .tab-ff-AA {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-BB {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-CC {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-DD {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-EE {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .product-detail-properties-ff-01 .tab-ff-GG {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #555556; }

  .product-seller-card-ff-01 .psc-ff-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .product-seller-card-ff-01 .psc-ff-B {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091; }
  .product-seller-card-ff-01 .psc-ff-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73; }
  .product-seller-card-ff-01 .psc-ff-D {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #D06945; }
  .product-seller-card-ff-01 .psc-ff-E {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #171718; } }
.lnk-A {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #1F2E5C; }

.lnk-B {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #171718; }

.lnk-C {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.01em;
  color: #171718; }

.lnk-D {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.005em;
  color: #171718;
  transition: color 0.2s; }
  .lnk-D:hover {
    color: #7A3986; }

.lnk-E {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  color: #171718; }

.lnk-F {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF; }

.discount-ff-01 .lnk-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #FFFFFF; }

.discount-ff-02 .lnk-A {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #452362; }
.discount-ff-02 .lnk-B {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #6B337D; }
.discount-ff-02 .lnk-C {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #68686A; }
.discount-ff-02 .lnk-D {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: #68686A; }
  .discount-ff-02 .lnk-D.on {
    color: #6B337D; }
.discount-ff-02 .lnk-E {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF; }

@media all and (min-width: 1280px) and (max-width: 1679px) {
  .filter-typ-01 .filter-lnk-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
    .filter-typ-01 .filter-lnk-A .countno {
      font-size: 11px;
      color: #909091; }
    .filter-typ-01 .filter-lnk-A:hover {
      text-decoration: underline; }

  .basket-ui-02 .basket-lnk-A, basket-ui-03 .basket-lnk-A, .basket-ui-04 .basket-lnk-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; } }
@media all and (min-width: 1680px) {
  .filter-typ-01 .filter-lnk-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
    .filter-typ-01 .filter-lnk-A .countno {
      font-size: 11px;
      color: #909091; }
    .filter-typ-01 .filter-lnk-A:hover {
      text-decoration: underline; }

  .basket-ui-02 .basket-lnk-A, basket-ui-03 .basket-lnk-A, .basket-ui-04 .basket-lnk-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556; } }
.mobile-first-ff-01 .mf-ff-A {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #2D3B66; }
  .mobile-first-ff-01 .mf-ff-A.active {
    font-weight: 600;
    color: #02133E; }
.mobile-first-ff-01 .mf-ff-B {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #171718; }
.mobile-first-ff-01 .mf-ff-C {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #68686A; }
.mobile-first-ff-01 .mf-ff-D {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #171718; }
.mobile-first-ff-01 .mf-ff-E {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #171718; }
  .mobile-first-ff-01 .mf-ff-E strong {
    font-weight: 600; }
.mobile-first-ff-01 .mf-ff-F {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000; }
.mobile-first-ff-01 .mf-ff-G {
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  color: #666666; }
.mobile-first-ff-01 .mf-ff-H {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
  text-decoration: underline; }

.prg-A {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #68686A; }

.note-form-ff-01 .nf-prg-A {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #373738; }

.discount-coupon-form-ff-01 .dsc-cpn-prg-A {
  font-family: Inter;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.005em;
  color: #000000; }

.note-confirm-msg-ff-01 .ncm-prg-A {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #555556; }
.note-confirm-msg-ff-01 .ncm-prg-B {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #171718; }
.note-confirm-msg-ff-01 .ncm-prg-C {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: #0F0F10; }
.note-confirm-msg-ff-01 .ncm-prg-D {
  font-size: 14px;
  line-height: 22px;
  color: #555556; }

.note-confirm-msg-ff-02 .ncm-prg-A {
  font-size: 14px;
  line-height: 22px;
  /* or 157% */
  color: #000000; }

.discount-ff-02 .prg-A {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #373738; }
.discount-ff-02 .prg-B {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #171718; }
.discount-ff-02 .prg-C {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #373738; }
.discount-ff-02 .prg-D {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #68686A; }
.discount-ff-02 .prg-E {
  /*Yeni*/
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #373738; }
.discount-ff-02 .prg-F {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #373738; }
.discount-ff-02 .prg-G {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #373738; }

.my-list-form-ff-01 .my-list-prg-A {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.005em;
  color: #373738; }

.profile-detail-ff-01 .pd-prg-A {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #373738; }

.assessments-ff-01 .ass-prg-A {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  opacity: 0.6; }
.assessments-ff-01 .ass-prg-B {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #373738; }

@media all and (max-width: 414px) {
  .prg-B {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
    .prg-B span {
      color: #853F8C; }

  .prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-type-ui-01 .pt-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-order-content-ui-01 .po-prg-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }
  .payment-order-content-ui-01 .po-prg-B {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #373738; }
    .payment-order-content-ui-01 .po-prg-B span {
      color: #853F8C; }
  .payment-order-content-ui-01 .po-prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #68686A; }
  .order-result-ui-01 .or-prg-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738; }

  .note-form-ff-01 .nf-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px; }

  .credibility-form-ff-01 .crd-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    /* or 158% */
    text-align: center;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-D {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-E {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-F {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-G {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }
  .credibility-form-ff-01 .crd-prg-H {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-I {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39587F; }
  .credibility-form-ff-01 .crd-prg-J {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; }

  .note-confirm-msg-ff-02 .ncm-prg-A {
    font-size: 13px;
    line-height: 20px;
    /* or 157% */
    color: #000000; }

  order-basket-msg-ff-01 .micro-ui-23 .obm-prg-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    color: #000000; }

  .discount-ff-02 .prg-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .discount-ff-02 .prg-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .discount-ff-02 .prg-E {
    /*Yeni*/
    font-weight: 500;
    font-size: 12px;
    line-height: 18px; }
  .discount-ff-02 .prg-F {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px; }
  .discount-ff-02 .prg-G {
    font-weight: normal;
    font-size: 11px;
    line-height: 16px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .prg-B {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
    .prg-B span {
      color: #853F8C; }

  .prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-type-ui-01 .pt-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-order-content-ui-01 .po-prg-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }
  .payment-order-content-ui-01 .po-prg-B {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #373738; }
    .payment-order-content-ui-01 .po-prg-B span {
      color: #853F8C; }
  .payment-order-content-ui-01 .po-prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #68686A; }
  .order-result-ui-01 .or-prg-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738; }

  .note-form-ff-01 .nf-prg-A {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px; }

  .credibility-form-ff-01 .crd-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    /* or 158% */
    text-align: center;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-D {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-E {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-F {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.005em;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-G {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }
  .credibility-form-ff-01 .crd-prg-H {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-I {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39587F; }
  .credibility-form-ff-01 .crd-prg-J {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; }

  .note-confirm-msg-ff-02 .ncm-prg-A {
    font-size: 13px;
    line-height: 20px;
    /* or 157% */
    color: #000000; }

  order-basket-msg-ff-01 .micro-ui-23 .obm-prg-A {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    color: #000000; }

  .discount-ff-02 .prg-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .discount-ff-02 .prg-C {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }
  .discount-ff-02 .prg-E {
    /*Yeni*/
    font-weight: 500;
    font-size: 12px;
    line-height: 18px; }
  .discount-ff-02 .prg-F {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px; }
  .discount-ff-02 .prg-G {
    font-weight: normal;
    font-size: 11px;
    line-height: 16px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .prg-B {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
    .prg-B span {
      color: #853F8C; }

  .prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .note-form-ff-01 .nf-prg-A {
    margin-bottom: 48px;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #373738; }

  .payment-type-ui-01 .pt-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-order-content-ui-01 .po-prg-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }
  .payment-order-content-ui-01 .po-prg-B {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #373738; }
    .payment-order-content-ui-01 .po-prg-B span {
      color: #853F8C; }
  .payment-order-content-ui-01 .po-prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.005em;
    text-align: center;
    color: #68686A; }
  .order-result-ui-01 .or-prg-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738; }

  .credibility-form-ff-01 .crd-prg-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-B {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-E {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-F {
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-G {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6; }
  .credibility-form-ff-01 .crd-prg-H {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-I {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39587F; }
  .credibility-form-ff-01 .crd-prg-J {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .prg-B {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #000000; }
    .prg-B span {
      color: #853F8C; }

  .prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }

  .note-form-ff-01 .nf-prg-A {
    margin-bottom: 48px;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #373738; }

  .payment-type-ui-01 .pt-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-order-content-ui-01 .po-prg-A {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.005em;
    color: #373738; }
  .payment-order-content-ui-01 .po-prg-B {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #373738; }
    .payment-order-content-ui-01 .po-prg-B span {
      color: #853F8C; }
  .payment-order-content-ui-01 .po-prg-C {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #171718; }

  .contract-forms-ui-01 .cf-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.005em;
    text-align: center;
    color: #68686A; }
  .order-result-ui-01 .or-prg-B {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738; }

  .credibility-form-ff-01 .crd-prg-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-B {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-E {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-F {
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-G {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6; }
  .credibility-form-ff-01 .crd-prg-H {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-I {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39587F; }
  .credibility-form-ff-01 .crd-prg-J {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .prg-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
    .prg-B span {
      color: #853F8C; }

  .prg-C {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }

  .payment-type-ui-01 .pt-prg-A, .payment-type-ui-02 .pt-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-order-content-ui-01 .po-prg-A, .payment-order-content-ui-02 .po-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }
  .payment-order-content-ui-01 .po-prg-B, .payment-order-content-ui-02 .po-prg-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
    .payment-order-content-ui-01 .po-prg-B span, .payment-order-content-ui-02 .po-prg-B span {
      color: #853F8C; }
  .payment-order-content-ui-01 .po-prg-C, .payment-order-content-ui-02 .po-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.6; }
  .payment-order-content-ui-01 .po-prg-D, .payment-order-content-ui-02 .po-prg-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }

  .contract-forms-ui-01 .cf-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-prg-A, .order-result-ui-02 .or-prg-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #214F12; }
  .order-result-ui-01 .or-prg-B, .order-result-ui-02 .or-prg-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }
  .order-result-ui-01 .or-prg-C, .order-result-ui-02 .or-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #3D175E; }

  .credibility-form-ff-01 .crd-prg-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-B {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-E {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-F {
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-G {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6; }
  .credibility-form-ff-01 .crd-prg-H {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-I {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39587F; }
  .credibility-form-ff-01 .crd-prg-J {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-K {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    opacity: 0.6; }

  .note-form-ff-01 .nf-prg-B {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #373738; } }
@media all and (min-width: 1680px) {
  .prg-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000; }
    .prg-B span {
      color: #853F8C; }

  .prg-C {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }

  .payment-type-ui-01 .pt-prg-A, .payment-type-ui-02 .pt-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.005em;
    color: #373738; }

  .payment-order-content-ui-01 .po-prg-A, .payment-order-content-ui-02 .po-prg-A {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }
  .payment-order-content-ui-01 .po-prg-B, .payment-order-content-ui-02 .po-prg-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
    .payment-order-content-ui-01 .po-prg-B span, .payment-order-content-ui-02 .po-prg-B span {
      color: #853F8C; }
  .payment-order-content-ui-01 .po-prg-C, .payment-order-content-ui-02 .po-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.6; }
  .payment-order-content-ui-01 .po-prg-D, .payment-order-content-ui-02 .po-prg-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }

  .contract-forms-ui-01 .cf-prg-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #373738; }

  .order-result-ui-01 .or-prg-A, .order-result-ui-02 .or-prg-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.005em;
    color: #214F12; }
  .order-result-ui-01 .or-prg-B, .order-result-ui-02 .or-prg-B {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #373738; }
  .order-result-ui-01 .or-prg-C, .order-result-ui-02 .or-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.005em;
    color: #3D175E; }

  .credibility-form-ff-01 .crd-prg-A {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-B {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #555556; }
  .credibility-form-ff-01 .crd-prg-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-D {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-E {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-F {
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    opacity: 0.7; }
  .credibility-form-ff-01 .crd-prg-G {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6; }
  .credibility-form-ff-01 .crd-prg-H {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000; }
  .credibility-form-ff-01 .crd-prg-I {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39587F; }
  .credibility-form-ff-01 .crd-prg-J {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .credibility-form-ff-01 .crd-prg-K {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    opacity: 0.6; }

  .note-form-ff-01 .nf-prg-B {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #373738; } }
.royal-slider-ff-01 .rs-ff-A {
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -0.01em;
  color: #1F2E5C; }
.royal-slider-ff-01 .rs-ff-B {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF; }
.royal-slider-ff-01 .rs-ff-C {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #1F2E5C; }

.royal-slider-ff-02 .rs-ff-A {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #1F2E5C; }
.royal-slider-ff-02 .rs-ff-B {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF; }

@media all and (max-width: 414px) {
  .royal-slider-ff-01 .rs-ff-A {
    font-size: 14px;
    line-height: 18px; }
  .royal-slider-ff-01 .rs-ff-C {
    font-size: 11px;
    line-height: 13px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .royal-slider-ff-01 .rs-ff-A {
    font-size: 14px;
    line-height: 18px; }
  .royal-slider-ff-01 .rs-ff-C {
    font-size: 11px;
    line-height: 13px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .royal-slider-ff-01 .rs-ff-A {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .royal-slider-ff-01 .rs-ff-A {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px; } }
.user-menu-ff-01 .ff-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #171718; }
.user-menu-ff-01 .ff-B {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091; }

.user-menu-ff-02 .ff-A {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #171718; }
  .user-menu-ff-02 .ff-A.on {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #5D2D74; }
.user-menu-ff-02 .ff-B {
  color: #909091; }
.user-menu-ff-02 .hdr-A {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #5D2D74; }
.user-menu-ff-02 .hdr-B {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #5D2D74; }
.user-menu-ff-02 .hdr-C {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #171718; }
.user-menu-ff-02 .hdr-D {
  font-size: 14px;
  line-height: 17px;
  color: #555556; }
.user-menu-ff-02 .hdc-E {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  color: #FFFFFF; }

@media all and (max-width: 414px) {
  .user-menu-ff-01 .ff-A {
    font-size: 14px;
    line-height: 17px; }
  .user-menu-ff-01 .ff-B {
    font-size: 14px;
    line-height: 17px; }

  .user-menu-ff-02 .ff-A {
    font-size: 14px;
    line-height: 17px; }
  .user-menu-ff-02 .ff-B {
    font-size: 14px;
    line-height: 17px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .user-menu-ff-01 .ff-A {
    font-size: 14px;
    line-height: 17px; }
  .user-menu-ff-01 .ff-B {
    font-size: 14px;
    line-height: 17px; }

  .user-menu-ff-02 .ff-A {
    font-size: 14px;
    line-height: 17px; }
  .user-menu-ff-02 .ff-B {
    font-size: 14px;
    line-height: 17px; } }

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

[class*=form-group-] {
  display: flex;
  flex-wrap: wrap; }

.btn-01 {
  width: 100%;
  height: 56px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #7A3986;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF; }
  .btn-01:hover {
    cursor: pointer;
    background: #6B337D; }

.btn-02 {
  width: 100%;
  height: 56px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #425993;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF; }
  .btn-02:hover {
    cursor: pointer;
    background: #3B518B; }

.filter-ui-04 .filter-btn-A {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #E6E6E7;
  border-radius: 4px;
  transition: opacity 0.2s; }
  .filter-ui-04 .filter-btn-A:disabled {
    opacity: 0.3; }

[class*=chk-] > label {
  cursor: pointer;
  display: flex; }
  [class*=chk-] > label::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-color: #fff; }
[class*=chk-] [type=checkbox]:checked ~ label::before {
  background-position: center center;
  background-repeat: no-repeat; }

.chk-A > :nth-child(2) {
  padding: 0 0 0 32px; }
  .chk-A > :nth-child(2)::before {
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s; }
.chk-A [type=checkbox]:checked ~ label::before {
  border: 1px solid #D5D5D6;
  background-size: 9px 7px;
  background-image: url(/Content/Images/Icons/icon-check.svg); }
.chk-A [type=checkbox]:focus ~ label::before {
  border: 1px solid #D5D5D6; }
.chk-A [type=checkbox]:disabled ~ label::before {
  border: 1px solid #D5D5D6; }
.chk-A [type=checkbox].error ~ label.error::before {
  border: 1px solid #D5D5D6; }
.chk-A:hover > label::before {
  background-color: #E7E7E7; }

.chk-B > span {
  display: flex;
  align-items: center;
  font-size: 14px; }
  .chk-B > span::before {
    content: '';
    display: block;
    width: 60px;
    height: 32px;
    border-radius: 30px;
    background-color: #E6E6E7;
    transition: background-color 0.2s, border 0.2s; }
  .chk-B > span::after {
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    left: 4px;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #909091;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s; }
  .chk-B > span > span {
    width: calc(100% - 50px); }
.chk-B [type=checkbox]:checked ~ span::before {
  background-color: #C5E2A7; }
.chk-B [type=checkbox]:checked ~ span::after {
  -webkit-transform: translateX(28px);
  -moz-transform: translateX(28px);
  -ms-transform: translateX(28px);
  -o-transform: translateX(28px);
  transform: translateX(28px);
  background-color: #548C33; }

.chk-C > :nth-child(2) {
  padding: 0 0 0 0; }
  .chk-C > :nth-child(2)::before {
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s; }
.chk-C [type=checkbox]:checked ~ label::before {
  border: 1px solid #D5D5D6;
  background-size: 9px 7px;
  background-image: url(/Content/Images/Icons/icon-check.svg); }
.chk-C [type=checkbox]:focus ~ label::before {
  border: 1px solid #D5D5D6; }
.chk-C [type=checkbox]:disabled ~ label::before {
  border: 1px solid #D5D5D6; }
.chk-C [type=checkbox].error ~ label.error::before {
  border: 1px solid #D5D5D6; }

.filter-typ-01 .filter-chk-01 {
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #171718;
  margin-bottom: 8px; }
  .filter-typ-01 .filter-chk-01 > span {
    display: flex;
    white-space: pre-wrap; }
  .filter-typ-01 .filter-chk-01 .star-container {
    margin: 0 8px 0 0;
    white-space: nowrap; }
    .filter-typ-01 .filter-chk-01 .star-container svg:not(:last-child) {
      margin: 0 4px 0 0; }
  .filter-typ-01 .filter-chk-01 .countno {
    font-size: 11px;
    color: #909091; }
  .filter-typ-01 .filter-chk-01 > span:nth-child(2):before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    flex-shrink: 0; }
  .filter-typ-01 .filter-chk-01 input:checked ~ span:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%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%22M9.02289%200.0922C8.90079%20-0.0307333%208.70201%20-0.0307333%208.58075%200.0922L3.92136%204.72991C3.79926%204.85368%203.60007%204.85368%203.4788%204.72991L1.43728%202.65088C1.37685%202.5892%201.29768%202.55878%201.21808%202.55837C1.13765%202.55795%201.05598%202.58837%200.994718%202.65088L0.0925125%203.46182C0.0325044%203.5235%200%203.60059%200%203.68102C0%203.76186%200.0325044%203.84646%200.0929293%203.90772L2.15154%206.06801C2.27322%206.19136%202.47283%206.39139%202.5941%206.5139L3.47922%207.40611C3.6009%207.52821%203.79968%207.52821%203.92178%207.40611L9.90843%201.4303C10.0305%201.30778%2010.0305%201.1065%209.90843%200.983987L9.02289%200.0922Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fsvg%3E"); }

[class*=rdb-] > label {
  cursor: pointer;
  display: flex; }
  [class*=rdb-] > label::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-color: #fff; }
[class*=rdb-] [type=radio]:checked ~ label::before {
  background-position: center center;
  background-repeat: no-repeat; }

.select-ui-01 {
  width: 100%;
  height: 48px;
  padding: 0px 16px;
  border: 2px solid #D5D5D6;
  box-sizing: border-box;
  border-radius: 4px;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.payment-form-group-03 .payment-select-01 {
  width: calc(50% - 5px);
  height: 48px;
  padding: 15px;
  margin-top: 8px;
  border: 2px solid #D5D5D6;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #171718;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%; }

@media all and (max-width: 414px) {
  .comp-ui-17 .note-select-01 {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 15px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .comp-ui-21 .note-confirm-select-01 {
    padding: 19px 20px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border: 2px solid #D5D5D6;
    width: 100%;
    height: 48px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-17 .note-select-01 {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 15px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .comp-ui-21 .note-confirm-select-01 {
    padding: 19px 20px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border: 2px solid #D5D5D6;
    width: 100%;
    height: 48px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-ui-17 .note-select-01 {
    width: 100%;
    height: 48px;
    margin-top: 12px;
    padding: 15px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .comp-ui-21 .note-confirm-select-01 {
    padding: 19px 20px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border: 2px solid #D5D5D6;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-ui-17 .note-select-01 {
    width: 100%;
    height: 48px;
    margin-top: 12px;
    padding: 15px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .comp-ui-21 .note-confirm-select-01 {
    padding: 19px 20px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border: 2px solid #D5D5D6;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-ui-17 .note-select-01, .comp-ui-56 .note-select-01 {
    width: 100%;
    height: 48px;
    margin-top: 12px;
    padding: 13px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .micro-ui-61 .micro-61-select-01 {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    padding: 20px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .comp-ui-21 .note-confirm-select-01 {
    padding: 0 20px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border: 2px solid #D5D5D6;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .comp-ui-17 .note-select-01, .comp-ui-56 .note-select-01 {
    width: 100%;
    height: 48px;
    margin-top: 12px;
    padding: 13px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .micro-ui-61 .micro-61-select-01 {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    padding: 20px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%; }

  .comp-ui-21 .note-confirm-select-01 {
    padding: 0 20px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border: 2px solid #D5D5D6;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #171718; } }
.tb-01 {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  border: 1px solid #D5D5D6;
  border-radius: 6px;
  background: transparent;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #171718;
  transition: all 0.1s; }
  .tb-01.readonly {
    border-radius: 4px;
    background: #F8F8F9; }
  .tb-01 ~ .tb-placeholder-01 {
    position: absolute;
    top: 18px;
    left: 16px;
    transition: all 0.2s;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #171718; }
  .tb-01 ~ .tb-togglePassword-01 {
    height: 15px;
    position: absolute;
    right: 16px;
    top: calc(50% - 8.5px);
    font-size: 14px;
    line-height: 17px;
    z-index: 2;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718; }
  .tb-01:not([value=""]):not(:focus) ~ .tb-placeholder-01, .tb-01:not([value=""]):not(:focus):-webkit-autofill + label, .tb-01:not([value=""]):not(:focus):not(:placeholder-shown) + label, .tb-01:not([value=""]):not(:focus).filled + label {
    top: -7.5px;
    left: 11px;
    padding: 0 5px;
    background-color: white;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #68686A; }
  .tb-01:focus {
    border: 2px solid #3B518B; }
    .tb-01:focus ~ .tb-placeholder-01, .tb-01:focus:-webkit-autofill + label, .tb-01:focus:not(:placeholder-shown) + label, .tb-01:focus.filled + label {
      top: -7.5px;
      left: 11px;
      padding: 0 5px;
      background-color: white;
      font-weight: normal;
      font-size: 12px;
      line-height: 15px;
      color: #68686A; }

.tb-01:not([value=""]):not(:focus) ~ .tb-placeholder-01, .tb-01:-webkit-autofill ~ .tb-placeholder-01, .tb-01:not(:placeholder-shown) ~ .tb-placeholder-01, .tb-01.filled ~ .tb-placeholder-01 {
  top: -7.5px;
  left: 11px;
  padding: 0 5px;
  background-color: white;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #68686A; }
.tb-01:focus {
  border: 2px solid #3B518B; }
  .tb-01:focus ~ .tb-placeholder-01 {
    top: -7.5px;
    left: 11px;
    padding: 0 5px;
    background-color: white;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #68686A; }

.tb-02 {
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  border: 2px solid #D5D5D6;
  border-radius: 4px;
  background: transparent;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  transition: all 0.1s; }
  .tb-02.pl-40 {
    padding-left: 40px !important; }
  .tb-02.readonly {
    border-radius: 4px;
    background: #F8F8F9; }
  .tb-02 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .tb-02 ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .tb-02 :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .tb-02 :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

.tb-02:read-only {
  background: #F8F8F9; }

.tb-03 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  border-radius: 4px;
  background: #FFFFFF;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  transition: all 0.1s; }
  .tb-03 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .tb-03 ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .tb-03 :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .tb-03 :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

.address-form-ui .address-tb-01 {
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  padding-left: 16px;
  border: 1px solid #D5D5D6;
  border-radius: 4px;
  background: transparent;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  transition: all 0.1s; }
  .address-form-ui .address-tb-01 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .address-form-ui .address-tb-01 ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .address-form-ui .address-tb-01 :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .address-form-ui .address-tb-01 :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

.payment-type-ui-01 .payment-tb-01 {
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 61px;
  border: 1px solid #D5D5D6;
  border-radius: 4px;
  background: transparent;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  transition: all 0.1s; }
  .payment-type-ui-01 .payment-tb-01 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .payment-type-ui-01 .payment-tb-01 ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .payment-type-ui-01 .payment-tb-01 :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .payment-type-ui-01 .payment-tb-01 :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
.payment-type-ui-01 .payment-tb-02 {
  width: 60px;
  height: 48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  border: 1px solid #D5D5D6;
  border-radius: 4px;
  background: transparent;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  transition: all 0.1s; }
  .payment-type-ui-01 .payment-tb-02 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .payment-type-ui-01 .payment-tb-02 ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .payment-type-ui-01 .payment-tb-02 :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }
  .payment-type-ui-01 .payment-tb-02 :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000; }

.filter-typ-01 .filter-tb-01 {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #171718; }
  .filter-typ-01 .filter-tb-01 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .filter-typ-01 .filter-tb-01 ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .filter-typ-01 .filter-tb-01 :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
  .filter-typ-01 .filter-tb-01 :-moz-placeholder {
    /* Firefox 18- */
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }

.comp-ui-17 .note-tb-01:disabled, .comp-ui-17 .note-tb-01:read-only, .comp-ui-17 .note-tb-02:disabled, .comp-ui-17 .note-tb-02:read-only, .comp-ui-17 .note-tb-03:disabled, .comp-ui-17 .note-tb-03:read-only, .comp-ui-56 .note-tb-01:disabled, .comp-ui-56 .note-tb-01:read-only, .comp-ui-56 .note-tb-02:disabled, .comp-ui-56 .note-tb-02:read-only, .comp-ui-56 .note-tb-03:disabled, .comp-ui-56 .note-tb-03:read-only {
  background-color: #F8F8F9;
  color: #373738;
  border: none; }

@media all and (max-width: 414px) {
  .comp-ui-17 .note-tb-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    padding-left: 16px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-01 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-02 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    padding-left: 48px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-02 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-17 .note-tb-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    padding-left: 16px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-01 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-02 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    padding-left: 48px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-02 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-ui-17 .note-tb-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 16px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-01 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-02 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 48px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-02 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-ui-17 .note-tb-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 16px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-01 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-02 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 48px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-17 .note-tb-02 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-ui-17 .note-tb-01, .comp-ui-56 .note-tb-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 16px;
    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; }
    .comp-ui-17 .note-tb-01 ::-webkit-input-placeholder, .comp-ui-56 .note-tb-01 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 ::-moz-placeholder, .comp-ui-56 .note-tb-01 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-ms-input-placeholder, .comp-ui-56 .note-tb-01 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-moz-placeholder, .comp-ui-56 .note-tb-01 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-02, .comp-ui-56 .note-tb-02 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 48px;
    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; }
    .comp-ui-17 .note-tb-02 ::-webkit-input-placeholder, .comp-ui-56 .note-tb-02 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 ::-moz-placeholder, .comp-ui-56 .note-tb-02 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-ms-input-placeholder, .comp-ui-56 .note-tb-02 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-moz-placeholder, .comp-ui-56 .note-tb-02 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-03, .comp-ui-56 .note-tb-03 {
    width: 100%;
    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; }
    .comp-ui-17 .note-tb-03 ::-webkit-input-placeholder, .comp-ui-56 .note-tb-03 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 ::-moz-placeholder, .comp-ui-56 .note-tb-03 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 :-ms-input-placeholder, .comp-ui-56 .note-tb-03 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 :-moz-placeholder, .comp-ui-56 .note-tb-03 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 ~ .note-tb-symbol, .comp-ui-56 .note-tb-03 ~ .note-tb-symbol {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #F0F0F2;
      position: absolute;
      left: 2px;
      top: 30px;
      width: 41px;
      height: 44px;
      border-right: 2px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px 0px 0px 4px;
      font-weight: normal;
      font-size: 17px;
      line-height: 21px;
      color: #171718; }
      .comp-ui-17 .note-tb-03 ~ .note-tb-symbol.readonly, .comp-ui-56 .note-tb-03 ~ .note-tb-symbol.readonly {
        border: none; }

  .comp-ui-62 .discount-coupon-tb-01 {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 16px;
    border: 2px solid #3B518B;
    border-radius: 8px;
    background: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-62 .discount-coupon-tb-01 ~ .tb-placeholder-01 {
      position: absolute;
      top: calc(50% - 16.5px);
      left: 16px;
      transition: all 0.2s;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      color: #171718; }
    .comp-ui-62 .discount-coupon-tb-01:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
      top: 4.5px;
      left: 11px;
      padding: 0 5px;
      background-color: white;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #324780; }
    .comp-ui-62 .discount-coupon-tb-01:focus {
      border: 2px solid #3B518B; }
      .comp-ui-62 .discount-coupon-tb-01:focus ~ .tb-placeholder-01 {
        top: 4.5px;
        left: 11px;
        padding: 0 5px;
        background-color: white;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #324780; } }
@media all and (min-width: 1680px) {
  .comp-ui-17 .note-tb-01, .comp-ui-56 .note-tb-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 16px;
    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; }
    .comp-ui-17 .note-tb-01 ::-webkit-input-placeholder, .comp-ui-56 .note-tb-01 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 ::-moz-placeholder, .comp-ui-56 .note-tb-01 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-ms-input-placeholder, .comp-ui-56 .note-tb-01 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-01 :-moz-placeholder, .comp-ui-56 .note-tb-01 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-02, .comp-ui-56 .note-tb-02 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 48px;
    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; }
    .comp-ui-17 .note-tb-02 ::-webkit-input-placeholder, .comp-ui-56 .note-tb-02 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 ::-moz-placeholder, .comp-ui-56 .note-tb-02 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-ms-input-placeholder, .comp-ui-56 .note-tb-02 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-02 :-moz-placeholder, .comp-ui-56 .note-tb-02 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
  .comp-ui-17 .note-tb-03, .comp-ui-56 .note-tb-03 {
    width: 100%;
    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; }
    .comp-ui-17 .note-tb-03 ::-webkit-input-placeholder, .comp-ui-56 .note-tb-03 ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 ::-moz-placeholder, .comp-ui-56 .note-tb-03 ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 :-ms-input-placeholder, .comp-ui-56 .note-tb-03 :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 :-moz-placeholder, .comp-ui-56 .note-tb-03 :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #000000; }
    .comp-ui-17 .note-tb-03 ~ .note-tb-symbol, .comp-ui-56 .note-tb-03 ~ .note-tb-symbol {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #F0F0F2;
      position: absolute;
      left: 2px;
      top: 30px;
      width: 41px;
      height: 44px;
      border-right: 2px solid #D5D5D6;
      box-sizing: border-box;
      border-radius: 4px 0px 0px 4px;
      font-weight: normal;
      font-size: 17px;
      line-height: 21px;
      color: #171718; }
      .comp-ui-17 .note-tb-03 ~ .note-tb-symbol.readonly, .comp-ui-56 .note-tb-03 ~ .note-tb-symbol.readonly {
        border: none; }

  .comp-ui-62 .discount-coupon-tb-01 {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 16px;
    border: 2px solid #3B518B;
    border-radius: 8px;
    background: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s; }
    .comp-ui-62 .discount-coupon-tb-01 ~ .tb-placeholder-01 {
      position: absolute;
      top: calc(50% - 16.5px);
      left: 16px;
      transition: all 0.2s;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      color: #171718; }
    .comp-ui-62 .discount-coupon-tb-01:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
      top: 4.5px;
      left: 11px;
      padding: 0 5px;
      background-color: white;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #324780; }
    .comp-ui-62 .discount-coupon-tb-01:focus {
      border: 2px solid #3B518B; }
      .comp-ui-62 .discount-coupon-tb-01:focus ~ .tb-placeholder-01 {
        top: 4.5px;
        left: 11px;
        padding: 0 5px;
        background-color: white;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #324780; } }
.val-A input[type=text].error, .val-A input[type=password].error, .val-A select.error {
  border: 2px solid #A32F2A !important; }
  .val-A input[type=text].error option:first-child, .val-A input[type=password].error option:first-child, .val-A select.error option:first-child {
    color: #A32F2A; }
.val-A .parenterror .select2-selection {
  border: 2px solid #A32F2A !important; }
  .val-A .parenterror .select2-selection .select2-selection__placeholder {
    color: #A32F2A !important; }
.val-A .parenterror ~ label {
  font-size: 40px; }
.val-A .parenterror label {
  font-weight: 500 !important;
  color: #A32F2A !important; }
  .val-A .parenterror label.error {
    display: flex !important;
    order: 1;
    margin-top: 8px;
    line-height: 15px !important;
    font-size: 12px !important; }

.val-B label.error {
  display: none !important; }

.val-C input[type=text].error,
.val-C select.error {
  color: #A32F2A !important;
  border: 2px solid #A32F2A !important; }
.val-C input[type=radio].error ~ label:before,
.val-C input[type=checkbox].error ~ label:before {
  border: 1px solid #A32F2A !important; }
.val-C input[type=radio].error ~ label span,
.val-C input[type=checkbox].error ~ label span {
  color: #A32F2A !important;
  font-weight: 500; }
.val-C .parenterror .select2-selection {
  border: 2px solid #A32F2A !important; }
  .val-C .parenterror .select2-selection .select2-selection__placeholder {
    color: #A32F2A !important; }
.val-C .parenterror label {
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #A32F2A !important; }

.list-validation .list-validation-text {
  display: none; }
.list-validation.listerror label.error {
  display: none !important; }
.list-validation.listerror .list-validation-header {
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #A32F2A !important; }
.list-validation.listerror .list-validation-text {
  display: block;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #A32F2A !important; }

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

.lnk-btn-01 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 50%;
  border-radius: 100px; }
  .lnk-btn-01.active {
    background: #FFF; }

.lnk-btn-02 {
  display: flex;
  align-items: center;
  width: calc(50% - 4px);
  height: 56px;
  background: #F4F4F4;
  border-radius: 8px;
  padding: 0 4px; }
  .lnk-btn-02 .lnk-btn-02-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 6px;
    margin-right: 12px; }
  .lnk-btn-02 .lnk-btn-02-B {
    padding-right: 10px; }

.lnk-btn-03 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #F5F5F5; }

.lnk-btn-06 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: #FAFBFD;
  border-radius: 50%;
  transition: background 0.3s; }
  .lnk-btn-06:hover {
    background: #E9EBF1; }

@media all and (max-width: 414px) {
  .lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 335px;
    height: 56px;
    margin: 20px auto 0 auto;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 335px;
    height: 56px;
    margin: 20px auto 0 auto;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 335px;
    height: 56px;
    margin: 20px auto 0 auto;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
    .lnk-btn-05 span {
      margin-left: 15px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 335px;
    height: 56px;
    margin: 20px auto 0 auto;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; }
    .lnk-btn-05 span {
      margin-left: 15px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 295px;
    height: 56px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; } }
@media all and (min-width: 1680px) {
  .lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 295px;
    height: 56px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #171718; } }

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

.f-dropmenu-sender {
  z-index: 120; }

.f-dropmenu {
  position: absolute;
  z-index: 301; }
  .f-dropmenu.f-dropmenu-fade {
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s; }
    .f-dropmenu.f-dropmenu-fade.on {
      opacity: 1;
      visibility: visible;
      -moz-transition: opacity 0.3s 0.1s, visibility 0s 0s;
      -o-transition: opacity 0.3s 0.1s, visibility 0s 0s;
      -webkit-transition: opacity 0.3s 0.1s, visibility 0s 0s;
      transition: opacity 0.3s 0.1s, visibility 0s 0s; }

.f-dropmenu-overlay {
  z-index: 300;
  background-color: rgba(255, 255, 255, 0) !important; }

.hr-A {
  width: calc(100% - 16px);
  height: 1px;
  margin: 12px auto;
  background: #E6E6E7; }

.hr-B {
  width: 100%;
  height: 1px;
  margin: 8px auto 28px;
  background: #E6E6E7; }

.hr-C {
  width: 100%;
  height: 1px;
  background: #E6E6E7;
  flex-grow: 1;
  display: flex; }

.hr-D {
  width: calc(100% + 40px);
  height: 1px;
  background: #EDEDED;
  margin: 20px -20px; }

.hr-E {
  width: 100%;
  height: 1px;
  background: #EDEDED; }

.hr-F {
  width: 100%;
  height: 1px;
  background: #E6E6E7;
  flex-grow: 1;
  display: flex; }

.hr-G {
  width: 100%;
  height: 1px;
  background: #E9EBF1;
  flex-grow: 1;
  display: flex; }

.hr-H {
  width: 100%;
  height: 1px;
  background: #E9EBF1;
  flex-grow: 1;
  display: flex; }

.hr-M {
  width: 100%;
  height: 1px;
  margin-bottom: 32px;
  background: #E6E6E7;
  background-color: #E6E6E7; }

.hr-N {
  width: 100%;
  height: 1px;
  margin: 32px 0;
  background: #E6E6E7;
  flex-grow: 1;
  display: flex; }

.hr-O {
  width: 100%;
  height: 0px; }

.hr-GG {
  width: 100%;
  height: 1px;
  background: #E9EBF1;
  flex-grow: 1;
  display: flex; }

.loading-container:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8); }

.light-loader {
  min-width: 217px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22margin%3A%20auto%3B%20background%3A%20transparent%3B%20display%3A%20block%3B%20shape-rendering%3A%20auto%3B%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%2210%22%20r%3D%2235%22%20stroke-dasharray%3D%22164.93361431346415%2056.97787143782138%22%3E%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20dur%3D%221s%22%20values%3D%220%2050%2050%3B360%2050%2050%22%20keyTimes%3D%220%3B1%22%3E%3C%2FanimateTransform%3E%20%3C%2Fcircle%3E%20%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  text-indent: -9999px;
  pointer-events: none; }
  .light-loader *, .light-loader *::before, .light-loader *::after {
    display: none; }

.dark-loader {
  min-width: 217px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2044%2044%22%20style%3D%22enable-background%3Anew%200%200%2044%2044%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0{fill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A2%3B}%20%3C%2Fstyle%3E%20%3Cg%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22r%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%2020%22%3E%20%3C%2Fanimate%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22stroke-opacity%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%200%22%3E%20%3C%2Fanimate%3E%20%3C%2Fcircle%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22r%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%2020%22%3E%20%3C%2Fanimate%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22stroke-opacity%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%200%22%3E%20%3C%2Fanimate%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px; }
  .dark-loader *, .dark-loader *::before, .dark-loader *::after {
    display: none; }

[data-template] {
  display: none; }

.black-listed .basket-ui-04 .basket-lnk-btn-01 {
  display: none; }
.black-listed .basket-ui-04 .c-item-02 {
  margin-bottom: 24px;
  border-bottom: 1px solid #E9EBF1; }

.seo-container .f-show-more, #seo-container .f-show-more {
  display: block; }
.seo-container .f-hide, #seo-container .f-hide {
  display: none; }
.seo-container .f-hidden-content, #seo-container .f-hidden-content {
  display: none; }
.seo-container #f-show-more-button, #seo-container #f-show-more-button {
  display: block; }
.seo-container #f-hide-button, #seo-container #f-hide-button {
  display: none; }
.seo-container.on .f-show-more, #seo-container.on .f-show-more {
  display: none; }
.seo-container.on .f-hide, #seo-container.on .f-hide {
  display: block; }
.seo-container.on .f-hidden-content, #seo-container.on .f-hidden-content {
  display: initial; }
.seo-container.on #f-show-more-button, #seo-container.on #f-show-more-button {
  display: none; }
.seo-container.on #f-hide-button, #seo-container.on #f-hide-button {
  display: block; }
.seo-container.on #f-seo-hidden-area, #seo-container.on #f-seo-hidden-area {
  display: initial; }

.gpdr .c-wrapper {
  width: 100%;
  padding-top: 30px; }
  .gpdr .c-wrapper .c-item-01 .c-unit-01 {
    padding-right: 40px; }

.review-body .c-item-02 .c-item-02-B {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end; }
  .review-body .c-item-02 .c-item-02-B .c-unit {
    display: flex;
    width: 40px;
    height: 40px; }
    .review-body .c-item-02 .c-item-02-B .c-unit:not(:first-child) {
      margin-right: 8px; }
    .review-body .c-item-02 .c-item-02-B .c-unit .c-unit-01 {
      position: absolute;
      -moz-transition: visibility 0.25s, opacity 0.25s;
      -o-transition: visibility 0.25s, opacity 0.25s;
      -webkit-transition: visibility 0.25s, opacity 0.25s;
      transition: visibility 0.25s, opacity 0.25s; }
    .review-body .c-item-02 .c-item-02-B .c-unit .c-unit-02 {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      -moz-transition: visibility 0.25s, opacity 0.25s;
      -o-transition: visibility 0.25s, opacity 0.25s;
      -webkit-transition: visibility 0.25s, opacity 0.25s;
      transition: visibility 0.25s, opacity 0.25s; }
    .review-body .c-item-02 .c-item-02-B .c-unit.on .c-unit-01 {
      visibility: hidden;
      opacity: 0; }
    .review-body .c-item-02 .c-item-02-B .c-unit.on .c-unit-02 {
      visibility: visible;
      opacity: 1; }
    .review-body .c-item-02 .c-item-02-B .c-unit:hover .c-unit-01 {
      visibility: hidden;
      opacity: 0; }
    .review-body .c-item-02 .c-item-02-B .c-unit:hover .c-unit-02 {
      visibility: visible;
      opacity: 1; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="4"] .c-unit-01,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="3"] .c-unit-01,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="2"] .c-unit-01,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="1"] .c-unit-01 {
      visibility: hidden;
      opacity: 0; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="4"] .c-unit-02,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="3"] .c-unit-02,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="2"] .c-unit-02,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="5"]:hover ~ [data-star-point="1"] .c-unit-02 {
      visibility: visible;
      opacity: 1; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="4"]:hover ~ [data-star-point="3"] .c-unit-01,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="4"]:hover ~ [data-star-point="2"] .c-unit-01,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="4"]:hover ~ [data-star-point="1"] .c-unit-01 {
      visibility: hidden;
      opacity: 0; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="4"]:hover ~ [data-star-point="3"] .c-unit-02,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="4"]:hover ~ [data-star-point="2"] .c-unit-02,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="4"]:hover ~ [data-star-point="1"] .c-unit-02 {
      visibility: visible;
      opacity: 1; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="3"]:hover ~ [data-star-point="2"] .c-unit-01,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="3"]:hover ~ [data-star-point="1"] .c-unit-01 {
      visibility: hidden;
      opacity: 0; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="3"]:hover ~ [data-star-point="2"] .c-unit-02,
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="3"]:hover ~ [data-star-point="1"] .c-unit-02 {
      visibility: visible;
      opacity: 1; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="2"]:hover ~ [data-star-point="1"] .c-unit-01 {
      visibility: hidden;
      opacity: 0; }
    .review-body .c-item-02 .c-item-02-B .c-unit[data-star-point="2"]:hover ~ [data-star-point="1"] .c-unit-02 {
      visibility: visible;
      opacity: 1; }

.review-footer .review-lnk-btn-01 {
  width: 100%;
  height: 54px;
  background: #DB704A;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF; }
  .review-footer .review-lnk-btn-01 svg {
    margin-right: 10px; }
.review-footer button:disabled {
  background: whitesmoke; }

.drop-menu-opened {
  z-index: 10; }

.redirecting {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0px 4px 4px 0px #0000000D;
  background: #FFF;
  z-index: 99;
  padding-top: 40px; }
  .redirecting > .c-container-01 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 120px;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .redirecting > .c-container-01 .c-item-01 {
      margin: 32px 0 16px;
      font-size: 32px;
      font-weight: 500;
      line-height: 38.73px;
      text-align: center;
      color: #171718;
      max-width: 610px; }
    .redirecting > .c-container-01 .c-item-02 {
      font-family: Inter;
      font-size: 16px;
      font-weight: 500;
      line-height: 19.36px;
      letter-spacing: -0.01em;
      text-align: center;
      color: #68686A; }
  .redirecting > .c-container-02 {
    z-index: 0; }

@media all and (max-width: 414px) {
  .hr-B {
    margin: 16px auto 28px; }

  .hr-P {
    background: #EDEDED;
    width: calc(100% + 32px);
    height: 1px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    display: none; }
    .hr-P:nth-child(4n) {
      display: block; }
    .hr-P:last-child {
      display: none; }

  #paging-container {
    display: none; }

  #paging-container-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 20px;
    border-radius: 0 0 8px 8px; }
    #paging-container-mobile .page-lnk-btn-02 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      height: 40px;
      background: #FAFBFD;
      border-radius: 8px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em;
      color: #171718; }
    #paging-container-mobile .c-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 47px;
      height: 15px;
      margin: 0 20px;
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #0F1B3F;
      text-align: center;
      background: none; }

  .review-body {
    padding: 0 20px; }
    .review-body #comment-container .c-item-01 {
      display: flex;
      margin: 32px 0; }
      .review-body #comment-container .c-item-01 .c-item-01-A {
        padding: 7px;
        border: 1px solid #D5D5D6;
        border-radius: 6px; }
      .review-body #comment-container .c-item-01 .c-item-01-B {
        padding: 8px 0 0 12px;
        color: #000; }
    .review-body #comment-container .c-item-02 {
      margin-bottom: 34.5px; }
      .review-body #comment-container .c-item-02 .c-item-02-A {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 14.5px;
        color: #000; }
      .review-body #comment-container .c-item-02 .c-item-02-B.error {
        border: 1px solid red;
        border-radius: 4px;
        width: fit-content; }
    .review-body #comment-container .c-item-03 {
      display: flex;
      flex-direction: column;
      margin-bottom: 24px; }
      .review-body #comment-container .c-item-03 label {
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
        margin-bottom: 8px;
        color: #000; }
      .review-body #comment-container .c-item-03 .ta-01 {
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        height: 120px;
        resize: none;
        padding: 15px;
        font-family: 'Inter'; }
    .review-body #comment-container .c-item-04 label {
      display: flex;
      flex-direction: column; }
    .review-body #comment-container .c-item-04 .c-unit-01 {
      font-size: 13px;
      line-height: 20px;
      font-weight: 500;
      color: #000; }
    .review-body #comment-container .c-item-04 .c-unit-02 {
      font-size: 13px;
      line-height: 20px;
      color: #989898; }
    .review-body #comment-received .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-received .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-received .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px; }
      .review-body #comment-received .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-confirmed .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-confirmed .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-productnotbought .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-productnotbought .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }

  .my-list-body {
    padding: 32px 20px 0 20px; }
    .my-list-body #my-list-items {
      margin-bottom: 28px; }
      .my-list-body #my-list-items .c-item .c-item-01 {
        display: flex;
        height: 52px;
        padding: 16px;
        align-items: center;
        background: #F8F8F9;
        border-radius: 8px;
        color: #2B3E73;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: -20px; }
      .my-list-body #my-list-items .c-item .c-item-02 {
        position: relative;
        width: fit-content;
        top: -18px;
        left: calc(100% - 41px); }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-01 {
          display: block; }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-02 {
          display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-01 {
        background: #FAF3FB; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-01 {
        display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-02 {
        display: block; }
    .my-list-body #new-list-item-form {
      display: flex; }
      .my-list-body #new-list-item-form .c-item-01 {
        flex: 1;
        height: 48px;
        margin-right: 8px; }
        .my-list-body #new-list-item-form .c-item-01 .tb-02 {
          margin: 0; }
      .my-list-body #new-list-item-form .c-item-02 {
        width: 48px !important;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FAF3FB;
        border-radius: 4px; }

  .my-list-footer {
    border-top: 0 !important; }
    .my-list-footer a {
      width: 100%;
      height: 100%;
      background: #7A3986;
      border-radius: 8px;
      font-size: 14px;
      line-height: 45px;
      text-align: center;
      color: #FFFFFF; }

  .redirecting > .c-container-01 {
    padding-top: 40px; }
    .redirecting > .c-container-01 .c-item-01 {
      margin: 20px 0 8px;
      font-size: 18px;
      line-height: 21.78px;
      padding: 0 32px; }
    .redirecting > .c-container-01 .c-item-02 {
      font-size: 14px;
      line-height: 16.94px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .hr-B {
    margin: 16px auto 28px; }

  .hr-P {
    background: #EDEDED;
    width: calc(100% + 32px);
    height: 1px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    display: none; }
    .hr-P:nth-child(4n) {
      display: block; }
    .hr-P:last-child {
      display: none; }

  #paging-container {
    display: none; }

  #paging-container-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 20px;
    border-radius: 0 0 8px 8px; }
    #paging-container-mobile .page-lnk-btn-02 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      height: 40px;
      background: #FAFBFD;
      border-radius: 8px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em;
      color: #171718; }
    #paging-container-mobile .c-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 47px;
      height: 15px;
      margin: 0 20px;
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #0F1B3F;
      text-align: center;
      background: none; }

  .review-body {
    padding: 0 20px; }
    .review-body #comment-container .c-item-01 {
      display: flex;
      margin: 32px 0; }
      .review-body #comment-container .c-item-01 .c-item-01-A {
        padding: 7px;
        border: 1px solid #D5D5D6;
        border-radius: 6px; }
      .review-body #comment-container .c-item-01 .c-item-01-B {
        padding: 8px 0 0 12px;
        color: #000; }
    .review-body #comment-container .c-item-02 {
      margin-bottom: 34.5px; }
      .review-body #comment-container .c-item-02 .c-item-02-A {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 14.5px;
        color: #000; }
      .review-body #comment-container .c-item-02 .c-item-02-B.error {
        border: 1px solid red;
        border-radius: 4px;
        width: fit-content; }
    .review-body #comment-container .c-item-03 {
      display: flex;
      flex-direction: column;
      margin-bottom: 24px; }
      .review-body #comment-container .c-item-03 label {
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
        margin-bottom: 8px;
        color: #000; }
      .review-body #comment-container .c-item-03 .ta-01 {
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        height: 120px;
        resize: none;
        padding: 15px;
        font-family: 'Inter'; }
    .review-body #comment-container .c-item-04 label {
      display: flex;
      flex-direction: column; }
    .review-body #comment-container .c-item-04 .c-unit-01 {
      font-size: 13px;
      line-height: 20px;
      font-weight: 500;
      color: #000; }
    .review-body #comment-container .c-item-04 .c-unit-02 {
      font-size: 13px;
      line-height: 20px;
      color: #989898; }
    .review-body #comment-received .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-received .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-received .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px; }
      .review-body #comment-received .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-confirmed .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-confirmed .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-productnotbought .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-productnotbought .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }

  .my-list-body {
    padding: 32px 20px 0 20px; }
    .my-list-body #my-list-items {
      margin-bottom: 28px; }
      .my-list-body #my-list-items .c-item .c-item-01 {
        display: flex;
        height: 52px;
        padding: 16px;
        align-items: center;
        background: #F8F8F9;
        border-radius: 8px;
        color: #2B3E73;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: -20px; }
      .my-list-body #my-list-items .c-item .c-item-02 {
        position: relative;
        width: fit-content;
        top: -18px;
        left: calc(100% - 41px); }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-01 {
          display: block; }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-02 {
          display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-01 {
        background: #FAF3FB; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-01 {
        display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-02 {
        display: block; }
    .my-list-body #new-list-item-form {
      display: flex; }
      .my-list-body #new-list-item-form .c-item-01 {
        flex: 1;
        height: 48px;
        margin-right: 8px; }
        .my-list-body #new-list-item-form .c-item-01 .tb-02 {
          margin: 0; }
      .my-list-body #new-list-item-form .c-item-02 {
        width: 48px !important;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FAF3FB;
        border-radius: 4px; }

  .my-list-footer {
    border-top: 0 !important; }
    .my-list-footer a {
      width: 100%;
      height: 100%;
      background: #7A3986;
      border-radius: 8px;
      font-size: 14px;
      line-height: 45px;
      text-align: center;
      color: #FFFFFF; }

  .redirecting > .c-container-01 {
    padding-top: 40px; }
    .redirecting > .c-container-01 .c-item-01 {
      margin: 20px 0 8px;
      font-size: 18px;
      line-height: 21.78px;
      padding: 0 32px; }
    .redirecting > .c-container-01 .c-item-02 {
      font-size: 14px;
      line-height: 16.94px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .hr-B {
    margin: 0 0 28px 0; }

  .hr-P {
    background: #EDEDED;
    width: calc(100% + 32px);
    height: 1px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    display: none; }
    .hr-P:nth-child(12n) {
      display: block; }

  #paging-container {
    display: none; }

  #paging-container-mobile {
    width: 704px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin: 0 auto;
    padding: 20px;
    border-radius: 0 0 8px 8px; }
    #paging-container-mobile .page-lnk-btn-02 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      height: 40px;
      background: #FAFBFD;
      border-radius: 8px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em;
      color: #171718; }
    #paging-container-mobile .c-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 47px;
      height: 15px;
      margin: 0 20px;
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #0F1B3F;
      text-align: center;
      background: none; }

  .review-body {
    padding: 0 20px; }
    .review-body #comment-container .c-item-01 {
      display: flex;
      margin: 32px 0; }
      .review-body #comment-container .c-item-01 .c-item-01-A {
        padding: 7px;
        border: 1px solid #D5D5D6;
        border-radius: 6px; }
      .review-body #comment-container .c-item-01 .c-item-01-B {
        padding: 8px 0 0 12px;
        color: #000; }
    .review-body #comment-container .c-item-02 {
      margin-bottom: 34.5px; }
      .review-body #comment-container .c-item-02 .c-item-02-A {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 14.5px;
        color: #000; }
      .review-body #comment-container .c-item-02 .c-item-02-B.error {
        border: 1px solid red;
        border-radius: 4px;
        width: fit-content; }
    .review-body #comment-container .c-item-03 {
      display: flex;
      flex-direction: column;
      margin-bottom: 24px; }
      .review-body #comment-container .c-item-03 label {
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
        margin-bottom: 8px;
        color: #000; }
      .review-body #comment-container .c-item-03 .ta-01 {
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        height: 120px;
        resize: none;
        padding: 15px;
        font-family: 'Inter'; }
    .review-body #comment-container .c-item-04 label {
      display: flex;
      flex-direction: column; }
    .review-body #comment-container .c-item-04 .c-unit-01 {
      font-size: 13px;
      line-height: 20px;
      font-weight: 500;
      color: #000; }
    .review-body #comment-container .c-item-04 .c-unit-02 {
      font-size: 13px;
      line-height: 20px;
      color: #989898; }
    .review-body #comment-received .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-received .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-received .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px; }
      .review-body #comment-received .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-confirmed .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-confirmed .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-productnotbought .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-productnotbought .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }

  .my-list-body {
    padding: 32px 20px 0 20px; }
    .my-list-body #my-list-items {
      margin-bottom: 28px; }
      .my-list-body #my-list-items .c-item .c-item-01 {
        display: flex;
        height: 52px;
        padding: 16px;
        align-items: center;
        background: #F8F8F9;
        border-radius: 8px;
        color: #2B3E73;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: -20px; }
      .my-list-body #my-list-items .c-item .c-item-02 {
        position: relative;
        width: fit-content;
        top: -18px;
        left: calc(100% - 41px); }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-01 {
          display: block; }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-02 {
          display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-01 {
        background: #FAF3FB; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-01 {
        display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-02 {
        display: block; }
    .my-list-body #new-list-item-form {
      display: flex; }
      .my-list-body #new-list-item-form .c-item-01 {
        flex: 1;
        height: 48px;
        margin-right: 8px; }
        .my-list-body #new-list-item-form .c-item-01 .tb-02 {
          margin: 0; }
      .my-list-body #new-list-item-form .c-item-02 {
        width: 48px !important;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FAF3FB;
        border-radius: 4px; }

  .my-list-footer {
    border-top: 0 !important;
    padding: 0 40px 34px 40px !important; }
    .my-list-footer a {
      width: 100%;
      height: 100%;
      background: #7A3986;
      border-radius: 8px;
      font-size: 14px;
      line-height: 45px;
      text-align: center;
      color: #FFFFFF; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .hr-B {
    margin: 0 0 28px 0; }

  .hr-P {
    background: #EDEDED;
    width: calc(100% + 32px);
    height: 1px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    display: none; }
    .hr-P:nth-child(12n) {
      display: block; }

  #paging-container {
    display: none; }

  #paging-container-mobile {
    width: 704px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin: 0 auto;
    padding: 20px;
    border-radius: 0 0 8px 8px; }
    #paging-container-mobile .page-lnk-btn-02 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      height: 40px;
      background: #FAFBFD;
      border-radius: 8px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.01em;
      color: #171718; }
    #paging-container-mobile .c-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 47px;
      height: 15px;
      margin: 0 20px;
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      color: #0F1B3F;
      text-align: center;
      background: none; }

  .review-body {
    padding: 0 20px; }
    .review-body #comment-container .c-item-01 {
      display: flex;
      margin: 32px 0; }
      .review-body #comment-container .c-item-01 .c-item-01-A {
        padding: 7px;
        border: 1px solid #D5D5D6;
        border-radius: 6px; }
      .review-body #comment-container .c-item-01 .c-item-01-B {
        padding: 8px 0 0 12px;
        color: #000; }
    .review-body #comment-container .c-item-02 {
      margin-bottom: 34.5px; }
      .review-body #comment-container .c-item-02 .c-item-02-A {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 14.5px;
        color: #000; }
      .review-body #comment-container .c-item-02 .c-item-02-B.error {
        border: 1px solid red;
        border-radius: 4px;
        width: fit-content; }
    .review-body #comment-container .c-item-03 {
      display: flex;
      flex-direction: column;
      margin-bottom: 24px; }
      .review-body #comment-container .c-item-03 label {
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
        margin-bottom: 8px;
        color: #000; }
      .review-body #comment-container .c-item-03 .ta-01 {
        border: 1px solid #D5D5D6;
        border-radius: 4px;
        height: 120px;
        resize: none;
        padding: 15px;
        font-family: 'Inter'; }
    .review-body #comment-container .c-item-04 label {
      display: flex;
      flex-direction: column; }
    .review-body #comment-container .c-item-04 .c-unit-01 {
      font-size: 13px;
      line-height: 20px;
      font-weight: 500;
      color: #000; }
    .review-body #comment-container .c-item-04 .c-unit-02 {
      font-size: 13px;
      line-height: 20px;
      color: #989898; }
    .review-body #comment-received .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-received .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-received .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px; }
      .review-body #comment-received .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-confirmed .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-confirmed .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-confirmed .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }
    .review-body #comment-productnotbought .c-item-01 {
      display: flex;
      margin: 40px 0 20px 0;
      justify-content: center; }
    .review-body #comment-productnotbought .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-01 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: center; }
      .review-body #comment-productnotbought .c-item-02 .c-unit-02 {
        padding: 0 63px;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        color: #68686A; }

  .my-list-body {
    padding: 32px 20px 0 20px; }
    .my-list-body #my-list-items {
      margin-bottom: 28px; }
      .my-list-body #my-list-items .c-item .c-item-01 {
        display: flex;
        height: 52px;
        padding: 16px;
        align-items: center;
        background: #F8F8F9;
        border-radius: 8px;
        color: #2B3E73;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: -20px; }
      .my-list-body #my-list-items .c-item .c-item-02 {
        position: relative;
        width: fit-content;
        top: -18px;
        left: calc(100% - 41px); }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-01 {
          display: block; }
        .my-list-body #my-list-items .c-item .c-item-02 .c-unit-02 {
          display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-01 {
        background: #FAF3FB; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-01 {
        display: none; }
      .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-02 {
        display: block; }
    .my-list-body #new-list-item-form {
      display: flex; }
      .my-list-body #new-list-item-form .c-item-01 {
        flex: 1;
        height: 48px;
        margin-right: 8px; }
        .my-list-body #new-list-item-form .c-item-01 .tb-02 {
          margin: 0; }
      .my-list-body #new-list-item-form .c-item-02 {
        width: 48px !important;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FAF3FB;
        border-radius: 4px; }

  .my-list-footer {
    border-top: 0 !important;
    padding: 0 40px 34px 40px !important; }
    .my-list-footer a {
      width: 100%;
      height: 100%;
      background: #7A3986;
      border-radius: 8px;
      font-size: 14px;
      line-height: 45px;
      text-align: center;
      color: #FFFFFF; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .hr-P {
    display: none; }

  #paging-container-mobile {
    display: none; }

  #paging-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 20px;
    border-radius: 0 0 8px 8px; }
    #paging-container .page-lnk-btn-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      margin-right: 8px;
      background: #FFFFFF;
      border: 1px solid #E9EBF1;
      box-sizing: border-box;
      border-radius: 100px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #1F2E5C; }
      #paging-container .page-lnk-btn-01.on {
        background: #5E71A2;
        border: 2px solid #5E71A2;
        font-weight: bold;
        color: #FAFBFD; }
      #paging-container .page-lnk-btn-01:last-child {
        margin-right: 0; }

  .review-body #comment-container .c-item-01 {
    display: flex;
    margin-bottom: 32px; }
    .review-body #comment-container .c-item-01 .c-item-01-A {
      padding: 12px;
      border: 1px solid #D5D5D6;
      border-radius: 6px; }
    .review-body #comment-container .c-item-01 .c-item-01-B {
      padding: 8px 0 0 20px;
      color: #000; }
  .review-body #comment-container .c-item-02 {
    margin-bottom: 32.5px; }
    .review-body #comment-container .c-item-02 .c-item-02-A {
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 18.5px;
      color: #000; }
    .review-body #comment-container .c-item-02 .c-item-02-B.error {
      border: 1px solid red;
      border-radius: 4px;
      width: fit-content; }
  .review-body #comment-container .c-item-03 {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px; }
    .review-body #comment-container .c-item-03 label {
      font-size: 13px;
      font-weight: bold;
      line-height: 20px;
      margin-bottom: 16px;
      color: #000; }
    .review-body #comment-container .c-item-03 .ta-01 {
      width: 400px;
      min-height: 112px;
      border: 1px solid #d5d5d6;
      border-radius: 4px;
      height: 112px;
      padding: 16px;
      resize: none;
      font-family: 'Inter'; }
  .review-body #comment-container .c-item-04 label {
    display: flex;
    flex-direction: column; }
  .review-body #comment-container .c-item-04 .c-unit-01 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #000; }
  .review-body #comment-container .c-item-04 .c-unit-02 {
    font-size: 13px;
    line-height: 20px;
    color: #989898; }
  .review-body #comment-received .c-item-01 {
    display: flex;
    margin: 60px 0 27px 0;
    justify-content: center; }
  .review-body #comment-received .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .review-body #comment-received .c-item-02 .c-unit-01 {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 20px; }
    .review-body #comment-received .c-item-02 .c-unit-02 {
      padding: 0 63px;
      text-align: center;
      font-size: 15px;
      line-height: 22px;
      color: #373738; }
  .review-body #comment-confirmed .c-item-01 {
    display: flex;
    margin: 60px 0 27px 0;
    justify-content: center; }
  .review-body #comment-confirmed .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .review-body #comment-confirmed .c-item-02 .c-unit-01 {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 20px;
      text-align: center;
      padding: 0 43px; }
    .review-body #comment-confirmed .c-item-02 .c-unit-02 {
      padding: 0 63px;
      text-align: center;
      font-size: 15px;
      line-height: 22px;
      color: #373738; }
  .review-body #comment-productnotbought .c-item-01 {
    display: flex;
    margin: 60px 0 27px 0;
    justify-content: center; }
  .review-body #comment-productnotbought .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .review-body #comment-productnotbought .c-item-02 .c-unit-01 {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 20px;
      text-align: center;
      padding: 0 43px; }
    .review-body #comment-productnotbought .c-item-02 .c-unit-02 {
      padding: 0 63px;
      text-align: center;
      font-size: 15px;
      line-height: 22px;
      color: #373738; }

  .review-footer {
    border-top: none !important;
    height: auto !important;
    padding-bottom: 40px !important; }

  #add-list-drop-menu {
    width: 300px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-left: -126px;
    margin-top: 53px; }
    #add-list-drop-menu.v2 {
      top: 60px;
      left: calc(100% - 185px); }
    #add-list-drop-menu .my-list-header {
      padding: 20px 20px 24px 20px;
      font-size: 18px;
      line-height: 24px;
      font-feature-settings: 'salt' on;
      color: #171718; }
    #add-list-drop-menu .my-list-body #my-list-items {
      height: 200px;
      padding: 0 20px;
      overflow-y: auto; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-01 {
        display: flex;
        height: 52px;
        padding: 16px;
        align-items: center;
        background: #F8F8F9;
        border-radius: 8px;
        color: #2B3E73;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: -20px; }
        #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-01:hover {
          background: #FAF3FB; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-02 {
        position: relative;
        width: fit-content;
        top: -18px;
        left: calc(100% - 41px);
        margin: 0; }
        #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-02 .c-unit-01 {
          display: block; }
        #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-02 .c-unit-02 {
          display: none; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item.liked .c-item-01 {
        background: #FAF3FB; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-01 {
        display: none; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-02 {
        display: block; }
    #add-list-drop-menu .my-list-body #new-list-item-form {
      display: flex;
      padding: 12px 20px;
      border-top: 1px solid #E6E6E7;
      height: 72px; }
      #add-list-drop-menu .my-list-body #new-list-item-form .c-item-01 {
        flex: 1;
        height: 48px;
        margin-right: 8px; }
        #add-list-drop-menu .my-list-body #new-list-item-form .c-item-01 .tb-02 {
          margin: 0; }
      #add-list-drop-menu .my-list-body #new-list-item-form .c-item-02 {
        width: 48px !important;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FAF3FB;
        border-radius: 4px;
        margin: 0; }
    #add-list-drop-menu .my-list-footer {
      display: none; } }
@media all and (min-width: 1680px) {
  .hr-P {
    display: none; }

  #paging-container-mobile {
    display: none; }

  #paging-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 20px;
    border-radius: 0 0 8px 8px; }
    #paging-container .page-lnk-btn-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      margin-right: 8px;
      background: #FFFFFF;
      border: 1px solid #E9EBF1;
      box-sizing: border-box;
      border-radius: 100px;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: #1F2E5C; }
      #paging-container .page-lnk-btn-01.on {
        background: #5E71A2;
        border: 2px solid #5E71A2;
        font-weight: bold;
        color: #FAFBFD; }
      #paging-container .page-lnk-btn-01:last-child {
        margin-right: 0; }

  .review-body #comment-container .c-item-01 {
    display: flex;
    margin-bottom: 32px; }
    .review-body #comment-container .c-item-01 .c-item-01-A {
      padding: 12px;
      border: 1px solid #D5D5D6;
      border-radius: 6px; }
    .review-body #comment-container .c-item-01 .c-item-01-B {
      padding: 8px 0 0 20px;
      color: #000; }
  .review-body #comment-container .c-item-02 {
    margin-bottom: 32.5px; }
    .review-body #comment-container .c-item-02 .c-item-02-A {
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 18.5px;
      color: #000; }
    .review-body #comment-container .c-item-02 .c-item-02-B.error {
      border: 1px solid red;
      border-radius: 4px;
      width: fit-content; }
  .review-body #comment-container .c-item-03 {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px; }
    .review-body #comment-container .c-item-03 label {
      font-size: 13px;
      font-weight: bold;
      line-height: 20px;
      margin-bottom: 16px;
      color: #000; }
    .review-body #comment-container .c-item-03 .ta-01 {
      width: 400px;
      min-height: 112px;
      border: 1px solid #d5d5d6;
      border-radius: 4px;
      height: 112px;
      padding: 16px;
      resize: none;
      font-family: 'Inter'; }
  .review-body #comment-container .c-item-04 label {
    display: flex;
    flex-direction: column; }
  .review-body #comment-container .c-item-04 .c-unit-01 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #000; }
  .review-body #comment-container .c-item-04 .c-unit-02 {
    font-size: 13px;
    line-height: 20px;
    color: #989898; }
  .review-body #comment-received .c-item-01 {
    display: flex;
    margin: 60px 0 27px 0;
    justify-content: center; }
  .review-body #comment-received .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .review-body #comment-received .c-item-02 .c-unit-01 {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 20px; }
    .review-body #comment-received .c-item-02 .c-unit-02 {
      padding: 0 63px;
      text-align: center;
      font-size: 15px;
      line-height: 22px;
      color: #373738; }
  .review-body #comment-confirmed .c-item-01 {
    display: flex;
    margin: 60px 0 27px 0;
    justify-content: center; }
  .review-body #comment-confirmed .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .review-body #comment-confirmed .c-item-02 .c-unit-01 {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 20px;
      text-align: center;
      padding: 0 43px; }
    .review-body #comment-confirmed .c-item-02 .c-unit-02 {
      padding: 0 63px;
      text-align: center;
      font-size: 15px;
      line-height: 22px;
      color: #373738; }
  .review-body #comment-productnotbought .c-item-01 {
    display: flex;
    margin: 60px 0 27px 0;
    justify-content: center; }
  .review-body #comment-productnotbought .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .review-body #comment-productnotbought .c-item-02 .c-unit-01 {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 20px;
      text-align: center;
      padding: 0 43px; }
    .review-body #comment-productnotbought .c-item-02 .c-unit-02 {
      padding: 0 63px;
      text-align: center;
      font-size: 15px;
      line-height: 22px;
      color: #373738; }

  .review-footer {
    border-top: none !important;
    height: auto !important;
    padding-bottom: 40px !important; }

  #add-list-drop-menu {
    width: 300px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-left: -126px;
    margin-top: 53px; }
    #add-list-drop-menu.v2 {
      top: 60px;
      left: calc(100% - 185px); }
    #add-list-drop-menu .my-list-header {
      padding: 20px 20px 24px 20px;
      font-size: 18px;
      line-height: 24px;
      font-feature-settings: 'salt' on;
      color: #171718; }
    #add-list-drop-menu .my-list-body #my-list-items {
      height: 200px;
      padding: 0 20px;
      overflow-y: auto; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-01 {
        display: flex;
        height: 52px;
        padding: 16px;
        align-items: center;
        background: #F8F8F9;
        border-radius: 8px;
        color: #2B3E73;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: -20px; }
        #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-01:hover {
          background: #FAF3FB; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-02 {
        position: relative;
        width: fit-content;
        top: -18px;
        left: calc(100% - 41px);
        margin: 0; }
        #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-02 .c-unit-01 {
          display: block; }
        #add-list-drop-menu .my-list-body #my-list-items .c-item .c-item-02 .c-unit-02 {
          display: none; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item.liked .c-item-01 {
        background: #FAF3FB; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-01 {
        display: none; }
      #add-list-drop-menu .my-list-body #my-list-items .c-item.liked .c-item-02 .c-unit-02 {
        display: block; }
    #add-list-drop-menu .my-list-body #new-list-item-form {
      display: flex;
      padding: 12px 20px;
      border-top: 1px solid #E6E6E7;
      height: 72px; }
      #add-list-drop-menu .my-list-body #new-list-item-form .c-item-01 {
        flex: 1;
        height: 48px;
        margin-right: 8px; }
        #add-list-drop-menu .my-list-body #new-list-item-form .c-item-01 .tb-02 {
          margin: 0; }
      #add-list-drop-menu .my-list-body #new-list-item-form .c-item-02 {
        width: 48px !important;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FAF3FB;
        border-radius: 4px;
        margin: 0; }
    #add-list-drop-menu .my-list-footer {
      display: none; } }

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

[data-animation='fade'] .toast-item {
  opacity: 0;
  transition: opacity 400s; }
  [data-animation='fade'] .toast-item.on {
    opacity: 1;
    transition: opacity 2000s; }

#toast-wrapper {
  position: fixed; }
  #toast-wrapper .toast-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 320px;
    margin: 20px;
    padding: 16px 16px 16px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px; }
    #toast-wrapper .toast-item .t-icon {
      display: block;
      width: 20px;
      height: 20px; }
    #toast-wrapper .toast-item.toast-info {
      border-left: 4px solid #0043CE;
      background: #EDF5FF; }
      #toast-wrapper .toast-item.toast-info .t-icon {
        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%22M10%201.25C8.26942%201.25%206.57769%201.76318%205.13876%202.72464C3.69983%203.6861%202.57832%205.05267%201.91606%206.65152C1.25379%208.25037%201.08051%2010.0097%201.41813%2011.707C1.75575%2013.4044%202.58911%2014.9635%203.81282%2016.1872C5.03653%2017.4109%206.59563%2018.2442%208.29296%2018.5819C9.9903%2018.9195%2011.7496%2018.7462%2013.3485%2018.0839C14.9473%2017.4217%2016.3139%2016.3002%2017.2754%2014.8612C18.2368%2013.4223%2018.75%2011.7306%2018.75%2010C18.75%207.67936%2017.8281%205.45376%2016.1872%203.81282C14.5462%202.17187%2012.3206%201.25%2010%201.25ZM10%205C10.1854%205%2010.3667%205.05498%2010.5209%205.158C10.675%205.26101%2010.7952%205.40743%2010.8661%205.57873C10.9371%205.75004%2010.9557%205.93854%2010.9195%206.1204C10.8833%206.30225%2010.794%206.4693%2010.6629%206.60041C10.5318%206.73152%2010.3648%206.82081%2010.1829%206.85699C10.001%206.89316%209.81254%206.87459%209.64124%206.80364C9.46993%206.73268%209.32351%206.61252%209.2205%206.45835C9.11749%206.30418%209.0625%206.12292%209.0625%205.9375C9.0625%205.68886%209.16128%205.4504%209.33709%205.27459C9.51291%205.09877%209.75136%205%2010%205ZM12.5%2015.0781H7.5V13.6719H9.29688V10.0781H8.125V8.67188H10.7031V13.6719H12.5V15.0781Z%22%20fill%3D%22%230043CE%22%2F%3E%3C%2Fsvg%3E"); }
    #toast-wrapper .toast-item.toast-danger {
      border-left: 4px solid #DA1E28;
      background: #FFF1F1; }
      #toast-wrapper .toast-item.toast-danger .t-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20%3B%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%22M9.99998%201.24998C8.84892%201.24285%207.7079%201.4643%206.64308%201.9015C5.57826%202.3387%204.61083%202.98295%203.79689%203.79689C2.98295%204.61083%202.3387%205.57826%201.9015%206.64308C1.4643%207.7079%201.24285%208.84892%201.24998%209.99998C1.24285%2011.151%201.4643%2012.2921%201.9015%2013.3569C2.3387%2014.4217%202.98295%2015.3891%203.79689%2016.2031C4.61083%2017.017%205.57826%2017.6613%206.64308%2018.0985C7.7079%2018.5357%208.84892%2018.7571%209.99998%2018.75C11.151%2018.7571%2012.2921%2018.5357%2013.3569%2018.0985C14.4217%2017.6613%2015.3891%2017.017%2016.2031%2016.2031C17.017%2015.3891%2017.6613%2014.4217%2018.0985%2013.3569C18.5357%2012.2921%2018.7571%2011.151%2018.75%209.99998C18.7571%208.84892%2018.5357%207.7079%2018.0985%206.64308C17.6613%205.57826%2017.017%204.61083%2016.2031%203.79689C15.3891%202.98295%2014.4217%202.3387%2013.3569%201.9015C12.2921%201.4643%2011.151%201.24285%209.99998%201.24998ZM13.403%2014.375L5.62498%206.5973L6.5973%205.62498L14.375%2013.403L13.403%2014.375Z%22%20fill%3D%22%23DA1E28%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-warning {
      border-left: 4px solid #F1C21B;
      background: #FFF8E1; }
      #toast-wrapper .toast-item.toast-warning .t-icon {
        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%22M10%201.25C5.1875%201.25%201.25%205.1875%201.25%2010C1.25%2014.8125%205.1875%2018.75%2010%2018.75C14.8125%2018.75%2018.75%2014.8125%2018.75%2010C18.75%205.1875%2014.8125%201.25%2010%201.25ZM9.3125%205H10.6875V11.875H9.3125V5ZM10%2015.625C9.5%2015.625%209.0625%2015.1875%209.0625%2014.6875C9.0625%2014.1875%209.5%2013.75%2010%2013.75C10.5%2013.75%2010.9375%2014.1875%2010.9375%2014.6875C10.9375%2015.1875%2010.5%2015.625%2010%2015.625Z%22%20fill%3D%22%23F1C21B%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-success {
      border-left: 4px solid #24A148;
      background: #DEFBE6; }
      #toast-wrapper .toast-item.toast-success .t-icon {
        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%22M10%201.25C8.26942%201.25%206.57769%201.76318%205.13876%202.72464C3.69983%203.6861%202.57832%205.05267%201.91606%206.65152C1.25379%208.25037%201.08051%2010.0097%201.41813%2011.707C1.75575%2013.4044%202.58911%2014.9635%203.81282%2016.1872C5.03653%2017.4109%206.59563%2018.2442%208.29296%2018.5819C9.9903%2018.9195%2011.7496%2018.7462%2013.3485%2018.0839C14.9473%2017.4217%2016.3139%2016.3002%2017.2754%2014.8612C18.2368%2013.4223%2018.75%2011.7306%2018.75%2010C18.75%207.67936%2017.8281%205.45376%2016.1872%203.81282C14.5462%202.17187%2012.3206%201.25%2010%201.25ZM8.75%2013.4942L5.625%2010.3692L6.61913%209.375L8.75%2011.5058L13.3813%206.875L14.3786%207.86619L8.75%2013.4942Z%22%20fill%3D%22%2324A148%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item .t-description {
      display: flex;
      flex-direction: column;
      flex: 1;
      margin: 0 12px; }
      #toast-wrapper .toast-item .t-description .t-title {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #232941; }
      #toast-wrapper .toast-item .t-description .t-explanation {
        display: block;
        margin: 12px 0 0 0;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #232941; }
        #toast-wrapper .toast-item .t-description .t-explanation a {
          color: #232941;
          text-decoration: underline; }
    #toast-wrapper .toast-item .t-close {
      display: block;
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M15%205.875L14.125%205L10%209.125L5.875%205L5%205.875L9.125%2010L5%2014.125L5.875%2015L10%2010.875L14.125%2015L15%2014.125L10.875%2010L15%205.875Z%22%20fill%3D%22%23232941%22%2F%3E%3C%2Fsvg%3E"); }

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #toast-wrapper.toast-default-xs-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-xs-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-xs-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-tr {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto; }
  #toast-wrapper.toast-xs-tr {
    top: 0 !important;
    bottom: auto;
    right: 0 !important;
    left: auto; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-xs-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-xs-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-xs-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-xs-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-xs-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); }
  #toast-wrapper.toast-default-xs-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-xs-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper .toast-item {
    width: calc(100% - 40px); } }
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #toast-wrapper.toast-default-sm-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-sm-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-sm-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-tr {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto; }
  #toast-wrapper.toast-sm-tr {
    top: 0 !important;
    bottom: auto;
    right: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-sm-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-sm-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-sm-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-sm-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-default-sm-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-sm-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-sm-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-sm-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-tc .toast-item, #toast-wrapper.toast-default-mdlg-mc .toast-item, #toast-wrapper.toast-default-mdlg-tc .toast-item {
    margin-left: -160px; }
  #toast-wrapper.toast-mdlg-tc .toast-item, #toast-wrapper.toast-mdlg-mc .toast-item, #toast-wrapper.toast-mdlg-bc .toast-item {
    margin-left: -160px !important; } }
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #toast-wrapper.toast-default-mdlg-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-mdlg-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-mdlg-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-tr {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto; }
  #toast-wrapper.toast-mdlg-tr {
    top: 0 !important;
    bottom: auto;
    right: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-mdlg-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-mdlg-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-mdlg-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-mdlg-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-mdlg-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-mdlg-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-tc .toast-item, #toast-wrapper.toast-default-mdlg-mc .toast-item, #toast-wrapper.toast-default-mdlg-tc .toast-item {
    margin-left: -160px; }
  #toast-wrapper.toast-mdlg-tc .toast-item, #toast-wrapper.toast-mdlg-mc .toast-item, #toast-wrapper.toast-mdlg-bc .toast-item {
    margin-left: -160px !important; } }
/* MD */
/* LG */

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

.comp-notification-01 {
  display: none; }
  .comp-notification-01.on {
    display: flex;
    margin-bottom: 19px; }
  .comp-notification-01.successs {
    padding: 16px 16px 16px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    color: #24A148;
    border-left: 4px solid #24A148;
    background: #DEFBE6;
    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%22M10%201.25C8.26942%201.25%206.57769%201.76318%205.13876%202.72464C3.69983%203.6861%202.57832%205.05267%201.91606%206.65152C1.25379%208.25037%201.08051%2010.0097%201.41813%2011.707C1.75575%2013.4044%202.58911%2014.9635%203.81282%2016.1872C5.03653%2017.4109%206.59563%2018.2442%208.29296%2018.5819C9.9903%2018.9195%2011.7496%2018.7462%2013.3485%2018.0839C14.9473%2017.4217%2016.3139%2016.3002%2017.2754%2014.8612C18.2368%2013.4223%2018.75%2011.7306%2018.75%2010C18.75%207.67936%2017.8281%205.45376%2016.1872%203.81282C14.5462%202.17187%2012.3206%201.25%2010%201.25ZM8.75%2013.4942L5.625%2010.3692L6.61913%209.375L8.75%2011.5058L13.3813%206.875L14.3786%207.86619L8.75%2013.4942Z%22%20fill%3D%22%2324A148%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .comp-notification-01.error {
    padding: 16px 16px 16px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    color: #DA1E28;
    border-left: 4px solid #DA1E28;
    background: #FFF1F1;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20%3B%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%22M9.99998%201.24998C8.84892%201.24285%207.7079%201.4643%206.64308%201.9015C5.57826%202.3387%204.61083%202.98295%203.79689%203.79689C2.98295%204.61083%202.3387%205.57826%201.9015%206.64308C1.4643%207.7079%201.24285%208.84892%201.24998%209.99998C1.24285%2011.151%201.4643%2012.2921%201.9015%2013.3569C2.3387%2014.4217%202.98295%2015.3891%203.79689%2016.2031C4.61083%2017.017%205.57826%2017.6613%206.64308%2018.0985C7.7079%2018.5357%208.84892%2018.7571%209.99998%2018.75C11.151%2018.7571%2012.2921%2018.5357%2013.3569%2018.0985C14.4217%2017.6613%2015.3891%2017.017%2016.2031%2016.2031C17.017%2015.3891%2017.6613%2014.4217%2018.0985%2013.3569C18.5357%2012.2921%2018.7571%2011.151%2018.75%209.99998C18.7571%208.84892%2018.5357%207.7079%2018.0985%206.64308C17.6613%205.57826%2017.017%204.61083%2016.2031%203.79689C15.3891%202.98295%2014.4217%202.3387%2013.3569%201.9015C12.2921%201.4643%2011.151%201.24285%209.99998%201.24998ZM13.403%2014.375L5.62498%206.5973L6.5973%205.62498L14.375%2013.403L13.403%2014.375Z%22%20fill%3D%22%23DA1E28%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .comp-notification-01 .comp-notification-01-A {
    position: absolute;
    top: 34px;
    right: 6px;
    font-size: 13px;
    font-weight: bold;
    color: #CE4842; }

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

/*her sayfadaki main tag'inin css leri'*/
.modal-agreement * {
  list-style: disc outside none;
  text-align: justify; }
.modal-agreement a {
  color: #39587F;
  text-decoration: underline; }
.modal-agreement div#modal-header {
  height: 90px !important;
  align-content: center; }
.modal-agreement div#modal-body .c-wrapper {
  width: 100%;
  overflow-wrap: anywhere; }
.modal-agreement div#modal-body .ls-lower-latin {
  padding: 5px 0 5px 15px; }
  .modal-agreement div#modal-body .ls-lower-latin > li {
    list-style-type: lower-latin; }
.modal-agreement div#modal-body .ls-bullet-list {
  padding: 5px 0 5px 15px; }
.modal-agreement div#modal-body .ls-decimal {
  padding: 5px 0 5px 15px; }
  .modal-agreement div#modal-body .ls-decimal > li {
    list-style-type: decimal; }
.modal-agreement div#modal-body .ls-none > li {
  list-style: none; }
.modal-agreement div#modal-body li {
  margin: 5px 0 5px 0; }
.modal-agreement div#modal-body p, .modal-agreement div#modal-body h4 {
  margin-bottom: 10px; }
.modal-agreement div#modal-body h4 {
  margin-top: 25px; }
.modal-agreement div#modal-body h4:first-child {
  margin-top: 0; }
.modal-agreement div#modal-body table {
  margin: 10px 0 10px 0; }
.modal-agreement div#modal-body td, .modal-agreement div#modal-body th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  overflow-wrap: break-word; }
  .modal-agreement div#modal-body td > h4, .modal-agreement div#modal-body th > h4 {
    margin-top: 0; }
.modal-agreement div#modal-body .table-adress td {
  border: none;
  padding: 0; }
  .modal-agreement div#modal-body .table-adress td b {
    margin-right: 20px; }
    .modal-agreement div#modal-body .table-adress td b p {
      margin-bottom: 0; }
.modal-agreement div#modal-body td.vertical-align {
  vertical-align: top; }

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

/*her sayfadaki main tag'inin css leri'*/
@media all and (min-width: 1280px) and (max-width: 1679px) {
  main.f-address {
    padding: 40px 0 120px 0; }
  main.f-completed {
    padding-top: 40px; } }
@media all and (min-width: 1680px) {
  main.f-address {
    padding: 40px 0 120px 0; }
  main.f-completed {
    padding-top: 40px; } }

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