.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: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@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: 1.5;
  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: 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-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-watch {
  width: 32px;
  height: 32px;
  background-image: url("../images/icon-watch.svg");
}

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

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

.icon-g-bell {
  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='M4.51879 10.4999V9.74993C4.51879 9.74993 4.51669 8.25422 5.08994 6.87158C5.08994 6.87158 5.66319 5.48895 6.72376 4.43277C6.72376 4.43277 7.78434 3.37661 9.16934 2.80911C9.16934 2.80911 10.5544 2.24161 12.0511 2.24994C12.0511 2.24994 13.573 2.26147 14.9589 2.86946C14.9589 2.86946 16.2922 3.45442 17.3187 4.50879C17.3187 4.50879 18.3411 5.55904 18.9019 6.9133C18.9019 6.9133 19.4813 8.31267 19.4813 9.8343V10.4999C19.4813 10.4999 19.4813 14.3903 20.7022 16.4991C20.7022 16.4991 20.9033 16.8474 20.9036 17.2486C20.9036 17.2486 20.904 17.6498 20.704 17.9976C20.704 17.9976 20.504 18.3455 20.1571 18.547C20.1571 18.547 19.8102 18.7485 19.4089 18.7499L4.59379 18.7499C4.59379 18.7499 4.18993 18.7485 3.843 18.547C3.843 18.547 3.49607 18.3455 3.29608 17.9976C3.29608 17.9976 3.09608 17.6498 3.09644 17.2486C3.09644 17.2486 3.09679 16.8474 3.2974 16.4999C3.2974 16.4999 4.51879 14.3902 4.51879 10.4999ZM6.01879 10.4999C6.01879 10.4999 6.01879 14.7931 4.59644 17.2499L19.4036 17.2499C19.4036 17.2499 17.9813 14.7925 17.9813 10.4999V9.8343C17.9813 9.8343 17.9813 7.33975 16.2439 5.55513C16.2439 5.55513 14.5046 3.76857 12.0427 3.74992C12.0427 3.74992 10.8457 3.74325 9.73807 4.19711C9.73807 4.19711 8.63041 4.65097 7.78222 5.49564C7.78222 5.49564 6.93403 6.34031 6.47557 7.44607C6.47557 7.44607 6.01711 8.55184 6.01879 9.74993V10.4999Z' fill='%23999999'/%3E%3Cpath d='M15.75 18.75V18C15.75 17.5858 15.4142 17.25 15 17.25C14.5858 17.25 14.25 17.5858 14.25 18V18.75C14.25 19.682 13.591 20.341 13.591 20.341C12.932 21 12 21 12 21C11.068 21 10.409 20.341 10.409 20.341C9.75003 19.682 9.75003 18.75 9.75003 18.75V18C9.75003 17.5858 9.41424 17.25 9.00003 17.25C8.58582 17.25 8.25003 17.5858 8.25003 18V18.75C8.25003 20.3033 9.34838 21.4016 9.34838 21.4016C10.4467 22.5 12 22.5 12 22.5C13.5533 22.5 14.6517 21.4017 14.6517 21.4017C15.75 20.3033 15.75 18.75 15.75 18.75Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

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

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

.icon-arrow-g-line {
  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.4417 4.81718C15.5589 4.69997 15.625 4.54076 15.625 4.375C15.625 4.20924 15.5592 4.05027 15.4419 3.93306L15.4365 3.92773C15.3198 3.814 15.163 3.75 15 3.75C14.8342 3.75 14.6753 3.81585 14.5581 3.93306L5.80829 12.6828C5.69108 12.8 5.625 12.9592 5.625 13.125C5.625 13.135 5.62524 13.145 5.62572 13.155C5.63319 13.3102 5.69819 13.4571 5.80806 13.5669C5.92527 13.6842 6.08424 13.75 6.25 13.75C6.41576 13.75 6.57473 13.6842 6.69194 13.5669L15.4417 4.81718Z' fill='%23999999'/%3E%3Cpath d='M15 3.75H7.1875C6.84232 3.75 6.5625 4.02982 6.5625 4.375C6.5625 4.72018 6.84232 5 7.1875 5H14.375V12.1875C14.375 12.5327 14.6548 12.8125 15 12.8125C15.3452 12.8125 15.625 12.5327 15.625 12.1875V4.375C15.625 4.02982 15.3452 3.75 15 3.75Z' fill='%23999999'/%3E%3Cpath d='M3.125 17.5H16.875C17.2202 17.5 17.5 17.2202 17.5 16.875C17.5 16.5298 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 16.5298 2.5 16.875C2.5 17.2202 2.77982 17.5 3.125 17.5Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

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

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

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

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

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

.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-plus {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-plus.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-input-clear {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-input-clear.svg");
}

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

.icon-scrap{
  width: 18px;
  height: 19px;
  background-image: url("../images/bookmark-regular.svg");
}

.icon-scrap-on{
  width: 18px;
  height: 19px;
  background-image: url("../images/bookmark-solid.svg");
}


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

.icon-printer-parent {
  width: 24px;
  height: 24px;
  filter: invert(51%) sepia(80%) saturate(1505%) hue-rotate(317deg) brightness(115%) contrast(89%);
  background-image: url("../images/icon-printer.svg");
}


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

.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.1188 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-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_192_1542)'%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.2212 26.2212 27.988 24.0419 27.988H15.9581C13.7788 27.988 12.012 26.2212 12.012 24.0419V15.9581C12.012 13.7787 13.7788 12.012 15.9581 12.012H24.0419C26.2212 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_192_1542'%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-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-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_192_1545)'%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_192_1545'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-pinterest {
  width: 45px;
  height: 45px;
  background-image: url("../images/foot_icon_pinterest.png");
}

.icon-head-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_184_3386)'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%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='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_184_3386'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-head-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='white'/%3E%3Cpath d='M14.3643 19.293C13.9842 19.293 13.6763 19.6014 13.6763 19.9818C13.6763 20.3623 13.9842 20.672 14.3643 20.672C14.7443 20.672 15.0523 20.3637 15.0523 19.9818C15.0523 19.5999 14.7443 19.293 14.3643 19.293V19.293Z' fill='%23222222'/%3E%3Cpath d='M21.166 19.2209C20.7563 19.2209 20.4243 19.5533 20.4243 19.9634C20.4243 20.3736 20.7563 20.706 21.166 20.706C21.5757 20.706 21.9077 20.3736 21.9077 19.9634C21.9077 19.5533 21.5757 19.2209 21.166 19.2209Z' fill='%23222222'/%3E%3Cpath d='M27.3243 12.4405H12.6757C11.198 12.4405 10 13.6398 10 15.1192V23.823C10 25.3024 11.198 26.5017 12.6757 26.5017H17.8491L19.6094 30.6528C19.6094 30.6528 19.7309 31.012 20.0233 31.012C20.3172 31.012 20.4372 30.6528 20.4372 30.6528L22.1975 26.5017H27.3243C28.802 26.5017 30 25.3024 30 23.823V15.1192C30 13.6398 28.802 12.4405 27.3243 12.4405V12.4405ZM16.2824 20.1344C16.2739 21.7255 14.6309 21.7708 14.6309 21.7708C13.9952 21.7708 13.6364 21.3493 13.6364 21.3493V21.6364H12.4398V16.6948C12.4398 16.6948 12.4341 16.6934 12.4398 16.6919V16.6948C12.5147 16.7061 13.6364 16.6919 13.6364 16.6919V18.5815C13.9175 18.1006 14.7312 18.1091 14.7312 18.1091C16.5028 18.2746 16.281 20.1344 16.281 20.1344H16.2824ZM18.3888 18.2618V21.6449H17.2176V18.2958C17.2176 17.8404 16.6525 17.7131 16.6525 17.7131V16.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.9662 20.0798 18.1558 21.1648 18.1558C22.2498 18.1558 23.1285 18.9662 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.379H25.6431C25.6431 22.379 26.3763 22.4468 26.3679 21.3154C26.3679 21.3154 26.2252 21.7736 25.1967 21.7736C25.1967 21.7736 23.7388 21.669 23.7388 20.2447V19.7045C23.7388 19.7045 23.7727 18.2279 25.3733 18.1105C25.3733 18.1105 26.0048 18.0426 26.3933 18.5659V18.2039H27.5814V21.775V21.7736Z' fill='%23222222'/%3E%3Cpath d='M25.7213 19.2378C25.3215 19.2378 24.9966 19.5631 24.9966 19.9634C24.9966 20.3636 25.3215 20.6889 25.7213 20.6889C26.1211 20.6889 26.446 20.3636 26.446 19.9634C26.446 19.5631 26.1211 19.2378 25.7213 19.2378Z' fill='%23222222'/%3E%3C/svg%3E%0A");*/
  background-image: url("../images/top_icon_blog.png");
}

.icon-head-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_184_3388)'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.1665 19.9044C9.1665 15.1743 14.0167 11.3402 19.9999 11.3402C25.9827 11.3402 30.8333 15.1751 30.8333 19.9047C30.8333 24.6344 25.9831 28.4693 19.9999 28.4693C19.327 28.4693 18.6549 28.4199 17.9893 28.3214C16.7886 29.138 14.0049 31.0292 13.82 31.1532C13.5821 31.3115 13.2182 31.3196 13.3661 30.7304C13.4856 30.2558 14.0793 28.0369 14.306 27.191C11.2216 25.6812 9.1665 22.9829 9.1665 19.9044ZM20.1731 22.0854L18.5944 17.7663L18.5893 17.7615C18.5253 17.6206 18.4207 17.502 18.2889 17.4209C18.1571 17.3399 18.0041 17.3 17.8495 17.3065C17.6789 17.2966 17.51 17.3451 17.3705 17.4439C17.231 17.5427 17.1293 17.686 17.082 17.8502C17.0706 17.8733 17.0605 17.897 17.0517 17.9212L15.4982 22.0854C15.4735 22.1506 15.4622 22.2202 15.4648 22.29C15.4674 22.3597 15.4839 22.4282 15.5134 22.4915C15.5428 22.5548 15.5846 22.6115 15.6363 22.6584C15.688 22.7053 15.7486 22.7414 15.8144 22.7645C15.8803 22.7877 15.9501 22.7974 16.0198 22.7932C16.0894 22.789 16.1576 22.7709 16.2201 22.74C16.2827 22.7091 16.3385 22.6659 16.3842 22.6132C16.4298 22.5604 16.4645 22.499 16.4861 22.4327L16.7547 21.6659H18.9155L19.184 22.4327C19.2057 22.499 19.2403 22.5604 19.286 22.6132C19.3317 22.6659 19.3875 22.7091 19.45 22.74C19.5126 22.7709 19.5807 22.789 19.6504 22.7932C19.7201 22.7974 19.7899 22.7877 19.8557 22.7645C19.9216 22.7414 19.9821 22.7053 20.0338 22.6584C20.0855 22.6115 20.1273 22.5548 20.1568 22.4915C20.1863 22.4282 20.2028 22.3597 20.2054 22.29C20.208 22.2202 20.1966 22.1506 20.172 22.0854H20.1731ZM17.0975 20.6872L17.8236 18.6159C17.8277 18.6159 17.8315 18.6164 17.8353 18.617C17.8391 18.6175 17.8429 18.6181 17.8469 18.6181L18.5723 20.6894L17.0975 20.6872ZM23.2541 21.7672H21.7809V17.8912C21.7809 17.7362 21.7193 17.5875 21.6097 17.4779C21.5001 17.3683 21.3515 17.3068 21.1965 17.3068C21.0415 17.3068 20.8928 17.3683 20.7832 17.4779C20.6736 17.5875 20.6121 17.7362 20.6121 17.8912V22.0708C20.6126 22.1022 20.6157 22.1335 20.6213 22.1644C20.6153 22.1951 20.6122 22.2263 20.6121 22.2576C20.6119 22.3219 20.6245 22.3856 20.649 22.445C20.6735 22.5045 20.7095 22.5585 20.7549 22.604C20.8004 22.6495 20.8543 22.6855 20.9137 22.7101C20.9731 22.7347 21.0368 22.7474 21.1011 22.7473H23.2541C23.3839 22.7473 23.5083 22.6958 23.6 22.6041C23.6918 22.5123 23.7433 22.3879 23.7433 22.2582C23.7433 22.1284 23.6918 22.004 23.6 21.9123C23.5083 21.8205 23.3839 21.769 23.2541 21.769V21.7672ZM15.6414 17.3824H12.4734C12.3305 17.3824 12.1934 17.4392 12.0924 17.5402C11.9913 17.6413 11.9345 17.7784 11.9345 17.9213C11.9345 18.0642 11.9913 18.2013 12.0924 18.3024C12.1934 18.4034 12.3305 18.4602 12.4734 18.4602H13.5032V22.2552C13.5036 22.3945 13.5591 22.5279 13.6575 22.6264C13.756 22.7249 13.8895 22.7804 14.0288 22.7808H14.1438C14.283 22.7803 14.4163 22.7247 14.5147 22.6263C14.613 22.5278 14.6684 22.3944 14.6687 22.2552V18.4602H15.6414C15.7844 18.4602 15.9215 18.4034 16.0225 18.3024C16.1236 18.2013 16.1804 18.0642 16.1804 17.9213C16.1804 17.7784 16.1236 17.6413 16.0225 17.5402C15.9215 17.4392 15.7844 17.3824 15.6414 17.3824ZM26.3197 19.7892L27.9616 21.9453L27.9613 21.9449C28.0025 21.9998 28.0326 22.0623 28.0497 22.1288C28.0669 22.1953 28.0708 22.2645 28.0611 22.3325C28.0515 22.4005 28.0286 22.466 27.9937 22.5251C27.9588 22.5843 27.9126 22.636 27.8577 22.6772C27.8028 22.7185 27.7403 22.7486 27.6738 22.7657C27.6073 22.7829 27.5381 22.7868 27.4701 22.7771C27.4021 22.7675 27.3366 22.7446 27.2775 22.7097C27.2183 22.6748 27.1666 22.6286 27.1253 22.5737L25.5718 20.536L25.2389 20.8689V22.1975C25.2389 22.3526 25.1773 22.5013 25.0677 22.6109C24.9581 22.7205 24.8094 22.7821 24.6543 22.7821C24.4993 22.7821 24.3506 22.7205 24.241 22.6109C24.1313 22.5013 24.0697 22.3526 24.0697 22.1975V17.8914C24.0697 17.7363 24.1313 17.5876 24.241 17.478C24.3506 17.3684 24.4993 17.3068 24.6543 17.3068C24.8094 17.3068 24.9581 17.3684 25.0677 17.478C25.1773 17.5876 25.2389 17.7363 25.2389 17.8914V19.4138L27.075 17.5777C27.1228 17.5299 27.1795 17.492 27.2419 17.4661C27.3044 17.4402 27.3713 17.4269 27.4389 17.4269C27.5064 17.4269 27.5734 17.4402 27.6358 17.466C27.6982 17.4919 27.755 17.5298 27.8028 17.5775C27.8506 17.6253 27.8885 17.682 27.9144 17.7444C27.9402 17.8069 27.9536 17.8738 27.9536 17.9414C27.9536 18.0089 27.9403 18.0759 27.9145 18.1383C27.8886 18.2007 27.8507 18.2575 27.8029 18.3053L26.3197 19.7892Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_184_3388'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");*/
  background-image: url("../images/top_icon_kakao.png");
}

.icon-head-youtube {
  width: 40px;
  height: 40px;
  background-image: url("../images/top_icon_youtube.png");
}
.icon-head-pinterest {
  width: 40px;
  height: 40px;
  background-image: url("../images/top_icon_pinterest.png");
}

.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-reload {
  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='M3.7312 8.59673V4.84673C3.7312 4.43252 3.39541 4.09673 2.9812 4.09673C2.56699 4.09673 2.2312 4.43252 2.2312 4.84673V9.34673C2.2312 9.76094 2.56699 10.0967 2.9812 10.0967H7.4812C7.89542 10.0967 8.2312 9.76094 8.2312 9.34673C8.2312 8.93252 7.89542 8.59673 7.4812 8.59673H3.7312Z' fill='%23222222'/%3E%3Cpath d='M5.63915 5.63754L2.45165 8.81566C2.31052 8.95638 2.2312 9.14744 2.2312 9.34673C2.2312 9.3593 2.23152 9.37192 2.23215 9.38448C2.24147 9.56973 2.31912 9.74496 2.45009 9.87632C2.59081 10.0175 2.78191 10.0967 2.9812 10.0967C2.99377 10.0967 3.00635 10.0965 3.0189 10.0958C3.20416 10.0865 3.37939 10.0089 3.51075 9.87788L6.69825 6.69976C8.30763 5.08907 10.5393 4.64446 10.5393 4.64446C12.7709 4.19984 14.8734 5.07022 14.8734 5.07022C16.9759 5.94059 18.2403 7.83248 18.2403 7.83248C19.5047 9.72438 19.5047 11.9999 19.5047 11.9999C19.5047 14.2754 18.2403 16.1673 18.2403 16.1673C16.9759 18.0592 14.8734 18.9296 14.8734 18.9296C12.7709 19.8 10.5393 19.3553 10.5393 19.3553C8.30762 18.9107 6.69925 17.301 6.69925 17.301C6.55858 17.1603 6.36772 17.0812 6.1687 17.0811C6.15586 17.0811 6.14302 17.0815 6.1302 17.0821C5.94495 17.0917 5.7698 17.1695 5.63859 17.3006C5.49788 17.4412 5.41878 17.6319 5.4187 17.8308C5.4187 17.8428 5.41899 17.855 5.41955 17.8669C5.42843 18.0531 5.50637 18.2294 5.63815 18.3613C7.56814 20.2927 10.2462 20.8264 10.2462 20.8264C12.9242 21.36 15.4472 20.3155 15.4472 20.3155C17.9702 19.2711 19.4874 17.0008 19.4874 17.0008C21.0047 14.7305 21.0047 11.9999 21.0047 11.9999C21.0047 9.26928 19.4874 6.999 19.4874 6.999C17.9701 4.72873 15.4472 3.68428 15.4472 3.68428C12.9242 2.63983 10.2462 3.17337 10.2462 3.17337C7.56821 3.7069 5.63915 5.63754 5.63915 5.63754Z' fill='%23222222'/%3E%3Cpath d='M2.2312 9.34673V4.84673C2.2312 4.43252 2.56699 4.09673 2.9812 4.09673C3.39541 4.09673 3.7312 4.43252 3.7312 4.84673V8.59673H7.4812C7.89542 8.59673 8.2312 8.93252 8.2312 9.34673C8.2312 9.76094 7.89542 10.0967 7.4812 10.0967H2.9812M2.2312 9.34673C2.2312 9.76094 2.56699 10.0967 2.9812 10.0967M2.2312 9.34673C2.2312 9.14744 2.31052 8.95638 2.45165 8.81566L5.63915 5.63754C5.63915 5.63754 7.56821 3.7069 10.2462 3.17337C10.2462 3.17337 12.9242 2.63983 15.4472 3.68428C15.4472 3.68428 17.9701 4.72873 19.4874 6.999C19.4874 6.999 21.0047 9.26928 21.0047 11.9999C21.0047 11.9999 21.0047 14.7305 19.4874 17.0008C19.4874 17.0008 17.9702 19.2711 15.4472 20.3155C15.4472 20.3155 12.9242 21.36 10.2462 20.8264C10.2462 20.8264 7.56814 20.2927 5.63815 18.3613C5.50637 18.2294 5.42843 18.0531 5.41955 17.8669C5.41899 17.855 5.4187 17.8428 5.4187 17.8308C5.41878 17.6319 5.49788 17.4412 5.63859 17.3006C5.7698 17.1695 5.94495 17.0917 6.1302 17.0821C6.14302 17.0815 6.15586 17.0811 6.1687 17.0811C6.36772 17.0812 6.55858 17.1603 6.69925 17.301C6.69925 17.301 8.30762 18.9107 10.5393 19.3553C10.5393 19.3553 12.7709 19.8 14.8734 18.9296C14.8734 18.9296 16.9759 18.0592 18.2403 16.1673C18.2403 16.1673 19.5047 14.2754 19.5047 11.9999C19.5047 11.9999 19.5047 9.72438 18.2403 7.83248C18.2403 7.83248 16.9759 5.94059 14.8734 5.07022C14.8734 5.07022 12.7709 4.19984 10.5393 4.64446C10.5393 4.64446 8.30763 5.08907 6.69825 6.69976L3.51075 9.87788C3.37939 10.0089 3.20416 10.0865 3.0189 10.0958C3.00635 10.0965 2.99377 10.0967 2.9812 10.0967M2.2312 9.34673C2.2312 9.3593 2.23152 9.37192 2.23215 9.38448C2.24147 9.56973 2.31912 9.74496 2.45009 9.87632C2.59081 10.0175 2.78191 10.0967 2.9812 10.0967' stroke='%23222222' stroke-width='0.3'/%3E%3C/svg%3E%0A");
}

