@charset "UTF-8";
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 636px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.ellipsis-2 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: inherit;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.ellipsis-3 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: inherit;
  -webkit-line-clamp: 3;
  word-break: break-all;
}

.ellipsis-4 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: inherit;
  -webkit-line-clamp: 4;
  word-break: break-all;
}

.ellipsis-5 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: inherit;
  -webkit-line-clamp: 5;
  word-break: break-all;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-Thin.woff") format("woff"), url("../fonts/Pretendard/Pretendard-Thin.ttf") format("TrueType"), url("../fonts/Pretendard/Pretendard-Thin.otf") format("OpenType");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-ExtraLight.woff") format("woff"), url("../fonts/Pretendard/Pretendard-ExtraLight.ttf") format("TrueType"), url("../fonts/Pretendard/Pretendard-ExtraLight.otf") format("OpenType");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-Light.woff") format("woff"), url("../fonts/Pretendard/Pretendard-Light.ttf") format("TrueType"), url("../fonts/Pretendard/Pretendard-Light.otf") format("OpenType");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-Regular.woff") format("woff"), url("../fonts/Pretendard/Pretendard-Regular.ttf") format("TrueType"), url("../fonts/Pretendard/Pretendard-Regular.otf") format("OpenType");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-Medium.woff") format("woff"), url("../fonts/Pretendard/Pretendard-Medium.ttf") format("TrueType"), url("../fonts/Pretendard/Pretendard-Medium.otf") format("OpenType");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-SemiBold.woff") format("woff"), url("../fonts/Pretendard/Pretendard-SemiBold.otf") format("OpenType");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-Bold.woff") format("woff"), url("../fonts/Pretendard/Pretendard-Bold.ttf") format("TrueType"), url("../fonts/Pretendard/Pretendard-Bold.otf") format("OpenType");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/Pretendard/Pretendard-ExtraBold.woff") format("woff"), url("../fonts/Pretendard/Pretendard-ExtraBold.ttf") format("TrueType"), url("../fonts/Pretendard/Pretendard-ExtraBold.otf") format("OpenType");
}
*,
*::before,
*::after {
  box-sizing: border-box;
  min-width: 0;
  word-break: keep-all;
}

@media print {
  header, .mo-header-content, .sidebar, .common-depth, #footer {
    display: none;
  }
}
body {
  margin: 0;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #222222;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767.98px) {
  body {
    line-height: 130%;
  }
}

@media (max-width: 320px) {
  body {
    font-size: 14px;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
}

p {
  margin: 0;
}

abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 400;
}

dd {
  margin-left: 0;
}

blockquote {
  margin: 0;
}

b,
strong {
  font-weight: bolder;
}

em,
i {
  font-style: normal;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #a6f0b7;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #222222;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

figure {
  margin: 0;
}

img,
svg {
  vertical-align: middle;
  max-width: 100%;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

legend,
caption {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  overflow: hidden;
  white-space: nowrap;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 1em;
  line-height: 0;
  color: #222222;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: none;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

[class^=icon-] {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  flex-shrink: 0;
}

[class^=icon-]:not([class$=arrow]) {
  background-size: contain;
}

.icon-pagination-left {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-pagination-left.svg");
}

.icon-pagination-right {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-pagination-right.svg");
}

.icon-pagination-left-twin {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-pagination-left-twin.svg");
}

.icon-pagination-right-twin {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-pagination-right-twin.svg");
}

.icon-back {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-back.svg");
}

.icon-search {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M20 20.0001L15.9467 15.9468' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-b-search {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12.8334' cy='12.8332' rx='8.16667' ry='8.16667' stroke='black' stroke-width='2'/%3E%3Cpath d='M23.3334 23.3334L18.6045 18.6045' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-b-select {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2238 8.12602C12.9468 8.12608 12.0153 8.12617 11.8826 8.12602C11.7905 8.12634 11.4703 8.12572 11.3908 8.12607H8.19456C8.1151 8.12572 7.7509 8.12607 7.60626 8.12611C7.42669 8.12611 7.22903 8.12611 7.14705 8.12607C7.00005 8.12607 6.75947 8.12607 6.6153 8.12607C6.56002 8.12607 6.47362 8.12611 6.34204 8.12611L10.3665 13.7132C10.4434 13.8164 10.5462 13.8741 10.6532 13.8741C10.7602 13.8741 10.863 13.8164 10.9399 13.7132L14.9644 8.12611C14.742 8.12621 14.3922 8.12615 14.1636 8.12634C13.8496 8.12621 13.3215 8.12609 13.2238 8.12602Z' fill='%23222222'/%3E%3Cpath d='M13.2238 8.12602C12.9468 8.12608 12.0153 8.12617 11.8826 8.12602C11.7905 8.12634 11.4703 8.12572 11.3908 8.12607H8.19456C8.1151 8.12572 7.7509 8.12607 7.60626 8.12611C7.42669 8.12611 7.22903 8.12611 7.14705 8.12607C7.00005 8.12607 6.75947 8.12607 6.6153 8.12607C6.56002 8.12607 6.47362 8.12611 6.34204 8.12611L10.3665 13.7132C10.4434 13.8164 10.5462 13.8741 10.6532 13.8741C10.7602 13.8741 10.863 13.8164 10.9399 13.7132L14.9644 8.12611C14.742 8.12621 14.3922 8.12615 14.1636 8.12634C13.8496 8.12621 13.3215 8.12609 13.2238 8.12602Z' fill='black' fill-opacity='0.2'/%3E%3C/svg%3E%0A");
}

.icon-eyes {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.1854 12.3046C23.1854 12.3046 22.9759 12.7758 22.5487 13.4543C22.5487 13.4543 21.707 14.7911 20.5928 15.9053C20.5928 15.9053 16.9982 19.5 12 19.5C12 19.5 7.00184 19.5 3.40717 15.9053C3.40717 15.9053 2.29298 14.7911 1.45126 13.4543C1.45126 13.4543 1.02406 12.7758 0.814641 12.3046C0.728453 12.1107 0.728453 11.8893 0.814641 11.6954C0.814641 11.6954 1.02406 11.2242 1.45126 10.5457C1.45126 10.5457 2.29298 9.20886 3.40717 8.09467C3.40717 8.09467 7.00184 4.5 12 4.5C12 4.5 16.9981 4.5 20.5928 8.09467C20.5928 8.09467 21.707 9.20886 22.5487 10.5457C22.5487 10.5457 22.9759 11.2242 23.1854 11.6954C23.2715 11.8893 23.2715 12.1107 23.1854 12.3046ZM21.2794 12.6551C21.2794 12.6551 21.5125 12.2849 21.6644 12C21.6644 12 21.5125 11.7151 21.2794 11.3449C21.2794 11.3449 20.5273 10.1505 19.5322 9.15533C19.5322 9.15533 16.3768 6 12 6C12 6 7.62316 6 4.46783 9.15533C4.46783 9.15533 3.47265 10.1505 2.72061 11.3449C2.72061 11.3449 2.48753 11.7151 2.33558 12C2.33558 12 2.48753 12.2849 2.72061 12.6551C2.72061 12.6551 3.47265 13.8495 4.46783 14.8447C4.46783 14.8447 7.62316 18 12 18C12 18 16.3768 18 19.5322 14.8447C19.5322 14.8447 20.5273 13.8495 21.2794 12.6551Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7.5C12 7.5 13.864 7.5 15.182 8.81802C15.182 8.81802 16.5 10.136 16.5 12C16.5 12 16.5 13.864 15.182 15.182C15.182 15.182 13.864 16.5 12 16.5C12 16.5 10.136 16.5 8.81802 15.182C8.81802 15.182 7.5 13.864 7.5 12C7.5 12 7.5 10.136 8.81802 8.81802C8.81802 8.81802 10.136 7.5 12 7.5ZM12 9C12 9 10.7574 9 9.87868 9.87868C9.87868 9.87868 9 10.7574 9 12C9 12 9 13.2426 9.87868 14.1213C9.87868 14.1213 10.7574 15 12 15C12 15 13.2426 15 14.1213 14.1213C14.1213 14.1213 15 13.2426 15 12C15 12 15 10.7574 14.1213 9.87868C14.1213 9.87868 13.2426 9 12 9Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-eyes-out {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.05496 3.2455C5.04695 3.23669 5.03874 3.22808 5.03033 3.21967C4.8984 3.08774 4.72204 3.00972 4.53567 3.00085L4.53344 3.00075C4.5223 3.00025 4.51115 3 4.5 3C4.31343 3 4.13355 3.06954 3.9955 3.19504C3.98669 3.20305 3.97808 3.21126 3.96967 3.21967C3.83774 3.3516 3.75972 3.52796 3.75085 3.71433L3.75075 3.71656C3.75025 3.7277 3.75 3.73885 3.75 3.75C3.75 3.93657 3.81954 4.11645 3.94504 4.2545L5.76256 6.25377C4.85772 6.83442 3.38449 7.92258 2.18892 9.48381C2.18892 9.48381 1.25355 10.7053 0.81435 11.696C0.728449 11.8898 0.728554 12.1109 0.814641 12.3046C0.814641 12.3046 1.02407 12.7758 1.45126 13.4543C1.45126 13.4543 2.29298 14.7911 3.40717 15.9053C3.40717 15.9053 7.00184 19.5 11.9939 19.4999C11.9939 19.4999 14.4761 19.5202 16.8789 18.4818L18.945 20.7545C19.0872 20.9109 19.2887 21 19.5 21L19.5031 21C19.6886 20.9992 19.8673 20.9297 20.0045 20.805C20.1609 20.6628 20.25 20.4613 20.25 20.25L20.25 20.2469C20.2492 20.0614 20.1797 19.8827 20.055 19.7455L10.0531 8.7434C10.0518 8.74195 10.0506 8.74051 10.0494 8.73907C10.0441 8.73283 10.0387 8.72666 10.0331 8.72058C10.0263 8.71305 10.0193 8.70568 10.0122 8.69846L5.05496 3.2455ZM6.77966 7.37258C4.79747 8.54458 3.37983 10.3958 3.37983 10.3958C2.70234 11.2805 2.33351 11.9961 2.33351 11.9961C2.48594 12.2823 2.72061 12.655 2.72061 12.655C3.47265 13.8495 4.46783 14.8446 4.46783 14.8446C7.62316 18 12.0061 18 12.0061 18C13.5084 18.0122 14.914 17.6098 15.7937 17.288L14.416 15.7725C13.8746 16.1057 13.0145 16.5039 11.9999 16.5C11.9999 16.5 10.6056 16.4999 9.45564 15.7114C9.45564 15.7114 8.30567 14.9229 7.80301 13.6223C7.80301 13.6223 7.30034 12.3217 7.62111 10.9648C7.62111 10.9648 7.83313 10.0679 8.46688 9.22852L6.77966 7.37258ZM9.08088 11.3099C9.16814 10.9407 9.33435 10.6181 9.50051 10.3655L13.3933 14.6476C12.6873 15.0026 12.0001 15 12.0001 15C11.0705 14.9999 10.3039 14.4743 10.3039 14.4743C9.53725 13.9486 9.20214 13.0816 9.20214 13.0816C8.86703 12.2145 9.08088 11.3099 9.08088 11.3099Z' fill='%23999999'/%3E%3Cpath d='M9.93553 4.66969C9.73935 4.70253 9.56425 4.81196 9.44875 4.9739C9.35809 5.10102 9.30936 5.25326 9.30936 5.4094L9.30938 5.41561C9.30971 5.45502 9.31314 5.49435 9.31965 5.53322C9.35249 5.7294 9.46192 5.90451 9.62386 6.02001C9.75098 6.11067 9.90322 6.1594 10.0594 6.1594L10.0656 6.15937C10.105 6.15905 10.1443 6.15561 10.1832 6.14911C11.0846 5.99822 11.9985 6.00002 11.9985 6.00002C16.3768 6.00002 19.5322 9.15535 19.5322 9.15535C20.5273 10.1505 21.2794 11.3449 21.2794 11.3449C21.5128 11.7157 21.6648 12.0008 21.6648 12.0008C21.474 12.3607 21.1668 12.8306 21.1668 12.8306C20.2604 14.2167 19.0574 15.2931 19.0574 15.2931L19.0568 15.2937C18.8977 15.4359 18.8062 15.6397 18.8062 15.8531C18.8062 15.8621 18.8064 15.8711 18.8067 15.88L18.8069 15.8845L18.8071 15.889C18.8153 16.061 18.8825 16.2249 18.9972 16.3532C19.1395 16.5122 19.3428 16.6031 19.5562 16.6031C19.5682 16.6031 19.5801 16.6029 19.5921 16.6023C19.764 16.5941 19.9279 16.5269 20.0563 16.4121C21.407 15.2038 22.4222 13.6515 22.4222 13.6515C22.9358 12.8661 23.1853 12.3046 23.1853 12.3046C23.2715 12.1107 23.2715 11.8893 23.1853 11.6954C22.9759 11.2242 22.5487 10.5457 22.5487 10.5457C21.707 9.20889 20.5928 8.09469 20.5928 8.09469C16.9981 4.50002 12.0015 4.50002 12.0015 4.50002C10.9616 4.49797 9.93553 4.66969 9.93553 4.66969Z' fill='%23999999'/%3E%3Cpath d='M14.9845 11.7133C14.9845 11.7133 14.8917 10.7177 14.2188 9.97815C14.2188 9.97815 13.5459 9.23858 12.5635 9.05244C12.3681 9.01541 12.1953 8.90226 12.0833 8.73788C11.9995 8.6149 11.9542 8.46976 11.9531 8.32094L11.9531 8.31555C11.9531 8.2687 11.9575 8.22196 11.9662 8.17593C12.0286 7.84705 12.3013 7.59927 12.6346 7.56869C12.6574 7.5666 12.6802 7.56555 12.7031 7.56555C12.75 7.56555 12.7967 7.56994 12.8427 7.57866C12.8427 7.57866 14.3179 7.85816 15.3283 8.96867C15.3283 8.96867 16.3386 10.0795 16.478 11.5741C16.4801 11.5965 16.4812 11.619 16.4812 11.6415L16.4813 11.6437C16.4813 12.0309 16.1864 12.3545 15.8008 12.3904C15.7784 12.3925 15.756 12.3936 15.7335 12.3937L15.7313 12.3937C15.344 12.3937 15.0204 12.0989 14.9845 11.7133Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-top-btn {
  width: 48px;
  height: 48px;
  background-image: url("../images/icon-top-btn.svg");
}

.icon-menu {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-menu.svg");
}

.icon-default-arrow {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-default-arrow.svg");
}

.icon-default-arrow-bold {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-default-arrow-bold.svg");
}

.icon-close {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-close.svg");
}

.icon-error {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0279 14.0282C10.8356 14.8248 9.43391 15.25 8 15.25C6.07718 15.25 4.23311 14.4862 2.87348 13.1265C1.51384 11.7669 0.75 9.92282 0.75 8C0.75 6.56609 1.17521 5.16437 1.97185 3.97212C2.76849 2.77986 3.90078 1.85061 5.22554 1.30188C6.55031 0.753142 8.00804 0.609568 9.4144 0.88931C10.8208 1.16905 12.1126 1.85955 13.1265 2.87348C14.1405 3.88741 14.8309 5.17924 15.1107 6.5856C15.3904 7.99196 15.2469 9.44969 14.6981 10.7745C14.1494 12.0992 13.2201 13.2315 12.0279 14.0282Z' stroke='%23FA4555' stroke-width='1.5'/%3E%3Cline x1='8.21667' y1='3.2002' x2='8.21667' y2='9.6002' stroke='%23FA4555' stroke-width='1.5'/%3E%3Cline x1='8.21667' y1='10.667' x2='8.21667' y2='12.8003' stroke='%23FA4555' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.icon-insta {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1385_2550)'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0419 10H15.9581C12.6728 10 10 12.6728 10 15.9581V24.0419C10 27.3272 12.6728 30 15.9581 30H24.0419C27.3272 30 30 27.3272 30 24.0419V15.9581C30 12.6728 27.3272 10 24.0419 10ZM27.988 24.0419C27.988 26.2213 26.2213 27.988 24.0419 27.988H15.9581C13.7788 27.988 12.012 26.2213 12.012 24.0419V15.9581C12.012 13.7787 13.7788 12.012 15.9581 12.012H24.0419C26.2213 12.012 27.988 13.7787 27.988 15.9581V24.0419ZM20.0001 14.8272C17.1478 14.8272 14.8274 17.1477 14.8274 19.9999C14.8274 22.8521 17.1478 25.1726 20.0001 25.1726C22.8523 25.1726 25.1728 22.8521 25.1728 19.9999C25.1728 17.1476 22.8523 14.8272 20.0001 14.8272ZM20.0001 23.1606C18.2544 23.1606 16.8394 21.7455 16.8394 19.9999C16.8394 18.2543 18.2545 16.8392 20.0001 16.8392C21.7457 16.8392 23.1608 18.2543 23.1608 19.9999C23.1608 21.7455 21.7457 23.1606 20.0001 23.1606ZM26.4222 14.8662C26.4222 15.5507 25.8673 16.1057 25.1827 16.1057C24.4982 16.1057 23.9432 15.5507 23.9432 14.8662C23.9432 14.1816 24.4982 13.6267 25.1827 13.6267C25.8673 13.6267 26.4222 14.1816 26.4222 14.8662Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1385_2550'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-blog {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23222222'/%3E%3Cpath d='M14.3643 19.293C13.9842 19.293 13.6763 19.6013 13.6763 19.9817C13.6763 20.3622 13.9842 20.6719 14.3643 20.6719C14.7443 20.6719 15.0523 20.3636 15.0523 19.9817C15.0523 19.5999 14.7443 19.293 14.3643 19.293Z' fill='white'/%3E%3Cpath d='M21.166 19.2207C20.7563 19.2207 20.4243 19.5531 20.4243 19.9632C20.4243 20.3734 20.7563 20.7057 21.166 20.7057C21.5757 20.7057 21.9077 20.3734 21.9077 19.9632C21.9077 19.5531 21.5757 19.2207 21.166 19.2207Z' fill='white'/%3E%3Cpath d='M27.3243 12.4404H12.6757C11.198 12.4404 10 13.6398 10 15.1192V23.8229C10 25.3023 11.198 26.5017 12.6757 26.5017H17.8491L19.6094 30.6527C19.6094 30.6527 19.7309 31.012 20.0233 31.012C20.3172 31.012 20.4372 30.6527 20.4372 30.6527L22.1975 26.5017H27.3243C28.802 26.5017 30 25.3023 30 23.8229V15.1192C30 13.6398 28.802 12.4404 27.3243 12.4404ZM16.2824 20.1344C16.2739 21.7255 14.6309 21.7707 14.6309 21.7707C13.9952 21.7707 13.6364 21.3493 13.6364 21.3493V21.6364H12.4398V16.6947C12.4398 16.6947 12.4341 16.6933 12.4398 16.6919V16.6947C12.5147 16.706 13.6364 16.6919 13.6364 16.6919V18.5814C13.9175 18.1006 14.7312 18.1091 14.7312 18.1091C16.5028 18.2745 16.281 20.1344 16.281 20.1344H16.2824ZM18.3888 18.2618V21.6449H17.2176V18.2957C17.2176 17.8403 16.6525 17.713 16.6525 17.713V16.5321C18.523 16.6085 18.3888 18.2618 18.3888 18.2618ZM21.1648 21.7736C20.0798 21.7736 19.2011 20.9632 19.2011 19.9647C19.2011 18.9661 20.0798 18.1557 21.1648 18.1557C22.2498 18.1557 23.1285 18.9661 23.1285 19.9647C23.1285 20.9632 22.2498 21.7736 21.1648 21.7736ZM27.5814 21.7736C27.5814 21.7736 27.5984 23.492 25.8536 23.492H25.3225V22.3789H25.6431C25.6431 22.3789 26.3764 22.4468 26.3679 21.3153C26.3679 21.3153 26.2252 21.7736 25.1967 21.7736C25.1967 21.7736 23.7388 21.6689 23.7388 20.2447V19.7044C23.7388 19.7044 23.7727 18.2279 25.3733 18.1105C25.3733 18.1105 26.0048 18.0426 26.3933 18.5659V18.2038H27.5814V21.775V21.7736Z' fill='white'/%3E%3Cpath d='M25.7213 19.2378C25.3215 19.2378 24.9966 19.5631 24.9966 19.9633C24.9966 20.3636 25.3215 20.6889 25.7213 20.6889C26.1211 20.6889 26.446 20.3636 26.446 19.9633C26.446 19.5631 26.1211 19.2378 25.7213 19.2378Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-youtube {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1385_2575)'%3E%3Cpath d='M0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20Z' fill='%23222222'/%3E%3Cpath d='M29.582 15.3487C29.352 14.4636 28.6743 13.7666 27.8137 13.53C26.2542 13.1001 20 13.1001 20 13.1001C20 13.1001 13.7458 13.1001 12.1861 13.53C11.3256 13.7666 10.6478 14.4636 10.4178 15.3487C10 16.9529 10 20.3001 10 20.3001C10 20.3001 10 23.6472 10.4178 25.2515C10.6478 26.1366 11.3256 26.8336 12.1861 27.0703C13.7458 27.5001 20 27.5001 20 27.5001C20 27.5001 26.2542 27.5001 27.8137 27.0703C28.6743 26.8336 29.352 26.1366 29.582 25.2515C30 23.6472 30 20.3001 30 20.3001C30 20.3001 30 16.9529 29.582 15.3487Z' fill='white'/%3E%3Cpath d='M18 23.5001V17.1001L23.6 20.3002L18 23.5001Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1385_2575'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-kakao {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_192_1544)'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.1665 19.9045C9.1665 15.1745 14.0167 11.3403 19.9999 11.3403C25.9827 11.3403 30.8333 15.1752 30.8333 19.9049C30.8333 24.6346 25.9831 28.4695 19.9999 28.4695C19.327 28.4695 18.6549 28.4201 17.9893 28.3215C16.7886 29.1382 14.0049 31.0294 13.82 31.1533C13.5821 31.3116 13.2182 31.3198 13.3661 30.7305C13.4856 30.256 14.0793 28.0371 14.306 27.1912C11.2216 25.6813 9.1665 22.983 9.1665 19.9045ZM20.1731 22.0855L18.5944 17.7664L18.5893 17.7616C18.5253 17.6207 18.4207 17.5022 18.2889 17.4211C18.1571 17.34 18.0041 17.3002 17.8495 17.3067C17.6789 17.2968 17.51 17.3453 17.3705 17.4441C17.231 17.5429 17.1293 17.6862 17.082 17.8504C17.0706 17.8735 17.0605 17.8972 17.0517 17.9214L15.4982 22.0855C15.4735 22.1508 15.4622 22.2204 15.4648 22.2901C15.4674 22.3599 15.4839 22.4284 15.5134 22.4917C15.5428 22.5549 15.5846 22.6117 15.6363 22.6586C15.688 22.7054 15.7486 22.7415 15.8144 22.7647C15.8803 22.7878 15.9501 22.7976 16.0198 22.7934C16.0894 22.7891 16.1576 22.771 16.2201 22.7401C16.2827 22.7092 16.3385 22.6661 16.3842 22.6133C16.4298 22.5606 16.4645 22.4992 16.4861 22.4328L16.7547 21.6661H18.9155L19.184 22.4328C19.2057 22.4992 19.2403 22.5606 19.286 22.6133C19.3317 22.6661 19.3875 22.7092 19.45 22.7401C19.5126 22.771 19.5807 22.7891 19.6504 22.7934C19.7201 22.7976 19.7899 22.7878 19.8557 22.7647C19.9216 22.7415 19.9821 22.7054 20.0338 22.6586C20.0855 22.6117 20.1273 22.5549 20.1568 22.4917C20.1863 22.4284 20.2028 22.3599 20.2054 22.2901C20.208 22.2204 20.1966 22.1508 20.172 22.0855H20.1731ZM17.0975 20.6874L17.8236 18.616C17.8277 18.616 17.8315 18.6166 17.8353 18.6172C17.8391 18.6177 17.8429 18.6183 17.8469 18.6183L18.5723 20.6896L17.0975 20.6874ZM23.2541 21.7673H21.7809V17.8914C21.7809 17.7364 21.7193 17.5877 21.6097 17.4781C21.5001 17.3685 21.3515 17.3069 21.1965 17.3069C21.0415 17.3069 20.8928 17.3685 20.7832 17.4781C20.6736 17.5877 20.6121 17.7364 20.6121 17.8914V22.071C20.6126 22.1024 20.6157 22.1337 20.6213 22.1646C20.6153 22.1953 20.6122 22.2265 20.6121 22.2578C20.6119 22.3221 20.6245 22.3858 20.649 22.4452C20.6735 22.5046 20.7095 22.5586 20.7549 22.6041C20.8004 22.6496 20.8543 22.6857 20.9137 22.7103C20.9731 22.7349 21.0368 22.7476 21.1011 22.7475H23.2541C23.3839 22.7475 23.5083 22.696 23.6 22.6042C23.6918 22.5125 23.7433 22.3881 23.7433 22.2583C23.7433 22.1286 23.6918 22.0042 23.6 21.9124C23.5083 21.8207 23.3839 21.7692 23.2541 21.7692V21.7673ZM15.6414 17.3826H12.4734C12.3305 17.3826 12.1934 17.4393 12.0924 17.5404C11.9913 17.6415 11.9345 17.7785 11.9345 17.9215C11.9345 18.0644 11.9913 18.2015 12.0924 18.3025C12.1934 18.4036 12.3305 18.4604 12.4734 18.4604H13.5032V22.2554C13.5036 22.3946 13.5591 22.5281 13.6575 22.6266C13.756 22.7251 13.8895 22.7806 14.0288 22.781H14.1438C14.283 22.7805 14.4163 22.7249 14.5147 22.6264C14.613 22.5279 14.6684 22.3945 14.6687 22.2554V18.4604H15.6414C15.7844 18.4604 15.9215 18.4036 16.0225 18.3025C16.1236 18.2015 16.1804 18.0644 16.1804 17.9215C16.1804 17.7785 16.1236 17.6415 16.0225 17.5404C15.9215 17.4393 15.7844 17.3826 15.6414 17.3826ZM26.3197 19.7894L27.9616 21.9454L27.9613 21.9451C28.0025 21.9999 28.0326 22.0624 28.0497 22.1289C28.0669 22.1954 28.0708 22.2647 28.0612 22.3327C28.0515 22.4007 28.0286 22.4661 27.9937 22.5253C27.9588 22.5844 27.9126 22.6361 27.8577 22.6774C27.8028 22.7187 27.7403 22.7488 27.6738 22.7659C27.6073 22.7831 27.5381 22.7869 27.4701 22.7773C27.4021 22.7677 27.3366 22.7448 27.2775 22.7099C27.2183 22.675 27.1666 22.6287 27.1253 22.5738L25.5718 20.5362L25.2389 20.8691V22.1977C25.2389 22.3527 25.1773 22.5014 25.0677 22.6111C24.9581 22.7207 24.8094 22.7823 24.6543 22.7823C24.4993 22.7823 24.3506 22.7207 24.241 22.6111C24.1313 22.5014 24.0697 22.3527 24.0697 22.1977V17.8915C24.0697 17.7365 24.1313 17.5878 24.241 17.4782C24.3506 17.3685 24.4993 17.3069 24.6543 17.3069C24.8094 17.3069 24.9581 17.3685 25.0677 17.4782C25.1773 17.5878 25.2389 17.7365 25.2389 17.8915V19.414L27.075 17.5779C27.1228 17.5301 27.1795 17.4922 27.2419 17.4663C27.3044 17.4404 27.3713 17.4271 27.4389 17.4271C27.5064 17.4271 27.5734 17.4403 27.6358 17.4662C27.6982 17.492 27.755 17.5299 27.8028 17.5777C27.8506 17.6255 27.8885 17.6822 27.9144 17.7446C27.9402 17.807 27.9536 17.874 27.9536 17.9415C27.9536 18.0091 27.9403 18.076 27.9145 18.1385C27.8886 18.2009 27.8507 18.2576 27.8029 18.3054L26.3197 19.7894Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_192_1544'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-gnb-arrow {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.822 9L12.875 13.7418L7.92797 9L6.75 10.1291L12.875 16L19 10.1291L17.822 9Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-close {
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7L21 21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M21 7L7 21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-more-arrow {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5.5L12.5 10.5L7.5 15.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-top-btn {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 19L12 7' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12L12 6L18 12' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-partner {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.3689 11.7247C23.3689 11.7247 23.1719 11.9542 22.9014 12.0894L22.9004 12.0899L20.5843 13.2433C20.2186 13.4253 19.7746 13.2814 19.5853 12.9194L16.5853 7.18193L16.5791 7.16982C16.3939 6.79934 16.544 6.34883 16.9145 6.16359L19.2531 4.99434C19.2531 4.99434 19.8004 4.71536 20.3853 4.90299C20.3853 4.90299 20.9702 5.09061 21.2522 5.63407L23.5566 10.0462C23.5566 10.0462 23.6983 10.314 23.725 10.6159C23.725 10.6159 23.7516 10.9177 23.6589 11.2063C23.6589 11.2063 23.5663 11.4948 23.3689 11.7247ZM22.2308 10.7477L19.926 6.33489L18.2684 7.16368L20.5738 11.5728L22.2308 10.7477Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.41482 7.0783L4.41482 12.8252C4.22528 13.1883 3.77951 13.3321 3.41347 13.1484L1.09784 11.9859C1.09784 11.9859 0.832344 11.8558 0.63398 11.627C0.63398 11.627 0.435615 11.3982 0.342257 11.1101C0.342257 11.1101 0.248899 10.822 0.275349 10.5204C0.275349 10.5204 0.3018 10.2187 0.443867 9.95125L2.74767 5.54026C2.74767 5.54026 3.02852 5.00043 3.60749 4.80926C3.60749 4.80926 4.18647 4.61809 4.73462 4.88508L7.08537 6.06041C7.45586 6.24565 7.60602 6.69615 7.42078 7.06664L7.41482 7.0783ZM4.0778 6.23363L5.73192 7.06072L3.42672 11.4766L1.77301 10.6464L4.07725 6.23469L4.0778 6.23363Z' fill='%2314907F'/%3E%3Cpath d='M4.21156 11.887L9.33958 15.89L9.35082 15.899L14.7505 17.2489C14.7594 17.2499 14.7682 17.2475 14.7682 17.2475C14.7768 17.2451 14.7839 17.2397 14.7839 17.2397L18.1983 13.8253L19.6788 12.0858C19.8077 11.9343 19.9915 11.8402 20.1898 11.8243C20.2098 11.8226 20.2299 11.8218 20.25 11.8218C20.4281 11.8218 20.6004 11.8852 20.736 12.0007C20.8875 12.1296 20.9816 12.3134 20.9975 12.5117C20.9991 12.5312 20.9999 12.5508 21 12.5703L21 12.5718C21 12.75 20.9366 12.9223 20.8211 13.0579L19.3211 14.8204C19.3081 14.8357 19.2945 14.8505 19.2803 14.8647L15.8303 18.3147C15.8244 18.3206 15.8183 18.3264 15.8122 18.3321C15.5343 18.592 15.1677 18.6933 15.1677 18.6933C14.801 18.7946 14.4291 18.7143 14.4291 18.7143C14.4212 18.7126 14.4134 18.7108 14.4056 18.7088L8.96805 17.3494L8.94858 17.3443C8.64739 17.2603 8.41658 17.0724 8.41658 17.0724L3.28855 13.0694C3.10638 12.9272 2.99995 12.7091 2.99995 12.4781C2.99995 12.3323 3.04244 12.1897 3.12221 12.0677C3.13367 12.0501 3.14586 12.0331 3.15876 12.0166C3.30088 11.8345 3.51898 11.7281 3.74995 11.7281C3.89573 11.7281 4.03835 11.7706 4.16036 11.8503C4.1779 11.8618 4.19494 11.874 4.21156 11.887Z' fill='%2314907F'/%3E%3Cpath d='M13.4356 7.58442H17.2499C17.6642 7.58442 17.9999 7.24864 17.9999 6.83442C17.9999 6.42021 17.6642 6.08442 17.2499 6.08442H13.4343C13.14 6.08339 12.8654 6.19618 12.8654 6.19618C12.5908 6.30898 12.3803 6.51841 12.3803 6.51841L8.70466 10.1847C8.47079 10.4246 8.3599 10.7294 8.3599 10.7294C8.249 11.0341 8.27306 11.3575 8.27306 11.3575C8.29711 11.6809 8.45187 11.9659 8.45187 11.9659C8.60663 12.2508 8.86478 12.4471 8.86478 12.4471L9.37141 12.8318C10.3767 13.5821 11.6249 13.5821 11.6249 13.5821C12.8732 13.5821 13.8735 12.8355 13.8735 12.8355L14.6318 12.2668L18.3087 14.9409C18.437 15.0342 18.5914 15.0844 18.7499 15.0844C18.7632 15.0844 18.7765 15.0841 18.7898 15.0834C19.0154 15.0714 19.2236 14.9583 19.3565 14.7756C19.4497 14.6474 19.4999 14.4929 19.4999 14.3344C19.4999 14.3211 19.4996 14.3079 19.4989 14.2946C19.4869 14.069 19.3738 13.8608 19.1911 13.7279L15.0661 10.7279C14.7998 10.5342 14.4383 10.5369 14.1749 10.7344L12.9763 11.6334C12.3751 12.0821 11.6249 12.0821 11.6249 12.0821C10.8747 12.0821 10.2785 11.6371 10.2785 11.6371L9.7726 11.253C9.771 11.2518 9.77003 11.25 9.77003 11.25C9.76907 11.2482 9.76892 11.2462 9.76892 11.2462C9.76877 11.2442 9.76946 11.2423 9.76946 11.2423L9.76522 11.2454L13.4356 7.58442Z' fill='%2314907F'/%3E%3Cpath d='M15.0651 7.5174C15.1624 7.56157 15.2681 7.58442 15.375 7.58442C15.3878 7.58442 15.4006 7.58409 15.4134 7.58343C15.6934 7.56908 15.9421 7.39969 16.0579 7.14432C16.1021 7.04698 16.125 6.94132 16.125 6.83442L16.1249 6.82209C16.1235 6.73614 16.1073 6.65108 16.077 6.57062C16.0071 6.38442 15.866 6.23363 15.6849 6.15144L12.4411 4.67957C11.9382 4.45229 11.4088 4.6041 11.4088 4.6041L6.59588 6.01139C6.40481 6.06726 6.24389 6.19664 6.14836 6.37111C6.0879 6.48154 6.05621 6.6054 6.05621 6.73129L6.05631 6.74324C6.05738 6.81047 6.06749 6.87724 6.08636 6.94178C6.17985 7.26154 6.47307 7.48129 6.80621 7.48129L6.8105 7.48128C6.8803 7.48088 6.9497 7.47074 7.0167 7.45115L11.8223 6.04598L15.0651 7.5174Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-w-partner {
  width: 24px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.0983 8.07523C23.0983 8.07523 22.9013 8.3047 22.6308 8.43989L22.6297 8.44043L20.3136 9.5938C19.948 9.77586 19.5039 9.6319 19.3147 9.26995L16.3147 3.53245L16.3085 3.52034C16.1232 3.14986 16.2734 2.69935 16.6439 2.51411L18.9825 1.34486C18.9825 1.34486 19.5297 1.06589 20.1147 1.25351C20.1147 1.25351 20.6996 1.44113 20.9816 1.98459L23.286 6.39668C23.286 6.39668 23.4277 6.66453 23.4543 6.96639C23.4543 6.96639 23.481 7.26825 23.3883 7.55677C23.3883 7.55677 23.2957 7.8453 23.0983 8.07523ZM21.9601 7.09818L19.6554 2.68541L17.9978 3.5142L20.3032 7.92329L21.9601 7.09818Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.14419 3.42882L4.14419 9.1757C3.95465 9.53878 3.50888 9.68266 3.14284 9.4989L0.827211 8.3364C0.827211 8.3364 0.561714 8.20632 0.36335 7.97751C0.36335 7.97751 0.164985 7.7487 0.0716268 7.46062C0.0716268 7.46062 -0.0217313 7.17254 0.00471961 6.87087C0.00471961 6.87087 0.0311704 6.56921 0.173237 6.30177L2.47704 1.89078C2.47704 1.89078 2.75789 1.35095 3.33686 1.15979C3.33686 1.15979 3.91584 0.968616 4.46399 1.2356L6.81474 2.41093C7.18523 2.59617 7.33539 3.04667 7.15015 3.41716L7.14419 3.42882ZM3.80717 2.58415L5.46129 3.41124L3.15609 7.82714L1.50238 6.99694L3.80662 2.58521L3.80717 2.58415Z' fill='white'/%3E%3Cpath d='M3.94093 8.23749L9.06895 12.2405L9.08019 12.2495L14.4799 13.5994C14.4888 13.6004 14.4975 13.598 14.4975 13.598C14.5062 13.5956 14.5133 13.5903 14.5133 13.5903L17.9277 10.1758L19.4082 8.43627C19.5371 8.28479 19.7209 8.19073 19.9192 8.17478C19.9392 8.17317 19.9593 8.17236 19.9793 8.17236C20.1575 8.17236 20.3298 8.23576 20.4654 8.35121C20.6169 8.48012 20.711 8.66394 20.7269 8.86221C20.7285 8.88172 20.7293 8.90129 20.7293 8.92087L20.7293 8.92236C20.7293 9.10049 20.6659 9.2728 20.5505 9.40845L19.0505 11.1709C19.0375 11.1862 19.0239 11.201 19.0097 11.2152L15.5597 14.6652C15.5537 14.6711 15.5477 14.6769 15.5416 14.6827C15.2637 14.9425 14.897 15.0438 14.897 15.0438C14.5303 15.1451 14.1585 15.0648 14.1585 15.0648C14.1506 15.0631 14.1428 15.0613 14.1349 15.0593L8.69742 13.7L8.67795 13.6948C8.37676 13.6109 8.14595 13.4229 8.14595 13.4229L3.01792 9.41989C2.83575 9.27768 2.72932 9.05959 2.72932 8.82861C2.72932 8.68283 2.77181 8.54022 2.85158 8.4182C2.86304 8.40067 2.87524 8.38362 2.88813 8.36711C3.03025 8.18504 3.24835 8.07861 3.47932 8.07861C3.6251 8.07861 3.76772 8.12109 3.88973 8.20086C3.90727 8.21233 3.92431 8.22452 3.94093 8.23749Z' fill='white'/%3E%3Cpath d='M13.165 3.93494H16.9793C17.3935 3.93494 17.7293 3.59916 17.7293 3.18494C17.7293 2.77073 17.3935 2.43494 16.9793 2.43494H13.1637C12.8694 2.43391 12.5948 2.54671 12.5948 2.54671C12.3201 2.65951 12.1097 2.86893 12.1097 2.86893L8.43403 6.53519C8.20016 6.77516 8.08927 7.07989 8.08927 7.07989C7.97837 7.38463 8.00243 7.70802 8.00243 7.70802C8.02648 8.03141 8.18124 8.31638 8.18124 8.31638C8.336 8.60135 8.59415 8.79761 8.59415 8.79761L9.10078 9.18228C10.1061 9.93261 11.3543 9.93261 11.3543 9.93261C12.6026 9.93261 13.6029 9.18599 13.6029 9.18599L14.3612 8.6173L18.038 11.2914C18.1664 11.3847 18.3208 11.4349 18.4793 11.4349C18.4926 11.4349 18.5059 11.4346 18.5191 11.4339C18.7448 11.4219 18.953 11.3088 19.0859 11.1261C19.1791 10.9979 19.2293 10.8434 19.2293 10.6849C19.2293 10.6717 19.229 10.6584 19.2283 10.6451C19.2162 10.4195 19.1032 10.2113 18.9204 10.0784L14.7954 7.07839C14.5292 6.88473 14.1677 6.88739 13.9043 7.08494L12.7057 7.98389C12.1045 8.43261 11.3543 8.43261 11.3543 8.43261C10.6041 8.43261 10.0078 7.98761 10.0078 7.98761L9.50197 7.60352C9.50037 7.6023 9.4994 7.60053 9.4994 7.60053C9.49844 7.59876 9.49829 7.59675 9.49829 7.59675C9.49815 7.59475 9.49883 7.59285 9.49883 7.59285L9.49459 7.59594L13.165 3.93494Z' fill='white'/%3E%3Cpath d='M14.7944 3.86792C14.8918 3.91209 14.9974 3.93494 15.1043 3.93494C15.1171 3.93494 15.1299 3.93461 15.1427 3.93396C15.4228 3.9196 15.6714 3.75021 15.7873 3.49485C15.8315 3.3975 15.8543 3.29184 15.8543 3.18494L15.8542 3.17261C15.8528 3.08666 15.8366 3.0016 15.8064 2.92114C15.7364 2.73494 15.5954 2.58415 15.4142 2.50196L12.1705 1.03009C11.6676 0.802809 11.1382 0.954623 11.1382 0.954623L6.32525 2.36191C6.13418 2.41778 5.97326 2.54716 5.87773 2.72163C5.81727 2.83206 5.78558 2.95592 5.78558 3.08181L5.78568 3.09376C5.78675 3.16099 5.79686 3.22777 5.81573 3.2923C5.90922 3.61206 6.20244 3.83181 6.53558 3.83181L6.53987 3.8318C6.60967 3.8314 6.67907 3.82126 6.74607 3.80167L11.5517 2.39651L14.7944 3.86792Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-small-arrow {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 5.25L7 8.75L3.5 5.25' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-rank-up {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.70321 4.80244C8.82704 4.80259 9.69643 4.80251 9.95498 4.80245L10.8321 4.80276C10.9595 4.80264 11.1273 4.80262 11.2861 4.8026C11.393 4.80259 11.4959 4.80257 11.5795 4.80253L7.82336 10.2778C7.75156 10.379 7.6556 10.4356 7.55574 10.4356C7.45587 10.4356 7.35991 10.379 7.28811 10.2778L3.53198 4.80253L3.78702 4.80249H4.28333L4.71192 4.80253C4.74528 4.80252 4.79116 4.80249 4.84246 4.80246C4.9987 4.80236 5.20517 4.80224 5.261 4.80249H8.24416C8.28162 4.80232 8.37645 4.80239 8.47221 4.80246C8.56598 4.80253 8.66065 4.8026 8.70321 4.80244Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-arrow-gray {
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4.5L10.5 8.5L6.5 12.5' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-select-arrow {
  background-image: url("../images/icon-select-arrow.svg");
  width: 24px;
  height: 24px;
}

.icon-btn-arrow {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4L10 8L6 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-inquiry {
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4 6.80623C15.7223 5.21547 14.5158 3.90771 12.9847 3.10433C11.4536 2.30094 9.69192 2.05127 7.99786 2.39758C6.30381 2.74389 4.78144 3.66491 3.68846 5.00474C2.59547 6.34456 1.99899 8.02089 2 9.74998V15.9375C2 16.2856 2.13828 16.6194 2.38442 16.8656C2.63057 17.1117 2.9644 17.25 3.3125 17.25H8.62813C9.21369 18.5857 10.1751 19.7223 11.3952 20.5213C12.6154 21.3203 14.0415 21.7472 15.5 21.75H21.6875C22.0356 21.75 22.3694 21.6117 22.6156 21.3656C22.8617 21.1194 23 20.7856 23 20.4375V14.25C23.0036 12.4159 22.3333 10.6445 21.1165 9.27213C19.8998 7.89981 18.2213 7.02227 16.4 6.80623ZM21.5 20.25H15.5C14.4391 20.2488 13.3974 19.9672 12.4804 19.4338C11.5633 18.9004 10.8036 18.1341 10.2781 17.2125C12.1214 17.016 13.8272 16.1455 15.0678 14.7682C16.3085 13.3908 16.9966 11.6037 17 9.74998C16.9979 9.30044 16.9571 8.85191 16.8781 8.40936C18.1938 8.71986 19.3662 9.4656 20.205 10.5257C21.0439 11.5858 21.5002 12.8981 21.5 14.25V20.25Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-dot {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13.3945' r='12.5' fill='%2314907F'/%3E%3Ccircle cx='12.9997' cy='13.3943' r='5.35714' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-counter-minus {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' fill='white' stroke='%23EEEEEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.66602 16C9.66602 15.4477 10.1137 15 10.666 15H21.3327C21.885 15 22.3327 15.4477 22.3327 16C22.3327 16.5523 21.885 17 21.3327 17H10.666C10.1137 17 9.66602 16.5523 9.66602 16Z' fill='%23BBBBBB'/%3E%3C/svg%3E%0A");
}

.icon-counter-plus {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' fill='white' stroke='%23EEEEEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9995 10.6667C16.9995 10.1145 16.5518 9.66675 15.9995 9.66675C15.4472 9.66675 14.9995 10.1145 14.9995 10.6667L14.9995 15H10.666C10.1137 15 9.66602 15.4477 9.66602 16C9.66602 16.5523 10.1137 17 10.666 17H14.9995L14.9995 21.3334C14.9995 21.8857 15.4472 22.3334 15.9995 22.3334C16.5518 22.3334 16.9995 21.8857 16.9995 21.3334L16.9995 17H21.3327C21.885 17 22.3327 16.5523 22.3327 16C22.3327 15.4477 21.885 15 21.3327 15H16.9995L16.9995 10.6667Z' fill='%23BBBBBB'/%3E%3C/svg%3E%0A");
}

.icon-heart {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.987 4.55367L16.987 4.55368L16.9898 4.55684C18.3414 6.05642 18.25 8.57117 16.6818 10.1326L16.6807 10.1338L10.3525 16.4619L10.3525 16.4619L10.3499 16.4646C10.3041 16.5108 10.2496 16.5475 10.1896 16.5726C10.1295 16.5976 10.0651 16.6105 10.0001 16.6105C9.93501 16.6105 9.8706 16.5976 9.81056 16.5726C9.75051 16.5475 9.69603 16.5108 9.65027 16.4646L9.64758 16.4619L3.1554 9.9697L3.15469 9.969C2.77629 9.59161 2.47885 9.14101 2.28055 8.64474C2.08224 8.14847 1.98725 7.61697 2.00137 7.08273C2.0155 6.5485 2.13844 6.02276 2.36269 5.53766C2.58693 5.05257 2.90777 4.61831 3.30558 4.26144L3.30558 4.26145L3.30819 4.25909C4.80592 2.90277 7.31966 2.99859 8.88266 4.56829L8.88264 4.56831L8.88737 4.57298L9.4733 5.1511L10.0008 5.6716L10.5276 5.15032L11.2776 4.40814L11.2791 4.40667C11.6585 4.02915 12.1102 3.7321 12.6071 3.53332C13.1038 3.33463 13.6355 3.23822 14.1704 3.24984C14.704 3.26271 15.2293 3.38502 15.7137 3.60921C16.1983 3.8335 16.6317 4.15496 16.987 4.55367Z' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.icon-heart-fill {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.987 4.55367L16.987 4.55368L16.9898 4.55684C18.3414 6.05642 18.25 8.57117 16.6818 10.1326L16.6807 10.1338L10.3525 16.4619L10.3525 16.4619L10.3499 16.4646C10.3041 16.5108 10.2496 16.5475 10.1896 16.5726C10.1295 16.5976 10.0651 16.6105 10.0001 16.6105C9.93501 16.6105 9.8706 16.5976 9.81056 16.5726C9.75051 16.5475 9.69603 16.5108 9.65027 16.4646L9.64758 16.4619L3.1554 9.9697L3.15469 9.969C2.77629 9.59161 2.47885 9.14101 2.28055 8.64474C2.08224 8.14847 1.98725 7.61697 2.00137 7.08273C2.0155 6.5485 2.13844 6.02276 2.36269 5.53766C2.58693 5.05257 2.90777 4.61831 3.30558 4.26144L3.30558 4.26145L3.30819 4.25909C4.80592 2.90277 7.31966 2.99859 8.88266 4.56829L8.88264 4.56831L8.88737 4.57298L9.4733 5.1511L10.0008 5.6716L10.5276 5.15032L11.2776 4.40814L11.2791 4.40667C11.6585 4.02915 12.1102 3.7321 12.6071 3.53332C13.1038 3.33463 13.6355 3.23822 14.1704 3.24984C14.704 3.26271 15.2293 3.38502 15.7137 3.60921C16.1983 3.8335 16.6317 4.15496 16.987 4.55367Z' fill='%23FF2222' stroke='%23FF2222' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.icon-calendar {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4.5C3 4.5 3 3.87868 3.43934 3.43934C3.43934 3.43934 3.87868 3 4.5 3H19.5C19.5 3 20.1213 3 20.5607 3.43934C20.5607 3.43934 21 3.87868 21 4.5V19.5C21 19.5 21 20.1213 20.5607 20.5607C20.5607 20.5607 20.1213 21 19.5 21H4.5C4.5 21 3.87868 21 3.43934 20.5607C3.43934 20.5607 3 20.1213 3 19.5V4.5ZM4.5 4.5V19.5H19.5V4.5H4.5Z' fill='%23999999'/%3E%3Cpath d='M15.75 2.25V5.25C15.75 5.66421 16.0858 6 16.5 6C16.9142 6 17.25 5.66421 17.25 5.25V2.25C17.25 1.83579 16.9142 1.5 16.5 1.5C16.0858 1.5 15.75 1.83579 15.75 2.25Z' fill='%23999999'/%3E%3Cpath d='M6.75 2.25V5.25C6.75 5.66421 7.08579 6 7.5 6C7.91421 6 8.25 5.66421 8.25 5.25V2.25C8.25 1.83579 7.91421 1.5 7.5 1.5C7.08579 1.5 6.75 1.83579 6.75 2.25Z' fill='%23999999'/%3E%3Cpath d='M3.75 9H20.25C20.6642 9 21 8.66421 21 8.25C21 7.83579 20.6642 7.5 20.25 7.5H3.75C3.33579 7.5 3 7.83579 3 8.25C3 8.66421 3.33579 9 3.75 9Z' fill='%23999999'/%3E%3Cpath d='M10.9986 15.0929L9.14117 13.3309C9.00182 13.1987 8.81707 13.125 8.625 13.125L8.60523 13.1253C8.40639 13.1305 8.21777 13.2145 8.08087 13.3588C7.94869 13.4982 7.875 13.6829 7.875 13.875L7.87526 13.8948C7.8805 14.0936 7.96452 14.2822 8.10883 14.4191L10.4807 16.6691C10.7694 16.9429 11.2216 16.9437 11.5112 16.6709L15.8893 12.5459C16.0341 12.4095 16.1187 12.2211 16.1247 12.0223L16.125 12L16.1249 11.9863C16.1215 11.7999 16.0487 11.6214 15.9209 11.4857C15.7792 11.3353 15.5817 11.25 15.375 11.25L15.3585 11.2502C15.173 11.2543 14.9957 11.3269 14.8607 11.4541L10.9986 15.0929Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-notice {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.51879 10.9999V10.2499C4.51879 10.2499 4.51669 8.75419 5.08994 7.37155C5.08994 7.37155 5.66319 5.98892 6.72376 4.93274C6.72376 4.93274 7.78434 3.87657 9.16934 3.30908C9.16934 3.30908 10.5544 2.74158 12.0511 2.74991C12.0511 2.74991 13.573 2.76144 14.9589 3.36943C14.9589 3.36943 16.2922 3.95439 17.3187 5.00876C17.3187 5.00876 18.3411 6.05901 18.9019 7.41327C18.9019 7.41327 19.4813 8.81264 19.4813 10.3343V10.9999C19.4813 10.9999 19.4813 14.8902 20.7022 16.9991C20.7022 16.9991 20.9033 17.3474 20.9037 17.7486C20.9037 17.7486 20.904 18.1498 20.704 18.4976C20.704 18.4976 20.504 18.8454 20.1571 19.047C20.1571 19.047 19.8102 19.2485 19.4089 19.2499L4.59379 19.2499C4.59379 19.2499 4.18993 19.2485 3.843 19.047C3.843 19.047 3.49607 18.8454 3.29608 18.4976C3.29608 18.4976 3.09608 18.1498 3.09644 17.7486C3.09644 17.7486 3.09679 17.3474 3.2974 16.9999C3.2974 16.9999 4.51879 14.8902 4.51879 10.9999ZM6.01879 10.9999C6.01879 10.9999 6.01879 15.2931 4.59644 17.7499L19.4036 17.7499C19.4036 17.7499 17.9813 15.2924 17.9813 10.9999V10.3343C17.9813 10.3343 17.9813 7.83972 16.2439 6.0551C16.2439 6.0551 14.5046 4.26854 12.0427 4.24988C12.0427 4.24988 10.8457 4.24322 9.73807 4.69708C9.73807 4.69708 8.63041 5.15094 7.78222 5.99561C7.78222 5.99561 6.93403 6.84028 6.47557 7.94604C6.47557 7.94604 6.01711 9.05181 6.01879 10.2499V10.9999Z' fill='%231C1C1C'/%3E%3Cpath d='M15.75 19.25V18.5C15.75 18.0858 15.4142 17.75 15 17.75C14.5858 17.75 14.25 18.0858 14.25 18.5V19.25C14.25 20.1819 13.591 20.841 13.591 20.841C12.932 21.5 12 21.5 12 21.5C11.068 21.5 10.409 20.841 10.409 20.841C9.75003 20.1819 9.75003 19.25 9.75003 19.25V18.5C9.75003 18.0858 9.41424 17.75 9.00003 17.75C8.58582 17.75 8.25003 18.0858 8.25003 18.5V19.25C8.25003 20.8033 9.34838 21.9016 9.34838 21.9016C10.4467 23 12 23 12 23C13.5533 23 14.6517 21.9016 14.6517 21.9016C15.75 20.8033 15.75 19.25 15.75 19.25Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
}

.icon-mypage {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8927 3.28617C14.034 2.5 12 2.5 12 2.5C9.96602 2.5 8.10731 3.28616 8.10731 3.28616C6.3126 4.04526 4.92893 5.42893 4.92893 5.42893C3.54527 6.8126 2.78617 8.60731 2.78617 8.60731C2 10.466 2 12.5 2 12.5C2 14.534 2.78617 16.3927 2.78617 16.3927C3.54526 18.1874 4.92893 19.5711 4.92893 19.5711C5.03527 19.6774 5.14403 19.78 5.25422 19.8789C5.29452 19.9239 5.34031 19.9643 5.3909 19.9991C6.68084 21.1105 8.10731 21.7138 8.10731 21.7138C9.96602 22.5 12 22.5 12 22.5C14.034 22.5 15.8927 21.7138 15.8927 21.7138C17.0306 21.2325 18.0032 20.5002 18.5628 20.0286C18.6441 19.9808 18.7148 19.9192 18.7723 19.8477C18.9646 19.6776 19.0711 19.5711 19.0711 19.5711C20.4547 18.1874 21.2138 16.3927 21.2138 16.3927C22 14.534 22 12.5 22 12.5C22 10.466 21.2138 8.60731 21.2138 8.60731C20.4547 6.8126 19.0711 5.42893 19.0711 5.42893C17.6874 4.04526 15.8927 3.28617 15.8927 3.28617ZM8.70662 20.2969C7.96565 19.9835 7.30729 19.544 6.82737 19.1762C7.63853 17.9559 8.78081 17.2547 8.78081 17.2547C10.262 16.3456 12 16.3462 12 16.3462C13.738 16.3462 15.2192 17.2547 15.2192 17.2547C16.1517 17.8271 16.809 18.6534 17.168 19.187C16.2098 19.9093 15.2934 20.2969 15.2934 20.2969C13.722 20.9615 12 20.9615 12 20.9615C10.278 20.9615 8.70662 20.2969 8.70662 20.2969ZM7.97601 15.9436C7.97601 15.9436 8.43965 15.6591 9.17514 15.3749C9.02468 15.2618 8.8775 15.1354 8.73643 14.9943C8.73643 14.9943 7.38462 13.6425 7.38462 11.7308C7.38462 11.7308 7.38462 9.81901 8.73643 8.4672C8.73643 8.4672 10.0882 7.11538 12 7.11538C12 7.11538 13.9118 7.11538 15.2636 8.4672C15.2636 8.4672 16.6154 9.81901 16.6154 11.7308C16.6154 11.7308 16.6154 13.6425 15.2636 14.9943C15.2636 14.9943 15.1053 15.1526 14.8205 15.3608C15.2201 15.5108 15.6294 15.7013 16.024 15.9436C16.024 15.9436 17.3132 16.7349 18.3115 18.1224C18.7062 17.6626 19.369 16.805 19.7969 15.7934C19.7969 15.7934 20.4615 14.222 20.4615 12.5C20.4615 12.5 20.4615 10.778 19.7969 9.20662C19.7969 9.20662 19.1547 7.68827 17.9832 6.51679C17.9832 6.51679 16.8117 5.3453 15.2934 4.7031C15.2934 4.7031 13.722 4.03846 12 4.03846C12 4.03846 10.278 4.03846 8.70662 4.70309C8.70662 4.70309 7.18828 5.3453 6.01679 6.51679C6.01679 6.51679 4.8453 7.68827 4.2031 9.20662C4.2031 9.20662 3.53846 10.778 3.53846 12.5C3.53846 12.5 3.53846 14.222 4.2031 15.7934C4.2031 15.7934 4.72777 17.0338 5.69371 18.1374C6.16514 17.4784 6.93278 16.5839 7.97601 15.9436ZM14.1757 13.9065C13.2745 14.8077 12 14.8077 12 14.8077C10.7255 14.8077 9.82429 13.9065 9.82429 13.9065C8.92308 13.0053 8.92308 11.7308 8.92308 11.7308C8.92308 10.4563 9.82429 9.55506 9.82429 9.55506C10.7255 8.65385 12 8.65385 12 8.65385C13.2745 8.65385 14.1757 9.55506 14.1757 9.55506C15.0769 10.4563 15.0769 11.7308 15.0769 11.7308C15.0769 13.0053 14.1757 13.9065 14.1757 13.9065Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
}

.icon-close {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-w-inquiry {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4 6.80623C15.7223 5.21547 14.5158 3.90771 12.9847 3.10433C11.4536 2.30094 9.69192 2.05127 7.99786 2.39758C6.30381 2.74389 4.78144 3.66491 3.68846 5.00474C2.59547 6.34456 1.99899 8.02089 2 9.74998V15.9375C2 16.2856 2.13828 16.6194 2.38442 16.8656C2.63057 17.1117 2.9644 17.25 3.3125 17.25H8.62813C9.21369 18.5857 10.1751 19.7223 11.3952 20.5213C12.6154 21.3203 14.0415 21.7472 15.5 21.75H21.6875C22.0356 21.75 22.3694 21.6117 22.6156 21.3656C22.8617 21.1194 23 20.7856 23 20.4375V14.25C23.0036 12.4159 22.3333 10.6445 21.1165 9.27213C19.8998 7.89981 18.2213 7.02227 16.4 6.80623ZM21.5 20.25H15.5C14.4391 20.2488 13.3974 19.9672 12.4804 19.4338C11.5633 18.9004 10.8036 18.1341 10.2781 17.2125C12.1214 17.016 13.8272 16.1455 15.0678 14.7682C16.3085 13.3908 16.9966 11.6037 17 9.74998C16.9979 9.30044 16.9571 8.85191 16.8781 8.40936C18.1938 8.71986 19.3662 9.4656 20.205 10.5257C21.0439 11.5858 21.5002 12.8981 21.5 14.25V20.25Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-w-estimate {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1106_13410)'%3E%3Cpath d='M21.1244 23.8333H4.52512C4.09687 23.8333 3.75 23.4879 3.75 23.0615V4.02185C3.75 3.5954 4.09687 3.25 4.52512 3.25H21.1244C21.5527 3.25 21.8995 3.5954 21.8995 4.02185V9.87441H20.3493V4.7937H5.30025V22.2896H20.3493V17.1202H21.8995V23.0615C21.8995 23.4879 21.5527 23.8333 21.1244 23.8333Z' fill='white'/%3E%3Cpath d='M15.3419 8.14355H7.9375V9.49429H15.3419V8.14355Z' fill='white'/%3E%3Cpath d='M13.906 11.2617H7.9375V12.6125H13.906V11.2617Z' fill='white'/%3E%3Cpath d='M13.7819 14.3799H7.9375V15.7306H13.7819V14.3799Z' fill='white'/%3E%3Cpath d='M15.3419 17.4966H7.9375V18.8473H15.3419V17.4966Z' fill='white'/%3E%3Cpath d='M24.6436 19.7636C24.413 19.7636 24.1863 19.6632 24.0332 19.4683L21.9675 16.8518C21.702 16.516 21.7621 16.0317 22.0973 15.7673C22.4345 15.5029 22.9209 15.5628 23.1864 15.8966L25.2521 18.5132C25.5175 18.8489 25.4575 19.3333 25.1222 19.5976C24.9808 19.7095 24.8122 19.7636 24.6436 19.7636Z' fill='white'/%3E%3Cpath d='M20.4094 17.8629C17.991 17.8629 16.0242 15.9024 16.0242 13.4942C16.0242 11.086 17.991 9.12744 20.4094 9.12744C22.8278 9.12744 24.7947 11.086 24.7947 13.4942C24.7947 15.9024 22.8278 17.8629 20.4094 17.8629ZM20.4094 10.6711C18.8456 10.6711 17.5744 11.937 17.5744 13.4942C17.5744 15.0514 18.8476 16.3192 20.4094 16.3192C21.9713 16.3192 23.2445 15.0514 23.2445 13.4942C23.2445 11.937 21.9732 10.6711 20.4094 10.6711Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1106_13410'%3E%3Crect width='21.6667' height='20.5833' fill='white' transform='translate(3.75 3.25)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-g-arrow {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-home {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3845 7.79144L9.75953 2.67972C9.55214 2.48999 9.28123 2.38477 9.00015 2.38477C8.71907 2.38477 8.44816 2.48999 8.24078 2.67972L2.61578 7.79144C2.50061 7.8968 2.40862 8.02498 2.34568 8.16782C2.28273 8.31066 2.2502 8.46503 2.25015 8.62113V15.0969C2.24558 15.3805 2.34571 15.6559 2.5314 15.8703C2.63679 15.9902 2.76662 16.0861 2.91215 16.1516C3.05769 16.2171 3.21556 16.2506 3.37515 16.25H6.75015C6.89933 16.25 7.04241 16.1908 7.1479 16.0853C7.25339 15.9798 7.31265 15.8367 7.31265 15.6875V12.3125C7.31265 12.1633 7.37191 12.0203 7.4774 11.9148C7.58289 11.8093 7.72597 11.75 7.87515 11.75H10.1252C10.2743 11.75 10.4174 11.8093 10.5229 11.9148C10.6284 12.0203 10.6877 12.1633 10.6877 12.3125V15.6875C10.6877 15.8367 10.7469 15.9798 10.8524 16.0853C10.9579 16.1908 11.101 16.25 11.2502 16.25H14.6252C14.8117 16.2517 14.9957 16.2057 15.1595 16.1164C15.3378 16.0193 15.4867 15.8761 15.5907 15.7016C15.6946 15.5272 15.7497 15.3281 15.7502 15.125V8.62113C15.7501 8.46503 15.7176 8.31066 15.6546 8.16782C15.5917 8.02498 15.4997 7.8968 15.3845 7.79144Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");
}

.icon-g-close {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 4L10.5 11' stroke='%23999999' stroke-linecap='round'/%3E%3Cpath d='M10.5 4L3.5 11' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-like {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4964 5.3646L20.4992 5.36776C22.1789 7.2314 22.0578 10.3399 20.124 12.2654L20.1229 12.2666L12.5291 19.8603L12.5264 19.863C12.4576 19.9326 12.3756 19.9878 12.2852 20.0255C12.1949 20.0632 12.098 20.0826 12.0001 20.0826C11.9022 20.0826 11.8053 20.0632 11.7149 20.0255C11.6246 19.9878 11.5426 19.9326 11.4737 19.863L11.471 19.8603L3.68041 12.0697L3.6797 12.069C3.21118 11.6017 2.8429 11.0438 2.59736 10.4293C2.35183 9.81486 2.23421 9.15677 2.2517 8.49529C2.26919 7.83382 2.42141 7.18287 2.69907 6.58223C2.97672 5.9816 3.37397 5.44391 3.86653 5.00205L3.86653 5.00205L3.86914 4.9997C5.73093 3.31369 8.83843 3.44076 10.7655 5.37609L10.7655 5.37611L10.7702 5.38077L11.4733 6.07452L12.0009 6.59502L12.5276 6.07374L13.4276 5.18312L13.4291 5.18166C13.8987 4.71439 14.4578 4.34672 15.0728 4.10069C15.6877 3.85475 16.3458 3.73541 17.0079 3.74982C17.6688 3.76574 18.3194 3.91723 18.9194 4.1949C19.5196 4.47267 20.0564 4.8708 20.4964 5.3646Z' fill='white' stroke='%23999999' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.icon-top-scroll {
  width: 65px;
  height: 65px;
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='64' viewBox='0 0 65 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_1132_13904)'%3E%3Ccircle cx='32.5' cy='32' r='24' fill='white'/%3E%3Ccircle cx='32.5' cy='32' r='23.5' stroke='%23EEEEEE'/%3E%3C/g%3E%3Cpath d='M32.5 39L32.5 27' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.5 32L32.5 26L38.5 32' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_1132_13904' x='0.5' y='0' width='64' height='64' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1132_13904'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1132_13904' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-refresh {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.4873 5.73119V3.23119C2.4873 2.95505 2.26345 2.73119 1.9873 2.73119C1.71116 2.73119 1.4873 2.95505 1.4873 3.23119V6.23119C1.4873 6.50734 1.71116 6.73119 1.9873 6.73119H4.9873C5.26345 6.73119 5.4873 6.50734 5.4873 6.23119C5.4873 5.95505 5.26345 5.73119 4.9873 5.73119H2.4873Z' fill='%231C1C1C'/%3E%3Cpath d='M3.75927 3.7584L1.63427 5.87715C1.54019 5.97096 1.4873 6.09833 1.4873 6.23119C1.4873 6.23958 1.48752 6.24799 1.48794 6.25636C1.49415 6.37986 1.54592 6.49668 1.63323 6.58425C1.72704 6.67834 1.85444 6.73119 1.9873 6.73119C1.99569 6.73119 2.00407 6.73101 2.01244 6.73059C2.13595 6.72437 2.25277 6.67261 2.34034 6.5853L4.46534 4.46655C5.53825 3.39275 7.02603 3.09634 7.02603 3.09634C8.5138 2.79993 9.91545 3.38018 9.91545 3.38018C11.3171 3.96043 12.16 5.2217 12.16 5.2217C13.003 6.48296 13.003 7.99997 13.003 7.99997C13.003 9.51698 12.16 10.7782 12.16 10.7782C11.3171 12.0395 9.91545 12.6198 9.91545 12.6198C8.5138 13.2 7.02603 12.9036 7.02603 12.9036C5.53825 12.6072 4.466 11.5341 4.466 11.5341C4.37222 11.4402 4.24499 11.3875 4.11231 11.3875C4.10375 11.3875 4.09519 11.3877 4.08664 11.3881C3.96314 11.3945 3.84637 11.4464 3.7589 11.5338C3.66509 11.6275 3.61236 11.7547 3.6123 11.8873C3.6123 11.8952 3.61249 11.9034 3.61287 11.9113C3.61879 12.0354 3.67075 12.153 3.75861 12.2409C5.04526 13.5285 6.83063 13.8843 6.83063 13.8843C8.61596 14.24 10.2979 13.5437 10.2979 13.5437C11.9799 12.8474 12.9915 11.3339 12.9915 11.3339C14.003 9.82038 14.003 7.99997 14.003 7.99997C14.003 6.17956 12.9915 4.66604 12.9915 4.66604C11.9799 3.15253 10.2979 2.45623 10.2979 2.45623C8.61596 1.75993 6.83064 2.11562 6.83064 2.11562C5.04531 2.47131 3.75927 3.7584 3.75927 3.7584Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
}

.icon-filter {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 6.75V13.5C7.5 13.7761 7.72386 14 8 14C8.27614 14 8.5 13.7761 8.5 13.5V6.75C8.5 6.47386 8.27614 6.25 8 6.25C7.72386 6.25 7.5 6.47386 7.5 6.75Z' fill='white'/%3E%3Cpath d='M7.5 2.5V4.25C7.5 4.52614 7.72386 4.75 8 4.75C8.27614 4.75 8.5 4.52614 8.5 4.25V2.5C8.5 2.22386 8.27614 2 8 2C7.72386 2 7.5 2.22386 7.5 2.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 3.75C8 3.75 8.72487 3.75 9.23744 4.26256C9.23744 4.26256 9.75 4.77513 9.75 5.5C9.75 5.5 9.75 6.22487 9.23744 6.73744C9.23744 6.73744 8.72487 7.25 8 7.25C8 7.25 7.27513 7.25 6.76256 6.73744C6.76256 6.73744 6.25 6.22487 6.25 5.5C6.25 5.5 6.25 4.77513 6.76256 4.26256C6.76256 4.26256 7.27513 3.75 8 3.75ZM8 4.75C8 4.75 7.68934 4.75 7.46967 4.96967C7.46967 4.96967 7.25 5.18934 7.25 5.5C7.25 5.5 7.25 5.81066 7.46967 6.03033C7.46967 6.03033 7.68934 6.25 8 6.25C8 6.25 8.31066 6.25 8.53033 6.03033C8.53033 6.03033 8.75 5.81066 8.75 5.5C8.75 5.5 8.75 5.18934 8.53033 4.96967C8.53033 4.96967 8.31066 4.75 8 4.75Z' fill='white'/%3E%3Cpath d='M12 11.75V13.5C12 13.7761 12.2239 14 12.5 14C12.7761 14 13 13.7761 13 13.5V11.75C13 11.4739 12.7761 11.25 12.5 11.25C12.2239 11.25 12 11.4739 12 11.75Z' fill='white'/%3E%3Cpath d='M12 2.5V9.25C12 9.52614 12.2239 9.75 12.5 9.75C12.7761 9.75 13 9.52614 13 9.25V2.5C13 2.22386 12.7761 2 12.5 2C12.2239 2 12 2.22386 12 2.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 8.75C12.5 8.75 13.2249 8.75 13.7374 9.26256C13.7374 9.26256 14.25 9.77513 14.25 10.5C14.25 10.5 14.25 11.2249 13.7374 11.7374C13.7374 11.7374 13.2249 12.25 12.5 12.25C12.5 12.25 11.7751 12.25 11.2626 11.7374C11.2626 11.7374 10.75 11.2249 10.75 10.5C10.75 10.5 10.75 9.77513 11.2626 9.26256C11.2626 9.26256 11.7751 8.75 12.5 8.75ZM12.5 9.75C12.5 9.75 12.1893 9.75 11.9697 9.96967C11.9697 9.96967 11.75 10.1893 11.75 10.5C11.75 10.5 11.75 10.8107 11.9697 11.0303C11.9697 11.0303 12.1893 11.25 12.5 11.25C12.5 11.25 12.8107 11.25 13.0303 11.0303C13.0303 11.0303 13.25 10.8107 13.25 10.5C13.25 10.5 13.25 10.1893 13.0303 9.96967C13.0303 9.96967 12.8107 9.75 12.5 9.75Z' fill='white'/%3E%3Cpath d='M3 9.75V13.5C3 13.7761 3.22386 14 3.5 14C3.77614 14 4 13.7761 4 13.5V9.75C4 9.47386 3.77614 9.25 3.5 9.25C3.22386 9.25 3 9.47386 3 9.75Z' fill='white'/%3E%3Cpath d='M3 2.5V7.25C3 7.52614 3.22386 7.75 3.5 7.75C3.77614 7.75 4 7.52614 4 7.25V2.5C4 2.22386 3.77614 2 3.5 2C3.22386 2 3 2.22386 3 2.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 6.75C3.5 6.75 4.22487 6.75 4.73744 7.26256C4.73744 7.26256 5.25 7.77513 5.25 8.5C5.25 8.5 5.25 9.22487 4.73744 9.73744C4.73744 9.73744 4.22487 10.25 3.5 10.25C3.5 10.25 2.77513 10.25 2.26256 9.73744C2.26256 9.73744 1.75 9.22487 1.75 8.5C1.75 8.5 1.75 7.77513 2.26256 7.26256C2.26256 7.26256 2.77513 6.75 3.5 6.75ZM3.5 7.75C3.5 7.75 3.18934 7.75 2.96967 7.96967C2.96967 7.96967 2.75 8.18934 2.75 8.5C2.75 8.5 2.75 8.81066 2.96967 9.03033C2.96967 9.03033 3.18934 9.25 3.5 9.25C3.5 9.25 3.81066 9.25 4.03033 9.03033C4.03033 9.03033 4.25 8.81066 4.25 8.5C4.25 8.5 4.25 8.18934 4.03033 7.96967C4.03033 7.96967 3.81066 7.75 3.5 7.75Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-step-wacth {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3C12 3 13.8305 3 15.5034 3.70757C15.5034 3.70757 17.1187 4.39077 18.364 5.63604C18.364 5.63604 19.6092 6.88131 20.2924 8.49656C20.2924 8.49656 21 10.1695 21 12C21 12 21 13.8305 20.2924 15.5034C20.2924 15.5034 19.6092 17.1187 18.364 18.364C18.364 18.364 17.1187 19.6092 15.5034 20.2924C15.5034 20.2924 13.8305 21 12 21C12 21 10.1695 21 8.49656 20.2924C8.49656 20.2924 6.88131 19.6092 5.63604 18.364C5.63604 18.364 4.39077 17.1187 3.70757 15.5034C3.70757 15.5034 3 13.8305 3 12C3 12 3 10.1695 3.70757 8.49656C3.70757 8.49656 4.39077 6.88131 5.63604 5.63604C5.63604 5.63604 6.88131 4.39077 8.49656 3.70757C8.49656 3.70757 10.1695 3 12 3ZM12 4.5C12 4.5 10.4736 4.5 9.08089 5.08908C9.08089 5.08908 7.7351 5.6583 6.6967 6.6967C6.6967 6.6967 5.6583 7.7351 5.08908 9.08089C5.08908 9.08089 4.5 10.4736 4.5 12C4.5 12 4.5 13.5264 5.08908 14.9191C5.08908 14.9191 5.6583 16.2649 6.6967 17.3033C6.6967 17.3033 7.73509 18.3417 9.08089 18.9109C9.08089 18.9109 10.4736 19.5 12 19.5C12 19.5 13.5264 19.5 14.9191 18.9109C14.9191 18.9109 16.2649 18.3417 17.3033 17.3033C17.3033 17.3033 18.3417 16.2649 18.9109 14.9191C18.9109 14.9191 19.5 13.5264 19.5 12C19.5 12 19.5 10.4736 18.9109 9.08089C18.9109 9.08089 18.3417 7.7351 17.3033 6.6967C17.3033 6.6967 16.2649 5.6583 14.9191 5.08908C14.9191 5.08908 13.5264 4.5 12 4.5Z' fill='white'/%3E%3Cpath d='M16.2426 8.8181C16.3832 8.67745 16.4625 8.48645 16.4625 8.28754C16.4625 8.08862 16.3835 7.89786 16.2428 7.75721C16.1022 7.61655 15.9114 7.53754 15.7125 7.53754C15.69 7.53754 15.6675 7.53855 15.6451 7.54057C15.4702 7.55635 15.3064 7.63302 15.1822 7.75721L11.47 11.4694C11.3293 11.61 11.25 11.8011 11.25 12C11.25 12.1989 11.329 12.3897 11.4697 12.5304C11.6103 12.671 11.8011 12.75 12 12.75C12.1989 12.75 12.3897 12.671 12.5303 12.5304L16.2426 8.8181Z' fill='white'/%3E%3Cpath d='M9.75 1.5H14.25C14.6642 1.5 15 1.16421 15 0.75C15 0.335786 14.6642 0 14.25 0H9.75C9.33579 0 9 0.335786 9 0.75C9 1.16421 9.33579 1.5 9.75 1.5Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-step-credit {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 6C1.5 6 1.5 5.37868 1.93934 4.93934C1.93934 4.93934 2.37868 4.5 3 4.5H21C21 4.5 21.6213 4.5 22.0607 4.93934C22.0607 4.93934 22.5 5.37868 22.5 6V18C22.5 18 22.5 18.6213 22.0607 19.0607C22.0607 19.0607 21.6213 19.5 21 19.5H3C3 19.5 2.37868 19.5 1.93934 19.0607C1.93934 19.0607 1.5 18.6213 1.5 18V6ZM3 6V18H21V6H3Z' fill='white'/%3E%3Cpath d='M15.75 16.5H18.75C19.1642 16.5 19.5 16.1642 19.5 15.75C19.5 15.3358 19.1642 15 18.75 15H15.75C15.3358 15 15 15.3358 15 15.75C15 16.1642 15.3358 16.5 15.75 16.5Z' fill='white'/%3E%3Cpath d='M10.5 15.75C10.5 16.1642 10.8358 16.5 11.25 16.5H12.75C13.1642 16.5 13.5 16.1642 13.5 15.75C13.5 15.3358 13.1642 15 12.75 15H11.25C10.8358 15 10.5 15.3358 10.5 15.75Z' fill='white'/%3E%3Cpath d='M2.25 9.83441H21.75C22.1642 9.83441 22.5 9.49863 22.5 9.08441C22.5 8.6702 22.1642 8.33441 21.75 8.33441H2.25C1.83579 8.33441 1.5 8.6702 1.5 9.08441C1.5 9.49863 1.83579 9.83441 2.25 9.83441Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-step-product {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-step-product.svg");
}

.icon-step-delivery {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4922 8.25L21.8036 11.5286C21.8775 11.7132 22.0217 11.861 22.2046 11.9394C22.2979 11.9794 22.3984 12 22.5 12L22.5095 12C22.6017 11.9988 22.6929 11.9806 22.7785 11.9464C23.0633 11.8325 23.25 11.5567 23.25 11.25L23.25 11.2474C23.2497 11.1528 23.2315 11.0592 23.1964 10.9715L21.8839 7.69023C21.7157 7.264 21.3331 7.00551 21.3331 7.00551C20.9506 6.74703 20.4889 6.75003 20.4889 6.75003L16.5 6.75002C16.0858 6.75002 15.75 7.08581 15.75 7.50002C15.75 7.91423 16.0858 8.25002 16.5 8.25002L20.4922 8.25Z' fill='white'/%3E%3Cpath d='M1.5 14.25H16.5C16.9142 14.25 17.25 13.9142 17.25 13.5C17.25 13.0858 16.9142 12.75 16.5 12.75H1.5C1.08579 12.75 0.75 13.0858 0.75 13.5C0.75 13.9142 1.08579 14.25 1.5 14.25Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.625 15C17.625 15 18.8676 15 19.7463 15.8787C19.7463 15.8787 20.625 16.7574 20.625 18C20.625 18 20.625 19.2426 19.7463 20.1213C19.7463 20.1213 18.8676 21 17.625 21C17.625 21 16.3824 21 15.5037 20.1213C15.5037 20.1213 14.625 19.2426 14.625 18C14.625 18 14.625 16.7574 15.5037 15.8787C15.5037 15.8787 16.3824 15 17.625 15ZM17.625 16.5C17.625 16.5 17.0037 16.5 16.5643 16.9393C16.5643 16.9393 16.125 17.3787 16.125 18C16.125 18 16.125 18.6213 16.5643 19.0607C16.5643 19.0607 17.0037 19.5 17.625 19.5C17.625 19.5 18.2463 19.5 18.6857 19.0607C18.6857 19.0607 19.125 18.6213 19.125 18C19.125 18 19.125 17.3787 18.6857 16.9393C18.6857 16.9393 18.2463 16.5 17.625 16.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.375 15C6.375 15 7.61764 15 8.49632 15.8787C8.49632 15.8787 9.375 16.7574 9.375 18C9.375 18 9.375 19.2426 8.49632 20.1213C8.49632 20.1213 7.61764 21 6.375 21C6.375 21 5.13236 21 4.25368 20.1213C4.25368 20.1213 3.375 19.2426 3.375 18C3.375 18 3.375 16.7574 4.25368 15.8787C4.25368 15.8787 5.13236 15 6.375 15ZM6.375 16.5C6.375 16.5 5.75368 16.5 5.31434 16.9393C5.31434 16.9393 4.875 17.3787 4.875 18C4.875 18 4.875 18.6213 5.31434 19.0607C5.31434 19.0607 5.75368 19.5 6.375 19.5C6.375 19.5 6.99632 19.5 7.43566 19.0607C7.43566 19.0607 7.875 18.6213 7.875 18C7.875 18 7.875 17.3787 7.43566 16.9393C7.43566 16.9393 6.99632 16.5 6.375 16.5Z' fill='white'/%3E%3Cpath d='M15.375 17.25H8.625C8.21079 17.25 7.875 17.5858 7.875 18C7.875 18.4142 8.21079 18.75 8.625 18.75H15.375C15.7892 18.75 16.125 18.4142 16.125 18C16.125 17.5858 15.7892 17.25 15.375 17.25Z' fill='white'/%3E%3Cpath d='M15.75 6.75V16.05C15.75 16.4642 16.0858 16.8 16.5 16.8C16.9142 16.8 17.25 16.4642 17.25 16.05V6C17.25 5.58579 16.9142 5.25 16.5 5.25H2.25C1.62868 5.25 1.18934 5.68934 1.18934 5.68934C0.75 6.12868 0.75 6.75 0.75 6.75V17.25C0.75 17.8713 1.18934 18.3107 1.18934 18.3107C1.62868 18.75 2.25 18.75 2.25 18.75H4.125C4.53921 18.75 4.875 18.4142 4.875 18C4.875 17.5858 4.53921 17.25 4.125 17.25H2.25V6.75H15.75Z' fill='white'/%3E%3Cpath d='M21.75 17.25H19.875C19.4608 17.25 19.125 17.5858 19.125 18C19.125 18.4142 19.4608 18.75 19.875 18.75H21.75C22.3713 18.75 22.8107 18.3107 22.8107 18.3107C23.25 17.8713 23.25 17.25 23.25 17.25V11.25C23.25 10.8358 22.9142 10.5 22.5 10.5H16.5C16.0858 10.5 15.75 10.8358 15.75 11.25C15.75 11.6642 16.0858 12 16.5 12H21.75V17.25Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-step-success {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_2228_472' maskUnits='userSpaceOnUse' x='2' y='3' width='19' height='19' fill='black'%3E%3Crect fill='white' x='2' y='3' width='19' height='19'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.0625 5.0625V19.9375H13.9534C14.2473 20.3416 14.6002 20.7 14.9995 21H3.70833C3.31713 21 3 20.6829 3 20.2917V4.70833C3 4.31713 3.31713 4 3.70833 4H9.5H13.5H19.2917C19.6829 4 20 4.31713 20 4.70833V12.416C19.6635 12.269 19.3077 12.158 18.9375 12.0877V5.0625H14V9.49999C14 9.70222 13.8782 9.88453 13.6913 9.96192C13.5045 10.0393 13.2894 9.99654 13.1464 9.85354L11.5 8.2071L9.85355 9.85354C9.71055 9.99654 9.4955 10.0393 9.30866 9.96192C9.12182 9.88453 9 9.70222 9 9.49999V5.0625H4.0625ZM13 8.29288V5.0625H10V8.29288L11.1464 7.14644C11.3417 6.95118 11.6583 6.95118 11.8536 7.14644L13 8.29288Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.0625 5.0625V19.9375H13.9534C14.2473 20.3416 14.6002 20.7 14.9995 21H3.70833C3.31713 21 3 20.6829 3 20.2917V4.70833C3 4.31713 3.31713 4 3.70833 4H9.5H13.5H19.2917C19.6829 4 20 4.31713 20 4.70833V12.416C19.6635 12.269 19.3077 12.158 18.9375 12.0877V5.0625H14V9.49999C14 9.70222 13.8782 9.88453 13.6913 9.96192C13.5045 10.0393 13.2894 9.99654 13.1464 9.85354L11.5 8.2071L9.85355 9.85354C9.71055 9.99654 9.4955 10.0393 9.30866 9.96192C9.12182 9.88453 9 9.70222 9 9.49999V5.0625H4.0625ZM13 8.29288V5.0625H10V8.29288L11.1464 7.14644C11.3417 6.95118 11.6583 6.95118 11.8536 7.14644L13 8.29288Z' fill='white'/%3E%3Cpath d='M4.0625 19.9375H3.8625C3.8625 20.048 3.95204 20.1375 4.0625 20.1375V19.9375ZM4.0625 5.0625V4.8625C3.95204 4.8625 3.8625 4.95204 3.8625 5.0625H4.0625ZM13.9534 19.9375L14.1152 19.8199C14.0776 19.7681 14.0174 19.7375 13.9534 19.7375V19.9375ZM14.9995 21V21.2C15.0856 21.2 15.162 21.145 15.1892 21.0633C15.2165 20.9817 15.1884 20.8918 15.1196 20.8401L14.9995 21ZM20 12.416L19.9199 12.5993C19.9818 12.6263 20.053 12.6203 20.1095 12.5834C20.166 12.5464 20.2 12.4835 20.2 12.416H20ZM18.9375 12.0877H18.7375C18.7375 12.1838 18.8058 12.2663 18.9002 12.2842L18.9375 12.0877ZM18.9375 5.0625H19.1375C19.1375 4.95204 19.048 4.8625 18.9375 4.8625V5.0625ZM14 5.0625V4.8625C13.8895 4.8625 13.8 4.95204 13.8 5.0625H14ZM13.6913 9.96192L13.6148 9.77715L13.6148 9.77715L13.6913 9.96192ZM13.1464 9.85354L13.005 9.99496V9.99496L13.1464 9.85354ZM11.5 8.2071L11.6414 8.06568C11.5633 7.98757 11.4367 7.98757 11.3586 8.06567L11.5 8.2071ZM9.85355 9.85354L9.71213 9.71212V9.71212L9.85355 9.85354ZM9.30866 9.96192L9.38519 9.77715L9.38519 9.77715L9.30866 9.96192ZM9 5.0625H9.2C9.2 4.95204 9.11046 4.8625 9 4.8625V5.0625ZM13 5.0625H13.2C13.2 4.95204 13.1105 4.8625 13 4.8625V5.0625ZM13 8.29288L12.8586 8.4343C12.9158 8.4915 13.0018 8.50861 13.0765 8.47766C13.1513 8.4467 13.2 8.37378 13.2 8.29288H13ZM10 5.0625V4.8625C9.88954 4.8625 9.8 4.95204 9.8 5.0625H10ZM10 8.29288H9.8C9.8 8.37378 9.84873 8.4467 9.92346 8.47766C9.9982 8.50861 10.0842 8.4915 10.1414 8.4343L10 8.29288ZM11.1464 7.14644L11.005 7.00502V7.00502L11.1464 7.14644ZM11.8536 7.14644L11.995 7.00502V7.00502L11.8536 7.14644ZM4.2625 19.9375V5.0625H3.8625V19.9375H4.2625ZM13.9534 19.7375H4.0625V20.1375H13.9534V19.7375ZM13.7917 20.0551C14.0972 20.4753 14.4642 20.848 14.8794 21.1599L15.1196 20.8401C14.7362 20.552 14.3974 20.2079 14.1152 19.8199L13.7917 20.0551ZM14.9995 20.8H3.70833V21.2H14.9995V20.8ZM3.70833 20.8C3.42759 20.8 3.2 20.5724 3.2 20.2917H2.8C2.8 20.7933 3.20667 21.2 3.70833 21.2V20.8ZM3.2 20.2917V4.70833H2.8V20.2917H3.2ZM3.2 4.70833C3.2 4.42759 3.42759 4.2 3.70833 4.2V3.8C3.20667 3.8 2.8 4.20668 2.8 4.70833H3.2ZM3.70833 4.2H9.5V3.8H3.70833V4.2ZM9.5 4.2H13.5V3.8H9.5V4.2ZM13.5 4.2H19.2917V3.8H13.5V4.2ZM19.2917 4.2C19.5724 4.2 19.8 4.42759 19.8 4.70833H20.2C20.2 4.20667 19.7933 3.8 19.2917 3.8V4.2ZM19.8 4.70833V12.416H20.2V4.70833H19.8ZM20.0801 12.2328C19.73 12.0798 19.3599 11.9643 18.9748 11.8913L18.9002 12.2842C19.2556 12.3516 19.597 12.4582 19.9199 12.5993L20.0801 12.2328ZM18.7375 5.0625V12.0877H19.1375V5.0625H18.7375ZM14 5.2625H18.9375V4.8625H14V5.2625ZM14.2 9.49999V5.0625H13.8V9.49999H14.2ZM13.7679 10.1467C14.0294 10.0384 14.2 9.78311 14.2 9.49999H13.8C13.8 9.62132 13.7269 9.73071 13.6148 9.77715L13.7679 10.1467ZM13.005 9.99496C13.2052 10.1952 13.5063 10.255 13.7679 10.1467L13.6148 9.77715C13.5027 9.82358 13.3737 9.79792 13.2879 9.71212L13.005 9.99496ZM11.3586 8.34852L13.005 9.99496L13.2879 9.71212L11.6414 8.06568L11.3586 8.34852ZM9.99497 9.99496L11.6414 8.34852L11.3586 8.06567L9.71213 9.71212L9.99497 9.99496ZM9.23212 10.1467C9.49369 10.255 9.79478 10.1952 9.99497 9.99496L9.71213 9.71212C9.62633 9.79792 9.4973 9.82358 9.38519 9.77715L9.23212 10.1467ZM8.8 9.49999C8.8 9.78311 8.97055 10.0384 9.23212 10.1467L9.38519 9.77715C9.27309 9.73071 9.2 9.62132 9.2 9.49999H8.8ZM8.8 5.0625V9.49999H9.2V5.0625H8.8ZM4.0625 5.2625H9V4.8625H4.0625V5.2625ZM12.8 5.0625V8.29288H13.2V5.0625H12.8ZM10 5.2625H13V4.8625H10V5.2625ZM10.2 8.29288V5.0625H9.8V8.29288H10.2ZM11.005 7.00502L9.85858 8.15146L10.1414 8.4343L11.2879 7.28786L11.005 7.00502ZM11.995 7.00502C11.7216 6.73165 11.2784 6.73165 11.005 7.00502L11.2879 7.28786C11.405 7.1707 11.595 7.1707 11.7121 7.28786L11.995 7.00502ZM13.1414 8.15146L11.995 7.00502L11.7121 7.28786L12.8586 8.4343L13.1414 8.15146Z' fill='white' mask='url(%23path-1-outside-1_2228_472)'/%3E%3Cpath d='M21.8286 17C21.8286 19.1145 20.1145 20.8286 18 20.8286C15.8855 20.8286 14.1714 19.1145 14.1714 17C14.1714 14.8855 15.8855 13.1714 18 13.1714C20.1145 13.1714 21.8286 14.8855 21.8286 17ZM18 22.1C20.8167 22.1 23.1 19.8167 23.1 17C23.1 14.1833 20.8167 11.9 18 11.9C15.1833 11.9 12.9 14.1833 12.9 17C12.9 19.8167 15.1833 22.1 18 22.1Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M19.977 16.2435C20.1576 16.0324 20.137 15.7119 19.9301 15.5267C19.7218 15.3403 19.4047 15.3623 19.223 15.5747L17.7089 17.3444L16.7543 16.3681C16.5589 16.1682 16.2411 16.1682 16.0457 16.3681C15.8514 16.5667 15.8514 16.8878 16.0457 17.0865L17.379 18.4501C17.4767 18.55 17.611 18.6045 17.75 18.5997C17.8891 18.595 18.0195 18.5315 18.1103 18.4253L19.977 16.2435Z' fill='white' stroke='white' stroke-width='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-g-gray {
  width: 28px;
  height: 28px;
  background-image: url("../images/icon-g-arrow.svg");
}

.icon-close {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 6L6 18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-gray-minus {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66797 8C1.66797 7.44772 2.11568 7 2.66797 7H13.3346C13.8869 7 14.3346 7.44772 14.3346 8C14.3346 8.55228 13.8869 9 13.3346 9H2.66797C2.11568 9 1.66797 8.55228 1.66797 8Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-gray-plus {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00146 2.66699C9.00146 2.11471 8.55375 1.66699 8.00146 1.66699C7.44918 1.66699 7.00146 2.11471 7.00146 2.66699L7.00146 7.00024H2.66797C2.11568 7.00024 1.66797 7.44796 1.66797 8.00024C1.66797 8.55253 2.11568 9.00024 2.66797 9.00024H7.00146L7.00146 13.3337C7.00146 13.8859 7.44918 14.3337 8.00146 14.3337C8.55375 14.3337 9.00146 13.8859 9.00146 13.3337L9.00146 9.00024H13.3346C13.8869 9.00024 14.3346 8.55253 14.3346 8.00024C14.3346 7.44796 13.8869 7.00024 13.3346 7.00024H9.00146L9.00146 2.66699Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-picture {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 7.5C5 7.5 5 6.46447 5.73223 5.73223C5.73223 5.73223 6.46447 5 7.5 5H32.5C32.5 5 33.5355 5 34.2678 5.73223C34.2678 5.73223 35 6.46446 35 7.5V32.5C35 32.5 35 33.5355 34.2678 34.2678C34.2678 34.2678 33.5355 35 32.5 35H7.5C7.5 35 6.46446 35 5.73223 34.2678C5.73223 34.2678 5 33.5355 5 32.5V7.5ZM7.5 7.5V32.5H32.5V7.5H7.5Z' fill='%23999999'/%3E%3Cpath d='M5.36659 26.6155C5.13216 26.8499 5 27.1683 5 27.4999C5 27.5199 5.00048 27.5399 5.00144 27.5599C5.01637 27.8703 5.14638 28.164 5.36612 28.3837C5.60054 28.6182 5.91848 28.7499 6.25 28.7499C6.58152 28.7499 6.89946 28.6182 7.13388 28.3837L12.4933 23.0244C12.5 23.0176 12.5 23.0176 12.5 23.0176L15.7255 26.2431C16.0712 26.5942 16.5345 26.7882 16.5345 26.7882C16.9977 26.9821 17.5 26.9822 17.5 26.9822C18.0023 26.9822 18.4655 26.7882 18.4655 26.7882C18.9288 26.5942 19.2812 26.2363 19.2812 26.2363L26.2433 19.2744L26.25 19.2676L32.8661 25.8837C33.1005 26.1182 33.4185 26.2499 33.75 26.2499C34.0815 26.2499 34.3995 26.1182 34.6339 25.8837C34.8683 25.6493 35 25.3314 35 24.9999C35 24.6683 34.8683 24.3504 34.6339 24.116L28.0312 17.5134C27.6788 17.1555 27.2155 16.9616 27.2155 16.9616C26.7523 16.7676 26.25 16.7676 26.25 16.7676C25.7477 16.7676 25.2845 16.9616 25.2845 16.9616C24.8212 17.1555 24.4755 17.5066 24.4755 17.5066L17.5 24.4821L17.4933 24.4754L14.2812 21.2634C13.9288 20.9055 13.4655 20.7116 13.4655 20.7116C13.0023 20.5176 12.5 20.5176 12.5 20.5176C11.9977 20.5176 11.5345 20.7116 11.5345 20.7116C11.0712 20.9055 10.7255 21.2566 10.7255 21.2566L5.36659 26.6155Z' fill='%23999999'/%3E%3Cpath d='M17.5 14.375C17.5 15.4105 16.6605 16.25 15.625 16.25C14.5895 16.25 13.75 15.4105 13.75 14.375C13.75 13.3395 14.5895 12.5 15.625 12.5C16.6605 12.5 17.5 13.3395 17.5 14.375Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-price-plus {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.999 5.3335C17.999 4.22893 17.1036 3.3335 15.999 3.3335C14.8945 3.3335 13.999 4.22893 13.999 5.3335L13.999 14H5.33203C4.22746 14 3.33203 14.8954 3.33203 16C3.33203 17.1046 4.22746 18 5.33203 18H13.999L13.999 26.6668C13.999 27.7714 14.8945 28.6668 15.999 28.6668C17.1036 28.6668 17.999 27.7714 17.999 26.6668V18H26.6654C27.7699 18 28.6654 17.1046 28.6654 16C28.6654 14.8954 27.7699 14 26.6654 14H17.999V5.3335Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.999 5.3335C17.999 4.22893 17.1036 3.3335 15.999 3.3335C14.8945 3.3335 13.999 4.22893 13.999 5.3335L13.999 14H5.33203C4.22746 14 3.33203 14.8954 3.33203 16C3.33203 17.1046 4.22746 18 5.33203 18H13.999L13.999 26.6668C13.999 27.7714 14.8945 28.6668 15.999 28.6668C17.1036 28.6668 17.999 27.7714 17.999 26.6668V18H26.6654C27.7699 18 28.6654 17.1046 28.6654 16C28.6654 14.8954 27.7699 14 26.6654 14H17.999V5.3335Z' fill='black' fill-opacity='0.2'/%3E%3C/svg%3E%0A");
}

.icon-price-result {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.83203 12C3.83203 11.1716 4.5036 10.5 5.33203 10.5H26.6654C27.4938 10.5 28.1654 11.1716 28.1654 12C28.1654 12.8284 27.4938 13.5 26.6654 13.5H5.33203C4.5036 13.5 3.83203 12.8284 3.83203 12Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.83203 12C3.83203 11.1716 4.5036 10.5 5.33203 10.5H26.6654C27.4938 10.5 28.1654 11.1716 28.1654 12C28.1654 12.8284 27.4938 13.5 26.6654 13.5H5.33203C4.5036 13.5 3.83203 12.8284 3.83203 12Z' fill='black' fill-opacity='0.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.83203 20C3.83203 19.1716 4.5036 18.5 5.33203 18.5H26.6654C27.4938 18.5 28.1654 19.1716 28.1654 20C28.1654 20.8284 27.4938 21.5 26.6654 21.5H5.33203C4.5036 21.5 3.83203 20.8284 3.83203 20Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.83203 20C3.83203 19.1716 4.5036 18.5 5.33203 18.5H26.6654C27.4938 18.5 28.1654 19.1716 28.1654 20C28.1654 20.8284 27.4938 21.5 26.6654 21.5H5.33203C4.5036 21.5 3.83203 20.8284 3.83203 20Z' fill='black' fill-opacity='0.2'/%3E%3C/svg%3E%0A");
}

.icon-more-plus {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.87506 4.3335C9.87506 3.85025 9.48331 3.4585 9.00006 3.4585C8.51681 3.4585 8.12506 3.85025 8.12506 4.3335L8.12506 8.12509H4.33325C3.85 8.12509 3.45825 8.51684 3.45825 9.00009C3.45825 9.48334 3.85 9.87509 4.33325 9.87509H8.12506L8.12506 13.6668C8.12506 14.1501 8.51681 14.5418 9.00006 14.5418C9.48331 14.5418 9.87506 14.1501 9.87506 13.6668L9.87506 9.87509H13.6666C14.1498 9.87509 14.5416 9.48334 14.5416 9.00009C14.5416 8.51684 14.1498 8.12509 13.6666 8.12509H9.87506L9.87506 4.3335Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-chart {
  width: 17px;
  height: 21px;
  background-image: url("../images/order-search-01.svg");
}

.icon-btn-del {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15L5 5' stroke='%23999999' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M5 15L15 5' stroke='%23999999' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-simulation-step {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%2314907F'/%3E%3Cmask id='path-2-inside-1_3126_13911' fill='white'%3E%3Cpath d='M18.8856 18.2061L21.4767 21.3755C22.6252 22.7799 22.4015 24.8346 20.9757 25.966C19.5499 27.0973 17.464 26.8769 16.3155 25.4724L13.6377 22.1975'/%3E%3C/mask%3E%3Cpath d='M18.8856 18.2061L21.4767 21.3755C22.6252 22.7799 22.4015 24.8346 20.9757 25.966C19.5499 27.0973 17.464 26.8769 16.3155 25.4724L13.6377 22.1975' fill='white'/%3E%3Cpath d='M21.4767 21.3755L20.7025 22.0084L20.7026 22.0085L21.4767 21.3755ZM16.3155 25.4724L15.5413 26.1054L15.5413 26.1055L16.3155 25.4724ZM18.1114 18.839L20.7025 22.0084L22.2509 20.7425L19.6598 17.5731L18.1114 18.839ZM20.7026 22.0085C21.4962 22.979 21.3448 24.3965 20.3541 25.1826L21.5973 26.7493C23.4582 25.2727 23.7542 22.5808 22.2508 20.7424L20.7026 22.0085ZM20.3541 25.1826C19.3537 25.9764 17.8899 25.8181 17.0896 24.8394L15.5413 26.1055C17.038 27.9357 19.7461 28.2182 21.5973 26.7493L20.3541 25.1826ZM17.0896 24.8395L14.4119 21.5645L12.8635 22.8305L15.5413 26.1054L17.0896 24.8395Z' fill='white' mask='url(%23path-2-inside-1_3126_13911)'/%3E%3Cpath d='M17.4224 17.6063L13.3749 20.6772L11.3145 18.1717C11.3143 18.1714 11.3141 18.1712 11.3139 18.1709C10.4322 17.092 10.6019 15.5157 11.7011 14.6435C12.8078 13.7654 14.427 13.9391 15.3144 15.024C15.3145 15.0241 15.3145 15.0242 15.3146 15.0242L17.4224 17.6063Z' fill='white' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M23.1346 25.1378C23.493 24.3775 23.6942 23.3135 23.1585 22.0772C23.161 22.0615 23.1637 22.0444 23.1667 22.0261C23.1869 21.9031 23.2205 21.7224 23.2731 21.4987C23.3785 21.0504 23.5592 20.4342 23.859 19.7658C24.4601 18.4259 25.5227 16.9122 27.3857 16.0829L27.0378 15.1475L27.1824 15.6262C27.0378 15.1475 27.0376 15.1476 27.0375 15.1476L27.0371 15.1477L27.0361 15.148L27.0328 15.1491L27.0214 15.1526L26.9801 15.1656C26.9445 15.1769 26.8933 15.1936 26.8282 15.2156C26.6979 15.2595 26.512 15.3249 26.285 15.4116C25.8318 15.5849 25.2115 15.845 24.5437 16.1925C23.4193 16.7776 22.0936 17.6439 21.2383 18.8121L20.3185 17.6899C20.4438 17.5885 20.5999 17.4662 20.7836 17.3294C21.3195 16.9304 22.0874 16.4116 23.014 15.9323C24.796 15.0107 27.1057 14.2655 29.4666 14.7245C29.4683 14.7392 29.4701 14.7545 29.4718 14.7702C29.499 15.0156 29.5278 15.3725 29.5331 15.8095C29.5436 16.6855 29.4591 17.8725 29.0836 19.1266C28.4192 21.3454 26.8369 23.812 23.1346 25.1378Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
}

.icon-ai-mix {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 7.5C10 7.5 11.0355 7.5 11.7678 8.23223C11.7678 8.23223 12.5 8.96447 12.5 10C12.5 10 12.5 11.0355 11.7678 11.7678C11.7678 11.7678 11.0355 12.5 10 12.5C10 12.5 8.96447 12.5 8.23223 11.7678C8.23223 11.7678 7.5 11.0355 7.5 10C7.5 10 7.5 8.96447 8.23223 8.23223C8.23223 8.23223 8.96447 7.5 10 7.5ZM10 8.75C10 8.75 9.48223 8.75 9.11612 9.11612C9.11612 9.11612 8.75 9.48223 8.75 10C8.75 10 8.75 10.5178 9.11612 10.8839C9.11612 10.8839 9.48223 11.25 10 11.25C10 11.25 10.5178 11.25 10.8839 10.8839C10.8839 10.8839 11.25 10.5178 11.25 10C11.25 10 11.25 9.48223 10.8839 9.11612C10.8839 9.11612 10.5178 8.75 10 8.75Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 1.875C7.5 1.875 8.53553 1.875 9.26777 2.60723C9.26777 2.60723 10 3.33947 10 4.375C10 4.375 10 5.41053 9.26777 6.14277C9.26777 6.14277 8.53553 6.875 7.5 6.875C7.5 6.875 6.46447 6.875 5.73223 6.14277C5.73223 6.14277 5 5.41053 5 4.375C5 4.375 5 3.33947 5.73223 2.60723C5.73223 2.60723 6.46447 1.875 7.5 1.875ZM7.5 3.125C7.5 3.125 6.98223 3.125 6.61612 3.49112C6.61612 3.49112 6.25 3.85723 6.25 4.375C6.25 4.375 6.25 4.89277 6.61612 5.25888C6.61612 5.25888 6.98223 5.625 7.5 5.625C7.5 5.625 8.01777 5.625 8.38388 5.25888C8.38388 5.25888 8.75 4.89277 8.75 4.375C8.75 4.375 8.75 3.85723 8.38388 3.49112C8.38388 3.49112 8.01777 3.125 7.5 3.125Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.625 5.625C15.625 5.625 16.6605 5.625 17.3928 6.35723C17.3928 6.35723 18.125 7.08947 18.125 8.125C18.125 8.125 18.125 9.16053 17.3928 9.89277C17.3928 9.89277 16.6605 10.625 15.625 10.625C15.625 10.625 14.5895 10.625 13.8572 9.89277C13.8572 9.89277 13.125 9.16053 13.125 8.125C13.125 8.125 13.125 7.08947 13.8572 6.35723C13.8572 6.35723 14.5895 5.625 15.625 5.625ZM15.625 6.875C15.625 6.875 15.1072 6.875 14.7411 7.24112C14.7411 7.24112 14.375 7.60723 14.375 8.125C14.375 8.125 14.375 8.64277 14.7411 9.00888C14.7411 9.00888 15.1072 9.375 15.625 9.375C15.625 9.375 16.1428 9.375 16.5089 9.00888C16.5089 9.00888 16.875 8.64277 16.875 8.125C16.875 8.125 16.875 7.60723 16.5089 7.24112C16.5089 7.24112 16.1428 6.875 15.625 6.875Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.625 11.875C15.625 11.875 16.6605 11.875 17.3928 12.6072C17.3928 12.6072 18.125 13.3395 18.125 14.375C18.125 14.375 18.125 15.4105 17.3928 16.1428C17.3928 16.1428 16.6605 16.875 15.625 16.875C15.625 16.875 14.5895 16.875 13.8572 16.1428C13.8572 16.1428 13.125 15.4105 13.125 14.375C13.125 14.375 13.125 13.3395 13.8572 12.6072C13.8572 12.6072 14.5895 11.875 15.625 11.875ZM15.625 13.125C15.625 13.125 15.1072 13.125 14.7411 13.4911C14.7411 13.4911 14.375 13.8572 14.375 14.375C14.375 14.375 14.375 14.8928 14.7411 15.2589C14.7411 15.2589 15.1072 15.625 15.625 15.625C15.625 15.625 16.1428 15.625 16.5089 15.2589C16.5089 15.2589 16.875 14.8928 16.875 14.375C16.875 14.375 16.875 13.8572 16.5089 13.4911C16.5089 13.4911 16.1428 13.125 15.625 13.125Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.375 12.5C4.375 12.5 5.41053 12.5 6.14277 13.2322C6.14277 13.2322 6.875 13.9645 6.875 15C6.875 15 6.875 16.0355 6.14277 16.7678C6.14277 16.7678 5.41053 17.5 4.375 17.5C4.375 17.5 3.33947 17.5 2.60723 16.7678C2.60723 16.7678 1.875 16.0355 1.875 15C1.875 15 1.875 13.9645 2.60723 13.2322C2.60723 13.2322 3.33947 12.5 4.375 12.5ZM4.375 13.75C4.375 13.75 3.85723 13.75 3.49112 14.1161C3.49112 14.1161 3.125 14.4822 3.125 15C3.125 15 3.125 15.5178 3.49112 15.8839C3.49112 15.8839 3.85723 16.25 4.375 16.25C4.375 16.25 4.89277 16.25 5.25888 15.8839C5.25888 15.8839 5.625 15.5178 5.625 15C5.625 15 5.625 14.4822 5.25888 14.1161C5.25888 14.1161 4.89277 13.75 4.375 13.75Z' fill='%23999999'/%3E%3Cpath d='M9.81282 8.03413L8.82844 5.83101C8.72787 5.60591 8.50436 5.46097 8.25781 5.46097C8.2488 5.46097 8.2398 5.46116 8.2308 5.46155C8.1521 5.46496 8.07476 5.48321 8.00285 5.51534C7.77775 5.61591 7.63281 5.83942 7.63281 6.08597C7.63281 6.09498 7.63301 6.10398 7.6334 6.11298C7.6368 6.19168 7.65505 6.26902 7.68718 6.34093L8.67156 8.54405C8.73918 8.6954 8.86415 8.81368 9.01898 8.87288C9.09024 8.90012 9.16589 8.91409 9.24219 8.91409L9.25937 8.91386C9.34142 8.9116 9.42221 8.89321 9.49715 8.85972C9.72225 8.75915 9.86719 8.53564 9.86719 8.28909C9.86719 8.28009 9.86699 8.27108 9.8666 8.26208C9.8632 8.18338 9.84495 8.10604 9.81282 8.03413Z' fill='%23999999'/%3E%3Cpath d='M13.6461 8.12579L11.5836 8.81329C11.3284 8.89836 11.1562 9.1372 11.1562 9.40622L11.1564 9.41788C11.1575 9.48114 11.1683 9.54384 11.1883 9.60386C11.2734 9.85908 11.5122 10.0312 11.7812 10.0312L11.7929 10.0311C11.8562 10.0299 11.9189 10.0192 11.9789 9.99915L14.0414 9.31165C14.2966 9.22657 14.4687 8.98774 14.4688 8.71872L14.4686 8.70706C14.4675 8.6438 14.4567 8.5811 14.4367 8.52108C14.3516 8.26586 14.1128 8.09372 13.8438 8.09372L13.8321 8.09383C13.7688 8.09501 13.7061 8.10579 13.6461 8.12579Z' fill='%23999999'/%3E%3Cpath d='M11.8604 10.6551L14.5322 12.7332C14.663 12.8349 14.7481 12.9845 14.7686 13.149C14.7717 13.174 14.7733 13.1991 14.7734 13.2243L14.7734 13.2265C14.7734 13.3655 14.7271 13.5005 14.6418 13.6102C14.5262 13.7588 14.3497 13.8474 14.1615 13.8514L14.1484 13.8515C14.0095 13.8515 13.8744 13.8052 13.7647 13.7198L11.093 11.6418C10.9406 11.5233 10.8516 11.3412 10.8516 11.1484C10.8516 11.0269 10.887 10.908 10.9534 10.8064C10.9628 10.7921 10.9727 10.7782 10.9832 10.7647C11.1016 10.6124 11.2837 10.5234 11.4766 10.5234C11.598 10.5234 11.7169 10.5588 11.8186 10.6253C11.8329 10.6346 11.8468 10.6445 11.8604 10.6551Z' fill='%23999999'/%3E%3Cpath d='M8.18606 10.7753L5.35805 13.2909C5.22472 13.4095 5.14844 13.5794 5.14844 13.7578C5.14844 13.7672 5.14865 13.7766 5.14907 13.786C5.15553 13.9293 5.2111 14.066 5.30645 14.1732C5.41662 14.2971 5.57147 14.3721 5.73695 14.3818C5.7491 14.3825 5.76127 14.3828 5.77344 14.3828C5.78138 14.3828 5.78931 14.3827 5.79725 14.3824C5.94209 14.3769 6.08052 14.3212 6.18883 14.2248L9.01695 11.7092C9.1408 11.599 9.21582 11.4442 9.2255 11.2787C9.22621 11.2666 9.22656 11.2544 9.22656 11.2422C9.22656 11.2343 9.22641 11.2263 9.22611 11.2184C9.22059 11.0736 9.16489 10.9351 9.06855 10.8268C8.94995 10.6935 8.78001 10.6172 8.60156 10.6172C8.59218 10.6172 8.58279 10.6174 8.57342 10.6179C8.4301 10.6243 8.29337 10.6799 8.18606 10.7753Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-antioxidant {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-antioxidant.svg");
}

.icon-beauty {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-beauty.svg");
}

.icon-blood-circulation {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-blood-circulation.svg");
}

.icon-blood-sugar {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-blood-sugar.svg");
}

.icon-blood-vessel {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-blood-vessel.svg");
}

.icon-born {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-born.svg");
}

.icon-cartilage {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-cartilage.svg");
}

.icon-cholesterol {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-cholesterol.svg");
}

.icon-colon {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-colon.svg");
}

.icon-diet {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-diet.svg");
}

.icon-eyes {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-eyes.svg");
}

.icon-immunity {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-immunity.svg");
}

.icon-liver {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-liver.svg");
}

.icon-man {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-man.svg");
}

.icon-memory {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-memory.svg");
}

.icon-muscle {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-muscle.svg");
}

.icon-nutrition {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-nutrition.svg");
}

.icon-prostate {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-prostate.svg");
}

.icon-skin {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-skin.svg");
}

.icon-sleep {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-sleep.svg");
}

.icon-stress {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-stress.svg");
}

.icon-dog-nutrition {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-dog-nutrition.svg");
}

.icon-fatigue {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-fatigue.svg");
}

.icon-female-menopause {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-female-menopause.svg");
}

.icon-male-menopause {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-male-menopause.svg");
}

.icon-hair-loss {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-hair-loss.svg");
}

.icon-reduced-blood-pressure {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-reduced-blood-pressure.svg");
}

.icon-medal {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0.500977C8 0.500977 9.11864 0.500977 10.141 0.933399C10.141 0.933399 11.1281 1.35091 11.8891 2.11189C11.8891 2.11189 12.6501 2.87287 13.0676 3.85997C13.0676 3.85997 13.5 4.88234 13.5 6.00098C13.5 6.00098 13.5 7.11962 13.0676 8.14198C13.0676 8.14198 12.6501 9.12908 11.8891 9.89006C11.8891 9.89006 11.1281 10.651 10.141 11.0686C10.141 11.0686 9.11864 11.501 8 11.501C8 11.501 6.88136 11.501 5.859 11.0686C5.859 11.0686 4.87189 10.651 4.11091 9.89006C4.11091 9.89006 3.34993 9.12908 2.93242 8.14198C2.93242 8.14198 2.5 7.11962 2.5 6.00098C2.5 6.00098 2.5 4.88234 2.93242 3.85997C2.93242 3.85997 3.34993 2.87287 4.11091 2.11189C4.11091 2.11189 4.87189 1.35091 5.859 0.9334C5.859 0.9334 6.88136 0.500977 8 0.500977ZM8 1.50098C8 1.50098 7.08415 1.50098 6.24855 1.8544C6.24855 1.8544 5.44108 2.19594 4.81802 2.819C4.81802 2.819 4.19496 3.44206 3.85343 4.24953C3.85343 4.24953 3.5 5.08512 3.5 6.00098C3.5 6.00098 3.5 6.91683 3.85343 7.75243C3.85343 7.75243 4.19496 8.5599 4.81802 9.18296C4.81802 9.18296 5.44108 9.80602 6.24855 10.1475C6.24855 10.1475 7.08415 10.501 8 10.501C8 10.501 8.91585 10.501 9.75145 10.1475C9.75145 10.1475 10.5589 9.80602 11.182 9.18296C11.182 9.18296 11.805 8.55989 12.1466 7.75243C12.1466 7.75243 12.5 6.91683 12.5 6.00098C12.5 6.00098 12.5 5.08513 12.1466 4.24953C12.1466 4.24953 11.805 3.44206 11.182 2.819C11.182 2.819 10.5589 2.19593 9.75145 1.8544C9.75145 1.8544 8.91585 1.50098 8 1.50098Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2.50098C8 2.50098 9.44975 2.50098 10.4749 3.5261C10.4749 3.5261 11.5 4.55123 11.5 6.00098C11.5 6.00098 11.5 7.45072 10.4749 8.47585C10.4749 8.47585 9.44975 9.50098 8 9.50098C8 9.50098 6.55025 9.50098 5.52513 8.47585C5.52513 8.47585 4.5 7.45072 4.5 6.00098C4.5 6.00098 4.5 4.55123 5.52513 3.5261C5.52513 3.5261 6.55025 2.50098 8 2.50098ZM8 3.50098C8 3.50098 6.96447 3.50098 6.23223 4.23321C6.23223 4.23321 5.5 4.96544 5.5 6.00098C5.5 6.00098 5.5 7.03651 6.23223 7.76874C6.23223 7.76874 6.96447 8.50098 8 8.50098C8 8.50098 9.03553 8.50098 9.76777 7.76874C9.76777 7.76874 10.5 7.03651 10.5 6.00098C10.5 6.00098 10.5 4.96544 9.76777 4.23321C9.76777 4.23321 9.03553 3.50098 8 3.50098Z' fill='%2314907F'/%3E%3Cpath d='M5.5 14.192V10.001C5.5 9.72483 5.27614 9.50098 5 9.50098C4.72386 9.50098 4.5 9.72483 4.5 10.001V15.001C4.5 15.2771 4.72386 15.501 5 15.501C5.07762 15.501 5.15418 15.4829 5.22361 15.4482L8 14.06L10.7764 15.4482C11.0234 15.5717 11.3237 15.4716 11.4472 15.2246C11.4819 15.1552 11.5 15.0786 11.5 15.001V10.001C11.5 9.72483 11.2761 9.50098 11 9.50098C10.7239 9.50098 10.5 9.72483 10.5 10.001V14.192L8.22361 13.0538C8.08284 12.9834 7.91716 12.9834 7.77639 13.0538L5.5 14.192Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-price-top {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='1.97059' stroke='%23EEEEEE'/%3E%3Cpath d='M5.75 10.625L9 7.375L12.25 10.625' stroke='%23999999' stroke-width='0.926471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-price-bottom {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='17.5' y='17.5' width='17' height='17' rx='1.97059' transform='rotate(-180 17.5 17.5)' stroke='%23EEEEEE'/%3E%3Cpath d='M12.25 7.375L9 10.625L5.75 7.375' stroke='%23999999' stroke-width='0.926471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-chatbot {
  width: 29px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_3520_24032' maskUnits='userSpaceOnUse' x='-0.25708' y='3.6665' width='29' height='21' fill='black'%3E%3Crect fill='white' x='-0.25708' y='3.6665' width='29' height='21'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.09622 11.2098C6.04268 7.81 9.1409 5.66014 12.8703 5.66014H16.1015C19.8895 5.66014 23.0254 7.84987 23.9159 11.3669C23.9399 11.4617 23.9897 11.5432 24.0558 11.6057V19.3132C23.9261 20.122 23.6216 20.8282 23.1769 21.3681C22.581 22.0917 21.7126 22.5446 20.5861 22.5446C20.0795 22.5446 19.5964 22.4526 19.1504 22.2838C19.1068 22.2673 19.0624 22.2574 19.0182 22.2534C18.9587 22.2372 18.896 22.2285 18.8312 22.2285H16.0727C15.6821 22.2285 15.3615 22.5503 15.3615 22.9423C15.3615 23.3343 15.6821 23.6561 16.0727 23.6561H18.8312C19.0545 23.6561 19.2528 23.5544 19.3829 23.3942C19.7691 23.4885 20.172 23.5382 20.5861 23.5382C22.0084 23.5382 23.1585 22.9534 23.9439 21.9998C24.4165 21.4259 24.7491 20.729 24.9373 19.9627C26.8985 19.7689 28.4287 18.1096 28.4287 16.0973V14.7399C28.4287 12.68 26.8313 10.9918 24.8082 10.8598C23.704 6.99979 20.1885 4.6665 16.1015 4.6665H12.8703C8.77002 4.6665 5.25474 7.04171 4.15698 10.8788C2.23271 11.108 0.74292 12.7506 0.74292 14.7399V16.0973C0.74292 18.2395 2.4769 19.9816 4.61899 19.9816C4.89337 19.9816 5.11581 19.7591 5.11581 19.4847V11.3483C5.11581 11.3002 5.10897 11.2537 5.09622 11.2098ZM4.03737 11.9041C4.05993 11.9463 4.08849 11.9851 4.12217 12.0192V18.9451C2.76782 18.7088 1.73656 17.5233 1.73656 16.0973V14.7399C1.73656 13.3398 2.72525 12.1742 4.03737 11.9041ZM25.1199 18.4079C25.1199 18.5856 25.1132 18.7618 25.0999 18.9358C26.4293 18.6792 27.4351 17.5056 27.4351 16.0973V14.7399C27.4351 13.3098 26.4035 12.1243 25.0494 11.888V18.1528C25.0942 18.2273 25.1199 18.3146 25.1199 18.4079ZM6.15741 14.1125C6.15741 10.2234 9.23332 7.04709 13.0592 7.04709H16.1137C19.9352 7.04709 23.0154 10.2232 23.0154 14.1125V19.1026C23.0181 19.1236 23.0195 19.145 23.0195 19.1668C23.0195 19.4412 22.7971 19.6636 22.5227 19.6636H6.65423C6.37985 19.6636 6.15741 19.4412 6.15741 19.1668V14.1125ZM22.0218 18.67H7.15105V14.1125C7.15105 10.7481 9.80589 8.04073 13.0592 8.04073H16.1137C19.3631 8.04073 22.0218 10.7483 22.0218 14.1125V18.67ZM10.999 11.9066C10.6831 11.9066 10.4269 12.1611 10.4269 12.4825C10.4269 12.804 10.6831 13.0585 10.999 13.0585C11.3174 13.0585 11.5751 12.8015 11.5751 12.4825C11.5751 12.1664 11.3161 11.9066 10.999 11.9066ZM9.43331 12.4825C9.43331 11.6157 10.1309 10.913 10.999 10.913C11.8658 10.913 12.5688 11.6186 12.5688 12.4825C12.5688 13.3518 11.8646 14.0521 10.999 14.0521C10.1309 14.0521 9.43331 13.3494 9.43331 12.4825ZM17.3294 12.4825C17.3294 12.1611 17.5855 11.9066 17.9014 11.9066C18.2185 11.9066 18.4776 12.1664 18.4776 12.4825C18.4776 12.8015 18.2198 13.0585 17.9014 13.0585C17.5855 13.0585 17.3294 12.804 17.3294 12.4825ZM17.9014 10.913C17.0333 10.913 16.3357 11.6157 16.3357 12.4825C16.3357 13.3494 17.0333 14.0521 17.9014 14.0521C18.767 14.0521 19.4712 13.3518 19.4712 12.4825C19.4712 11.6186 18.7682 10.913 17.9014 10.913ZM11.9239 15.002C12.1983 15.002 12.4207 15.2244 12.4207 15.4988C12.4207 15.6405 12.5312 15.875 12.9451 16.1028C13.3412 16.3209 13.9215 16.4709 14.5878 16.4709C15.2541 16.4709 15.8332 16.3209 16.2281 16.103C16.6403 15.8756 16.7508 15.6413 16.7508 15.4988C16.7508 15.2244 16.9732 15.002 17.2476 15.002C17.522 15.002 17.7444 15.2244 17.7444 15.4988C17.7444 16.1692 17.2588 16.6693 16.708 16.9731C16.1399 17.2865 15.3892 17.4645 14.5878 17.4645C13.7864 17.4645 13.0348 17.2865 12.4659 16.9733C11.9147 16.6699 11.4271 16.1699 11.4271 15.4988C11.4271 15.2244 11.6495 15.002 11.9239 15.002Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.09622 11.2098C6.04268 7.81 9.1409 5.66014 12.8703 5.66014H16.1015C19.8895 5.66014 23.0254 7.84987 23.9159 11.3669C23.9399 11.4617 23.9897 11.5432 24.0558 11.6057V19.3132C23.9261 20.122 23.6216 20.8282 23.1769 21.3681C22.581 22.0917 21.7126 22.5446 20.5861 22.5446C20.0795 22.5446 19.5964 22.4526 19.1504 22.2838C19.1068 22.2673 19.0624 22.2574 19.0182 22.2534C18.9587 22.2372 18.896 22.2285 18.8312 22.2285H16.0727C15.6821 22.2285 15.3615 22.5503 15.3615 22.9423C15.3615 23.3343 15.6821 23.6561 16.0727 23.6561H18.8312C19.0545 23.6561 19.2528 23.5544 19.3829 23.3942C19.7691 23.4885 20.172 23.5382 20.5861 23.5382C22.0084 23.5382 23.1585 22.9534 23.9439 21.9998C24.4165 21.4259 24.7491 20.729 24.9373 19.9627C26.8985 19.7689 28.4287 18.1096 28.4287 16.0973V14.7399C28.4287 12.68 26.8313 10.9918 24.8082 10.8598C23.704 6.99979 20.1885 4.6665 16.1015 4.6665H12.8703C8.77002 4.6665 5.25474 7.04171 4.15698 10.8788C2.23271 11.108 0.74292 12.7506 0.74292 14.7399V16.0973C0.74292 18.2395 2.4769 19.9816 4.61899 19.9816C4.89337 19.9816 5.11581 19.7591 5.11581 19.4847V11.3483C5.11581 11.3002 5.10897 11.2537 5.09622 11.2098ZM4.03737 11.9041C4.05993 11.9463 4.08849 11.9851 4.12217 12.0192V18.9451C2.76782 18.7088 1.73656 17.5233 1.73656 16.0973V14.7399C1.73656 13.3398 2.72525 12.1742 4.03737 11.9041ZM25.1199 18.4079C25.1199 18.5856 25.1132 18.7618 25.0999 18.9358C26.4293 18.6792 27.4351 17.5056 27.4351 16.0973V14.7399C27.4351 13.3098 26.4035 12.1243 25.0494 11.888V18.1528C25.0942 18.2273 25.1199 18.3146 25.1199 18.4079ZM6.15741 14.1125C6.15741 10.2234 9.23332 7.04709 13.0592 7.04709H16.1137C19.9352 7.04709 23.0154 10.2232 23.0154 14.1125V19.1026C23.0181 19.1236 23.0195 19.145 23.0195 19.1668C23.0195 19.4412 22.7971 19.6636 22.5227 19.6636H6.65423C6.37985 19.6636 6.15741 19.4412 6.15741 19.1668V14.1125ZM22.0218 18.67H7.15105V14.1125C7.15105 10.7481 9.80589 8.04073 13.0592 8.04073H16.1137C19.3631 8.04073 22.0218 10.7483 22.0218 14.1125V18.67ZM10.999 11.9066C10.6831 11.9066 10.4269 12.1611 10.4269 12.4825C10.4269 12.804 10.6831 13.0585 10.999 13.0585C11.3174 13.0585 11.5751 12.8015 11.5751 12.4825C11.5751 12.1664 11.3161 11.9066 10.999 11.9066ZM9.43331 12.4825C9.43331 11.6157 10.1309 10.913 10.999 10.913C11.8658 10.913 12.5688 11.6186 12.5688 12.4825C12.5688 13.3518 11.8646 14.0521 10.999 14.0521C10.1309 14.0521 9.43331 13.3494 9.43331 12.4825ZM17.3294 12.4825C17.3294 12.1611 17.5855 11.9066 17.9014 11.9066C18.2185 11.9066 18.4776 12.1664 18.4776 12.4825C18.4776 12.8015 18.2198 13.0585 17.9014 13.0585C17.5855 13.0585 17.3294 12.804 17.3294 12.4825ZM17.9014 10.913C17.0333 10.913 16.3357 11.6157 16.3357 12.4825C16.3357 13.3494 17.0333 14.0521 17.9014 14.0521C18.767 14.0521 19.4712 13.3518 19.4712 12.4825C19.4712 11.6186 18.7682 10.913 17.9014 10.913ZM11.9239 15.002C12.1983 15.002 12.4207 15.2244 12.4207 15.4988C12.4207 15.6405 12.5312 15.875 12.9451 16.1028C13.3412 16.3209 13.9215 16.4709 14.5878 16.4709C15.2541 16.4709 15.8332 16.3209 16.2281 16.103C16.6403 15.8756 16.7508 15.6413 16.7508 15.4988C16.7508 15.2244 16.9732 15.002 17.2476 15.002C17.522 15.002 17.7444 15.2244 17.7444 15.4988C17.7444 16.1692 17.2588 16.6693 16.708 16.9731C16.1399 17.2865 15.3892 17.4645 14.5878 17.4645C13.7864 17.4645 13.0348 17.2865 12.4659 16.9733C11.9147 16.6699 11.4271 16.1699 11.4271 15.4988C11.4271 15.2244 11.6495 15.002 11.9239 15.002Z' fill='white'/%3E%3Cpath d='M5.09622 11.2098L5.04806 11.1963C5.04556 11.2053 5.04561 11.2148 5.0482 11.2237L5.09622 11.2098ZM23.9159 11.3669L23.9644 11.3547L23.9159 11.3669ZM24.0558 11.6057H24.1058C24.1058 11.592 24.1002 11.5789 24.0902 11.5694L24.0558 11.6057ZM24.0558 19.3132L24.1058 19.3212V19.3132H24.0558ZM23.1769 21.3681L23.1383 21.3363L23.1769 21.3681ZM19.1504 22.2838L19.1681 22.237H19.1681L19.1504 22.2838ZM19.0182 22.2534L19.0048 22.3024L19.0138 22.3032L19.0182 22.2534ZM19.3829 23.3942L19.3948 23.3457C19.376 23.3411 19.3563 23.3477 19.3441 23.3627L19.3829 23.3942ZM23.9439 21.9998L23.9053 21.968L23.9439 21.9998ZM24.9373 19.9627L24.9324 19.9129C24.9113 19.915 24.8938 19.9302 24.8887 19.9507L24.9373 19.9627ZM24.8082 10.8598L24.7601 10.8736C24.7659 10.8939 24.7839 10.9083 24.8049 10.9097L24.8082 10.8598ZM4.15698 10.8788L4.16289 10.9285C4.18289 10.9261 4.19951 10.9119 4.20505 10.8926L4.15698 10.8788ZM4.12217 12.0192H4.17217C4.17217 12.0061 4.16699 11.9935 4.15776 11.9841L4.12217 12.0192ZM4.03737 11.9041L4.08145 11.8805C4.07101 11.861 4.04897 11.8507 4.02729 11.8551L4.03737 11.9041ZM4.12217 18.9451L4.11357 18.9943C4.12812 18.9969 4.14304 18.9929 4.15434 18.9834C4.16564 18.9739 4.17217 18.9598 4.17217 18.9451H4.12217ZM25.0999 18.9358L25.05 18.932C25.0488 18.9475 25.0549 18.9628 25.0666 18.9731C25.0782 18.9835 25.094 18.9879 25.1093 18.9849L25.0999 18.9358ZM25.0494 11.888L25.058 11.8387C25.0435 11.8362 25.0286 11.8402 25.0173 11.8497C25.006 11.8592 24.9994 11.8732 24.9994 11.888H25.0494ZM25.0494 18.1528H24.9994C24.9994 18.1618 25.0019 18.1707 25.0066 18.1785L25.0494 18.1528ZM23.0154 19.1026H22.965L22.9658 19.109L23.0154 19.1026ZM7.15105 18.67H7.10105C7.10105 18.6976 7.12343 18.72 7.15105 18.72V18.67ZM22.0218 18.67V18.72C22.0494 18.72 22.0718 18.6976 22.0718 18.67H22.0218ZM12.9451 16.1028L12.9209 16.1466L12.9451 16.1028ZM16.2281 16.103L16.204 16.0593L16.2281 16.103ZM16.708 16.9731L16.6839 16.9293L16.708 16.9731ZM12.4659 16.9733L12.4418 17.0171L12.4659 16.9733ZM12.8703 5.61014C9.12131 5.61014 6.00127 7.77233 5.04806 11.1963L5.14439 11.2232C6.08409 7.84768 9.16048 5.71014 12.8703 5.71014V5.61014ZM16.1015 5.61014H12.8703V5.71014H16.1015V5.61014ZM23.9644 11.3547C23.0675 7.81248 19.9093 5.61014 16.1015 5.61014V5.71014C19.8698 5.71014 22.9833 7.88725 23.8674 11.3792L23.9644 11.3547ZM24.0902 11.5694C24.0307 11.5132 23.986 11.44 23.9644 11.3547L23.8674 11.3792C23.8938 11.4835 23.9486 11.5732 24.0215 11.6421L24.0902 11.5694ZM24.1058 19.3132V11.6057H24.0058V19.3132H24.1058ZM23.2155 21.3999C23.6666 20.8521 23.9743 20.1373 24.1052 19.3211L24.0064 19.3053C23.8779 20.1066 23.5765 20.8042 23.1383 21.3363L23.2155 21.3999ZM20.5861 22.5946C21.7275 22.5946 22.61 22.1351 23.2155 21.3999L23.1383 21.3363C22.5519 22.0483 21.6977 22.4946 20.5861 22.4946V22.5946ZM19.1327 22.3306C19.5843 22.5014 20.0734 22.5946 20.5861 22.5946V22.4946C20.0856 22.4946 19.6085 22.4037 19.1681 22.237L19.1327 22.3306ZM19.0138 22.3032C19.0535 22.3068 19.0935 22.3157 19.1327 22.3306L19.1681 22.237C19.1202 22.2189 19.0713 22.208 19.0226 22.2036L19.0138 22.3032ZM18.8312 22.2785C18.8915 22.2785 18.9498 22.2866 19.0051 22.3017L19.0314 22.2052C18.9676 22.1878 18.9005 22.1785 18.8312 22.1785V22.2785ZM16.0727 22.2785H18.8312V22.1785H16.0727V22.2785ZM15.4115 22.9423C15.4115 22.5778 15.7099 22.2785 16.0727 22.2785V22.1785C15.6544 22.1785 15.3115 22.5229 15.3115 22.9423H15.4115ZM16.0727 23.6061C15.7099 23.6061 15.4115 23.3068 15.4115 22.9423H15.3115C15.3115 23.3617 15.6544 23.7061 16.0727 23.7061V23.6061ZM18.8312 23.6061H16.0727V23.7061H18.8312V23.6061ZM19.3441 23.3627C19.2232 23.5116 19.0389 23.6061 18.8312 23.6061V23.7061C19.0701 23.7061 19.2825 23.5972 19.4217 23.4258L19.3441 23.3627ZM20.5861 23.4882C20.176 23.4882 19.7771 23.439 19.3948 23.3457L19.3711 23.4428C19.7611 23.538 20.1679 23.5882 20.5861 23.5882V23.4882ZM23.9053 21.968C23.1295 22.91 21.9935 23.4882 20.5861 23.4882V23.5882C22.0233 23.5882 23.1876 22.9968 23.9825 22.0316L23.9053 21.968ZM24.8887 19.9507C24.7021 20.7107 24.3726 21.4006 23.9053 21.968L23.9825 22.0316C24.4604 21.4512 24.7961 20.7473 24.9859 19.9746L24.8887 19.9507ZM28.3787 16.0973C28.3787 18.0838 26.8682 19.7217 24.9324 19.9129L24.9422 20.0124C26.9289 19.8162 28.4787 18.1355 28.4787 16.0973H28.3787ZM28.3787 14.7399V16.0973H28.4787V14.7399H28.3787ZM24.8049 10.9097C26.8018 11.04 28.3787 12.7064 28.3787 14.7399H28.4787C28.4787 12.6536 26.8608 10.9437 24.8114 10.8099L24.8049 10.9097ZM16.1015 4.7165C20.1694 4.7165 23.6629 7.03789 24.7601 10.8736L24.8563 10.8461C23.7451 6.96168 20.2077 4.6165 16.1015 4.6165V4.7165ZM12.8703 4.7165H16.1015V4.6165H12.8703V4.7165ZM4.20505 10.8926C5.29591 7.07958 8.78945 4.7165 12.8703 4.7165V4.6165C8.75059 4.6165 5.21357 7.00385 4.10891 10.8651L4.20505 10.8926ZM0.79292 14.7399C0.79292 12.7761 2.26362 11.1546 4.16289 10.9285L4.15106 10.8292C2.2018 11.0613 0.69292 12.7251 0.69292 14.7399H0.79292ZM0.79292 16.0973V14.7399H0.69292V16.0973H0.79292ZM4.61899 19.9316C2.50465 19.9316 0.79292 18.212 0.79292 16.0973H0.69292C0.69292 18.2669 2.44915 20.0316 4.61899 20.0316V19.9316ZM5.06581 19.4847C5.06581 19.7315 4.86576 19.9316 4.61899 19.9316V20.0316C4.92099 20.0316 5.16581 19.7867 5.16581 19.4847H5.06581ZM5.06581 11.3483V19.4847H5.16581V11.3483H5.06581ZM5.0482 11.2237C5.05965 11.2632 5.06581 11.305 5.06581 11.3483H5.16581C5.16581 11.2955 5.15829 11.2443 5.14425 11.1958L5.0482 11.2237ZM4.15776 11.9841C4.12747 11.9534 4.10176 11.9185 4.08145 11.8805L3.99328 11.9277C4.0181 11.9741 4.04952 12.0168 4.08657 12.0544L4.15776 11.9841ZM4.17217 18.9451V12.0192H4.07217V18.9451H4.17217ZM1.68656 16.0973C1.68656 17.548 2.73561 18.7539 4.11357 18.9943L4.13076 18.8958C2.80002 18.6636 1.78656 17.4987 1.78656 16.0973H1.68656ZM1.68656 14.7399V16.0973H1.78656V14.7399H1.68656ZM4.02729 11.8551C2.69228 12.1299 1.68656 13.3158 1.68656 14.7399H1.78656C1.78656 13.3639 2.75822 12.2184 4.04745 11.9531L4.02729 11.8551ZM25.1497 18.9396C25.1632 18.7643 25.1699 18.5869 25.1699 18.4079H25.0699C25.0699 18.5844 25.0632 18.7593 25.05 18.932L25.1497 18.9396ZM27.3851 16.0973C27.3851 17.4813 26.3967 18.6346 25.0904 18.8867L25.1093 18.9849C26.4619 18.7239 27.4851 17.5299 27.4851 16.0973H27.3851ZM27.3851 14.7399V16.0973H27.4851V14.7399H27.3851ZM25.0409 11.9373C26.3713 12.1694 27.3851 13.3344 27.3851 14.7399H27.4851C27.4851 13.2852 26.4358 12.0792 25.058 11.8387L25.0409 11.9373ZM25.0994 18.1528V11.888H24.9994V18.1528H25.0994ZM25.1699 18.4079C25.1699 18.3053 25.1416 18.2092 25.0923 18.127L25.0066 18.1785C25.0468 18.2455 25.0699 18.3239 25.0699 18.4079H25.1699ZM13.0592 6.99709C9.20448 6.99709 6.10741 10.197 6.10741 14.1125H6.20741C6.20741 10.2498 9.26216 7.09709 13.0592 7.09709V6.99709ZM16.1137 6.99709H13.0592V7.09709H16.1137V6.99709ZM23.0654 14.1125C23.0654 10.1968 19.964 6.99709 16.1137 6.99709V7.09709C19.9064 7.09709 22.9654 10.2496 22.9654 14.1125H23.0654ZM23.0654 19.1026V14.1125H22.9654V19.1026H23.0654ZM23.0695 19.1668C23.0695 19.1429 23.068 19.1193 23.065 19.0962L22.9658 19.109C22.9683 19.1279 22.9695 19.1472 22.9695 19.1668H23.0695ZM22.5227 19.7136C22.8247 19.7136 23.0695 19.4688 23.0695 19.1668H22.9695C22.9695 19.4135 22.7695 19.6136 22.5227 19.6136V19.7136ZM6.65423 19.7136H22.5227V19.6136H6.65423V19.7136ZM6.10741 19.1668C6.10741 19.4688 6.35223 19.7136 6.65423 19.7136V19.6136C6.40746 19.6136 6.20741 19.4135 6.20741 19.1668H6.10741ZM6.10741 14.1125V19.1668H6.20741V14.1125H6.10741ZM7.15105 18.72H22.0218V18.62H7.15105V18.72ZM7.10105 14.1125V18.67H7.20105V14.1125H7.10105ZM13.0592 7.99073C9.7771 7.99073 7.10105 10.7216 7.10105 14.1125H7.20105C7.20105 10.7745 9.83467 8.09073 13.0592 8.09073V7.99073ZM16.1137 7.99073H13.0592V8.09073H16.1137V7.99073ZM22.0718 14.1125C22.0718 10.7218 19.3918 7.99073 16.1137 7.99073V8.09073C19.3343 8.09073 21.9718 10.7747 21.9718 14.1125H22.0718ZM22.0718 18.67V14.1125H21.9718V18.67H22.0718ZM10.4769 12.4825C10.4769 12.1886 10.7108 11.9566 10.999 11.9566V11.8566C10.6553 11.8566 10.3769 12.1336 10.3769 12.4825H10.4769ZM10.999 13.0085C10.7108 13.0085 10.4769 12.7765 10.4769 12.4825H10.3769C10.3769 12.8315 10.6553 13.1085 10.999 13.1085V13.0085ZM11.5251 12.4825C11.5251 12.7738 11.2898 13.0085 10.999 13.0085V13.1085C11.3449 13.1085 11.6251 12.8292 11.6251 12.4825H11.5251ZM10.999 11.9566C11.2885 11.9566 11.5251 12.194 11.5251 12.4825H11.6251C11.6251 12.1389 11.3438 11.8566 10.999 11.8566V11.9566ZM10.999 10.863C10.1031 10.863 9.38331 11.5883 9.38331 12.4825H9.48331C9.48331 11.6431 10.1587 10.963 10.999 10.963V10.863ZM12.6188 12.4825C12.6188 11.591 11.8935 10.863 10.999 10.863V10.963C11.8382 10.963 12.5188 11.6462 12.5188 12.4825H12.6188ZM10.999 14.1021C11.8921 14.1021 12.6188 13.3795 12.6188 12.4825H12.5188C12.5188 13.3241 11.837 14.0021 10.999 14.0021V14.1021ZM9.38331 12.4825C9.38331 13.3768 10.1031 14.1021 10.999 14.1021V14.0021C10.1587 14.0021 9.48331 13.3219 9.48331 12.4825H9.38331ZM17.9014 11.8566C17.5578 11.8566 17.2794 12.1336 17.2794 12.4825H17.3794C17.3794 12.1886 17.6132 11.9566 17.9014 11.9566V11.8566ZM18.5276 12.4825C18.5276 12.1389 18.2462 11.8566 17.9014 11.8566V11.9566C18.1909 11.9566 18.4276 12.194 18.4276 12.4825H18.5276ZM17.9014 13.1085C18.2473 13.1085 18.5276 12.8292 18.5276 12.4825H18.4276C18.4276 12.7738 18.1922 13.0085 17.9014 13.0085V13.1085ZM17.2794 12.4825C17.2794 12.8315 17.5578 13.1085 17.9014 13.1085V13.0085C17.6132 13.0085 17.3794 12.7765 17.3794 12.4825H17.2794ZM16.3857 12.4825C16.3857 11.6431 17.0611 10.963 17.9014 10.963V10.863C17.0055 10.863 16.2857 11.5883 16.2857 12.4825H16.3857ZM17.9014 14.0021C17.0611 14.0021 16.3857 13.3219 16.3857 12.4825H16.2857C16.2857 13.3768 17.0055 14.1021 17.9014 14.1021V14.0021ZM19.4212 12.4825C19.4212 13.3241 18.7395 14.0021 17.9014 14.0021V14.1021C18.7945 14.1021 19.5212 13.3795 19.5212 12.4825H19.4212ZM17.9014 10.963C18.7406 10.963 19.4212 11.6462 19.4212 12.4825H19.5212C19.5212 11.591 18.7959 10.863 17.9014 10.863V10.963ZM12.4707 15.4988C12.4707 15.1968 12.2259 14.952 11.9239 14.952V15.052C12.1706 15.052 12.3707 15.2521 12.3707 15.4988H12.4707ZM12.9692 16.059C12.5628 15.8353 12.4707 15.6143 12.4707 15.4988H12.3707C12.3707 15.6667 12.4996 15.9147 12.9209 16.1466L12.9692 16.059ZM14.5878 16.4209C13.9283 16.4209 13.3566 16.2723 12.9692 16.059L12.9209 16.1466C13.3258 16.3695 13.9147 16.5209 14.5878 16.5209V16.4209ZM16.204 16.0593C15.8178 16.2723 15.2473 16.4209 14.5878 16.4209V16.5209C15.2609 16.5209 15.8486 16.3695 16.2523 16.1468L16.204 16.0593ZM16.7008 15.4988C16.7008 15.6152 16.6086 15.836 16.204 16.0593L16.2523 16.1468C16.672 15.9153 16.8008 15.6674 16.8008 15.4988H16.7008ZM17.2476 14.952C16.9456 14.952 16.7008 15.1968 16.7008 15.4988H16.8008C16.8008 15.2521 17.0009 15.052 17.2476 15.052V14.952ZM17.7944 15.4988C17.7944 15.1968 17.5496 14.952 17.2476 14.952V15.052C17.4944 15.052 17.6944 15.2521 17.6944 15.4988H17.7944ZM16.7322 17.0169C17.2897 16.7093 17.7944 16.1959 17.7944 15.4988H17.6944C17.6944 16.1424 17.2279 16.6292 16.6839 16.9293L16.7322 17.0169ZM14.5878 17.5145C15.396 17.5145 16.1554 17.335 16.7322 17.0169L16.6839 16.9293C16.1245 17.2379 15.3824 17.4145 14.5878 17.4145V17.5145ZM12.4418 17.0171C13.0194 17.3351 13.7797 17.5145 14.5878 17.5145V17.4145C13.7932 17.4145 13.0502 17.2379 12.49 16.9295L12.4418 17.0171ZM11.3771 15.4988C11.3771 16.1968 11.8839 16.71 12.4418 17.0171L12.49 16.9295C11.9455 16.6297 11.4771 16.1431 11.4771 15.4988H11.3771ZM11.9239 14.952C11.6219 14.952 11.3771 15.1968 11.3771 15.4988H11.4771C11.4771 15.2521 11.6771 15.052 11.9239 15.052V14.952Z' fill='white' mask='url(%23path-1-outside-1_3520_24032)'/%3E%3C/svg%3E%0A");
}

.icon-subtitle-01 {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3242 11.6831C17.4766 11.5307 17.5625 11.3237 17.5625 11.1082C17.5625 10.8927 17.4769 10.6861 17.3245 10.5337L17.3175 10.5268C17.1658 10.3789 16.9618 10.2957 16.75 10.2957C16.5345 10.2957 16.3278 10.3813 16.1755 10.5337L3.98828 22.7209C3.83591 22.8733 3.75 23.0802 3.75 23.2957C3.75 23.5112 3.8356 23.7179 3.98798 23.8702C4.14035 24.0226 4.34701 24.1082 4.5625 24.1082C4.77799 24.1082 4.98465 24.0226 5.13702 23.8702L17.3242 11.6831Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.2486 5.37299C23.2486 5.37299 23.5525 10.5399 22.2861 14.5881C22.2861 14.5881 21.075 18.4599 18.6239 20.7419C18.6239 20.7419 16.1749 23.022 13.0139 23.2554C13.0139 23.2554 9.81028 23.4919 6.58193 21.5549C6.46758 21.4863 6.37187 21.3906 6.30325 21.2762C6.30325 21.2762 4.36625 18.0479 4.60275 14.8443C4.60275 14.8443 4.83612 11.6833 7.11624 9.23424C7.11624 9.23424 9.39822 6.78321 13.2701 5.57202C13.2701 5.57202 17.3182 4.30567 22.4852 4.6096C22.8963 4.63379 23.2244 4.96182 23.2486 5.37299ZM13.7552 7.1229C13.7552 7.1229 17.2357 6.03416 21.6613 6.19691C21.6613 6.19691 21.824 10.6225 20.7353 14.1029C20.7353 14.1029 19.6526 17.5639 17.5166 19.5526C17.5166 19.5526 15.4857 21.4435 12.8942 21.6348C12.8942 21.6348 10.2892 21.8271 7.59329 20.2649C7.59329 20.2649 6.03102 17.569 6.22334 14.9639C6.22334 14.9639 6.41465 12.3725 8.30556 10.3415C8.30556 10.3415 10.2942 8.20558 13.7552 7.1229Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-subtitle-02 {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.30186 22.1936C4.30186 22.1936 2.71751 20.6093 2.71863 18.3677C2.71863 18.3677 2.71974 16.1266 4.30509 14.5413L9.17777 9.66862L14.0505 4.79593C14.0505 4.79593 15.6358 3.21059 17.8769 3.20947C17.8769 3.20947 20.1184 3.20836 21.7028 4.7927C21.7028 4.7927 23.2871 6.37704 23.286 8.61859C23.286 8.61859 23.2849 10.8597 21.6995 12.445L11.9542 22.1904C11.9542 22.1904 10.3688 23.7757 8.12774 23.7768C8.12774 23.7768 5.8862 23.7779 4.30186 22.1936ZM5.45091 21.0446C5.45091 21.0446 6.55896 22.1526 8.12694 22.1518C8.12694 22.1518 9.69538 22.1511 10.8051 21.0413L20.5505 11.296C20.5505 11.296 21.6602 10.1862 21.661 8.61778C21.661 8.61778 21.6618 7.04981 20.5537 5.94175C20.5537 5.94175 19.4457 4.83369 17.8777 4.83447C17.8777 4.83447 16.3092 4.83525 15.1995 5.94498L10.2682 10.8763L5.45414 15.6903C5.45414 15.6903 4.34441 16.8001 4.34363 18.3685C4.34363 18.3685 4.34285 19.9365 5.45091 21.0446Z' fill='%2314907F'/%3E%3Cpath d='M15.675 17.3241C15.8274 17.4765 16.0345 17.5625 16.25 17.5625C16.4655 17.5625 16.6721 17.4769 16.8245 17.3245C16.9769 17.1722 17.0625 16.9655 17.0625 16.75C17.0625 16.5345 16.4024 15.7488 16.25 15.5965L10.9538 10.1907L10.6364 10.5081C10.6364 10.5081 10.4206 10.7239 10.2682 10.8763C10.1158 11.0287 9.97462 11.1699 9.97462 11.1699L9.74999 11.3945L15.675 17.3241Z' fill='%2314907F'/%3E%3Cpath d='M16.8252 12.4691L19.3031 10.0723C19.4614 9.91924 19.5508 9.70848 19.5508 9.4883C19.5508 9.47879 19.5506 9.46929 19.5503 9.45979C19.5432 9.25896 19.462 9.06787 19.3223 8.92343C19.1692 8.76516 18.9584 8.6758 18.7383 8.6758C18.7288 8.6758 18.7193 8.67597 18.7098 8.6763C18.5089 8.68335 18.3178 8.76458 18.1734 8.90428L15.6954 11.301C15.537 11.4542 15.4476 11.665 15.4476 11.8852C15.4476 11.8947 15.4478 11.9042 15.4481 11.9137C15.4552 12.1145 15.5364 12.3056 15.6761 12.45C15.8292 12.6083 16.04 12.6977 16.2601 12.6977C16.2696 12.6977 16.2792 12.6975 16.2887 12.6972C16.4895 12.6901 16.6806 12.6089 16.8252 12.4691Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-subtitle-03 {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 14.9998H15C15.4142 14.9998 15.75 14.664 15.75 14.2498C15.75 13.8355 15.4142 13.4998 15 13.4998H9C8.58579 13.4998 8.25 13.8355 8.25 14.2498C8.25 14.664 8.58579 14.9998 9 14.9998Z' fill='%2314907F'/%3E%3Cpath d='M9 11.9998H15C15.4142 11.9998 15.75 11.664 15.75 11.2498C15.75 10.8355 15.4142 10.4998 15 10.4998H9C8.58579 10.4998 8.25 10.8355 8.25 11.2498C8.25 11.664 8.58579 11.9998 9 11.9998Z' fill='%2314907F'/%3E%3Cpath d='M5.25 4.49976H9C9.41421 4.49976 9.75 4.16397 9.75 3.74976C9.75 3.33554 9.41421 2.99976 9 2.99976H5.25C4.62868 2.99976 4.18934 3.4391 4.18934 3.4391C3.75 3.87844 3.75 4.49976 3.75 4.49976V20.2498C3.75 20.8711 4.18934 21.3104 4.18934 21.3104C4.62868 21.7498 5.25 21.7498 5.25 21.7498H18.75C19.3713 21.7498 19.8107 21.3104 19.8107 21.3104C20.25 20.8711 20.25 20.2498 20.25 20.2498V4.49976C20.25 3.87844 19.8107 3.4391 19.8107 3.4391C19.3713 2.99976 18.75 2.99976 18.75 2.99976H15C14.5858 2.99976 14.25 3.33554 14.25 3.74976C14.25 4.16397 14.5858 4.49976 15 4.49976H18.75V20.2498H5.25V4.49976Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25 7.49976C7.83579 7.49976 7.5 7.16397 7.5 6.74976V5.99976C7.5 5.99976 7.5 4.13579 8.81802 2.81778C8.81802 2.81778 10.136 1.49976 12 1.49976C12 1.49976 13.864 1.49976 15.182 2.81778C15.182 2.81778 16.5 4.1358 16.5 5.99976V6.74976C16.5 7.16397 16.1642 7.49976 15.75 7.49976H8.25ZM14.1213 3.87844C14.1213 3.87844 15 4.75712 15 5.99976H9C9 5.99976 9 4.75712 9.87868 3.87843C9.87868 3.87843 10.7574 2.99976 12 2.99976C12 2.99976 13.2426 2.99976 14.1213 3.87844Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-subtitle-04 {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 9.5C12 9.5 13.2426 9.5 14.1213 10.3787C14.1213 10.3787 15 11.2574 15 12.5C15 12.5 15 13.7426 14.1213 14.6213C14.1213 14.6213 13.2426 15.5 12 15.5C12 15.5 10.7574 15.5 9.87868 14.6213C9.87868 14.6213 9 13.7426 9 12.5C9 12.5 9 11.2574 9.87868 10.3787C9.87868 10.3787 10.7574 9.5 12 9.5ZM12 11C12 11 11.3787 11 10.9393 11.4393C10.9393 11.4393 10.5 11.8787 10.5 12.5C10.5 12.5 10.5 13.1213 10.9393 13.5607C10.9393 13.5607 11.3787 14 12 14C12 14 12.6213 14 13.0607 13.5607C13.0607 13.5607 13.5 13.1213 13.5 12.5C13.5 12.5 13.5 11.8787 13.0607 11.4393C13.0607 11.4393 12.6213 11 12 11Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 2.75C9 2.75 10.2426 2.75 11.1213 3.62868C11.1213 3.62868 12 4.50736 12 5.75C12 5.75 12 6.99264 11.1213 7.87132C11.1213 7.87132 10.2426 8.75 9 8.75C9 8.75 7.75736 8.75 6.87868 7.87132C6.87868 7.87132 6 6.99264 6 5.75C6 5.75 6 4.50736 6.87868 3.62868C6.87868 3.62868 7.75736 2.75 9 2.75ZM9 4.25C9 4.25 8.37868 4.25 7.93934 4.68934C7.93934 4.68934 7.5 5.12868 7.5 5.75C7.5 5.75 7.5 6.37132 7.93934 6.81066C7.93934 6.81066 8.37868 7.25 9 7.25C9 7.25 9.62132 7.25 10.0607 6.81066C10.0607 6.81066 10.5 6.37132 10.5 5.75C10.5 5.75 10.5 5.12868 10.0607 4.68934C10.0607 4.68934 9.62132 4.25 9 4.25Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.75 7.25C18.75 7.25 19.9926 7.25 20.8713 8.12868C20.8713 8.12868 21.75 9.00736 21.75 10.25C21.75 10.25 21.75 11.4926 20.8713 12.3713C20.8713 12.3713 19.9926 13.25 18.75 13.25C18.75 13.25 17.5074 13.25 16.6287 12.3713C16.6287 12.3713 15.75 11.4926 15.75 10.25C15.75 10.25 15.75 9.00736 16.6287 8.12868C16.6287 8.12868 17.5074 7.25 18.75 7.25ZM18.75 8.75C18.75 8.75 18.1287 8.75 17.6893 9.18934C17.6893 9.18934 17.25 9.62868 17.25 10.25C17.25 10.25 17.25 10.8713 17.6893 11.3107C17.6893 11.3107 18.1287 11.75 18.75 11.75C18.75 11.75 19.3713 11.75 19.8107 11.3107C19.8107 11.3107 20.25 10.8713 20.25 10.25C20.25 10.25 20.25 9.62868 19.8107 9.18934C19.8107 9.18934 19.3713 8.75 18.75 8.75Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.75 14.75C18.75 14.75 19.9926 14.75 20.8713 15.6287C20.8713 15.6287 21.75 16.5074 21.75 17.75C21.75 17.75 21.75 18.9926 20.8713 19.8713C20.8713 19.8713 19.9926 20.75 18.75 20.75C18.75 20.75 17.5074 20.75 16.6287 19.8713C16.6287 19.8713 15.75 18.9926 15.75 17.75C15.75 17.75 15.75 16.5074 16.6287 15.6287C16.6287 15.6287 17.5074 14.75 18.75 14.75ZM18.75 16.25C18.75 16.25 18.1287 16.25 17.6893 16.6893C17.6893 16.6893 17.25 17.1287 17.25 17.75C17.25 17.75 17.25 18.3713 17.6893 18.8107C17.6893 18.8107 18.1287 19.25 18.75 19.25C18.75 19.25 19.3713 19.25 19.8107 18.8107C19.8107 18.8107 20.25 18.3713 20.25 17.75C20.25 17.75 20.25 17.1287 19.8107 16.6893C19.8107 16.6893 19.3713 16.25 18.75 16.25Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 15.5C5.25 15.5 6.49264 15.5 7.37132 16.3787C7.37132 16.3787 8.25 17.2574 8.25 18.5C8.25 18.5 8.25 19.7426 7.37132 20.6213C7.37132 20.6213 6.49264 21.5 5.25 21.5C5.25 21.5 4.00736 21.5 3.12868 20.6213C3.12868 20.6213 2.25 19.7426 2.25 18.5C2.25 18.5 2.25 17.2574 3.12868 16.3787C3.12868 16.3787 4.00736 15.5 5.25 15.5ZM5.25 17C5.25 17 4.62868 17 4.18934 17.4393C4.18934 17.4393 3.75 17.8787 3.75 18.5C3.75 18.5 3.75 19.1213 4.18934 19.5607C4.18934 19.5607 4.62868 20 5.25 20C5.25 20 5.87132 20 6.31066 19.5607C6.31066 19.5607 6.75 19.1213 6.75 18.5C6.75 18.5 6.75 17.8787 6.31066 17.4393C6.31066 17.4393 5.87132 17 5.25 17Z' fill='%2314907F'/%3E%3Cpath d='M11.7754 10.141L10.5941 7.49721C10.4734 7.22709 10.2052 7.05316 9.90937 7.05316C9.89856 7.05316 9.88776 7.0534 9.87696 7.05386C9.78253 7.05795 9.68972 7.07985 9.60342 7.11841C9.3333 7.2391 9.15937 7.50731 9.15937 7.80316C9.15937 7.81397 9.15961 7.82478 9.16008 7.83558C9.16416 7.93001 9.18606 8.02282 9.22462 8.10912L10.4059 10.7529C10.487 10.9345 10.637 11.0764 10.8228 11.1474C10.9083 11.1801 10.9991 11.1969 11.0906 11.1969L11.1112 11.1966C11.2097 11.1939 11.3067 11.1718 11.3966 11.1317C11.6667 11.011 11.8406 10.7428 11.8406 10.4469C11.8406 10.4361 11.8404 10.4253 11.8399 10.4145C11.8358 10.3201 11.8139 10.2273 11.7754 10.141Z' fill='%2314907F'/%3E%3Cpath d='M16.3753 10.251L13.9003 11.076C13.5941 11.178 13.3875 11.4646 13.3875 11.7875L13.3876 11.8015C13.389 11.8774 13.402 11.9526 13.426 12.0246C13.5281 12.3309 13.8147 12.5375 14.1375 12.5375L14.1515 12.5373C14.2274 12.5359 14.3026 12.523 14.3747 12.499L16.8497 11.674C17.1559 11.5719 17.3625 11.2853 17.3625 10.9625L17.3624 10.9485C17.361 10.8726 17.348 10.7973 17.324 10.7253C17.2219 10.419 16.9353 10.2125 16.6125 10.2125L16.5985 10.2126C16.5226 10.214 16.4474 10.2269 16.3753 10.251Z' fill='%2314907F'/%3E%3Cpath d='M14.2325 13.2861L17.4386 15.7798C17.5956 15.9019 17.6977 16.0814 17.7223 16.2788C17.7261 16.3088 17.728 16.339 17.7281 16.3692L17.7281 16.3718C17.7281 16.5386 17.6725 16.7006 17.5701 16.8323C17.4314 17.0106 17.2197 17.1169 16.9938 17.1216L16.9781 17.1218C16.8113 17.1218 16.6493 17.0662 16.5177 16.9638L13.3116 14.4702C13.1287 14.328 13.0219 14.1095 13.0219 13.8781C13.0219 13.7323 13.0644 13.5897 13.1441 13.4676C13.1553 13.4505 13.1673 13.4338 13.1799 13.4176C13.322 13.2349 13.5404 13.1281 13.7719 13.1281C13.9177 13.1281 14.0603 13.1705 14.1823 13.2503C14.1994 13.2615 14.2161 13.2734 14.2325 13.2861Z' fill='%2314907F'/%3E%3Cpath d='M9.82328 13.4304L6.42966 16.449C6.26966 16.5913 6.17813 16.7953 6.17813 17.0094C6.17813 17.0207 6.17838 17.0319 6.17889 17.0432C6.18664 17.2152 6.25332 17.3792 6.36774 17.5079C6.49994 17.6565 6.68577 17.7465 6.88434 17.7581C6.89892 17.759 6.91352 17.7594 6.92813 17.7594C6.93765 17.7594 6.94718 17.7592 6.95669 17.7589C7.13051 17.7522 7.29662 17.6854 7.42659 17.5698L10.8203 14.551C10.969 14.4188 11.059 14.233 11.0706 14.0344C11.0714 14.0199 11.0719 14.0053 11.0719 13.9907C11.0719 13.9811 11.0717 13.9716 11.0713 13.9621C11.0647 13.7883 10.9979 13.6222 10.8823 13.4922C10.7399 13.3322 10.536 13.2407 10.3219 13.2407C10.3106 13.2407 10.2994 13.2409 10.2881 13.2414C10.1161 13.2492 9.95204 13.3159 9.82328 13.4304Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-subtitle-05 {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3075 22.1037C10.3075 22.1037 8.71621 21.8246 7.30785 21.051L4.49803 21.8466C4.49803 21.8466 4.11217 21.9594 3.7164 21.8582C3.7164 21.8582 3.32063 21.757 3.03178 21.4681C3.03178 21.4681 2.74292 21.1793 2.64168 20.7835C2.64168 20.7835 2.54044 20.3877 2.65512 19.9956L3.44888 17.192C3.44888 17.192 2.67533 15.7837 2.39621 14.1924C2.39621 14.1924 2.08875 12.4396 2.42093 10.6913C2.42093 10.6913 2.75311 8.94303 3.68201 7.42513C3.68201 7.42513 4.6109 5.90724 6.01651 4.81584C6.01651 4.81584 7.42211 3.72445 9.12282 3.20056C9.12282 3.20056 10.8235 2.67667 12.5996 2.78798C12.5996 2.78798 14.3757 2.89929 15.9977 3.63141C15.9977 3.63141 17.6197 4.36353 18.878 5.62187C18.878 5.62187 20.1364 6.88021 20.8685 8.50221C20.8685 8.50221 21.6006 10.1242 21.7119 11.9003C21.7119 11.9003 21.8232 13.6764 21.2993 15.3771C21.2993 15.3771 20.7754 17.0778 19.684 18.4834C19.684 18.4834 18.5926 19.889 17.0748 20.8179C17.0748 20.8179 15.5569 21.7468 13.8086 22.079C13.8086 22.079 12.0603 22.4111 10.3075 22.1037ZM13.5286 20.6053C13.5286 20.6053 10.4686 21.1867 7.78915 19.5988C7.61231 19.494 7.39968 19.466 7.20189 19.522L4.09941 20.4005L4.97784 17.298C5.03385 17.1002 5.00621 16.8881 4.9014 16.7113C4.9014 16.7113 3.31311 14.0316 3.89457 10.9713C3.89457 10.9713 4.47603 7.91105 6.93644 6.00062C6.93644 6.00062 9.39686 4.09021 12.5058 4.28504C12.5058 4.28504 15.6147 4.47988 17.8174 6.68253C17.8174 6.68253 20.02 8.88518 20.2148 11.9941C20.2148 11.9941 20.4097 15.103 18.4993 17.5634C18.4993 17.5634 16.5888 20.0239 13.5286 20.6053Z' fill='%2314907F'/%3E%3Cpath d='M8.99998 11.7499H15C15.4142 11.7499 15.75 11.4142 15.75 10.9999C15.75 10.5857 15.4142 10.2499 15 10.2499H8.99998C8.58577 10.2499 8.24998 10.5857 8.24998 10.9999C8.24998 11.4142 8.58577 11.7499 8.99998 11.7499Z' fill='%2314907F'/%3E%3Cpath d='M8.99998 14.7499H15C15.4142 14.7499 15.75 14.4142 15.75 13.9999C15.75 13.5857 15.4142 13.2499 15 13.2499H8.99998C8.58577 13.2499 8.24998 13.5857 8.24998 13.9999C8.24998 14.4142 8.58577 14.7499 8.99998 14.7499Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-w-mix {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 6C8.5 6 9.32843 6 9.91421 6.58579C9.91421 6.58579 10.5 7.17157 10.5 8C10.5 8 10.5 8.82843 9.91421 9.41421C9.91421 9.41421 9.32843 10 8.5 10C8.5 10 7.67157 10 7.08579 9.41421C7.08579 9.41421 6.5 8.82843 6.5 8C6.5 8 6.5 7.17157 7.08579 6.58579C7.08579 6.58579 7.67157 6 8.5 6ZM8.5 7C8.5 7 8.08579 7 7.79289 7.29289C7.79289 7.29289 7.5 7.58579 7.5 8C7.5 8 7.5 8.41421 7.79289 8.70711C7.79289 8.70711 8.08579 9 8.5 9C8.5 9 8.91421 9 9.20711 8.70711C9.20711 8.70711 9.5 8.41421 9.5 8C9.5 8 9.5 7.58579 9.20711 7.29289C9.20711 7.29289 8.91421 7 8.5 7Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 1.5C6.5 1.5 7.32843 1.5 7.91421 2.08579C7.91421 2.08579 8.5 2.67157 8.5 3.5C8.5 3.5 8.5 4.32843 7.91421 4.91421C7.91421 4.91421 7.32843 5.5 6.5 5.5C6.5 5.5 5.67157 5.5 5.08579 4.91421C5.08579 4.91421 4.5 4.32843 4.5 3.5C4.5 3.5 4.5 2.67157 5.08579 2.08579C5.08579 2.08579 5.67157 1.5 6.5 1.5ZM6.5 2.5C6.5 2.5 6.08579 2.5 5.79289 2.79289C5.79289 2.79289 5.5 3.08579 5.5 3.5C5.5 3.5 5.5 3.91421 5.79289 4.20711C5.79289 4.20711 6.08579 4.5 6.5 4.5C6.5 4.5 6.91421 4.5 7.20711 4.20711C7.20711 4.20711 7.5 3.91421 7.5 3.5C7.5 3.5 7.5 3.08579 7.20711 2.79289C7.20711 2.79289 6.91421 2.5 6.5 2.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 4.5C13 4.5 13.8284 4.5 14.4142 5.08579C14.4142 5.08579 15 5.67157 15 6.5C15 6.5 15 7.32843 14.4142 7.91421C14.4142 7.91421 13.8284 8.5 13 8.5C13 8.5 12.1716 8.5 11.5858 7.91421C11.5858 7.91421 11 7.32843 11 6.5C11 6.5 11 5.67157 11.5858 5.08579C11.5858 5.08579 12.1716 4.5 13 4.5ZM13 5.5C13 5.5 12.5858 5.5 12.2929 5.79289C12.2929 5.79289 12 6.08579 12 6.5C12 6.5 12 6.91421 12.2929 7.20711C12.2929 7.20711 12.5858 7.5 13 7.5C13 7.5 13.4142 7.5 13.7071 7.20711C13.7071 7.20711 14 6.91421 14 6.5C14 6.5 14 6.08579 13.7071 5.79289C13.7071 5.79289 13.4142 5.5 13 5.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 9.5C13 9.5 13.8284 9.5 14.4142 10.0858C14.4142 10.0858 15 10.6716 15 11.5C15 11.5 15 12.3284 14.4142 12.9142C14.4142 12.9142 13.8284 13.5 13 13.5C13 13.5 12.1716 13.5 11.5858 12.9142C11.5858 12.9142 11 12.3284 11 11.5C11 11.5 11 10.6716 11.5858 10.0858C11.5858 10.0858 12.1716 9.5 13 9.5ZM13 10.5C13 10.5 12.5858 10.5 12.2929 10.7929C12.2929 10.7929 12 11.0858 12 11.5C12 11.5 12 11.9142 12.2929 12.2071C12.2929 12.2071 12.5858 12.5 13 12.5C13 12.5 13.4142 12.5 13.7071 12.2071C13.7071 12.2071 14 11.9142 14 11.5C14 11.5 14 11.0858 13.7071 10.7929C13.7071 10.7929 13.4142 10.5 13 10.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 10C4 10 4.82843 10 5.41421 10.5858C5.41421 10.5858 6 11.1716 6 12C6 12 6 12.8284 5.41421 13.4142C5.41421 13.4142 4.82843 14 4 14C4 14 3.17157 14 2.58579 13.4142C2.58579 13.4142 2 12.8284 2 12C2 12 2 11.1716 2.58579 10.5858C2.58579 10.5858 3.17157 10 4 10ZM4 11C4 11 3.58579 11 3.29289 11.2929C3.29289 11.2929 3 11.5858 3 12C3 12 3 12.4142 3.29289 12.7071C3.29289 12.7071 3.58579 13 4 13C4 13 4.41421 13 4.70711 12.7071C4.70711 12.7071 5 12.4142 5 12C5 12 5 11.5858 4.70711 11.2929C4.70711 11.2929 4.41421 11 4 11Z' fill='white'/%3E%3Cpath d='M8.35025 6.4273L7.56275 4.6648C7.48229 4.48473 7.30349 4.36877 7.10625 4.36877C7.09904 4.36877 7.09184 4.36893 7.08464 4.36924C7.02168 4.37197 6.95981 4.38656 6.90228 4.41227C6.7222 4.49273 6.60625 4.67154 6.60625 4.86877C6.60625 4.87598 6.60641 4.88319 6.60672 4.89039C6.60944 4.95334 6.62404 5.01521 6.64975 5.07274L7.43725 6.83524C7.49134 6.95632 7.59132 7.05094 7.71518 7.0983C7.77219 7.1201 7.83271 7.13127 7.89375 7.13127L7.9075 7.13109C7.97313 7.12928 8.03777 7.11456 8.09772 7.08778C8.2778 7.00732 8.39375 6.82851 8.39375 6.63128C8.39375 6.62407 8.39359 6.61686 8.39328 6.60966C8.39056 6.54671 8.37596 6.48484 8.35025 6.4273Z' fill='white'/%3E%3Cpath d='M11.4169 6.50063L9.76689 7.05063C9.56272 7.11869 9.425 7.30976 9.425 7.52498L9.42509 7.5343C9.42603 7.58491 9.43465 7.63507 9.45066 7.68309C9.51872 7.88726 9.70978 8.02498 9.925 8.02498L9.93433 8.02489C9.98493 8.02394 10.0351 8.01532 10.0831 7.99932L11.7331 7.44932C11.9373 7.38126 12.075 7.19019 12.075 6.97498L12.0749 6.96565C12.074 6.91504 12.0653 6.86488 12.0493 6.81686C11.9813 6.61269 11.7902 6.47498 11.575 6.47498L11.5657 6.47506C11.5151 6.47601 11.4649 6.48463 11.4169 6.50063Z' fill='white'/%3E%3Cpath d='M9.98831 8.5241L12.1257 10.1865C12.2304 10.2679 12.2984 10.3876 12.3149 10.5192C12.3174 10.5392 12.3187 10.5593 12.3187 10.5795L12.3188 10.5812C12.3188 10.6924 12.2817 10.8004 12.2134 10.8882C12.1209 11.0071 11.9798 11.0779 11.8292 11.0811L11.8187 11.0812C11.7076 11.0812 11.5995 11.0441 11.5118 10.9759L9.37437 9.31345C9.25249 9.21865 9.18125 9.073 9.18125 8.9187C9.18125 8.82152 9.20957 8.72644 9.26275 8.6451C9.27023 8.63365 9.27818 8.62252 9.28657 8.61173C9.3813 8.48994 9.52695 8.4187 9.68125 8.4187C9.77843 8.4187 9.87351 8.44702 9.95485 8.5002C9.9663 8.50768 9.97743 8.51563 9.98831 8.5241Z' fill='white'/%3E%3Cpath d='M7.04885 8.62026L4.78644 10.6327C4.67977 10.7276 4.61875 10.8635 4.61875 11.0063C4.61875 11.0138 4.61892 11.0213 4.61926 11.0288C4.62443 11.1434 4.66888 11.2528 4.74516 11.3386C4.83329 11.4377 4.95718 11.4977 5.08956 11.5054C5.09928 11.506 5.10901 11.5063 5.11875 11.5063C5.1251 11.5063 5.13145 11.5062 5.1378 11.5059C5.25367 11.5015 5.36442 11.4569 5.45106 11.3799L7.71356 9.36736C7.81264 9.27923 7.87266 9.15535 7.8804 9.02296C7.88097 9.01325 7.88125 9.00351 7.88125 8.99378C7.88125 8.98742 7.88113 8.98107 7.88089 8.97473C7.87647 8.85885 7.83191 8.74811 7.75484 8.66146C7.65996 8.5548 7.52401 8.49377 7.38125 8.49377C7.37374 8.49377 7.36623 8.49394 7.35873 8.49428C7.24408 8.49945 7.13469 8.54391 7.04885 8.62026Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-mix {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 7.5C10 7.5 11.0355 7.5 11.7678 8.23223C11.7678 8.23223 12.5 8.96447 12.5 10C12.5 10 12.5 11.0355 11.7678 11.7678C11.7678 11.7678 11.0355 12.5 10 12.5C10 12.5 8.96447 12.5 8.23223 11.7678C8.23223 11.7678 7.5 11.0355 7.5 10C7.5 10 7.5 8.96447 8.23223 8.23223C8.23223 8.23223 8.96447 7.5 10 7.5ZM10 8.75C10 8.75 9.48223 8.75 9.11612 9.11612C9.11612 9.11612 8.75 9.48223 8.75 10C8.75 10 8.75 10.5178 9.11612 10.8839C9.11612 10.8839 9.48223 11.25 10 11.25C10 11.25 10.5178 11.25 10.8839 10.8839C10.8839 10.8839 11.25 10.5178 11.25 10C11.25 10 11.25 9.48223 10.8839 9.11612C10.8839 9.11612 10.5178 8.75 10 8.75Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 1.875C7.5 1.875 8.53553 1.875 9.26777 2.60723C9.26777 2.60723 10 3.33947 10 4.375C10 4.375 10 5.41053 9.26777 6.14277C9.26777 6.14277 8.53553 6.875 7.5 6.875C7.5 6.875 6.46447 6.875 5.73223 6.14277C5.73223 6.14277 5 5.41053 5 4.375C5 4.375 5 3.33947 5.73223 2.60723C5.73223 2.60723 6.46447 1.875 7.5 1.875ZM7.5 3.125C7.5 3.125 6.98223 3.125 6.61612 3.49112C6.61612 3.49112 6.25 3.85723 6.25 4.375C6.25 4.375 6.25 4.89277 6.61612 5.25888C6.61612 5.25888 6.98223 5.625 7.5 5.625C7.5 5.625 8.01777 5.625 8.38388 5.25888C8.38388 5.25888 8.75 4.89277 8.75 4.375C8.75 4.375 8.75 3.85723 8.38388 3.49112C8.38388 3.49112 8.01777 3.125 7.5 3.125Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.625 5.625C15.625 5.625 16.6605 5.625 17.3928 6.35723C17.3928 6.35723 18.125 7.08947 18.125 8.125C18.125 8.125 18.125 9.16053 17.3928 9.89277C17.3928 9.89277 16.6605 10.625 15.625 10.625C15.625 10.625 14.5895 10.625 13.8572 9.89277C13.8572 9.89277 13.125 9.16053 13.125 8.125C13.125 8.125 13.125 7.08947 13.8572 6.35723C13.8572 6.35723 14.5895 5.625 15.625 5.625ZM15.625 6.875C15.625 6.875 15.1072 6.875 14.7411 7.24112C14.7411 7.24112 14.375 7.60723 14.375 8.125C14.375 8.125 14.375 8.64277 14.7411 9.00888C14.7411 9.00888 15.1072 9.375 15.625 9.375C15.625 9.375 16.1428 9.375 16.5089 9.00888C16.5089 9.00888 16.875 8.64277 16.875 8.125C16.875 8.125 16.875 7.60723 16.5089 7.24112C16.5089 7.24112 16.1428 6.875 15.625 6.875Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.625 11.875C15.625 11.875 16.6605 11.875 17.3928 12.6072C17.3928 12.6072 18.125 13.3395 18.125 14.375C18.125 14.375 18.125 15.4105 17.3928 16.1428C17.3928 16.1428 16.6605 16.875 15.625 16.875C15.625 16.875 14.5895 16.875 13.8572 16.1428C13.8572 16.1428 13.125 15.4105 13.125 14.375C13.125 14.375 13.125 13.3395 13.8572 12.6072C13.8572 12.6072 14.5895 11.875 15.625 11.875ZM15.625 13.125C15.625 13.125 15.1072 13.125 14.7411 13.4911C14.7411 13.4911 14.375 13.8572 14.375 14.375C14.375 14.375 14.375 14.8928 14.7411 15.2589C14.7411 15.2589 15.1072 15.625 15.625 15.625C15.625 15.625 16.1428 15.625 16.5089 15.2589C16.5089 15.2589 16.875 14.8928 16.875 14.375C16.875 14.375 16.875 13.8572 16.5089 13.4911C16.5089 13.4911 16.1428 13.125 15.625 13.125Z' fill='%2314907F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.375 12.5C4.375 12.5 5.41053 12.5 6.14277 13.2322C6.14277 13.2322 6.875 13.9645 6.875 15C6.875 15 6.875 16.0355 6.14277 16.7678C6.14277 16.7678 5.41053 17.5 4.375 17.5C4.375 17.5 3.33947 17.5 2.60723 16.7678C2.60723 16.7678 1.875 16.0355 1.875 15C1.875 15 1.875 13.9645 2.60723 13.2322C2.60723 13.2322 3.33947 12.5 4.375 12.5ZM4.375 13.75C4.375 13.75 3.85723 13.75 3.49112 14.1161C3.49112 14.1161 3.125 14.4822 3.125 15C3.125 15 3.125 15.5178 3.49112 15.8839C3.49112 15.8839 3.85723 16.25 4.375 16.25C4.375 16.25 4.89277 16.25 5.25888 15.8839C5.25888 15.8839 5.625 15.5178 5.625 15C5.625 15 5.625 14.4822 5.25888 14.1161C5.25888 14.1161 4.89277 13.75 4.375 13.75Z' fill='%2314907F'/%3E%3Cpath d='M9.81282 8.03413L8.82844 5.83101C8.72787 5.60591 8.50436 5.46097 8.25781 5.46097C8.2488 5.46097 8.2398 5.46116 8.2308 5.46155C8.1521 5.46496 8.07476 5.48321 8.00285 5.51534C7.77775 5.61591 7.63281 5.83942 7.63281 6.08597C7.63281 6.09498 7.63301 6.10398 7.6334 6.11298C7.6368 6.19168 7.65505 6.26902 7.68718 6.34093L8.67156 8.54405C8.73918 8.6954 8.86415 8.81368 9.01898 8.87288C9.09024 8.90012 9.16589 8.91409 9.24219 8.91409L9.25937 8.91386C9.34142 8.9116 9.42221 8.89321 9.49715 8.85972C9.72225 8.75915 9.86719 8.53564 9.86719 8.28909C9.86719 8.28009 9.86699 8.27108 9.8666 8.26208C9.8632 8.18338 9.84495 8.10604 9.81282 8.03413Z' fill='%2314907F'/%3E%3Cpath d='M13.6461 8.12579L11.5836 8.81329C11.3284 8.89836 11.1562 9.1372 11.1562 9.40622L11.1564 9.41788C11.1575 9.48114 11.1683 9.54384 11.1883 9.60386C11.2734 9.85908 11.5122 10.0312 11.7812 10.0312L11.7929 10.0311C11.8562 10.0299 11.9189 10.0192 11.9789 9.99915L14.0414 9.31165C14.2966 9.22657 14.4687 8.98774 14.4688 8.71872L14.4686 8.70706C14.4675 8.6438 14.4567 8.5811 14.4367 8.52108C14.3516 8.26586 14.1128 8.09372 13.8438 8.09372L13.8321 8.09383C13.7688 8.09501 13.7061 8.10579 13.6461 8.12579Z' fill='%2314907F'/%3E%3Cpath d='M11.8604 10.6551L14.5322 12.7332C14.663 12.8349 14.7481 12.9845 14.7686 13.149C14.7717 13.174 14.7733 13.1991 14.7734 13.2243L14.7734 13.2265C14.7734 13.3655 14.7271 13.5005 14.6418 13.6102C14.5262 13.7588 14.3497 13.8474 14.1615 13.8514L14.1484 13.8515C14.0095 13.8515 13.8744 13.8052 13.7647 13.7198L11.093 11.6418C10.9406 11.5233 10.8516 11.3412 10.8516 11.1484C10.8516 11.0269 10.887 10.908 10.9534 10.8064C10.9628 10.7921 10.9727 10.7782 10.9832 10.7647C11.1016 10.6124 11.2837 10.5234 11.4766 10.5234C11.598 10.5234 11.7169 10.5588 11.8186 10.6253C11.8329 10.6346 11.8468 10.6445 11.8604 10.6551Z' fill='%2314907F'/%3E%3Cpath d='M8.18606 10.7753L5.35805 13.2909C5.22472 13.4095 5.14844 13.5794 5.14844 13.7578C5.14844 13.7672 5.14865 13.7766 5.14907 13.786C5.15553 13.9293 5.2111 14.066 5.30645 14.1732C5.41662 14.2971 5.57147 14.3721 5.73695 14.3818C5.7491 14.3825 5.76127 14.3828 5.77344 14.3828C5.78138 14.3828 5.78931 14.3827 5.79725 14.3824C5.94209 14.3769 6.08052 14.3212 6.18883 14.2248L9.01695 11.7092C9.1408 11.599 9.21582 11.4442 9.2255 11.2787C9.22621 11.2666 9.22656 11.2544 9.22656 11.2422C9.22656 11.2343 9.22641 11.2263 9.22611 11.2184C9.22059 11.0736 9.16489 10.9351 9.06855 10.8268C8.94995 10.6935 8.78001 10.6172 8.60156 10.6172C8.59218 10.6172 8.58279 10.6174 8.57342 10.6179C8.4301 10.6243 8.29337 10.6799 8.18606 10.7753Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-sample {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_3914_4663' maskUnits='userSpaceOnUse' x='1.5' y='2.33331' width='16' height='16' fill='black'%3E%3Crect fill='white' x='1.5' y='2.33331' width='16' height='16'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.38542 4.21873V16.6146H11.6279C11.8728 16.9513 12.1668 17.25 12.4996 17.5H3.09028C2.76428 17.5 2.5 17.2357 2.5 16.9097V3.92359C2.5 3.59759 2.76428 3.33331 3.09028 3.33331H7.91667H11.25H16.0764C16.4024 3.33331 16.6667 3.59759 16.6667 3.92359V10.3467C16.3863 10.2242 16.0898 10.1316 15.7812 10.0731V4.21873H11.6667V7.91664C11.6667 8.08516 11.5651 8.23709 11.4095 8.30158C11.2538 8.36608 11.0745 8.33043 10.9554 8.21126L9.58333 6.83923L8.21129 8.21126C8.09213 8.33043 7.91291 8.36608 7.75722 8.30158C7.60152 8.23709 7.5 8.08516 7.5 7.91664V4.21873H3.38542ZM10.8333 6.91072V4.21873H8.33333V6.91072L9.28871 5.95535C9.45142 5.79263 9.71524 5.79263 9.87796 5.95535L10.8333 6.91072Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.38542 4.21873V16.6146H11.6279C11.8728 16.9513 12.1668 17.25 12.4996 17.5H3.09028C2.76428 17.5 2.5 17.2357 2.5 16.9097V3.92359C2.5 3.59759 2.76428 3.33331 3.09028 3.33331H7.91667H11.25H16.0764C16.4024 3.33331 16.6667 3.59759 16.6667 3.92359V10.3467C16.3863 10.2242 16.0898 10.1316 15.7812 10.0731V4.21873H11.6667V7.91664C11.6667 8.08516 11.5651 8.23709 11.4095 8.30158C11.2538 8.36608 11.0745 8.33043 10.9554 8.21126L9.58333 6.83923L8.21129 8.21126C8.09213 8.33043 7.91291 8.36608 7.75722 8.30158C7.60152 8.23709 7.5 8.08516 7.5 7.91664V4.21873H3.38542ZM10.8333 6.91072V4.21873H8.33333V6.91072L9.28871 5.95535C9.45142 5.79263 9.71524 5.79263 9.87796 5.95535L10.8333 6.91072Z' fill='white'/%3E%3Cpath d='M3.38542 16.6146H3.18542C3.18542 16.725 3.27496 16.8146 3.38542 16.8146V16.6146ZM3.38542 4.21873V4.01873C3.27496 4.01873 3.18542 4.10827 3.18542 4.21873H3.38542ZM11.6279 16.6146L11.7896 16.4969C11.752 16.4452 11.6919 16.4146 11.6279 16.4146V16.6146ZM12.4996 17.5V17.7C12.5856 17.7 12.6621 17.6449 12.6893 17.5633C12.7166 17.4817 12.6885 17.3918 12.6197 17.3401L12.4996 17.5ZM16.6667 10.3467L16.5866 10.53C16.6484 10.557 16.7197 10.551 16.7762 10.514C16.8326 10.4771 16.8667 10.4142 16.8667 10.3467H16.6667ZM15.7812 10.0731H15.5813C15.5813 10.1692 15.6496 10.2517 15.744 10.2696L15.7812 10.0731ZM15.7812 4.21873H15.9812C15.9812 4.10827 15.8917 4.01873 15.7812 4.01873V4.21873ZM11.6667 4.21873V4.01873C11.5562 4.01873 11.4667 4.10827 11.4667 4.21873H11.6667ZM11.4095 8.30158L11.3329 8.11681L11.3329 8.11681L11.4095 8.30158ZM10.9554 8.21126L10.814 8.35268L10.814 8.35268L10.9554 8.21126ZM9.58333 6.83923L9.72475 6.69781C9.64665 6.6197 9.52002 6.6197 9.44191 6.69781L9.58333 6.83923ZM8.21129 8.21126L8.35272 8.35268L8.35272 8.35268L8.21129 8.21126ZM7.75722 8.30158L7.83375 8.11681L7.83375 8.11681L7.75722 8.30158ZM7.5 4.21873H7.7C7.7 4.10827 7.61046 4.01873 7.5 4.01873V4.21873ZM10.8333 4.21873H11.0333C11.0333 4.10827 10.9438 4.01873 10.8333 4.01873V4.21873ZM10.8333 6.91072L10.6919 7.05214C10.7491 7.10934 10.8351 7.12645 10.9099 7.09549C10.9846 7.06453 11.0333 6.99161 11.0333 6.91072H10.8333ZM8.33333 4.21873V4.01873C8.22288 4.01873 8.13333 4.10827 8.13333 4.21873H8.33333ZM8.33333 6.91072H8.13333C8.13333 6.99161 8.18206 7.06453 8.2568 7.09549C8.33153 7.12645 8.41755 7.10934 8.47475 7.05214L8.33333 6.91072ZM9.28871 5.95535L9.14728 5.81392H9.14728L9.28871 5.95535ZM9.87796 5.95535L9.73654 6.09677L9.87796 5.95535ZM3.58542 16.6146V4.21873H3.18542V16.6146H3.58542ZM11.6279 16.4146H3.38542V16.8146H11.6279V16.4146ZM11.4661 16.7322C11.7227 17.085 12.0308 17.3979 12.3795 17.6599L12.6197 17.3401C12.3029 17.102 12.0228 16.8176 11.7896 16.4969L11.4661 16.7322ZM12.4996 17.3H3.09028V17.7H12.4996V17.3ZM3.09028 17.3C2.87473 17.3 2.7 17.1252 2.7 16.9097H2.3C2.3 17.3462 2.65382 17.7 3.09028 17.7V17.3ZM2.7 16.9097V3.92359H2.3V16.9097H2.7ZM2.7 3.92359C2.7 3.70805 2.87473 3.53331 3.09028 3.53331V3.13331C2.65382 3.13331 2.3 3.48713 2.3 3.92359H2.7ZM3.09028 3.53331H7.91667V3.13331H3.09028V3.53331ZM7.91667 3.53331H11.25V3.13331H7.91667V3.53331ZM11.25 3.53331H16.0764V3.13331H11.25V3.53331ZM16.0764 3.53331C16.2919 3.53331 16.4667 3.70805 16.4667 3.92359H16.8667C16.8667 3.48713 16.5128 3.13331 16.0764 3.13331V3.53331ZM16.4667 3.92359V10.3467H16.8667V3.92359H16.4667ZM16.7467 10.1634C16.4528 10.035 16.142 9.93796 15.8185 9.87661L15.744 10.2696C16.0376 10.3253 16.3197 10.4134 16.5866 10.53L16.7467 10.1634ZM15.5813 4.21873V10.0731H15.9812V4.21873H15.5813ZM11.6667 4.41873H15.7812V4.01873H11.6667V4.41873ZM11.8667 7.91664V4.21873H11.4667V7.91664H11.8667ZM11.486 8.48636C11.7164 8.39091 11.8667 8.16605 11.8667 7.91664H11.4667C11.4667 8.00427 11.4139 8.08327 11.3329 8.11681L11.486 8.48636ZM10.814 8.35268C10.9903 8.52905 11.2556 8.58181 11.486 8.48636L11.3329 8.11681C11.252 8.15034 11.1588 8.13181 11.0968 8.06984L10.814 8.35268ZM9.44191 6.98065L10.814 8.35268L11.0968 8.06984L9.72475 6.69781L9.44191 6.98065ZM8.35272 8.35268L9.72475 6.98065L9.44191 6.69781L8.06987 8.06984L8.35272 8.35268ZM7.68068 8.48636C7.91111 8.58181 8.17635 8.52905 8.35272 8.35268L8.06987 8.06984C8.00791 8.13181 7.91471 8.15034 7.83375 8.11681L7.68068 8.48636ZM7.3 7.91664C7.3 8.16605 7.45025 8.39091 7.68068 8.48636L7.83375 8.11681C7.75279 8.08327 7.7 8.00427 7.7 7.91664H7.3ZM7.3 4.21873V7.91664H7.7V4.21873H7.3ZM3.38542 4.41873H7.5V4.01873H3.38542V4.41873ZM10.6333 4.21873V6.91072H11.0333V4.21873H10.6333ZM8.33333 4.41873H10.8333V4.01873H8.33333V4.41873ZM8.53333 6.91072V4.21873H8.13333V6.91072H8.53333ZM9.14728 5.81392L8.19191 6.76929L8.47475 7.05214L9.43013 6.09677L9.14728 5.81392ZM10.0194 5.81392C9.77856 5.5731 9.38811 5.5731 9.14728 5.81392L9.43013 6.09677C9.51474 6.01215 9.65193 6.01215 9.73654 6.09677L10.0194 5.81392ZM10.9748 6.76929L10.0194 5.81392L9.73654 6.09677L10.6919 7.05214L10.9748 6.76929Z' fill='white' mask='url(%23path-1-outside-1_3914_4663)'/%3E%3Cpath d='M18.1735 14.1667C18.1735 15.9195 16.7525 17.3405 14.9997 17.3405C13.2468 17.3405 11.8259 15.9195 11.8259 14.1667C11.8259 12.4138 13.2468 10.9929 14.9997 10.9929C16.7525 10.9929 18.1735 12.4138 18.1735 14.1667ZM14.9997 18.4333C17.3561 18.4333 19.2663 16.5231 19.2663 14.1667C19.2663 11.8103 17.3561 9.9 14.9997 9.9C12.6433 9.9 10.733 11.8103 10.733 14.1667C10.733 16.5231 12.6433 18.4333 14.9997 18.4333Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M16.6598 13.5471C16.8162 13.3643 16.7984 13.0869 16.6192 12.9265C16.4386 12.7649 16.1637 12.784 16.0062 12.9681L14.7563 14.429L13.9735 13.6284C13.8041 13.4552 13.5285 13.4552 13.3591 13.6284C13.191 13.8004 13.191 14.0784 13.3591 14.2504L14.4702 15.3867C14.5549 15.4733 14.6713 15.5205 14.7919 15.5164C14.9126 15.5123 15.0256 15.4573 15.1043 15.3653L16.6598 13.5471Z' fill='white' stroke='white' stroke-width='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-call-svg {
  width: 140px;
  height: 140px;
  background-image: url("../images/icon-call-svg.svg");
}

.icon-order-cancel {
  width: 140px;
  height: 140px;
  background-image: url("../images/icon-order-cancel.svg");
}

.icon-multiplication {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L12 12' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M4 4L12 12' stroke='black' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12 4L4 12' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12 4L4 12' stroke='black' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-g-plus {
  width: 20px;
  height: 20px;
  background-image: url("../images/icon-g-plus.svg");
}

.icon-w-full-arrow {
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4814 5.16712C11.1601 5.16719 10.0797 5.16729 9.92588 5.16711C9.81898 5.16748 9.44759 5.16677 9.35545 5.16717H5.64851C5.55636 5.16677 5.13396 5.16717 4.96622 5.16722C4.75795 5.16722 4.52872 5.16722 4.43364 5.16717C4.26315 5.16717 3.98413 5.16717 3.81692 5.16717C3.75281 5.16717 3.6526 5.16722 3.5 5.16722L8.16744 11.647C8.25666 11.7667 8.3759 11.8337 8.5 11.8337C8.6241 11.8337 8.74334 11.7667 8.83255 11.647L13.5 5.16722C13.2421 5.16734 12.8364 5.16726 12.5713 5.16748C12.2071 5.16734 11.5947 5.16719 11.4814 5.16712Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-estimate {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-estimate.svg");
}

.icon-dark-plus {
  width: 9px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33425 3.29558H8.32873V4.79282H5.33425V7.78729H3.83149V4.79282H0.848066V3.29558H3.83149V0.306629H5.33425V3.29558Z' fill='%23222222'/%3E%3Cpath d='M5.33425 3.29558H8.32873V4.79282H5.33425V7.78729H3.83149V4.79282H0.848066V3.29558H3.83149V0.306629H5.33425V3.29558Z' fill='black' fill-opacity='0.2'/%3E%3C/svg%3E%0A");
}

.icon-function {
  width: 16px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3529 13.8495C13.3529 13.8495 14.3278 12.8746 14.3271 11.4951C14.3271 11.4951 14.3265 10.116 13.3509 9.14042L10.3523 6.14185L7.35372 3.14327C7.35372 3.14327 6.37812 2.16768 4.999 2.16699C4.999 2.16699 3.61959 2.16631 2.64461 3.14129C2.64461 3.14129 1.66962 4.11627 1.67031 5.49568C1.67031 5.49568 1.671 6.8748 2.64659 7.8504L8.64374 13.8475C8.64374 13.8475 9.61934 14.8231 10.9985 14.8238C10.9985 14.8238 12.3779 14.8245 13.3529 13.8495ZM12.6457 13.1424C12.6457 13.1424 11.9639 13.8243 10.999 13.8238C10.999 13.8238 10.0338 13.8233 9.35085 13.1404L3.3537 7.14329C3.3537 7.14329 2.67079 6.46038 2.67031 5.49518C2.67031 5.49518 2.66983 4.53027 3.35171 3.84839C3.35171 3.84839 4.03359 3.16651 4.9985 3.16699C4.9985 3.16699 5.9637 3.16747 6.64661 3.85038L9.68126 6.88503L12.6438 9.84753C12.6438 9.84753 13.3267 10.5304 13.3271 11.4956C13.3271 11.4956 13.3276 12.4605 12.6457 13.1424Z' fill='%2314907F'/%3E%3Cpath d='M6.35397 10.8529C6.2602 10.9467 6.13277 10.9996 6.00016 10.9996C5.86755 10.9996 5.74037 10.947 5.64661 10.8532C5.55284 10.7594 5.50016 10.6322 5.50016 10.4996C5.50016 10.367 5.90639 9.88352 6.00016 9.78975L9.25938 6.46315L9.45469 6.65847C9.45469 6.65847 9.58749 6.79126 9.68126 6.88503C9.77502 6.9788 9.86192 7.06569 9.86192 7.06569L10.0002 7.20393L6.35397 10.8529Z' fill='%2314907F'/%3E%3Cpath d='M5.64621 7.8652L4.1213 6.39028C4.0239 6.29608 3.96891 6.16638 3.96891 6.03089C3.96891 6.02504 3.96902 6.01919 3.96922 6.01334C3.97356 5.88975 4.02354 5.77216 4.10952 5.68327C4.20372 5.58588 4.33341 5.53089 4.46891 5.53089C4.47476 5.53089 4.48061 5.53099 4.48646 5.53119C4.61004 5.53553 4.72764 5.58552 4.81652 5.67149L6.34144 7.1464C6.43892 7.24069 6.49391 7.37039 6.49391 7.50589C6.49391 7.51173 6.49381 7.51758 6.4936 7.52343C6.48926 7.64702 6.43928 7.76461 6.35331 7.8535C6.25911 7.95089 6.12941 8.00589 5.99391 8.00589C5.98806 8.00589 5.98221 8.00578 5.97637 8.00558C5.85278 8.00124 5.73519 7.95125 5.64621 7.8652Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-w-close {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L12 12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 4L4 12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-rice {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7207_28473)'%3E%3Cpath d='M13.3414 10.0749C13.523 9.18 13.6977 8.41213 13.8325 7.63758C13.9731 6.83182 14.3353 6.6145 15.1217 6.93769C17.6933 7.99532 19.1337 9.79964 19.1759 12.52C19.1759 12.5691 19.2029 12.6181 19.2627 12.8276C19.4889 12.3495 19.6752 11.9974 19.8229 11.6329C20.0866 10.981 20.5566 10.8305 21.1391 11.2685C22.8386 12.5457 23.8619 14.1561 23.883 16.3181C23.9568 16.1487 24.0353 15.9805 24.1045 15.8099C24.3002 15.3252 24.7784 15.1223 25.2379 15.4032C28.0227 17.105 29.067 20.2611 27.6734 22.7988C27.2726 23.5276 26.7076 24.1762 26.1486 24.9586C27.0335 25.8178 28.0168 26.7729 29.0002 27.728C28.0379 27.8228 27.0792 28.1571 26.3818 27.2098C26.0161 26.7128 25.5356 26.2937 25.2332 25.9728C24.115 26.5991 23.2207 27.2611 22.2092 27.6311C20.1007 28.4012 18.1422 27.9342 16.4227 26.5824C15.9762 26.2302 15.58 25.8067 15.219 25.3721C14.6681 24.709 14.8158 24.2955 15.6503 23.989C15.7382 23.9567 15.8238 23.9199 16.0465 23.8308C15.5179 23.7583 15.1253 23.7082 14.735 23.6502C12.9933 23.3917 11.6923 22.4655 10.6386 21.1806C10.2553 20.7125 10.4253 20.2143 11.0148 19.9769C11.3195 19.8543 11.6243 19.7317 11.9279 19.6058C11.9783 19.5846 12.0204 19.5445 12.1529 19.4554C11.6606 19.3874 11.2691 19.3428 10.8812 19.277C8.41985 18.8569 6.85865 17.4415 6.01359 15.2572C5.80848 14.7256 6.16127 14.3645 6.83521 14.2731C7.66035 14.1605 8.47611 13.9911 9.41142 13.8262C9.24733 13.7058 9.19928 13.6523 9.1395 13.6278C7.91938 13.1241 7.00985 12.2927 6.50117 11.1403C5.89873 9.77623 5.36544 8.38315 4.86379 6.98227C4.58836 6.21218 5.30449 5.50783 6.10384 5.76639C7.61347 6.25564 9.11137 6.78947 10.5858 7.36899C11.7474 7.82481 12.5854 8.64059 13.0917 9.74837C13.1269 9.82527 13.196 9.88768 13.3449 10.0783L13.3414 10.0749ZM6.65589 7.38236L6.48359 7.5395C7.00634 8.66288 7.4904 9.8041 8.06471 10.9041C8.64723 12.0197 9.70561 12.5056 10.9691 12.5858C11.8083 12.6393 12.2033 12.2102 12.0673 11.4112C11.8751 10.2822 11.3688 9.3271 10.2366 8.78213C9.62708 8.48903 9.02229 8.18255 8.39289 7.93514C7.8303 7.71336 7.23723 7.56402 6.65706 7.38348L6.65589 7.38236ZM12.5244 20.9944C13.884 22.8322 17.5315 22.762 19.0833 20.8685C17.6933 19.0932 14.4666 19.4186 12.5244 20.9944ZM15.2847 8.61942C14.0376 10.7748 15.0045 14.1739 16.9654 14.6141C18.407 12.6114 17.5878 9.63024 15.2847 8.61942ZM25.3562 23.473C27.6734 21.5082 26.8225 18.1325 25.1793 17.2744C23.5208 19.8354 23.5747 22.0532 25.3562 23.473ZM20.791 19.2514C22.7753 17.7045 22.8117 14.214 20.8883 13.016C19.1033 15.0677 19.0458 17.9185 20.791 19.2514ZM16.9467 25.1057C18.5606 26.9033 21.7181 27.173 23.5184 25.2049C22.2069 23.5321 19.1548 23.4752 16.9467 25.1057ZM7.86663 15.6562C7.91469 15.762 7.9393 15.8311 7.97564 15.8924C9.068 17.7279 11.4286 18.4055 13.6778 17.5296C14.34 17.2721 14.3376 17.2231 13.9368 16.6815C12.5596 14.8214 9.75718 14.9362 7.86663 15.6562ZM12.4998 14.0201C13.5383 14.301 14.5685 15.0354 15.3269 16.1387C15.7969 16.823 16.2516 17.4705 15.4253 18.2038C16.4403 18.2997 17.3709 18.3866 18.2582 18.4702C18.1586 17.6488 18.0519 16.7673 17.9406 15.8367C17.2303 16.4619 16.588 16.1799 15.8988 15.7542C14.7572 15.0499 13.9274 14.1427 13.5371 12.8923C13.5183 12.8321 13.4504 12.7842 13.4047 12.7318L13.6086 12.9636C13.2171 13.3369 12.8268 13.7103 12.501 14.0212L12.4998 14.0201ZM22.7812 22.7642C22.671 21.7913 22.5527 20.7403 22.4483 19.8064C21.9772 20.1062 21.39 20.4784 20.8039 20.8529C20.7735 20.873 20.75 20.9053 20.7289 20.9354C20.3644 21.4636 20.0022 21.9919 19.6928 22.441C20.6773 22.5447 21.7674 22.6583 22.7812 22.7653V22.7642Z' fill='white'/%3E%3Cpath d='M13.7761 5.88793C13.3354 5.90019 12.9509 5.58591 12.9779 5.18136C13.0049 4.77792 13.2135 4.48371 13.6929 4.45807C14.1336 4.43467 14.5063 4.73335 14.5309 5.13121C14.5543 5.52573 14.2062 5.87567 13.7761 5.88793Z' fill='white'/%3E%3Cpath d='M3.69883 5.44345C3.28861 5.41893 3.04482 5.16038 3.00262 4.74245C2.96395 4.35016 3.35893 3.97793 3.77736 4.00022C4.2333 4.02585 4.48998 4.2911 4.53335 4.70791C4.57554 5.10354 4.18993 5.4468 3.69883 5.44234V5.44345Z' fill='white'/%3E%3Cpath d='M4.36996 14.9195C3.82144 14.9306 3.44286 14.6197 3.45692 14.2207C3.47216 13.7983 3.72298 13.5342 4.17306 13.493C4.60555 13.4529 4.97123 13.7772 4.96186 14.194C4.95248 14.6175 4.72627 14.8783 4.36996 14.9195Z' fill='white'/%3E%3Cpath d='M21.9545 9.37618C21.9135 9.80302 21.6838 10.0683 21.2349 10.1106C20.7989 10.1518 20.4578 9.83422 20.4484 9.41407C20.439 9.01621 20.7918 8.65066 21.2009 8.67741C21.6451 8.70638 21.8912 8.96048 21.9545 9.37618Z' fill='white'/%3E%3Cpath d='M8.69645 21.9952C8.22997 21.9752 7.98618 21.7211 7.94516 21.3009C7.90648 20.8975 8.27803 20.5175 8.68942 20.5431C9.13598 20.571 9.40438 20.8239 9.45595 21.2419C9.50284 21.6208 9.11019 21.9908 8.69645 21.9964V21.9952Z' fill='white'/%3E%3Cpath d='M26.283 13.5242C26.2678 13.9142 25.8739 14.2775 25.4754 14.2296C25.0324 14.1772 24.764 13.9075 24.7816 13.4863C24.798 13.0739 25.0512 12.7986 25.5176 12.7875C25.9525 12.7763 26.2982 13.1218 26.283 13.5242Z' fill='white'/%3E%3Cpath d='M12.9249 24.6666C13.4664 24.6822 13.7887 24.9987 13.7606 25.42C13.7313 25.8647 13.4476 26.0753 12.9987 26.0853C12.5487 26.0954 12.2287 25.7733 12.265 25.342C12.3014 24.9118 12.5545 24.6789 12.9249 24.6666Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7207_28473'%3E%3Crect width='26' height='24' fill='white' transform='translate(3 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-primary-rice {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6858_28150)'%3E%3Cpath d='M10.0058 8.05618C10.142 7.385 10.273 6.8091 10.3741 6.22818C10.4796 5.62386 10.7512 5.46087 11.3411 5.70327C13.2697 6.49649 14.3501 7.84973 14.3817 9.89004C14.3817 9.92681 14.4019 9.96359 14.4467 10.1207C14.6164 9.76215 14.7562 9.49802 14.8669 9.2247C15.0647 8.73573 15.4172 8.62289 15.8541 8.95138C17.1287 9.90926 17.8961 11.1171 17.912 12.7386C17.9674 12.6116 18.0262 12.4853 18.0781 12.3575C18.2249 11.9939 18.5836 11.8417 18.9282 12.0524C21.0168 13.3287 21.8 15.6958 20.7548 17.5991C20.4542 18.1457 20.0305 18.6322 19.6112 19.2189C20.2749 19.8634 21.0124 20.5797 21.7499 21.296C21.0282 21.3671 20.3091 21.6178 19.7861 20.9074C19.5118 20.5346 19.1514 20.2203 18.9246 19.9796C18.086 20.4493 17.4153 20.9458 16.6567 21.2233C15.0753 21.8009 13.6064 21.4507 12.3168 20.4368C11.9819 20.1726 11.6848 19.855 11.414 19.529C11.0009 19.0317 11.1116 18.7216 11.7375 18.4918C11.8034 18.4675 11.8676 18.4399 12.0346 18.3731C11.6382 18.3187 11.3437 18.2811 11.051 18.2377C9.7447 18.0437 8.76896 17.3491 7.97869 16.3854C7.69124 16.0344 7.8187 15.6607 8.26086 15.4827C8.48942 15.3908 8.71797 15.2988 8.94564 15.2044C8.98344 15.1885 9.01509 15.1584 9.11442 15.0915C8.74522 15.0405 8.45162 15.0071 8.16065 14.9578C6.31464 14.6427 5.14375 13.5811 4.50995 11.9429C4.35612 11.5442 4.62071 11.2734 5.12617 11.2048C5.74502 11.1204 6.35684 10.9934 7.05832 10.8697C6.93525 10.7794 6.89921 10.7393 6.85438 10.7209C5.93929 10.3431 5.25714 9.71952 4.87564 8.85525C4.4238 7.83218 4.02384 6.78736 3.6476 5.7367C3.44102 5.15913 3.97812 4.63087 4.57764 4.82479C5.70986 5.19173 6.83328 5.5921 7.93913 6.02674C8.81027 6.3686 9.43879 6.98045 9.81854 7.81128C9.84491 7.86895 9.89678 7.91576 10.0084 8.05869L10.0058 8.05618ZM4.99167 6.03677L4.86245 6.15463C5.25451 6.99716 5.61756 7.85307 6.04829 8.67805C6.48518 9.51474 7.27896 9.87917 8.22658 9.93935C8.85598 9.97947 9.15222 9.65767 9.05025 9.05837C8.90609 8.21165 8.52634 7.49533 7.67717 7.0866C7.22007 6.86677 6.76648 6.63691 6.29443 6.45135C5.87248 6.28502 5.42768 6.17302 4.99255 6.03761L4.99167 6.03677ZM9.39308 16.2458C10.4128 17.6241 13.1484 17.5715 14.3123 16.1514C13.2697 14.8199 10.8497 15.0639 9.39308 16.2458ZM11.4632 6.96456C10.5279 8.5811 11.2532 11.1304 12.7238 11.4606C13.805 9.95857 13.1906 7.72268 11.4632 6.96456ZM19.0169 18.1048C20.7548 16.6312 20.1166 14.0994 18.8842 13.4558C17.6403 15.3765 17.6808 17.0399 19.0169 18.1048ZM15.593 14.9386C17.0813 13.7784 17.1085 11.1605 15.666 10.262C14.3272 11.8008 14.2841 13.9389 15.593 14.9386ZM12.7097 19.3293C13.9202 20.6775 16.2884 20.8798 17.6386 19.4037C16.6549 18.1491 14.3659 18.1064 12.7097 19.3293ZM5.89973 12.2421C5.93577 12.3215 5.95423 12.3733 5.98148 12.4193C6.80076 13.796 8.57117 14.3042 10.2581 13.6472C10.7547 13.4541 10.753 13.4173 10.4523 13.0111C9.41945 11.6161 7.31764 11.7022 5.89973 12.2421ZM9.37462 11.0151C10.1535 11.2257 10.9261 11.7765 11.4949 12.604C11.8474 13.1172 12.1885 13.6029 11.5687 14.1529C12.33 14.2247 13.028 14.2899 13.6934 14.3526C13.6187 13.7366 13.5387 13.0755 13.4552 12.3775C12.9225 12.8464 12.4408 12.635 11.9239 12.3157C11.0677 11.7874 10.4453 11.107 10.1526 10.1692C10.1385 10.1241 10.0875 10.0881 10.0532 10.0488L10.2062 10.2227C9.9126 10.5027 9.61988 10.7827 9.3755 11.0159L9.37462 11.0151ZM17.0857 17.5732C17.003 16.8435 16.9142 16.0553 16.836 15.3548C16.4826 15.5797 16.0422 15.8588 15.6027 16.1397C15.5798 16.1547 15.5623 16.179 15.5464 16.2015C15.2731 16.5977 15.0014 16.9939 14.7694 17.3308C15.5078 17.4085 16.3253 17.4938 17.0857 17.574V17.5732Z' fill='%2314907F'/%3E%3Cpath d='M10.3321 4.91589C10.0015 4.92508 9.71321 4.68937 9.73343 4.38596C9.75364 4.08338 9.91011 3.86272 10.2696 3.84349C10.6002 3.82594 10.8797 4.04995 10.8982 4.34835C10.9157 4.64424 10.6547 4.90669 10.3321 4.91589Z' fill='%23222222'/%3E%3Cpath d='M2.77388 4.58241C2.46621 4.56402 2.28337 4.3701 2.25172 4.05666C2.22272 3.76244 2.51896 3.48327 2.83278 3.49998C3.17473 3.51921 3.36724 3.71814 3.39977 4.03075C3.43141 4.32747 3.1422 4.58491 2.77388 4.58157V4.58241Z' fill='%23222222'/%3E%3Cpath d='M3.27759 11.6896C2.8662 11.698 2.58227 11.4648 2.59281 11.1655C2.60424 10.8487 2.79236 10.6506 3.12991 10.6197C3.45428 10.5896 3.72855 10.8328 3.72152 11.1455C3.71448 11.4631 3.54483 11.6587 3.27759 11.6896Z' fill='%23222222'/%3E%3Cpath d='M16.4659 7.53219C16.4351 7.85232 16.2628 8.05126 15.9262 8.08302C15.5992 8.11394 15.3434 7.87573 15.3363 7.56061C15.3293 7.26221 15.5939 6.98806 15.9007 7.00812C16.2338 7.02985 16.4184 7.22042 16.4659 7.53219Z' fill='%23222222'/%3E%3Cpath d='M6.5221 16.9964C6.17223 16.9814 5.98939 16.7908 5.95862 16.4757C5.92962 16.1731 6.20828 15.8881 6.51682 15.9073C6.85174 15.9282 7.05304 16.1179 7.09172 16.4314C7.12688 16.7156 6.8324 16.9931 6.5221 16.9972V16.9964Z' fill='%23222222'/%3E%3Cpath d='M19.7124 10.6431C19.7009 10.9357 19.4056 11.2082 19.1067 11.1722C18.7744 11.133 18.5731 10.9307 18.5863 10.6147C18.5986 10.3055 18.7885 10.099 19.1383 10.0907C19.4645 10.0823 19.7238 10.3414 19.7124 10.6431Z' fill='%23222222'/%3E%3Cpath d='M9.69379 19C10.0999 19.0117 10.3417 19.2491 10.3206 19.565C10.2986 19.8985 10.0858 20.0565 9.74917 20.064C9.41161 20.0716 9.17163 19.83 9.19888 19.5065C9.22614 19.1839 9.41601 19.0092 9.69379 19Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6858_28150'%3E%3Crect width='19.5' height='18' fill='white' transform='translate(2.25 3.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-simple-logo {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9307 17.1125L22.8041 23.1232C24.9448 25.7807 24.5278 29.6686 21.8702 31.8094C19.2127 33.9501 15.3248 33.5331 13.1841 30.8756L8.13281 24.6448' fill='%2314907F'/%3E%3Cpath d='M6.98646 23.1418L2.77716 17.958C0.636448 15.3004 1.05343 11.4125 3.71097 9.27179C6.3685 7.13108 10.2564 7.54806 12.3971 10.2056L16.8653 15.5874L6.98646 23.1418Z' fill='%2314907F'/%3E%3Cpath d='M19.3398 16.0317C19.3398 16.0317 28.6721 7.33382 38.524 9.75643C38.524 9.75643 41.7865 27.3843 23.5156 31.9535C23.5156 31.9535 27.0188 28.9759 24.975 24.5946C24.975 24.5946 26.5808 16.0317 33.4351 12.2466C33.4351 12.2466 25.778 14.4732 23.0828 20.6038L19.3398 16.0317Z' fill='%2314907F'/%3E%3C/svg%3E%0A");
}

.icon-vision-01 {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-vision-01.svg");
}

.icon-vision-02 {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-vision-02.svg");
}

.icon-vision-03 {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-vision-03.svg");
}

.overflow-y-scroll {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.m-b-30 {
  margin-bottom: 30px;
}

.g-10px {
  --bs-gutter-x: 0.625rem;
  --bs-gutter-y: 0.625rem;
}

.g-20px {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}

.gap-10px {
  gap: 10px !important;
}

.gap-20px {
  gap: 20px !important;
}

.gap-30px {
  gap: 30px !important;
}

.gap-40px {
  gap: 40px !important;
}

.gap-60px {
  gap: 60px !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.bg-black {
  background-color: #000 !important;
}

.color-red {
  color: #FA4555 !important;
}

.text-dark {
  color: #222 !important;
  line-height: 140%;
}

.text-gray {
  color: #999 !important;
  line-height: 140%;
}

.color-blue {
  color: #4698E3;
}

.bold {
  font-weight: 700;
}

.vertical-top {
  vertical-align: top;
}

.vertical-baseline {
  vertical-align: baseline;
}

.flex-direction-column {
  flex-direction: column;
}

.border-right {
  border-right: 1px solid #eee;
}
@media (max-width: 991.98px) {
  .border-right {
    border: 0;
  }
}

.navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  gap: 5px;
}
.navigation .page-prev a, .navigation .page-next a {
  padding: 0;
}
.navigation .pagination {
  display: flex;
  align-items: center;
  gap: 5px;
}
.navigation a {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(238, 238, 238, 0.9333333333);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: "Pretendard";
}
.navigation a.active {
  background-color: #202020;
  color: #fff;
}
@media (min-width: 992px) {
  .navigation {
    gap: 10px;
    margin-top: 40px;
  }
  .navigation .pagination {
    gap: 10px;
  }
  .navigation a {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }
  .navigation a.active {
    background-color: #202020;
    color: #fff;
  }
}

.btn {
  width: 160px;
  display: inline-block;
  font-weight: 600;
  color: #000;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 9px 0;
  font-size: 15px;
  line-height: 150%;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn.btn-auto {
  width: auto;
}
.btn.btn-auto.btn-sm {
  padding: 5px 16px;
  font-size: 14px;
}
.btn.btn-auto.btn-md {
  padding: 9px 24px;
  font-size: 14px;
}
.btn.btn-auto.btn-lg {
  padding: 14px 32px;
  font-size: 16px;
}
.btn.btn-sm {
  padding: 5px 0;
  font-size: 14px;
}
.btn.btn-lg {
  padding: 14px 0;
  font-size: 16px;
}
.btn.btn-lg.round {
  border-radius: 8px;
}
@media (max-width: 991.98px) {
  .btn {
    padding: 8px 13px;
    font-size: 14px;
  }
  .btn.btn-auto.btn-sm {
    padding: 4px 16px;
    font-size: 12px;
  }
  .btn.btn-auto.btn-md {
    padding: 5px 18px;
    font-size: 12px;
  }
  .btn.btn-auto.btn-lg {
    padding: 7px 21px;
    font-size: 14px;
  }
  .btn.round-btn.plus {
    width: 30px;
    height: 30px;
  }
  .btn.round-btn.minus {
    width: 30px;
    height: 30px;
  }
  .btn.btn-md {
    max-height: 44px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
  }
  .btn.btn-lg {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
  }
}
@media (max-width: 767.98px) {
  .btn {
    padding: 8px 13px;
    font-size: 14px;
  }
  .btn.btn-auto.btn-sm {
    padding: 4px 16px;
    font-size: 12px;
  }
  .btn.btn-auto.btn-md {
    padding: 5px 18px;
    font-size: 12px;
  }
  .btn.btn-auto.btn-lg {
    padding: 7px 21px;
    font-size: 14px;
  }
  .btn.round-btn.plus {
    width: 30px;
    height: 30px;
  }
  .btn.round-btn.minus {
    width: 30px;
    height: 30px;
  }
  .btn.btn-md {
    font-size: 12px;
  }
  .btn.btn-lg {
    font-size: 12px;
    padding: 9px 0;
  }
}
.btn.btn-primary {
  background-color: #14907F !important;
  color: #fff !important;
}
.btn.btn-outline-primary {
  background-color: #fff !important;
  border: 1px solid #14907F !important;
  color: #14907F !important;
}
.btn.btn-secondary {
  background-color: #213E3E !important;
  color: #fff !important;
}
.btn.btn-outline-secondary {
  background-color: #fff !important;
  border: 1px solid #213E3E !important;
  color: #213E3E !important;
}
.btn.btn-dark {
  background-color: #222222 !important;
  color: #fff !important;
}
.btn.btn-outline-dark {
  background-color: #fff !important;
  border: 1px solid #222222 !important;
  color: #222222 !important;
}
.btn.btn-outline-dark:disabled {
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}
.btn.btn-gray {
  background-color: #999 !important;
  color: #fff !important;
}
.btn.btn-outline-gray {
  background-color: #fff !important;
  border: 1px solid #E2E2E2 !important;
  color: #999 !important;
}
.btn.btn-gray-dark {
  background-color: #999 !important;
  color: #fff !important;
}
.btn.btn-outline-white {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}
.btn.round {
  border-radius: 8px;
}
.btn.btn-outline-danger-dark {
  border: 1px solid #FA4555 !important;
  color: #FA4555 !important;
  border-radius: 24px;
}
.btn.btn-danger {
  border: 1px solid #F22 !important;
  color: #fff !important;
  background-color: #F22 !important;
}
.btn.btn-outline-danger {
  border: 1px solid #F22 !important;
  color: #FA4555 !important;
}
.btn.btn-outline-black {
  border: 1px solid #222 !important;
  color: #000 !important;
  border-radius: 24px;
}
.btn.btn-lightgray {
  border: 1px solid #E2E2E2 !important;
  color: #222 !important;
  background-color: #F7F7F7 !important;
}

.form-control {
  display: block;
  width: 100%;
  border: 1px solid #E2E2E2;
  font-size: 15px;
  line-height: 150%;
  color: #222;
  padding: 9px 12px;
  border-radius: 6px;
  caret-color: #14907F;
}
.form-control.white {
  background-color: #fff;
  border: 1px solid #ddd;
}
.form-control::-moz-placeholder {
  color: #999;
}
.form-control::placeholder {
  color: #999;
}
.form-control:focus {
  outline: 1px solid #222;
}
.form-control:focus::-moz-placeholder {
  color: #222;
}
.form-control:focus::placeholder {
  color: #222;
}
.form-control[type=file] {
  margin-top: 10px;
}
.form-control[type=number]::-webkit-outer-spin-button, .form-control[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-control:disabled {
  background-color: #fff;
  color: #ccc;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .form-control {
    font-size: 13px;
    padding: 6px 10px;
  }
}

.search-form {
  position: relative;
}
.search-form .icon-search {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.form-password {
  position: relative;
}
.form-password .view-pw {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.input-txt {
  color: #FA4555;
  font-size: 14px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.input-form .input-form-title {
  margin-bottom: 5px;
  font-weight: 500;
}
.input-form .form {
  width: 100%;
}
/*.input-form .form.error .form-control {
  border: 1px solid #F22;
}
.input-form .form.error .form-control:focus {
  outline: #F22;
}*/
.input-form .form.error .input-txt {
  display: block;
}
.input-form .input-txt {
  display: none;
}

.certification-form > div {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 991.98px) {
  .certification-form > div {
    gap: 4px;
  }
}
.certification-form > div .form-control {
  flex-shrink: 1;
}
.certification-form > div .btn {
  flex-shrink: 0;
}

.time-form {
  position: relative;
  margin-top: 10px;
}
.time-form .timer {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #FA4555;
  font-size: 14px;
}

.g-10 {
  gap: 10px;
}

.g-20 {
  gap: 20px;
}

.direct-input {
  width: 100%;
  height: 130px;
  border: 1px solid #999;
  margin-top: 10px;
  border-radius: 6px;
}

.select-design {
  opacity: 0;
  height: 40px;
}
.select-design.select-lg + .select2-container .select2-selection--single {
  height: 46px;
}
.select-design.select-lg + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 46px;
  font-size: 15px;
}
.select-design.select-xl + .select2-container .select2-selection--single {
  height: 54px;
}
.select-design.select-xl + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 54px;
  font-size: 15px;
}

.select2-container {
  height: 40px;
}

.select2-container--default .select2-selection--single {
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1;
  padding: 12px 30px 12px 10px;
  color: #4d4d4d;
  letter-spacing: -0.16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: transparent;
  border-style: none;
  border-width: 0;
  background-image: url("../images/icon-dropdown.svg");
  width: 24px;
  height: 24px;
  margin-left: -20px;
  margin-top: -5px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #000;
  background-color: #fff;
}
.select2-container--default .select2-results__option--selected {
  color: #000;
  background-color: #fff;
  background-image: url("../images/icon-check.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 80px 5px;
}

.select2-results__option {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 1.71;
  padding: 2px 25px 2px 10px;
}

.form-select {
  width: 100%;
  border: none;
  border: 1px solid #E2E2E2;
  font-size: 14px;
  line-height: 150%;
  padding: 6px 30px 6px 10px;
  color: #222;
  -webkit-appearance: none;
  background-image: url("../images/icon-select-arrow.svg");
  background-position: 97% 50%;
  background-repeat: no-repeat;
  border-radius: 6px;
  background-color: transparent;
}
.form-select.sub-page {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: 88% 50%;
}
.form-select.select-sm {
  font-size: 12px;
}
@media (min-width: 992px) {
  .form-select {
    font-size: 15px;
    padding: 9px 40px 9px 12px;
  }
  .form-select.select-sm {
    font-size: 15px;
  }
}

.select-group {
  display: flex;
  gap: 10px;
}
@media (min-width: 992px) {
  .select-group {
    gap: 20px;
  }
}

.tab-month-select {
  margin-bottom: 20px;
}
.tab-month-select select {
  padding: 12px 16px;
  border-radius: 8px;
  color: #fff;
  background-color: #14907F;
  border: 0;
  letter-spacing: -0.28px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9814 8.66663C14.6601 8.6667 13.5797 8.6668 13.4259 8.66663C13.319 8.667 12.9476 8.66628 12.8554 8.66668H9.14851C9.05636 8.66628 8.63396 8.66668 8.46622 8.66673C8.25795 8.66673 8.02872 8.66673 7.93364 8.66668C7.76315 8.66668 7.48413 8.66668 7.31692 8.66668C7.25281 8.66668 7.1526 8.66673 7 8.66673L11.6674 15.1465C11.7567 15.2662 11.8759 15.3332 12 15.3332C12.1241 15.3332 12.2433 15.2662 12.3326 15.1465L17 8.66673C16.7421 8.66685 16.3364 8.66677 16.0713 8.667C15.7071 8.66685 15.0947 8.6667 14.9814 8.66663Z' fill='white'/%3E%3C/svg%3E%0A");
}

.input-icon {
  padding: 9px 12px;
  border-radius: 4px;
  border: 1px solid #EEF1F3;
  display: flex;
  justify-content: space-between;
}
.input-icon.sm {
  padding: 5px 12px;
}
.input-icon.sm .datepicker {
  font-size: 15px;
  line-height: 1;
  max-width: 110px;
}
@media (max-width: 991.98px) {
  .input-icon.sm {
    padding: 4px 8px;
  }
  .input-icon.sm .datepicker {
    font-size: 13px;
    max-width: 80px;
  }
  .input-icon.sm .icon-calendar {
    width: 18px;
    height: 18px;
  }
}
.input-icon .datepicker {
  border: 0;
  width: 100%;
}
.input-icon.slash {
  position: relative;
}
.input-icon.slash::before {
  content: "/";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #999;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .input-icon.slash::before {
    font-size: 12px;
    left: -9px;
  }
}

.select-wrap {
  position: relative;
}
.select-wrap .select-btn {
  padding: 9px 16px;
  border: 1px solid #E2E2E2;
  width: 25%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-wrap .optionlist {
  padding: 0 16px 9px;
  border: 1px solid #E2E2E2;
  border-top: 0;
  width: 25%;
  border-radius: 0 0 4px 4px;
  max-height: 240px;
  overflow-y: auto;
  position: absolute;
  top: 35px;
  background-color: #fff;
  display: none;
  z-index: 1;
}
.select-wrap .optionlist .optionitem {
  margin-top: 16px;
  cursor: pointer;
}
.select-wrap.show .select-btn {
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.select-wrap.show .optionlist {
  display: block;
}
@media (max-width: 991.98px) {
  .select-wrap .select-btn {
    width: 50%;
  }
  .select-wrap .optionlist {
    width: 50%;
  }
}

.table-container {
  overflow: auto;
  position: relative;
  margin-bottom: 50px;
}
.table-container.modal-table {
  margin-bottom: 0;
}
.table-container .pagination {
  margin-top: 80px;
}

.table-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 1rem;
}
.table-header .table-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #000000;
}
@media (min-width: 992px) {
  .table-header .table-title {
    font-size: 28px;
  }
}
.table-header .form-select {
  width: auto;
  border: 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2D3338;
  padding-left: 0;
}
@media (min-width: 992px) {
  .table-header .form-select {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
}
.table-header .type-1 {
  display: flex;
  align-items: center;
  gap: 24px;
  letter-spacing: -0.3px;
}
.table-header .type-1 p {
  font-size: 15px;
  color: #F22;
  line-height: 150%;
  font-weight: 700;
}
.table-header .type-1 div {
  position: relative;
}
.table-header .type-1 div::before {
  content: "";
  height: 10px;
  width: 1px;
  background-color: #999;
  left: -12px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .table-header .type-1 {
    letter-spacing: -0.36px;
  }
  .table-header .type-1 p {
    font-size: 18px;
    position: relative;
  }
}
.table-header .type-2 {
  display: flex;
  align-items: center;
  gap: 40px;
}
.table-header .type-2 p {
  font-size: 14px;
  line-height: 150%;
  font-weight: 500;
}
.table-header .type-2 p span {
  font-weight: 700;
  color: #F22;
}
@media (min-width: 992px) {
  .table-header .type-2 p {
    font-size: 16px;
  }
}

.table {
  width: 100%;
}
.table.custom-table thead th {
  font-weight: 700;
  padding: 12px;
  font-size: 14px;
  border-bottom: 1px solid #222;
}
.table.custom-table thead th span {
  color: #14907F;
}
@media (max-width: 767.98px) {
  .table.custom-table thead th {
    font-size: 12px;
  }
}
.table.custom-table tbody th {
  border-bottom: 1px solid #ccc;
  padding: 18px;
  color: #222222;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.table.custom-table tbody td {
  padding: 18px;
  border-bottom: 1px solid #ccc;
  color: #222222;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.table.custom-table tbody .accordion-button {
  vertical-align: top;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .table.custom-table tbody td {
    padding: 9px 12px;
  }
}
.table.custom-table .input-form {
  padding-top: 0;
}
.table.custom-1 tbody {
  padding: 40px 0;
}
.table.custom-1 tbody th, .table.custom-1 tbody td {
  border-bottom: 0;
  padding: 5px 9px;
}
@media (max-width: 767.98px) {
  .table.swipe {
    width: 800px;
  }
}
@media (min-width: 992px) {
  .table.custom-table thead th {
    font-weight: 700;
    padding: 18px;
  }
}
.table.gray th {
  background-color: #f7f7f7;
}
.table.gray th, .table.gray td {
  border: 1px solid #eee;
  padding: 4px 12px;
}

.scroll-tab.date-tab {
  margin-bottom: 82px;
}
.scroll-tab.find-tab {
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.scroll-tab.find-tab.certification {
  margin: 0 20px;
}
.scroll-tab.find-tab.certification .nav-tabs {
  justify-content: center;
  gap: 130px;
}
.scroll-tab .nav-tabs {
  gap: 8px;
  width: auto;
}
.scroll-tab .nav-tabs .nav-item {
  width: auto;
  flex: 0 0 auto;
}
.scroll-tab .nav-tabs .nav-item .nav-link {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 0;
  border: 0;
  background-color: #f7f7f7;
  border-radius: 160px;
  color: #666;
}
.scroll-tab .nav-tabs .nav-item .nav-link.active {
  color: #fff;
  background-color: #000;
}
.scroll-tab .nav-tabs.mypage {
  gap: 24px;
}
.scroll-tab .nav-tabs.mypage .nav-item .nav-link {
  width: 100%;
  font-size: 14px;
  line-height: 150%;
  padding: 0;
  font-weight: 600;
  border: 0;
  background-color: transparent;
  color: #999;
  position: relative;
  letter-spacing: -0.28px;
}
.scroll-tab .nav-tabs.mypage .nav-item .nav-link.active {
  color: #222222;
  background-color: transparent;
  font-weight: 700;
  position: relative;
}
.scroll-tab .nav-tabs.product-detail {
  gap: 24px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 24px;
}
@media (max-width: 991.98px) {
  .scroll-tab .nav-tabs.product-detail {
    padding-bottom: 12px;
    justify-content: center;
  }
}
.scroll-tab .nav-tabs.product-detail .nav-item .nav-link {
  width: 100%;
  font-size: 18px;
  line-height: 150%;
  padding: 0;
  font-weight: 600;
  border: 0;
  background-color: transparent;
  color: #999;
  position: relative;
  letter-spacing: -0.28px;
}
@media (max-width: 991.98px) {
  .scroll-tab .nav-tabs.product-detail .nav-item .nav-link {
    font-size: 14px;
  }
}
.scroll-tab .nav-tabs.product-detail .nav-item .nav-link.active {
  color: #222222;
  background-color: transparent;
  font-weight: 700;
  position: relative;
}
.scroll-tab .nav-tabs.product-detail .nav-item .nav-link.active::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #000;
  left: 0;
  bottom: -24px;
  position: absolute;
}
@media (max-width: 991.98px) {
  .scroll-tab .nav-tabs.product-detail .nav-item .nav-link.active::before {
    bottom: -12px;
  }
}
.scroll-tab .nav-tabs.date {
  gap: 30px;
  border-color: #E2E2E2;
}
.scroll-tab .nav-tabs.date .nav-item .nav-link {
  width: 100%;
  font-size: 14px;
  line-height: 150%;
  padding: 7px 3px 11px;
  font-weight: 400;
  border: 0;
  background-color: transparent;
  color: #999;
  position: relative;
}
.scroll-tab .nav-tabs.date .nav-item .nav-link strong {
  font-weight: 700;
}
.scroll-tab .nav-tabs.date .nav-item .nav-link.active {
  color: #14907F;
  background-color: transparent;
  font-weight: 600;
}
.scroll-tab .nav-tabs.date .nav-item .nav-link.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background-color: #14907F;
}
.scroll-tab .nav-tabs.table-tab {
  margin: 28px 0 33px;
  /* border: 0; margin: 60px 0 16px;
  .nav-item{
    .nav-link{
      padding: 8px 16px;
      &.active{background-color: $primary;}
    }
  }
  &.tab-center{margin: 0 0 40px;} */
}
.scroll-tab .nav-tabs.detail-content {
  border-top: 1px solid #E2E2E2;
  margin-bottom: 60px;
  gap: 0;
}
.scroll-tab .nav-tabs.detail-content .nav-item .nav-link {
  border-radius: 0;
  padding: 16px 32px;
}
.scroll-tab .nav-tabs.detail-content .nav-item .nav-link.active {
  background-color: #f7f7f7;
}
.scroll-tab .nav-tabs.detail-content .nav-item .nav-link.active::after {
  content: none;
}
@media (max-width: 991.98px) {
  .scroll-tab {
    margin-left: -16px;
    margin-right: -16px;
  }
  .scroll-tab .nav-tabs {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px 18px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 0;
  }
  .scroll-tab .nav-tabs::-webkit-scrollbar {
    display: none;
  }
  .scroll-tab .nav-tabs.detail-content {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .scroll-tab .nav-tabs {
    border-bottom: 0;
    flex-flow: inherit;
  }
  .scroll-tab .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    line-height: 150%;
    padding: 12px 26px;
  }
  .scroll-tab .nav-tabs.mypage .nav-item .nav-link {
    font-size: 18px;
  }
  .scroll-tab .nav-tabs.date {
    justify-content: center;
    gap: 42px;
    border-bottom: 1px solid #E2E2E2;
  }
  .scroll-tab .nav-tabs.date .nav-item .nav-link {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .scroll-tab .nav-tabs.table-tab {
    justify-content: center;
    margin: 60px 0 40px;
    /* margin: 80px 0 32px;
    .nav-item{
      .nav-link{
        padding: 12px 26px;
      }
    }
    &.tab-center {
      justify-content: center; margin: 0 0 40px;} */
  }
}

.common-depth {
  background-color: #F8F8F8;
}
.common-depth ul {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-depth ul li {
  padding: 16px;
}
.common-depth ul li.active a {
  font-weight: 600;
  color: #14907F;
}
.common-depth ul li a {
  font-size: 16px;
  color: #999;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .common-depth {
    background-color: #F8F8F8;
  }
  .common-depth ul {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px 18px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 0;
    gap: 20px;
  }
  .common-depth ul li {
    width: auto;
    flex: 0 0 auto;
    padding: 10px 6px;
  }
  .common-depth ul li a {
    font-size: 14px;
  }
}

.modal-header {
  border-bottom: 0;
}
.modal-header .btn {
  padding: 0;
}

.modal-title {
  font-size: 18px;
  font-weight: 700;
}

.modal-content .text {
  margin: 10px 0;
}
@media (max-width: 991.98px) {
  .modal-content .text {
    font-size: 14px;
  }
}
.modal-content .btn-group {
  display: flex;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  margin: 20px 0;
}
.modal-content .comment {
  padding: 20px 25px;
  text-align: center;
  font-weight: 500;
}

.receipt-info {
  border-bottom: 1px solid #eee;
  padding: 9px 0;
}
.receipt-info li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  line-height: 1.3;
  font-size: 15px;
  padding: 10px 0;
}
.receipt-info li p {
  color: #666;
}
.receipt-info.total-price p {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.receipt-info.total-price span {
  font-size: 16px;
  font-weight: 700;
  color: #FA4555;
}

.receipt-txt {
  font-size: 14px;
  line-height: 1.3;
  color: #999;
  margin: 19px 0 34px;
}

.estimate-table {
  max-height: 693px;
}
.estimate-table .estimate-number {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.estimate-table .estimate-title {
  text-align: center;
  color: #000;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 32px;
}
.estimate-table .estimate-info {
  display: flex;
  gap: 60px;
  margin-bottom: 44px;
}
.estimate-table .estimate-info .left {
  flex: 1 0 auto;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  line-height: 1.3;
}
.estimate-table .estimate-info .left .top-txt {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.estimate-table .estimate-info .left .name {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.estimate-table .estimate-info .left .name .img {
  position: absolute;
  right: 0;
  right: -30px;
  z-index: -1;
  top: -10px;
}
.estimate-table .table {
  border: 1px solid #ebebeb;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-align: center;
}
.estimate-table .table th {
  border: 1px solid #ebebeb;
  background-color: #f7f7f7;
  font-weight: 500;
  padding: 4px 18px;
}
.estimate-table .table th.producer {
  padding: 0 9px;
  width: 5%;
}
.estimate-table .table th span {
  color: #999;
  font-size: 12px;
}
.estimate-table .table td {
  border: 1px solid #ebebeb;
  color: #000;
  padding: 4px 18px;
  word-break: break-all;
}
@media (max-width: 767.98px) {
  .estimate-table {
    width: 800px;
  }
}

.price-table {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  width: 100%;
  height: 48px;
  margin-bottom: 16px;
}
.price-table th, .price-table td {
  padding: 0 8px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.28px;
}
.price-table span {
  font-weight: 600;
}
.price-table .total-price {
  color: #FA4555;
  font-size: 18px;
  letter-spacing: -0.36px;
  font-weight: 700;
}
.price-table .total-price span {
  font-weight: 700;
  font-size: 14px;
}

.product-table {
  width: 100%;
  margin-bottom: 16px;
}

.withdrawal-wrap {
  text-align: center;
}
.withdrawal-wrap .withdrawal-top {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  padding: 70px 0;
}
.withdrawal-wrap .withdrawal-coupon div {
  padding: 8px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
}
.withdrawal-wrap .withdrawal-coupon div span {
  color: #666;
}
.withdrawal-wrap .txt-box {
  font-size: 14px;
  color: #999;
  line-height: 1.3;
  padding: 16px 0 40px;
}

.delivery-select-form li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #eee;
}
.delivery-select-form .delivery-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: right;
}
.delivery-select-form .delivery-info .address, .delivery-select-form .delivery-info .phone-number, .delivery-select-form .delivery-info .name {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.delivery-select-form .form-check-inline {
  flex-shrink: 0;
}
.delivery-select-form .form-check-label {
  font-size: 16px;
  margin-left: 24px;
}
@media (max-width: 991.98px) {
  .delivery-select-form li {
    flex-direction: column;
    align-items: start;
    padding: 12px 18px;
    gap: 16px;
  }
  .delivery-select-form .delivery-info {
    gap: 6px;
    text-align: start;
  }
  .delivery-select-form .delivery-info .address, .delivery-select-form .delivery-info .phone-number, .delivery-select-form .delivery-info .name {
    font-size: 12px;
  }
  .delivery-select-form .form-check-inline {
    flex-shrink: 0;
    font-size: 14px;
  }
  .delivery-select-form .form-check-label {
    font-size: 14px;
    margin-left: 12px;
  }
}

.agree-wrap {
  height: 450px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.agree-wrap::-webkit-scrollbar {
  width: 4px;
}
.agree-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.agree-wrap::-webkit-scrollbar-thumb {
  background: #888;
}
.agree-wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.agree-wrap .accordion-button .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agree-wrap .accordion-button .title p {
  font-weight: 500;
  line-height: 150%;
}
.agree-wrap .accordion-button .title .view-all {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.agree-wrap .accordion-button.active {
  background-color: #fff;
}
.agree-wrap .accordion-body {
  display: none;
}
.agree-wrap .accordion-body p {
  font-size: 14px;
  line-height: 150%;
  color: #999;
}

.step-select {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding-bottom: 24px;
}
.step-select .step-select__head {
  padding: 20px 24px;
  border-bottom: 1px solid #ccc;
}
.step-select .step-select__head p {
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 991.98px) {
  .step-select .step-select__head {
    padding: 12px 20px;
  }
  .step-select .step-select__head p {
    font-size: 16px;
  }
}
.step-select .comment {
  padding: 50px 35px;
}
@media (max-width: 991.98px) {
  .step-select .comment {
    padding: 20px 35px 0;
  }
}

.modal-estimate {
  max-width: 800px;
}

.modal-estimate-wrap {
  text-align: center;
  padding: 0 24px;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap {
    padding: 0 12px;
  }
}
.modal-estimate-wrap .title {
  font-size: 32px;
  font-weight: 700;
  margin-top: 24px;
  line-height: 130%;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap .title {
    font-size: 20px;
    margin-top: 16px;
  }
}
.modal-estimate-wrap .date {
  font-size: 18px;
  color: #666;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap .date {
    font-size: 16px;
  }
}
.modal-estimate-wrap ul {
  margin-top: 16px;
  padding: 10px 0;
  border-top: 1px dashed #999;
  border-bottom: 1px dashed #999;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap ul {
    margin-top: 8px;
    gap: 10px;
  }
}
.modal-estimate-wrap ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-estimate-wrap ul li .key {
  font-size: 18px;
  color: #666;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap ul li .key {
    font-size: 14px;
  }
}
.modal-estimate-wrap ul li .value {
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap ul li .value {
    font-size: 14px;
  }
}
.modal-estimate-wrap ul.total-price {
  border-top: 0;
  border-bottom: 0;
  margin-top: 0;
}
.modal-estimate-wrap ul.total-price .value {
  font-size: 28px;
  color: #14907F;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap ul.total-price .value {
    font-size: 18px;
  }
}
.modal-estimate-wrap .btn-group .btn-primary {
  width: 80%;
}
.modal-estimate-wrap .btn-group .btn-outline-primary {
  width: 20%;
}
@media (max-width: 991.98px) {
  .modal-estimate-wrap .btn-group .btn-primary {
    width: 70%;
  }
  .modal-estimate-wrap .btn-group .btn-outline-primary {
    width: 30%;
  }
}

/* checkbox/radio */
.form-check {
  display: flex;
  align-items: center;
  min-height: 16px;
  padding-right: 24px;
}
.form-check.block {
  display: block;
  text-align: center;
  padding-right: 0;
}
.form-check.block .form-check-label {
  display: block;
  margin-left: 0;
}
.form-check.block .form-check-label p {
  font-size: 15px;
  margin: 5px 0;
}

.form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-check-input[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' stroke='%23999999'/%3E%3Cpath d='M5 9.52389L8.80952 13.3334L15 6.66675' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-check-input[type=radio] {
  border-radius: 50%;
  border: 1px solid #999;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='4' fill='%2314907F'/%3E%3Cpath d='M5 9.52389L8.80952 13.3334L15 6.66675' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-check-input:checked[type=radio] {
  background-color: #fff;
  border: 7px solid #14907F;
  position: relative;
}
.form-check-input:checked[type=radio] ~ .form-check-label {
  color: #14907F;
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.check-badge {
  display: none;
}
.check-badge + .check-badge-label {
  border: 1px solid #aaa;
  font-size: 14px;
  color: #aaa;
  padding: 6px 10px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
}
.check-badge:checked + .check-badge-label {
  border: 1px solid #000;
  color: #000;
}

.inline-form-radio .form-check {
  margin-right: 40px;
}

.form-check-label {
  font-size: 14px;
  font-weight: 500;
  margin-left: 8px;
  vertical-align: sub;
  cursor: pointer;
}

/* switch */
.form-switch {
  padding-left: 56px;
}
.form-switch .form-check-input {
  width: 48px;
  margin-left: -56px;
  background-color: #b9b9b9;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 3em;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-color: #14907F;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.label-empty {
  padding-left: 48px;
}
.form-switch.label-empty .form-check-input {
  margin-left: -48px;
  margin-top: 0;
}

.form-check-inline {
  display: inline-flex;
  margin-right: 1rem;
  vertical-align: middle;
  align-items: center;
}

@media screen and (max-width: 992px) {
  .inline-form-radio .form-check {
    margin-right: 0;
  }
  .form-check-input {
    width: 18px;
    height: 18px;
  }
  .form-check-label {
    font-size: 12px;
    line-height: 1.7;
  }
}
.counter-wrap {
  display: flex;
  justify-content: center;
}
.counter-wrap input {
  border: 1px solid #eee;
  max-width: 32px;
  border-left: 0;
  border-right: 0;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}

.like-wrap input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.content-head {
  width: 100%;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-head.order-complete {
  padding: 280px 0;
}
.content-head .content-title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 140%;
  color: #000;
}
@media (max-width: 991.98px) {
  .content-head {
    padding: 40px 0;
  }
  .content-head .content-title {
    font-size: 28px;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 28px;
  padding-top: 18px;
}
.breadcrumb .breadcrumb-item {
  position: relative;
}
.breadcrumb .breadcrumb-item a {
  color: #999;
}
.breadcrumb .breadcrumb-item.active {
  color: #222;
  font-weight: 500;
}
.breadcrumb .breadcrumb-item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -24px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5.5L12.5 10.5L7.5 15.5' stroke='%23E2E2E2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.breadcrumb .breadcrumb-item:last-child::before {
  content: none;
}

.container,
.container-fluid {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1396px;
}
@media (min-width: 992px) {
  .container,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

html:not(.gnb-only-dep1-show) {
  scroll-behavior: smooth;
}
@media (max-width: 1199.98px) {
  html:not(.gnb-only-dep1-show) #container {
    padding-top: 48px;
    min-height: 40vh;
  }
}

@media (min-width: 1200px) {
  html.gnb-only-dep1-show #wrap {
    padding-top: 70px;
  }
}

#layout {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 60px;
}
#layout #aside {
  display: block;
  flex: 0 0 100%;
  margin-right: 0;
}
#layout #main {
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 992px) {
  #layout {
    padding-top: 180px;
    min-height: 800px;
    flex-direction: row;
  }
  #layout #aside {
    display: block;
    flex: 0 0 200px;
    margin-right: 32px;
  }
  #layout #aside.aside-product {
    flex: 0 0 245px;
    margin-right: 90px;
  }
}

.sub-content {
  margin-bottom: 100px;
  padding: 0 20px;
}
@media (max-width: 991.98px) {
  .sub-content {
    margin-bottom: 50px;
    padding: 0;
  }
}

.main footer {
  margin-top: 0;
}

footer {
  background-color: #222;
  padding-bottom: 62.5px;
  margin-top: 160px;
}
@media (max-width: 991.98px) {
  footer {
    margin-top: 100px;
  }
}
@media (max-width: 767.98px) {
  footer {
    margin-top: 60px;
  }
}
footer .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 50px;
}
@media (max-width: 991.98px) {
  footer .footer-content {
    flex-direction: column;
    padding: 24px 0;
  }
}
@media (max-width: 767.98px) {
  footer .footer-content {
    padding: 0 0 24px 0;
  }
}
footer .footer-content .link ul {
  display: flex;
  gap: 36px;
}
footer .footer-content .link ul li {
  position: relative;
}
footer .footer-content .link ul li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #666;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
}
footer .footer-content .link ul li:last-child::after {
  content: none;
}
footer .footer-content .link ul li a {
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  color: #fff;
}
@media (max-width: 767.98px) {
  footer .footer-content .link ul {
    flex-flow: wrap;
    gap: 0;
  }
  footer .footer-content .link ul li {
    margin-right: 30px;
  }
  footer .footer-content .link ul li::after {
    top: 55%;
  }
  footer .footer-content .link ul li.none-border::after {
    content: none;
  }
  footer .footer-content .link ul li a {
    font-size: 13px;
  }
}
footer .footer-content .info-list {
  margin-top: 23px;
}
footer .footer-content .info-list ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
footer .footer-content .info-list ul li {
  font-size: 13px;
  line-height: 150%;
  color: #fff;
}
footer .footer-content .info-list ul li .name {
  color: #222;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  footer .footer-content .info-list ul {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
    gap: 8px;
  }
}
@media (max-width: 991.98px) {
  footer .footer-content .info-list .info-list ul {
    flex-wrap: wrap;
    gap: 8px;
  }
}
footer .footer-content .sns-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 36px;
}
@media (max-width: 991.98px) {
  footer .footer-content .sns-list {
    margin-top: 15px;
  }
}
footer .footer-content .copyright {
  font-size: 13px;
  color: #999;
  line-height: 150%;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  footer .footer-content .copyright {
    margin-top: 24px;
  }
}
footer .footer-content .footer-community {
  display: flex;
  gap: 55px;
}
@media (max-width: 991.98px) {
  footer .footer-content .footer-community {
    margin-top: 24px;
  }
}
@media (max-width: 767.98px) {
  footer .footer-content .footer-community {
    display: block;
  }
}
footer .footer-content .customer-center .title {
  font-weight: 600;
  line-height: 150%;
  color: #fff;
}
footer .footer-content .customer-center .call {
  font-size: 28px;
  font-weight: 600;
  line-height: 150%;
  color: #fff;
  margin-top: 10px;
}
footer .footer-content .customer-center .operating-time, footer .footer-content .customer-center .comment {
  font-size: 14px;
  line-height: 150%;
  color: #fff;
}
@media (max-width: 767.98px) {
  footer .footer-content .customer-center {
    margin-top: 30px;
  }
  footer .footer-content .customer-center .title {
    font-size: 14px;
  }
  footer .footer-content .customer-center .call {
    font-size: 18px;
  }
}
footer .footer-content .bank-info .title {
  font-weight: 600;
  line-height: 150%;
  color: #fff;
  margin-bottom: 15px;
}
footer .footer-content .bank-info .account-number {
  font-size: 14px;
  line-height: 150%;
  color: #fff;
}
footer .footer-content .bank-info .account-holder {
  font-size: 14px;
  line-height: 150%;
  color: #fff;
}
@media (max-width: 767.98px) {
  footer .footer-content .bank-info .title {
    font-size: 14px;
  }
}

.util-btn {
  width: 65px;
  position: fixed;
  bottom: 90px;
  right: 20px;
  z-index: 100;
}
.util-btn .estimate {
  background-color: #222;
  padding: 10px 8px;
  border-radius: 20px;
}
.util-btn .estimate a {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.util-btn .estimate p {
  font-size: 14px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .util-btn {
    width: auto;
    bottom: 70px;
    right: 13px;
  }
  .util-btn .top-btn {
    display: none;
  }
  .util-btn .estimate {
    padding: 6px;
    border-radius: 12px;
  }
  .util-btn .estimate a {
    gap: 0;
  }
  .util-btn .estimate p {
    font-size: 10px;
  }
}

.estimate-footer {
  height: 62.5px;
  background-color: #222;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.estimate-footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.estimate-footer .estimate-desc {
  display: flex;
  align-items: center;
  gap: 96px;
}
.estimate-footer .estimate-desc .fes {
  font-weight: 700;
  line-height: 150%;
  color: #fff;
}
.estimate-footer .estimate-desc .real-time {
  line-height: 150%;
  color: #999;
  position: relative;
}
.estimate-footer .estimate-desc .real-time::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #999;
  left: -48px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .estimate-footer .estimate-desc {
    justify-content: space-between;
  }
  .estimate-footer .estimate-desc .fes {
    font-size: 13px;
  }
  .estimate-footer .estimate-desc .real-time {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .estimate-footer {
    display: none;
  }
}
.estimate-footer .btn {
  border-radius: 42px;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}
header.page-top {
  background-color: transparent;
}
header.hide {
  top: -500px;
}

@media (min-width: 1200px) {
  .container.mobile {
    display: none;
  }
  .mo-header-content {
    display: none;
  }
  .main .search-wrap {
    border: 1px solid transparent !important;
  }
  .login .header-content {
    background-color: #fff;
  }
  .header-content.active {
    background-color: #fff;
  }
  .header-content.active .search-wrap {
    background-color: #F7F7F7 !important;
  }
  .header-content .gnb {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .header-content .gnb .gnb-list {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .header-content .gnb .gnb-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
  }
  .header-content .gnb .gnb-list ul li {
    position: relative;
  }
  .header-content .gnb .gnb-list ul li a {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
  }
  .header-content .gnb .gnb-list ul li.partners {
    color: #14907F;
  }
  .header-content .gnb .gnb-list ul li.partners a {
    color: #14907F;
  }
  .header-content .gnb .tool-box {
    display: flex;
    align-items: center;
    gap: 28px;
  }
  .header-content .gnb .tool-box .search-wrap {
    min-width: 285px;
    background-color: rgba(255, 255, 255, 0.3);
    position: relative;
    padding: 8px 16px;
    border-radius: 24px;
    border: 1px solid #eee;
  }
  .header-content .gnb .tool-box .search-wrap .icon-b-select {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  .header-content .gnb .tool-box .search-wrap .swiper {
    height: 24px !important;
  }
  .header-content .gnb .tool-box .search-wrap .content {
    display: flex;
    align-items: center;
    gap: 0;
  }
  .header-content .gnb .tool-box .search-wrap .content .rank {
    width: 14%;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
  }
  .header-content .gnb .tool-box .search-wrap .content .rank::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #e2e2e2;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
  }
  .header-content .gnb .tool-box .search-wrap .content .search-result {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 70%;
    max-width: 175px;
  }
  .header-content .gnb .tool-box .search-wrap.active .rank-popup {
    display: block;
  }
  .header-content .gnb .tool-box .search-wrap .rank-popup {
    width: 100%;
    position: absolute;
    border-radius: 16px;
    padding: 12px 16px;
    top: 50px;
    left: 0;
    background-color: #fff;
    display: none;
    border: 1px solid #f7f7f7;
    box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  }
  .header-content .gnb .tool-box .search-wrap .rank-popup ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .header-content .gnb .tool-box > ul {
    max-width: 230px;
    display: flex;
    align-items: center;
    gap: 32px;
  }
  .header-content .gnb .tool-box > ul li {
    position: relative;
  }
  .header-content .gnb .tool-box > ul li a {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  + .header-content .gnb .tool-box > ul li::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #222;
    top: 50%;
    transform: translateY(-50%);
  }
  .header-content .gnb .tool-box > ul li #product-btn.active + .center-popup {
    display: block;
  }
  .header-content .gnb .tool-box > ul li #center-btn.active + .center-popup {
    display: block;
  }
  .header-content .gnb .tool-box > ul li .center-popup {
    position: absolute;
    width: auto;
    background-color: #fff;
    border-radius: 8px 0 8px 8px;
    padding: 8px 16px;
    top: 30px;
    display: none;
    box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  }
  .header-content .gnb .tool-box > ul li .center-popup li {
    padding-bottom: 8px;
  }
  .header-content .gnb .tool-box > ul li .center-popup li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: #213e3e;
  }
  .header-content .gnb .tool-box > ul li .center-popup li:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  .desktop-header {
    display: none;
  }
  .mobile.active {
    background-color: #fff;
  }
  .mo-header-top {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mo-header-top .menu-box {
    display: flex;
    gap: 12px;
  }
  .mo-header-top .menu-box .btn-close {
    display: none;
  }
  .mo-header-content {
    width: 100%;
    height: 100vh;
    position: fixed;
    overflow-y: auto;
    background-color: #fff;
    top: 48px;
    z-index: 99999;
    padding-bottom: 100px;
    transform: translateX(100%);
    transition: 0.5s;
  }
  .mo-header-content.on {
    transform: translateX(0);
    transition: 0.5s;
  }
  .mo-gnb .depth1 > li {
    padding: 12px 0;
    overflow: hidden;
  }
  .mo-gnb .depth1 > li:last-child {
    padding: 0;
  }
  .mo-gnb .depth1 > li a {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mo-gnb .depth1.active .icon-gnb-arrow {
    transform: rotate(180deg);
    transition: 0.3s;
  }
  .mo-gnb .depth1 .depth2 {
    padding: 8px 0 12px;
    display: none;
  }
  .mo-gnb .depth1 .depth2 li {
    padding-bottom: 16px;
    padding-left: 8px;
  }
  .mo-gnb .depth1 .depth2 li a {
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
    color: #666;
  }
  .mo-gnb .depth1 .depth2 li.active a {
    color: #222;
    text-decoration: underline;
  }
  .mo-gnb .mo-menu-bottom {
    margin-top: 60px;
  }
  .mo-gnb .mo-menu-bottom .shop-move {
    text-align: center;
  }
  .mo-gnb .mo-menu-bottom .shop-move a {
    font-size: 14px;
    color: #666;
    line-height: 160%;
  }
  .mo-gnb .mo-menu-bottom .head-sns-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 17px 0 20px;
  }
  .mo-gnb .mo-menu-bottom .info {
    padding: 24px 8px;
    border-radius: 8px;
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
  .mo-gnb .mo-menu-bottom .info li {
    position: relative;
  }
  .mo-gnb .mo-menu-bottom .info li.state-login {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mo-gnb .mo-menu-bottom .info li.state-login .day {
    color: #FA4555;
    font-weight: 500;
  }
  .mo-gnb .mo-menu-bottom .info li a {
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
  }
  .mo-gnb .mo-menu-bottom .info li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    top: 50%;
    transform: translateY(-50%);
    right: -8px;
  }
  .mo-gnb .mo-menu-bottom .info li:last-child::after {
    content: none;
  }
  .btn-mypage.active + .mo-center-popup {
    display: block;
  }
  .mo-center-popup {
    position: absolute;
    width: 140px;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    top: 60px;
    right: 16px;
    display: none;
    box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  }
  .mo-center-popup ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mo-center-popup ul + ul {
    padding-top: 24px;
    position: relative;
  }
  .mo-center-popup ul + ul::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #eee;
    top: 12px;
  }
  .mo-center-popup li a {
    font-size: 13px;
    font-weight: 500;
    line-height: 150%;
    color: #222;
  }
  .mo-center-popup li:last-child {
    padding-bottom: 0;
  }
  .mo-center-popup li .depth2 {
    margin-top: 8px;
    padding-left: 12px;
  }
  .mo-center-popup li .depth2 li a {
    color: #999;
    font-size: 13px;
  }
  .mo-center-popup .partners-link {
    background-color: #14907F;
    border-radius: 24px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
  }
  .search-wrap {
    min-width: 350px;
    background-color: rgba(255, 255, 255, 0.3);
    position: relative;
    padding: 8px 16px;
    border-radius: 24px;
    border: 1px solid #eee;
  }
  .search-wrap .icon-b-search {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  .search-wrap .content {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .search-wrap .content .rank {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .search-wrap .content .search-result {
    position: relative;
    font-size: 14px;
    font-weight: 500;
  }
  .search-wrap .content .search-result::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 8px;
    background-color: #222;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
  }
}
.menu-select .btn-menu-select {
  position: relative;
}
.menu-select .tooltip-menu {
  display: none;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  z-index: 10;
  border-radius: 8px;
  position: absolute;
  font-size: 13px;
  color: #666;
  width: 200px;
  line-height: 160%;
  top: 40px;
  right: 0;
}
@media (max-width: 991.98px) {
  .menu-select .tooltip-menu {
    right: 100%;
    top: unset;
    bottom: 0;
  }
}
.menu-select .tooltip-menu.show {
  display: block;
}
.menu-select .tooltip-menu li .title {
  font-size: 14px;
  color: #000;
  font-weight: 700;
}
.menu-select .tooltip-menu li .dropdown-item:not(.title) {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E2E2E2;
  padding: 10px 0;
}
.menu-select .tooltip-menu li .dropdown-item:not(.title) .text {
  display: flex;
  flex-direction: column;
}
.menu-select .tooltip-menu li .dropdown-item:not(.title) .text span {
  color: #FA4555;
  font-weight: 600;
}
.menu-select .tooltip-menu li .dropdown-item:not(.title) i {
  margin-top: 2px;
}

.sub-head {
  padding-top: 80px;
  position: relative;
}
.sub-head .desc {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.sub-head .desc .sub-head-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 150%;
}
.sub-head .desc .sub-head-desc {
  font-weight: 500;
  line-height: 150%;
  margin-top: 16px;
}
.sub-head img {
  height: 100%;
}
.sub-head.dark .desc {
  color: #222;
}
@media (max-width: 991.98px) {
  .sub-head {
    padding-top: 48px;
    height: 237px;
  }
  .sub-head .desc {
    width: 100%;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    padding: 0 35px;
  }
  .sub-head .desc .sub-head-title {
    font-size: 28px;
  }
  .sub-head .desc .sub-head-desc {
    font-size: 12px;
  }
}

@media (max-width: 991.98px) {
  .aside-product {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 10001;
    transition: all 0.5s;
  }
  .aside-product.active {
    bottom: 0;
    transition: all 0.5s;
  }
}

.sidebar {
  position: sticky;
  top: 0;
}
.sidebar .img {
  margin-bottom: 30px;
}
.sidebar ul li {
  padding: 8px 0;
}
.sidebar ul li .sidebar-subtitle {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  padding: 8px 0;
}
.sidebar ul li.active a {
  font-weight: 700;
  color: #14907F;
  font-size: 15px;
  line-height: 1.4;
}
.sidebar ul li a {
  font-size: 16px;
  color: #999;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .sidebar {
    margin-left: -16px;
    margin-right: -16px;
    position: static;
    background-color: #F8F8F8;
    display: none;
  }
  .sidebar .img {
    display: none;
  }
  .sidebar ul {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 0;
    gap: 20px;
    margin-bottom: 0;
  }
  .sidebar ul li {
    width: auto;
    flex: 0 0 auto;
  }
  .sidebar ul li .sidebar-subtitle {
    font-size: 15px;
  }
  .sidebar ul li a {
    font-size: 14px;
  }
  .sidebar ul > li {
    display: block;
  }
}
.sidebar.product {
  border: 1.5px solid #eee;
  border-radius: 16px;
  padding: 24px 12px;
  position: sticky;
  top: 80px;
}
.sidebar.product .close {
  display: none;
}
@media (max-width: 991.98px) {
  .sidebar.product {
    margin: 0;
    background-color: #fff;
    border-radius: 16px 16px 0 0;
    overflow-y: scroll;
    height: 90vh;
    display: block;
    position: relative;
    top: inherit;
    padding: 60px 12px 24px;
  }
  .sidebar.product::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    top: -40%;
    z-index: -1;
  }
  .sidebar.product .close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.sidebar.product .sidebar-subtitle {
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
}
.sidebar.product .product-content {
  margin-bottom: 24px;
}
.sidebar.product .product-content .tab-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 12px;
}
.sidebar.product .select-list {
  max-height: 540px;
  overflow-y: scroll;
  padding-right: 15px;
}
@media (max-width: 991.98px) {
  .sidebar.product .select-list {
    display: block;
  }
}
.sidebar.product .select-list::-webkit-scrollbar {
  width: 4px;
}
.sidebar.product .select-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.sidebar.product .select-list::-webkit-scrollbar-thumb {
  background: #888;
}
.sidebar.product .select-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.sidebar.product .select-list .tab-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar.product .select-list li {
  cursor: pointer;
}
.sidebar.product .select-list li.active .depth2 {
  display: block;
}
.sidebar.product .select-list li.active .icon-g-arrow {
  transform: rotate(180deg);
}
.sidebar.product .select-list .depth2 {
  display: none;
}
.sidebar.product .select-list .form-check {
  cursor: pointer;
}
.sidebar.product .select-list .form-check .form-check-input {
  width: 16px;
  height: 16px;
  border-radius: 2px;
}
.sidebar.product .select-list .form-check .form-check-input:checked + .form-check-label {
  color: #14907F;
  font-weight: 700;
}
.sidebar.product .select-list .form-check .form-check-label {
  color: #999;
  font-size: 14px;
  width: 100%;
}
.sidebar .side-search-bar {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .sidebar .side-search-bar {
    width: 100%;
  }
}
.sidebar .side-search-bar .search {
  position: relative;
}
.sidebar .side-search-bar .search .form-control {
  padding: 9px 36px 9px 12px;
}
.sidebar .side-search-bar .search .form-control::-moz-placeholder {
  font-size: 14px;
}
.sidebar .side-search-bar .search .form-control::placeholder {
  font-size: 14px;
}
.sidebar .side-search-bar .search .search-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar .side-search-bar .search .search-btn i {
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .sidebar .side-search-bar .search {
    width: 100%;
  }
}
.sidebar .side-search-bar .search .icon-btn-del {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.sidebar .sidebar-title {
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 34px;
  height: 78px;
}
@media (max-width: 991.98px) {
  .sidebar .sidebar-title {
    display: none;
  }
}

.slider-container {
  position: relative;
  width: 100%;
  height: 20px;
}

.slider-track {
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #ddd;
  top: 50%;
  transform: translateY(-50%);
}

.slider-fill {
  position: absolute;
  height: 2px;
  background-color: #009688;
  top: 50%;
  transform: translateY(-50%);
}

.slider-thumb {
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #009688;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

#minThumb {
  left: 0;
}

#maxThumb {
  right: 0;
}

.price {
  color: #222;
  font-weight: 500;
}

#main {
  overflow-x: hidden;
}

.main-pop-banner {
  width: 100%;
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.main-pop-banner .img {
  width: 100%;
  max-width: 700px;
}
.main-pop-banner .close-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 100px;
  gap: 8px;
  width: 100%;
  max-width: 700px;
}
@media (max-width: 991.98px) {
  .main-pop-banner .close-btn {
    padding-right: 25px;
  }
}
.main-pop-banner button {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.main-pop-banner button i {
  background-color: #000;
}

section {
  padding-top: 160px;
}
@media (max-width: 1199.98px) {
  section {
    padding-top: 60px;
  }
}
section .section-title {
  color: #222222;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  margin-top: 16px;
}
section .section-category {
  font-size: 18px;
  color: #213E3E;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
section .section-category .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #14907F;
}
section .section-desc {
  color: rgba(33, 62, 62, 0.6);
  margin-top: 24px;
}
@media (max-width: 1199.98px) {
  section .section-title {
    font-size: 34px;
  }
  section .section-category {
    font-size: 14px;
  }
  section .section-desc {
    margin-top: 16px;
  }
}
@media (max-width: 767.98px) {
  section .section-title {
    font-size: 24px;
    margin-top: 4px;
  }
  section .section-category {
    font-size: 14px;
  }
  section .section-category .dot {
    width: 6px;
    height: 6px;
  }
  section .section-desc {
    font-size: 13px;
    margin-top: 12px;
    line-height: 150%;
  }
}

.main-banner {
  width: 100%;
  height: 900px;
  background-image: url("../images/main-img.png");
  background-size: cover;
  background-position: center;
  padding: 115px 0 30px;
}
@media (max-width: 767.98px) {
  .main-banner {
    height: 495px;
    padding: 88px 0 24px;
  }
}
.main-banner > .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .main-banner > .container {
    gap: 100px;
  }
}
@media (max-width: 767.98px) {
  .main-banner > .container {
    display: block;
  }
}
.main-banner .txt-box .sub-title {
  font-weight: 600;
  line-height: 120%;
  color: #213E3E;
}
.main-banner .txt-box .desc {
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  margin-top: 16px;
}
.main-banner .txt-box .estimate-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #fff;
  margin-top: 40px;
}
.main-banner .txt-box .estimate-box .estimate-txt {
  color: #213E3E;
  line-height: 150%;
  font-weight: 600;
}
.estimate-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .estimate-btn {
    flex-shrink: 0;
    padding: 14px 12px !important;
    font-size: 12px;
  }
}

@media (max-width: 1199.98px) {
  .main-banner .txt-box {
    width: 45%;
    flex-shrink: 1;
  }
  .main-banner .txt-box .desc {
    font-size: 28px;
  }
  .main-banner .txt-box .estimate-box {
    padding: 12px 20px;
    margin-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .main-banner .txt-box {
    width: 100%;
    text-align: center;
  }
  .main-banner .txt-box .sub-title {
    font-size: 13px;
  }
  .main-banner .txt-box .desc {
    font-size: 18px;
    margin-top: 8px;
  }
  .main-banner .txt-box .estimate-box {
    padding: 12px 16px;
    margin-top: 16px;
    gap: 8px;
    display: none;
  }
  .main-banner .txt-box .estimate-box .estimate-txt {
    font-size: 12px;
  }
}
.order-search-banner {
  display: none;
}
@media (max-width: 767.98px) {
  .order-search-banner {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 70px;
  }
  .order-search-banner > a {
    width: 33.3%;
  }
  .order-search-banner .order-search-card {
    width: 100%;
    height: 120px;
    padding: 16px 6px;
    background-color: #213E3E;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .order-search-banner .order-search-card .img {
    width: 35%;
    height: 36px;
    margin: 0 auto;
  }
  .order-search-banner .order-search-card .img img {
    width: 100%;
    height: 100%;
  }
  .order-search-banner .order-search-card .box {
    margin-top: 12px;
    margin-bottom: 0;
  }
  .order-search-banner .order-search-card .box .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    color: #fff;
  }
  .order-search-banner .order-search-card .speech-bubble {
    position: absolute;
    background: #14907F;
    top: -45px;
    font-size: 12px;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
  }
  .order-search-banner .order-search-card .speech-bubble:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #14907F;
    border-bottom: 0;
    margin-left: -15px;
    margin-bottom: -15px;
  }
}

.main-banner .bg-container {
  position: relative;
}

.swiper-banner {
  width: 430px;
  height: 570px;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
@media (max-width: 1199.98px) {
  .swiper-banner {
    width: 290px;
    height: 380px;
  }
}
@media (max-width: 767.98px) {
  .swiper-banner {
    width: 100%;
    height: 81px;
    margin-top: 24px;
  }
}
.swiper-banner .swiper-slide .banner-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.swiper-banner .swiper-slide .banner-wrap .img {
  height: 100%;
  width: 100%;
  position: relative;
}
.swiper-banner .swiper-slide .banner-wrap .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: static;
  border-radius: 16px 0 16px 16px;
}
.swiper-banner .swiper-slide .banner-wrap .img::after {
  content: "";
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 16px 0 30px 30px;
}
@media (max-width: 767.98px) {
  .swiper-banner .swiper-slide .banner-wrap .img img {
    border-radius: 8px;
  }
  .swiper-banner .swiper-slide .banner-wrap .img::after {
    border-radius: 8px;
  }
}
.swiper-banner .swiper-slide .banner-wrap .desc-wrap {
  width: 100%;
  position: absolute;
  bottom: 66px;
  left: 0;
  padding: 0 33px;
}
.swiper-banner .swiper-slide .banner-wrap .desc-wrap .desc {
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .swiper-banner .swiper-slide .banner-wrap .desc-wrap {
    padding: 0 22px;
  }
  .swiper-banner .swiper-slide .banner-wrap .desc-wrap .desc {
    font-size: 22px;
  }
}
@media (max-width: 767.98px) {
  .swiper-banner .swiper-slide .banner-wrap .desc-wrap {
    bottom: 23px;
    padding: 0 24px;
  }
  .swiper-banner .swiper-slide .banner-wrap .desc-wrap .desc {
    font-size: 13px;
  }
}
.swiper-banner .swiper-tool-wrap {
  width: 100%;
  position: absolute;
  left: 15px;
  bottom: 30px;
}
.swiper-banner .swiper-tool-wrap > .container {
  display: flex;
  gap: 21px;
}
.swiper-banner .swiper-tool-wrap .swiper-pagination {
  width: auto;
  bottom: 0;
  text-align: start;
  position: relative;
  bottom: 2px;
  display: flex;
  align-items: center;
}
.swiper-banner .swiper-tool-wrap .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  opacity: 1;
}
.swiper-banner .swiper-tool-wrap .swiper-pagination-bullet-active {
  width: 15px;
  height: 15px;
  background-color: #14907F;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .swiper-banner .swiper-tool-wrap {
    bottom: 20px;
    left: 0;
  }
  .swiper-banner .swiper-tool-wrap > .container {
    justify-content: end;
  }
  .swiper-banner .swiper-tool-wrap .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 3px;
  }
  .swiper-banner .swiper-tool-wrap .swiper-pagination-bullet-active {
    width: 6px;
    height: 6px;
  }
}

.more-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 20px;
}

.section-order {
  padding-top: 110px;
  background-color: #fff;
  margin-top: -110px;
  border-radius: 0 180px 0 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .section-order {
    margin-top: 0;
    border-radius: 0;
    padding-top: 40px;
  }
  .section-order::before {
    background-size: 150px 150px;
    background-position: -25% 85%;
  }
}
.section-order .order-search {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: -310px;
  left: 0;
}
.section-order .order-search .order-search-card {
  width: 215px;
  max-height: 240px;
  padding: 32px 40px;
  background-color: #213E3E;
  border-radius: 16px 16px 0 0;
  text-align: center;
}
.section-order .order-search .order-search-card .box {
  margin-top: 24px;
}
.section-order .order-search .order-search-card .box .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
}
.section-order .order-search .order-search-card .box .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 139%;
  color: #fff;
  margin-top: 8px;
}
@media (max-width: 1199.98px) {
  .section-order .order-search {
    left: 15px;
  }
  .section-order .order-search .order-search-card {
    width: 180px;
    height: 200px;
    padding: 20px;
  }
  .section-order .order-search .order-search-card .img {
    width: 50%;
    margin: 0 auto;
  }
  .section-order .order-search .order-search-card .box {
    margin-top: 24px;
  }
  .section-order .order-search .order-search-card .box .title {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .section-order .order-search {
    display: none;
  }
}
.section-order .order-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 170px;
  padding-bottom: 160px;
}
.section-order .order-content .simple-order {
  flex-shrink: 0;
}
.section-order .order-content .simple-order .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
}
.section-order .order-content .simple-order .desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  color: rgba(33, 62, 62, 0.6);
  margin-top: 16px;
}
.section-order .order-content .simple-order .btn {
  margin-top: 24px;
}
@media (max-width: 1199.98px) {
  .section-order .order-content {
    gap: 60px;
  }
  .section-order .order-content .simple-order .title {
    font-size: 30px;
  }
  .section-order .order-content .simple-order .desc {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .section-order .order-content {
    display: block;
    padding-bottom: 75px;
  }
  .section-order .order-content .simple-order {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .section-order .order-content .simple-order .title {
    font-size: 18px;
  }
  .section-order .order-content .simple-order .desc {
    font-size: 13px;
    margin-top: 12px;
  }
  .section-order .order-content .simple-order .btn {
    margin-top: 0;
  }
}
.section-order .order-step {
  display: flex;
  gap: 70px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .section-order .order-step {
    gap: 36px;
  }
}
@media (max-width: 767.98px) {
  .section-order .order-step {
    gap: 28px;
    margin: 24px 0;
  }
}
.section-order .order-step .step {
  width: calc(20% - 50px);
  position: relative;
}
.section-order .order-step .step .img {
  margin-bottom: 62px;
  height: 60px;
}
.section-order .order-step .step .step-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}
.section-order .order-step .step .step-desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}
.section-order .order-step .step .icon-dot {
  position: absolute;
  top: 80px;
  z-index: 10;
  left: 20px;
}
@media (max-width: 1199.98px) {
  .section-order .order-step .step {
    width: calc(20% - 28px);
  }
  .section-order .order-step .step .step-title {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .section-order .order-step .step {
    width: calc(20% - 20px);
  }
  .section-order .order-step .step .img {
    width: 40px;
    height: 40px;
    margin: 0 auto 27px;
  }
  .section-order .order-step .step .step-title {
    font-size: 13px;
    text-align: center;
  }
  .section-order .order-step .step .step-desc {
    display: none;
  }
  .section-order .order-step .step .icon-dot {
    width: 13px;
    height: 13px;
    position: absolute;
    top: inherit;
    bottom: 47px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
  }
}
.section-order .order-step .progress-bar {
  width: 87%;
  background-color: #eee;
  position: absolute;
  top: 90px;
  left: 30px;
}
@media (max-width: 767.98px) {
  .section-order .order-step .progress-bar {
    width: 83%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.progress {
  width: 0;
  height: 5px;
  background-color: #14907F; /* 게이지 색상 */
  text-align: center;
  line-height: 5px;
  color: white;
}
@media (max-width: 767.98px) {
  .progress {
    height: 1.7px;
  }
}

.ai-data-wrap {
  position: relative;
}
@media (max-width: 767.98px) {
  .ai-data-wrap .swiper {
    padding-bottom: 30px;
  }
}
.ai-data-wrap .ai-data-next {
  width: 40px;
  height: 40px;
  background-image: url("../images/icon-next.svg");
  background-size: cover;
  background-repeat: no-repeat;
  right: -10%;
}
.ai-data-wrap .ai-data-next::after {
  content: none;
}
@media (max-width: 767.98px) {
  .ai-data-wrap .ai-data-next {
    display: none;
  }
}
.ai-data-wrap .ai-data-prev {
  width: 40px;
  height: 40px;
  background-image: url("../images/icon-prev.svg");
  background-size: cover;
  background-repeat: no-repeat;
  left: -10%;
}
.ai-data-wrap .ai-data-prev::after {
  content: none;
}
@media (max-width: 767.98px) {
  .ai-data-wrap .ai-data-prev {
    display: none;
  }
}
.ai-data-wrap .swiper-pagination {
  display: none;
}
@media (max-width: 767.98px) {
  .ai-data-wrap .swiper-pagination {
    bottom: 0 !important;
    display: block;
  }
  .ai-data-wrap .swiper-pagination .swiper-pagination-bullet {
    background-color: #eee;
    opacity: 1;
  }
  .ai-data-wrap .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #14907F;
  }
}

.ai-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .ai-data {
    flex-direction: column;
  }
}
.ai-data .desc {
  font-size: 28px;
  line-height: 150%;
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  .ai-data .desc {
    font-size: 22px;
  }
}
@media (max-width: 767.98px) {
  .ai-data .desc {
    text-align: center;
  }
}
.ai-data .graph-content {
  display: flex;
  align-items: center;
  gap: 90px;
}
.ai-data .graph-content .user-cnt {
  font-size: 60px;
  font-weight: 700;
  line-height: 120%;
  color: #213E3E;
}
.ai-data .graph-content .user-desc {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-top: 24px;
  text-align: right;
  color: #213E3E;
}
.ai-data .graph-content .new {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: #14907F;
  margin-bottom: 5px;
}
.ai-data .graph-content .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  color: #213E3E;
  margin-bottom: 5px;
}
.ai-data .graph-content .ingredient-1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  opacity: 0.2;
  color: #213E3E;
  margin-bottom: 5px;
}
.ai-data .graph-content .ingredient-2 {
  font-weight: 700;
  line-height: 120%;
  opacity: 0.1;
  color: #213E3E;
}
@media (max-width: 1199.98px) {
  .ai-data .graph-content {
    gap: 35px;
  }
  .ai-data .graph-content .user-cnt {
    font-size: 40px;
  }
  .ai-data .graph-content .user-desc {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .ai-data .graph-content {
    gap: 35px;
    flex-direction: column;
  }
  .ai-data .graph-content .user-cnt {
    font-size: 28px;
  }
  .ai-data .graph-content .user-desc {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
  }
  .ai-data .graph-content .new {
    font-size: 13px;
    margin-bottom: 0;
  }
  .ai-data .graph-content .title {
    font-size: 24px;
    margin-bottom: 0;
  }
  .ai-data .graph-content .ingredient-1 {
    font-size: 14px;
    margin-bottom: 0;
  }
  .ai-data .graph-content .ingredient-2 {
    font-size: 12px;
  }
}
.ai-data .result-data {
  display: flex;
  align-items: center;
  gap: 100px;
}
@media (max-width: 767.98px) {
  .ai-data .result-data {
    gap: 20px;
    margin-top: 24px;
  }
  .ai-data .result-data .img {
    width: 63px;
  }
}
.ai-data .result-statistics-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-data .result-statistics-list .result-statistics-box {
  display: flex;
  align-items: center;
  gap: 35px;
}
.ai-data .result-statistics-list .number {
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  color: #213E3E;
}
.ai-data .result-statistics-list .desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #999;
}
@media (max-width: 1199.98px) {
  .ai-data .result-statistics-list .result-statistics-box {
    gap: 25px;
  }
  .ai-data .result-statistics-list .number {
    font-size: 22px;
  }
  .ai-data .result-statistics-list .desc {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .ai-data .result-statistics-list {
    flex-direction: row;
    gap: 16px;
  }
  .ai-data .result-statistics-list .result-statistics-box {
    gap: 8px;
  }
  .ai-data .result-statistics-list .number {
    font-size: 16px;
  }
  .ai-data .result-statistics-list .desc {
    font-size: 13px;
  }
}

.category-wrap {
  position: relative;
  padding-top: 30px;
}
.category-wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/circle-02.svg");
  background-size: 144px 144px;
  background-position: 90% 20%;
  background-repeat: no-repeat;
  z-index: -1;
}
.category-wrap .ingredients-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 60px -30px 0;
  height: 100%;
}
@media (max-width: 767.98px) {
  .category-wrap .ingredients-wrap {
    margin: 30px -20px 0;
  }
}
.category-wrap .ingredients-wrap .swiper {
  padding: 30px;
}
.category-wrap .ingredients-wrap .swiper .swiper-wrapper {
  gap: 32px;
}
.category-wrap .ingredients-wrap .swiper .swiper-wrapper .swiper-slide {
  width: calc(25% - 24px);
}
@media (max-width: 991.98px) {
  .category-wrap .ingredients-wrap .swiper .swiper-wrapper {
    gap: 0;
  }
}
@media (max-width: 767.98px) {
  .category-wrap .ingredients-wrap .swiper {
    padding: 20px;
  }
  .category-wrap .ingredients-wrap .swiper .swiper-wrapper {
    gap: 0;
  }
  .category-wrap .ingredients-wrap .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}
.category-wrap .ingredients-wrap .ingredients-card {
  width: 100%;
  height: 100%;
  box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  cursor: pointer;
}
.category-wrap .ingredients-wrap .ingredients-card .img {
  position: relative;
}
.category-wrap .ingredients-wrap .ingredients-card .img .sub-img {
  position: absolute;
  left: 6px;
  bottom: 11px;
  width: 100px;
  height: 100px;
}
.category-wrap .ingredients-wrap .ingredients-card .img .sub-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 991.98px) {
  .category-wrap .ingredients-wrap .ingredients-card .img .sub-img {
    left: 4px;
    bottom: 9px;
    width: 64px;
    height: 64px;
  }
}
.category-wrap .ingredients-wrap .ingredients-card.hover {
  transition: all 0.5s;
}
.category-wrap .ingredients-wrap .ingredients-card.hover .img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.8049' width='2.64' height='33' rx='1.32' fill='%23EEEEEE'/%3E%3Crect x='33' y='15.1799' width='2.64' height='33' rx='1.32' transform='rotate(90 33 15.1799)' fill='%23EEEEEE'/%3E%3C/svg%3E%0A");
  background-size: 33px 33px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 16px 16px 0 0;
}
.category-wrap .ingredients-wrap .img {
  width: 100%;
  height: 300px;
  position: relative;
}
.category-wrap .ingredients-wrap .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 16px 0 0;
}
@media (max-width: 1199.98px) {
  .category-wrap .ingredients-wrap {
    gap: 20px;
  }
  .category-wrap .ingredients-wrap .img {
    width: 100%;
    height: 300px;
  }
  .category-wrap .ingredients-wrap .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
  }
}
@media (max-width: 767.98px) {
  .category-wrap .ingredients-wrap {
    margin-top: 24px;
  }
  .category-wrap .ingredients-wrap .img {
    width: 100%;
    height: 230px;
  }
}
.category-wrap .ingredients-wrap .card-content {
  padding: 24px;
}
.category-wrap .ingredients-wrap .card-content .desc {
  display: flex;
  gap: 8px;
  flex-flow: wrap;
}
.category-wrap .ingredients-wrap .card-content .desc .name {
  font-weight: 500;
  color: #222;
}
.category-wrap .ingredients-wrap .card-content .desc .category {
  font-size: 14px;
  color: #999;
}
.category-wrap .ingredients-wrap .card-content .desc .country {
  font-size: 14px;
  color: #999;
}
.category-wrap .ingredients-wrap .card-content .desc .weight {
  font-size: 14px;
  color: #999;
  position: relative;
}
.category-wrap .ingredients-wrap .card-content .desc .weight::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #999;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
}
.hashtag {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  flex-flow: wrap;
}
.hashtag .tag {
  font-weight: 500;
  font-size: 14px;
  color: #666;
  padding: 6px 12px;
  background-color: #F7F7F7;
  border-radius: 24px;
}
@media (max-width: 991.98px) {
  .hashtag {
    gap: 6px;
  }
  .hashtag .tag {
    font-size: 12px;
    padding: 4px 10px;
  }
}

.category-wrap .ingredients-wrap .card-content .category-desc {
  display: flex;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .category-wrap .ingredients-wrap .card-content {
    padding: 13px 18px;
  }
  .category-wrap .ingredients-wrap .card-content .desc {
    display: block;
  }
  .category-wrap .ingredients-wrap .card-content .desc .name {
    font-size: 14px;
  }
  .category-wrap .ingredients-wrap .card-content .desc .category-desc {
    gap: 10px;
  }
  .category-wrap .ingredients-wrap .card-content .desc .country {
    font-size: 13px;
  }
  .category-wrap .ingredients-wrap .card-content .desc .country::before {
    height: 7px;
    left: -5px;
  }
  .category-wrap .ingredients-wrap .card-content .desc .weight {
    font-size: 13px;
  }
  .category-wrap .ingredients-wrap .card-content .desc .weight::before {
    height: 7px;
    left: -5px;
  }
}

.more {
  margin-top: 30px;
  text-align: center;
}
.more .btn {
  border-radius: 160px;
}
@media (max-width: 767.98px) {
  .more {
    margin-top: 24px;
  }
  .more .btn {
    width: 90px;
    font-size: 13px;
  }
}

.product-wrap {
  position: relative;
  width: 100%;
  height: 652px;
  padding-top: 320px;
  display: flex;
  align-items: center;
  margin-bottom: 160px;
}
.product-wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EEF8F6;
  left: -5%;
  border-radius: 0 400px 400px 0;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .product-wrap {
    height: 100%;
    padding: 54px 0;
    margin-top: 60px;
    margin-bottom: 0;
  }
  .product-wrap::before {
    border-radius: 0;
    left: 0;
  }
}
.product-wrap .content {
  display: flex;
  gap: 60px;
}
@media (max-width: 767.98px) {
  .product-wrap .content {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 767.98px) {
  .product-wrap .content {
    flex-direction: column;
    gap: 24px;
  }
}
.product-wrap .txt-box {
  flex-shrink: 0;
}
.product-wrap .txt-box p {
  text-align: left;
}
.product-wrap .scroll-tab .nav-tabs {
  margin-top: 60px;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .product-wrap .scroll-tab .nav-tabs {
    margin-top: 20px;
  }
}
.product-wrap .scroll-tab .nav-tabs .nav-item .nav-link {
  color: rgba(33, 62, 62, 0.3);
  background-color: transparent;
  border-radius: 0;
  padding: 14px 0 0 0;
  border-top: 3px solid rgba(33, 62, 62, 0.3);
}
.product-wrap .scroll-tab .nav-tabs .nav-item .nav-link.active {
  color: #213E3E;
  border-top: 3px solid #213E3E;
}
@media (max-width: 1199.98px) {
  .product-wrap .product-card-wrap {
    margin: 0 -32px;
    order: 2;
  }
}
@media (max-width: 991.98px) {
  .product-wrap .product-card-wrap .swiper {
    padding: 20px 32px 20px 32px;
  }
}
.product-wrap .product-card-wrap .swiper-wrapper {
  gap: 32px;
}
@media (max-width: 1199.98px) {
  .product-wrap .product-card-wrap .swiper-wrapper {
    gap: 0;
  }
}
.product-wrap .product-card-wrap .swiper-slide {
  width: calc(33.3% - 20px);
  height: auto;
}
.product-wrap .product-card-wrap .product-card {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #eee;
}
.product-wrap .product-card-wrap .product-card .brand-img {
  margin-top: 10px;
}
.product-wrap .product-card-wrap .product-card .img {
  position: relative;
  width: 100%;
  height: 316px;
}
.product-wrap .product-card-wrap .product-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 20px;
}
.product-wrap .product-card-wrap .product-card.hover .img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.8049' width='2.64' height='33' rx='1.32' fill='%23EEEEEE'/%3E%3Crect x='33' y='15.1799' width='2.64' height='33' rx='1.32' transform='rotate(90 33 15.1799)' fill='%23EEEEEE'/%3E%3C/svg%3E%0A");
  background-size: 33px 33px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 16px 16px 0 0;
  left: 0;
  top: 0;
}
.product-wrap .product-card-wrap .product-card .desc {
  padding: 24px 25px;
}
.product-wrap .product-card-wrap .product-card .product-name {
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .product-wrap .product-card-wrap .product-card {
    width: 100%;
  }
  .product-wrap .product-card-wrap .product-card .img {
    width: 100%;
    height: 217px;
    margin: 0 auto;
  }
  .product-wrap .product-card-wrap .product-card .desc {
    margin-top: 0;
    padding: 12px;
  }
  .product-wrap .product-card-wrap .product-card .product-name {
    font-size: 14px;
  }
}
.product-wrap.individual .product-card-wrap .swiper-wrapper {
  gap: 0;
}
.product-wrap.mirror .content > .container {
  margin: 0 auto 0 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .product-wrap.mirror .content > .container {
    order: 2;
  }
}
.product-wrap.mirror::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EEF8F6;
  left: inherit;
  right: -5%;
  border-radius: 400px 0 0 400px;
  z-index: -1;
}
.product-wrap.mirror .txt-box p {
  text-align: right;
}
@media (max-width: 767.98px) {
  .product-wrap.mirror {
    margin-top: 36px;
  }
  .product-wrap.mirror::before {
    border-radius: 0;
    right: 0;
    padding: 65px 0;
  }
  .product-wrap.mirror .tab-content {
    order: 2;
  }
  .product-wrap.mirror .txt-box {
    order: 1;
  }
}
.product-wrap .odm-product-wrap {
  display: flex;
  padding: 25px 0px;
}
.product-wrap .odm-product-card {
  width: 315px;
  border-radius: 16px;
  border: 1px solid #eee;
}
@media (max-width: 1199.98px) {
  .product-wrap .odm-product-card {
    width: 100%;
    margin-right: 0;
  }
}
.product-wrap .odm-product-card .img {
  width: 100%;
  height: 300px;
  position: relative;
}
.product-wrap .odm-product-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 16px 0 0;
}
.product-wrap .odm-product-card .img .sub-img {
  position: absolute;
  left: 6px;
  bottom: 11px;
  width: 100px;
  height: 100px;
}
@media (max-width: 991.98px) {
  .product-wrap .odm-product-card .img {
    height: 180px;
  }
  .product-wrap .odm-product-card .img .sub-img {
    left: 4px;
    bottom: 9px;
    width: 64px;
    height: 64px;
  }
}
.product-wrap .odm-product-card .card-content {
  padding: 24px;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
}
@media (max-width: 767.98px) {
  .product-wrap .odm-product-card .card-content {
    padding: 13px 18px;
  }
}
.product-wrap .odm-product-card .desc {
  display: flex;
  gap: 8px;
  flex-flow: wrap;
}
.product-wrap .odm-product-card .desc .name {
  font-weight: 500;
  color: #222;
}
.product-wrap .odm-product-card .desc .category {
  font-size: 14px;
  color: #999;
}
.product-wrap .odm-product-card .desc .country {
  font-size: 14px;
  color: #999;
}
.product-wrap .odm-product-card .desc .weight {
  font-size: 14px;
  color: #999;
  position: relative;
}
.product-wrap .odm-product-card .desc .weight::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #999;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
}
.product-wrap .odm-product-card .desc .category-desc {
  display: flex;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .product-wrap .odm-product-card .desc {
    display: block;
  }
  .product-wrap .odm-product-card .desc .name {
    font-size: 14px;
  }
  .product-wrap .odm-product-card .desc .category-desc {
    gap: 10px;
  }
  .product-wrap .odm-product-card .desc .country {
    font-size: 13px;
  }
  .product-wrap .odm-product-card .desc .country::before {
    height: 7px;
    left: -5px;
  }
  .product-wrap .odm-product-card .desc .weight {
    font-size: 13px;
  }
  .product-wrap .odm-product-card .desc .weight::before {
    height: 7px;
    left: -5px;
  }
}

.interview-wrap {
  position: relative;
}
@media (max-width: 767.98px) {
  .interview-wrap {
    height: auto;
  }
  .interview-wrap > .container {
    display: block;
    padding: 0;
  }
}
.interview-wrap .interview-title {
  text-align: left;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-title {
    padding: 0 16px;
  }
}
.interview-wrap .rolling-box.original {
  animation: rollingleft1 60s linear infinite;
}
.interview-wrap .rolling-box.clone {
  animation: rollingleft2 60s linear infinite;
}
@keyframes rollingleft1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rollingleft2 {
  0% {
    transition: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.interview-wrap .rolling-container {
  display: flex;
  overflow: hidden;
}
.interview-wrap .rolling-box {
  min-width: auto;
}
.interview-wrap .interview-card-wrap {
  width: 100%;
  height: 500px;
  display: flex;
  padding: 60px 0 30px;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-card-wrap {
    height: 365px;
    padding: 24px 0;
  }
}
.interview-wrap .interview-card-wrap .interview-card {
  width: 316px;
  height: 100%;
  box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  border-radius: 24px 24px 14px 14px;
  position: relative;
  margin-right: 32px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-card-wrap .interview-card {
    width: 240px;
    margin-right: 20px;
  }
}
.interview-wrap .interview-card-wrap .interview-card .img {
  width: 100%;
  height: 248px;
}
.interview-wrap .interview-card-wrap .interview-card .img img {
  border-radius: 24px 24px 0 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-card-wrap .interview-card .img {
    height: 205px;
  }
}
.interview-wrap .interview-card-wrap .interview-card.active .desc {
  transition: all 0.5s;
  height: 70%;
  padding: 16px 24px;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-card-wrap .interview-card.active .desc {
    height: 85%;
  }
}
.interview-wrap .interview-card-wrap .interview-card.active .desc .content-text {
  display: block;
}
.interview-wrap .interview-card-wrap .desc {
  width: 100%;
  height: 35%;
  position: absolute;
  bottom: 0;
  padding: 0 24px;
  background-color: #fff;
  transition: all 0.5s;
}
.interview-wrap .interview-card-wrap .desc .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.interview-wrap .interview-card-wrap .desc .content-text {
  font-weight: 500;
  color: #666;
  margin-top: 16px;
  display: none;
}
.interview-wrap .interview-card-wrap .desc .raw-materials-box {
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
}
.interview-wrap .interview-card-wrap .desc .raw-materials-box div {
  font-size: 16px;
  line-height: 140%;
}
.interview-wrap .interview-card-wrap .desc .raw-materials-box .secondary-raw-materials {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-card-wrap .desc {
    padding: 10px 16px;
  }
  .interview-wrap .interview-card-wrap .desc .title {
    font-size: 14px;
  }
  .interview-wrap .interview-card-wrap .desc .content-text {
    font-size: 13px;
    margin-top: 8px;
  }
  .interview-wrap .interview-card-wrap .desc .raw-materials-box {
    padding-bottom: 10px;
  }
  .interview-wrap .interview-card-wrap .desc .raw-materials-box div {
    font-size: 13px;
  }
  .interview-wrap .interview-card-wrap .desc .raw-materials-box .secondary-raw-materials {
    font-size: 12px;
  }
}
.interview-wrap .interview-card-wrap.odm-custom {
  height: auto;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card {
  width: 315px;
  border-radius: 16px;
  border: 1px solid #eee;
  margin-right: 32px;
  box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card {
    width: 240px;
    margin-right: 20px;
  }
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .img {
  width: 100%;
  height: 300px;
  position: relative;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 16px 0 0;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .img .sub-img {
  position: absolute;
  left: 6px;
  bottom: 11px;
  width: 100px;
  height: 100px;
}
@media (max-width: 991.98px) {
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .img {
    height: 180px;
  }
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .img .sub-img {
    left: 4px;
    bottom: 9px;
    width: 64px;
    height: 64px;
  }
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .card-content {
  padding: 24px;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .card-content {
    padding: 13px 18px;
  }
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc {
  display: flex;
  gap: 8px;
  flex-flow: wrap;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .name {
  font-weight: 500;
  color: #222;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .category {
  font-size: 14px;
  color: #999;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .country {
  font-size: 14px;
  color: #999;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .weight {
  font-size: 14px;
  color: #999;
  position: relative;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .weight::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #999;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
}
.interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .category-desc {
  display: flex;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc {
    display: block;
  }
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .name {
    font-size: 14px;
  }
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .category-desc {
    gap: 10px;
  }
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .country {
    font-size: 13px;
  }
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .country::before {
    height: 7px;
    left: -5px;
  }
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .weight {
    font-size: 13px;
  }
  .interview-wrap .interview-card-wrap.odm-custom .odm-product-card .odm-custom-desc .weight::before {
    height: 7px;
    left: -5px;
  }
}
.interview-wrap .rolling-box2.original {
  animation: rollingleft3 60s linear infinite;
}
.interview-wrap .rolling-box2.clone {
  animation: rollingleft4 60s linear infinite;
}
@keyframes rollingleft3 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rollingleft4 {
  0% {
    transition: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.interview-wrap .rolling-container2 {
  display: flex;
  overflow: hidden;
}
.interview-wrap .rolling-box2 {
  min-width: auto;
}

@media (max-width: 767.98px) {
  .faq-wrap .faq-title {
    margin-bottom: 24px;
  }
}
.faq-wrap .faq-card-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767.98px) {
  .faq-wrap .faq-card-wrap {
    gap: 8px;
    margin-bottom: 8px;
  }
}
.faq-wrap .faq-card-wrap .faq-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #eee;
  border-radius: 24px;
  padding: 32px 24px;
  position: relative;
}
.faq-wrap .faq-card-wrap .faq-card .category {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  color: #14907F;
}
@media (max-width: 767.98px) {
  .faq-wrap .faq-card-wrap .faq-card .category {
    font-size: 14px;
  }
}
.faq-wrap .faq-card-wrap .faq-card .text {
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 767.98px) {
  .faq-wrap .faq-card-wrap .faq-card {
    padding: 16px 12px;
    gap: 8px;
  }
  .faq-wrap .faq-card-wrap .faq-card .text {
    font-size: 13px;
  }
  .faq-wrap .faq-card-wrap .faq-card .img {
    width: 28px;
  }
}
.faq-wrap .faq-card-wrap .faq-card.active .faq-answer {
  opacity: 1;
  transition: all 0.5s;
}
@media (max-width: 767.98px) {
  .faq-wrap .faq-card-wrap .faq-card.active .faq-answer {
    overflow-y: auto;
    padding: 12px 16px;
  }
  .faq-wrap .faq-card-wrap .faq-card.active .faq-answer img {
    width: 24px;
    height: 24px;
  }
}
.faq-wrap .faq-card-wrap .faq-card .faq-answer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #14907F;
  border-radius: 24px;
  padding: 24px;
  opacity: 0;
  transition: all 0.5s;
}
.faq-wrap .faq-card-wrap .faq-card .faq-answer ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.faq-wrap .faq-card-wrap .faq-card .faq-answer ul li {
  position: relative;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .faq-wrap .faq-card-wrap .faq-card .faq-answer ul li {
    font-size: 12px;
  }
}

.banner-wrap .banner {
  width: 100%;
  height: 400px;
  background-image: url("../images/banner-img.png");
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.banner-wrap .banner p {
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
  color: #fff;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .banner-wrap .banner {
    height: 150px;
  }
  .banner-wrap .banner p {
    font-size: 14px;
    margin-bottom: 12px;
  }
}

.announcement-wrap {
  background-color: #222;
  padding-top: 0;
  padding: 10px 0;
}
@media (max-width: 767.98px) {
  .announcement-wrap {
    padding: 0;
  }
}
.announcement-wrap .title {
  font-size: 24px;
  font-weight: 800;
  line-height: 130%;
  color: #fff;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .announcement-wrap .title {
    font-size: 14px;
  }
}
.announcement-wrap .announcement-content {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 767.98px) {
  .announcement-wrap .announcement-content {
    gap: 8px;
  }
}
.announcement-wrap .announcement-box {
  display: flex;
  align-items: center;
  gap: 24px;
}
.announcement-wrap .announcement-box .content {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  color: #e2e2e2;
}
.announcement-wrap .announcement-box .date {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  color: #e2e2e2;
}
@media (max-width: 767.98px) {
  .announcement-wrap .announcement-box {
    gap: 4px;
  }
  .announcement-wrap .announcement-box .content {
    width: 60%;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .announcement-wrap .announcement-box .date {
    width: 40%;
    font-size: 13px;
  }
}
.announcement-wrap .swiper-announcement .swiper {
  height: 60px;
}
.announcement-wrap .swiper-announcement .swiper-slide {
  color: #fff;
  height: 60px !important;
  display: flex;
  align-items: center;
}
.announcement-wrap .swiper-more {
  display: flex;
  align-items: center;
  gap: 8px;
}
.announcement-wrap .swiper-more .swiper-button-next, .announcement-wrap .swiper-more .swiper-button-prev {
  position: inherit;
  width: 40px;
  height: 40px;
  margin-top: 0;
}
.announcement-wrap .swiper-more .swiper-button-next::after, .announcement-wrap .swiper-more .swiper-button-prev::after {
  content: none;
}
@media (max-width: 767.98px) {
  .announcement-wrap .swiper-more {
    width: 15%;
    flex-shrink: 0;
  }
}

.main-title-area {
  margin-bottom: 40px;
  margin-top: 40px;
}
.main-title-area .main-title {
  font-size: 26px;
  font-weight: 700;
  line-height: 130%;
  text-align: center;
}
@media (min-width: 992px) {
  .main-title-area {
    margin-bottom: 40px;
    margin-top: 0;
  }
  .main-title-area .main-title {
    font-size: 36px;
    margin-bottom: 80px;
  }
}

.sub-content .scroll-tab {
  margin-bottom: 30px;
}
.sub-content .table-header {
  margin-bottom: 20px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .sub-content .scroll-tab {
    margin-bottom: 80px;
  }
  .sub-content .table-header {
    margin-bottom: 20px;
    flex-direction: row;
  }
}

.sub-content-head {
  border-bottom: 4px solid #222;
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}
.sub-content-head.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .sub-content-head.flex {
    display: block;
  }
  .sub-content-head.flex .notice-use {
    display: flex;
  }
}
.sub-content-head .notice-use {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .sub-content-head .notice-use {
    display: block;
  }
}
.sub-content-head .notice-use .notice {
  font-size: 14px;
  color: #999;
  font-weight: 500;
  line-height: 150%;
  position: relative;
}
.sub-content-head .notice-use .notice::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 11px;
  background-color: #999;
  left: -10px;
}
@media (max-width: 991.98px) {
  .sub-content-head .notice-use .notice {
    margin-top: 4px;
  }
  .sub-content-head .notice-use .notice::before {
    content: none;
  }
}
.sub-content-head .list-search {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .sub-content-head .list-search {
    gap: 4px;
    margin-top: 8px;
  }
}
.sub-content-head .title-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-content-head .datarange-picker {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .sub-content-head .datarange-picker {
    align-items: start;
    flex-direction: column;
    gap: 16px;
  }
}
.sub-content-head .check-daterange {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .sub-content-head .check-daterange {
    gap: 12px;
  }
}
.sub-content-head .order-num {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}
.sub-content-head .mypage-breadcrumb {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}
@media (max-width: 991.98px) {
  .sub-content-head .mypage-breadcrumb {
    margin-bottom: 30px;
  }
}
.sub-content-head .mypage-breadcrumb .breadcrumb-item {
  margin-right: 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  color: #999;
  position: relative;
}
.sub-content-head .mypage-breadcrumb .breadcrumb-item.active {
  color: #222;
}
.sub-content-head .mypage-breadcrumb .breadcrumb-item::after {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url(../images/icon-g-arrow.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sub-content-head .mypage-breadcrumb .breadcrumb-item:last-child::after {
  content: none;
}
@media (max-width: 991.98px) {
  .sub-content-head .mypage-breadcrumb .breadcrumb-item {
    font-size: 14px;
    margin-right: 20px;
  }
  .sub-content-head .mypage-breadcrumb .breadcrumb-item::after {
    width: 19px;
    height: 19px;
    right: -20px;
    background-size: cover;
  }
}

.class-management {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.class-management .class-table {
  width: 100%;
}
@media (min-width: 992px) {
  .class-management {
    gap: 30px;
    flex-direction: row;
  }
  .class-management .class-table {
    width: 50%;
  }
}

.my-info {
  border-radius: 8px;
  background-color: #222;
  padding: 24px 32px;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}
.my-info .my-info-head {
  display: flex;
  align-items: center;
  gap: 24px;
}
.my-info .my-info-head .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  color: #fff;
}
.my-info .my-info-head .period {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #999;
  position: relative;
}
.my-info .my-info-head .period::before {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
}
@media (max-width: 767.98px) {
  .my-info .my-info-head .title {
    font-size: 20px;
  }
  .my-info .my-info-head .period {
    font-size: 14px;
  }
}
.my-info .my-info-content {
  display: flex;
}
@media (max-width: 767.98px) {
  .my-info .my-info-content {
    flex-flow: wrap;
  }
}
.my-info .my-info-content .box {
  width: 20%;
  position: relative;
}
.my-info .my-info-content .box::after {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("../images/icon-g-arrow.svg");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30%;
}
.my-info .my-info-content .box:last-child::after {
  content: none;
}
@media (max-width: 767.98px) {
  .my-info .my-info-content .box {
    width: 33.3%;
  }
  .my-info .my-info-content .box::after {
    content: none;
  }
}
.my-info .my-info-content .step-title {
  font-weight: 700;
  line-height: 130%;
  color: #fff;
}
@media (max-width: 767.98px) {
  .my-info .my-info-content .step-title {
    text-align: center;
    font-size: 14px;
  }
}
.my-info .my-info-content .cnt-box {
  display: flex;
  align-items: center;
  margin-top: 3px;
  gap: 32px;
}
.my-info .my-info-content .cnt-box .cnt {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 767.98px) {
  .my-info .my-info-content .cnt-box {
    justify-content: center;
    margin-top: 8px;
  }
  .my-info .my-info-content .cnt-box .cnt {
    font-size: 20px;
  }
}
@media (max-width: 991.98px) {
  .my-info {
    padding: 24px;
    flex-direction: column;
    align-items: start;
    gap: 50px;
    margin-top: 50px;
  }
}

.sns-wrap p {
  color: #666;
}
.sns-wrap .icon-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}
.sns-wrap .icon-wrap .kakao {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FEE500'/%3E%3Cpath d='M20.0569 9.65234C13.8345 9.65234 8.81641 13.6668 8.81641 18.5403C8.81641 21.7037 10.9039 24.4737 14.0352 26.0554L12.9754 30.0137C12.9554 30.073 12.9523 30.1367 12.9665 30.1977C12.9807 30.2586 13.0116 30.3145 13.0557 30.3589C13.12 30.4156 13.2028 30.447 13.2885 30.4472C13.3596 30.4415 13.4271 30.4134 13.4812 30.3669L18.0416 27.2919C18.7148 27.3848 19.3934 27.433 20.073 27.4363C26.2873 27.4363 31.3135 23.4219 31.3135 18.5403C31.3135 13.6587 26.2713 9.65234 20.0569 9.65234Z' fill='%23392020'/%3E%3Cpath d='M12.7491 17.1352H11.5207C11.3684 17.1396 11.218 17.1007 11.0871 17.0228C11.029 16.9864 10.979 16.9383 10.9403 16.8817C10.9016 16.825 10.8751 16.761 10.8623 16.6936C10.8584 16.6509 10.8584 16.6079 10.8623 16.5652C10.8585 16.4853 10.874 16.4055 10.9076 16.3328C10.9411 16.2601 10.9917 16.1967 11.055 16.1477C11.195 16.0463 11.3639 15.9928 11.5367 15.9951H15.2381C15.3915 15.9897 15.5429 16.0318 15.6716 16.1155C15.7311 16.1504 15.7822 16.198 15.821 16.2549C15.8599 16.3118 15.8857 16.3767 15.8964 16.4448C15.9004 16.4848 15.9004 16.5252 15.8964 16.5652C15.9002 16.6463 15.8847 16.7272 15.8512 16.8011C15.8177 16.8751 15.7672 16.94 15.7037 16.9907C15.5672 17.0919 15.3999 17.143 15.23 17.1352H14.0418V21.3585C14.0466 21.4484 14.0327 21.5384 14.0009 21.6227C13.9691 21.707 13.9201 21.7838 13.8571 21.8482C13.7966 21.9098 13.724 21.958 13.6438 21.9898C13.5636 22.0216 13.4776 22.0363 13.3914 22.0329C13.2406 22.0372 13.093 21.989 12.9739 21.8964C12.8605 21.806 12.7835 21.6777 12.7571 21.5351C12.7492 21.4765 12.7492 21.4171 12.7571 21.3585L12.7491 17.1352Z' fill='%23FEE500'/%3E%3Cpath d='M16.25 16.3084C16.2853 16.1763 16.3683 16.0619 16.4829 15.9872C16.605 15.918 16.7441 15.8846 16.8843 15.8909H17.1894C17.3382 15.8855 17.4855 15.9217 17.6149 15.9953C17.7521 16.0875 17.8495 16.2279 17.8879 16.3887L19.4937 20.925C19.5353 21.0434 19.5702 21.1641 19.5981 21.2864C19.6008 21.3372 19.6008 21.3881 19.5981 21.4389C19.6008 21.5171 19.5864 21.595 19.5559 21.6672C19.5254 21.7393 19.4795 21.8039 19.4214 21.8564C19.3652 21.9141 19.2977 21.9595 19.2231 21.9899C19.1485 22.0203 19.0684 22.035 18.9879 22.033C18.864 22.0453 18.7397 22.0156 18.6348 21.9486C18.5299 21.8816 18.4507 21.7813 18.4098 21.6637L18.0726 20.6762H15.961L15.6238 21.6637C15.5839 21.7836 15.5037 21.8859 15.3968 21.9532C15.2899 22.0206 15.163 22.0488 15.0376 22.033C14.9019 22.0366 14.7689 21.9941 14.6603 21.9126C14.5545 21.8284 14.4831 21.7086 14.4596 21.5754C14.4553 21.53 14.4553 21.4843 14.4596 21.4389C14.4458 21.3592 14.4458 21.2778 14.4596 21.1981C14.4596 21.1098 14.5158 21.0133 14.5479 20.925L16.25 16.3084ZM17.0529 17.3602L16.2902 19.7689H17.8076L17.0529 17.3602Z' fill='%23FEE500'/%3E%3Cpath d='M19.7819 16.5653C19.7738 16.3851 19.8373 16.2091 19.9586 16.0756C20.0202 16.0134 20.0943 15.9648 20.1759 15.9329C20.2574 15.9011 20.3448 15.8868 20.4323 15.8908C20.5827 15.889 20.7295 15.9371 20.8498 16.0273C20.9613 16.1215 21.0354 16.2525 21.0585 16.3966C21.0665 16.4526 21.0665 16.5094 21.0585 16.5653V20.7885H23.2665C23.4195 20.7865 23.57 20.8282 23.7001 20.9089C23.7585 20.9449 23.8087 20.9929 23.8475 21.0496C23.8862 21.1063 23.9126 21.1705 23.9249 21.2381C23.9249 21.2381 23.9249 21.3184 23.9249 21.3586C23.9287 21.4385 23.9132 21.5182 23.8796 21.5908C23.8461 21.6635 23.7955 21.7271 23.7322 21.7761C23.5922 21.8774 23.4233 21.9309 23.2504 21.9286H20.5367C20.3638 21.9397 20.192 21.8947 20.0469 21.8002C19.9171 21.7031 19.8306 21.559 19.806 21.3987C19.8002 21.3105 19.8002 21.2219 19.806 21.1337L19.7819 16.5653Z' fill='%23FEE500'/%3E%3Cpath d='M24.0697 16.5652C24.0649 16.3856 24.128 16.2107 24.2464 16.0755C24.3667 15.9661 24.5211 15.9016 24.6834 15.8928C24.8458 15.884 25.0062 15.9315 25.1376 16.0273C25.2516 16.1206 25.3284 16.2515 25.3544 16.3965C25.3583 16.4527 25.3583 16.5091 25.3544 16.5652V18.5323L27.3857 16.1878C27.464 16.1078 27.5471 16.0328 27.6346 15.9631C27.7171 15.9139 27.8116 15.8888 27.9076 15.8907C28.0479 15.89 28.1851 15.932 28.301 16.0112C28.3556 16.0479 28.4022 16.0954 28.4381 16.1505C28.4739 16.2057 28.4983 16.2675 28.5097 16.3324C28.513 16.3482 28.513 16.3647 28.5097 16.3806C28.5058 16.3991 28.5058 16.4182 28.5097 16.4367C28.5095 16.5212 28.4873 16.6042 28.4455 16.6776C28.4029 16.7554 28.3517 16.828 28.293 16.8943L26.9602 18.3557L28.5659 20.8446V20.9249C28.6493 21.0399 28.7143 21.1673 28.7586 21.3023V21.3424C28.7679 21.4354 28.7545 21.5293 28.7196 21.616C28.6846 21.7027 28.6291 21.7796 28.5579 21.8402C28.424 21.9414 28.2601 21.9951 28.0922 21.9928C27.9807 21.9974 27.8699 21.9724 27.7711 21.9205C27.6641 21.8487 27.576 21.7524 27.5142 21.6395L26.0208 19.2308L25.3062 19.9775V21.3183C25.311 21.4979 25.2479 21.6728 25.1296 21.808C25.0661 21.8701 24.9906 21.9185 24.9078 21.9502C24.8249 21.982 24.7365 21.9965 24.6478 21.9928C24.4997 21.9959 24.355 21.9476 24.2384 21.8563C24.1249 21.7659 24.048 21.6376 24.0216 21.495C24.0136 21.4364 24.0136 21.3769 24.0216 21.3183L24.0697 16.5652Z' fill='%23FEE500'/%3E%3C/svg%3E%0A");
}
.sns-wrap .icon-wrap .naver {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.95431 31.0457 0 20 0C8.95431 0 0 8.95431 0 20C0 31.0457 8.95431 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%2306BE34'/%3E%3Cpath d='M29.93 10.8647V29.1347H23.2645L16.7319 19.9387V29.1347H10.0664V10.8647H16.7319L23.2645 20.434V10.8647H29.93Z' fill='white'/%3E%3C/svg%3E%0A");
}
.sns-wrap .icon-wrap .google {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='white'/%3E%3Cpath d='M30.9938 31.7481C34.7501 28.2302 36.4194 22.3672 35.4179 16.7554H20.4766V22.9535H28.9905C28.6567 24.9637 27.488 26.6388 25.8187 27.7277L30.9938 31.7481Z' fill='%234285F4'/%3E%3Cpath d='M6.1875 26.709C6.32497 26.9787 6.46991 27.2444 6.62231 27.506C6.77484 27.7677 6.9346 28.0248 7.10159 28.2774C7.2687 28.5299 7.4427 28.7777 7.62381 29.0204C7.80492 29.2633 7.99269 29.5007 8.18734 29.733C8.38187 29.9651 8.58283 30.1917 8.79031 30.4126C8.99769 30.6335 9.21124 30.8483 9.43087 31.0572C9.65049 31.266 9.87583 31.4685 10.1069 31.6647C10.338 31.8608 10.5744 32.0503 10.8163 32.2332C11.0581 32.416 11.3049 32.5919 11.5567 32.7608C11.8086 32.9296 12.065 33.0913 12.326 33.2458C12.5869 33.4003 12.8521 33.5473 13.1214 33.6869C13.3908 33.8263 13.6638 33.9582 13.9406 34.0823C14.2174 34.2064 14.4975 34.3228 14.781 34.431C15.0643 34.5394 15.3506 34.6397 15.6396 34.7319C15.9287 34.8242 16.2202 34.9083 16.514 34.984C16.8079 35.0598 17.1036 35.1273 17.4013 35.1865C17.699 35.2456 17.9981 35.2963 18.2987 35.3386C18.5992 35.3809 18.9007 35.4147 19.2032 35.44C19.5057 35.4652 19.8086 35.4821 20.112 35.4902C20.4155 35.4985 20.7189 35.4981 21.0223 35.4893C21.3257 35.4804 21.6285 35.463 21.931 35.4371C22.2334 35.4111 22.5348 35.3767 22.8353 35.3338C23.1358 35.2908 23.4348 35.2394 23.7323 35.1796C24.0299 35.1199 24.3255 35.0518 24.6191 34.9754C24.9128 34.899 25.2041 34.8143 25.4931 34.7215C25.7819 34.6287 26.0679 34.5277 26.3511 34.4187C26.6342 34.3097 26.9141 34.1929 27.1907 34.0681C27.4672 33.9435 27.74 33.8111 28.0089 33.6709C28.278 33.5309 28.5428 33.3833 28.8035 33.2282C29.0641 33.0732 29.3202 32.9109 29.5716 32.7416C29.8231 32.5721 30.0696 32.3956 30.311 32.2123C30.5525 32.029 30.7886 31.839 31.0191 31.6424L25.818 27.6288C21.3718 30.5553 13.9894 29.4683 11.4726 22.6118L6.1875 26.709Z' fill='%2334A853'/%3E%3Cpath d='M11.5747 22.7337C10.897 20.6445 10.897 18.7225 11.5747 16.6333L6.23781 12.5386C4.28942 16.3827 3.69645 21.8144 6.23781 26.8285L11.5747 22.7337Z' fill='%23FBBC02'/%3E%3Cpath d='M11.4548 16.5211C13.2943 10.7418 21.1534 7.39149 26.4207 12.3331L31.0191 7.81024C24.4977 1.52847 11.7893 1.77967 6.1875 12.4169L11.4548 16.5211Z' fill='%23EA4335'/%3E%3C/svg%3E%0A");
}
.sns-wrap .icon-wrap .apple {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.04 31.05 40 20 40C8.95 40 0 31.04 0 20C0 8.95 8.95 0 20 0C31.05 0 40 8.95 40 20Z' fill='%23283544'/%3E%3Cpath d='M29.3744 14.9393C29.2653 15.003 26.6672 16.3466 26.6672 19.3257C26.7897 22.7232 29.9459 23.9147 30 23.9147C29.9459 23.9783 29.5235 25.5378 28.2724 27.1724C27.2795 28.5805 26.1775 30.0002 24.504 30.0002C22.9121 30.0002 22.3407 29.0618 20.504 29.0618C18.5315 29.0618 17.9734 30.0002 16.4631 30.0002C14.7897 30.0002 13.606 28.5045 12.559 27.1096C11.1987 25.2839 10.0425 22.4189 10.0017 19.668C9.97422 18.2103 10.2741 16.7774 11.0354 15.5603C12.11 13.8611 14.0284 12.7077 16.1233 12.6697C17.7285 12.6192 19.157 13.6966 20.1366 13.6966C21.0754 13.6966 22.8305 12.6697 24.8163 12.6697C25.6735 12.6705 27.9592 12.9111 29.3744 14.9393ZM20.0009 12.3786C19.7151 11.0474 20.504 9.71619 21.2387 8.86703C22.1774 7.84009 23.6601 7.14307 24.9388 7.14307C25.0204 8.47428 24.5031 9.77986 23.5785 10.7307C22.7489 11.7577 21.3203 12.5308 20.0009 12.3786Z' fill='white'/%3E%3C/svg%3E%0A");
}

.email-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.email-wrap .btn {
  border-radius: 24px;
}
@media (max-width: 991.98px) {
  .email-wrap {
    gap: 10px;
  }
}

.address-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.password-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.password-wrap .input-form {
  display: flex;
  align-items: center;
}
.password-wrap .input-form p {
  flex-shrink: 0;
  width: 30%;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}

.agreement-wrap {
  background-color: #f7f7f7;
  height: 100%;
  padding: 18px 24px;
}
.agreement-wrap .check-top {
  margin-bottom: 40px;
}
.agreement-wrap .check-top label {
  font-size: 16px;
  font-weight: 600;
}
.agreement-wrap p {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 20px;
}
@media (max-width: 991.98px) {
  .agreement-wrap .check-top {
    margin-bottom: 20px;
  }
}

.withdrawal-txt {
  margin-top: 40px;
  text-align: end;
}
.withdrawal-txt span {
  color: #999;
  font-weight: 500;
  line-height: 1.4;
  margin-right: 16px;
}
@media (max-width: 991.98px) {
  .withdrawal-txt .btn {
    margin-top: 20px;
  }
}

.coupon-list {
  display: flex;
  flex-flow: wrap;
  gap: 33px;
  padding-top: 70px;
  border-top: 1px solid #E2E2E2;
}
.coupon-list .coupon {
  width: calc(33.3% - 22px);
  border: 1px solid #E2E2E2;
  border-radius: 8px;
}
@media (max-width: 1199.98px) {
  .coupon-list {
    padding-top: 35px;
  }
  .coupon-list .coupon {
    width: calc(50% - 17px);
  }
}
@media (max-width: 767.98px) {
  .coupon-list .coupon {
    width: 100%;
  }
}
.coupon-list .coupon-content {
  padding: 24px 32px;
}
.coupon-list .coupon-content .coupon-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  color: #000;
}
.coupon-list .coupon-content .coupon-txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  color: #000;
  margin-top: 8px;
}
@media (max-width: 767.98px) {
  .coupon-list .coupon-content {
    padding: 16px 20px;
  }
  .coupon-list .coupon-content .coupon-name {
    font-size: 20px;
  }
  .coupon-list .coupon-content .coupon-txt {
    font-size: 16px;
  }
}
.coupon-list .coupon-download {
  background-color: #000;
  display: block;
  border-radius: 0 0 8px 8px;
}
.coupon-list .coupon-download .desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed #fff;
  padding: 16px 32px;
}
.coupon-list .coupon-download .desc p {
  color: #fff;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width: 767.98px) {
  .coupon-list .coupon-download .desc {
    padding: 16px 20px;
  }
  .coupon-list .coupon-download .desc p {
    font-size: 13px;
  }
}

.inquiry-answer {
  color: rgb(255, 165, 0);
  font-weight: 500;
}

.download-link {
  margin-top: 50px;
}
.download-link a {
  display: block;
  padding: 5px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  line-height: 150%;
}

.inquiry-object {
  display: flex;
  align-items: center;
  gap: 4px;
}

.comment-title {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  line-height: 1.8;
  margin-top: 146px;
}
.comment-title span {
  color: #FA4555;
}

.comment-wrap {
  border-top: 2px solid #231815;
  margin-bottom: 84px;
}
.comment-wrap .comment-wrap__content .reply {
  display: flex;
  padding: 24px;
  border-bottom: 1px solid #ddd;
}
.comment-wrap .comment-wrap__content .reply .desc {
  width: 80%;
  font-size: 16px;
  line-height: 28px;
  color: #212222;
  display: flex;
  align-items: center;
}
.comment-wrap .comment-wrap__content .reply .desc .icon-lock {
  margin-right: 15px;
}
.comment-wrap .comment-wrap__content .reply .user {
  width: 10%;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  text-align: center;
  word-break: break-all;
}
.comment-wrap .comment-wrap__content .reply .date {
  width: 10%;
  display: flex;
  justify-content: end;
  font-size: 16px;
  line-height: 28px;
  color: #5A5B5D;
}
.comment-wrap .comment-wrap__content .re-reply {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  border-bottom: 1px solid #ddd;
  background-color: #F6F6F6;
}
.comment-wrap .comment-wrap__content .re-reply .desc {
  font-size: 16px;
  line-height: 28px;
  color: #212222;
}
.comment-wrap .comment-wrap__content .re-reply .info {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.comment-wrap .comment-wrap__content .re-reply .info .btn-box {
  width: 80%;
}
.comment-wrap .comment-wrap__content .re-reply .info .btn-box .btn:nth-child(2) {
  margin-left: 8px;
}
.comment-wrap .comment-wrap__content .re-reply .txt-box {
  display: flex;
  align-items: center;
}
.comment-wrap .comment-wrap__content .re-reply .user {
  width: 10%;
  word-break: break-all;
  text-align: center;
}
.comment-wrap .comment-wrap__content .re-reply .date {
  width: 10%;
  font-size: 16px;
  line-height: 28px;
  color: #5A5B5D;
  display: flex;
  justify-content: end;
}
.comment-wrap .no-reply {
  padding: 120px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment-wrap .no-reply .desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #666666;
}
.comment-wrap .comment-write {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 9px;
}
.comment-wrap .comment-write textarea {
  padding: 15px 20px;
}
@media (max-width: 991.98px) {
  .comment-wrap .comment-wrap__content .reply {
    display: block;
    padding: 18px 12px 18px 15px;
    border-bottom: 1px solid #ddd;
  }
  .comment-wrap .comment-wrap__content .reply .desc {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #5A5B5D;
    display: flex;
    align-items: center;
  }
  .comment-wrap .comment-wrap__content .reply .desc .icon-lock {
    margin-right: 8px;
  }
  .comment-wrap .comment-wrap__content .reply .user {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 10px;
    display: inline-block;
    margin-right: 16px;
    width: auto;
  }
  .comment-wrap .comment-wrap__content .reply .date {
    display: inline-flex;
    gap: 15px;
    width: auto;
    font-size: 14px;
    line-height: 24px;
    color: #5A5B5D;
  }
  .comment-wrap .comment-wrap__content .re-reply {
    display: block;
    padding: 18px 18px 18px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #F8F8F8;
  }
  .comment-wrap .comment-wrap__content .re-reply .desc {
    width: 100%;
    display: flex;
  }
  .comment-wrap .comment-wrap__content .re-reply .desc span {
    font-size: 16px;
    line-height: 28px;
    color: #5A5B5D;
    width: 100%;
  }
  .comment-wrap .comment-wrap__content .re-reply .info .btn-box {
    width: 50%;
  }
  .comment-wrap .comment-wrap__content .re-reply .user {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    display: inline-block;
    margin-right: 16px;
    width: auto;
  }
  .comment-wrap .comment-wrap__content .re-reply .date {
    display: inline-flex;
    gap: 15px;
    width: auto;
  }
  .comment-wrap .comment-wrap__content .re-reply .date span {
    font-size: 14px;
    line-height: 24px;
  }
  .comment-wrap .comment-wrap__content .re-reply .date span:nth-child(1) {
    color: #999999;
  }
  .comment-wrap .comment-wrap__content .re-reply .date span:nth-child(2) {
    color: #5A5B5D;
  }
  .comment-wrap .no-reply {
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .comment-wrap .no-reply .desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #666666;
  }
  .comment-wrap .comment-write {
    width: 100%;
    margin-top: 30px;
  }
  .comment-wrap .comment-write textarea {
    padding: 15px 20px;
    border-radius: 0;
  }
}

.registration-wrap {
  border-top: 2px solid #222;
  border-bottom: 1px solid #eee;
  padding-bottom: 50px;
  margin-bottom: 40px;
}
.registration-wrap .input-form {
  padding-top: 40px;
}
.registration-wrap .input-form-title {
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 16px;
}
.registration-wrap .form-check-label {
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .registration-wrap .form-select {
    width: 25%;
  }
}

.easy-login-wrap .switch-box .form-switch {
  border: 1px solid #eee;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}
.easy-login-wrap .switch-box .form-switch label {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.accordion-button .accordion-body {
  display: none;
  margin-top: 20px;
}
.accordion-button.active {
  background-color: #f7f7f7;
}

.terms-wrap {
  line-height: 1.4;
  padding: 24px;
  background-color: #f7f7f7;
  margin-top: 24px;
}
.terms-wrap p {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.09px;
}
.terms-wrap span {
  font-weight: 500;
  letter-spacing: -0.08px;
}
.terms-wrap span .num {
  font-size: 12px;
}
@media (max-width: 991.98px) {
  .terms-wrap p {
    font-size: 16px;
  }
  .terms-wrap span {
    font-size: 14px;
  }
}

.my-wrap {
  padding: 40px 0;
  border-bottom: 2px solid #eee;
}
.my-wrap:last-child {
  border-bottom: none;
}
@media (max-width: 991.98px) {
  .my-wrap {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
  }
}

.my-info-box {
  display: flex;
  align-items: center;
  padding: 4px 0;
}
.my-info-box > p {
  width: 15%;
  flex-shrink: 0;
}
.my-info-box .input-form {
  width: 100%;
  padding-top: 0;
}
.my-info-box .address-wrap {
  width: 100%;
}
@media (max-width: 991.98px) {
  .my-info-box {
    display: block;
    padding: 8px 0;
  }
  .my-info-box > p {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.my-info-box .custom-file-upload {
  width: 100%;
  height: 180px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 8px;
}
.my-info-box .custom-file-upload .desc {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.075px;
  color: #999;
  margin-top: 8px;
}
.my-info-box .custom-file-upload .btn {
  margin-top: 24px;
}

.product-info {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .product-info {
    justify-content: space-between;
  }
}
.product-info .img {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
}
.product-info .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 991.98px) {
  .product-info .img {
    order: 2;
  }
}
.product-info .text-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: start;
}
@media (max-width: 991.98px) {
  .product-info .text-box {
    gap: 4px;
  }
}
.product-info .text-box .route {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
}
.product-info .text-box .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}
.product-info .text-box .weight {
  font-weight: 500;
  line-height: 140%;
}
.product-info .text-box .price {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.combination-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.combination-content span {
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: #14907F;
  position: relative;
}
@media (max-width: 991.98px) {
  .combination-content span {
    font-size: 16px;
  }
}
.combination-content span::after {
  content: "+";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;
  font-weight: 400;
  line-height: 140%;
}
.combination-content span:last-child::after {
  content: none;
}

.quantity-num {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .quantity-num {
    justify-content: start;
  }
}
.quantity-num button {
  width: 32px;
  height: 32px;
  border: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.quantity-num .cnt {
  width: 32px;
  height: 32px;
  border: 1px solid #999;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin: 0 -1px;
}

.interest-btn {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .interest-btn {
    flex-direction: row;
    justify-content: end;
  }
}

.product-price-table {
  margin-top: 100px;
  border-top: 4px solid #222;
}
@media (max-width: 991.98px) {
  .product-price-table {
    margin-top: 60px;
  }
}

.interest-price-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6% 0;
}
.interest-price-wrap .product-price {
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.interest-price-wrap .product-price .price {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.interest-price-wrap .product-price .price span {
  font-size: 24px;
  font-weight: 700;
}
.interest-price-wrap .product-price .cnt {
  font-weight: 500;
  line-height: 140%;
}
.interest-price-wrap .delivery-price, .interest-price-wrap .total-price {
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .interest-price-wrap {
    padding: 4% 0;
  }
  .interest-price-wrap .product-price {
    gap: 6px;
  }
  .interest-price-wrap .product-price .price span {
    font-size: 16px;
  }
  .interest-price-wrap .product-price .cnt {
    font-size: 12px;
  }
  .interest-price-wrap .icon-price-plus {
    width: 16px;
    height: 16px;
  }
  .interest-price-wrap .icon-price-result {
    width: 16px;
    height: 16px;
  }
}

.table-content.delivery .date {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.table-content.delivery .order-num {
  font-size: 14px;
  word-break: break-all;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}
.table-content .order {
  word-break: break-all;
}
@media (max-width: 991.98px) {
  .table-content .m-cell-title {
    font-size: 14px;
    line-height: 140%;
    font-weight: 700 !important;
  }
}

a.order-num {
  text-decoration: underline;
  word-break: break-all;
}

.pay-info-wrap {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 991.98px) {
  .pay-info-wrap {
    display: block;
  }
}
.pay-info-wrap .pay-info-box {
  width: 30%;
  padding: 24px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.pay-info-wrap .pay-info-box.w-40 {
  width: 40%;
}
.pay-info-wrap .pay-info-box.w-70 {
  width: 70%;
}
@media (max-width: 991.98px) {
  .pay-info-wrap .pay-info-box {
    width: 100%;
    padding: 16px;
  }
  .pay-info-wrap .pay-info-box.w-40 {
    width: 100%;
  }
  .pay-info-wrap .pay-info-box.w-70 {
    width: 100%;
  }
}
.pay-info-wrap .pay-info-box .desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.pay-info-wrap .pay-info-box .price span {
  font-size: 24px;
  font-weight: 700;
}
.pay-info-wrap .pay-info-box .delivery-fee {
  color: rgba(0, 0, 0, 0.5);
}
.pay-info-wrap .pay-info-box .delivery-fee span {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .pay-info-wrap .pay-info-box .desc {
    font-size: 12px;
  }
  .pay-info-wrap .pay-info-box .price span {
    font-size: 18px;
  }
}
.pay-info-wrap .pay-info-box .deposit-information p {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.pay-info-wrap .pay-info-box .deposit-information ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}
.pay-info-wrap .pay-info-box .deposit-information ul li {
  font-size: 14px;
  color: #999;
}
@media (max-width: 991.98px) {
  .pay-info-wrap .pay-info-box .deposit-information p {
    font-size: 12px;
  }
  .pay-info-wrap .pay-info-box .deposit-information ul {
    gap: 8px;
    margin-top: 12px;
  }
  .pay-info-wrap .pay-info-box .deposit-information ul li {
    font-size: 12px;
  }
}
.pay-info-wrap .pay-info-box .caution li {
  padding-left: 15px;
  position: relative;
  color: #999;
  font-size: 14px;
  font-weight: 500;
}
.pay-info-wrap .pay-info-box .caution li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #999;
}
@media (max-width: 991.98px) {
  .pay-info-wrap .pay-info-box .caution li {
    font-size: 12px;
    padding-left: 8px;
  }
  .pay-info-wrap .pay-info-box .caution li::before {
    top: 8px;
  }
}

.notice-wrap {
  width: 100%;
  margin-top: 160px;
}
.notice-wrap .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}
@media (max-width: 991.98px) {
  .notice-wrap {
    margin-top: 60px;
  }
  .notice-wrap .title {
    font-size: 16px;
  }
}
.notice-wrap .notice-box {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 24px 20px;
  margin-top: 16px;
}
.notice-wrap .notice-box > div {
  margin-bottom: 24px;
}
.notice-wrap .notice-box > div:last-child {
  margin-bottom: 0;
}
.notice-wrap .notice-box p {
  font-weight: 700;
  line-height: 140%;
}
.notice-wrap .notice-box ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.notice-wrap .notice-box ul li {
  font-weight: 500;
  color: #999;
  position: relative;
  padding-left: 15px;
}
.notice-wrap .notice-box ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #999;
}
@media (max-width: 991.98px) {
  .notice-wrap .notice-box {
    padding: 18px 14px;
    margin-top: 8px;
  }
  .notice-wrap .notice-box > div {
    margin-bottom: 12px;
  }
  .notice-wrap .notice-box ul {
    margin-top: 8px;
    gap: 6px;
  }
  .notice-wrap .notice-box ul li {
    padding-left: 8px;
    font-size: 14px;
  }
  .notice-wrap .notice-box ul li::before {
    top: 8px;
  }
}

.payment-agree {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 45px;
}
.payment-agree .form-check {
  justify-content: center;
}
.payment-agree a {
  margin-left: 16px;
  color: #999;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .payment-agree .form-check-label {
    display: flex;
    gap: 10px;
  }
  .payment-agree a {
    margin-left: 0px;
    font-size: 12px;
  }
}

.quantity {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}
@media (max-width: 991.98px) {
  .quantity {
    font-size: 16px;
  }
}

.quantity-desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
  margin-top: 10px;
}
@media (max-width: 991.98px) {
  .quantity-desc {
    display: none;
  }
}

.payment-select {
  display: flex;
  gap: 8px;
}

.bank-transfer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bank-transfer .input-form {
  padding: 0;
}
.bank-transfer .input-form-title {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .bank-transfer .input-form-title {
    font-size: 12px;
  }
}

.login-management-comment {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.login-management-comment li {
  padding-left: 20px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  color: #000;
}
.login-management-comment li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
  top: 10px;
  left: 0;
}
@media (max-width: 991.98px) {
  .login-management-comment {
    gap: 12px;
    margin-top: 12px;
  }
  .login-management-comment li {
    padding-left: 15px;
    font-size: 13px;
  }
  .login-management-comment li::before {
    width: 3px;
    height: 3px;
    top: 7px;
    left: 0;
  }
}

.order-content {
  padding-bottom: 100px;
}
.order-content .title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.order-content .title p {
  font-size: 14px;
}
.order-content .regular-title {
  display: flex;
  align-items: baseline;
  gap: 15px;
}
.order-content h2 {
  font-weight: 600;
  margin: 50px 0 15px;
  font-size: 20px;
}
.order-content .order-detail {
  border-top: 2px solid #222;
  text-align: center;
  border-bottom: 1px solid #222;
  font-size: 15px;
}
.order-content .order-detail.expected {
  border-bottom: 1px solid #eee;
}
.order-content .order-detail .row {
  padding: 15px 0;
  justify-content: center;
}
.order-content .order-detail .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.order-content .order-detail .head {
  font-weight: 700;
  font-size: 16px;
  align-items: center;
}
.order-content .order-detail .list {
  border-top: 1px solid #eee;
  font-size: 18px;
}
.order-content .order-detail .list .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.order-content .order-detail .list .info .mobile-list {
  flex-direction: column;
  gap: 5px;
  margin-top: 30px;
}
.order-content .order-detail .list.price {
  font-weight: 700;
  font-size: 30px;
}
@media (max-width: 991.98px) {
  .order-content .order-detail .head {
    font-size: 16px;
  }
  .order-content .order-detail .list {
    border-top: 1px solid #222;
    font-size: 15px;
  }
  .order-content .order-detail .list .thumb {
    order: 2;
  }
  .order-content .order-detail .list .info {
    gap: 5px;
    order: 1;
  }
  .order-content .order-detail .list .total {
    margin-top: 20px;
    font-size: 18px;
    text-align: center;
    order: 3;
    border-top: 1px solid #eee;
    padding-top: 10px;
  }
  .order-content .order-detail .list.price {
    font-size: 20px;
  }
}
.order-content .table.custom-table tbody th {
  background-color: transparent;
  border: 0;
  padding: 10px;
}
.order-content .table.custom-table tbody td {
  border: 0;
  padding: 10px;
}
@media (min-width: 992px) {
  .order-content .table.custom-table tbody th {
    width: 10%;
  }
}
.order-content .address-form {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (min-width: 992px) {
  .order-content .address-form .input-form input {
    width: 45%;
  }
}
.order-content .point {
  border-top: 2px solid #222;
  padding-top: 15px;
}
.order-content .point .desc {
  color: #808080;
  font-size: 14px;
  margin-top: 5px;
  display: block;
}
@media (max-width: 991.98px) {
  .order-content .point input {
    width: 35%;
  }
}
.order-content .payment {
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
  margin-bottom: 100px;
  font-size: 20px;
  justify-content: center;
}
.order-content .payment .right {
  background-color: rgb(255, 250, 251);
}
.order-content .payment .radio-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
  justify-content: center;
  padding-left: 20px;
}
.order-content .payment .form-check-label {
  font-size: 16px;
}
.order-content .payment .txt-box {
  font-size: 40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 40px;
  align-items: end;
}
.order-content .payment .txt-box .txt {
  font-weight: 700;
  width: 100%;
  text-align: end;
  padding-bottom: 10px;
  font-size: 16px;
}
.order-content .payment .txt-box .btn-box {
  margin-top: 30px;
  text-align: end;
  width: 100%;
}
.order-content .payment .txt-box .btn-box button {
  margin-bottom: 0;
  width: 100%;
}
.order-content .payment .txt-box .txt-bottom {
  display: flex;
  font-size: 18px;
  gap: 10px;
}
.order-content .payment .txt-box .txt-bottom span {
  color: #4698E3;
}
@media (max-width: 991.98px) {
  .order-content .payment {
    font-size: 16px;
    border-bottom: 0;
  }
  .order-content .payment .radio-form {
    margin: 20px 0;
  }
  .order-content .payment .form-check-label {
    font-size: 16px;
  }
  .order-content .payment .txt-box {
    font-size: 28px;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
    align-items: center;
  }
  .order-content .payment .txt-box .txt {
    text-align: center;
  }
  .order-content .payment .txt-box .btn-box {
    margin-top: 10px;
    text-align: center;
  }
  .order-content .payment .txt-box .btn-box button {
    margin-bottom: 30px;
  }
  .order-content .payment .txt-box .txt-bottom {
    display: flex;
    font-size: 18px;
    gap: 10px;
  }
  .order-content .payment .txt-box .txt-bottom span {
    color: #4698E3;
  }
}
.order-content .add-card {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #000;
  background-color: #F7F7F7;
  border-radius: 10px;
  padding: 15px 50px;
  color: #999;
  font-size: 15px;
}
.order-content .add-card-box .table {
  border-bottom: 1px solid #eee;
}
.order-content .add-card-box td {
  font-weight: 700;
}
.order-content .add-card-box .card-name-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  .order-content .add-card-box .table.custom-table tbody td {
    font-size: 16px;
  }
  .order-content .add-card-box .card-name-box .card-number {
    margin-left: 10px;
  }
}
.order-content .btn-group {
  margin-top: 100px;
}
@media (min-width: 992px) {
  .order-content h2 {
    font-size: 1.5em;
  }
  .order-content .order-detail .row {
    align-items: center;
  }
  .order-content input:not([type=radio]), .order-content .input-icon, .order-content select {
    width: 30%;
  }
  .order-content textarea {
    width: 45%;
  }
}

html.bg-gray {
  height: 100%;
  background: #F7F7F7;
}
html.bg-gray body {
  height: 100%;
}

#wrap.login {
  padding-top: 0;
}
@media (max-width: 991.98px) {
  #wrap.login {
    height: 100%;
  }
}

.sign-container {
  width: 100%;
  height: 100%;
}
.sign-container .content {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .sign-container {
    max-width: 664px;
    margin: 0 auto;
    padding: 200px 0 120px;
  }
}
@media (max-width: 991.98px) {
  .sign-container .content {
    height: 100%;
    padding: 60px 0;
    border: 0;
    border-radius: 0;
    box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  }
}
.sign-container .login-head {
  padding: 16px;
}
.sign-container .login-head .top-head {
  position: relative;
}
.sign-container .login-head .top-head .back {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sign-container .login-head .sign-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 24px;
  margin-top: 8px;
  line-height: 130%;
}
.sign-container .login-head .login-head-title {
  margin-top: 60px;
}
@media (min-width: 992px) {
  .sign-container .login-head {
    padding: 60px 60px 0;
  }
  .sign-container .login-head .top-head .back {
    display: none;
  }
  .sign-container .login-head .login-head-title {
    margin-top: 0;
  }
  .sign-container .login-head .sign-title {
    font-size: 28px;
    margin-top: 12px;
  }
}
.sign-container .text-box {
  margin-bottom: 30px;
  text-align: center;
}
.sign-container .text-box p {
  margin-top: 15px;
}
.sign-container .text-box strong {
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.sign-container .sign-content {
  padding: 50px 30px;
}
@media (max-width: 991.98px) {
  .sign-container .sign-content {
    padding: 25px 15px;
  }
}
.input-form {
  padding-top: 24px;
}

.btn-group {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 992px) {
  .btn-group {
    margin-top: 60px;
    gap: 15px;
  }
}

.sign-container .sign-content .login-btn {
  width: 100%;
  border-radius: 24px;
  font-size: 16px;
  color: #a3a3a3;
}
.sign-container .sign-content .login-btn:hover {
  background-color: #14907F !important;
  color: #fff !important;
}
.sign-container .sign-content .save-login {
  margin-top: 10px;
  color: #999;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .sign-container .sign-content {
    padding: 60px 80px;
  }
  .sign-container .sign-content .save-login {
    margin-top: 20px;
  }
}
.sign-container .sign-content .link-login {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.sign-container .sign-content .link-login li {
  position: relative;
}
.sign-container .sign-content .link-login li a {
  font-size: 12px;
}
.sign-container .sign-content .link-login li + li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 45%;
  background-color: #bbb;
  left: -8px;
  top: 55%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .sign-container .sign-content .link-login li a {
    font-size: 16px;
  }
  .sign-container .sign-content .link-login li + li::after {
    height: 60%;
    top: 50%;
  }
}
.sign-container .sign-content .login-type {
  margin-top: 20px;
}
.sign-container .sign-content .login-type ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sign-container .sign-content .login-type ul li a {
  display: block;
  padding: 15px 10px 15px 10px;
  background-repeat: no-repeat;
  background-position: 14px center;
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.sign-container .sign-content .login-type ul li.kakao a {
  background-color: #fee500;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23FEE500'/%3E%3Cpath d='M16.0471 7.72205C11.0692 7.72205 7.05469 10.9336 7.05469 14.8324C7.05469 17.3631 8.7247 19.5791 11.2297 20.8445L10.3819 24.0111C10.3659 24.0586 10.3634 24.1095 10.3748 24.1583C10.3861 24.2071 10.4108 24.2517 10.4461 24.2873C10.4976 24.3327 10.5638 24.3578 10.6324 24.3579C10.6893 24.3534 10.7432 24.3309 10.7865 24.2937L14.4349 21.8337C14.9734 21.908 15.5163 21.9466 16.0599 21.9492C21.0314 21.9492 25.0523 18.7377 25.0523 14.8324C25.0523 10.9272 21.0186 7.72205 16.0471 7.72205Z' fill='%23392020'/%3E%3Cpath d='M10.2012 13.7084H9.21849C9.09669 13.7119 8.97639 13.6807 8.87164 13.6184C8.82514 13.5893 8.78516 13.5509 8.75421 13.5055C8.72326 13.4602 8.70201 13.409 8.69179 13.3551C8.68867 13.3209 8.68867 13.2865 8.69179 13.2524C8.68874 13.1884 8.70116 13.1246 8.72799 13.0665C8.75483 13.0083 8.79529 12.9575 8.84595 12.9183C8.95793 12.8372 9.09309 12.7944 9.23134 12.7963H12.1924C12.3152 12.792 12.4363 12.8256 12.5393 12.8926C12.5869 12.9205 12.6277 12.9586 12.6588 13.0041C12.6899 13.0497 12.7105 13.1015 12.7191 13.156C12.7222 13.188 12.7222 13.2203 12.7191 13.2524C12.7221 13.3173 12.7097 13.3819 12.6829 13.4411C12.6561 13.5003 12.6157 13.5522 12.5649 13.5927C12.4557 13.6737 12.3218 13.7146 12.186 13.7084H11.2354V17.087C11.2392 17.1589 11.2281 17.2309 11.2026 17.2983C11.1772 17.3658 11.138 17.4273 11.0876 17.4788C11.0393 17.528 10.9811 17.5666 10.917 17.5921C10.8528 17.6175 10.784 17.6292 10.7151 17.6265C10.5945 17.6299 10.4764 17.5914 10.3811 17.5173C10.2903 17.445 10.2288 17.3423 10.2077 17.2283C10.2013 17.1814 10.2013 17.1338 10.2077 17.087L10.2012 13.7084Z' fill='%23FEE500'/%3E%3Cpath d='M13.0031 13.0468C13.0314 12.9411 13.0977 12.8495 13.1894 12.7898C13.2871 12.7345 13.3984 12.7078 13.5106 12.7128H13.7546C13.8737 12.7085 13.9915 12.7374 14.0951 12.7963C14.2048 12.87 14.2827 12.9824 14.3135 13.111L15.5981 16.7401C15.6314 16.8348 15.6593 16.9313 15.6816 17.0292C15.6838 17.0698 15.6838 17.1105 15.6816 17.1512C15.6838 17.2138 15.6722 17.2761 15.6478 17.3338C15.6234 17.3915 15.5867 17.4431 15.5403 17.4852C15.4953 17.5313 15.4412 17.5677 15.3816 17.592C15.3219 17.6163 15.2578 17.628 15.1934 17.6265C15.0944 17.6363 14.9949 17.6126 14.911 17.559C14.8271 17.5054 14.7637 17.4251 14.731 17.331L14.4612 16.541H12.7719L12.5021 17.331C12.4702 17.4269 12.406 17.5088 12.3205 17.5626C12.235 17.6165 12.1335 17.6391 12.0332 17.6265C11.9246 17.6293 11.8182 17.5953 11.7314 17.5301C11.6467 17.4628 11.5896 17.3669 11.5708 17.2604C11.5674 17.2241 11.5674 17.1875 11.5708 17.1512C11.5597 17.0874 11.5597 17.0223 11.5708 16.9585C11.5708 16.8879 11.6157 16.8107 11.6414 16.7401L13.0031 13.0468ZM13.6454 13.8882L13.0352 15.8152H14.2492L13.6454 13.8882Z' fill='%23FEE500'/%3E%3Cpath d='M15.8287 13.2524C15.8222 13.1083 15.873 12.9674 15.97 12.8606C16.0193 12.8109 16.0785 12.772 16.1438 12.7465C16.2091 12.7211 16.279 12.7096 16.349 12.7128C16.4693 12.7114 16.5867 12.7498 16.683 12.822C16.7722 12.8974 16.8314 13.0022 16.85 13.1175C16.8563 13.1622 16.8563 13.2077 16.85 13.2524V16.631H18.6163C18.7388 16.6294 18.8591 16.6628 18.9632 16.7273C19.0099 16.7561 19.0501 16.7945 19.0811 16.8399C19.1121 16.8852 19.1332 16.9366 19.143 16.9906C19.143 16.9906 19.143 17.0549 19.143 17.087C19.1461 17.151 19.1337 17.2147 19.1068 17.2728C19.08 17.331 19.0395 17.3819 18.9889 17.421C18.8769 17.5021 18.7417 17.5449 18.6035 17.543H16.4325C16.2942 17.5519 16.1567 17.5159 16.0406 17.4403C15.9368 17.3627 15.8676 17.2473 15.848 17.1192C15.8432 17.0486 15.8432 16.9777 15.848 16.9071L15.8287 13.2524Z' fill='%23FEE500'/%3E%3Cpath d='M19.2581 13.2524C19.2543 13.1087 19.3048 12.9688 19.3995 12.8606C19.4957 12.7732 19.6192 12.7215 19.7491 12.7145C19.879 12.7075 20.0073 12.7455 20.1124 12.8221C20.2036 12.8968 20.2651 13.0015 20.2858 13.1175C20.289 13.1624 20.289 13.2075 20.2858 13.2524V14.8261L21.9109 12.9505C21.9735 12.8865 22.04 12.8265 22.11 12.7707C22.176 12.7314 22.2516 12.7113 22.3284 12.7128C22.4407 12.7122 22.5505 12.7459 22.6431 12.8092C22.6868 12.8386 22.7241 12.8766 22.7528 12.9207C22.7815 12.9648 22.801 13.0143 22.8101 13.0662C22.8127 13.0789 22.8127 13.092 22.8101 13.1047C22.807 13.1196 22.807 13.1348 22.8101 13.1497C22.8099 13.2172 22.7922 13.2837 22.7588 13.3424C22.7247 13.4046 22.6837 13.4627 22.6367 13.5157L21.5705 14.6848L22.8551 16.676V16.7402C22.9218 16.8322 22.9738 16.9341 23.0093 17.0421V17.0742C23.0167 17.1486 23.006 17.2237 22.978 17.2931C22.95 17.3625 22.9056 17.424 22.8487 17.4724C22.7415 17.5534 22.6104 17.5964 22.4761 17.5945C22.3869 17.5982 22.2983 17.5782 22.2192 17.5366C22.1337 17.4793 22.0632 17.4022 22.0137 17.3118L20.819 15.3849L20.2473 15.9823V17.0549C20.2512 17.1986 20.2007 17.3385 20.106 17.4467C20.0552 17.4963 19.9949 17.5351 19.9286 17.5605C19.8623 17.5859 19.7915 17.5975 19.7206 17.5945C19.6021 17.597 19.4864 17.5584 19.393 17.4853C19.3023 17.413 19.2407 17.3104 19.2196 17.1963C19.2133 17.1494 19.2133 17.1018 19.2196 17.0549L19.2581 13.2524Z' fill='%23FEE500'/%3E%3C/svg%3E%0A");
}
.sign-container .sign-content .login-type ul li.naver a {
  background-color: #00c43b;
  background-image: url(../images/icon_naver.png);
  color: #fff;
}
.sign-container .sign-content .login-type ul li.google a {
  background-color: #4285f4;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='white'/%3E%3Cpath d='M24.7947 25.3983C27.7997 22.584 29.1352 17.8936 28.3339 13.4042H16.3809V18.3627H23.192C22.925 19.9708 21.99 21.3109 20.6546 22.182L24.7947 25.3983Z' fill='%234285F4'/%3E%3Cpath d='M4.94922 21.3671C5.05919 21.5829 5.17514 21.7954 5.29707 22.0047C5.41909 22.2141 5.5469 22.4197 5.68049 22.6218C5.81418 22.8238 5.95337 23.022 6.09827 23.2162C6.24316 23.4105 6.39337 23.6005 6.54909 23.7863C6.70472 23.972 6.86548 24.1533 7.03147 24.33C7.19737 24.5067 7.36821 24.6785 7.54391 24.8457C7.71961 25.0127 7.89988 25.1747 8.08473 25.3317C8.26958 25.4886 8.45872 25.6401 8.65225 25.7864C8.84569 25.9327 9.04314 26.0734 9.24461 26.2085C9.44608 26.3436 9.65118 26.473 9.86002 26.5965C10.0688 26.7201 10.2809 26.8377 10.4964 26.9494C10.7118 27.061 10.9303 27.1665 11.1517 27.2658C11.3732 27.3651 11.5972 27.4581 11.824 27.5447C12.0507 27.6315 12.2797 27.7117 12.5109 27.7855C12.7422 27.8593 12.9754 27.9265 13.2104 27.9871C13.4455 28.0478 13.6821 28.1017 13.9202 28.1491C14.1584 28.1964 14.3977 28.2369 14.6382 28.2708C14.8786 28.3046 15.1198 28.3317 15.3618 28.3519C15.6038 28.3721 15.8461 28.3856 16.0889 28.3921C16.3316 28.3987 16.5743 28.3984 16.817 28.3913C17.0598 28.3843 17.302 28.3703 17.544 28.3495C17.7859 28.3288 18.0271 28.3012 18.2675 28.2669C18.5078 28.2326 18.747 28.1914 18.9851 28.1436C19.2232 28.0958 19.4596 28.0414 19.6945 27.9802C19.9295 27.9191 20.1625 27.8513 20.3937 27.7771C20.6247 27.7028 20.8536 27.6221 21.0801 27.5349C21.3066 27.4477 21.5305 27.3543 21.7517 27.2544C21.973 27.1547 22.1912 27.0488 22.4064 26.9366C22.6217 26.8246 22.8335 26.7065 23.042 26.5825C23.2505 26.4584 23.4553 26.3286 23.6565 26.1932C23.8577 26.0576 24.0549 25.9164 24.248 25.7698C24.4412 25.6231 24.6301 25.4711 24.8145 25.3138L20.6536 22.103C17.0967 24.4442 11.1907 23.5746 9.1773 18.0894L4.94922 21.3671Z' fill='%2334A853'/%3E%3Cpath d='M9.25898 18.1869C8.71682 16.5155 8.71682 14.9779 9.25898 13.3066L4.98946 10.0308C3.43076 13.1061 2.95638 17.4515 4.98946 21.4627L9.25898 18.1869Z' fill='%23FBBC02'/%3E%3Cpath d='M9.16306 13.2167C10.6346 8.59325 16.9219 5.913 21.1358 9.86632L24.8145 6.248C19.5974 1.22258 9.43065 1.42354 4.94922 9.93333L9.16306 13.2167Z' fill='%23EA4335'/%3E%3C/svg%3E%0A");
  color: #fff;
}
.sign-container .sign-content .login-type ul li.apple a {
  background-color: #000;
  color: #fff;
  background-size: 34px;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_374_6206)'%3E%3Cpath d='M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.2669 9.59998C29.5182 11.3066 28.8235 12.9785 27.9072 14.1614C26.9268 15.4303 25.2369 16.4116 23.5996 16.3604C23.3007 14.7265 24.066 13.043 24.9972 11.9113C26.0186 10.6623 27.7692 9.70406 29.2669 9.59998ZM34.1854 33.6216C35.0295 32.328 35.3448 31.6754 36 30.2149C31.2343 28.4026 30.4707 21.6273 35.1871 19.0269C33.7485 17.2228 31.727 16.177 29.8187 16.177C28.4437 16.177 27.5016 16.5358 26.6452 16.862C25.9315 17.1339 25.2772 17.383 24.4815 17.383C23.6216 17.383 22.8601 17.11 22.0628 16.8241C21.1866 16.51 20.2672 16.1803 19.1262 16.1803C16.9848 16.1803 14.7054 17.4888 13.2602 19.7257C11.2288 22.8763 11.5753 28.7991 14.8696 33.8446C16.0471 35.6504 17.6203 37.6792 19.678 37.6973C20.5318 37.7058 21.1 37.451 21.7148 37.1752C22.4186 36.8596 23.1834 36.5165 24.5078 36.5095C25.8399 36.5015 26.5927 36.8487 27.2871 37.169C27.8862 37.4453 28.4417 37.7016 29.2883 37.6924C31.3476 37.6759 33.0079 35.4273 34.1854 33.6216Z' fill='%230B0B0A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_374_6206'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
  .sign-container .sign-content .login-type {
    margin-top: 40px;
  }
  .sign-container .sign-content .login-type li a {
    background-position: 10px center;
    text-align: center;
    font-size: 16px;
  }
}
.sign-container .sign-content.login .input-form {
  padding-top: 12px;
}
.sign-container .sign-content.login .input-form .form-control {
  padding: 10px;
}

.find-result {
  text-align: center;
  font-size: 18px;
  margin: 50px 0px;
}
.find-result strong {
  font-size: 20px;
}

.signup-title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 40px;
}

.radio-form {
  margin-top: 10px;
}

.agree-form .all-check {
  margin-top: 15px;
}
.agree-form .all-check .form-check-input {
  width: 24px;
  height: 24px;
}
.agree-form .all-check .form-check-label {
  font-size: 16px;
}
.agree-form .desc {
  font-size: 12px;
  margin-top: 10px;
}
.agree-form .agree-content {
  margin-top: 20px;
}
.agree-form .agree-content .txt-box {
  margin-top: 10px;
  border: 1px solid #E2E2E2;
  padding: 10px 15px;
  height: 100px;
  overflow: auto;
  font-size: 12px;
}

.popup-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.popup-wrap {
  max-width: 620px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 1000;
  overflow: auto;
  border-radius: 8px;
  box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
}
.popup-wrap .sns-sign-wrap {
  padding: 40px;
}
.popup-wrap .sns-sign-wrap .sns-sign-top {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 60px;
}
.popup-wrap .sns-sign-wrap .agree-wrap {
  font-size: 16px;
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #eee;
}
.popup-wrap .sns-sign-wrap .agree-wrap.all {
  font-size: 18px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  border: 0;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap p {
  flex: 1;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap span {
  color: #14907F;
  font-weight: 500;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap .check-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap .check-wrap .desc {
  display: flex;
  gap: 8px;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap .check-wrap .desc span {
  color: #999;
  font-weight: 500;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap .check-wrap .desc .icon-down {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9814 8.66675C14.6601 8.66682 13.5797 8.66692 13.4259 8.66675C13.319 8.66712 12.9476 8.6664 12.8554 8.6668H9.14851C9.05636 8.6664 8.63396 8.6668 8.46622 8.66685C8.25795 8.66685 8.02872 8.66685 7.93364 8.6668C7.76315 8.6668 7.48413 8.6668 7.31692 8.6668C7.25281 8.6668 7.1526 8.66685 7 8.66685L11.6674 15.1466C11.7567 15.2663 11.8759 15.3333 12 15.3333C12.1241 15.3333 12.2433 15.2663 12.3326 15.1466L17 8.66685C16.7421 8.66697 16.3364 8.6669 16.0713 8.66712C15.7071 8.66697 15.0947 8.66682 14.9814 8.66675Z' fill='%23999999'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}
.popup-wrap .sns-sign-wrap .agree-wrap .txt-wrap .check-wrap .form-check-input {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.popup-wrap .sns-sign-wrap .btn {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.12px;
  padding: 12px;
}
@media (max-width: 991.98px) {
  .popup-wrap {
    width: 100%;
    height: 100%;
  }
  .popup-wrap .sns-sign-wrap {
    padding: 40px 20px;
  }
  .popup-wrap .sns-sign-wrap .sns-sign-top {
    font-size: 24px;
  }
}

.detail {
  padding: 80px 0;
}
.detail.inquiry {
  padding: 0;
}
.detail.inquiry.content .btn-wrap {
  justify-content: center;
  gap: 6px;
}
.detail .content-top {
  margin-bottom: 65px;
}
@media (max-width: 767.98px) {
  .detail .content-top {
    margin-bottom: 30px;
  }
}
.detail .content-top .content-box {
  padding-top: 60px;
}
@media (max-width: 991.98px) {
  .detail .content-top .content-box {
    padding-top: 0;
  }
}
.detail .content-top .content-box .img {
  position: relative;
  border-radius: 24px;
  border-radius: 24px;
  overflow: hidden;
}
.detail .content-top .content-box .img::before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
}
.detail .content-top .content-box .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.detail .content-top .content-box .content-desc {
  margin-top: 45px;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc {
    margin-top: 25px;
  }
}
.detail .content-top .content-box .content-desc .title {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 24px;
  margin-top: 12px;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .title {
    font-size: 20px;
    margin-bottom: 14px;
    margin-top: 8px;
  }
}
.detail .content-top .content-box .content-desc .desc {
  font-size: 16px;
  margin-bottom: 24px;
}
.detail .content-top .content-box .content-desc .hashtag-wrap {
  display: flex;
  gap: 8px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.detail .content-top .content-box .content-desc .hashtag-wrap .hashtag {
  border-radius: 24px;
  background-color: #f7f7f7;
  padding: 4px 12px;
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 24px;
}
.detail .content-top .content-box .content-desc .text-wrap {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
@media (max-width: 991.98px) {
  .detail .content-top .content-box .content-desc .text-wrap {
    padding: 0 0 20px 0;
  }
}
.detail .content-top .content-box .content-desc .text-wrap .text {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}
.detail .content-top .content-box .content-desc .text-wrap .text span {
  width: 100px;
  flex: 0 0 100px;
  font-size: 15px;
  color: #666;
}
.detail .content-top .content-box .content-desc .text-wrap .text strong {
  flex: 1 1 100%;
  max-width: 100%;
  font-size: 15px;
  font-weight: 500;
}
.detail .content-top .content-box .content-desc .price-count {
  width: 100%;
  background-color: #f7f7f7;
  padding: 12px 16px;
  border-radius: 8px;
}
.detail .content-top .content-box .content-desc .price-count .setcount {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .price-count .setcount {
    flex-direction: column;
    align-items: baseline;
  }
}
.detail .content-top .content-box .content-desc .price-count .materials-price {
  display: flex;
  align-items: center;
  gap: 16px;
}
.detail .content-top .content-box .content-desc .price-count .materials-price p {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.detail .content-top .content-box .content-desc .price-count .materials-price .form-control {
  max-width: 120px;
  text-align: center;
}
.detail .content-top .content-box .content-desc .price-count .materials-price .weight {
  display: flex;
  gap: 4px;
}
.detail .content-top .content-box .content-desc .price-count .materials-price .weight .weight-count {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.detail .content-top .content-box .content-desc .price-count .materials-price .weight .weight-count button {
  display: flex;
  background-color: #fff;
}
.detail .content-top .content-box .content-desc .price-count .product-name {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .price-count .product-name {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.detail .content-top .content-box .content-desc .price-count .total-price {
  display: flex;
  justify-content: end;
  align-items: baseline;
  gap: 8px;
  margin-top: 24px;
}
.detail .content-top .content-box .content-desc .price-count .total-price p {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.detail .content-top .content-box .content-desc .price-count .total-price .price {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .price-count .total-price {
    margin-top: 12px;
  }
  .detail .content-top .content-box .content-desc .price-count .total-price .price {
    font-size: 20px;
  }
}
.detail .content-top .content-box .content-desc .price-box {
  display: flex;
  padding: 0;
  align-items: center;
}
.detail .content-top .content-box .content-desc .price-box p {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .price-box {
    padding: 0 0 8px 0;
  }
  .detail .content-top .content-box .content-desc .price-box p {
    font-size: 14px;
  }
}
.detail .content-top .content-box .content-desc .price-box .num-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.detail .content-top .content-box .content-desc .price-box .num-wrap span {
  font-size: 16px;
  color: #999;
  text-decoration: line-through;
}
.detail .content-top .content-box .content-desc .price-box .num-wrap p {
  font-size: 20px;
  color: #FA4555;
  font-weight: 700;
}
.detail .content-top .content-box .content-desc .price-box .num-wrap .price {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 28px;
}
.detail .content-top .content-box .content-desc .price-box .num-wrap .price strong {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}
.detail .content-top .content-box .content-desc .explanation {
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
  margin-top: 24px;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .explanation {
    padding: 20px 0;
    margin-top: 0;
  }
}
.detail .content-top .content-box .content-desc .explanation .hashtag-wrap {
  margin-bottom: 0;
}
.detail .content-top .content-box .content-desc .explanation .hashtag-wrap .hashtag {
  margin-top: 0;
}
.detail .content-top .content-box .content-desc .btns {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .btns {
    margin-top: 20px;
  }
}
.detail .content-top .content-box .content-desc .btns .like-btn {
  border: 1px solid #999;
  border-radius: 8px;
  padding: 14px;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .detail .content-top .content-box .content-desc .btns .like-btn {
    padding: 7px;
  }
}
.detail .content-top .content-box .content-desc .btns .like-btn.active .icon-like {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4964 5.3646L20.4992 5.36776C22.1789 7.2314 22.0578 10.3399 20.124 12.2654L20.1229 12.2666L12.5291 19.8603L12.5264 19.863C12.4576 19.9326 12.3756 19.9878 12.2852 20.0255C12.1949 20.0632 12.098 20.0826 12.0001 20.0826C11.9022 20.0826 11.8053 20.0632 11.7149 20.0255C11.6246 19.9878 11.5426 19.9326 11.4737 19.863L11.471 19.8603L3.68041 12.0697L3.6797 12.069C3.21118 11.6017 2.8429 11.0438 2.59736 10.4293C2.35183 9.81486 2.23421 9.15677 2.2517 8.49529C2.26919 7.83382 2.42141 7.18287 2.69907 6.58223C2.97672 5.9816 3.37397 5.44391 3.86653 5.00205L3.86653 5.00205L3.86914 4.9997C5.73093 3.31369 8.83843 3.44076 10.7655 5.37609L10.7655 5.37611L10.7702 5.38077L11.4733 6.07452L12.0009 6.59502L12.5276 6.07374L13.4276 5.18312L13.4291 5.18166C13.8987 4.71439 14.4578 4.34672 15.0728 4.10069C15.6877 3.85475 16.3458 3.73541 17.0079 3.74982C17.6688 3.76574 18.3194 3.91723 18.9194 4.1949C19.5196 4.47267 20.0564 4.8708 20.4964 5.3646Z' fill='%23FF2222' stroke='%23FF2222' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
  .detail .content-top .content-box .content-desc {
    margin-top: 0;
  }
  .detail .content-top .content-box .content-desc .title {
    font-size: 28px;
  }
  .detail .content-top .content-box .content-desc .desc {
    font-size: 18px;
  }
  .detail .content-top .content-box .content-desc .hashtag-wrap {
    margin-bottom: 60px;
  }
  .detail .content-top .content-box .content-desc .hashtag-wrap .hashtag {
    font-size: 14px;
  }
  .detail .content-top .content-box .content-desc .text-wrap {
    padding: 0 0 24px 0;
  }
  .detail .content-top .content-box .content-desc .text-wrap .text span {
    width: 112px;
    flex: 0 0 112px;
  }
  .detail .content-top .content-box .content-desc .price-box .num-wrap {
    gap: 40px;
  }
  .detail .content-top .content-box .content-desc .price-box .num-wrap span {
    font-size: 18px;
  }
  .detail .content-top .content-box .content-desc .price-box .num-wrap .price {
    gap: 16px;
  }
  .detail .content-top .content-box .content-desc .price-box .num-wrap .price p, .detail .content-top .content-box .content-desc .price-box .num-wrap .price strong {
    font-size: 24px;
  }
}
.detail .content-top .content-box.sub-content .content-desc .title {
  margin-bottom: 16px;
  font-size: 21px;
}
.detail .content-top .content-box.sub-content .content-desc .desc {
  margin-bottom: 16px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail .content-top .content-box.sub-content .content-desc .hashtag-wrap {
  margin-bottom: 19px;
}
@media (min-width: 992px) {
  .detail .content-top .content-box.sub-content .content-desc .title {
    font-size: 24px;
  }
  .detail .content-top .content-box.sub-content .content-desc .desc {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .detail .content-top {
    margin-bottom: 100px;
  }
}
.detail .scroll-tab.sticky {
  z-index: 9999;
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 12px 0;
}
.detail .scroll-tab.sticky.scroll-up {
  z-index: 99;
  top: 80px;
}
.detail .scroll-tab.sticky .nav-tabs {
  margin: 0;
}
@media screen and (max-width: 1300px) {
  .detail .scroll-tab.sticky {
    top: 0;
  }
  .detail .scroll-tab.sticky.scroll-up {
    top: 48px;
  }
}
.detail .desc-title {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  line-height: 140%;
  padding: 22px 0;
  border-top: 2px solid #222;
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 16px;
}
.detail .desc-title i {
  margin-left: 16px;
}
.detail .sub {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 40px;
}
.detail .sub span {
  color: #999;
}
.detail .sub strong {
  font-weight: 500;
  margin-left: 8px;
}

.detail-section .text-box {
  text-align: center;
}
.detail-section .text-box .category {
  color: #666;
  font-weight: 600;
  margin-bottom: 8px;
}
.detail-section .text-box .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 150%;
}
.detail-section .text-box .desc {
  font-size: 18px;
  color: #666;
  line-height: 150%;
}
@media (max-width: 767.98px) {
  .detail-section .text-box .category {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .detail-section .text-box .title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .detail-section .text-box .desc {
    font-size: 16px;
  }
}

.detail-table {
  width: 100%;
  margin-top: 45px;
}
.detail-table tbody {
  border-top: 2px solid #222;
}
.detail-table tbody tr th, .detail-table tbody tr td {
  padding: 16px 32px;
  border-bottom: 1px solid #999;
}
.detail-table tbody tr th {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .detail-table {
    margin-top: 25px;
  }
  .detail-table tbody tr th, .detail-table tbody tr td {
    padding: 12px 24px;
    font-size: 14px;
  }
}

.certification-type {
  width: 100%;
  margin: 100px auto 0;
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
.certification-type .type {
  width: calc(33.3% - 20px);
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .certification-type .type {
    width: 100%;
  }
}
.certification-type .content {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .certification-type .content {
    margin-bottom: 20px;
  }
}
.certification-type .type-txt .type-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}
.certification-type .type-txt .type-desc {
  font-size: 16px;
  line-height: 150%;
  margin-top: 4px;
}
.certification-type .type-comment {
  font-size: 18px;
  color: #222;
  font-weight: 500;
  line-height: 150%;
  padding: 8px 12px;
  width: 100%;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
}
.certification-type .type-comment:hover {
  background-color: #eee;
  border-radius: 8px;
}
@media (max-width: 991.98px) {
  .certification-type {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    margin: 75px auto 0;
    gap: 40px;
  }
  .certification-type .type {
    align-items: flex-start;
  }
  .certification-type .type-txt .type-title {
    font-size: 18px;
  }
  .certification-type .type-txt .type-desc {
    font-size: 14px;
    margin-top: 2px;
  }
  .certification-type .type-comment {
    font-size: 14px;
    margin-bottom: 0;
  }
}

.inquiry-wrap .service-center p {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 16px;
}
.inquiry-wrap .inquiry-content {
  display: flex;
  gap: 100px;
}
@media (max-width: 767.98px) {
  .inquiry-wrap .inquiry-content {
    display: block;
  }
}

.detail-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 2px solid #222;
}
@media (max-width: 767.98px) {
  .detail-title {
    font-size: 18px;
    border-bottom: 1px solid #222;
    margin-bottom: 8px;
  }
}

.content-title {
  font-weight: 700;
  line-height: 150%;
}

.content-subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 28px;
}
@media (max-width: 767.98px) {
  .content-subtitle {
    margin-top: 14px;
  }
}

.box {
  margin-top: 40px;
}
@media (max-width: 767.98px) {
  .box {
    margin-bottom: 20px;
  }
}
.box .inquiry-list {
  margin-top: 16px;
}
.box .inquiry-list li {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  padding-left: 20px;
}
.box .inquiry-list li::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #222;
  top: 8px;
  left: 10px;
}
.box.notice {
  background-color: #F7F7F7;
  padding: 24px;
}
@media (max-width: 767.98px) {
  .box.notice {
    padding: 18px 12px;
  }
}
.box.notice .content-subtitle {
  margin-top: 0;
}
.box.notice .inquiry-list {
  color: #999;
}
.box.notice .inquiry-list li::before {
  background-color: #999;
}

.num-check {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: inline-block;
  padding: 3px 16px;
  border-radius: 24px;
  background-color: #999;
  z-index: 1;
}
.num-check span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .num-check {
    bottom: 20px;
    right: 20px;
    padding: 2px 10px;
  }
  .num-check span {
    font-size: 12px;
  }
}

.list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-top .cnt {
  color: #999;
  font-weight: 500;
}
.list-top .cnt span {
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .list-top .cnt {
    font-size: 14px;
  }
}
.list-top .list-sort {
  display: flex;
  align-items: center;
  gap: 24px;
}
.list-top .list-sort .sort {
  color: #999;
  font-size: 14px;
  font-weight: 600;
}
.list-top .list-sort .sort.active {
  color: #222;
}
@media (max-width: 991.98px) {
  .list-top .list-sort {
    display: none;
  }
}
.list-top .fileter-btn {
  display: none;
}
@media (max-width: 991.98px) {
  .list-top {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .list-top .btn-filter {
    font-size: 13px;
    background-color: #222;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 24px;
  }
  .list-top .fileter-btn {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .list-top .fileter-btn .form-select {
    border-radius: 24px;
    font-size: 13px;
  }
}

.materials-list {
  display: flex;
  flex-flow: wrap;
  gap: 32px;
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .materials-list {
    gap: 16px;
  }
}
.materials-list .materials-content {
  width: calc(33.3% - 22px);
  margin-bottom: 20px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
@media (max-width: 991.98px) {
  .materials-list .materials-content {
    width: calc(50% - 8px);
    margin-bottom: 10px;
  }
}
@media (max-width: 767.98px) {
  .materials-list .materials-content {
    width: 100%;
    margin-bottom: 10px;
  }
}
.materials-list .materials-content .img {
  width: 100%;
  height: 200px;
  position: relative;
}
.materials-list .materials-content .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 16px 0 0;
}
.materials-list .materials-content .img .materials-img {
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: 60px;
  height: 60px;
}
.materials-list .materials-content .img .materials-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .materials-list .materials-content .img {
    height: 160px;
  }
}
.materials-list .materials-content .text-box {
  position: relative;
  min-height: 100px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .materials-list .materials-content .text-box {
    min-height: 65px;
  }
}
.materials-list .materials-content .text-box .desc {
  width: 100%;
  display: flex;
  gap: 8px;
  flex-flow: wrap;
}
.materials-list .materials-content .text-box .name {
  font-weight: 600;
}
.materials-list .materials-content .text-box .like-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../images/icon-like.svg");
  background-size: cover;
  background-position: center;
}
.materials-list .materials-content .text-box .like-btn.active {
  background-image: url("../images/icon-like-active.svg");
}
.materials-list .materials-content .text-box .category-desc {
  display: flex;
  align-items: center;
  gap: 15px;
}
.materials-list .materials-content .text-box .category-desc p {
  position: relative;
}
.materials-list .materials-content .text-box .category-desc p::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #999;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
}
.materials-list .materials-content .text-box .category-desc p:last-child::before {
  content: none;
}
.materials-list .materials-content .text-box .category-desc .category {
  font-size: 14px;
  color: #999;
}
.materials-list .materials-content .text-box .category-desc .country {
  font-size: 14px;
  color: #999;
}
.materials-list .materials-content .text-box .category-desc .weight {
  font-size: 14px;
  color: #999;
}

.product-list {
  display: flex;
  flex-flow: wrap;
  gap: 32px;
  margin-top: 32px;
}
.product-list .product-content {
  width: calc(33.3% - 21px);
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  .product-list .product-content {
    width: calc(50% - 16px);
  }
}
.product-list .product-content .img {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.product-list .product-content .img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
}
.product-list .product-content .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-list .product-content .text-box {
  margin-top: 16px;
  position: relative;
}
.product-list .product-content .text-box .desc {
  width: 80%;
}
.product-list .product-content .text-box .name {
  font-weight: 600;
  display: inline-block;
  margin-top: 4px;
  min-height: 50px;
}
.product-list .product-content .text-box .like-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../images/icon-like.svg");
  background-size: cover;
  background-position: center;
}
.product-list .product-content .text-box .like-btn.active {
  background-image: url("../images/icon-like-active.svg");
}
@media (max-width: 767.98px) {
  .product-list .product-content .text-box .desc {
    width: 100%;
  }
  .product-list .product-content .text-box .name {
    font-size: 14px;
    line-height: 140%;
  }
}
.product-list .product-content .price-wrap {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-list .product-content .sale-price {
  font-weight: 500;
  text-decoration-line: line-through;
  color: #999;
}
.product-list .product-content .sale-percent {
  font-weight: 500;
  color: #F22;
}
.product-list .product-content .price {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .product-list .product-content .price-wrap {
    margin-top: 12px;
    display: block;
  }
  .product-list .product-content .sale-price {
    font-size: 14px;
  }
  .product-list .product-content .sale-percent {
    font-size: 14px;
  }
  .product-list .product-content .price {
    font-size: 16px;
  }
}
.product-list .product-content .rating-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
@media (max-width: 767.98px) {
  .product-list .product-content .rating-list {
    margin-top: 8px;
  }
}
.product-list .product-content .rating-list .rating {
  display: flex;
  align-items: center;
  font-size: 0;
}
.product-list .product-content .rating-list .star {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/star.svg") 0 0;
  cursor: pointer;
}
.product-list .product-content .rating-list .star.active {
  background-position: 0 -12px;
}
.product-list .product-content .rating-list .value {
  font-size: 12px;
  font-weight: 600;
}

.search-result-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-flow: wrap;
  margin-bottom: 20px;
}
.search-result-wrap .search-result {
  padding: 4px 16px;
  border-radius: 24px;
  background-color: #fff;
  border: 1px solid #999;
  color: #999;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}
.search-result-wrap .search-result.function {
  background-color: #14907F;
  color: #fff;
  border: 1px solid #14907F;
}
.search-result-wrap .search-result.function .icon-g-close {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 3.5L10.5 10.5' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M10.5 3.5L3.5 10.5' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.simulation-modal.loading-page .modal-body {
  padding: 0;
}
.simulation-modal.loading-page .modal-body .simulation-loading-wrap .simulation-loading-banner {
  border-radius: 5px 0 0 5px;
}
.simulation-modal.login-page .modal-body {
  padding: 0;
}
.simulation-modal.login-page .modal-body .simulation-loading-wrap .simulation-loading-banner {
  border-radius: 5px 0 0 5px;
}
.simulation-modal .modal-content {
  border: 0;
}
.simulation-modal .modal-body {
  padding: 60px;
  position: relative;
}
.simulation-modal .close-btn {
  position: absolute;
  top: 20px;
  right: 60px;
}
@media (max-width: 991.98px) {
  .simulation-modal {
    margin: 0;
    height: 100%;
  }
  .simulation-modal .modal-content {
    height: 100%;
    border-radius: 0;
  }
  .simulation-modal .modal-body {
    padding: 24px 12px;
  }
  .simulation-modal .close-btn {
    top: 24px;
    right: 8px;
  }
}

.modal-xxl {
  max-width: 1313px;
}

.simulation-loading-wrap {
  width: 100%;
  height: 800px;
  display: flex;
  border-radius: 16px;
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .simulation-loading-wrap {
    height: 100vh;
  }
}
.simulation-loading-wrap .simulation-loading-banner {
  width: 60%;
  height: 100%;
  background-image: url("../images/simulation-banner.png");
  background-size: cover;
  background-position: center;
  padding: 40px;
  border-radius: 16px 0 0 16px;
}
.simulation-loading-wrap .simulation-loading-banner .desc {
  font-weight: 700;
  color: #fff;
}
.simulation-loading-wrap .simulation-loading-banner .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  color: #fff;
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .simulation-loading-wrap .simulation-loading-banner {
    display: none;
  }
}
.simulation-loading-wrap .simulation-loading-bar {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 0 50px;
  border-radius: 0 16px 16px 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .simulation-loading-wrap .simulation-loading-bar {
    width: 100%;
    padding: 0 20px;
  }
}
.simulation-loading-wrap .simulation-loading-bar .close-btn {
  position: absolute;
  top: 16px;
  right: 25px;
}
.simulation-loading-wrap .simulation-loading-bar .progress-bar {
  width: 100%;
  margin-top: 60px;
  background-color: #D9D9D9;
}
@media (max-width: 991.98px) {
  .simulation-loading-wrap .simulation-loading-bar .progress-bar {
    margin-top: 40px;
  }
}
.simulation-loading-wrap .simulation-loading-bar .progress-bar .progress {
  height: 5px;
  border-radius: 39px;
}
.simulation-loading-wrap .simulation-loading-bar .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 150%;
  color: #222;
}
.simulation-loading-wrap .simulation-loading-bar .desc {
  font-weight: 500;
  color: #999;
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .simulation-loading-wrap .simulation-loading-bar .title {
    font-size: 18px;
  }
  .simulation-loading-wrap .simulation-loading-bar .desc {
    font-weight: 500;
    color: #999;
    font-size: 14px;
  }
}

.simulation-head {
  display: none;
}
@media (max-width: 991.98px) {
  .simulation-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px;
  }
  .simulation-head .head-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
  }
}

.simulation-wrap {
  display: flex;
  gap: 20px;
}
@media (max-width: 991.98px) {
  .simulation-wrap {
    flex-direction: column;
    gap: 24px;
  }
}
.simulation-wrap .simulation-step {
  width: 100%;
  height: 100%;
  flex: 0 0 260px;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-step {
    flex: 0 0 100%;
  }
}
.simulation-wrap .simulation-step ul {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-step ul {
    flex-direction: row;
    gap: 0;
  }
}
.simulation-wrap .simulation-step ul li {
  display: flex;
  gap: 28px;
  position: relative;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-step ul li {
    width: 25%;
    flex-direction: column;
    gap: 4px;
  }
}
.simulation-wrap .simulation-step ul li::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100px;
  background-color: rgba(69, 173, 159, 0.3);
  bottom: -45px;
  left: 18px;
  display: block;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-step ul li::before {
    width: 60%;
    height: 2px;
    bottom: inherit;
    left: 25px;
    top: 24%;
    transform: translateY(-50%);
  }
}
.simulation-wrap .simulation-step ul li:last-child::before {
  content: none;
}
.simulation-wrap .simulation-step ul li .icon {
  flex-shrink: 0;
}
.simulation-wrap .simulation-step ul li .icon .icon-simulation {
  width: 40px;
  height: 40px;
  background-image: url("../images/icon-simulation-img.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-step ul li .icon .icon-simulation {
    width: 20px;
    height: 20px;
  }
}
.simulation-wrap .simulation-step ul li .step {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}
.simulation-wrap .simulation-step ul li .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  color: #999;
}
.simulation-wrap .simulation-step ul li .desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
  margin-top: 8px;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-step ul li .step {
    display: none;
  }
  .simulation-wrap .simulation-step ul li .title {
    font-size: 14px;
  }
  .simulation-wrap .simulation-step ul li .desc {
    display: none;
  }
}
.simulation-wrap .simulation-step ul li.active::before {
  background-color: #14907F;
}
.simulation-wrap .simulation-step ul li.active .icon .icon-simulation {
  background-image: url("../images/icon-simulation-active.svg");
}
.simulation-wrap .simulation-step ul li.active .step {
  color: #222;
}
.simulation-wrap .simulation-step ul li.active .title {
  color: #222;
}
.simulation-wrap .simulation-step ul li.active .desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
  margin-top: 8px;
}
.simulation-wrap .simulation-content {
  width: 100%;
  height: auto;
  box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  background: #FFF;
  padding: 24px 32px;
}
.simulation-wrap .simulation-content.select {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-content {
    padding: 16px;
  }
  .simulation-wrap .simulation-content .comment {
    font-size: 14px;
  }
}
.simulation-wrap .simulation-content .simulation-content-title {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 2px solid #222;
  padding-bottom: 16px;
}
.simulation-wrap .simulation-content .simulation-content-title p {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}
.simulation-wrap .simulation-content .simulation-content-title span {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-content .simulation-content-title {
    display: none;
  }
}
.simulation-wrap .simulation-content .simulation-content-body {
  height: 520px;
  overflow: auto;
  padding: 16px 0;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-content .simulation-content-body {
    height: 400px;
    padding: 0 8px 0 0;
  }
}
.simulation-wrap .simulation-content .simulation-content-body::-webkit-scrollbar {
  width: 4px;
}
.simulation-wrap .simulation-content .simulation-content-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  margin-top: 16px;
  border-radius: 8px;
}
.simulation-wrap .simulation-content .simulation-content-body::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
}
.simulation-wrap .simulation-content .simulation-content-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-content .simulation-content-body::-webkit-scrollbar-track {
    margin-top: 8px;
  }
}
.simulation-wrap .simulation-content .simulation-content-footer {
  display: flex;
  align-content: center;
  justify-content: end;
  gap: 8px;
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-content .simulation-content-footer .btn {
    padding: 5px 11px !important;
  }
}
.simulation-wrap .simulation-content .back-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
@media (max-width: 991.98px) {
  .simulation-wrap .simulation-content .back-btn {
    position: static;
    margin-top: 30px;
    padding: 0 20px;
  }
}

.simulation-function-select {
  display: flex;
  flex-flow: wrap;
  gap: 16px;
}
.simulation-function-select .form-check {
  width: calc(20% - 13px);
  height: 110px;
  position: relative;
  padding-right: 0;
}
@media (max-width: 991.98px) {
  .simulation-function-select .form-check {
    width: calc(50% - 8px);
    height: 85px;
  }
}
.simulation-function-select .form-check-input {
  width: 100%;
  height: 100%;
  background-image: none;
  border-radius: 8px;
  border: 1px solid #666;
}
.simulation-function-select .form-check-input:checked[type=checkbox] {
  background-color: #14907F;
  background-image: none;
}
.simulation-function-select .form-check-input:checked[type=checkbox] + .form-check-label {
  color: #fff;
}
.simulation-function-select .form-check-label {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

.raw-material-select {
  display: flex;
  gap: 7px;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  .raw-material-select {
    flex-direction: column;
    gap: 0;
  }
}
.raw-material-select .raw-material-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #f7f7f7;
  border-radius: 8px;
  flex: 0 0 130px;
  padding: 12px 24px;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-box {
    background-color: #fff;
    flex: 0 0 100%;
    padding: 8px 0;
    display: block;
    border-bottom: 1px solid #999;
    border-radius: 0;
  }
  .raw-material-select .raw-material-box .img {
    display: none;
  }
  .raw-material-select .raw-material-box p {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
  }
}
.raw-material-select .raw-material-list {
  width: 100%;
}
.raw-material-select .raw-material-list .form-check {
  width: 100%;
  padding: 12px 24px;
  border-bottom: 1px solid #999;
  justify-content: space-between;
  gap: 12px;
  display: flex;
  align-items: start;
  flex-direction: column;
}
.raw-material-select .raw-material-list .form-check.only-meterial {
  flex-direction: row;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check.only-meterial {
    flex-direction: column;
  }
}
.raw-material-select .raw-material-list .form-check .form-check-label {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check .form-check-label {
    justify-content: space-between;
  }
}
.raw-material-select .raw-material-list .form-check .form-check-label .desc {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check .form-check-label .desc {
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
  }
}
.raw-material-select .raw-material-list .form-check .form-check-label .desc p {
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
  color: rgba(34, 34, 34, 0.6);
  position: relative;
}
.raw-material-select .raw-material-list .form-check .form-check-label .desc p::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  top: 50%;
  transform: translateY(-50%);
  right: -10px;
}
.raw-material-select .raw-material-list .form-check .form-check-label .desc p:last-child::after {
  content: none;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check .form-check-label .desc p {
    text-align: right;
  }
  .raw-material-select .raw-material-list .form-check .form-check-label .desc p::after {
    content: none;
  }
}
.raw-material-select .raw-material-list .form-check .form-check-input {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check {
    padding: 8px 16px;
    flex-direction: column;
  }
  .raw-material-select .raw-material-list .form-check .d-flex {
    justify-content: start !important;
  }
}
.raw-material-select .raw-material-list .form-check .ai-btn {
  padding: 6px 16px;
  font-size: 14px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 24px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check .ai-btn {
    font-size: 12px;
    padding: 6px 14px;
  }
}
.raw-material-select .raw-material-list .form-check .mix-btn {
  padding: 6px 16px;
  font-size: 14px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 24px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check .mix-btn {
    font-size: 12px;
    padding: 6px 14px;
  }
}
.raw-material-select .raw-material-list .form-check .purchase-quantity-wrap {
  visibility: hidden;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check .purchase-quantity-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
  }
}
.raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input p {
  font-size: 14px;
  font-weight: 500;
}
.raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input .form-control {
  width: 80px;
  padding: 4px 12px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input {
    gap: 8px;
  }
  .raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input p {
    font-size: 13px;
  }
  .raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input .form-control {
    width: 60px;
  }
}
.raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input .purchase-input-check {
  display: flex;
  align-items: center;
  gap: 4px;
}
.raw-material-select .raw-material-list .form-check .purchase-quantity-wrap .purchase-input .purchase-input-check .num-cnt {
  gap: 4px;
  border: 1px solid #222;
}
.raw-material-select .raw-material-list .form-check.active {
  background-color: rgba(69, 173, 159, 0.1);
  border-bottom: 1px solid rgba(69, 173, 159, 0.1);
}
.raw-material-select .raw-material-list .form-check.active .ai-btn {
  color: #fff;
  background-color: #14907F;
}
.raw-material-select .raw-material-list .form-check.active .ai-btn .icon-ai-mix {
  background-image: url("../images/icon-w-ai-mix.svg");
}
.raw-material-select .raw-material-list .form-check.active .mix-btn {
  color: #fff;
  background-color: #14907F;
}
.raw-material-select .raw-material-list .form-check.active .mix-btn .icon-g-plus {
  background-image: url("../images/icon-g-plus-active.svg");
}
.raw-material-select .raw-material-list .form-check.active .purchase-quantity-wrap {
  visibility: inherit;
}
.raw-material-select .raw-material-list .form-check.active .selected-raw-material {
  display: block;
}
.raw-material-select .raw-material-list .content-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .content-box {
    flex-direction: column;
    align-items: start;
    gap: 12px;
  }
}
.raw-material-select .raw-material-list .selected-raw-material {
  display: none;
  padding: 12px 42px;
  width: 100%;
  border-top: 1px solid rgba(69, 173, 159, 0.3);
}
.raw-material-select .raw-material-list .selected-raw-material .desc {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.raw-material-select .raw-material-list .selected-raw-material .desc .value {
  color: #14907F;
}
@media (max-width: 991.98px) {
  .raw-material-select .raw-material-list .selected-raw-material {
    overflow-x: scroll;
    padding: 12px 18px;
  }
  .raw-material-select .raw-material-list .selected-raw-material .desc {
    white-space: nowrap;
    font-size: 13px;
  }
  .raw-material-select .raw-material-list .selected-raw-material .desc .value {
    margin-left: 32px;
  }
}

.loading {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 36px;
}
.loading .loading-img {
  width: 150px;
  height: 150px;
}

.mixture-wrap .loading-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.mixture-material {
  padding: 30px 0 !important;
}

.mixture-material-content {
  width: 100%;
  padding: 24px 12px;
  border: 1px solid #666;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .mixture-material-content {
    width: 100%;
  }
}
.mixture-material-content.active {
  border: 2px solid #14907F;
}
.mixture-material-content .title {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}
.mixture-material-content .top-rank {
  width: auto;
  border: 1px solid #14907F;
  border-radius: 8px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -15px;
  color: #14907F;
  font-size: 12px;
  font-weight: 500;
}
.mixture-material-content .btn {
  border-radius: 24px;
  position: relative;
}
.mixture-material-content .material-content__top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  margin-top: 5px;
}
@media (max-width: 991.98px) {
  .mixture-material-content .material-content__top {
    gap: 8px;
  }
}
.mixture-material-content .info {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mixture-material-content .info li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mixture-material-content .info .key {
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
}
.mixture-material-content .info .value {
  color: #222;
  font-size: 13px;
  font-weight: 600;
  line-height: 140%;
}
.mixture-material-content .detail-fuction {
  margin-top: 16px;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: rgba(69, 173, 159, 0.1);
}
.mixture-material-content .detail-fuction .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
}
.mixture-material-content .detail-fuction .desc {
  font-size: 12px;
  line-height: 140%;
  margin-top: 8px;
  text-align: center;
}

.mixture {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  justify-content: center;
  border: 1px solid #14907F;
  border-radius: 12px;
  margin-top: 10px;
  background-color: rgba(69, 173, 159, 0.1);
}
.mixture .mixture-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.mixture p {
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
}

.table-wrap.simulation-table {
  height: 450px;
  overflow: auto;
}
.table-wrap.simulation-table::-webkit-scrollbar {
  width: 4px;
}
.table-wrap.simulation-table::-webkit-scrollbar-track {
  background: #f1f1f1;
  margin-top: 16px;
  border-radius: 8px;
}
.table-wrap.simulation-table::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
}
.table-wrap.simulation-table::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 991.98px) {
  .table-wrap.simulation-table {
    height: 400px;
  }
  .table-wrap.simulation-table::-webkit-scrollbar-track {
    margin-top: 8px;
  }
}
.table-wrap.simulation-table .table-head {
  width: 100%;
  display: table;
  border-bottom: 1px solid #222;
}
@media (max-width: 991.98px) {
  .table-wrap.simulation-table .table-head {
    display: none;
  }
}
.table-wrap.simulation-table .table-head .cell {
  display: table-cell;
  padding: 8px 4px;
  font-size: 14px;
  font-weight: 700;
  word-break: break-all;
}
.table-wrap.simulation-table .table-head.packaging-row.step-1 .cell:nth-child(1) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-1 .cell:nth-child(2) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-1 .cell:nth-child(3) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-1 .cell:nth-child(4) {
  width: 49%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-1 .cell.step2-show-cell {
  display: none;
}
.table-wrap.simulation-table .table-head.packaging-row.step-2 .cell:nth-child(1) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-2 .cell:nth-child(2) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-2 .cell:nth-child(3) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-2 .cell.step1-hide-cell {
  display: none;
}
.table-wrap.simulation-table .table-head.packaging-row.step-2 .cell:nth-child(4) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-2 .cell:nth-child(5) {
  width: 32%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.packaging-row.step-2 .cell.step2-show-cell {
  display: table-cell;
}
.table-wrap.simulation-table .table-head.final-quote .cell:nth-child(1) {
  width: 14%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.final-quote .cell:nth-child(2) {
  width: 14%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.final-quote .cell:nth-child(3) {
  width: 14%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.final-quote .cell:nth-child(4) {
  width: 10%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.final-quote .cell:nth-child(5) {
  width: 10%;
  text-align: center;
}
.table-wrap.simulation-table .table-head.final-quote .cell:nth-child(6) {
  width: 30%;
  text-align: center;
}
.table-wrap.simulation-table .table-content {
  width: 100%;
  padding: 16px 0;
}
@media (max-width: 991.98px) {
  .table-wrap.simulation-table .table-content {
    padding: 0;
    border-bottom: 0;
  }
}
.table-wrap.simulation-table .table-content .table-row {
  width: 100%;
  height: 100%;
  display: table;
}
.table-wrap.simulation-table .table-content .table-row:hover {
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .table-wrap.simulation-table .table-content .table-row {
    display: block;
    border-bottom: 0;
    margin-bottom: 25px;
  }
}
.table-wrap.simulation-table .table-content .cell {
  display: table-cell;
  padding: 4px;
  vertical-align: middle;
  border-bottom: 0;
  word-break: break-all;
  font-size: 14px;
  font-weight: 500;
}
.table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(1) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(2) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(3) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(4) {
  width: 49%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-1 .cell.step2-show-cell {
  display: none;
}
@media (max-width: 991.98px) {
  .table-wrap.simulation-table .table-content.packaging-row.step-1 .cell {
    display: block;
    border-bottom: 0;
    padding: 0;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(1) {
    width: 100%;
    text-align: left;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(2) {
    width: 100%;
    text-align: left;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(3) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(4) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-1 .cell:nth-child(5) {
    display: none;
  }
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(1) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(2) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(3) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell.step1-hide-cell {
  display: none;
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(4) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(5) {
  width: 17%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(6) {
  width: 32%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.packaging-row.step-2 .cell.step2-show-cell {
  display: table-cell;
}
@media (max-width: 991.98px) {
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell {
    display: block;
    border-bottom: 0;
    padding: 0;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(1) {
    width: 100%;
    text-align: left;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(2) {
    width: 100%;
    text-align: left;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(3) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(4) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(5) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell:nth-child(6) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.packaging-row.step-2 .cell.step2-show-cell {
    display: block;
  }
}
.table-wrap.simulation-table .table-content.final-quote .table-row + .table-row {
  margin-top: 24px;
}
.table-wrap.simulation-table .table-content.final-quote .cell:nth-child(1) {
  width: 14%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.final-quote .cell:nth-child(2) {
  width: 14%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.final-quote .cell:nth-child(3) {
  width: 14%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.final-quote .cell:nth-child(4) {
  width: 10%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.final-quote .cell:nth-child(5) {
  width: 10%;
  text-align: center;
}
.table-wrap.simulation-table .table-content.final-quote .cell:nth-child(6) {
  width: 30%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .table-wrap.simulation-table .table-content.final-quote .cell {
    display: block;
    border-bottom: 0;
    padding: 0;
  }
  .table-wrap.simulation-table .table-content.final-quote .cell:nth-child(1) {
    width: 100%;
    text-align: left;
  }
  .table-wrap.simulation-table .table-content.final-quote .cell:nth-child(2) {
    width: 100%;
    text-align: left;
  }
  .table-wrap.simulation-table .table-content.final-quote .cell:nth-child(3) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.final-quote .cell:nth-child(4) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.final-quote .cell:nth-child(5) {
    width: 100%;
  }
  .table-wrap.simulation-table .table-content.final-quote .cell:nth-child(6) {
    width: 100%;
  }
}

.packaging-box {
  width: 100%;
  height: 100%;
  min-height: 130px;
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 991.98px) {
  .packaging-box {
    min-height: auto;
    flex-direction: row;
    gap: 8px;
    margin-top: 8px;
  }
  .packaging-box .img {
    width: 20px;
    height: 20px;
  }
  .packaging-box p {
    position: relative;
    font-weight: 700;
    font-size: 13px;
  }
  .packaging-box.title {
    background-color: #fff;
    flex-direction: row;
    justify-content: start;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-top: 0;
  }
  .packaging-box.title p {
    font-size: 14px;
  }
  .packaging-box .btn {
    position: relative;
    margin-left: 8px;
  }
  .packaging-box .btn::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: #666;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.packaging-box .function-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: #222;
}
.packaging-box .main-rawMaterial {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 991.98px) {
  .packaging-box .main-rawMaterial {
    width: 100%;
    min-height: 62px;
    flex-direction: row;
    justify-content: space-between;
  }
  .packaging-box .main-rawMaterial > div {
    width: 50%;
  }
}
.packaging-box .more-round {
  border-radius: 24px;
}
.packaging-box .rawMaterial-title {
  text-align: center;
  word-break: break-all;
}
.packaging-box .rawMaterial-desc {
  text-align: center;
  word-break: break-all;
}

.packaging-select {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 0 30%;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #666;
}
.packaging-select .form-check-input {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .packaging-select {
    padding: 16px 35%;
    font-size: 13px;
    gap: 16px;
  }
}
.packaging-select .form-check {
  padding-right: 0;
}

.gap-index {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gap-index .view-estimate {
  width: 100%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}
@media (max-width: 991.98px) {
  .gap-index .view-estimate {
    font-size: 13px;
    margin-top: 8px;
    gap: 4px;
  }
}

.final-quote-result {
  padding: 12px 24px;
  background-color: #213E3E;
  border-radius: 8px;
}
@media (max-width: 991.98px) {
  .final-quote-result {
    margin-top: 8px;
  }
}
.final-quote-result .quote-quantity {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 8px 0;
}
.final-quote-result .quote-quantity ul {
  width: 100%;
}
.final-quote-result .quote-quantity ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.final-quote-result .quote-quantity ul li .key {
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}
.final-quote-result .quote-quantity ul li .value {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.final-quote-result .quote-price ul {
  width: 100%;
  margin-top: 8px;
}
.final-quote-result .quote-price ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.final-quote-result .quote-price ul li .key {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.final-quote-result .quote-price ul li .value {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
.final-quote-result .quote-price .vat {
  text-align: right;
  color: #14907F;
  font-size: 12px;
  flex-flow: 500;
  line-height: 140%;
  margin-top: 4px;
}
.final-quote-result .title {
  color: #fff;
  font-size: 14px;
}
.final-quote-result ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.final-quote-result ul li {
  color: #fff;
  text-align: right;
}

.final-estimate-list {
  margin-bottom: 16px;
}
.final-estimate-list:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .final-estimate-list {
    margin-bottom: 40px;
  }
}

.estimate-detail-wrap {
  background-color: #f7f7f7;
  padding: 24px 40px;
  border-radius: 16px;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .estimate-detail-wrap {
    padding: 16px;
    gap: 16px;
  }
}
.estimate-detail-wrap > .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  color: #000;
}
@media (max-width: 991.98px) {
  .estimate-detail-wrap > .title {
    font-size: 15px;
  }
}

@media (max-width: 991.98px) {
  .swipe {
    overflow: auto;
  }
}
@media (max-width: 991.98px) {
  .table-estimate {
    width: 800px;
  }
}
.table-estimate thead {
  background-color: #E2E2E2;
  border: 2px solid #e2e2e2;
}
.table-estimate thead th {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  padding: 10px 16px;
  border: 1px solid #fff;
}
.table-estimate tbody td {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  padding: 10px 16px;
  text-align: center;
  border: 1px solid #E2E2E2;
}
.table-estimate tfoot {
  background-color: #E2E2E2;
  border: 2px solid #e2e2e2;
}
.table-estimate tfoot th {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  padding: 10px 16px;
  border: 1px solid #fff;
}

.detail-info-wrap {
  display: flex;
  gap: 40px;
}
@media (max-width: 991.98px) {
  .detail-info-wrap {
    flex-direction: column;
    gap: 16px;
  }
}
.detail-info-wrap .detail-view {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .detail-info-wrap .detail-view {
    width: 100%;
    gap: 8px;
  }
}
.detail-info-wrap .detail-view li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detail-info-wrap .detail-view li .key {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
.detail-info-wrap .detail-view li .value {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 991.98px) {
  .detail-info-wrap .detail-view li .key {
    font-size: 12px;
  }
  .detail-info-wrap .detail-view li .value {
    font-size: 13px;
  }
}
.detail-info-wrap .detail-function-info {
  width: 50%;
}
@media (max-width: 991.98px) {
  .detail-info-wrap .detail-function-info {
    width: 100%;
    border-top: 1px solid #666;
    padding-top: 16px;
  }
}
.detail-info-wrap .detail-function-info .title {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 16px;
}
.detail-info-wrap .detail-function-info .function-info__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.detail-info-wrap .detail-function-info .function-info__list li .key {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
  padding-left: 10px;
}
.detail-info-wrap .detail-function-info .function-info__list li .key::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}
.detail-info-wrap .detail-function-info .function-info__list li .value {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
}
@media (max-width: 991.98px) {
  .detail-info-wrap .detail-function-info .function-info__list li .key {
    font-size: 13px;
    padding-left: 7px;
  }
  .detail-info-wrap .detail-function-info .function-info__list li .key::before {
    top: 7px;
    width: 2px;
    height: 2px;
  }
  .detail-info-wrap .detail-function-info .function-info__list li .value {
    font-size: 12px;
  }
}

.raw-material-wrap {
  min-height: 388px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.add-raw-material {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-raw-material .title {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}
.add-raw-material .select-content {
  width: 100%;
  position: relative;
}
.add-raw-material .select-content .select-btn {
  width: 100%;
  border: 1px solid #666;
  border-radius: 4px;
  padding: 9px 12px;
  font-size: 15px;
  color: #999;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-raw-material .select-content .select-btn.active + .optionlist {
  display: block;
}
.add-raw-material .select-content .optionlist {
  width: 100%;
  display: none;
  box-shadow: 5px -1px 28px 0px rgba(0, 0, 0, 0.1);
  padding-bottom: 24px;
  position: absolute;
  top: 52px;
  background-color: #fff;
  border-radius: 8px;
  z-index: 1;
}
.add-raw-material .select-content .optionlist .option-scroll {
  max-height: 250px;
  overflow-y: auto;
}
.add-raw-material .select-content .optionlist .optionitem {
  padding: 12px 24px;
  position: relative;
  z-index: 1;
}
.add-raw-material .select-content .optionlist .form-check {
  align-items: start;
}
.add-raw-material .select-content .optionlist .form-check .form-check-input {
  flex-shrink: 0;
}
.add-raw-material .select-content .optionlist .form-check .form-check-input:checked ~ .form-check-label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(69, 173, 159, 0.1);
  top: 0;
  left: 0;
}
.add-raw-material .select-content .optionlist .form-check .form-check-label {
  display: flex;
  flex-direction: column;
}
.add-raw-material .select-content .optionlist .form-check .form-check-label .raw-material-name {
  color: #222;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}
.add-raw-material .select-content .optionlist .form-check .form-check-label .raw-material-effect {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  margin-top: 8px;
}
.add-raw-material .select-content .optionlist .select-success {
  padding: 24px 24px 0;
}
@media (max-width: 991.98px) {
  .add-raw-material .search-result-wrap {
    overflow-x: auto;
    flex-flow: row;
  }
  .add-raw-material .search-result-wrap .search-result.function {
    flex: 0 0 auto;
  }
}

.result-rawMaterial {
  position: relative;
}
.result-rawMaterial::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: -20px;
  left: 0;
  background-color: #666;
}
.result-rawMaterial ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.result-rawMaterial ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.result-rawMaterial ul li .key {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
}
@media (max-width: 991.98px) {
  .result-rawMaterial ul li .key {
    font-size: 13px;
  }
}
.result-rawMaterial ul li .value {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 991.98px) {
  .result-rawMaterial ul li .value {
    font-size: 13px;
  }
}

.selected-wrap {
  height: 320px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.selected-wrap .selected-box .title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.selected-wrap .selected-box .title p {
  font-size: 16px;
  color: #000;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .selected-wrap .selected-box .title p {
    font-size: 14px;
  }
}
.selected-wrap .selected-box__content {
  border: 1px solid #14907F;
  border-radius: 8px;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .selected-wrap .selected-box__content {
    padding: 10px 12px;
  }
}
.selected-wrap .selected-box__content .selected-content__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selected-wrap .selected-box__content .selected-content__head .key {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
}
@media (max-width: 991.98px) {
  .selected-wrap .selected-box__content .selected-content__head .key {
    font-size: 13px;
  }
}
.selected-wrap .selected-box__content .selected-content__head .value {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 991.98px) {
  .selected-wrap .selected-box__content .selected-content__head .value {
    font-size: 13px;
  }
}
.selected-wrap .selected-box__content .main-rawMaterial {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .selected-wrap .selected-box__content .main-rawMaterial {
    gap: 16px;
  }
}
.selected-wrap .selected-box__content .selected-body__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.selected-wrap .selected-box__content .selected-content__body {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  background-color: rgba(69, 173, 159, 0.1);
  padding: 10px 12px;
  border-radius: 8px;
}
@media (max-width: 991.98px) {
  .selected-wrap .selected-box__content .selected-content__body {
    gap: 30px;
  }
}
.selected-wrap .selected-box__content .selected-content__body .content-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #222;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .selected-wrap .selected-box__content .selected-content__body .content-title {
    font-size: 13px;
  }
}
.rawMaterial-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
  color: #14907F;
  text-align: right;
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .rawMaterial-title {
    font-size: 13px;
  }
}

.rawMaterial-desc {
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  color: #222;
  text-align: right;
}

.selected-wrap .selected-box__content .result-rawMaterial::before {
  content: none;
}

.btn-group.selected-btn {
  flex-direction: column;
  gap: 24px;
  border-top: 1px solid #666;
}
.btn-group.selected-btn p {
  text-align: center;
  padding: 48px 24px 24px;
  color: #000;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 991.98px) {
  .btn-group.selected-btn p {
    padding: 40px 24px 16px;
    font-size: 14px;
  }
}

.padding-table {
  padding: 44px 0;
}

.modal-backdrop ~ .modal-backdrop {
  z-index: 1061;
}
.modal-backdrop ~ .modal-backdrop ~ .modal-backdrop {
  z-index: 1063;
}

.modal[data-overlap=true] {
  z-index: 1062;
}

.table-head {
  width: 100%;
  display: table;
  border-bottom: 1px solid #222;
}
@media (max-width: 991.98px) {
  .table-head {
    display: none;
  }
}
.table-head .cell {
  display: table-cell;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 700;
  word-break: break-all;
}
.table-head.simulation-table .cell:nth-child(1) {
  width: 10%;
}
.table-head.simulation-table .cell:nth-child(2) {
  width: 20%;
}
.table-head.simulation-table .cell:nth-child(3) {
  width: 20%;
}
.table-head.simulation-table .cell:nth-child(4) {
  width: 15%;
}
.table-head.simulation-table .cell:nth-child(5) {
  width: 10%;
}
.table-head.simulation-table .cell:nth-child(6) {
  width: 15%;
}
.table-head.simulation-table .cell:nth-child(7) {
  width: 10%;
}
.table-head.payment .cell:nth-child(1) {
  width: 50%;
}
.table-head.payment .cell:nth-child(2) {
  width: 20%;
}
.table-head.payment .cell:nth-child(3) {
  width: 15%;
}
.table-head.payment .cell:nth-child(4) {
  width: 15%;
}
.table-head.payment .cell .form-check {
  justify-content: center;
}
@media (max-width: 991.98px) {
  .table-head.payment .cell .form-check {
    justify-content: start;
  }
}
.table-head.interest .cell:nth-child(1) {
  width: 55%;
}
.table-head.interest .cell:nth-child(2) {
  width: 15%;
}
.table-head.interest .cell:nth-child(3) {
  width: 15%;
}
.table-head.interest .cell:nth-child(4) {
  width: 15%;
}
.table-head.interest .cell .form-check {
  justify-content: center;
}
@media (max-width: 991.98px) {
  .table-head.interest .cell .form-check {
    justify-content: start;
  }
}
.table-head.delivery .cell:nth-child(1) {
  width: 13%;
}
.table-head.delivery .cell:nth-child(2) {
  width: 35%;
}
.table-head.delivery .cell:nth-child(3) {
  width: 12%;
}
.table-head.delivery .cell:nth-child(4) {
  width: 13%;
}
.table-head.delivery .cell:nth-child(5) {
  width: 15%;
}
.table-head.delivery .cell:nth-child(6) {
  width: 12%;
}
.table-head.refund .cell:nth-child(1) {
  width: 15%;
}
.table-head.refund .cell:nth-child(2) {
  width: 50%;
}
.table-head.refund .cell:nth-child(3) {
  width: 12%;
}
.table-head.refund .cell:nth-child(4) {
  width: 13%;
}
.table-head.refund .cell:nth-child(5) {
  width: 10%;
}
.table-head.cancel-detail .cell:nth-child(1) {
  width: 13%;
}
.table-head.cancel-detail .cell:nth-child(2) {
  width: 35%;
}
.table-head.cancel-detail .cell:nth-child(3) {
  width: 12%;
}
.table-head.cancel-detail .cell:nth-child(4) {
  width: 13%;
}
.table-head.cancel-detail .cell:nth-child(5) {
  width: 15%;
}
.table-head.cancel-detail .cell:nth-child(6) {
  width: 12%;
}
.table-head.cancel .cell:nth-child(1) {
  width: 13%;
}
.table-head.cancel .cell:nth-child(2) {
  width: 35%;
}
.table-head.cancel .cell:nth-child(3) {
  width: 12%;
}
.table-head.cancel .cell:nth-child(4) {
  width: 13%;
}
.table-head.cancel .cell:nth-child(5) {
  width: 15%;
}
.table-head.cancel .cell:nth-child(6) {
  width: 12%;
}
.table-head.order .cell:nth-child(1) {
  width: 13%;
}
.table-head.order .cell:nth-child(2) {
  width: 40%;
}
.table-head.order .cell:nth-child(3) {
  width: 10%;
}
.table-head.order .cell:nth-child(4) {
  width: 12%;
}
.table-head.order .cell:nth-child(5) {
  width: 10%;
}
.table-head.order .cell:nth-child(6) {
  width: 15%;
}
.table-head.login-history .cell:nth-child(1) {
  width: 20%;
  text-align: center;
}
.table-head.login-history .cell:nth-child(2) {
  width: 40%;
  text-align: center;
}
.table-head.login-history .cell:nth-child(3) {
  width: 20%;
  text-align: center;
}
.table-head.login-history .cell:nth-child(4) {
  width: 20%;
  text-align: center;
}
.table-head.delivery-management .cell:nth-child(1) {
  width: 10%;
  text-align: center;
}
.table-head.delivery-management .cell:nth-child(2) {
  width: 10%;
  text-align: center;
}
.table-head.delivery-management .cell:nth-child(3) {
  width: 35%;
  text-align: center;
}
.table-head.delivery-management .cell:nth-child(4) {
  width: 20%;
  text-align: center;
}
.table-head.delivery-management .cell:nth-child(5) {
  width: 15%;
  text-align: center;
}
.table-head.delivery-management .cell:nth-child(6) {
  width: 10%;
  text-align: center;
}

.table-content {
  width: 100%;
}
.table-content .table-row {
  width: 100%;
  display: table;
}
@media (max-width: 991.98px) {
  .table-content .table-row {
    display: block;
    border-bottom: 1px solid #222;
  }
}
.table-content .cell {
  display: table-cell;
  padding: 32px 16px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  word-break: break-all;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .table-content .cell {
    display: block;
    border-bottom: 0;
    padding: 12px 0;
  }
  .table-content .cell .cell-price-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
.table-content .cell-price-box .price {
  font-size: 14px;
  line-height: 140%;
}
.table-content .cell-price-box .cnt {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #999;
}
.table-content.payment .cell:nth-child(1) {
  width: 50%;
}
.table-content.payment .cell:nth-child(2) {
  width: 20%;
}
.table-content.payment .cell:nth-child(3) {
  width: 15%;
}
.table-content.payment .cell:nth-child(4) {
  width: 15%;
}
.table-content.payment .cell .form-check {
  justify-content: center;
}
@media (max-width: 991.98px) {
  .table-content.payment .cell .form-check {
    justify-content: start;
  }
}
@media (max-width: 991.98px) {
  .table-content.payment .cell {
    padding: 4px 0;
  }
  .table-content.payment .cell:nth-child(1) {
    width: 100%;
    padding: 16px 0 4px 0;
  }
  .table-content.payment .cell:nth-child(2) {
    width: 100%;
    margin-top: 16px;
  }
  .table-content.payment .cell:nth-child(3) {
    width: 100%;
  }
  .table-content.payment .cell:nth-child(4) {
    width: 100%;
    padding: 4px 0 16px 0;
  }
  .table-content.payment .cell .product-price {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
  }
}
.table-content.interest .cell:nth-child(1) {
  width: 55%;
}
.table-content.interest .cell:nth-child(2) {
  width: 15%;
}
.table-content.interest .cell:nth-child(3) {
  width: 15%;
}
.table-content.interest .cell:nth-child(4) {
  width: 15%;
}
.table-content.interest .cell .form-check {
  justify-content: center;
}
@media (max-width: 991.98px) {
  .table-content.interest .cell .form-check {
    justify-content: start;
  }
}
@media (max-width: 991.98px) {
  .table-content.interest .cell:nth-child(1) {
    width: 100%;
  }
  .table-content.interest .cell:nth-child(2) {
    width: 100%;
  }
  .table-content.interest .cell:nth-child(3) {
    width: 47%;
    display: inline-block;
  }
  .table-content.interest .cell:nth-child(4) {
    width: 51%;
    display: inline-block;
  }
  .table-content.interest .cell .product-price {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
  }
}
.table-content.simulation-table .cell {
  padding: 22px 10px;
  color: #222;
}
.table-content.simulation-table .cell:nth-child(1) {
  width: 10%;
}
.table-content.simulation-table .cell:nth-child(2) {
  width: 20%;
}
.table-content.simulation-table .cell:nth-child(3) {
  width: 20%;
}
.table-content.simulation-table .cell:nth-child(4) {
  width: 15%;
}
.table-content.simulation-table .cell:nth-child(5) {
  width: 10%;
}
.table-content.simulation-table .cell:nth-child(6) {
  width: 15%;
}
.table-content.simulation-table .cell:nth-child(7) {
  width: 10%;
}
.table-content.simulation-table .cell .product-price {
  font-weight: 500;
  line-height: 140%;
}
.table-content.simulation-table .cell .cell-price-box {
  padding-left: 10px;
}
.table-content.simulation-table .cell .interest-btn {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.table-content.simulation-table .cell .table-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .table-content.simulation-table .cell {
    padding: 4px 0;
  }
  .table-content.simulation-table .cell:nth-child(1) {
    width: 100%;
    text-align: left !important;
    padding: 24px 0 4px 0;
    font-weight: 700;
  }
  .table-content.simulation-table .cell:nth-child(2) {
    width: 100%;
    text-align: left !important;
    font-weight: 700;
  }
  .table-content.simulation-table .cell:nth-child(3) {
    width: 100%;
    text-align: left !important;
    font-weight: 700;
  }
  .table-content.simulation-table .cell:nth-child(4) {
    width: 100%;
    padding-top: 40px;
  }
  .table-content.simulation-table .cell:nth-child(5) {
    width: 100%;
  }
  .table-content.simulation-table .cell:nth-child(6) {
    width: 100%;
  }
  .table-content.simulation-table .cell:nth-child(7) {
    width: 100%;
    text-align: left !important;
    padding: 40px 0 24px 0;
  }
  .table-content.simulation-table .cell .interest-btn {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .table-content.simulation-table .cell .product-price {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
  }
  .table-content.simulation-table .cell .cell-price-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 0;
  }
  .table-content.simulation-table .cell .cell-price-box > div {
    display: flex;
    gap: 4px;
  }
  .table-content.simulation-table .cell .cell-price-box .price {
    font-size: 16px;
    font-weight: 700;
  }
  .table-content.simulation-table .cell .detail-desc {
    width: 100%;
    margin-top: 8px;
  }
  .table-content.simulation-table .cell .detail-desc ul {
    width: 100%;
    gap: 12px;
  }
  .table-content.simulation-table .cell .detail-desc ul li {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 13px;
    gap: 10px;
  }
  .table-content.simulation-table .cell .detail-desc ul .key {
    width: 50%;
  }
  .table-content.simulation-table .cell .detail-desc ul .value {
    width: 50%;
    word-break: break-all;
  }
  .table-content.simulation-table .cell .combination-content {
    flex-direction: row;
  }
  .table-content.simulation-table .cell .combination-content span::after {
    left: inherit;
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
  }
  .table-content.simulation-table .cell .table-btns {
    justify-content: flex-end;
    flex-direction: row;
    margin: 30px 0 20px;
  }
}
.table-content.delivery .cell:nth-child(1) {
  width: 13%;
}
.table-content.delivery .cell:nth-child(2) {
  width: 35%;
}
.table-content.delivery .cell:nth-child(3) {
  width: 12%;
}
.table-content.delivery .cell:nth-child(4) {
  width: 13%;
}
.table-content.delivery .cell:nth-child(5) {
  width: 15%;
}
.table-content.delivery .cell:nth-child(6) {
  width: 12%;
}
.table-content.delivery .cell .product-price {
  font-weight: 500;
  line-height: 140%;
}
.table-content.delivery .cell .interest-btn {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 991.98px) {
  .table-content.delivery .cell {
    padding: 4px 0;
  }
  .table-content.delivery .cell:nth-child(1) {
    width: 100%;
    text-align: left !important;
    padding: 16px 0 4px 0;
  }
  .table-content.delivery .cell:nth-child(2) {
    width: 100%;
  }
  .table-content.delivery .cell:nth-child(3) {
    width: 100%;
    margin-top: 10px;
  }
  .table-content.delivery .cell:nth-child(4) {
    width: 100%;
  }
  .table-content.delivery .cell:nth-child(5) {
    width: 100%;
    display: inline-block;
    text-align: left !important;
    padding: 4px 0 16px 0;
    margin-top: 10px;
  }
  .table-content.delivery .cell:nth-child(6) {
    display: none;
  }
  .table-content.delivery .cell .interest-btn {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .table-content.delivery .cell .product-price {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
  }
  .table-content.delivery .cell .cell-price-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .table-content.delivery .cell .cell-price-box > div {
    display: flex;
    gap: 4px;
  }
}
.table-content.refund .cell .cell:nth-child(1) {
  width: 15%;
}
.table-content.refund .cell .cell:nth-child(2) {
  width: 50%;
}
.table-content.refund .cell .cell:nth-child(3) {
  width: 12%;
}
.table-content.refund .cell .cell:nth-child(4) {
  width: 13%;
}
.table-content.refund .cell .cell:nth-child(5) {
  width: 10%;
}
.table-content.refund .cell .product-price {
  font-weight: 500;
  line-height: 140%;
}
.table-content.refund .cell .interest-btn {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 991.98px) {
  .table-content.refund .cell {
    padding: 4px 0;
  }
  .table-content.refund .cell:nth-child(1) {
    width: 100%;
    text-align: left !important;
    padding: 16px 0 4px 0;
  }
  .table-content.refund .cell:nth-child(2) {
    width: 100%;
  }
  .table-content.refund .cell:nth-child(3) {
    width: 100%;
    margin-top: 10px;
  }
  .table-content.refund .cell:nth-child(4) {
    width: 100%;
  }
  .table-content.refund .cell:nth-child(5) {
    width: 100%;
    display: inline-block;
    text-align: left !important;
    padding: 4px 0 16px 0;
    margin-top: 10px;
  }
  .table-content.refund .cell .interest-btn {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .table-content.refund .cell .product-price {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
  }
  .table-content.refund .cell .cell-price-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .table-content.refund .cell .cell-price-box > div {
    display: flex;
    gap: 4px;
  }
}
.table-content.cancel-detail .cell:nth-child(1) {
  width: 13%;
}
.table-content.cancel-detail .cell:nth-child(2) {
  width: 35%;
}
.table-content.cancel-detail .cell:nth-child(3) {
  width: 12%;
}
.table-content.cancel-detail .cell:nth-child(4) {
  width: 13%;
}
.table-content.cancel-detail .cell:nth-child(5) {
  width: 15%;
}
.table-content.cancel-detail .cell:nth-child(6) {
  width: 12%;
}
.table-content.cancel-detail .cell .product-price {
  font-weight: 500;
  line-height: 140%;
}
.table-content.cancel-detail .cell .interest-btn {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 991.98px) {
  .table-content.cancel-detail .cell {
    padding: 4px 0;
  }
  .table-content.cancel-detail .cell:nth-child(1) {
    width: 100%;
    text-align: left !important;
    padding: 16px 0 4px 0;
  }
  .table-content.cancel-detail .cell:nth-child(2) {
    width: 100%;
  }
  .table-content.cancel-detail .cell:nth-child(3) {
    width: 100%;
    margin-top: 10px;
  }
  .table-content.cancel-detail .cell:nth-child(4) {
    width: 100%;
  }
  .table-content.cancel-detail .cell:nth-child(5) {
    width: 100%;
    display: inline-block;
    text-align: left !important;
    padding: 4px 0 16px 0;
    margin-top: 10px;
  }
  .table-content.cancel-detail .cell:nth-child(6) {
    display: none;
  }
  .table-content.cancel-detail .cell .interest-btn {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .table-content.cancel-detail .cell .product-price {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
  }
  .table-content.cancel-detail .cell .cell-price-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .table-content.cancel-detail .cell .cell-price-box > div {
    display: flex;
    gap: 4px;
  }
}
.table-content.cancel .cell:nth-child(1) {
  width: 13%;
}
.table-content.cancel .cell:nth-child(2) {
  width: 35%;
}
.table-content.cancel .cell:nth-child(3) {
  width: 12%;
}
.table-content.cancel .cell:nth-child(4) {
  width: 13%;
}
.table-content.cancel .cell:nth-child(5) {
  width: 15%;
}
.table-content.cancel .cell:nth-child(6) {
  width: 12%;
}
.table-content.cancel .cell .product-price {
  font-weight: 500;
  line-height: 140%;
}
.table-content.cancel .cell .interest-btn {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 991.98px) {
  .table-content.cancel .cell {
    padding: 4px 0;
  }
  .table-content.cancel .cell:nth-child(1) {
    width: 100%;
    text-align: left !important;
    padding: 16px 0 4px 0;
  }
  .table-content.cancel .cell:nth-child(2) {
    width: 100%;
  }
  .table-content.cancel .cell:nth-child(3) {
    width: 100%;
    margin-top: 10px;
  }
  .table-content.cancel .cell:nth-child(4) {
    width: 100%;
  }
  .table-content.cancel .cell:nth-child(5) {
    width: 100%;
    display: inline-block;
    text-align: left !important;
    margin-top: 10px;
  }
  .table-content.cancel .cell:nth-child(6) {
    width: 100%;
    text-align: left !important;
    padding: 4px 0 16px 0;
  }
  .table-content.cancel .cell .interest-btn {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .table-content.cancel .cell .product-price {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
  }
  .table-content.cancel .cell .cell-price-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .table-content.cancel .cell .cell-price-box > div {
    display: flex;
    gap: 4px;
  }
}
.table-content.order .cell:nth-child(1) {
  width: 13%;
}
.table-content.order .cell:nth-child(2) {
  width: 40%;
}
.table-content.order .cell:nth-child(3) {
  width: 10%;
}
.table-content.order .cell:nth-child(4) {
  width: 12%;
}
.table-content.order .cell:nth-child(5) {
  width: 10%;
}
.table-content.order .cell:nth-child(6) {
  width: 15%;
}
@media (max-width: 991.98px) {
  .table-content.order .cell {
    padding: 4px 0;
  }
  .table-content.order .cell:nth-child(1) {
    width: 100%;
    text-align: left !important;
    padding: 16px 0 4px 0;
  }
  .table-content.order .cell:nth-child(2) {
    width: 100%;
    margin-top: 16px;
  }
  .table-content.order .cell:nth-child(3) {
    width: 100%;
  }
  .table-content.order .cell:nth-child(4) {
    width: 100%;
  }
  .table-content.order .cell:nth-child(5) {
    width: 100%;
  }
  .table-content.order .cell:nth-child(6) {
    width: 100%;
    display: flex;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .table-content.order .cell .cell-price-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .table-content.order .cell .cell-price-box > div {
    display: flex;
    gap: 4px;
  }
}
@media (max-width: 991.98px) {
  .table-content.border-table .table-row {
    border-bottom: 0;
  }
}
.table-content.border-table .cell {
  padding: 0;
}
.table-content.border-table .cell .box {
  padding: 24px 16px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .table-content.border-table .cell .box {
    padding: 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
  }
  .table-content.border-table .cell .box.col-4 {
    border-right: 1px solid #eee;
  }
}
.table-content.border-table .cell .cancel-box-head {
  padding: 24px 16px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .table-content.border-table .cell .cancel-box-head {
    justify-content: start;
    padding: 24px 0 10px;
  }
}
.table-content.border-table .cell .cancel-box {
  padding: 24px 16px;
  margin: 0;
  display: flex;
  align-items: center;
}
.table-content.border-table .cell .cancel-box .form-select {
  width: 30%;
}
.table-content.border-table .cell .cancel-box .direct-input {
  width: 50%;
}
@media (max-width: 991.98px) {
  .table-content.border-table .cell .cancel-box {
    padding: 0 0 24px;
  }
  .table-content.border-table .cell .cancel-box .form-select {
    width: 100%;
  }
  .table-content.border-table .cell .cancel-box .direct-input {
    width: 100%;
  }
}
.table-content.login-history .cell:nth-child(1) {
  width: 20%;
  text-align: center;
}
.table-content.login-history .cell:nth-child(2) {
  width: 40%;
  text-align: center;
}
.table-content.login-history .cell:nth-child(3) {
  width: 20%;
  text-align: center;
}
.table-content.login-history .cell:nth-child(4) {
  width: 20%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .table-content.login-history .cell {
    padding: 12px 0;
  }
  .table-content.login-history .cell:nth-child(1) {
    width: 100%;
    text-align: left;
  }
  .table-content.login-history .cell:nth-child(2) {
    width: 100%;
    text-align: left;
  }
  .table-content.login-history .cell:nth-child(3) {
    width: 100%;
    text-align: left;
  }
  .table-content.login-history .cell:nth-child(4) {
    width: 100%;
    text-align: left;
  }
}
.table-content.delivery-management .cell:nth-child(1) {
  width: 10%;
  text-align: center;
}
.table-content.delivery-management .cell:nth-child(2) {
  width: 10%;
  text-align: center;
}
.table-content.delivery-management .cell:nth-child(3) {
  width: 35%;
  text-align: center;
}
.table-content.delivery-management .cell:nth-child(4) {
  width: 20%;
  text-align: center;
}
.table-content.delivery-management .cell:nth-child(5) {
  width: 15%;
  text-align: center;
}
.table-content.delivery-management .cell:nth-child(6) {
  width: 10%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .table-content.delivery-management .cell {
    padding: 12px;
    border-bottom: 1px solid #eee;
  }
  .table-content.delivery-management .cell:nth-child(1) {
    width: 49%;
    text-align: left;
    display: inline-block;
  }
  .table-content.delivery-management .cell:nth-child(2) {
    width: 49.5%;
    text-align: left;
    display: inline-block;
  }
  .table-content.delivery-management .cell:nth-child(3) {
    width: 100%;
    text-align: left;
  }
  .table-content.delivery-management .cell:nth-child(4) {
    width: 100%;
    text-align: left;
  }
  .table-content.delivery-management .cell:nth-child(5) {
    width: 49%;
    text-align: left;
    display: inline-block;
  }
  .table-content.delivery-management .cell:nth-child(6) {
    width: 49.5%;
    text-align: left;
    display: inline-block;
  }
  .table-content.delivery-management .cell .btn {
    margin-top: 5px;
  }
}

.buyer-info th {
  border-right: 1px solid #eee;
}
.buyer-info td {
  border-right: 1px solid #eee;
}
.buyer-info td:last-child {
  border: 0;
}
@media (max-width: 767.98px) {
  .buyer-info tbody td, .buyer-info tbody th {
    padding: 8px !important;
    font-size: 12px !important;
  }
}

.introduce-wrap .greetings-content {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  position: relative;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .greetings-content {
    flex-direction: column;
  }
  .introduce-wrap .greetings-content .img {
    height: 140px;
  }
  .introduce-wrap .greetings-content .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
  }
}
.introduce-wrap .greetings-content .greetings-text {
  padding-top: 100px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .greetings-content .greetings-text {
    padding-top: 40px;
    order: 2;
  }
}
.introduce-wrap .greetings-content .title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 28px;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .greetings-content .title {
    font-size: 24px;
  }
}
.introduce-wrap .greetings-content .desc {
  font-weight: 500;
  margin-top: 60px;
  line-height: 160%;
}
.introduce-wrap .greetings-content .desc span {
  color: #14907F;
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .greetings-content .desc {
    margin-top: 40px;
  }
}
.introduce-wrap .greetings-content .bg-ball {
  position: absolute;
  background-color: rgba(20, 144, 127, 0.1);
  border-radius: 50%;
}
.introduce-wrap .greetings-content .bg-ball.ball-1 {
  width: 24px;
  height: 24px;
  left: 0;
  top: 60px;
}
.introduce-wrap .greetings-content .bg-ball.ball-2 {
  width: 70px;
  height: 70px;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}
.introduce-wrap .greetings-content .bg-ball.ball-3 {
  width: 144px;
  height: 144px;
  bottom: 0;
  right: 400px;
}
.introduce-wrap .greetings-content .bg-ball.ball-4 {
  width: 42px;
  height: 42px;
  bottom: -55px;
  right: 350px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .greetings-content .bg-ball.ball-1 {
    left: 0;
    top: 60px;
  }
  .introduce-wrap .greetings-content .bg-ball.ball-2 {
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
  .introduce-wrap .greetings-content .bg-ball.ball-3 {
    bottom: 70px;
    right: 100px;
  }
  .introduce-wrap .greetings-content .bg-ball.ball-4 {
    bottom: 0;
    right: 200px;
  }
}
.introduce-wrap .history-wrap {
  position: relative;
  width: 100%;
  height: 700px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap {
    height: 500px;
  }
}
.introduce-wrap .history-wrap .years {
  position: sticky;
  top: 0;
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .years {
    position: static;
    margin-bottom: 100px;
  }
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .years {
    margin-bottom: 50px;
  }
}
.introduce-desc {
  font-size: 28px;
  line-height: 160%;
  font-weight: 500;
  margin-top: 4px;
  padding-top: 48px;
  flex-shrink: 0;
}
.introduce-desc span {
  font-weight: 700;
  color: #14907F;
}
@media (max-width: 1199.98px) {
  .introduce-desc {
    font-size: 22px;
    margin-bottom: 16px;
    padding-top: 0;
  }
}

.introduce-wrap .history-wrap .history-list {
  width: 57%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .history-list {
    width: 100%;
    position: static;
  }
}
.introduce-wrap .history-wrap .history-list::-webkit-scrollbar {
  width: 6px; /* 스크롤바의 너비 */
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .history-list::-webkit-scrollbar {
    width: 4px;
  }
}
.introduce-wrap .history-wrap .history-list::-webkit-scrollbar-thumb {
  height: 15%; /* 스크롤바의 길이 */
  background: #222; /* 스크롤바의 색상 */
  border-radius: 24px;
}
.introduce-wrap .history-wrap .history-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1); /*스크롤바 뒷 배경 색상*/
}
.introduce-wrap .history-wrap .history-list .history-content {
  display: flex;
  gap: 40px;
  padding-top: 40px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .history-list .history-content {
    gap: 40px;
  }
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .history-list .history-content {
    gap: 23px;
    padding-top: 25px;
  }
}
.introduce-wrap .history-wrap .history-list .history-content .years-txt {
  font-size: 24px;
  font-weight: 700;
  color: #14907F;
  flex-shrink: 0;
  line-height: 1;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .history-list .history-content .years-txt {
    font-size: 18px;
  }
}
.introduce-wrap .history-wrap .history-list .history-content:first-child {
  padding-top: 0;
}
.introduce-wrap .history-wrap .history-list .history-content ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .history-list .history-content ul {
    padding-bottom: 25px;
    gap: 20px;
  }
}
.introduce-wrap .history-wrap .history-list .history-content ul li .value {
  font-size: 18px;
  color: #666;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .history-list .history-content ul li .value {
    font-size: 14px;
  }
}
.introduce-wrap .history-wrap .bg-ball {
  position: absolute;
  background-color: rgba(20, 144, 127, 0.1);
  border-radius: 50%;
}
.introduce-wrap .history-wrap .bg-ball.ball-1 {
  width: 24px;
  height: 24px;
  left: 42%;
  transform: translateX(-50%);
  top: 30px;
}
.introduce-wrap .history-wrap .bg-ball.ball-2 {
  width: 57px;
  height: 57px;
  top: 150px;
  left: 0;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .history-wrap .bg-ball.ball-1 {
    left: 0;
    top: 60px;
  }
  .introduce-wrap .history-wrap .bg-ball.ball-2 {
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
}
.introduce-wrap .vision-wrap {
  display: flex;
  justify-content: space-between;
  gap: 15%;
  position: relative;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .vision-wrap {
    flex-direction: column;
    margin-top: 24px;
  }
}
.introduce-wrap .vision-wrap .bg-ball {
  position: absolute;
  background-color: rgba(20, 144, 127, 0.1);
  border-radius: 50%;
}
.introduce-wrap .vision-wrap .bg-ball.ball-1 {
  width: 24px;
  height: 24px;
  left: 16%;
  top: 27%;
}
.introduce-wrap .vision-wrap .bg-ball.ball-2 {
  width: 57px;
  height: 57px;
  top: 1%;
  left: 37%;
  transform: translateX(-50%);
}
@media (max-width: 1199.98px) {
  .introduce-wrap .vision-wrap .bg-ball.ball-1 {
    left: 0;
    top: 60px;
  }
  .introduce-wrap .vision-wrap .bg-ball.ball-2 {
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
}
.introduce-wrap .vision-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.introduce-wrap .vision-list .step {
  border-radius: 16px;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
  background-size: cover;
  gap: 16px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .vision-list .step {
    height: 180px;
    padding: 0 20px;
  }
}
.introduce-wrap .vision-list .step .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .vision-list .step .title {
    font-size: 18px;
  }
}
.introduce-wrap .vision-list .step .desc {
  font-weight: 500;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .vision-list .step .desc {
    font-size: 14px;
  }
}
.introduce-wrap .vision-list .step.step1 {
  background-image: url("../images/vision-01.png");
}
.introduce-wrap .vision-list .step.step2 {
  background-image: url("../images/vision-02.png");
}
.introduce-wrap .vision-list .step.step3 {
  background-image: url("../images/vision-03.png");
}
.introduce-wrap .patent-wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
  position: relative;
}
@media (max-width: 767.98px) {
  .introduce-wrap .patent-wrap {
    gap: 40px;
  }
}
.introduce-wrap .patent-wrap .patent-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 767.98px) {
  .introduce-wrap .patent-wrap .patent-list {
    flex-direction: column;
  }
}
.introduce-wrap .patent-wrap .patent-list .patent-content {
  width: calc(25% - 18px);
}
.introduce-wrap .patent-wrap .patent-list .patent-content img {
  border: 1px solid #ddd;
  border-radius: 8px;
}
.introduce-wrap .patent-wrap .patent-list .patent-content .desc {
  text-align: center;
  margin-top: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 767.98px) {
  .introduce-wrap .patent-wrap .patent-list .patent-content {
    width: 100%;
    text-align: center;
  }
}
.introduce-wrap .patent-wrap .bg-ball {
  position: absolute;
  background-color: rgba(20, 144, 127, 0.1);
  border-radius: 50%;
}
.introduce-wrap .patent-wrap .bg-ball.ball-1 {
  width: 24px;
  height: 24px;
  left: 16%;
  top: 27%;
}
.introduce-wrap .patent-wrap .bg-ball.ball-2 {
  width: 57px;
  height: 57px;
  top: 1%;
  left: 37%;
  transform: translateX(-50%);
}
.introduce-wrap .patent-wrap .bg-ball.ball-3 {
  width: 144px;
  height: 144px;
  bottom: -12%;
  right: 0;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .patent-wrap .bg-ball.ball-1 {
    left: 0;
    top: 60px;
  }
  .introduce-wrap .patent-wrap .bg-ball.ball-2 {
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
  .introduce-wrap .patent-wrap .bg-ball.ball-3 {
    bottom: -12%;
    right: 0;
  }
}
.introduce-wrap .partner-wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
  position: relative;
}
@media (max-width: 767.98px) {
  .introduce-wrap .partner-wrap {
    gap: 40px;
  }
}
.introduce-wrap .partner-wrap .partner-content {
  display: flex;
  gap: 32px;
}
@media (max-width: 991.98px) {
  .introduce-wrap .partner-wrap .partner-content {
    flex-direction: column;
  }
}
.introduce-wrap .partner-wrap .partner-content .badge {
  background-color: #222;
  color: #fff;
  font-weight: 500;
  padding: 6px 16px;
  border-radius: 16px;
  display: inline-block;
}
.introduce-wrap .partner-wrap .partner-content .partner-list {
  display: flex;
  flex-flow: wrap;
  gap: 24px;
  margin-top: 40px;
}
.introduce-wrap .partner-wrap .partner-content .partner-list img {
  margin-bottom: 16px;
}
.introduce-wrap .partner-wrap .bg-ball {
  position: absolute;
  background-color: rgba(20, 144, 127, 0.1);
  border-radius: 50%;
}
.introduce-wrap .partner-wrap .bg-ball.ball-1 {
  width: 24px;
  height: 24px;
  left: 16%;
  top: 27%;
}
.introduce-wrap .partner-wrap .bg-ball.ball-2 {
  width: 57px;
  height: 57px;
  top: 1%;
  left: 37%;
  transform: translateX(-50%);
}
.introduce-wrap .partner-wrap .bg-ball.ball-3 {
  width: 144px;
  height: 144px;
  bottom: -12%;
  right: 0;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .partner-wrap .bg-ball.ball-1 {
    left: 0;
    top: 60px;
  }
  .introduce-wrap .partner-wrap .bg-ball.ball-2 {
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
  .introduce-wrap .partner-wrap .bg-ball.ball-3 {
    bottom: -12%;
    right: 0;
  }
}
.introduce-wrap .way-wrap {
  position: relative;
}
.introduce-wrap .way-wrap .way-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 991.98px) {
  .introduce-wrap .way-wrap .way-title {
    font-size: 18px;
  }
}
.introduce-wrap .way-wrap .company-info {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 18px;
  color: #666;
  line-height: 160%;
}
@media (max-width: 991.98px) {
  .introduce-wrap .way-wrap .company-info {
    font-size: 16px;
  }
}
.introduce-wrap .way-wrap .company-info .detail-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .introduce-wrap .way-wrap .company-info .detail-info {
    flex-direction: column;
    align-items: start;
  }
}
.introduce-wrap .way-wrap .map {
  width: 100%;
  height: 480px;
  background: #ddd;
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .introduce-wrap .way-wrap .map {
    height: 250px;
    margin-top: 20px;
  }
}
.introduce-wrap .way-wrap .bg-ball {
  position: absolute;
  background-color: rgba(20, 144, 127, 0.1);
  border-radius: 50%;
  z-index: -1;
}
.introduce-wrap .way-wrap .bg-ball.ball-1 {
  width: 24px;
  height: 24px;
  left: 0;
  top: 60px;
}
.introduce-wrap .way-wrap .bg-ball.ball-2 {
  width: 70px;
  height: 70px;
  top: 20%;
  left: 45%;
  transform: translate(-50%, -50%);
}
.introduce-wrap .way-wrap .bg-ball.ball-3 {
  width: 144px;
  height: 144px;
  right: 10%;
  top: 0%;
}
.introduce-wrap .way-wrap .bg-ball.ball-4 {
  width: 42px;
  height: 42px;
  bottom: -55px;
  right: 350px;
}
@media (max-width: 1199.98px) {
  .introduce-wrap .way-wrap .bg-ball.ball-1 {
    left: 0;
    top: 60px;
  }
  .introduce-wrap .way-wrap .bg-ball.ball-2 {
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
  .introduce-wrap .way-wrap .bg-ball.ball-3 {
    bottom: 70px;
    right: 100px;
  }
  .introduce-wrap .way-wrap .bg-ball.ball-4 {
    bottom: 0;
    right: 200px;
  }
}
/*# sourceMappingURL=maps/style.css.map */