.icon-thumb-down {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3125 2.75V15.8125C10.3125 16.1922 10.6203 16.5 11 16.5C11.3797 16.5 11.6875 16.1922 11.6875 15.8125V2.75C11.6875 2.3703 11.3797 2.0625 11 2.0625C10.6203 2.0625 10.3125 2.3703 10.3125 2.75Z' fill='white'/%3E%3Cpath d='M11.4861 16.2986L17.6736 10.1111C17.8026 9.9822 17.875 9.80734 17.875 9.625C17.875 9.44266 17.8026 9.2678 17.6736 9.13886C17.5447 9.00993 17.3698 8.9375 17.1875 8.9375C17.0052 8.9375 16.8303 9.00993 16.7014 9.13886L11 14.8402L5.29864 9.13886C5.1697 9.00993 4.99484 8.9375 4.8125 8.9375C4.63016 8.9375 4.4553 9.00993 4.32636 9.13886C4.19743 9.2678 4.125 9.44266 4.125 9.625C4.125 9.80734 4.19743 9.9822 4.32636 10.1111L10.5139 16.2986C10.7823 16.5671 11.2177 16.5671 11.4861 16.2986Z' fill='white'/%3E%3Cpath d='M3.4375 19.25H18.5625C18.9422 19.25 19.25 18.9422 19.25 18.5625C19.25 18.1828 18.9422 17.875 18.5625 17.875H3.4375C3.0578 17.875 2.75 18.1828 2.75 18.5625C2.75 18.9422 3.0578 19.25 3.4375 19.25Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-thumb-music {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4688 11.6875C15.4688 11.6875 16.7502 11.6875 17.6564 12.5936C17.6564 12.5936 18.5625 13.4998 18.5625 14.7812C18.5625 14.7812 18.5625 16.0627 17.6564 16.9689C17.6564 16.9689 16.7502 17.875 15.4688 17.875C15.4688 17.875 14.1873 17.875 13.2811 16.9689C13.2811 16.9689 12.375 16.0627 12.375 14.7812C12.375 14.7812 12.375 13.4998 13.2811 12.5936C13.2811 12.5936 14.1873 11.6875 15.4688 11.6875ZM15.4688 13.0625C15.4688 13.0625 14.7568 13.0625 14.2534 13.5659C14.2534 13.5659 13.75 14.0693 13.75 14.7812C13.75 14.7812 13.75 15.4932 14.2534 15.9966C14.2534 15.9966 14.7568 16.5 15.4688 16.5C15.4688 16.5 16.1807 16.5 16.6841 15.9966C16.6841 15.9966 17.1875 15.4932 17.1875 14.7812C17.1875 14.7812 17.1875 14.0693 16.6841 13.5659C16.6841 13.5659 16.1807 13.0625 15.4688 13.0625Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46875 14.4375C4.46875 14.4375 5.75022 14.4375 6.65636 15.3436C6.65636 15.3436 7.5625 16.2498 7.5625 17.5312C7.5625 17.5312 7.5625 18.8127 6.65636 19.7189C6.65636 19.7189 5.75022 20.625 4.46875 20.625C4.46875 20.625 3.18728 20.625 2.28114 19.7189C2.28114 19.7189 1.375 18.8127 1.375 17.5312C1.375 17.5312 1.375 16.2498 2.28114 15.3436C2.28114 15.3436 3.18728 14.4375 4.46875 14.4375ZM4.46875 15.8125C4.46875 15.8125 3.75682 15.8125 3.25341 16.3159C3.25341 16.3159 2.75 16.8193 2.75 17.5312C2.75 17.5312 2.75 18.2432 3.25341 18.7466C3.25341 18.7466 3.75682 19.25 4.46875 19.25C4.46875 19.25 5.18068 19.25 5.68409 18.7466C5.68409 18.7466 6.1875 18.2432 6.1875 17.5312C6.1875 17.5312 6.1875 16.8193 5.68409 16.3159C5.68409 16.3159 5.18068 15.8125 4.46875 15.8125Z' fill='white'/%3E%3Cpath d='M6.7086 8.95794C6.53171 9.00216 6.37928 9.11493 6.28547 9.27128C6.22136 9.37813 6.1875 9.50039 6.1875 9.625L6.1875 9.62582C6.18757 9.68175 6.19446 9.73748 6.20803 9.79174C6.28454 10.0978 6.55953 10.3125 6.875 10.3125L6.88493 10.3124C6.93781 10.3117 6.99043 10.3048 7.04174 10.292L18.0417 7.54197C18.2186 7.49775 18.3707 7.38507 18.4645 7.22872C18.5286 7.12187 18.5625 6.99961 18.5625 6.875V6.87418C18.5624 6.81825 18.5555 6.76252 18.542 6.70826C18.4655 6.4022 18.1905 6.1875 17.875 6.1875L17.8651 6.18757C17.8122 6.18833 17.7596 6.1952 17.7083 6.20803L6.7086 8.95794Z' fill='white'/%3E%3Cpath d='M17.1875 3.63053V14.7812C17.1875 15.1609 17.4953 15.4688 17.875 15.4688C18.2547 15.4688 18.5625 15.1609 18.5625 14.7812V2.75C18.5625 2.3703 18.2547 2.0625 17.875 2.0625C17.8188 2.0625 17.7628 2.06939 17.7083 2.08303L6.70826 4.83303C6.4022 4.90954 6.1875 5.18453 6.1875 5.5L6.1875 17.5312C6.1875 17.9109 6.4953 18.2188 6.875 18.2188C7.2547 18.2188 7.5625 17.9109 7.5625 17.5312L7.5625 6.03678L17.1875 3.63053Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-thumb-video {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75039 17.1872V9.62469C2.75039 9.245 3.0582 8.93719 3.43789 8.93719H18.5629C18.9426 8.93719 19.2504 9.245 19.2504 9.62469V17.1872C19.2504 17.1872 19.2504 17.7567 18.8477 18.1595C18.8477 18.1595 18.4449 18.5622 17.8754 18.5622H4.12539C4.12539 18.5622 3.55585 18.5622 3.15312 18.1595C3.15312 18.1595 2.75039 17.7567 2.75039 17.1872ZM4.12539 17.1872H17.8754V10.3122H4.12539V17.1872Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.06033 7.14639C2.06033 7.14639 1.98965 6.88141 2.02604 6.60959C2.02604 6.60959 2.06242 6.33777 2.2003 6.10071C2.2003 6.10071 2.33819 5.86365 2.55647 5.69762C2.55647 5.69762 2.77474 5.5316 3.0365 5.46295L16.3041 1.90784C16.3041 1.90784 16.5691 1.83261 16.8425 1.86594C16.8425 1.86594 17.1159 1.89927 17.3551 2.03594C17.3551 2.03594 17.5943 2.1726 17.7618 2.39127C17.7618 2.39127 17.9294 2.60993 17.9979 2.87211L18.7112 5.52758C18.7585 5.70369 18.7339 5.89158 18.6427 6.04952C18.5516 6.20745 18.4015 6.32271 18.2254 6.36995L3.616 10.2887C3.24936 10.387 2.87239 10.1696 2.77392 9.80302L2.06033 7.14639ZM3.38888 6.79202L3.92357 8.78259L17.2049 5.22008L16.6711 3.23284L3.39239 6.79109L3.38888 6.79202Z' fill='white'/%3E%3Cpath d='M15.0477 7.01444C15.1522 7.07482 15.2711 7.10676 15.3918 7.10676C15.4045 7.10676 15.4171 7.10641 15.4298 7.10571C15.6615 7.09289 15.8711 6.96405 15.9872 6.7631C16.0475 6.65856 16.0793 6.53998 16.0793 6.41926C16.0793 6.40659 16.079 6.39392 16.0783 6.38128C16.0654 6.14957 15.9366 5.93998 15.7356 5.82392L11.5247 3.39189C11.4202 3.33151 11.3016 3.29973 11.1809 3.29973L11.1686 3.29984C11.1127 3.30084 11.0571 3.30866 11.003 3.32313C10.8269 3.37029 10.6767 3.48549 10.5855 3.64339C10.5252 3.74792 10.4934 3.86651 10.4934 3.98723L10.4935 3.99951C10.4945 4.05543 10.5023 4.11103 10.5168 4.16507C10.5639 4.3412 10.6791 4.49138 10.837 4.58257L15.0477 7.01444Z' fill='white'/%3E%3Cpath d='M4.86385 6.18923L9.06619 8.62126C9.17085 8.68183 9.28964 8.71372 9.41056 8.71372C9.42302 8.71372 9.43549 8.71339 9.44794 8.71271C9.67965 8.70009 9.88936 8.57144 10.0056 8.37059C10.0662 8.26593 10.0981 8.14715 10.0981 8.02622C10.0981 8.01376 10.0977 8.0013 10.097 7.98885C10.0844 7.75714 9.95577 7.54742 9.75493 7.43119L5.55258 4.99916C5.44792 4.93859 5.32914 4.90669 5.20822 4.90669C5.19575 4.90669 5.18329 4.90703 5.17084 4.90771C4.93913 4.92033 4.72942 5.04898 4.61318 5.24983C4.55261 5.35449 4.52072 5.47327 4.52072 5.59419C4.52072 5.60666 4.52105 5.61912 4.52173 5.63157C4.53435 5.86328 4.663 6.07299 4.86385 6.18923Z' fill='white'/%3E%3Cpath d='M10.1493 11.7387L12.8998 13.4575C12.9496 13.4884 12.9906 13.5314 13.0191 13.5825C13.0476 13.6336 13.0625 13.6912 13.0625 13.7497C13.0625 13.8083 13.0476 13.8658 13.0191 13.9169C12.9906 13.9681 12.9496 14.0111 12.8998 14.0419L10.1493 15.7608C10.0973 15.7931 10.0376 15.8109 9.97643 15.8124C9.91523 15.8139 9.85474 15.7991 9.8012 15.7694C9.74798 15.7391 9.70366 15.6954 9.67273 15.6426C9.64179 15.5898 9.62533 15.5298 9.625 15.4686V12.0309C9.62507 11.9697 9.64145 11.9097 9.67247 11.857C9.70348 11.8043 9.74799 11.7608 9.80142 11.731C9.85485 11.7012 9.91526 11.6862 9.97641 11.6876C10.0376 11.6889 10.0973 11.7066 10.1493 11.7387Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-heart-fill {
  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%3Cpath d='M12.375 2.25C11.7201 2.25 11.0741 2.40249 10.4883 2.69539C9.90252 2.98828 9.39296 3.41355 9 3.9375C8.46873 3.22915 7.72806 2.70591 6.88289 2.4419C6.03773 2.17789 5.13092 2.18649 4.29091 2.46649C3.45091 2.74649 2.7203 3.2837 2.20257 4.002C1.68485 4.72031 1.40625 5.58331 1.40625 6.46875C1.40625 11.5242 8.43047 15.5109 8.72578 15.6797C8.80946 15.7267 8.90402 15.751 9 15.75C9.09607 15.7516 9.19079 15.7274 9.27422 15.6797C10.5678 14.9235 11.781 14.0377 12.8953 13.0359C15.3492 10.8281 16.5938 8.62031 16.5938 6.46875C16.5938 5.34987 16.1493 4.27681 15.3581 3.48564C14.5669 2.69447 13.4939 2.25 12.375 2.25Z' fill='%23F17782'/%3E%3C/svg%3E%0A");
}

.icon-heart {
  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%3Cpath d='M12.375 2.25C11.7201 2.25 11.0741 2.40249 10.4883 2.69539C9.90252 2.98828 9.39296 3.41355 9 3.9375C8.46873 3.22915 7.72806 2.70591 6.88289 2.4419C6.03773 2.17789 5.13092 2.18649 4.29091 2.46649C3.45091 2.74649 2.7203 3.2837 2.20257 4.002C1.68485 4.72031 1.40625 5.58331 1.40625 6.46875C1.40625 11.5242 8.43047 15.5109 8.72578 15.6797C8.80946 15.7267 8.90402 15.751 9 15.75C9.09607 15.7516 9.19079 15.7274 9.27422 15.6797C10.5678 14.9235 11.781 14.0377 12.8953 13.0359C15.3492 10.8281 16.5938 8.62031 16.5938 6.46875C16.5938 5.34987 16.1493 4.27681 15.3581 3.48564C14.5669 2.69447 13.4939 2.25 12.375 2.25Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");
}

.icon-thumb-down {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3125 2.75V15.8125C10.3125 16.1922 10.6203 16.5 11 16.5C11.3797 16.5 11.6875 16.1922 11.6875 15.8125V2.75C11.6875 2.3703 11.3797 2.0625 11 2.0625C10.6203 2.0625 10.3125 2.3703 10.3125 2.75Z' fill='white'/%3E%3Cpath d='M11.4861 16.2986L17.6736 10.1111C17.8026 9.9822 17.875 9.80734 17.875 9.625C17.875 9.44266 17.8026 9.2678 17.6736 9.13886C17.5447 9.00993 17.3698 8.9375 17.1875 8.9375C17.0052 8.9375 16.8303 9.00993 16.7014 9.13886L11 14.8402L5.29864 9.13886C5.1697 9.00993 4.99484 8.9375 4.8125 8.9375C4.63016 8.9375 4.4553 9.00993 4.32636 9.13886C4.19743 9.2678 4.125 9.44266 4.125 9.625C4.125 9.80734 4.19743 9.9822 4.32636 10.1111L10.5139 16.2986C10.7823 16.5671 11.2177 16.5671 11.4861 16.2986Z' fill='white'/%3E%3Cpath d='M3.4375 19.25H18.5625C18.9422 19.25 19.25 18.9422 19.25 18.5625C19.25 18.1828 18.9422 17.875 18.5625 17.875H3.4375C3.0578 17.875 2.75 18.1828 2.75 18.5625C2.75 18.9422 3.0578 19.25 3.4375 19.25Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-baby {
  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='M20 3.75C20 3.75 23.3052 3.75 26.3256 5.02752C26.3256 5.02752 29.242 6.26105 31.4905 8.50951C31.4905 8.50951 33.739 10.758 34.9725 13.6744C34.9725 13.6744 36.25 16.6948 36.25 20C36.25 20 36.25 23.3052 34.9725 26.3256C34.9725 26.3256 33.739 29.242 31.4905 31.4905C31.4905 31.4905 29.242 33.7389 26.3256 34.9725C26.3256 34.9725 23.3052 36.25 20 36.25C20 36.25 16.6948 36.25 13.6744 34.9725C13.6744 34.9725 10.758 33.7389 8.50952 31.4905C8.50952 31.4905 6.26105 29.242 5.02752 26.3256C5.02752 26.3256 3.75 23.3052 3.75 20C3.75 20 3.75 16.6948 5.02752 13.6744C5.02752 13.6744 6.26106 10.758 8.50952 8.50951C8.50952 8.50951 10.758 6.26106 13.6744 5.02752C13.6744 5.02752 16.6948 3.75 20 3.75ZM20 6.25C20 6.25 17.2017 6.25 14.6483 7.33003C14.6483 7.33003 12.1809 8.37362 10.2773 10.2773C10.2773 10.2773 8.37362 12.1809 7.33003 14.6483C7.33003 14.6483 6.25 17.2017 6.25 20C6.25 20 6.25 22.7983 7.33003 25.3517C7.33003 25.3517 8.37362 27.8191 10.2773 29.7227C10.2773 29.7227 12.1809 31.6264 14.6483 32.67C14.6483 32.67 17.2017 33.75 20 33.75C20 33.75 22.7983 33.75 25.3517 32.67C25.3517 32.67 27.819 31.6264 29.7227 29.7227C29.7227 29.7227 31.6264 27.819 32.67 25.3517C32.67 25.3517 33.75 22.7982 33.75 20C33.75 20 33.75 17.2017 32.67 14.6483C32.67 14.6483 31.6264 12.1809 29.7227 10.2773C29.7227 10.2773 27.819 8.37361 25.3517 7.33003C25.3517 7.33003 22.7983 6.25 20 6.25Z' fill='%23222222'/%3E%3Cpath d='M16.25 20C16.25 21.0355 15.4105 21.875 14.375 21.875C13.3395 21.875 12.5 21.0355 12.5 20C12.5 18.9645 13.3395 18.125 14.375 18.125C15.4105 18.125 16.25 18.9645 16.25 20Z' fill='%23222222'/%3E%3Cpath d='M27.5 20C27.5 21.0355 26.6605 21.875 25.625 21.875C24.5895 21.875 23.75 21.0355 23.75 20C23.75 18.9645 24.5895 18.125 25.625 18.125C26.6605 18.125 27.5 18.9645 27.5 20Z' fill='%23222222'/%3E%3Cpath d='M16.5509 25.2087C16.346 25.0726 16.1054 25 15.8594 25L15.8524 25C15.4361 25.0023 15.0484 25.2117 14.8181 25.5585C14.682 25.7634 14.6094 26.004 14.6094 26.25L14.6094 26.257C14.6117 26.6732 14.8211 27.061 15.1678 27.2913C17.3636 28.7494 20 28.7497 20 28.7497C22.6362 28.7497 24.8322 27.2913 24.8322 27.2913C25.181 27.0596 25.3906 26.6687 25.3906 26.25L25.3906 26.241C25.3888 25.998 25.3163 25.7608 25.1819 25.5585C24.9503 25.2097 24.5593 25 24.1406 25L24.1316 25C23.8886 25.0018 23.6515 25.0743 23.4491 25.2087C21.8816 26.2497 20 26.2497 20 26.2497C18.1185 26.2497 16.5509 25.2087 16.5509 25.2087Z' fill='%23222222'/%3E%3Cpath d='M22.6516 13.9017C23.75 12.8033 23.75 11.25 23.75 11.25C23.75 10.5596 23.1904 10 22.5 10C21.8096 10 21.25 10.5596 21.25 11.25C21.25 11.7678 20.8839 12.1339 20.8839 12.1339C20.5178 12.5 20 12.5 20 12.5C19.4822 12.5 19.1161 12.1339 19.1161 12.1339C18.75 11.7678 18.75 11.25 18.75 11.25C18.75 10.6326 19.0203 9.61895 19.0203 9.61895C19.5776 7.52919 20.9757 5.7813 20.9757 5.7813C21.1531 5.55966 21.25 5.28384 21.25 5L21.25 4.991C21.2473 4.61444 21.0749 4.25916 20.7809 4.02391C20.5592 3.8466 20.2838 3.75 20 3.75L19.991 3.75003C19.6144 3.75274 19.2592 3.92507 19.0239 4.21913C17.2974 6.37731 16.6047 8.9748 16.6047 8.9748C16.25 10.3049 16.25 11.25 16.25 11.25C16.25 12.8033 17.3484 13.9016 17.3484 13.9016C18.4467 15 20 15 20 15C21.5533 15 22.6516 13.9017 22.6516 13.9017Z' fill='%23222222'/%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-review {
  width: 64px;
  height: 64px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5999 49.5999L14.3999 38.3999L9.47485 51.9749C9.33887 52.3311 9.30859 52.7191 9.38818 53.092C9.46777 53.465 9.65356 53.8069 9.9231 54.0766C10.1929 54.3463 10.5349 54.5321 10.9077 54.6116C11.2808 54.6912 11.6687 54.6611 12.0249 54.5249L25.5999 49.5999Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M19.2 25.2002L38.8001 44.8002L49.0501 41.0752C49.3667 40.96 49.6494 40.7667 49.8713 40.5131C50.0935 40.2595 50.2478 39.9539 50.3203 39.6246C50.3926 39.2953 50.3806 38.9532 50.2852 38.6298C50.1899 38.3065 50.0144 38.0125 49.7749 37.7752L26.2249 14.2252C25.9875 13.9858 25.6936 13.8103 25.3704 13.715C25.0469 13.6196 24.7048 13.6075 24.3755 13.6799C24.0464 13.7522 23.7407 13.9066 23.4871 14.1287C23.2334 14.3508 23.04 14.6334 22.925 14.9502L19.2 25.2002Z' fill='white' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.43233 53.5092C7.43233 53.5092 7.18903 52.3685 7.6001 51.2786L21.0454 14.2667C21.0454 14.2667 21.3964 13.3008 22.1695 12.6237C22.1695 12.6237 22.9427 11.9467 23.9465 11.7261C23.9465 11.7261 24.9503 11.5056 25.936 11.7962C25.936 11.7962 26.9218 12.0869 27.6393 12.8106L51.1832 36.3545C51.1832 36.3545 51.913 37.0781 52.2037 38.0639C52.2037 38.0639 52.4943 39.0497 52.2738 40.0534C52.2738 40.0534 52.0532 41.0572 51.3762 41.8304C51.3762 41.8304 50.6991 42.6035 49.7329 42.9546L12.7392 56.393C12.7392 56.393 11.6408 56.8129 10.4907 56.5676C10.4907 56.5676 9.34065 56.3223 8.50914 55.4908C8.50914 55.4908 7.67763 54.6593 7.43233 53.5092ZM48.3669 39.1951L11.362 52.6381L24.8048 15.633L24.8109 15.639L48.3669 39.1951Z' fill='white'/%3E%3Cpath d='M55.0389 9.89443C56 7.97214 56 6 56 6C56 4.89543 55.1046 4 54 4C52.8954 4 52 4.89543 52 6C52 7.02786 51.4611 8.10557 51.4611 8.10557C50.5139 10 48 10 48 10C43.0139 10 40.9611 14.1056 40.9611 14.1056C40 16.0279 40 18 40 18C40 19.1046 40.8954 20 42 20C43.1046 20 44 19.1046 44 18C44 16.9721 44.5389 15.8944 44.5389 15.8944C45.4861 14 48 14 48 14C52.9861 14 55.0389 9.89443 55.0389 9.89443Z' fill='white'/%3E%3Cpath d='M15.8141 36.9857C15.439 36.6106 14.9303 36.3999 14.3999 36.3999C13.8695 36.3999 13.3608 36.6106 12.9857 36.9857C12.6106 37.3608 12.3999 37.8695 12.3999 38.3999C12.3999 38.9303 12.6106 39.439 12.9857 39.8141L24.1857 51.0141C24.5608 51.3892 25.0695 51.5999 25.5999 51.5999C26.1303 51.5999 26.639 51.3892 27.0141 51.0141C27.3892 50.639 27.5999 50.1303 27.5999 49.5999C27.5999 49.0695 27.3892 48.5608 27.0141 48.1857L15.8141 36.9857Z' fill='white'/%3E%3Cpath d='M34 4V10C34 11.1046 34.8954 12 36 12C37.1046 12 38 11.1046 38 10V4C38 2.89543 37.1046 2 36 2C34.8954 2 34 2.89543 34 4Z' fill='white'/%3E%3Cpath d='M52.586 29.4145L56.5858 33.4142C56.9609 33.7893 57.4696 34 58 34C58.5304 34 59.0391 33.7893 59.4142 33.4142C59.7893 33.0391 60 32.5304 60 32C60 31.4696 59.7893 30.9609 59.4142 30.5858L55.4145 26.586C55.0391 26.2107 54.5304 26 54 26C53.4696 26 52.9609 26.2107 52.5858 26.5858C52.2107 26.9609 52 27.4696 52 28C52 28.5304 52.2107 29.0391 52.586 29.4145Z' fill='white'/%3E%3Cpath d='M60.6325 19.8974C61.1357 19.7296 61.5516 19.3689 61.7889 18.8944C61.9277 18.6167 62 18.3105 62 18L62 17.9928C61.9992 17.7802 61.9646 17.5692 61.8974 17.3675C61.7296 16.8643 61.3689 16.4484 60.8944 16.2111C60.6167 16.0723 60.3105 16 60 16L59.9928 16C59.7802 16.0008 59.5692 16.0354 59.3675 16.1026L53.3675 18.1026C52.5509 18.3749 52 19.1391 52 20L52.0003 20.0373C52.0041 20.2397 52.0386 20.4404 52.1026 20.6325C52.2704 21.1357 52.6311 21.5516 53.1056 21.7889C53.3833 21.9277 53.6895 22 54 22L54.0072 22C54.2198 21.9992 54.4308 21.9646 54.6325 21.8974L54.6329 21.8972L60.6325 19.8974Z' fill='white'/%3E%3Cpath d='M37.3847 46.2134L37.3857 46.2144C37.7608 46.5895 38.2695 46.8002 38.7999 46.8002C39.3304 46.8002 39.8391 46.5895 40.2142 46.2144C40.5892 45.8393 40.7999 45.3306 40.7999 44.8002C40.7999 44.2698 40.5892 43.7611 40.2142 43.386L20.6142 23.786C20.2391 23.4109 19.7304 23.2002 19.2 23.2002C18.6695 23.2002 18.1608 23.4109 17.7857 23.786C17.4107 24.1611 17.2 24.6698 17.2 25.2002C17.2 25.7306 17.4107 26.2393 17.7857 26.6144L37.3847 46.2134Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-g-download {
  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='M11.25 3V17.25C11.25 17.6642 11.5858 18 12 18C12.4142 18 12.75 17.6642 12.75 17.25V3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3Z' fill='%23999999'/%3E%3Cpath d='M12.5303 17.7803L19.2803 11.0303C19.421 10.8897 19.5 10.6989 19.5 10.5C19.5 10.3011 19.421 10.1103 19.2803 9.96967C19.1397 9.82902 18.9489 9.75 18.75 9.75C18.5511 9.75 18.3603 9.82902 18.2197 9.96967L12 16.1893L5.78033 9.96967C5.63968 9.82902 5.44891 9.75 5.25 9.75C5.05109 9.75 4.86032 9.82902 4.71967 9.96967C4.57902 10.1103 4.5 10.3011 4.5 10.5C4.5 10.6989 4.57902 10.8897 4.71967 11.0303L11.4697 17.7803C11.7626 18.0732 12.2374 18.0732 12.5303 17.7803Z' fill='%23999999'/%3E%3Cpath d='M3.75 21H20.25C20.6642 21 21 20.6642 21 20.25C21 19.8358 20.6642 19.5 20.25 19.5H3.75C3.33579 19.5 3 19.8358 3 20.25C3 20.6642 3.33579 21 3.75 21Z' fill='%23999999'/%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-lock {
  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 10.5C12 10.5 13.0873 10.5 13.8562 11.2688C13.8562 11.2688 14.625 12.0377 14.625 13.125C14.625 13.125 14.625 14.2123 13.8562 14.9812C13.8562 14.9812 13.0873 15.75 12 15.75C12 15.75 10.9127 15.75 10.1438 14.9812C10.1438 14.9812 9.375 14.2123 9.375 13.125C9.375 13.125 9.375 12.0377 10.1438 11.2688C10.1438 11.2688 10.9127 10.5 12 10.5ZM12 12C12 12 11.534 12 11.2045 12.3295C11.2045 12.3295 10.875 12.659 10.875 13.125C10.875 13.125 10.875 13.591 11.2045 13.9205C11.2045 13.9205 11.534 14.25 12 14.25C12 14.25 12.466 14.25 12.7955 13.9205C12.7955 13.9205 13.125 13.591 13.125 13.125C13.125 13.125 13.125 12.659 12.7955 12.3295C12.7955 12.3295 12.466 12 12 12Z' fill='%23999999'/%3E%3Cpath d='M11.25 15V17.25C11.25 17.6642 11.5858 18 12 18C12.4142 18 12.75 17.6642 12.75 17.25V15C12.75 14.5858 12.4142 14.25 12 14.25C11.5858 14.25 11.25 14.5858 11.25 15Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 9C3 9 3 8.37868 3.43934 7.93934C3.43934 7.93934 3.87868 7.5 4.5 7.5H19.5C19.5 7.5 20.1213 7.5 20.5607 7.93934C20.5607 7.93934 21 8.37868 21 9V19.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.5V9ZM4.5 9V19.5L19.5 19.5V9H4.5Z' fill='%23999999'/%3E%3Cpath d='M14.625 4.875V8.25C14.625 8.66421 14.9608 9 15.375 9C15.7892 9 16.125 8.66421 16.125 8.25V4.875C16.125 3.16637 14.9168 1.95818 14.9168 1.95818C13.7086 0.75 12 0.75 12 0.75C10.2914 0.75 9.08318 1.95818 9.08318 1.95818C7.875 3.16637 7.875 4.875 7.875 4.875V8.25C7.875 8.66421 8.21079 9 8.625 9C9.03921 9 9.375 8.66421 9.375 8.25V4.875C9.375 3.78769 10.1438 3.01884 10.1438 3.01884C10.9127 2.25 12 2.25 12 2.25C13.0873 2.25 13.8562 3.01884 13.8562 3.01884C14.625 3.78769 14.625 4.875 14.625 4.875Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-download-link {
  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='M19.6596 11.4659C19.7992 11.6093 19.8766 11.802 19.8748 12.0022C19.8731 12.2023 19.7924 12.3936 19.6503 12.5346L11.9628 20.2127C10.9782 21.1973 9.64272 21.7505 8.25027 21.7505C6.85781 21.7505 5.52238 21.1973 4.53777 20.2127C3.55315 19.2281 3 17.8927 3 16.5002C3 15.1078 3.55315 13.7723 4.53777 12.7877L13.8471 3.35648C14.1916 2.99331 14.6052 2.70276 15.0637 2.50197C15.5222 2.30118 16.0163 2.19421 16.5168 2.18736C17.0172 2.18052 17.514 2.27393 17.9779 2.46211C18.4417 2.65028 18.8631 2.9294 19.2174 3.28302C19.5716 3.63663 19.8515 4.05759 20.0405 4.52107C20.2295 4.98455 20.3237 5.48118 20.3178 5.98168C20.3118 6.48217 20.2057 6.97641 20.0057 7.43526C19.8058 7.89411 19.516 8.30828 19.1534 8.65336L9.84402 18.0846C9.63593 18.2959 9.38781 18.4636 9.11416 18.5779C8.84051 18.6922 8.54682 18.7508 8.25027 18.7502C7.80446 18.7513 7.36837 18.62 6.99734 18.3728C6.62631 18.1256 6.33707 17.7738 6.16632 17.362C5.99556 16.9502 5.951 16.4969 6.03827 16.0598C6.12555 15.6226 6.34073 15.2212 6.65652 14.9065L14.4659 6.97523C14.5335 6.89943 14.6157 6.83815 14.7077 6.79509C14.7997 6.75203 14.8994 6.7281 15.0009 6.72474C15.1024 6.72138 15.2035 6.73867 15.2981 6.77556C15.3928 6.81245 15.4789 6.86816 15.5513 6.93933C15.6238 7.0105 15.681 7.09563 15.7196 7.18958C15.7581 7.28352 15.7772 7.38432 15.7756 7.48585C15.7741 7.58739 15.7519 7.68755 15.7105 7.78027C15.6691 7.87299 15.6092 7.95632 15.5346 8.02523L7.72527 15.9659C7.65418 16.0355 7.59767 16.1187 7.55904 16.2104C7.52041 16.3022 7.50043 16.4007 7.50027 16.5002C7.50302 16.6478 7.5487 16.7913 7.63174 16.9133C7.71477 17.0353 7.83155 17.1305 7.96781 17.1872C8.10406 17.2439 8.25388 17.2596 8.39895 17.2325C8.54401 17.2054 8.67804 17.1367 8.78464 17.0346L18.0846 7.59398C18.2959 7.38589 18.4636 7.13777 18.5779 6.86412C18.6922 6.59047 18.7508 6.29679 18.7503 6.00023C18.7514 5.55442 18.62 5.11833 18.3728 4.7473C18.1257 4.37628 17.7739 4.08703 17.3621 3.91628C16.9502 3.74553 16.497 3.70096 16.0598 3.78824C15.6226 3.87551 15.2212 4.0907 14.9065 4.40648L5.60652 13.8471C5.24334 14.1915 4.9528 14.6052 4.75201 15.0637C4.55122 15.5222 4.44425 16.0162 4.4374 16.5167C4.43055 17.0172 4.52397 17.514 4.71214 17.9778C4.90032 18.4416 5.17944 18.8631 5.53305 19.2173C5.88667 19.5716 6.30763 19.8514 6.77111 20.0404C7.23459 20.2294 7.73121 20.3237 8.23171 20.3178C8.73221 20.3118 9.22645 20.2057 9.6853 20.0057C10.1441 19.8057 10.5583 19.5159 10.9034 19.1534L18.5909 11.4659C18.7331 11.325 18.9251 11.246 19.1253 11.246C19.3254 11.246 19.5174 11.325 19.6596 11.4659Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.icon-alert-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='%23999999' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 4L4 12' stroke='%23999999' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-add-card {
  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='M2.33203 7H11.6654' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 2.33325L7 11.6666' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 14px;
}

.icon-download-black {
  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='M11.25 3V17.25C11.25 17.6642 11.5858 18 12 18C12.4142 18 12.75 17.6642 12.75 17.25V3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3Z' fill='black'/%3E%3Cpath d='M12.5303 17.7803L19.2803 11.0303C19.421 10.8897 19.5 10.6989 19.5 10.5C19.5 10.3011 19.421 10.1103 19.2803 9.96967C19.1397 9.82902 18.9489 9.75 18.75 9.75C18.5511 9.75 18.3603 9.82902 18.2197 9.96967L12 16.1893L5.78033 9.96967C5.63968 9.82902 5.44891 9.75 5.25 9.75C5.05109 9.75 4.86032 9.82902 4.71967 9.96967C4.57902 10.1103 4.5 10.3011 4.5 10.5C4.5 10.6989 4.57902 10.8897 4.71967 11.0303L11.4697 17.7803C11.7626 18.0732 12.2374 18.0732 12.5303 17.7803Z' fill='black'/%3E%3Cpath d='M3.75 21H20.25C20.6642 21 21 20.6642 21 20.25C21 19.8358 20.6642 19.5 20.25 19.5H3.75C3.33579 19.5 3 19.8358 3 20.25C3 20.6642 3.33579 21 3.75 21Z' fill='black'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}

.icon-select-arrow {
  background: url("../images/select-arrow02.svg") no-repeat center;
  width: 14px;
  height: 14px;
}


.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;
}

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

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

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

.bold {
  font-weight: 700;
}

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

.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: 100px;
  }
  .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;
  }
}
.btn.btn-primary {
  background-color: #F17782 !important;
  color: #fff !important;
}
.btn.btn-outline-primary {
  background-color: #fff !important;
  border: 1px solid #F17782 !important;
  color: #F17782 !important;
}
.btn.btn-secondary {
  background-color: #FEF4F5 !important;
  color: #F17782 !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-gray {
  background-color: #ccc !important;
  color: #fff !important;
}
.btn.btn-outline-gray {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  color: #ccc !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: 4px;
}
.btn.btn-outline-danger-dark {
  border: 1px solid #FA4555 !important;
  color: #FA4555 !important;
  border-radius: 24px;
}
.btn.btn-danger-dark {
  border: 1px solid #FFFFFF !important;
  background-color: #FA4555 !important;
  color: #ffffff !important;
  border-radius: 24px;
}
.btn.btn-outline-black {
  border: 1px solid #222 !important;
  color: #000 !important;
  border-radius: 24px;
}

.form-control {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  font-size: 15px;
  line-height: 150%;
  color: #222;
  padding: 6px 10px;
  border-radius: 6px;
  caret-color: #F17782;
}
.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 (min-width: 992px) {
  .form-control {
    font-size: 15px;
    padding: 9px 12px;
  }
}

.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: 3px;
}

.input-form .input-form-title {
  margin-bottom: 5px;
}

.certification-form > div {
  display: flex;
  align-items: center;
  gap: 15px;
}
.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;
}

.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 #eee;
  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: #F17782;
  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 .datepicker {
  border: 0;
  width: 100%;
}

.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: #F17782;
  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: #ccc;
  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: #F17782;
}
@media (min-width: 992px) {
  .table-header .type-2 p {
    font-size: 16px;
  }
}

.table {
  width: 100%;
}
.table.custom-table {
  border-top: 2px solid #222;
}
.table.custom-table thead {
  border: 1px solid #eee;
}
.table.custom-table thead th {
  font-weight: 700;
  padding: 12px;
  background-color: #f7f7f7;
  font-size: 12px;
  border-bottom: 1px solid #eee;
}
.table.custom-table thead th span {
  color: #F17782;
}
.table.custom-table tbody th {
  background-color: #f7f7f7;
  border: 1px solid #eee;
  padding: 12px;
  font-size: 13px;
  line-height: 150%;
  color: #222222;
  font-weight: 700;
  letter-spacing: -0.3px;
  border-left: 0;
}
.table.custom-table tbody td {
  padding: 12px;
  border: 1px solid #eee;
  font-size: 13px;
  line-height: 150%;
  color: #666;
}
.table.custom-table tbody td a {
  color: #666;
}
.table.custom-table .input-form {
  padding-top: 0;
}
@media (max-width: 767.98px) {
  .table.swipe {
    width: 800px;
  }
}
@media (min-width: 992px) {
  .table.custom-table thead th {
    font-weight: 700;
    padding: 12px;
    font-size: 15px;
  }
  .table.custom-table tbody th {
    font-size: 15px;
    line-height: 150%;
    font-weight: 700;
  }
  .table.custom-table tbody td {
    padding: 12px;
    font-size: 15px;
    line-height: 150%;
  }
}

.scroll-tab.date-tab {
  margin-bottom: 82px;
}
.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.theme .nav-item .nav-link {
  color: #F17782;
  background-color: #FEF4F5;
}
.scroll-tab .nav-tabs.theme .nav-item .nav-link.active {
  color: #FEF4F5;
  background-color: #F17782;
}
.scroll-tab .nav-tabs.mypage {
  gap: 24px;
}
.scroll-tab .nav-tabs.mypage:not(.plan) {
  border-bottom: 1px solid #eee;
}
.scroll-tab .nav-tabs.mypage .nav-item .nav-link {
  width: 100%;
  font-size: 14px;
  line-height: 150%;
  padding: 14px 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;
}
.scroll-tab .nav-tabs.mypage .nav-item .nav-link.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background-color: #222222;
}
.scroll-tab .nav-tabs.date {
  gap: 30px;
  border-color: #eee;
}
.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: #F17782;
  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: #F17782;
}
.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 #eee;
  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.theme .nav-item .nav-link {
    padding: 12px 80px;
  }
  .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 #eee;
  }
  .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: #F17782;
}
.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 .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;
}

.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;
}
.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 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;
}

/* 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: 24px;
  height: 24px;
  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%3Cpath d='M5 9.52389L8.80952 13.3334L15 6.66675' stroke='%23CCCCCC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' stroke='%23CCCCCC'/%3E%3C/svg%3E%0A");
}
.form-check-input[type=radio] {
  border-radius: 50%;
  border: 1px solid #F17782;
}
.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='%23222222'/%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 #F17782;
  position: relative;
}
.form-check-input:checked[type=radio] ~ .form-check-label {
  color: #F17782;
}
.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;
}

/* 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: #F17782;
  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;
  }
}
.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;
  }
}

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

#wrap {
  padding-top: 60px;
}
@media (min-width: 1200px) {
  #wrap {
    padding-top: 120px;
  }
}
#wrap.bg-gray {
  background-color: #f7f7f7;
}

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: 0;
}
#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: 80px;
    flex-direction: row;
  }
  #layout #aside {
    display: block;
    flex: 0 0 220px;
    margin-right: 60px;
  }
}

.sub-content {
  margin-bottom: 100px;
}

footer .footer-head {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}
footer .footer-head > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .footer-head .question-desc {
  display: flex;
  align-items: center;
  gap: 6px;
}
footer .footer-head .question-desc p {
  font-size: 13px;
  font-weight: 600;
  line-height: 150%;
}
footer .footer-head .question-desc .call-number {
  color: #F17782;
}
footer .footer-head .question-desc .day {
  font-size: 12px;
  font-weight: 400;
  color: #666;
}
@media (max-width: 991.98px) {
  footer .footer-head > .container {
    flex-direction: column;
    align-items: start;
  }
  footer .footer-head > .container .question-desc {
    flex-wrap: wrap;
    align-items: start;
  }
}
@media (min-width: 992px) {
  footer .footer-head .question-desc p {
    font-size: 15px;
  }
  footer .footer-head .question-desc .day {
    font-size: 14px;
  }
}
footer .footer-head .link ul {
  display: flex;
}
footer .footer-head .link ul li {
  position: relative;
}
footer .footer-head .link ul li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
}
footer .footer-head .link ul li:last-child::after {
  content: none;
}
footer .footer-head .link ul li a {
  font-size: 12px;
  font-weight: 600;
  line-height: 160%;
}
@media (min-width: 992px) {
  footer .footer-head .link ul {
    display: flex;
    gap: 36px;
  }
  footer .footer-head .link ul li a {
    font-size: 14px;
  }
}
footer .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
footer .footer-content .info-list ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
footer .footer-content .info-list ul li {
  font-size: 12px;
  line-height: 150%;
  color: #666;
}
footer .footer-content .info-list ul li .name {
  color: #222;
  font-weight: 700;
}
footer .footer-content .company {
  font-size: 12px;
  line-height: 150%;
  color: #666;
  margin-top: 12px;
}
footer .footer-content .sns-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
footer .footer-content .copyright {
  font-size: 12px;
  color: #999;
  line-height: 150%;
  margin-top: 10px;
}
@media (max-width: 991.98px) {
  footer .footer-content {
    flex-direction: column;
    padding: 24px 0;
  }
  footer .footer-content .info-list ul {
    flex-wrap: wrap;
    gap: 8px;
  }
  footer .footer-content .sns-list {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  footer .footer-content {
    padding: 40px 0 53px;
  }
  footer .footer-content .info-list ul {
    gap: 16px;
  }
  footer .footer-content .info-list ul li {
    font-size: 14px;
  }
  footer .footer-content .company {
    font-size: 14px;
    margin-top: 16px;
  }
  footer .footer-content .copyright {
    font-size: 14px;
    margin-top: 18px;
  }
}

.util-btn {
  display: none;
}
@media (max-width: 991.98px) {
  .util-btn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: fixed;
    /*bottom: 8em;*/
    top : 0.4em;
    right: 4.9em;
    z-index: 9999;
  }
  .util-btn .mo-btn {
    width: 48px;
    height: 48px;
    /*border: 1px solid #eee;*/
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.3);*/
    /*box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;*/
    background: #fff;
    /*background: linear-gradient(rgb(227, 155, 203) 0%, rgb(227, 155, 191) 100%);*/
  }
  .util-btn .mo-btn .notice {
    position: relative;
  }
  .util-btn .mo-btn .notice.active:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #FA4555;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1;
    top: -4px;
    right: -4px;
  }
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
  border-bottom: 1px solid #eee;
}
header.hide {
  top: -500px;
}

@media screen and (min-width: 992px) {
  .container.mobile {
    display: none;
  }
  .mo-header-content {
    display: none;
  }
  .header-top > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-top .header-link {
    display: flex;
    align-items: center;
    gap: 32px;
  }
  .header-top .header-link .shop-move {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: 160%;
  }
  .header-top .header-link .shop-move span {
    color: #F17782;
  }
  .header-top .header-link .shop-move a {
    color: #666;
  }
  .header-top .header-link .head-sns-list {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .header-top .header-menu {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .header-top .header-menu li {
    position: relative;
    display: flex;
    align-items: center;
  }
  .header-top .header-menu li.state-login {
    display: flex;
    gap: 6px;
  }
  .header-top .header-menu li.state-login .day {
    color: #FA4555;
    font-weight: 500;
  }
  .header-top .header-menu li.state-login .notice {
    position: relative;
  }
  .header-top .header-menu li.state-login .notice.active::after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #FA4555;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    right: -2px;
  }
  .header-top .header-menu li::after:not(.dropdown-item) {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    top: 50%;
    transform: translateY(-50%);
    right: -8px;
  }
  .header-top .header-menu li:last-child::after {
    content: none;
  }
  .header-top .header-menu li a {
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
  }
  .header-content .gnb {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .header-content .gnb .logo {
    /*position: absolute;*/
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 10px 10px;
    /*height: 100%;*/
  }
  .header-content .gnb .logo img {
    height: 100%;
  }
  .header-content .gnb .gnb-list {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-content .gnb .gnb-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
  }
  .header-content .gnb .gnb-list ul li {
    position: relative;
  }
  .header-content .gnb .gnb-list ul li a {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
  }
  .header-content .gnb .gnb-list ul li.active:after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #F17782;
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    z-index: 1;
  }
  .header-content .gnb .menu-box {
    display: flex;
    align-items: center;
    gap: 12px;
    /*position: absolute;*/
    position: relative;
    padding: 0 1%;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    right: 0;
  }
  .header-content .gnb .menu-box .btn-close {
    display: none;
  }
  .header-content .gnb-depth {
    padding-top: 26px;
    gap: 7px;
    border-top: 1px solid #eee;
    display: none;
    position: relative;
    background-color: #fff;
  }
  .header-content .gnb-depth.on {
    display: block;
  }
  .header-content .gnb-depth::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vw;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
  }
  .header-content .gnb-depth::after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
  }
  .header-content .gnb-depth ul {
    width: 158px;
    text-align: center;
    padding: 24px 12px 40px;
    margin-bottom: 24px;
    border-radius: 8px;
    float: left;
    margin: 0 4px;
  }
  .header-content .gnb-depth ul.active {
    background-color: #FEF4F5;
  }
  .header-content .gnb-depth ul li {
    padding-bottom: 10px;
  }
  .header-content .gnb-depth ul li a {
    font-size: 15px;
    color: #666;
  }
  .header-content .gnb-depth ul li.on a {
    text-decoration: underline;
    color: #222;
  }
  .header-content .gnb-depth ul .depth1 a {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    color: #000;
  }
  .header-content .gnb-depth ul .depth2 a {
    font-size: 15px;
    line-height: 150%;
  }
}
@media screen and (max-width: 991px) {
  .desktop-header {
    display: none;
  }
  .mo-header-top {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mo-header-top .logo {
    height: 100%;
    padding: 5px 0;
  }
  .mo-header-top .logo img {
    height: 100%;
  }
  .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: 60px;
    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;
  }
}
.search-wrap {
  width: 100%;
  height: 0;
  position: fixed;
  top: 60px;
  z-index: 1000;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.5s;
}
@media (min-width: 992px) {
  .search-wrap {
    top: 40px;
  }
}
.search-wrap::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.2);
  left: 0;
}
.search-wrap.active {
  overflow: inherit;
  height: auto;
  transition: all 0.5s;
}
.search-wrap .search-bar {
  padding: 12px 0;
  background-color: #fff;
}
.search-wrap .search-bar .container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.search-wrap .search-bar .form-wrap {
  width: 100%;
  border-radius: 50px;
  background-color: #fef4f5;
  display: flex;
  padding: 7px 8px;
}
.search-wrap .search-bar .form-wrap .form-control {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.09px;
  border: none;
  background-color: transparent;
  padding-left: 24px;
}
.search-wrap .search-bar .form-wrap .form-control:focus {
  outline: none;
}
.search-wrap .search-bar .form-wrap .form-control::-moz-placeholder {
  color: #222;
  font-size: 18px;
}
.search-wrap .search-bar .form-wrap .form-control::placeholder {
  color: #222;
  font-size: 18px;
}
.search-wrap .search-bar .form-wrap .btn {
  border-radius: 50px;
}
@media (max-width: 991.98px) {
  .search-wrap .search-bar .form-wrap .form-control {
    font-size: 16px;
    padding-left: 10px;
  }
  .search-wrap .search-bar .form-wrap .form-control::-moz-placeholder {
    color: #222;
    font-size: 16px;
  }
  .search-wrap .search-bar .form-wrap .form-control::placeholder {
    color: #222;
    font-size: 16px;
  }
}
.search-wrap .search-result {
  min-height: 300px;
  padding: 40px 0;
  background-color: #fff;
}
.search-wrap .search-result .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.08px;
  margin-bottom: 16px;
}
.search-wrap .search-result .recent-searches-history {
  margin-bottom: 56px;
}
.search-wrap .search-result .search-link-list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-flow: wrap;
}
.search-wrap .search-result .search-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 20px;
  background-color: #F7F7F7;
  padding: 8px 16px;
}
.search-wrap .search-result .search-link .icon-close {
  width: 16px;
  height: 16px;
}

.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;
  white-space: normal;
  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 #eee;
  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;
}

.sidebar {
  position: sticky;
  top: 135px;
}
.sidebar ul {
  margin-bottom: 20px;
}
.sidebar ul li {
  padding: 10px 0;
}
.sidebar ul li.active a {
  font-weight: 600;
  color: #222;
}
.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;
  }
  .sidebar 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;
  }
  .sidebar ul li {
    width: auto;
    flex: 0 0 auto;
  }
  .sidebar ul li a {
    font-size: 14px;
  }
  .sidebar ul li.active a {
    color: #F17782;
  }
}

.sidebar-title {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 30px;
  padding-top: 15px;
  height: 78px;
}
@media (max-width: 991.98px) {
  .sidebar-title {
    display: none;
  }
}

#main {
  padding-bottom: 240px;
}
@media (max-width: 991.98px) {
  #main {
    padding-bottom: 120px;
  }
}

section {
  padding-top: 140px;
}
section .section-title {
  text-align: center;
  color: #000;
  font-size: 28px;
  font-weight: 800;
  line-height: 150%;
}
section .section-subtitle {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 8px;
}
@media (max-width: 991.98px) {
  section {
    padding-top: 70px;
  }
  section .section-title {
    font-size: 24px;
  }
  section .section-subtitle {
    font-size: 16px;
  }
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.swiper-container .swiper-tool-wrap {
  width: 100%;
  position: absolute;
  left: 0;
}
.swiper-container .swiper-tool-wrap > .container {
  display: flex;
  gap: 21px;
}
.swiper-container .swiper-tool-wrap .swiper-pagination {
  width: auto;
  bottom: 0;
  text-align: start;
  position: relative;
  bottom: 2px;
}
.swiper-container .swiper-tool-wrap .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #000;
  opacity: 1;
}
.swiper-container .swiper-tool-wrap .swiper-pagination-bullet-active {
  width: 32px;
  height: 6px;
  border-radius: 3px;
}
.swiper-container .swiper-tool-wrap .swiper-button-wrap {
  display: flex;
  gap: 8px;
}
.swiper-container .swiper-tool-wrap .swiper-button-wrap .swiper-button-next, .swiper-container .swiper-tool-wrap .swiper-button-wrap .swiper-button-prev {
  width: 24px;
  height: 24px;
  right: 0;
  position: relative;
  margin: 0;
  top: 0;
}
.swiper-container .swiper-tool-wrap .swiper-button-wrap .swiper-button-next::after, .swiper-container .swiper-tool-wrap .swiper-button-wrap .swiper-button-prev::after {
  content: none;
}
.swiper-container .swiper-tool-wrap .swiper-button-prev {
  left: 0;
}

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

.main-banner .swiper-container {
  height: 600px;
}
.main-banner .swiper-container .swiper-slide .banner-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.main-banner .swiper-container .swiper-slide .banner-wrap .img {
  height: 100%;
  width: 100%;
}
.main-banner .swiper-container .swiper-slide .banner-wrap .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: static;
}
.main-banner .swiper-container .swiper-slide .banner-wrap .img video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: static;
}

.main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap {
  width: 100%;
  position: absolute;
  top: 107px;
  left: 0;
}
.main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap p {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}
.main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap p.title {
  font-size: 48px;
  font-weight: 600;
  line-height: 120%;
  margin-top: 16px;
}
.main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap p.desc {
  font-size: 24px;
  line-height: 150%;
  margin-top: 60px;
}
.main-banner .swiper-container .swiper-tool-wrap {
  bottom: 20%;
  left: 0;
}
@media (max-width: 991.98px) {
  .main-banner .swiper-container {
    height: 165px;
  }
  .main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap {
    left: 0;
  }
  .main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap p {
    font-size: 16px;
  }
  .main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap p.title {
    font-size: 36px;
    margin-top: 12px;
  }
  .main-banner .swiper-container .swiper-slide .banner-wrap .desc-wrap p.desc {
    font-size: 20px;
    margin-top: 30px;
  }
  .main-banner .swiper-container .swiper-tool-wrap {
    left: 0;
    bottom: 5%;
  }
}

.event-banner {
  background-color: #f2f2f2;
}
.event-banner > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.event-banner ul {
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.event-banner ul li {
  padding: 0 80px;
  position: relative;
}
.event-banner ul li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.4);
}
.event-banner ul li:last-child::after {
  content: none;
}
.event-banner ul li a {
  color: #222222;
  font-weight: 700;
  line-height: 150%;
}
.event-banner .btn-group {
  margin-top: 0;
}
.event-banner .btn {
  border-radius: 42px;
}
@media (max-width: 991.98px) {
  .event-banner > .container {
    flex-direction: column;
  }
  .event-banner ul {
    flex-direction: column;
  }
  .event-banner ul li {
    padding: 5px 0;
  }
  .event-banner ul li::after {
    content: none;
  }
  .event-banner .btn-group {
    padding-bottom: 20px;
  }
}

.category-wrap {
  padding-top: 60px;
}
.category-wrap ul {
  display: flex;
  gap: 40px;
  justify-content: center;
}
.category-wrap ul .img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.category-wrap ul .desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .category-wrap {
    padding-top: 30px;
  }
  .category-wrap ul {
    flex-flow: wrap;
    gap: 20px;
  }
  .category-wrap ul .img {
    width: 60px;
    height: 60px;
    padding: 15px;
  }
  .category-wrap ul .desc {
    font-size: 14px;
  }
}

.suggestion-wrap .nav-tabs {
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .suggestion-wrap .nav-tabs {
    justify-content: start;
    margin-top: 20px;
  }
}
.suggestion-wrap .swiper-play {
  margin-top: 80px;
}
.suggestion-wrap .swiper-play .swiper-container {
  margin-top: 20px;
  padding-bottom: 60px;
}
.suggestion-wrap .swiper-play .swiper-slide {
  height: 240px;
}
.suggestion-wrap .swiper-play .swiper-slide .content {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px;
}
.suggestion-wrap .swiper-play .swiper-slide .content p {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}
.suggestion-wrap .swiper-play .swiper-slide .content .img-text-box {
  background-size: cover;
  position: relative;
}
.suggestion-wrap .swiper-play .swiper-slide .content .img-text-box p {
  z-index: 1;
}
.suggestion-wrap .swiper-play .swiper-slide .content .img-text-box::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
}
.suggestion-wrap .swiper-play .swiper-slide .content .img-box {
  overflow: hidden;
}
.suggestion-wrap .swiper-play .swiper-slide .content .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .suggestion-wrap .swiper-play {
    margin-top: 40px;
  }
  .suggestion-wrap .swiper-play .swiper-container {
    padding-bottom: 30px;
  }
  .suggestion-wrap .swiper-play .swiper-slide {
    height: 240px;
  }
  .suggestion-wrap .swiper-play .swiper-slide .content {
    padding: 36px;
  }
  .suggestion-wrap .swiper-play .swiper-slide .content p {
    font-size: 20px;
  }
}
.suggestion-wrap .card-wrap {
  display: flex;
  gap: 32px;
  margin-top: 140px;
}
.suggestion-wrap .card-wrap .card-page {
  width: calc(50% - 16px);
  height: 200px;
  padding: 40px 40px 25px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 16px;
  background-color: #F2F4E8;
  background-image: url("../images/main-card-01.svg");
  background-repeat: no-repeat;
  background-position: 80% 90%;
}
.suggestion-wrap .card-wrap .card-page.second {
  background-color: #F0F5F8;
  background-image: url("../images/main-card-02.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 90% 90%;
}
.suggestion-wrap .card-wrap .card-page .desc {
  color: #000;
  font-size: 18px;
  line-height: 150%;
}
.suggestion-wrap .card-wrap .card-page .title {
  color: #000;
  font-size: 28px;
  font-weight: 800;
  line-height: 150%;
  margin-top: 4px;
}
.suggestion-wrap .card-wrap .card-page .more-btn {
  justify-content: start;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .suggestion-wrap .card-wrap {
    flex-flow: column;
    margin-top: 70px;
    gap: 16px;
  }
  .suggestion-wrap .card-wrap .card-page {
    width: 100%;
    padding: 20px 20px 13px 20px;
  }
  .suggestion-wrap .card-wrap .card-page .desc {
    font-size: 16px;
  }
  .suggestion-wrap .card-wrap .card-page .title {
    font-size: 24px;
  }
}
.suggestion-wrap .video-wrap {
  margin-top: 200px;
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
.suggestion-wrap .video-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  left: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: -1;
}
.suggestion-wrap .video-wrap .container {
  display: flex;
  align-items: center;
  gap: 60px;
}
.suggestion-wrap .video-wrap .video-content {
  width: 70%;
}
.suggestion-wrap .video-wrap .video-content iframe {
  width: 100%;
  height: 445px;
  border-radius: 32px;
}
.suggestion-wrap .video-wrap .text-box {
  text-align: center;
}
.suggestion-wrap .video-wrap .text-box .ball {
  width: 80px;
  height: 80px;
  background-color: #d9d9d9;
  border-radius: 50%;
  margin: 0 auto;
}
.suggestion-wrap .video-wrap .text-box .title {
  color: #000;
  font-size: 24px;
  font-weight: 800;
  line-height: 150%;
  margin-top: 24px;
}
.suggestion-wrap .video-wrap .text-box .desc {
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 40px;
  padding: 0 40px;
}
@media (max-width: 991.98px) {
  .suggestion-wrap .video-wrap {
    margin-top: 100px;
    padding-bottom: 40px;
  }
  .suggestion-wrap .video-wrap .container {
    flex-direction: column;
    gap: 30px;
  }
  .suggestion-wrap .video-wrap .video-content {
    width: 100%;
  }
  .suggestion-wrap .video-wrap .video-content iframe {
    height: 250px;
  }
  .suggestion-wrap .video-wrap .text-box .ball {
    width: 60px;
    height: 60px;
  }
  .suggestion-wrap .video-wrap .text-box .title {
    font-size: 20px;
    margin-top: 15px;
  }
  .suggestion-wrap .video-wrap .text-box .desc {
    font-size: 16px;
    margin-top: 20px;
    padding: 0 20px;
  }
}

.story-shop .swiper-story-shop {
  margin-top: 45px;
}
.story-shop .shop-content-list {
  display: flex;
  flex-flow: wrap;
  gap: 22px;
}
@media (max-width: 991.98px) {
  .story-shop .swiper-story-shop {
    margin-top: 30px;
  }
}
.story-shop .shop-content {
  width: calc(25% - 18px);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.story-shop .shop-content .img {
  width: 100%;
  height: 300px;
  max-height: 300px;
}
.story-shop .shop-content .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 16px 0 0;
}
@media (max-width: 1199.98px) {
  .story-shop .shop-content {
    width: calc(50% - 12px);
  }
  .story-shop .shop-content .img {
    width: 100%;
    height: 300px;
    max-height: 300px;
  }
}
@media (max-width: 767.98px) {
  .story-shop .shop-content {
    width: 100%;
  }
  .story-shop .shop-content .img {
    width: 100%;
    height: 250px;
    max-height: 250px;
  }
}
.story-shop .shop-content .desc {
  padding: 32px;
}
.badge {
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  background-color: #F17782;
  padding: 1px 5px;
  text-align: center;
  display: inline-block;
  margin-right: 4px;
}
.badge.best {
  background-color: #F68655;
}
.badge.outline-dark {
  border: 1px solid #222;
  color: #222;
  border-radius: 42px;
  background-color: #fff;
}

.story-shop .shop-content .desc .company .company-name {
  font-size: 14px;
  line-height: 150%;
  color: #666;
}
.story-shop .shop-content .desc .product-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.story-shop .shop-content .desc .price-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.story-shop .shop-content .desc .price-wrap .sale {
  font-size: 16px;
  line-height: 150%;
  text-decoration: line-through;
  color: #999;
}
.story-shop .shop-content .desc .price-wrap .box {
  display: flex;
  align-items: center;
  gap: 4px;
}
.story-shop .shop-content .desc .price-wrap .box .percent {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  color: #FA4555;
}
.story-shop .shop-content .desc .price-wrap .box .total-price {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 767.98px) {
  .story-shop .shop-content .desc {
    padding: 20px;
  }
  .story-shop .shop-content .desc .company .company-name {
    font-size: 13px;
  }
  .story-shop .shop-content .desc .product-name {
    font-size: 16px;
    margin-top: 8px;
  }
  .story-shop .shop-content .desc .price-wrap {
    margin-top: 15px;
  }
  .story-shop .shop-content .desc .price-wrap .sale {
    font-size: 14px;
  }
  .story-shop .shop-content .desc .price-wrap .box .percent {
    font-size: 16px;
  }
  .story-shop .shop-content .desc .price-wrap .box .total-price {
    font-size: 18px;
  }
}

.feature-program .feature-program-content {
  width: 100%;
  height: 360px;
  display: flex;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  border-radius: 24px;
}
.feature-program .swiper-program .content-wrap {
  display: flex;
  height: 100%;
}
.feature-program .swiper-program .content-wrap .banner {
  background-color: #F68655;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px 0 0 24px;
  width: 40%;
  overflow: hidden;
}
.feature-program .swiper-program .content-wrap .banner .img {
  width: 100%;
  height: 100%;
}
.feature-program .swiper-program .content-wrap .banner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.feature-program .swiper-program .content-wrap .content {
  height: 100%;
  padding: 60px 48px 50px 112px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0 24px 24px 0;
  background-color: #fff;
}
.feature-program .swiper-program .content-wrap .content .title {
  color: #000;
  font-size: 24px;
  font-weight: 800;
  line-height: 150%;
}
.feature-program .swiper-program .content-wrap .content .desc {
  color: #000;
  font-size: 16px;
  line-height: 150%;
  margin-top: 8px;
}
.feature-program .swiper-program .content-wrap .content .more-btn {
  justify-content: start;
  margin-bottom: 0;
}
.feature-program .swiper-program .swiper-tool-wrap {
  left: inherit;
  right: 48px;
  bottom: 50px;
}
.feature-program .swiper-program .swiper-tool-wrap > .container {
  padding: 0;
  justify-content: end;
}
@media (max-width: 991.98px) {
  .feature-program .feature-program-content {
    width: 100%;
    height: 450px;
    display: block;
  }
  .feature-program .swiper-program {
    width: 100%;
    height: 100%;
  }
  .feature-program .swiper-program .content-wrap {
    flex-direction: column;
  }
  .feature-program .swiper-program .content-wrap .banner {
    width: 100%;
    height: 200px;
    border-radius: 24px 24px 0 0;
    flex-shrink: 0;
  }
  .feature-program .swiper-program .content-wrap .content {
    width: 100%;
    height: 100%;
    border-radius: 0 0 24px 24px;
    padding: 30px 24px 50px 24px;
  }
  .feature-program .swiper-program .content-wrap .content .title {
    font-size: 20px;
  }
  .feature-program .swiper-program .content-wrap .content .desc {
    font-size: 14px;
    margin-top: 8px;
  }
  .feature-program .swiper-program .content-wrap .content .more-btn {
    justify-content: start;
    margin-bottom: 0;
  }
  .feature-program .swiper-program .swiper-tool-wrap {
    right: 24px;
    bottom: 25px;
  }
}

.story-review .swiper-story-review {
  margin-top: 45px;
}
.story-review .review-content-list {
  display: flex;
  flex-flow: wrap;
  gap: 22px;
}
.story-review .review-content {
  width: calc(25% - 18px);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.story-review .review-content .img {
  width: 100%;
  height: 300px;
  max-height: 300px;
}
.story-review .review-content .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 16px 0 0;
}
@media (max-width: 1199.98px) {
  .story-review .review-content {
    width: calc(50% - 12px);
  }
}
@media (max-width: 767.98px) {
  .story-review .review-content {
    width: 100%;
  }
  .story-review .review-content .img {
    width: 100%;
    height: 250px;
    max-height: 250px;
  }
}
.story-review .review-content .desc {
  padding: 32px;
}
.story-review .review-content .desc .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}
.story-review .review-content .desc .txt {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  color: #999;
  margin-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.story-review .review-content.card {
  background-color: #F68655;
  position: relative;
  padding: 32px;
}
.story-review .review-content.card .card-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
}
.story-review .review-content.card .card-txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: #fff;
  margin-top: 7px;
}
.story-review .review-content.card i {
  position: absolute;
  bottom: 32px;
  right: 32px;
}
@media (max-width: 767.98px) {
  .story-review .review-content .desc {
    padding: 20px;
  }
  .story-review .review-content .desc .title {
    font-size: 16px;
  }
  .story-review .review-content .desc .txt {
    font-size: 14px;
    margin-top: 10px;
  }
  .story-review .review-content.card {
    height: 200px;
    padding: 20px;
  }
  .story-review .review-content.card .card-title {
    font-size: 20px;
  }
  .story-review .review-content.card .card-txt {
    font-size: 16px;
  }
  .story-review .review-content.card i {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
}

.announcement-wrap .nav-tabs {
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .announcement-wrap .nav-tabs {
    margin-top: 20px;
  }
}

.announcement-content {
  margin-top: 80px;
}
.announcement-content .announcement-content-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.announcement-content .announcement-content-head .more-btn {
  margin-bottom: 0;
}
.announcement-content .announcement-content-head .txt {
  display: flex;
  align-items: center;
  gap: 8px;
}
.announcement-content .announcement-content-head .txt .date {
  font-weight: 800;
}
.announcement-content .announcement-content-head .txt .object {
  font-weight: 500;
}
.announcement-content .announcement-list {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  gap: 32px;
}
.announcement-content .announcement-box {
  width: calc(25% - 24px);
  padding: 32px;
  background-color: #f7f7f7;
  border-radius: 8px;
}
.announcement-content .announcement-box .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 16px;
}
.announcement-content .announcement-box .desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  color: #999;
  margin-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.announcement-content .announcement-box .date {
  font-size: 18px;
  font-weight: 800;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1199.98px) {
  .announcement-content .announcement-box {
    width: calc(50% - 16px);
  }
}
@media (max-width: 767.98px) {
  .announcement-content {
    margin-top: 40px;
  }
  .announcement-content .announcement-list {
    gap: 20px;
  }
  .announcement-content .announcement-content-head {
    flex-direction: column;
    align-items: end;
  }
  .announcement-content .announcement-content-head .more-btn {
    margin-bottom: 30px;
  }
  .announcement-content .announcement-content-head .txt {
    flex-flow: wrap;
    gap: 5px;
    order: 2;
  }
  .announcement-content .announcement-box {
    width: 100%;
    padding: 20px 20px 40px;
  }
  .announcement-content .announcement-box .title {
    font-size: 16px;
    margin-top: 10px;
  }
  .announcement-content .announcement-box .desc {
    font-size: 14px;
    margin-top: 10px;
  }
}

.swiper-sns {
  margin-top: 40px;
}
.swiper-sns .img {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
}

.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 {
  margin: 30px 0 40px;
}
.sub-content-head .form-select {
  width: auto;
}

.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: 16px;
  background-color: #F7F7F7;
  padding: 45px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.my-info .name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  color: #000;
}
.my-info .grade {
  margin-top: 12px;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.my-info .date {
  color: #666;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.my-info .point {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
.my-info .point .cnt {
  font-size: 36px;
}
@media (max-width: 991.98px) {
  .my-info {
    padding: 24px;
    flex-direction: column;
    align-items: start;
  }
  .my-info .name {
    gap: 4px;
    font-size: 18px;
  }
  .my-info .grade {
    font-size: 14px;
  }
  .my-info .date {
    font-size: 14px;
  }
  .my-info .point {
    width: 100%;
    font-size: 18px;
    margin-top: 24px;
    text-align: right;
  }
  .my-info .point .cnt {
    font-size: 24px;
  }
}

.coupon-list {
  display: flex;
  flex-flow: wrap;
  gap: 33px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}
.coupon-list .coupon {
  width: calc(33.3% - 22px);
  border: 1px solid #eee;
  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 .reply-self {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  border-bottom: 1px solid #ddd;
}
.comment-wrap .comment-wrap__content .reply-self .desc {
  font-size: 16px;
  line-height: 28px;
}
.comment-wrap .comment-wrap__content .reply-self .info {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.comment-wrap .comment-wrap__content .reply-self .info .btn-box {
  width: 80%;
}
.comment-wrap .comment-wrap__content .reply-self .info .btn-box .btn:nth-child(2) {
  margin-left: 8px;
}
.comment-wrap .comment-wrap__content .reply-self .txt-box {
  display: flex;
  align-items: center;
}
.comment-wrap .comment-wrap__content .reply-self .user {
  width: 10%;
  word-break: break-all;
}
.comment-wrap .comment-wrap__content .reply-self .date {
  width: 10%;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  justify-content: end;
}


.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;
}
.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: 90%;
  }
  .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;
}

.membership-section {
  padding-top: 40px;
}
.membership-section .title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.membership-section .title-wrap .icon-title-dot {
  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='M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%23F17782' stroke-width='6'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}
.membership-section .title-wrap .title {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.membership-section .title-wrap .desc {
  font-size: 18px;
  letter-spacing: -0.36px;
}
@media (max-width: 991.98px) {
  .membership-section .title-wrap .title {
    font-size: 20px;
  }
  .membership-section .title-wrap .desc {
    font-size: 16px;
  }
}
.membership-section.section01 {
  text-align: center;
  margin-bottom: 100px;
}
.membership-section.section01 .title-wrap {
  margin-bottom: 0;
  flex-direction: column;
}
.membership-section.section01 .title-wrap .title {
  margin-bottom: 10px;
}
.membership-section.section01 .coupon-wrap {
  padding: 0 80px;
}
.membership-section.section01 .right {
  border-radius: 8px;
  padding: 80px 0px;
  max-width: 63px;
}
.membership-section.section01 .right p {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  transform: rotate(-90deg);
}
.membership-section.section01 .coupon {
  margin: 60px 0 24px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
}
.membership-section.section01 .coupon .left {
  border-radius: 8px;
  background-color: #F6F5FE;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  padding: 44px 0;
  flex: 1;
}
.membership-section.section01 .coupon .left p {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
}
.membership-section.section01 .coupon .left p span {
  font-size: 32px;
  font-weight: 700;
}
.membership-section.section01 .coupon .left span {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
.membership-section.section01 .coupon .right {
  background-color: #BBB6F6;
  display: flex;
  align-items: center;
}
.membership-section.section01 .coupon.coupon02 .left {
  background-color: #FEF4F5;
}
.membership-section.section01 .coupon.coupon02 .right {
  background-color: #F7ADB4;
}
.membership-section.section01 .coupon.coupon03 .left {
  background-color: #F0F7FD;
}
.membership-section.section01 .coupon.coupon03 .right {
  background-color: #90C1EE;
}
.membership-section.section01 .coupon-name {
  font-size: 15px;
  color: #666;
  line-height: 1.4;
}
@media (max-width: 991.98px) {
  .membership-section.section01 {
    margin-bottom: 80px;
  }
  .membership-section.section01 .coupon-wrap {
    padding: 0;
  }
  .membership-section.section01 .coupon {
    margin: 24px 0;
  }
}
.membership-section.section02 {
  margin-bottom: 140px;
}
.membership-section.section02 .table {
  letter-spacing: -0.3px;
}
.membership-section.section02 .table .btn {
  border-radius: 24px;
}
.membership-section.section02 .table .btn:hover {
  background-color: #F17782 !important;
  color: #fff !important;
  transition: all 0.2s;
}
.membership-section.section02 .table thead {
  border: 0;
  border-bottom: 1px solid #eee;
}
.membership-section.section02 .table thead th {
  background-color: transparent;
}
.membership-section.section02 .table tbody td {
  border: 0;
  border-bottom: 1px solid #eee;
  color: #222;
}
.membership-section.section02 .table tbody tr:last-child {
  letter-spacing: -0.36px;
}
.membership-section.section02 .table tbody tr:last-child td {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.36px;
  padding: 18px;
}
.membership-section.section02 .circle-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
  margin-top: 80px;
  flex-wrap: wrap;
}
.membership-section.section02 .circle-wrap .circle {
  border-radius: 50%;
  width: 260px;
  height: 260px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.38px;
  justify-content: center;
  text-align: center;
}
.membership-section.section02 .circle-wrap .circle.red {
  background-color: #FEF5F1;
  color: #F68655;
}
.membership-section.section02 .circle-wrap .circle.red .icon-membership-picture {
  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 7C3 7 3 6.17157 3.58579 5.58579C3.58579 5.58579 4.17157 5 5 5H27C27 5 27.8284 5 28.4142 5.58579C28.4142 5.58579 29 6.17157 29 7V25C29 25 29 25.8284 28.4142 26.4142C28.4142 26.4142 27.8284 27 27 27H5C5 27 4.17157 27 3.58579 26.4142C3.58579 26.4142 3 25.8284 3 25V7ZM5 7V25H27V7H5Z' fill='%23F68655'/%3E%3Cpath d='M22.0054 18.4195L27.2929 23.707C27.4804 23.8945 27.7348 23.9999 28 23.9999C28.2652 23.9999 28.5196 23.8945 28.7071 23.707C28.8946 23.5195 29 23.2651 29 22.9999C29 22.7347 28.8946 22.4803 28.7071 22.2928L23.4196 17.0053C23.1431 16.7244 22.7724 16.5692 22.7724 16.5692C22.4018 16.4141 22 16.4141 22 16.4141C21.5982 16.4141 21.2276 16.5692 21.2276 16.5692C20.8569 16.7244 20.575 17.0107 20.575 17.0107L18.0054 19.5803L18 19.5857L12.4196 14.0053C12.1431 13.7244 11.7724 13.5692 11.7724 13.5692C11.4018 13.4141 11 13.4141 11 13.4141C10.5982 13.4141 10.2276 13.5692 10.2276 13.5692C9.85694 13.7244 9.575 14.0107 9.575 14.0107L3.29327 20.2924C3.10573 20.4799 3 20.7347 3 20.9999C3 21.0159 3.00038 21.0319 3.00115 21.0479C3.0131 21.2962 3.1171 21.5312 3.29289 21.707C3.48043 21.8945 3.73478 21.9999 4 21.9999C4.26522 21.9999 4.51957 21.8945 4.70711 21.707L11 15.4141L11.0054 15.4195L16.575 20.9891C16.8569 21.2753 17.2276 21.4305 17.2276 21.4305C17.5982 21.5857 18 21.5857 18 21.5857C18.4018 21.5857 18.7724 21.4305 18.7724 21.4305C19.1431 21.2753 19.4196 20.9945 19.4196 20.9945L22 18.4141L22.0054 18.4195Z' fill='%23F68655'/%3E%3Cpath d='M21 12.5C21 13.3284 20.3284 14 19.5 14C18.6716 14 18 13.3284 18 12.5C18 11.6716 18.6716 11 19.5 11C20.3284 11 21 11.6716 21 12.5Z' fill='%23F68655'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
}
.membership-section.section02 .circle-wrap .circle.green {
  background-color: #F8FCF0;
  color: #91C228;
}
.membership-section.section02 .circle-wrap .circle.green .icon-membership-camera {
  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='M28.1213 26.1213C28.1213 26.1213 27.2426 27 26 27H6C6 27 4.75736 27 3.87868 26.1213C3.87868 26.1213 3 25.2426 3 24V10C3 10 3 8.75736 3.87868 7.87868C3.87868 7.87868 4.75736 7 6 7H9.46482L11.1679 4.4453C11.3534 4.1671 11.6656 4 12 4H20C20.3344 4 20.6466 4.1671 20.8321 4.4453L22.5352 7H26C26 7 27.2426 7 28.1213 7.87868C28.1213 7.87868 29 8.75736 29 10V24C29 24 29 25.2426 28.1213 26.1213ZM26.7071 24.7071C26.7071 24.7071 27 24.4142 27 24V10C27 10 27 9.58579 26.7071 9.29289C26.7071 9.29289 26.4142 9 26 9H22C21.6656 9 21.3534 8.8329 21.1679 8.5547L19.4648 6H12.5352L10.8321 8.5547C10.6466 8.8329 10.3344 9 10 9H6C6 9 5.58579 9 5.29289 9.29289C5.29289 9.29289 5 9.58579 5 10V24C5 24 5 24.4142 5.29289 24.7071C5.29289 24.7071 5.58579 25 6 25H26C26 25 26.4142 25 26.7071 24.7071Z' fill='%2391C228'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 11C16 11 18.2782 11 19.8891 12.6109C19.8891 12.6109 21.5 14.2218 21.5 16.5C21.5 16.5 21.5 18.7782 19.8891 20.3891C19.8891 20.3891 18.2782 22 16 22C16 22 13.7218 22 12.1109 20.3891C12.1109 20.3891 10.5 18.7782 10.5 16.5C10.5 16.5 10.5 14.2218 12.1109 12.6109C12.1109 12.6109 13.7218 11 16 11ZM16 13C16 13 14.5503 13 13.5251 14.0251C13.5251 14.0251 12.5 15.0503 12.5 16.5C12.5 16.5 12.5 17.9497 13.5251 18.9749C13.5251 18.9749 14.5503 20 16 20C16 20 17.4497 20 18.4749 18.9749C18.4749 18.9749 19.5 17.9497 19.5 16.5C19.5 16.5 19.5 15.0503 18.4749 14.0251C18.4749 14.0251 17.4497 13 16 13Z' fill='%2391C228'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
}
.membership-section.section02 .circle-wrap .circle.blue {
  background-color: #F0F7FD;
  color: #4698E3;
}
.membership-section.section02 .circle-wrap .circle.blue .icon-membership-music {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 17C23 17 24.864 17 26.182 18.318C26.182 18.318 27.5 19.636 27.5 21.5C27.5 21.5 27.5 23.364 26.182 24.682C26.182 24.682 24.864 26 23 26C23 26 21.136 26 19.818 24.682C19.818 24.682 18.5 23.364 18.5 21.5C18.5 21.5 18.5 19.636 19.818 18.318C19.818 18.318 21.136 17 23 17ZM23 19C23 19 21.9645 19 21.2322 19.7322C21.2322 19.7322 20.5 20.4645 20.5 21.5C20.5 21.5 20.5 22.5355 21.2322 23.2678C21.2322 23.2678 21.9645 24 23 24C23 24 24.0355 24 24.7678 23.2678C24.7678 23.2678 25.5 22.5355 25.5 21.5C25.5 21.5 25.5 20.4645 24.7678 19.7322C24.7678 19.7322 24.0355 19 23 19Z' fill='%234698E3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 21C7 21 8.86396 21 10.182 22.318C10.182 22.318 11.5 23.636 11.5 25.5C11.5 25.5 11.5 27.364 10.182 28.682C10.182 28.682 8.86396 30 7 30C7 30 5.13604 30 3.81802 28.682C3.81802 28.682 2.5 27.364 2.5 25.5C2.5 25.5 2.5 23.636 3.81802 22.318C3.81802 22.318 5.13604 21 7 21ZM7 23C7 23 5.96447 23 5.23223 23.7322C5.23223 23.7322 4.5 24.4645 4.5 25.5C4.5 25.5 4.5 26.5355 5.23223 27.2678C5.23223 27.2678 5.96447 28 7 28C7 28 8.03553 28 8.76777 27.2678C8.76777 27.2678 9.5 26.5355 9.5 25.5C9.5 25.5 9.5 24.4645 8.76777 23.7322C8.76777 23.7322 8.03553 23 7 23Z' fill='%234698E3'/%3E%3Cpath d='M10.258 13.0297C10.0007 13.0941 9.77896 13.2581 9.64251 13.4855C9.54926 13.6409 9.5 13.8188 9.5 14L9.5 14.0012C9.5001 14.0826 9.51012 14.1636 9.52986 14.2425C9.64115 14.6877 10.0411 15 10.5 15L10.5144 14.9999C10.5914 14.9988 10.6679 14.9888 10.7425 14.9701L26.7425 10.9701C26.9998 10.9058 27.221 10.7419 27.3575 10.5145C27.4507 10.3591 27.5 10.1812 27.5 10V9.99881C27.4999 9.91745 27.4899 9.8364 27.4701 9.75746C27.3589 9.3123 26.9589 9 26.5 9L26.4856 9.0001C26.4086 9.00121 26.3321 9.0112 26.2575 9.02986L10.258 13.0297Z' fill='%234698E3'/%3E%3Cpath d='M25.5 5.28078V21.5C25.5 22.0523 25.9477 22.5 26.5 22.5C27.0523 22.5 27.5 22.0523 27.5 21.5V4C27.5 3.44772 27.0523 3 26.5 3C26.4182 3 26.3368 3.01003 26.2575 3.02986L10.2575 7.02986C9.8123 7.14115 9.5 7.54113 9.5 8L9.5 25.5C9.5 26.0523 9.94772 26.5 10.5 26.5C11.0523 26.5 11.5 26.0523 11.5 25.5L11.5 8.78078L25.5 5.28078Z' fill='%234698E3'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
}
.membership-section.section02 .circle-wrap .circle.purple {
  background-color: #F6F5FE;
  color: #7268E7;
}
.membership-section.section02 .circle-wrap .circle.purple .icon-membership-video {
  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='M4.0004 25V14C4.0004 13.4477 4.44811 13 5.0004 13H27.0004C27.5527 13 28.0004 13.4477 28.0004 14V25C28.0004 25 28.0004 25.8284 27.4146 26.4142C27.4146 26.4142 26.8288 27 26.0004 27H6.0004C6.0004 27 5.17197 27 4.58618 26.4142C4.58618 26.4142 4.0004 25.8284 4.0004 25ZM6.0004 25H26.0004V15H6.0004V25Z' fill='%237268E7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.99666 10.3952C2.99666 10.3952 2.89386 10.0098 2.94678 9.61439C2.94678 9.61439 2.99971 9.21902 3.20027 8.8742C3.20027 8.8742 3.40082 8.52938 3.71832 8.28789C3.71832 8.28789 4.03582 8.0464 4.41655 7.94655L23.7148 2.77548C23.7148 2.77548 24.1003 2.66606 24.498 2.71454C24.498 2.71454 24.8957 2.76301 25.2436 2.9618C25.2436 2.9618 25.5915 3.16059 25.8352 3.47865C25.8352 3.47865 26.0789 3.79671 26.1786 4.17806L27.2162 8.04056C27.2849 8.29672 27.2491 8.57002 27.1165 8.79974C26.984 9.02946 26.7656 9.19712 26.5095 9.26583L5.25946 14.9658C4.72616 15.1089 4.17785 14.7926 4.03462 14.2594L2.99666 10.3952ZM4.9291 9.87975L5.70683 12.7751L25.0251 7.59328L24.2487 4.70275L4.93421 9.87839L4.9291 9.87975Z' fill='%237268E7'/%3E%3Cpath d='M21.8874 10.2033C22.0394 10.2911 22.2123 10.3375 22.3879 10.3375C22.4063 10.3375 22.4248 10.337 22.4432 10.336C22.7802 10.3174 23.085 10.13 23.2539 9.83768C23.3417 9.68563 23.3879 9.51314 23.3879 9.33755C23.3879 9.31912 23.3874 9.3007 23.3864 9.2823C23.3677 8.94528 23.1803 8.64041 22.888 8.4716L16.763 4.9341C16.611 4.84628 16.4385 4.80005 16.2629 4.80005L16.2451 4.80021C16.1637 4.80166 16.0828 4.81304 16.0042 4.83408C15.748 4.90269 15.5296 5.07025 15.397 5.29992C15.3091 5.45197 15.2629 5.62446 15.2629 5.80005L15.2631 5.81791C15.2645 5.89926 15.2759 5.98013 15.2969 6.05872C15.3655 6.31491 15.5331 6.53336 15.7628 6.666L21.8874 10.2033Z' fill='%237268E7'/%3E%3Cpath d='M7.07451 9.00296L13.187 12.5405C13.3392 12.6286 13.512 12.675 13.6879 12.675C13.706 12.675 13.7242 12.6745 13.7423 12.6735C14.0793 12.6551 14.3843 12.468 14.5534 12.1758C14.6415 12.0236 14.6879 11.8508 14.6879 11.675C14.6879 11.6568 14.6874 11.6387 14.6864 11.6206C14.6681 11.2836 14.4809 10.9785 14.1888 10.8094L8.07631 7.27194C7.92407 7.18384 7.7513 7.13745 7.57541 7.13745C7.55728 7.13745 7.53915 7.13794 7.52104 7.13893C7.18401 7.15728 6.87897 7.34442 6.7099 7.63655C6.6218 7.78879 6.57541 7.96156 6.57541 8.13745C6.57541 8.15558 6.5759 8.17371 6.57689 8.19182C6.59524 8.52885 6.78237 8.83389 7.07451 9.00296Z' fill='%237268E7'/%3E%3Cpath d='M14.7626 17.0745L18.7633 19.5746C18.8357 19.6194 18.8954 19.682 18.9369 19.7564C18.9783 19.8308 19 19.9145 19 19.9996C19 20.0847 18.9783 20.1685 18.9369 20.2428C18.8954 20.3172 18.8357 20.3798 18.7633 20.4246L14.7626 22.9248C14.687 22.9717 14.6002 22.9977 14.5112 22.9998C14.4222 23.002 14.3342 22.9804 14.2563 22.9373C14.1789 22.8933 14.1144 22.8297 14.0694 22.7529C14.0244 22.6761 14.0005 22.5888 14 22.4997V17.4995C14.0001 17.4105 14.0239 17.3232 14.069 17.2465C14.1141 17.1698 14.1789 17.1066 14.2566 17.0633C14.3343 17.02 14.4222 16.9982 14.5111 17.0001C14.6001 17.0021 14.6869 17.0277 14.7626 17.0745Z' fill='%237268E7'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
}
@media (max-width: 1199.98px) {
  .membership-section.section02 {
    margin-bottom: 80px;
  }
  .membership-section.section02 .circle-wrap {
    gap: 35px;
  }
  .membership-section.section02 .circle-wrap .circle {
    width: 180px;
    height: 180px;
    font-size: 16px;
  }
}
.membership-section.section03 {
  margin-bottom: 80px;
}
.membership-section.section03 .table-header {
  align-items: flex-start;
  margin: 0;
  justify-content: space-between;
}
.membership-section.section03 .table-header .icon-card {
  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='M17.5 3.75H2.5C2.16848 3.75 1.85054 3.8817 1.61612 4.11612C1.3817 4.35054 1.25 4.66848 1.25 5V7.57031V14.9922C1.25 15.3237 1.3817 15.6417 1.61612 15.8761C1.85054 16.1105 2.16848 16.2422 2.5 16.2422H17.5C17.8315 16.2422 18.1495 16.1105 18.3839 15.8761C18.6183 15.6417 18.75 15.3237 18.75 14.9922V5C18.75 4.66848 18.6183 4.35054 18.3839 4.11612C18.1495 3.8817 17.8315 3.75 17.5 3.75ZM10.625 13.75H9.375C9.20924 13.75 9.05027 13.6842 8.93306 13.5669C8.81585 13.4497 8.75 13.2908 8.75 13.125C8.75 12.9592 8.81585 12.8003 8.93306 12.6831C9.05027 12.5658 9.20924 12.5 9.375 12.5H10.625C10.7908 12.5 10.9497 12.5658 11.0669 12.6831C11.1842 12.8003 11.25 12.9592 11.25 13.125C11.25 13.2908 11.1842 13.4497 11.0669 13.5669C10.9497 13.6842 10.7908 13.75 10.625 13.75ZM15.625 13.75H13.125C12.9592 13.75 12.8003 13.6842 12.6831 13.5669C12.5658 13.4497 12.5 13.2908 12.5 13.125C12.5 12.9592 12.5658 12.8003 12.6831 12.6831C12.8003 12.5658 12.9592 12.5 13.125 12.5H15.625C15.7908 12.5 15.9497 12.5658 16.0669 12.6831C16.1842 12.8003 16.25 12.9592 16.25 13.125C16.25 13.2908 16.1842 13.4497 16.0669 13.5669C15.9497 13.6842 15.7908 13.75 15.625 13.75ZM2.5 6.94531V5H17.5V6.94531H2.5Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: top;
}
.membership-section.section03 tbody td {
  border-right: 0;
}
.membership-section.section03 tbody .total-amount th, .membership-section.section03 tbody .total-amount td {
  padding: 18px;
}
.membership-section.section03 tbody .total-amount td {
  font-weight: 700;
  letter-spacing: -0.36px;
  font-size: 18px;
}
.membership-section.section03 tbody .recommender th, .membership-section.section03 tbody .recommender td {
  padding: 24px;
}
.membership-section.section03 .payment-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
@media (max-width: 1199.98px) {
  .membership-section.section03 .table-header {
    flex-direction: column;
    gap: 0;
  }
  .membership-section.section03 .table-header .btn-wrap {
    margin-bottom: 8px;
  }
}
.membership-section.section04 {
  margin-bottom: 80px;
}
.membership-section.section04 .notice {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.27px;
  padding-left: 25px;
}
.membership-section.section04 .notice li {
  list-style: disc;
}
@media (max-width: 991.98px) {
  .membership-section.section04 .notice {
    font-size: 16px;
  }
}

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 #eee;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .sign-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 200px 0 120px;
  }
}
@media (max-width: 991.98px) {
  .sign-container .content {
    height: 100%;
    padding: 60px 0;
  }
}
.sign-container .login-head {
  padding: 16px;
  border-bottom: 1px solid #eee;
}
.sign-container .login-head .top-head {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sign-container .login-head .top-head .back {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sign-container .login-head .sign-title {
  text-align: center;
  margin-top: 0;
  font-weight: 700;
}
@media (min-width: 992px) {
  .sign-container .login-head {
    padding: 30px;
  }
  .sign-container .login-head .top-head .back {
    display: none;
  }
  .sign-container .login-head .sign-title {
    font-size: 28px;
    margin-top: 16px;
  }
}
.sign-container .text-box {
  margin-bottom: 30px;
}
.sign-container .text-box p {
  margin-top: 15px;
  text-align: center;
}
.sign-container .sign-content {
  padding: 0 30px;
}
.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: 67px;
    gap: 15px;
  }
}

.sign-container .sign-content .login-btn {
  width: 100%;
  border: 2px solid #eee;
  border-radius: 24px;
  font-size: 16px;
  color: #a3a3a3;
}
.sign-container .sign-content .save-login {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .sign-container .sign-content {
    padding: 50px 160px 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: 5px center;
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
}
.sign-container .sign-content .login-type ul li.kakao a {
  background-color: #fee500;
  background-image: url(../images/icon_kakao.png);
}
.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(../images/icon_google.png);
  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;
  }
}

.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 #eee;
  padding: 10px 15px;
  height: 100px;
  overflow: auto;
  font-size: 12px;
}

.tab-box .table-header {
  display: flex;
  justify-content: space-between;
}
.tab-box .table-header .select-wrap {
  gap: 40px;
}
@media (max-width: 991.98px) {
  .tab-box .table-header {
    display: block;
    text-align: center;
  }
  .tab-box .table-header .type-1 {
    justify-content: center;
  }
  .tab-box .table-header .icon-wrap {
    margin-top: 18px;
  }
  .tab-box .table-header .btn-wrap {
    margin-top: 30px;
  }
}
.tab-box .icon-wrap ul {
  display: flex;
  gap: 24px;
}
.tab-box .icon-wrap ul li:nth-child(n+2) {
  position: relative;
}
.tab-box .icon-wrap ul li:nth-child(n+2)::before {
  content: "";
  height: 10px;
  width: 1px;
  background-color: #ccc;
  left: -12px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tab-box .tab-month {
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
  /* @include media-breakpoint-down(lg) {
    a {letter-spacing: -0.28px; font-size: 14px;}
    :nth-child(n+3) {border-top: 1px solid $border-color;}
    :nth-child(even) {border-left: 1px solid $border-color;}
  } */
}
.tab-box .tab-month a {
  padding: 14px 16px;
  letter-spacing: -0.3px;
  font-size: 15px;
  color: #222222;
  line-height: 150%;
}
.tab-box .tab-month a strong {
  font-weight: 700;
  margin-right: 4px;
}
.tab-box .tab-month a:hover, .tab-box .tab-month a.active {
  color: #fff;
  background-color: #F17782;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .tab-box .tab-month {
    margin-bottom: 24px;
  }
  .tab-box .tab-month a:nth-child(-n+8) {
    border-bottom: 1px solid #eee;
  }
  .tab-box .tab-month :nth-child(n+2):nth-child(-n+4) {
    border-left: 1px solid #eee;
  }
  .tab-box .tab-month :nth-child(n+6):nth-child(-n+8) {
    border-left: 1px solid #eee;
  }
  .tab-box .tab-month :nth-child(n+10):nth-child(-n+12) {
    border-left: 1px solid #eee;
  }
}
.tab-box .tab-month-select {
  margin-bottom: 16px;
}
.tab-box .tab-week {
  gap: 8px;
  margin-bottom: 60px;
}
.tab-box .tab-week.theme {
  margin-bottom: 120px;
}
.tab-box .tab-week a {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 14px 0;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  margin-right: 4px;
}
.tab-box .tab-week a strong {
  color: #666;
  font-weight: 700;
}
.tab-box .tab-week a:hover, .tab-box .tab-week a.active {
  color: #F17782;
  border-color: #F17782;
  transition: all 0.2s ease-in-out;
  font-weight: 600;
}
.tab-box .tab-week a:hover strong, .tab-box .tab-week a.active strong {
  color: #F17782;
  transition: all 0.2s ease-in-out;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .tab-box .tab-week a {
    padding: 12px 0;
  }
}
@media (max-width: 991.98px) {
  .tab-box .tab-week {
    overflow-x: scroll;
    flex-wrap: nowrap;
    margin-left: 0;
  }
  .tab-box .tab-week a {
    width: 230px;
    flex: 0 0 auto;
  }
}

.table-wrap {
  margin-bottom: 134px;
}

.content-area {
  border-radius: 16px;
  position: relative;
  width: 100%;
  height: 90px;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-area.play {
  height: 90px;
}
.content-area img {
  width: 100%;
  height: 100%;
  position: static;
  -o-object-fit: cover;
  object-fit: cover;
}
.content-area strong {
  font-weight: 500;
  color: #ccc;
  font-size: 18px;
}
@media (min-width: 992px) {
  .content-area {
    height: 200px;
    margin-bottom: 80px;
  }
  .content-area.play {
    height: 275px;
  }
}

.content .list-wrap .img-box {
  border-radius: 8px;
  overflow: hidden;
}
.content .list-wrap .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.content .list-wrap .img-box:hover img {
  transform: scale(1.2);
  transition: transform 0.25s ease-in-out;
}
.content .list-wrap .round-img {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.content .list-wrap .round-img span {
  color: #ccc;
  font-weight: 500;
}
.content .list-wrap .round-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.content .list-wrap .play-card .round-img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
}
.content .list-wrap .play-card .round-img-wrap:hover img {
  transform: rotate(360deg);
  transition: all 0.25s ease-in-out;
}

.card-list li {
  height: auto;
}
.card-list .img-box {
  text-align: center;
}
.card-list .list-item {
  padding: 30px;
  border: 1px solid #F17782;
  background-color: #FEF4F5;
  border-radius: 20px;
  height: 100%;
}
.card-list .list-item .title {
  color: #F17782;
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px dashed #F17782;
  margin-bottom: 20px;
}
.card-list .list-item .sub-title {
  color: #F17782;
  font-size: 17px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .card-list .title {
    font-size: 18px;
  }
}

.activity-box {
  width: 100%;
  background-color: #FEF4F5;
  padding: 25px;
  color: #F17782;
  font-size: 18px;
}
.activity-box .subject {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.activity-box .subject > div {
  display: flex;
  align-items: center;
}
.activity-box .subject .subject-box {
  font-weight: 700;
  margin-right: 20px;
  min-width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-box .subject p {
  font-weight: 500;
}
.activity-box .play {
  display: flex;
  align-items: center;
}
.activity-box .play .play-box {
  font-weight: 700;
  margin-right: 20px;
  min-width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-box .play p {
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .activity-box {
    padding: 18px;
  }
  .activity-box .subject .subject-box {
    min-width: 120px;
    font-size: 16px;
  }
  .activity-box .subject p {
    font-size: 16px;
  }
  .activity-box .play .play-box {
    min-width: 120px;
    font-size: 16px;
  }
  .activity-box .play p {
    font-size: 16px;
  }
}

.activity-txt-box {
  margin-bottom: 50px;
}
.activity-txt-box .title {
  color: #F17782;
  font-size: 22px;
  font-weight: 500;
  gap: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.activity-txt-box .icon-title-dot {
  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='M19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12Z' stroke='%23F17782' stroke-width='6'/%3E%3C/svg%3E%0A");
}
.activity-txt-box .desc p {
  margin-bottom: 20px;
  color: #555;
}
.activity-txt-box .desc span {
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .activity-txt-box .desc span {
    margin-left: 0;
  }
}

.terms-content {
  line-height: 1.7;
  padding-bottom: 90px;
}
.terms-content .content-title {
  color: #555;
  font-size: 18px;
  padding: 50px 0 30px;
}
.terms-content .content-title h2 {
  font-weight: 500;
}
.terms-content .content-title p {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 500;
}
.terms-content .content-body h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 40px;
}
.terms-content .content-body .desc {
  margin-top: 20px;
  color: #666;
}
.terms-content .content-body .desc .gray-box {
  background-color: #f5f5f5;
  padding: 10px 20px;
  margin-top: 10px;
  line-height: 1.7;
}
.terms-content .content-body .desc-txt {
  margin: 40px 0 15px;
}
.terms-content .content-body .desc-txt .desc-title {
  color: #222;
  font-weight: 700;
  margin-bottom: 15px;
}
.terms-content .content-body .desc-txt > ul {
  padding-left: 5px;
}
.terms-content .content-body .desc-txt li {
  color: #666;
  margin-bottom: 10px;
  font-size: 15px;
}
.terms-content .content-body .desc-txt li .num {
  font-size: 11px;
  vertical-align: text-top;
}
.terms-content .content-body .desc-txt li p {
  margin-bottom: 15px;
}
.terms-content .content-body .desc-txt li p.txt {
  margin-top: 5px;
}
@media (min-width: 992px) {
  .terms-content .content-title {
    font-size: 28px;
  }
  .terms-content .content-body h3 {
    font-size: 26px;
  }
  .terms-content .content-body > p {
    text-indent: 10px;
  }
  .terms-content .content-body .desc .gray-box {
    line-height: 2;
  }
  .terms-content .content-body .desc-txt .desc-title {
    font-size: 18px;
  }
  .terms-content .content-body .desc-txt li {
    font-size: 16px;
  }
  .terms-content .content-body .desc-txt li p.txt {
    padding-left: 35px;
  }
  .terms-content .content-body .pl-17px {
    padding-left: 17px;
  }
}

.text-wrap p {
  color: #555;
  font-size: 17;
  font-weight: 500;
  margin-bottom: 10px;
}
.text-wrap textarea {
  border-color: #eee;
  padding: 10px;
  color: #666;
  font-size: 14px;
  resize: vertical;
}
@media (min-width: 992px) {
  .text-wrap p {
    font-size: 18px;
  }
  .text-wrap textarea {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* .content{
  .list-top {
    .tab-box {
      .table-header {
        display: flex; flex-direction: column; justify-content: center; margin-bottom: 40px; border-bottom: 1px solid $border-color; padding-bottom: 24px;
      }
    }
    @include media-breakpoint-up(lg) {
      .tab-box {
        .table-header {
          flex-direction: row; justify-content: space-between;
        }
      }
    }
  }
  .list-wrap {
    padding-bottom: 200px;
    .list-box {
      .card {
        border-radius: 16px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); overflow: hidden;
        .thumb{
          position: relative;
          .img {
            &::before {
              position: absolute; bottom: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.04);
            }
            img {width: 100%;}
          }
        }
        .card-body {
          padding: 32px;
          .card-text {
            display: flex; justify-content: space-between; margin-bottom: 12px;
            .age {padding: 1px 6px; color: $primary; background-color: #FEF4F5; font-size: 12px; font-weight: 700;}
            .season {padding: 1px 6px; color: #4698E3; background-color: #F0F7FD; font-weight: 700; font-size: 12px;}
            p {font-size: 14px; color: #666;}
            span {font-size: 14px; color: $gray;}
          }
          .card-title {font-size: 18px; font-weight: 600;}
        }
      }
    }
    @include media-breakpoint-up(lg) {
      .table-header {
        .form-select {font-size: 16px;}
      }
      .list-box {
        .card {
          .card-body {
            .card-text {


            }
          }
        }
      }
    }
  }
} */
.content .list-top .tab-box .table-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
  padding-bottom: 24px;
}
.content .list-top .tab-box.category-toggle-wrap {
  border-bottom: 1px solid #eee;
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.content .list-top .tab-box.category-toggle-wrap .table-header {
  border: 0;
  align-items: center;
  padding: 0;
  margin: 0;
  flex-direction: row;
  justify-content: space-between;
}
.content .list-top .tab-box.category-toggle-wrap .title {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 15px;
}
.content .list-top .tab-box.category-toggle-wrap .list-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  flex-direction: column;
  min-width: 110px;
  align-items: start;
}
.content .list-top .tab-box.category-toggle-wrap .category-toggle-btn {
  background-image: url("../images/icon-select-arrow.svg");
  background-position: 97% 50%;
  background-repeat: no-repeat;
  padding: 9px 40px 9px 12px;
  font-size: 18px;
  color: #2D3338;
  font-weight: 500;
}
.content .list-top .tab-box.category-toggle-wrap li {
  cursor: pointer;
}
.content .list-top .tab-box.category-toggle-wrap .list {
  width: 100%;
}
.content .list-top .tab-box.category-toggle-wrap .list > li {
  display: flex;
  flex-direction: column;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap {
  padding: 30px 50px;
  border-radius: 16px;
  background-color: rgba(241, 119, 130, 0.05);
  gap: 30px;
  margin-top: 20px;
  width: 100%;
  flex-wrap: wrap;
  display: none;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap .depth2 {
  font-weight: 500;
  background: url("../images/select-arrow02.svg") no-repeat center;
  background-position: 90% 50%;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap .depth2.bg-none {
  background: none;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap .depth3 {
  margin-top: 5px;
  margin-bottom: 10px;
  flex-direction: column;
  gap: 5px;
  display: none;
  font-size: 15px;
  font-weight: 400;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap .depth3 li.active {
  font-weight: 700;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap .depth3.open {
  display: flex;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap.open {
  display: flex;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap > div:not(:last-child) {
  position: relative;
}
.content .list-top .tab-box.category-toggle-wrap .list-wrap > div:not(:last-child)::after {
  content: "";
  height: 100%;
  background-color: #eee;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .content .list-top .tab-box.category-toggle-wrap .table-header {
    flex-direction: row;
    justify-content: space-between;
  }
  .content .list-top .tab-box.category-toggle-wrap .title {
    font-size: 18px;
  }
  .content .list-top .tab-box.category-toggle-wrap .list-wrap {
    flex-direction: column;
  }
  .content .list-top .tab-box.category-toggle-wrap .list-wrap > div:not(:last-child)::after {
    content: none;
  }
}

@media (min-width: 992px) {
  .content .list-top .tab-box .table-header {
    flex-direction: row;
    justify-content: space-between;
  }
}
.content .list-wrap {
  padding-bottom: 50px;
}
.content .list-wrap .table-header {
  justify-content: space-between;
}
.content .list-wrap .list-box .card {
  border-radius: 16px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.content .list-wrap .list-box .card .thumb {
  position: relative;
}
.content .list-wrap .list-box .card .thumb .img::before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
}
.content .list-wrap .list-box .card .thumb .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.content .list-wrap .list-box .card .card-body {
  padding: 32px;
}
.content .list-wrap .list-box .card .card-body .card-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.content .list-wrap .list-box .card .card-body .card-text > div {
  align-items: center;
}
.content .list-wrap .list-box .card .card-body .card-text .age {
  padding: 1px 6px;
  color: #F17782;
  background-color: #FEF4F5;
  font-size: 12px;
  font-weight: 700;
}
.content .list-wrap .list-box .card .card-body .card-text .season {
  padding: 1px 6px;
  color: #4698E3;
  background-color: #F0F7FD;
  font-weight: 700;
  font-size: 12px;
}
.content .list-wrap .list-box .card .card-body .card-text p {
  font-size: 14px;
  color: #666;
}
.content .list-wrap .list-box .card .card-body .card-text span {
  font-size: 14px;
  color: #ccc;
}
.content .list-wrap .list-box .card .card-body .card-text span.view {
  color: #666;
}
.content .list-wrap .list-box .card .card-body .card-text span.view.like {
  display: flex;
  align-items: center;
  gap: 4px;
}
.content .list-wrap .list-box .card .card-body .card-title {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content .list-wrap .list-box .card .card-body .card-desc {
  font-size: 16px;
  color: #999;
  margin-top: 12px;
  overflow: hidden;
  max-height: 3rem;
}
.content .list-wrap .list-box .card .card-body .card-desc span {
  font-size: 14px;
}
.content .list-wrap .list-box .card .card-body .price-box {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  align-items: center;
}
.content .list-wrap .list-box .card .card-body .price-box p {
  font-size: 16px;
  color: #999;
  text-decoration: line-through;
}
.content .list-wrap .list-box .card .card-body .price-box strong {
  font-size: 20px;
  font-weight: 700;
}
.content .list-wrap .list-box .card .card-body .price-box .price span {
  font-size: 18px;
  font-weight: 700;
  color: #FA4555;
}
.content .list-wrap .list-box .thumb-img {
  border-radius: 16px;
  overflow: hidden;
}
.content .list-wrap .list-box .thumb-img .img {
  position: relative;
}
.content .list-wrap .list-box .thumb-img .img::before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 33.33%, rgba(0, 0, 0, 0) 66.67%, rgba(0, 0, 0, 0.06) 100%);
}
.content .list-wrap .list-box .thumb-img .img.activity {
  height: 426px;
}
.content .list-wrap .list-box .thumb-img .img.make {
  height: 214px;
}
.content .list-wrap .list-box .thumb-img .img.design {
  height: 304px;
}
.content .list-wrap .list-box .thumb-img .img.music {
  height: 170px;
}
.content .list-wrap .list-box .thumb-img .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.content .list-wrap .list-box .thumb-img .img .thumb-title {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: flex;
  justify-content: space-between;
  width: 85%;
}
.content .list-wrap .list-box .thumb-img .img .thumb-title p {
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  font-size: 14px;
}
.content .list-wrap .list-box .thumb-img .img .thumb-icon {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  width: 40px;
  height: 40px;
}
.content .list-wrap .list-box .thumb-img .img .thumb-icon i {
  margin: 9px;
}
.content .list-wrap .list-box .thumb-img .img .thumb-icon:hover {
  background-color: #FA4555;
  transition: 0.15s ease-in-out;
}
.content .list-wrap .list-box .thumb-img:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  transition: 0.15s ease-in-out;
}
.content .list-wrap .list-box .item {
  margin-bottom: 15px;
}
.content .list-wrap .list-box .item .img {
  border-radius: 16px;
  overflow: hidden;
}
.content .list-wrap .list-box .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.content .list-wrap .list-box .item .title {
  margin-top: 12px;
  padding: 0 14px;
}
.content .list-wrap .list-box .item .title p {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content .list-wrap .list-box .item .title span {
  font-size: 16px;
  color: #999;
  margin-top: 12px;
  overflow: hidden;
  max-height: 1.6rem;
  display: inline-block;
}
@media (min-width: 992px) {
  .content .list-wrap {
    padding-bottom: 200px;
  }
  .content .list-wrap .table-header .form-select {
    font-size: 16px;
  }
  .content .list-wrap .list-box .thumb-img .img .thumb-title p {
    font-size: 16px;
  }
  .content .list-wrap .list-box .thumb-img .img .chips {
    font-size: 13px;
  }
  .content .list-wrap .list-box .item {
    margin-bottom: 35px;
  }
  .content .list-wrap .list-box .item .title {
    margin-top: 22px;
    padding: 0 16px;
  }
  .content .list-wrap .list-box .item .title p {
    font-size: 18px;
  }
  .content .list-wrap .navigation {
    margin-top: 195px;
  }
}
.content .detail-desc {
  padding-bottom: 80px;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
}
.content .detail-desc .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.content .btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
}
.content .btn-wrap div {
  display: flex;
  gap: 8px;
}

.chips {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 13px;
  padding: 3px 10px;
}

.homes-check {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: 12px;
  font-weight: 600;
  border-radius: 13px;
  padding: 3px 10px;
}

.chips.category {
  top: unset;
  right: unset;
  bottom: 1rem;
  left: 1rem;
  font-size: 13px;
}

.event .list-wrap {
  margin-top: 100px;
  padding: 0 20px 200px;
}
.event .list-wrap .event-box {
  border-radius: 16px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 40px;
}
.event .list-wrap .event-box .event-img {
  padding: 0;
}
.event .list-wrap .event-box .event-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.event .list-wrap .event-box .event-desc {
  padding: 32px 56px;
}
.event .list-wrap .event-box .event-desc p {
  color: #FA4555;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
}
.event .list-wrap .event-box .event-desc strong {
  font-size: 24px;
  font-weight: 600;
}
.event .list-wrap .event-box .event-desc .date-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 51px;
}
.event .list-wrap .event-box .event-desc .date-wrap span {
  color: #999;
}
.event .list-wrap .event-box .event-desc .date-wrap .btn {
  border-radius: 24px;
}
@media (max-width: 991.98px) {
  .event .list-wrap .event-box .event-desc {
    padding: 16px 12px;
  }
  .event .list-wrap .event-box .event-desc strong {
    font-size: 20px;
  }
  .event .list-wrap .event-box .event-desc .date-wrap {
    margin-top: 20px;
  }
  .event .list-wrap .event-box .event-desc .date-wrap span {
    font-size: 12px;
  }
}

.detail {
  padding: 40px 0;
}
.detail.inquiry {
  padding: 0;
}
.detail.inquiry.content .btn-wrap {
  justify-content: center;
  gap: 6px;
}
.detail.product .detail-section h3 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  margin-bottom: 16px;
}
.detail.product .detail-section .product-review .title {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  margin: 40px 0 4px;
  border-bottom: 2px solid #231815;
}
.detail.product .detail-section .product-review .title span {
  color: #FA4555;
}
.detail.product .detail-section .product-review .review-box {
  padding: 24px 0;
  font-size: 16px;
  line-height: 1.75;
  border-bottom: 1px solid #eee;
}
.detail.product .detail-section .product-review .review-box .top {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
.detail.product .detail-section .product-review .review-box .desc {
  display: flex;
  justify-content: space-between;
}
.detail.product .detail-section .product-review .review-box .desc ul {
  padding-left: 25px;
  max-width: 1000px;
}
.detail.product .detail-section .product-review .review-box .desc ul li {
  color: #666;
  list-style: disc;
}
.detail.product .detail-section .product-review .review-box .desc .thumb-img {
  background-color: #f5f5f5;
  aspect-ratio: 1/1;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail.product .detail-section .product-review .review-box .desc .thumb-img .icon-photo {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 7.8457C3 7.8457 3 7.01728 3.58579 6.43149C3.58579 6.43149 4.17157 5.8457 5 5.8457H27C27 5.8457 27.8284 5.8457 28.4142 6.43149C28.4142 6.43149 29 7.01727 29 7.8457V25.8457C29 25.8457 29 26.6741 28.4142 27.2599C28.4142 27.2599 27.8284 27.8457 27 27.8457H5C5 27.8457 4.17157 27.8457 3.58579 27.2599C3.58579 27.2599 3 26.6741 3 25.8457V7.8457ZM5 7.8457V25.8457H27V7.8457H5Z' fill='%23CCCCCC'/%3E%3Cpath d='M22.0054 19.2652L27.2929 24.5527C27.4804 24.7402 27.7348 24.8456 28 24.8456C28.2652 24.8456 28.5196 24.7402 28.7071 24.5527C28.8946 24.3652 29 24.1108 29 23.8456C29 23.5804 28.8946 23.326 28.7071 23.1385L23.4196 17.851C23.1431 17.5701 22.7724 17.415 22.7724 17.415C22.4018 17.2598 22 17.2598 22 17.2598C21.5982 17.2598 21.2276 17.415 21.2276 17.415C20.8569 17.5701 20.575 17.8564 20.575 17.8564L18.0054 20.426L18 20.4314L12.4196 14.851C12.1431 14.5701 11.7724 14.4149 11.7724 14.4149C11.4018 14.2598 11 14.2598 11 14.2598C10.5982 14.2598 10.2276 14.4149 10.2276 14.4149C9.85694 14.5701 9.575 14.8564 9.575 14.8564L3.29327 21.1381C3.10573 21.3256 3 21.5804 3 21.8456C3 21.8616 3.00038 21.8776 3.00115 21.8936C3.0131 22.1419 3.1171 22.3769 3.29289 22.5527C3.48043 22.7402 3.73478 22.8456 4 22.8456C4.26522 22.8456 4.51957 22.7402 4.70711 22.5527L11 16.2598L11.0054 16.2652L16.575 21.8348C16.8569 22.1211 17.2276 22.2762 17.2276 22.2762C17.5982 22.4314 18 22.4314 18 22.4314C18.4018 22.4314 18.7724 22.2762 18.7724 22.2762C19.1431 22.1211 19.4196 21.8402 19.4196 21.8402L22 19.2598L22.0054 19.2652Z' fill='%23CCCCCC'/%3E%3Cpath d='M21 13.3457C21 14.1741 20.3284 14.8457 19.5 14.8457C18.6716 14.8457 18 14.1741 18 13.3457C18 12.5173 18.6716 11.8457 19.5 11.8457C20.3284 11.8457 21 12.5173 21 13.3457Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 33px;
}
.detail.product .detail-section .product-review .review-box .desc .thumb-img img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 100%;
}
@media (max-width: 1199.98px) {
  .detail.product .detail-section .product-review .review-box .desc {
    flex-direction: column;
  }
  .detail.product .detail-section .product-review .review-box .desc .thumb-img {
    margin-bottom: 20px;
  }
}
.detail .content-top {
  margin-bottom: 65px;
}
.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;
}
@media (min-width: 992px) {
  .detail .content-top .content-box .img {
    height: 580px;
  }
}
.detail .content-top .content-box .content-desc {
  margin-top: 45px;
}
.detail .content-top .content-box .content-desc .title {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 24px;
}
.detail .content-top .content-box .content-desc .desc {
  font-size: 16px;
  margin-bottom: 24px;
  overflow: hidden;
  max-height: 3.1rem;
}
.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;
  gap: 13px;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 20px 0;
}
.detail .content-top .content-box .content-desc .text-wrap .text {
  display: flex;
}
.detail .content-top .content-box .content-desc .text-wrap .text span {
  width: 100px;
  flex: 0 0 140px;
  font-size: 15px;
  color: #666;
}
.detail .content-top .content-box .content-desc .text-wrap .text p {
  flex: 1 1 100%;
  max-width: 100%;
  font-size: 15px;
  font-weight: 500;
}
.detail .content-top .content-box .content-desc .price-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.detail .content-top .content-box .content-desc .price-box p {
  font-size: 16px;
  font-weight: 600;
}
.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 .price {
  display: flex;
  gap: 10px;
  align-items: center;
}
.detail .content-top .content-box .content-desc .price-box .num-wrap .price p {
  font-size: 20px;
  color: #FA4555;
  font-weight: 700;
}
.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 button {
  margin-top: 40px;
}
@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 .hashtag-wrap {
    margin-bottom: 24px;
  }
  .detail .content-top .content-box .content-desc .hashtag-wrap .hashtag {
    font-size: 14px;
  }
  .detail .content-top .content-box .content-desc .text-wrap {
    padding: 24px 0 32px;
  }
  .detail .content-top .content-box .content-desc .text-wrap .text span {
    width: 112px;
  }
  .detail .content-top .content-box .content-desc .price-box {
    margin: 40px 0 20px;
  }
  .detail .content-top .content-box .content-desc .price-box .num-wrap {
    gap: 60px;
  }
  .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: 167px;
  }
}
.detail .scroll-tab.sticky {
  z-index: 1;
  position: sticky;
  top: 0;
  background-color: #fff;
}
.detail .scroll-tab.sticky.scroll-up {
  z-index: 99;
  top: 120px;
}
@media screen and (max-width: 1300px) {
  .detail .scroll-tab.sticky {
    top: 0;
  }
  .detail .scroll-tab.sticky.scroll-up {
    top: 60px;
  }
}
.detail .detail-desc {
  border: 0;
  margin-top: 80px;
}
.detail .detail-desc.board {
  border-bottom: 1px solid #eee;
  margin-top: 0;
}
@media (min-width: 992px) {
  .detail {
    padding: 0 0 250px;
  }
  .detail.product {
    padding-top: 130px;
  }
}
.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 #eee;
  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 .desc-txt {
  font-size: 16px;
  color: #000;
  line-height: 180%;
}
@media (min-width: 992px) {
  .detail .desc-title {
    font-size: 28px;
    padding: 32px 0;
  }
  .detail .sub {
    font-size: 16px;
    margin-bottom: 80px;
  }
  .detail .desc-txt {
    font-size: 18px;
  }
}

.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%;
  }
}

.search-page .content-head {
  padding: 140px 0 40px;
}
.search-page .search-bar {
  padding: 12px 0;
  background-color: #fff;
  width: 50%;
}
.search-page .search-bar .container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.search-page .search-bar .form-wrap {
  width: 100%;
  border-radius: 50px;
  background-color: #fef4f5;
  display: flex;
  padding: 7px 8px;
}
.search-page .search-bar .form-wrap .btn {
  border-radius: 50px;
  flex: none;
}
.search-page .search-bar .form-wrap .btn-search-del {
  padding-right: 16px;
  display: none;
}
.search-page .search-bar .form-wrap .form-control {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.09px;
  border: none;
  background-color: transparent;
  padding-left: 24px;
}
.search-page .search-bar .form-wrap .form-control:focus {
  outline: none;
}
.search-page .search-bar .form-wrap .form-control::-moz-placeholder {
  color: #222;
  font-size: 18px;
}
.search-page .search-bar .form-wrap .form-control::placeholder {
  color: #222;
  font-size: 18px;
}
.search-page .search-bar .form-wrap .form-control.filled ~ .btn-search-del {
  display: block;
}
@media (max-width: 991.98px) {
  .search-page .search-bar {
    width: 100%;
  }
  .search-page .search-bar .form-wrap .form-control {
    font-size: 16px;
    padding-left: 10px;
  }
  .search-page .search-bar .form-wrap .form-control::-moz-placeholder {
    color: #222;
    font-size: 16px;
  }
  .search-page .search-bar .form-wrap .form-control::placeholder {
    color: #222;
    font-size: 16px;
  }
}
.search-page .result-txt {
  padding: 12px 0 100px;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.08px;
}
.search-page .result-txt .name {
  color: #000;
}
.search-page .result-txt .num {
  color: #FA4555;
}
.search-page .filter .select-wrap {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 48px;
  margin: auto;
  width: 80%;
}
.search-page .filter .select-wrap .form-select {
  width: 25%;
}
.search-page .filter .check-wrap {
  display: flex;
  gap: 16px;
  width: 75%;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .search-page .filter {
    padding-bottom: 52px;
  }
  .search-page .filter .select-wrap {
    width: 100%;
  }
  .search-page .filter .select-wrap .form-select {
    width: 100%;
  }
  .search-page .filter .check-wrap {
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.search-page .scroll-tab {
  margin-bottom: 50px;
}
.search-page .scroll-tab .nav-tabs {
  white-space: unset;
}
@media (min-width: 992px) {
  .search-page .scroll-tab {
    width: 100%;
    margin-bottom: 84px;
  }
}
.search-page .list-wrap {
  margin-bottom: 50px;
}
.search-page .list-wrap .hashtag-wrap {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 50px;
}
.search-page .list-wrap .hashtag-wrap .hashtag {
  padding: 8px 20px;
  border-radius: 160px;
  background-color: #f7f7f7;
  color: #666;
  font-size: 15px;
  letter-spacing: -0.075px;
}
@media (max-width: 991.98px) {
  .search-page .list-wrap .hashtag-wrap {
    gap: 20px;
    margin-top: 30px;
    justify-content: center;
  }
  .search-page .list-wrap .hashtag-wrap .hashtag {
    font-size: 14px;
  }
}
.search-page .list-wrap .list-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 40px 0;
  flex-direction: column;
}
.search-page .list-wrap .list-box .txt-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  order: 2;
  width: 100%;
}
.search-page .list-wrap .list-box .txt-box .title {
  font-size: 20px;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-page .list-wrap .list-box .txt-box .desc {
  color: #666;
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.search-page .list-wrap .list-box .txt-box .breadcrumb {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 500;
}
.search-page .list-wrap .list-box .txt-box .breadcrumb .text-dangerdark {
  color: #FA4555;
}
.search-page .list-wrap .list-box .img-box {
  max-width: 192px;
  border-radius: 16px;
  overflow: hidden;
  order: 1;
}
.search-page .list-wrap .list-box .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 992px) {
  .search-page .list-wrap .list-box {
    flex-direction: row;
    gap: 100px;
  }
  .search-page .list-wrap .list-box .txt-box {
    order: 1;
  }
  .search-page .list-wrap .list-box .txt-box .title {
    font-size: 24px;
  }
  .search-page .list-wrap .list-box .txt-box .desc {
    font-size: 18px;
  }
  .search-page .list-wrap .list-box .img-box {
    order: 2;
  }
}
.search-page .list-wrap .board li:nth-child(n+2) {
  border-top: 1px solid #eee;
}
.search-page .btn-group .btn {
  border-radius: 40px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.search-page .btn-group .btn span {
  color: #000;
  letter-spacing: -0.08px;
}
.search-page .btn-group .btn .icon-default-arrow {
  transform: rotate(90deg);
}
@media (max-width: 991.98px) {
  .search-page .content-head {
    padding: 70px 0 0;
  }
  .search-page .result-txt {
    padding-bottom: 80px;
    font-size: 14px;
  }
}
/*# sourceMappingURL=maps/style.css.map */

.water-mark{
  /*background-image: url("../images/watermark.png");*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
  position: absolute;
  z-index: 9999;
  opacity: 0.3;
  top: 50%;
  left: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
}
.etc-file{
  background-color: white;
  position: absolute;
  overflow: hidden;
  border-radius: 16px;
  z-index: 9999;
  top: 70%;
  left: 20%;
  width: 20%;
  height: 20%;
  line-height: 45px;
  transform: translate(-50%, -50%);
}

@media (max-width: 600px) {
  .etc-file{
    line-height: 9999px;
    transform: translate(-50%, -50%);
  }
  .etc-file .etc-label {
    display: block;
  }
}

.smooth-box {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.non-scroll-bar::-webkit-scrollbar{
  display: none;
}

.non-scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.up-scroll {
  position: fixed;
  bottom: 115px;
  right: 47px;
  cursor: pointer;
  z-index: 9999;
  background: linear-gradient(rgb(227, 155, 203) 0%, rgb(227, 155, 191) 100%);
  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;
}

.board-paging .navigation{
  margin-top: 30px !important;
}



.scroll-top{
  scroll-margin-top: 10rem;
}
@media (max-width: 760px)  {
  .scroll-top{
    scroll-margin-top: 5rem;
  }
}


/* mobile */


.child-management-wrap {
  display: flex;
  gap: 10px;
  padding: 24px 0;
  overflow: auto;
  flex-wrap: nowrap;
}
.child-management-wrap .management-content {
  width: 66px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.child-management-wrap .management-content .img {
  width: 40px;
  height: 40px;
}
.child-management-wrap .management-content .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.child-management-wrap .management-content .form-check {
  padding-right: 0;
}
.child-management-wrap .management-content .name {
  font-size: 13px;
  font-weight: 500;
  color: #2d3338;
}

.head-filter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 16px 0;
}

.head-filter .form-select {
  border: 0;
  text-align: center;
  margin: 0 auto 16px;
}

.head-filter .select-kindergarten {
  background-color: #F7F7F7;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.head-filter .select-kindergarten p {
  font-size: 14px;
  font-weight: 500;
}

.head-filter .select-class {
  background-color: #F7F7F7;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.head-filter .select-class p {
  font-size: 14px;
  font-weight: 500;
}

.head-filter .filter-btns {
  display: flex;
  align-items: center;
  gap: 8px;
}

.head-filter .filter-btns .btn {
  width: calc(33.3% - 6px);
  border-radius: 4px;
}

.head-filter .search-form {
  width: 100%;
}

.head-filter .search-form + .btn {
  flex-shrink: 0;
  background-color: #999;
  color: #fff;
}

.head-filter .comment {
  padding: 16px;
  background-color: #F7F7F7;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 8px;
}

.head-filter .comment p {
  font-size: 14px;
}


.img-check-wrap {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  gap: 8px;
  margin-top: 40px;
}
.img-check-wrap .form-check-label {
  font-size: 14px;
}
.img-check-wrap .img-check-content {
  width: calc(33.3% - 6px);
  height: 300px;
  overflow: hidden;
  position: relative;
}
.img-check-wrap .img-check-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.img-check-wrap .img-check-content .form-check {
  position: absolute;
  top: 8px;
  left: 8px;
}
.img-check-wrap .img-check-content .form-check .form-check-input {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.img-check-wrap .download .btn {
  display: flex;
  align-items: center;
  gap: 4px;
}

.content .list-top .tab-box.general-category-toggle-wrap {
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.content .list-top .tab-box.general-category-toggle-wrap .table-header {
  border: 0;
  align-items: center;
  padding: 0;
  margin: 0;
  flex-direction: row;
  justify-content: space-between;
}
.content .list-top .tab-box.general-category-toggle-wrap .title {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 15px;
}
.content .list-top .tab-box.general-category-toggle-wrap .list-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  flex-direction: column;
  min-width: 110px;
  align-items: start;
}
.content .list-top .tab-box.general-category-toggle-wrap .list-wrap {
  padding: 30px 50px;
  border-radius: 16px;
  background-color: rgba(241, 119, 130, 0.05);
  gap: 30px;
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: none !important;
  box-shadow: none !important;
}
.content .list-top .tab-box.general-category-toggle-wrap .list-wrap .active {
  font-weight: 700;
  color : #F17782;
}
.content .list-top .tab-box.general-category-toggle-wrap .list-wrap > div:not(:last-child) {
  position: relative;
}
.content .list-top .tab-box.general-category-toggle-wrap .list-wrap > div:not(:last-child)::after {
  content: "";
  height: 100%;
  background-color: #eee;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .content .list-top .tab-box.general-category-toggle-wrap .table-header {
    flex-direction: row;
    justify-content: space-between;
  }
  .content .list-top .tab-box.general-category-toggle-wrap .title {
    font-size: 18px;
  }
  .content .list-top .tab-box.general-category-toggle-wrap .list-wrap {
    max-height: 300px;
    overflow-y: auto;
    display: block;
  }
  .content .list-top .tab-box.general-category-toggle-wrap .list-wrap > div:not(:last-child)::after {
    content: none;
  }
}

.content .list-top .tab-box.general-category-toggle-wrap .list-wrap.no-border > div::after {
  display: none !important;
}

.general-content-area {
  border-radius: 16px;
  position: relative;
  width: 100%;
  height: 330px;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=maps/style.css.map */