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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 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-depth-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='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.1765 10.8921L12.3195 17.7491C12.1589 17.91 11.9408 18.0005 11.7135 18.0005C11.4861 18.0005 11.268 17.91 11.1075 17.7491L4.25046 10.8921C4.08949 10.7315 3.99902 10.5134 3.99902 10.2861C3.99902 10.0587 4.08949 9.84064 4.25046 9.68005C4.41105 9.51908 4.62908 9.42862 4.85646 9.42862C5.08383 9.42862 5.30187 9.51908 5.46246 9.68005L11.7135 15.9311L17.9645 9.68005C18.1252 9.51933 18.3432 9.42903 18.5705 9.42903C18.7978 9.42903 19.0157 9.51933 19.1765 9.68005C19.3374 9.84065 19.4277 10.0587 19.4275 10.2861C19.4277 10.5134 19.3374 10.7315 19.1765 10.8921Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.icon-under-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='https://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 3.75L11.25 20.25C11.25 20.6642 11.5858 21 12 21C12.4142 21 12.75 20.6642 12.75 20.25L12.75 3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75Z' fill='%23222222'/%3E%3Cpath d='M12 19.1893L5.78033 12.9697C5.63968 12.829 5.44891 12.75 5.25 12.75C5.05109 12.75 4.86032 12.829 4.71967 12.9697C4.57902 13.1103 4.5 13.3011 4.5 13.5C4.5 13.6989 4.57902 13.8897 4.71967 14.0303L11.4697 20.7803C11.7626 21.0732 12.2374 21.0732 12.5303 20.7803L19.2803 14.0303C19.421 13.8897 19.5 13.6989 19.5 13.5C19.5 13.3011 19.421 13.1103 19.2803 12.9697C19.1397 12.829 18.9489 12.75 18.75 12.75C18.5511 12.75 18.3603 12.829 18.2197 12.9697L12 19.1893Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.icon-pagination-left {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-pagination-left.svg");
}
.icon-w-arrow{
  width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99812 3.80087C7.10582 3.801 7.86205 3.80093 8.08695 3.80087L8.84988 3.80114C8.96075 3.80105 9.10671 3.80103 9.24476 3.80101C9.33782 3.80099 9.4273 3.80098 9.5 3.80095L6.23279 8.56355C6.17034 8.65158 6.08687 8.70078 6 8.70078C5.91313 8.70078 5.82966 8.65158 5.76721 8.56355L2.5 3.80095L2.72184 3.80091H3.15355L3.52635 3.80095C3.55537 3.80094 3.59528 3.80091 3.6399 3.80089C3.7758 3.8008 3.95539 3.80069 4.00396 3.80091H6.59881C6.6314 3.80076 6.71389 3.80082 6.79718 3.80088C6.87875 3.80094 6.96109 3.80101 6.99812 3.80087Z' fill='white'/%3E%3C/svg%3E%0A");
}
.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='https://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='https://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='https://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='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.05496 3.2455C5.04695 3.23669 5.03874 3.22808 5.03033 3.21967C4.8984 3.08774 4.72204 3.00972 4.53567 3.00085L4.53344 3.00075C4.5223 3.00025 4.51115 3 4.5 3C4.31343 3 4.13355 3.06954 3.9955 3.19504C3.98669 3.20305 3.97808 3.21126 3.96967 3.21967C3.83774 3.3516 3.75972 3.52796 3.75085 3.71433L3.75075 3.71656C3.75025 3.7277 3.75 3.73885 3.75 3.75C3.75 3.93657 3.81954 4.11645 3.94504 4.2545L5.76256 6.25377C4.85772 6.83442 3.38449 7.92258 2.18892 9.48381C2.18892 9.48381 1.25355 10.7053 0.81435 11.696C0.728449 11.8898 0.728554 12.1109 0.814641 12.3046C0.814641 12.3046 1.02407 12.7758 1.45126 13.4543C1.45126 13.4543 2.29298 14.7911 3.40717 15.9053C3.40717 15.9053 7.00184 19.5 11.9939 19.4999C11.9939 19.4999 14.4761 19.5202 16.8789 18.4818L18.945 20.7545C19.0872 20.9109 19.2887 21 19.5 21L19.5031 21C19.6886 20.9992 19.8673 20.9297 20.0045 20.805C20.1609 20.6628 20.25 20.4613 20.25 20.25L20.25 20.2469C20.2492 20.0614 20.1797 19.8827 20.055 19.7455L10.0531 8.7434C10.0518 8.74195 10.0506 8.74051 10.0494 8.73907C10.0441 8.73283 10.0387 8.72666 10.0331 8.72058C10.0263 8.71305 10.0193 8.70568 10.0122 8.69846L5.05496 3.2455ZM6.77966 7.37258C4.79747 8.54458 3.37983 10.3958 3.37983 10.3958C2.70234 11.2805 2.33351 11.9961 2.33351 11.9961C2.48594 12.2823 2.72061 12.655 2.72061 12.655C3.47265 13.8495 4.46783 14.8446 4.46783 14.8446C7.62316 18 12.0061 18 12.0061 18C13.5084 18.0122 14.914 17.6098 15.7937 17.288L14.416 15.7725C13.8746 16.1057 13.0145 16.5039 11.9999 16.5C11.9999 16.5 10.6056 16.4999 9.45564 15.7114C9.45564 15.7114 8.30567 14.9229 7.80301 13.6223C7.80301 13.6223 7.30034 12.3217 7.62111 10.9648C7.62111 10.9648 7.83313 10.0679 8.46688 9.22852L6.77966 7.37258ZM9.08088 11.3099C9.16814 10.9407 9.33435 10.6181 9.50051 10.3655L13.3933 14.6476C12.6873 15.0026 12.0001 15 12.0001 15C11.0705 14.9999 10.3039 14.4743 10.3039 14.4743C9.53725 13.9486 9.20214 13.0816 9.20214 13.0816C8.86703 12.2145 9.08088 11.3099 9.08088 11.3099Z' fill='%23999999'/%3E%3Cpath d='M9.93553 4.66969C9.73935 4.70253 9.56425 4.81196 9.44875 4.9739C9.35809 5.10102 9.30936 5.25326 9.30936 5.4094L9.30938 5.41561C9.30971 5.45502 9.31314 5.49435 9.31965 5.53322C9.35249 5.7294 9.46192 5.90451 9.62386 6.02001C9.75098 6.11067 9.90322 6.1594 10.0594 6.1594L10.0656 6.15937C10.105 6.15905 10.1443 6.15561 10.1832 6.14911C11.0846 5.99822 11.9985 6.00002 11.9985 6.00002C16.3768 6.00002 19.5322 9.15535 19.5322 9.15535C20.5273 10.1505 21.2794 11.3449 21.2794 11.3449C21.5128 11.7157 21.6648 12.0008 21.6648 12.0008C21.474 12.3607 21.1668 12.8306 21.1668 12.8306C20.2604 14.2167 19.0574 15.2931 19.0574 15.2931L19.0568 15.2937C18.8977 15.4359 18.8062 15.6397 18.8062 15.8531C18.8062 15.8621 18.8064 15.8711 18.8067 15.88L18.8069 15.8845L18.8071 15.889C18.8153 16.061 18.8825 16.2249 18.9972 16.3532C19.1395 16.5122 19.3428 16.6031 19.5562 16.6031C19.5682 16.6031 19.5801 16.6029 19.5921 16.6023C19.764 16.5941 19.9279 16.5269 20.0563 16.4121C21.407 15.2038 22.4222 13.6515 22.4222 13.6515C22.9358 12.8661 23.1853 12.3046 23.1853 12.3046C23.2715 12.1107 23.2715 11.8893 23.1853 11.6954C22.9759 11.2242 22.5487 10.5457 22.5487 10.5457C21.707 9.20889 20.5928 8.09469 20.5928 8.09469C16.9981 4.50002 12.0015 4.50002 12.0015 4.50002C10.9616 4.49797 9.93553 4.66969 9.93553 4.66969Z' fill='%23999999'/%3E%3Cpath d='M14.9845 11.7133C14.9845 11.7133 14.8917 10.7177 14.2188 9.97815C14.2188 9.97815 13.5459 9.23858 12.5635 9.05244C12.3681 9.01541 12.1953 8.90226 12.0833 8.73788C11.9995 8.6149 11.9542 8.46976 11.9531 8.32094L11.9531 8.31555C11.9531 8.2687 11.9575 8.22196 11.9662 8.17593C12.0286 7.84705 12.3013 7.59927 12.6346 7.56869C12.6574 7.5666 12.6802 7.56555 12.7031 7.56555C12.75 7.56555 12.7967 7.56994 12.8427 7.57866C12.8427 7.57866 14.3179 7.85816 15.3283 8.96867C15.3283 8.96867 16.3386 10.0795 16.478 11.5741C16.4801 11.5965 16.4812 11.619 16.4812 11.6415L16.4813 11.6437C16.4813 12.0309 16.1864 12.3545 15.8008 12.3904C15.7784 12.3925 15.756 12.3936 15.7335 12.3937L15.7313 12.3937C15.344 12.3937 15.0204 12.0989 14.9845 11.7133Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

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

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

.icon-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-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='https://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-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='https://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-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='https://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-lock {
  width: 22px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M17.9683 7.5H15.0073V4.875C15.0073 3.78098 14.6261 2.73177 13.9474 1.95818C13.2687 1.1846 12.3482 0.75 11.3884 0.75C10.4287 0.75 9.50818 1.1846 8.8295 1.95818C8.15083 2.73177 7.76955 3.78098 7.76955 4.875V7.5H4.80864C4.45962 7.5 4.1249 7.65804 3.87811 7.93934C3.63132 8.22064 3.49268 8.60218 3.49268 9V19.5C3.49268 19.8978 3.63132 20.2794 3.87811 20.5607C4.1249 20.842 4.45962 21 4.80864 21H17.9683C18.3173 21 18.652 20.842 18.8988 20.5607C19.1456 20.2794 19.2842 19.8978 19.2842 19.5V9C19.2842 8.60218 19.1456 8.22064 18.8988 7.93934C18.652 7.65804 18.3173 7.5 17.9683 7.5ZM11.3884 15.375C11.1932 15.375 11.0024 15.309 10.8401 15.1854C10.6778 15.0618 10.5513 14.8861 10.4766 14.6805C10.4019 14.475 10.3824 14.2488 10.4204 14.0305C10.4585 13.8123 10.5525 13.6118 10.6906 13.4545C10.8286 13.2972 11.0044 13.19 11.1959 13.1466C11.3874 13.1032 11.5858 13.1255 11.7661 13.2106C11.9465 13.2958 12.1006 13.44 12.2091 13.625C12.3175 13.81 12.3754 14.0275 12.3754 14.25C12.3754 14.5484 12.2714 14.8345 12.0863 15.0455C11.9012 15.2565 11.6502 15.375 11.3884 15.375ZM13.6914 7.5H9.08551V4.875C9.08551 4.17881 9.32814 3.51113 9.76003 3.01884C10.1919 2.52656 10.7777 2.25 11.3884 2.25C11.9992 2.25 12.585 2.52656 13.0169 3.01884C13.4488 3.51113 13.6914 4.17881 13.6914 4.875V7.5Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

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

.icon-blog {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='black'/%3E%3Cpath d='M15.0355 23.8376H11V8H15.0659V14.0242H15.1267C15.5826 12.8487 16.6542 11.8047 18.4174 11.8047C20.7657 11.8047 23 13.6298 23 17.8985C23 21.9971 20.9101 24 18.3946 24C16.715 24 15.613 23.072 15.1267 21.8966H15.0355V23.8376ZM14.9747 17.8985C14.9747 19.6849 15.7042 20.8062 16.9126 20.8062C18.1286 20.8062 18.8277 19.7081 18.8277 17.8985C18.8277 16.0967 18.1286 14.9908 16.9126 14.9908C15.7042 14.9908 14.9747 16.0889 14.9747 17.8985Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-w-blog {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M15.0355 23.8376H11V8H15.0659V14.0242H15.1267C15.5826 12.8487 16.6542 11.8047 18.4174 11.8047C20.7657 11.8047 23 13.6298 23 17.8985C23 21.9971 20.9101 24 18.3946 24C16.715 24 15.613 23.072 15.1267 21.8966H15.0355V23.8376ZM14.9747 17.8985C14.9747 19.6849 15.7042 20.8062 16.9126 20.8062C18.1286 20.8062 18.8277 19.7081 18.8277 17.8985C18.8277 16.0967 18.1286 14.9908 16.9126 14.9908C15.7042 14.9908 14.9747 16.0889 14.9747 17.8985Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-youtube {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_764_3036)'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z' fill='black'/%3E%3Cpath d='M24.1768 12.0488C23.9805 11.2948 23.4022 10.7011 22.6679 10.4996C21.3371 10.1333 16.0001 10.1333 16.0001 10.1333C16.0001 10.1333 10.6632 10.1333 9.3323 10.4996C8.59795 10.7011 8.01962 11.2948 7.82335 12.0488C7.4668 13.4154 7.4668 16.2667 7.4668 16.2667C7.4668 16.2667 7.4668 19.1179 7.82335 20.4845C8.01962 21.2385 8.59795 21.8323 9.3323 22.0339C10.6632 22.4 16.0001 22.4 16.0001 22.4C16.0001 22.4 21.3371 22.4 22.6679 22.0339C23.4022 21.8323 23.9805 21.2385 24.1768 20.4845C24.5335 19.1179 24.5335 16.2667 24.5335 16.2667C24.5335 16.2667 24.5335 13.4154 24.1768 12.0488Z' fill='white'/%3E%3Cpath d='M14.4004 19.2V13.8667L18.6671 16.5334L14.4004 19.2Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_764_3036'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-remote{
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2272_4192)'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.3334 21.5834C24.9375 20.9793 24.9375 20.125 24.9375 20.125V10.5C24.9375 9.64569 24.3334 9.04159 24.3334 9.04159C23.7293 8.4375 22.875 8.4375 22.875 8.4375H9.125C8.27068 8.4375 7.66659 9.04159 7.66659 9.04159C7.0625 9.64568 7.0625 10.5 7.0625 10.5V20.125C7.0625 20.9793 7.66659 21.5834 7.66659 21.5834C8.27069 22.1875 9.125 22.1875 9.125 22.1875H22.875C23.7293 22.1875 24.3334 21.5834 24.3334 21.5834ZM13.25 23.5625H18.75C19.1297 23.5625 19.4375 23.8703 19.4375 24.25C19.4375 24.6297 19.1297 24.9375 18.75 24.9375H13.25C12.8703 24.9375 12.5625 24.6297 12.5625 24.25C12.5625 23.8703 12.8703 23.5625 13.25 23.5625Z' fill='white'/%3E%3Cpath d='M18.303 16.8858C18.4191 16.9967 18.5742 17.0591 18.7351 17.0591L18.748 17.0589C18.9133 17.0555 19.0705 16.9869 19.1849 16.8681C19.2963 16.7525 19.3585 16.5985 19.3585 16.4383L19.3583 16.4254C19.3549 16.2608 19.286 16.1043 19.1667 15.9904C17.8396 14.723 16 14.7223 16 14.7223C14.1607 14.7223 12.8334 15.9904 12.8334 15.9904C12.7109 16.1074 12.6416 16.2692 12.6416 16.4383L12.6419 16.4576C12.6467 16.611 12.7084 16.7573 12.8151 16.8681C12.9296 16.9869 13.0868 17.0555 13.2521 17.0589L13.265 17.0591L13.282 17.0588C13.4369 17.0546 13.5847 16.9931 13.6965 16.8863C14.6619 15.9643 16 15.9638 16 15.9638C17.3377 15.9638 18.303 16.8858 18.303 16.8858Z' fill='black'/%3E%3Cpath d='M18.6675 12.7614C19.9501 13.2813 20.9413 14.2444 20.9413 14.2444C21.0577 14.3576 21.2139 14.4209 21.3766 14.4209L21.3843 14.4208C21.5496 14.4188 21.7073 14.3515 21.8228 14.2337C21.9364 14.1177 22 13.9621 22 13.8001L22 13.793C21.9979 13.6283 21.9303 13.4708 21.812 13.3558C20.6462 12.223 19.1375 11.6115 19.1375 11.6115C17.6288 11 16 11 16 11C14.3711 11 12.8625 11.6115 12.8625 11.6115C11.3542 12.2229 10.1886 13.3553 10.1886 13.3553C10.0703 13.4703 10.0021 13.6279 10 13.7925L10 13.8001C10 13.8075 10.0001 13.8149 10.0004 13.8223C10.0059 13.9766 10.069 14.1232 10.1772 14.2337C10.2945 14.3534 10.4554 14.4209 10.6234 14.4209C10.6316 14.4209 10.6398 14.4207 10.648 14.4204C10.802 14.4143 10.9484 14.3516 11.0587 14.2444C12.0499 13.2813 13.3325 12.7614 13.3325 12.7614C14.6152 12.2415 16 12.2415 16 12.2415C17.3848 12.2415 18.6675 12.7614 18.6675 12.7614Z' fill='black'/%3E%3Cpath d='M16.9351 19.0689C16.9351 19.5831 16.5164 20 16 20C15.4836 20 15.0649 19.5831 15.0649 19.0689C15.0649 18.5546 15.4836 18.1377 16 18.1377C16.5164 18.1377 16.9351 18.5546 16.9351 19.0689Z' fill='black'/%3E%3Cpath d='M18.303 16.8858C18.4191 16.9967 18.5742 17.0591 18.7351 17.0591L18.748 17.0589C18.9133 17.0555 19.0705 16.9869 19.1849 16.8681C19.2963 16.7525 19.3585 16.5985 19.3585 16.4383L19.3583 16.4254C19.3549 16.2608 19.286 16.1043 19.1667 15.9904C17.8396 14.723 16 14.7223 16 14.7223C14.1607 14.7223 12.8334 15.9904 12.8334 15.9904C12.7109 16.1074 12.6416 16.2692 12.6416 16.4383L12.6419 16.4576C12.6467 16.611 12.7084 16.7573 12.8151 16.8681C12.9296 16.9869 13.0868 17.0555 13.2521 17.0589L13.265 17.0591L13.282 17.0588C13.4369 17.0546 13.5847 16.9931 13.6965 16.8863C14.6619 15.9643 16 15.9638 16 15.9638C17.3377 15.9638 18.303 16.8858 18.303 16.8858Z' stroke='black' stroke-width='0.5'/%3E%3Cpath d='M18.6675 12.7614C19.9501 13.2813 20.9413 14.2444 20.9413 14.2444C21.0577 14.3576 21.2139 14.4209 21.3766 14.4209L21.3843 14.4208C21.5496 14.4188 21.7073 14.3515 21.8228 14.2337C21.9364 14.1177 22 13.9621 22 13.8001L22 13.793C21.9979 13.6283 21.9303 13.4708 21.812 13.3558C20.6462 12.223 19.1375 11.6115 19.1375 11.6115C17.6288 11 16 11 16 11C14.3711 11 12.8625 11.6115 12.8625 11.6115C11.3542 12.2229 10.1886 13.3553 10.1886 13.3553C10.0703 13.4703 10.0021 13.6279 10 13.7925L10 13.8001C10 13.8075 10.0001 13.8149 10.0004 13.8223C10.0059 13.9766 10.069 14.1232 10.1772 14.2337C10.2945 14.3534 10.4554 14.4209 10.6234 14.4209C10.6316 14.4209 10.6398 14.4207 10.648 14.4204C10.802 14.4143 10.9484 14.3516 11.0587 14.2444C12.0499 13.2813 13.3325 12.7614 13.3325 12.7614C14.6152 12.2415 16 12.2415 16 12.2415C17.3848 12.2415 18.6675 12.7614 18.6675 12.7614Z' stroke='black' stroke-width='0.5'/%3E%3Cpath d='M16.9351 19.0689C16.9351 19.5831 16.5164 20 16 20C15.4836 20 15.0649 19.5831 15.0649 19.0689C15.0649 18.5546 15.4836 18.1377 16 18.1377C16.5164 18.1377 16.9351 18.5546 16.9351 19.0689Z' stroke='black' stroke-width='0.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2272_4192'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-w-youtube {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_413_10460)'%3E%3Cpath d='M24.1768 12.0488C23.9805 11.2948 23.4022 10.7011 22.6679 10.4996C21.3371 10.1333 16.0001 10.1333 16.0001 10.1333C16.0001 10.1333 10.6632 10.1333 9.3323 10.4996C8.59795 10.7011 8.01962 11.2948 7.82335 12.0488C7.4668 13.4154 7.4668 16.2667 7.4668 16.2667C7.4668 16.2667 7.4668 19.1179 7.82335 20.4845C8.01962 21.2385 8.59795 21.8323 9.3323 22.0339C10.6632 22.4 16.0001 22.4 16.0001 22.4C16.0001 22.4 21.3371 22.4 22.6679 22.0339C23.4022 21.8323 23.9805 21.2385 24.1768 20.4845C24.5335 19.1179 24.5335 16.2667 24.5335 16.2667C24.5335 16.2667 24.5335 13.4154 24.1768 12.0488Z' fill='white'/%3E%3Cpath d='M14.4004 19.2V13.8667L18.6671 16.5334L14.4004 19.2Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_413_10460'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-w-remote {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.8486 19.5986C23.5625 18.8846 23.5625 17.875 23.5625 17.875V6.5C23.5625 5.49036 22.8486 4.77643 22.8486 4.77643C22.1346 4.0625 21.125 4.0625 21.125 4.0625H4.875C3.86535 4.0625 3.15143 4.77643 3.15143 4.77643C2.4375 5.49035 2.4375 6.5 2.4375 6.5V17.875C2.4375 18.8846 3.15143 19.5986 3.15143 19.5986C3.86536 20.3125 4.875 20.3125 4.875 20.3125H21.125C22.1346 20.3125 22.8486 19.5986 22.8486 19.5986ZM9.75 21.9375H16.25C16.6987 21.9375 17.0625 22.3013 17.0625 22.75C17.0625 23.1987 16.6987 23.5625 16.25 23.5625H9.75C9.30127 23.5625 8.9375 23.1987 8.9375 22.75C8.9375 22.3013 9.30127 21.9375 9.75 21.9375Z' fill='white'/%3E%3Cpath d='M15.7219 14.0468C15.859 14.1779 16.0424 14.2516 16.2325 14.2516L16.2477 14.2514C16.4431 14.2474 16.6288 14.1663 16.7641 14.0259C16.8957 13.8893 16.9692 13.7073 16.9692 13.518L16.969 13.5028C16.965 13.3082 16.8835 13.1233 16.7425 12.9886C15.1742 11.4907 13.0001 11.49 13.0001 11.49C10.8263 11.49 9.25774 12.9886 9.25774 12.9886C9.11293 13.1269 9.03106 13.3181 9.03106 13.518L9.03141 13.5407C9.03707 13.7221 9.11001 13.8949 9.23616 14.0259C9.37143 14.1663 9.55717 14.2474 9.75251 14.2514L9.76778 14.2516L9.78791 14.2513C9.971 14.2463 10.1456 14.1736 10.2778 14.0474C11.4187 12.9578 13.0001 12.9572 13.0001 12.9572C14.581 12.9572 15.7219 14.0468 15.7219 14.0468Z' fill='%230751C0'/%3E%3Cpath d='M16.1526 9.17257C17.6684 9.787 18.8398 10.9252 18.8398 10.9252C18.9774 11.0589 19.162 11.1337 19.3543 11.1337L19.3633 11.1337C19.5587 11.1313 19.7451 11.0517 19.8816 10.9125C20.0158 10.7754 20.091 10.5916 20.091 10.4001L20.0909 10.3917C20.0886 10.1971 20.0086 10.0109 19.8688 9.87504C18.491 8.53629 16.7081 7.81359 16.7081 7.81359C14.9251 7.09088 13.0001 7.09088 13.0001 7.09088C11.0751 7.09088 9.29212 7.81359 9.29212 7.81359C7.5096 8.53612 6.13205 9.8744 6.13205 9.8744C5.99221 10.0103 5.91163 10.1966 5.90924 10.3911L5.90918 10.4001C5.90918 10.4089 5.90934 10.4176 5.90965 10.4264C5.9162 10.6086 5.9907 10.7819 6.11861 10.9125C6.25725 11.054 6.44737 11.1337 6.6459 11.1337C6.6556 11.1337 6.6653 11.1336 6.67499 11.1332C6.85706 11.126 7.03 11.0519 7.16041 10.9252C8.33178 9.78701 9.84762 9.17257 9.84762 9.17257C11.3635 8.55814 13.0001 8.55814 13.0001 8.55814C14.6367 8.55814 16.1526 9.17257 16.1526 9.17257Z' fill='%230751C0'/%3E%3Cpath d='M14.1052 16.6268C14.1052 17.2345 13.6104 17.7272 13.0001 17.7272C12.3898 17.7272 11.895 17.2345 11.895 16.6268C11.895 16.0191 12.3898 15.5264 13.0001 15.5264C13.6104 15.5264 14.1052 16.0191 14.1052 16.6268Z' fill='%230751C0'/%3E%3Cpath d='M15.7219 14.0468C15.859 14.1779 16.0424 14.2516 16.2325 14.2516L16.2477 14.2514C16.4431 14.2474 16.6288 14.1663 16.7641 14.0259C16.8957 13.8893 16.9692 13.7073 16.9692 13.518L16.969 13.5028C16.965 13.3082 16.8835 13.1233 16.7425 12.9886C15.1742 11.4907 13.0001 11.49 13.0001 11.49C10.8263 11.49 9.25774 12.9886 9.25774 12.9886C9.11293 13.1269 9.03106 13.3181 9.03106 13.518L9.03141 13.5407C9.03707 13.7221 9.11001 13.8949 9.23616 14.0259C9.37143 14.1663 9.55717 14.2474 9.75251 14.2514L9.76778 14.2516L9.78791 14.2513C9.971 14.2463 10.1456 14.1736 10.2778 14.0474C11.4187 12.9578 13.0001 12.9572 13.0001 12.9572C14.581 12.9572 15.7219 14.0468 15.7219 14.0468Z' stroke='%230751C0' stroke-width='0.5'/%3E%3Cpath d='M16.1526 9.17257C17.6684 9.787 18.8398 10.9252 18.8398 10.9252C18.9774 11.0589 19.162 11.1337 19.3543 11.1337L19.3633 11.1337C19.5587 11.1313 19.7451 11.0517 19.8816 10.9125C20.0158 10.7754 20.091 10.5916 20.091 10.4001L20.0909 10.3917C20.0886 10.1971 20.0086 10.0109 19.8688 9.87504C18.491 8.53629 16.7081 7.81359 16.7081 7.81359C14.9251 7.09088 13.0001 7.09088 13.0001 7.09088C11.0751 7.09088 9.29212 7.81359 9.29212 7.81359C7.5096 8.53612 6.13205 9.8744 6.13205 9.8744C5.99221 10.0103 5.91163 10.1966 5.90924 10.3911L5.90918 10.4001C5.90918 10.4089 5.90934 10.4176 5.90965 10.4264C5.9162 10.6086 5.9907 10.7819 6.11861 10.9125C6.25725 11.054 6.44737 11.1337 6.6459 11.1337C6.6556 11.1337 6.6653 11.1336 6.67499 11.1332C6.85706 11.126 7.03 11.0519 7.16041 10.9252C8.33178 9.78701 9.84762 9.17257 9.84762 9.17257C11.3635 8.55814 13.0001 8.55814 13.0001 8.55814C14.6367 8.55814 16.1526 9.17257 16.1526 9.17257Z' stroke='%230751C0' stroke-width='0.5'/%3E%3Cpath d='M14.1052 16.6268C14.1052 17.2345 13.6104 17.7272 13.0001 17.7272C12.3898 17.7272 11.895 17.2345 11.895 16.6268C11.895 16.0191 12.3898 15.5264 13.0001 15.5264C13.6104 15.5264 14.1052 16.0191 14.1052 16.6268Z' stroke='%230751C0' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}

.icon-menu {
  width: 22px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Crect y='8' width='22' height='2' fill='%23222222'/%3E%3Crect y='14' width='22' height='2' fill='%23222222'/%3E%3C/svg%3E%0A");
}

.icon-select-arrow {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.16382 4.43344C8.28947 4.43359 9.17174 4.4335 9.43412 4.43344L10.3242 4.43376C10.4536 4.43364 10.6238 4.43362 10.7849 4.4336C10.8935 4.43358 10.9979 4.43357 11.0827 4.43353L7.27094 9.9899C7.19808 10.0926 7.1007 10.15 6.99935 10.15C6.898 10.15 6.80062 10.0926 6.72776 9.9899L2.91602 4.43353L3.17483 4.43348H3.67849L4.11343 4.43353C4.14728 4.43352 4.19384 4.43349 4.24589 4.43346C4.40445 4.43336 4.61398 4.43323 4.67063 4.43349H7.69796C7.73598 4.43331 7.83222 4.43338 7.92939 4.43345C8.02455 4.43352 8.12062 4.4336 8.16382 4.43344Z' fill='black'/%3E%3C/svg%3E%0A");
}

.icon-w-select-arrow {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.16382 4.43344C8.28947 4.43359 9.17174 4.4335 9.43412 4.43344L10.3242 4.43376C10.4536 4.43364 10.6238 4.43362 10.7849 4.4336C10.8935 4.43358 10.9979 4.43357 11.0827 4.43353L7.27094 9.9899C7.19808 10.0926 7.1007 10.15 6.99935 10.15C6.898 10.15 6.80062 10.0926 6.72776 9.9899L2.91602 4.43353L3.17483 4.43348H3.67849L4.11343 4.43353C4.14728 4.43352 4.19384 4.43349 4.24589 4.43346C4.40445 4.43336 4.61398 4.43323 4.67063 4.43349H7.69796C7.73598 4.43331 7.83222 4.43338 7.92939 4.43345C8.02455 4.43352 8.12062 4.4336 8.16382 4.43344Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-btn-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='https://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 12.75H20.25C20.6642 12.75 21 12.4142 21 12C21 11.5858 20.6642 11.25 20.25 11.25H3.75C3.33579 11.25 3 11.5858 3 12C3 12.4142 3.33579 12.75 3.75 12.75Z' fill='white'/%3E%3Cpath d='M19.1893 12L12.9697 18.2197C12.829 18.3603 12.75 18.5511 12.75 18.75C12.75 18.9489 12.829 19.1397 12.9697 19.2803C13.1103 19.421 13.3011 19.5 13.5 19.5C13.6989 19.5 13.8897 19.421 14.0303 19.2803L20.7803 12.5303C21.0732 12.2374 21.0732 11.7626 20.7803 11.4697L14.0303 4.71967C13.8897 4.57902 13.6989 4.5 13.5 4.5C13.3011 4.5 13.1103 4.57902 12.9697 4.71967C12.829 4.86032 12.75 5.05109 12.75 5.25C12.75 5.44891 12.829 5.63968 12.9697 5.78033L19.1893 12Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-w-close {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Crect x='8.57422' y='22.0102' width='19' height='2' transform='rotate(-45 8.57422 22.0102)' fill='white'/%3E%3Crect x='9.99023' y='8.57516' width='19' height='2' transform='rotate(45 9.99023 8.57516)' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-login {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M15 19.2188C17.8477 19.2188 20.1562 16.9102 20.1562 14.0625C20.1562 11.2148 17.8477 8.90625 15 8.90625C12.1523 8.90625 9.84375 11.2148 9.84375 14.0625C9.84375 16.9102 12.1523 19.2188 15 19.2188Z' fill='white'/%3E%3Cpath d='M15 2.8125C12.5895 2.8125 10.2332 3.52728 8.22899 4.86646C6.22477 6.20564 4.66267 8.10907 3.74022 10.336C2.81778 12.563 2.57643 15.0135 3.04668 17.3777C3.51694 19.7418 4.67769 21.9134 6.38214 23.6179C8.08659 25.3223 10.2582 26.4831 12.6223 26.9533C14.9865 27.4236 17.437 27.1822 19.664 26.2598C21.8909 25.3373 23.7944 23.7752 25.1335 21.771C26.4727 19.7668 27.1875 17.4105 27.1875 15C27.1813 11.7696 25.8953 8.67324 23.611 6.38898C21.3268 4.10472 18.2304 2.81869 15 2.8125ZM22.7109 21.8437C21.9521 20.7552 20.9741 19.8371 19.8398 19.1484C18.5375 20.3961 16.8036 21.0927 15 21.0927C13.1964 21.0927 11.4625 20.3961 10.1602 19.1484C9.02587 19.8371 8.04795 20.7552 7.28907 21.8437C5.96927 20.3575 5.10709 18.5216 4.80629 16.5569C4.50548 14.5922 4.77887 12.5824 5.59354 10.7694C6.40822 8.95636 7.72947 7.41743 9.39829 6.33776C11.0671 5.25809 13.0124 4.68369 15 4.68369C16.9876 4.68369 18.9329 5.25809 20.6017 6.33776C22.2705 7.41743 23.5918 8.95636 24.4065 10.7694C25.2211 12.5824 25.4945 14.5922 25.1937 16.5569C24.8929 18.5216 24.0307 20.3575 22.7109 21.8437Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-read-more {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 3C16 3 18.6442 3 21.0605 4.02201C21.0605 4.02201 23.3936 5.00884 25.1924 6.80761C25.1924 6.80761 26.9912 8.60638 27.978 10.9395C27.978 10.9395 29 13.3558 29 16C29 16 29 18.6442 27.978 21.0605C27.978 21.0605 26.9912 23.3936 25.1924 25.1924C25.1924 25.1924 23.3936 26.9912 21.0605 27.978C21.0605 27.978 18.6442 29 16 29C16 29 13.3558 29 10.9395 27.978C10.9395 27.978 8.60638 26.9912 6.80761 25.1924C6.80761 25.1924 5.00884 23.3936 4.02202 21.0605C4.02202 21.0605 3 18.6442 3 16C3 16 3 13.3558 4.02202 10.9395C4.02202 10.9395 5.00885 8.60638 6.80761 6.80761C6.80761 6.80761 8.60638 5.00884 10.9395 4.02201C10.9395 4.02201 13.3558 3 16 3ZM16 5C16 5 13.7614 5 11.7186 5.86402C11.7186 5.86402 9.74476 6.69889 8.22183 8.22182C8.22183 8.22182 6.6989 9.74476 5.86402 11.7186C5.86402 11.7186 5 13.7614 5 16C5 16 5 18.2386 5.86402 20.2814C5.86402 20.2814 6.69889 22.2552 8.22183 23.7782C8.22183 23.7782 9.74476 25.3011 11.7186 26.136C11.7186 26.136 13.7614 27 16 27C16 27 18.2386 27 20.2814 26.136C20.2814 26.136 22.2552 25.3011 23.7782 23.7782C23.7782 23.7782 25.3011 22.2552 26.136 20.2814C26.136 20.2814 27 18.2386 27 16C27 16 27 13.7614 26.136 11.7186C26.136 11.7186 25.3011 9.74476 23.7782 8.22183C23.7782 8.22183 22.2552 6.69889 20.2814 5.86402C20.2814 5.86402 18.2386 5 16 5Z' fill='%231C1C1C'/%3E%3Cpath d='M17.4696 11.0553C17.282 10.8678 17.0277 10.7625 16.7625 10.7625C16.4972 10.7625 16.2429 10.8678 16.0553 11.0553C15.8678 11.2429 15.7625 11.4972 15.7625 11.7625C15.7625 12.0277 15.8678 12.282 16.0553 12.4696L19.5857 16L16.0557 19.53C15.8682 19.7175 15.7625 19.9722 15.7625 20.2374C15.7625 20.5027 15.8678 20.757 16.0553 20.9446C16.2429 21.1321 16.4972 21.2374 16.7625 21.2374C17.0277 21.2374 17.282 21.1321 17.4696 20.9446L21.7071 16.7071C22.0976 16.3165 22.0976 15.6834 21.7071 15.2928L17.4696 11.0553Z' fill='%231C1C1C'/%3E%3Cpath d='M11 17H21C21.5523 17 22 16.5523 22 16C22 15.4477 21.5523 15 21 15H11C10.4477 15 10 15.4477 10 16C10 16.5523 10.4477 17 11 17Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
}

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

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

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

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

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

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

.icon-contact-us {
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-contact-us.svg");
}
.icon-w-contact-us {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 12.75H20.25C20.6642 12.75 21 12.4142 21 12C21 11.5858 20.6642 11.25 20.25 11.25H3.75C3.33579 11.25 3 11.5858 3 12C3 12.4142 3.33579 12.75 3.75 12.75Z' fill='white'/%3E%3Cpath d='M19.1893 12L12.9697 18.2197C12.829 18.3603 12.75 18.5511 12.75 18.75C12.75 18.9489 12.829 19.1397 12.9697 19.2803C13.1103 19.421 13.3011 19.5 13.5 19.5C13.6989 19.5 13.8897 19.421 14.0303 19.2803L20.7803 12.5303C21.0732 12.2374 21.0732 11.7626 20.7803 11.4697L14.0303 4.71967C13.8897 4.57902 13.6989 4.5 13.5 4.5C13.3011 4.5 13.1103 4.57902 12.9697 4.71967C12.829 4.86032 12.75 5.05109 12.75 5.25C12.75 5.44891 12.829 5.63968 12.9697 5.78033L19.1893 12Z' fill='white'/%3E%3C/svg%3E%0A");
}


.icon-diagonal-arrow {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.39478 1.10962L1.75196 0.466797L0.466309 1.75245L1.10913 2.39527L8.56631 9.85245H1.75196H0.842866V11.6706H1.75196H10.7611H11.6701V10.7615V1.75245V0.843355H9.85196V1.75245V8.5668L2.39478 1.10962Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}

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

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

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

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

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

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

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

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

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

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

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

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

.bold {
  font-weight: 700;
}

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

.navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 100px 0 40px;
  gap: 4px;
}
.navigation .page-prev a, .navigation .page-next a {
  padding: 0;
}
.navigation .pagination {
  display: flex;
  align-items: center;
  gap: 4px;
}
.navigation a {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: "Pretendard";
}
.navigation a.active {
  background-color: #222222;
  color: #fff;
}
.navigation a.active:hover {
  background-color: #222222;
}
.navigation a:hover {
  background-color: #eee;
}
@media (max-width: 767.98px) {
  .navigation {
    gap: 2.75px;
    margin: 40px 0;
  }
  .navigation .pagination {
    gap: 2.75px;
  }
}

.btn {
  width: auto;
  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;
  height: 44px;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 24px;
  border-radius: 8px;
  font-size: 15px;
  line-height: 160%;
  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-primary {
  background-color: #0965EE !important;
  color: #fff !important;
}
.btn.btn-primary:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.btn.btn-primary:disabled {
  opacity: 0.3;
}
.btn.btn-outline-primary {
  background-color: #fff !important;
  border: 1px solid #0965EE !important;
  color: #0965EE !important;
}
.btn.btn-outline-primary:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.btn.btn-outline-primary:disabled {
  opacity: 0.3;
}
.btn.btn-secondary {
  background-color: #FEF4F5 !important;
  color: #0965EE !important;
}
.btn.btn-dark {
  background-color: #222222 !important;
  color: #fff !important;
}
.btn.btn-red {
  background-color: #ff0000 !important;
  color: #fff !important;
}
.btn.btn-outline-dark {
  background-color: #fff !important;
  border: 1px solid #222222 !important;
  color: #222222 !important;
}
.btn.btn-outline-remove {
  background-color: #f0edf5 !important;
  border: 1px solid #ccc !important;
  color: #000 !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.btn-outline-danger-dark {
  border: 1px solid #FA4555 !important;
  color: #FA4555 !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%;
  font-size: 15px;
  line-height: 160%;
  color: #000;
  height: 44px;
  padding: 0 40px 0 12px;
  border: 1px solid #f7f7f7;
  border-radius: 8px;
  background-color: #f7f7f7;
}
.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;
}

.input-form .input-txt {
  display: none;
}
.input-form .input-success-txt {
  display: none;
}
.input-form .form {
  position: relative;
}
.input-form.error .input-txt {
  display: none;
}
.input-form.error .form-control {
  border: 1px solid #DF0D0D;
}
.input-form .input-error-id-txt {
  display: none;
}
.input-form .input-success-id-txt {
  display: none;
}
.input-form .input-error-name-txt {
  display: none;
}
.input-form .input-error-passwd-txt {
  display: none;
}
.input-form .input-error-repasswd-txt {
  display: none;
}
.input-form .input-error-email-txt {
  display: none;
}
.input-form .input-error-phone-txt {
  display: none;
}
.input-form .success .form::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background-image: url("../images/check-input.svg");
  width: 18px;
  height: 18px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.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-error-id-txt {
  color: #DF0D0D;
  font-size: 13px;
  margin-top: 4px;
}

.input-success-id-txt {
  color: #0965EE;
  font-size: 13px;
  margin-top: 4px;
}

.input-error-name-txt {
  color: #DF0D0D;
  font-size: 13px;
  margin-top: 4px;
}

.input-error-passwd-txt {
  color: #DF0D0D;
  font-size: 13px;
  margin-top: 4px;
}

.input-error-repasswd-txt {
  color: #DF0D0D;
  font-size: 13px;
  margin-top: 4px;
}

.input-error-email-txt {
  color: #DF0D0D;
  font-size: 13px;
  margin-top: 4px;
}

.input-error-phone-txt {
  color: #DF0D0D;
  font-size: 13px;
  margin-top: 4px;
}

.input-form .input-form-title {
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 4px;
}

.certification-form > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.certification-form > div .form-control {
  flex: 1;
}
.certification-form > div .btn {
  width: 110px;
  height: 44px;
  padding: 0 16px;
  font-size: 14px;
}

.time-form {
  position: relative;
  margin-top: 24px;
}
.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;
}

.clearButton {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.form-control:not(:-moz-placeholder-shown) + .clearButton {
  display: inline-block; /* input에 값이 있을 때만 버튼을 표시 */
}

.form-control:not(:placeholder-shown) + .clearButton {
  display: inline-block; /* input에 값이 있을 때만 버튼을 표시 */
}

.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 #f7f7f7;
  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: #f7f7f7;
}
.form-select.sub-page {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='https://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: #0965EE;
  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='https://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%;
}

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

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

.table-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 1rem;
}
.table-header .table-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #000000;
}
@media (min-width: 992px) {
  .table-header .table-title {
    font-size: 28px;
  }
}
.table-header .form-select {
  width: auto;
  border: 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2D3338;
  padding-left: 0;
}
@media (min-width: 992px) {
  .table-header .form-select {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
}
.table-header .type-1 {
  display: flex;
  align-items: center;
  gap: 24px;
  letter-spacing: -0.3px;
}
.table-header .type-1 p {
  font-size: 15px;
  color: #DF0D0D;
  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: #DF0D0D;
}
@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;
  border-right: 1px solid #eee;
}
.table.custom-table thead th span {
  color: #0965EE;
}
.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;
word-break: break-word;
}
.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.mypage {
  gap: 24px;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .scroll-tab .nav-tabs.mypage {
    justify-content: flex-start;
  }
}
.scroll-tab .nav-tabs.mypage .nav-item .nav-link {
  width: 100%;
  font-size: 14px;
  line-height: 150%;
  padding: 14px 0;
  font-weight: 700;
  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: #0965EE;
  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: #0965EE;
}
.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.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: #0965EE;
}
.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: 18px;
  height: 18px;
  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;
  cursor: pointer;
}
.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='https://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 #eee;
}
.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='https://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 #0965EE;
  position: relative;
}
.form-check-input:checked[type=radio] ~ .form-check-label {
  color: #0965EE;
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

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

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

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

/* switch */
.form-switch {
  padding-left: 56px;
}
.form-switch .form-check-input {
  width: 48px;
  margin-left: -56px;
  background-color: #b9b9b9;
  background-image: url("data:image/svg+xml,%3csvg xmlns='https://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: #0965EE;
  background-image: url("data:image/svg+xml,%3csvg xmlns='https://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: 13px;
    line-height: 1.7;
  }
}
/*.content-head {
  width: 100%; display: flex; flex-direction: column; align-items: center;
  &.order-complete {padding: 280px 0;}
  .content-title {
    font-size: 40px; font-weight: 700; text-align: center; line-height: 140%; color: #000;
  }
  @include media-breakpoint-down(lg) {
    padding: 40px 0;
    .content-title{font-size: 28px;}
  }
}*/
.content-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 160px;
}
.content-head.bg {
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #E9EBF4 88.02%);
  overflow: hidden;
}
.content-head h1 {
  font-size: 80px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 33px;
  text-transform: capitalize;
}
.content-head .text {
  color: #666;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
}
.content-head .text strong.text-primary {
  display: block;
  margin-bottom: 14px;
}
@media (max-width: 767.98px) {
  .content-head {
    margin-bottom: 80px;
  }
  .content-head h1 {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 24px;
  }
  .content-head .text {
    font-size: 15px;
  }
  .content-head .text strong.text-primary {
    margin-bottom: 27px;
  }
  .content-head .sub-visual {
    height: 288px;
    display: flex;
    align-items: self-end;
  }
}

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

.main#wrap {
  padding: 0;
}

#wrap {
  padding-top: 60px;
}
@media (min-width: 1200px) {
  #wrap {
    padding-top: 74px;
  }
}
#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: 74px;
  }
}

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

.sub-content {
  padding: 160px 0;
}
@media (max-width: 767.98px) {
  .sub-content {
    padding: 40px 0 100px;
  }
}

#footer {
  background: #fff;
  padding: 60px 0 59px;
  border-top: 1px solid #eee;
  position: relative;
}
#footer .desc {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  margin-bottom: 16px;
}
#footer .desc dl {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 14px;
  line-height: 21px;
}
#footer .desc dl dt {
  width: 70px;
  color: #666;
}
#footer .desc dl dd {
  width: calc(100% - 70px);
  color: #222222;
  font-weight: 600;
  word-break: break-word;
}
#footer .copyright {
  color: #999;
  font-size: 14px;
  line-height: 21px;
}
#footer .rg .list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
}
#footer .rg .list li {
  position: relative;
}
#footer .rg .list li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
}
#footer .rg .list li:last-child::after {
  content: none;
}
#footer .rg .list li a {
  color: #666;
  font-weight: 700;
  font-size: 14px;
  line-height: 22.4px;
}
@media (max-width: 767.98px) {
  #footer {
    padding: 32px 0;
  }
  #footer .desc dl {
    font-size: 13px;
    line-height: 19.5px;
  }
  #footer .rg .list {
    gap: 16px;
    justify-content: center;
    margin-top: 32px;
  }
  #footer .rg .list li {
    position: relative;
  }
  #footer .rg .list li::after {
    right: -8px;
  }
  #footer .rg .list li a {
    font-size: 12px;
    line-height: 19.2px;
  }
  #footer .copyright {
    font-size: 12px;
    line-height: 18px;
  }
}

.btn-top {
 /*  position: fixed;
  bottom: 0;
  right: 3%; 
  opacity: 0;*/
  z-index: 999;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border-radius: 100%;
}
/* .btn-top.on {
  opacity: 1;
} */
.btn-top .icon-top {
  width: 24px;
  height: 24px;
  background: url("../images/icon-top.svg");
}
#btnFixed{position:fixed;right:4.6%;bottom:9%;display: flex;flex-direction: column;gap: 12px;align-items: flex-end;}
#btnFixed .controller{flex-direction: column;gap: 12px;align-items: flex-end;display: flex;}
#btnFixed .controller ul{gap:12px;flex-direction: column;gap: 12px;align-items: flex-end;display: flex;    text-align: right;}
#btnFixed .controller li{display: flex;align-items: center;gap: 12px;justify-content: flex-end;margin-right:4px;visibility: hidden;opacity: 0;height: 0;}
#btnFixed .controller #mainButton{width:48px;height:48px;background-color: #0965EE;border-radius:100%;}
#btnFixed .controller a{display: flex;align-items: center;justify-content: center;width:40px;height:40px;background-color: #222222;border-radius:100%;}
#btnFixed .controller p{color:#222222;font-size:16px;font-weight:700;line-height:20px;}
.icon-inquiry-01{width:20px;height:20px;background: url("../images/icon-inquiry-01.svg");}
.icon-inquiry-02{width:20px;height:20px;background: url("../images/icon-inquiry-02.svg");}
.icon-inquiry-03{width:20px;height:20px;background: url("../images/icon-inquiry-03.svg");}
.icon-inquiry-04{width:20px;height:20px;background: url("../images/icon-inquiry-04.svg");}

@media (max-width: 767.98px) {
#btnFixed{bottom:5%;gap:8px;}
#btnFixed .controller {gap: 8px;}
#btnFixed .controller ul{gap:8px;}
#btnFixed .controller p{font-size:14px;line-height: 18px;}
}

.header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 17px 80px;
}
@media (max-width: 1199.98px) {
  .header {
    padding: 12px 16px;
  }
  .header .logo {
    height: 26px;
  }
  .header .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.header nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header nav ul {
  display: flex;
  align-items: center;
  gap: 50px;
}
.header nav ul li a {
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1199.98px) {
  .header nav {
    display: none;
  }
}
.header .tool-box {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1199.98px) {
  .header .tool-box {
    gap: 16px;
  }
}
.header .tool-box .sns {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1199.98px) {
  .header .tool-box .sns {
    display: none;
  }
}
.header .tool-box .info-form {
  display: flex;
  align-items: center;
  gap: 25px;
}
.header .tool-box .info-form .login {
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .header .tool-box .info-form {
    gap: 15px;
  }
  .header .tool-box .info-form .login {
    font-size: 12px;
  }
}
.header .tool-box .info-form .select-wrap {
  width: 50px;
  font-size: 14px;
}
.header .tool-box .info-form .select-wrap .select-btn {
  padding: 0;
}
.header .tool-box .info-form .select-wrap .optionlist {
  padding: 0;
  border-radius: 8px;
  width: 60px;
}
.header .tool-box .info-form .select-wrap .optionlist .optionitem {
  padding: 8px;
  margin-top: 0;
  text-align: center;
}
.full-screen-menu {
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  background-color: #0965EE;
  color: #fff;
}
.full-screen-menu.active {
  display: block;
}
.full-screen-menu nav ul li a {
  color: #fff;
}
.full-screen-menu .tool-box .info-form .login {
  color: #fff;
}
.full-screen-menu .tool-box .info-form .select-wrap {
  width: 50px;
  font-size: 14px;
}
.full-screen-menu .tool-box .info-form .select-wrap .select-btn {
  color: #fff;
}
.full-screen-menu .tool-box .info-form .select-wrap .optionlist {
  padding: 0;
  color: #000;
}
.full-screen-menu .tool-box .info-form .select-wrap .optionlist .optionitem {
  padding: 8px;
  margin-top: 0;
}
.full-screen-menu .menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.full-screen-menu .menu ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .full-screen-menu .menu ul {
    gap: 16px;
  }
}
.full-screen-menu .menu ul li a {
  font-family: Montserrat;
  font-size: 70px;
  font-weight: 700;
  line-height: 130%;
  color: #fff;
  position: relative;
}
.full-screen-menu .menu ul li a:hover::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #B3F200;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 15px;
  right: -30px;
}
@media (max-width: 1199.98px) {
  .full-screen-menu .menu ul li a {
    font-size: 32px;
    line-height: 160%;
  }
  .full-screen-menu .menu ul li a:hover::after {
    content: none;
  }
}
.full-screen-menu .btn-list {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 5rem;
}
.full-screen-menu .btn-list .icon-w-blog {
  width: 40px;
  height: 40px;
}
.full-screen-menu .btn-list .icon-w-youtube {
  width: 40px;
  height: 40px;
}

.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: #0965EE;
  }
}

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

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

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

.sign-container {
  width: 100%;
  height: 100%;
  max-width: 560px;
  margin: 154px auto 100px;
  background: #fff;
}
.sign-container .content {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #eee;
}
@media (max-width: 767.98px) {
  .sign-container {
    margin: 0 auto;
    padding-top: 74px;
    padding-bottom: 75px;
  }
  .sign-container .content {
    border: 0;
  }
}
.sign-container .top-head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 80px 0;
  margin-bottom: 80px;
}
.sign-container .top-head .sign-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 160%;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .sign-container .top-head {
    padding: 0 16px 0;
    margin-bottom: 53px;
  }
  .sign-container .top-head .sign-title {
    font-size: 24px;
  }
}
.sign-container .sign-content {
  padding: 0 16px;
}
.input-form {
  padding-top: 16px;
}
.input-form:first-child {
  padding-top: 0;
}

.sign-container .sign-content .login-btn {
  width: 100%;
  margin-top: 60px;
}
.sign-container .sign-content .save-login {
  margin-top: 10px;
}
.sign-container .sign-content .save-login .form-check-label {
  color: #666;
}
@media (min-width: 992px) {
  .sign-container .sign-content {
    padding: 0 80px 80px;
  }
  .sign-container .sign-content .save-login {
    margin-top: 14px;
  }
}
.sign-container .sign-content .link-login {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 33px;
}
.sign-container .sign-content .link-login li {
  position: relative;
}
.sign-container .sign-content .link-login li a {
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.sign-container .sign-content .link-login li + li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
}
.sign-container .sign-content .login-type {
  margin-top: 40px;
}
.sign-container .sign-content .login-type ul {
  display: flex;
  gap: 12px;
}
.sign-container .sign-content .login-type ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.sign-container .sign-content .login-type ul li.kakao {
  flex: 1 0 0;
}
.sign-container .sign-content .login-type ul li.kakao a {
  padding: 9.46px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.07px;
  background-color: #fee500;
  border-radius: 40px;
}
.sign-container .sign-content .login-type ul li.naver a {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background-color: #00c43b;
}
.sign-container .sign-content .login-type ul li.google a {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #eee;
}
.sign-container .sign-content .login-type ul .icon-kakao {
  width: 27px;
  height: 26px;
  background: url("../images/icon-kakao.png");
}
.sign-container .sign-content .login-type ul .icon-naver {
  width: 20px;
  height: 18px;
  background: url("../images/icon-naver.png");
}
.sign-container .sign-content .login-type ul .icon-google {
  width: 26px;
  height: 26px;
  background: url("../images/icon-google.png");
}
@media (max-width: 767.98px) {
  .sign-container .sign-content .login-type ul {
    gap: 8px;
  }
  .sign-container .sign-content .login-type ul li.kakao a {
    padding: 13px 10px;
    font-size: 13px;
  }
}
.sign-container .sign-content .btn-login {
  margin-top: 40px;
  width: 100%;
}
.sign-container .sign-content .info-text {
  display: flex;
  align-items: center;
  margin: 40px 0;
  text-align: center;
  flex-direction: column;
  row-gap: 8px;
  padding: 12px;
  font-size: 14px;
  border-radius: 8px;
  background: rgba(0, 35, 131, 0.04);
}
.sign-container .sign-content .info-text strong {
  font-size: 16px;
  font-weight: 700;
}
.sign-container .sign-content .info-text.login-text {
  background-color: #f7f7f7;
  border-radius: 0;
  margin: 40px 0 0;
}
.sign-container .sign-content .info-text.login-text strong {
  color: #666;
}
.sign-container .sign-content .info-text.success-text {
  display: block;
  padding: 32px 12px;
  margin: 60px 0 0;
  color: #222222;
  font-size: 16px;
}
.sign-container .sign-content .info-text.success-text strong {
  font-size: 18px;
  color: #0965EE;
  font-weight: 400;
}
.sign-container .find-result {
  text-align: center;
  margin-top: -40px;
}
.sign-container .find-result .icon-find {
  width: 160px;
  height: 160px;
  background: url("../images/icon-find.svg");
}
.sign-container .find-result .success-text {
  margin: 60px 0 40px;
}
.sign-container .find-result .login-btn {
  margin-top: 40px;
}

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

.icon-warning {
  width: 16px;
  height: 17px;
  margin-right: 4px;
  background: url("../images/icon-warning.svg");
}

.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 .table-header {
  margin-bottom: 20px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .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: 70px;
  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__content{
    .reply{
      display: flex; padding: 24px; border-bottom: 1px solid #ddd;
      .desc{
        width: 80%; font-size: 16px; line-height: 28px; color: #212222; display: flex; align-items: center;
        .icon-lock{ margin-right: 15px;}
      }
      .user{
        width:10%; font-weight: 500; font-size: 16px; line-height: 28px; color: #666666; text-align: center; word-break: break-all;
      }
      .date{
        width:10%; display: flex; justify-content: end; font-size: 16px; line-height: 28px; color: #5A5B5D;
      }
    }
    .re-reply{
      display: flex; flex-direction: column; padding: 32px 24px; border-bottom: 1px solid #ddd; background-color:#F6F6F6;
      .desc{
        font-size: 16px; line-height: 28px; color: #212222;
      }
      .info {
        display: flex; align-items: center; margin-top: 32px;
        .btn-box {
          width: 80%;
          .btn:nth-child(2) {margin-left: 8px;}
        }
      }
      .txt-box {display: flex; align-items: center; }
      .user {width: 10%; word-break: break-all;}
      .date{width: 10%; font-size: 16px; line-height: 28px; color: #5A5B5D; display: flex; justify-content: end;}
    }
  }
  .no-reply{
    padding: 120px 0; display: flex; align-items: center; justify-content: center;
    .desc{ font-weight: 500; font-size: 16px; line-height: 19px; color: #666666; }
  }
  .comment-write{
    width: 100%; margin-top: 30px; display: flex; flex-direction: column; align-items: flex-end; gap: 9px;
    textarea {
      padding: 15px 20px;
    }
  }
  @include media-breakpoint-down(lg){
    .comment-wrap__content{
      .reply{
        display: block; padding: 18px 12px 18px 15px; border-bottom: 1px solid #ddd;
        .desc{
          width: 100%; font-size: 14px; line-height: 24px; color: #5A5B5D; display: flex; align-items: center;
          .icon-lock{ margin-right: 8px;}
        }
        .user{
          font-weight: 500; font-size: 14px; line-height: 24px; color: #666666; margin-top: 10px; display: inline-block; margin-right: 16px; width: auto;
        }
        .date{
          display: inline-flex; gap: 15px; width: auto; font-size: 14px; line-height: 24px; color: #5A5B5D;
        }
      }
      .re-reply{
        display: block; padding: 18px 18px 18px 15px; border-bottom: 1px solid #ddd; background-color:#F8F8F8;
        .desc{
          width: 100%; display: flex;
          span{
            font-size: 16px; line-height: 28px; color: #5A5B5D; width: 90%;
          }                    
        }
        .info {
          .btn-box {
            width: 50%;
          }
        }
        .user{
          font-weight: 500; font-size: 14px; line-height: 24px; color: #666666; display: inline-block; margin-right: 16px; width: auto;
        } 
        .date{
          display: inline-flex; gap: 15px; width: auto;
          span{
            font-size: 14px; line-height: 24px; 
            &:nth-child(1){
              color: #999999;
            }
            &:nth-child(2){
              color: #5A5B5D;
            }
          }
        }
      }
    }
    .no-reply{
        padding: 80px 0; display: flex; align-items: center; justify-content: center;
        .desc{ font-weight: 500; font-size: 16px; line-height: 19px; color: #666666; }
    }
    .comment-write{
      width: 100%; margin-top: 30px;
      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;
}

.content.inquiry .desc-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  padding: 22px 0;
  border-top: 2px solid #222;
  border-bottom: 1px solid #eee;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .content.inquiry .desc-title {
    font-size: 32px;
    padding: 32px 0;
  }
}
.content.inquiry .sub {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .content.inquiry .sub {
    font-size: 16px;
    margin-bottom: 80px;
  }
}

.about-section {
  padding: 160px 0;
}
.about-section.vision{
  background-color:#F7F7F7;
}
@media (max-width: 991.98px) {
  .about-section {
    padding: 60px 0;
  }
}
.about-section .box .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 160%;
}
.about-section .box .desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  color: #666;
  margin-top: 40px;
	word-break: break-word;
}
@media (max-width: 991.98px) {
  .about-section .box .title {
    font-size: 24px;
	word-break: break-word;
  }
  .about-section .box .desc {
    font-size: 16px;
  }
}
.about-section .sign {
  display: flex;
  gap: 16px;
  margin-top: 80px;
  justify-content: end;
}
.about-section .sign .position {
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  color: #333;
}
.about-section .sign .name {
  color: #333;
  font-size: 24px;
  line-height: 160%;
}
@media (max-width: 991.98px) {
  .about-section .sign {
    justify-content: start;
    gap: 37px;
    margin-top: 40px;
  }
  .about-section .sign .position {
    font-size: 16px;
	    word-break: break-word;
  }
  .about-section .sign .name {
    font-size: 18px;
    margin-top: 4px;
  }
}
.about-section .vision-list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 115px;
}
@media (max-width: 991.98px) {
  .about-section .vision-list {
    flex-flow: wrap;
    margin-top: 60px;
  }
}
.about-section .vision-list .vision-content {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 40px;
}
.about-section .vision-list .vision-content .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  margin-top: 24px;
}
.about-section .vision-list .vision-content .desc {
  font-size: 18px;
  line-height: 160%;
  margin-top: 4px;
  text-align: center;
      word-break: break-word;
}
@media (max-width: 991.98px) {
  .about-section .vision-list .vision-content {
    width: calc(50% - 10px);
    padding: 0 10px;
  }
  .about-section .vision-list .vision-content .img {
    width: 70%;
  }
  .about-section .vision-list .vision-content .title {
    font-size: 16px;
    margin-top: 12px;
  }
  .about-section .vision-list .vision-content .desc {
    font-size: 14px;
  }
}
.about-section .esg-wrap{
  display: flex; align-items: center; justify-content: center; gap: 32px;
}
.about-section .esg-box{
  width: 320px; height: 320px; background-color: #F7F7F7; border-radius: 24px; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.about-section .esg-box .title{
  font-size: 24px; font-weight: 700; line-height: 160%; 
}
.about-section .esg-box .desc{
  font-size: 18px; line-height: 160%
}
.about-section .esg-text{
  text-align: center; margin-top: 80px; font-size: 32px; font-weight: 700; line-height: 160%; opacity: 0; transform: translateY(80px);
}
.about-section #circle, .about-section #line{ 
  position: relative; display: inline-block;
}
.about-section #circle::after{
  content: ""; position: absolute; width: 0; height: 80%; border-radius: 26px; background-color: #8BC9FF; left: -8px; top: 50%; z-index: -1; transform: translateY(-50%);transition:  all .5s;
}
.about-section #circle.active::after{
  content: ""; position: absolute; width: calc(100% + 16px); height: 80%; border-radius: 26px; background-color: #8BC9FF; left: -8px; top: 50%; z-index: -1; transform: translateY(-50%); transition:  all .5s;
}
.about-section #line::after{
  content:""; position: absolute; width: 0; height: 8px; border-radius: 12px;
  background-color: #8BC9FF; left: 0; bottom: 10px; z-index: -1;transition:  all .5s;
}
.about-section #line.active::after{
  content:""; position: absolute; width: 100%; height: 8px; border-radius: 12px;
  background-color: #8BC9FF; left: 0; bottom: 10px; z-index: -1;transition:  all .5s;
}
@media (max-width: 768px) {
  .about-section .esg-wrap{
    flex-direction: column; gap: 16px;
  }
  .about-section .esg-box{
    width: 100%; height: 250px;
  }
  .about-section .esg-box img{
    width: 30%;
  }
  .about-section .esg-box .title{
    font-size: 20px;
  }
  .about-section .esg-box .desc{
    font-size: 16px;
  }
  .about-section .esg-text{
    margin-top: 40px; font-size: 20px;
	    word-break: break-word;
  }
  .about-section #circle.active::after{
     width: calc(100% + 8px); left: -4px;
  }
  .about-section #line.active::after{
    left: 0; bottom: 6px;
  }
}
.about-section .ci {
  display: flex;
  justify-content: space-between;
}
.about-section .ci-logo {
  display: flex;
  flex-direction: column;
  gap: 230px;
}
.about-section .ci .btn-box {
  display:flex;gap:24px;
}
.about-section .ci .btn-box .btn {
  display: flex;align-items: center;justify-content: space-between;width:236px;height:48px;padding: 0 16px;border:1px solid #EEEEEE;border-radius:0;
}

@media (max-width: 991.98px) {
  .about-section .ci {
    flex-direction: column;
  }
  .about-section .ci .ci-logo {
    width: 70%;
    margin: 0 auto 40px;
    text-align: center;
  }
}
.about-section .ci .introduce {
  width: 45%;
}
@media (max-width: 991.98px) {
  .about-section .ci .introduce {
    width: 100%;
  }
}
.about-section .ci .introduce .content {
  text-align: right;
}
.about-section .ci .introduce .content .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 16px;
}
.about-section .ci .introduce .content .desc {
  font-size: 18px;
  line-height: 160%;
  color: #666;
  margin-bottom: 40px;
  word-break: break-word;
}
@media (max-width: 991.98px) {
  .about-section .ci .introduce .content {
    text-align: center;
  }
  .about-section .ci .introduce .content .title {
    margin-bottom: 16px;
  }
  .about-section .ci .introduce .content .desc {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.about-section .ci .introduce .color-list {
  display: flex;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .about-section .ci .introduce .color-list {
    flex-flow: wrap;
    justify-content: center;
  }
}
.about-section .ci .introduce .color-list .color {
  width: 20%;
}
@media (max-width: 991.98px) {
  .about-section .ci .introduce .color-list .color {
    width: calc(33.3% - 16px);
  }
}
.about-section .ci .introduce .color-list .color .bg {
  width: 100%;
  height: 60px;
  margin-bottom: 7px;
}
.about-section .ci .introduce .color-list .color .bg.bg-1 {
  background-color: #FEDD26;
}
.about-section .ci .introduce .color-list .color .bg.bg-2 {
  background-color: #001A7B;
}
.about-section .ci .introduce .color-list .color .bg.bg-3 {
  background-color: #19B9D8;
}
.about-section .ci .introduce .color-list .color .bg.bg-4 {
  background-color: #4B4C50;
}
.about-section .ci .introduce .color-list .color .bg.bg-5 {
  background-color: #838585;
}
.about-section .ci .introduce .color-list .color p {
  color: #666;
  font-weight: 700;
  line-height: 120%;
  font-size: 14px;
}

.foot-banner {
  width: 100%;
  height: 900px;
  background-image: url("../images/foot-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.foot-banner .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  color: #fff;
  text-align: center;
}
.foot-banner .desc {
  font-size: 18px;
  line-height: 160%;
  color: #fff;
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .foot-banner {
    height: 400px;
  }
  .foot-banner .title {
    font-size: 24px;
	    word-break: break-word;
  }
  .foot-banner .desc {
    font-size: 16px;
    margin-top: 24px;
  }
}

.employ-section {
  padding: 160px 0 0;
}
.employ-section.bg-gray {
  padding: 160px 0;
  background-color: #f7f7f7;
}
.employ-section .top-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}
.employ-section .top-title em {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.employ-section .top-title strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 991.98px) {
  .employ-section {
    padding: 80px 0 0;
  }
  .employ-section.bg-gray {
    padding: 80px 0;
  }
  .employ-section .top-title {
    margin-bottom: 40px;
  }
  .employ-section .top-title em {
    margin-bottom: 16px;
    font-size: 12px;
  }
  .employ-section .top-title strong {
    font-size: 20px;
    line-height: 130%;
  }
}
.employ-section .place-swiper-box {
  position: relative;
}
.employ-section .place-swiper-box .place-swiper {
  width: 1640px;
  overflow: hidden;
}
.employ-section .place-swiper-box .swiper-scrollbar {
  position: relative;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 5.32% 0 0;
  display: flex;
  align-items: center;
  max-width: 1344px;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
}
.employ-section .place-swiper-box .swiper-scrollbar-drag {
  margin: 0;
  background-color: #222222;
  width: 108px;
  height: 8px;
  margin: 0;
  border-radius: 8px;
}
@media (max-width: 1400px) {
  .employ-section .place-swiper-box .place-swiper {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .employ-section .place-swiper-box .swiper-scrollbar {
    margin: 19px 0 0;
  }
  .employ-section .place-swiper-box .swiper-scrollbar-drag {
    width: 70px;
    height: 4px;
    border-radius: 4px;
  }
}
.employ-section .item {
  padding: 32px 24px;
  border-radius: 24px;
  background-color: #f7f7f7;
  margin-bottom: 20px;
}
.employ-section .item .img {
  margin-bottom: 8px;
  text-align: right;
}
.employ-section .item .text-box {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.employ-section .item .text-box strong {
  font-size: 20px;
  display: inline-block;
  color: #000;
}
.employ-section .item .text-box .text {
  margin-top: 4px;
}
.employ-section .item .text-box .text p {
  color: #666;
}
@media (max-width: 767.98px) {
  .employ-section .item .item {
    padding: 12px 24px;
    border-radius: 18.268px;
    width: 242px !important;
    height: 320px;
    flex: 0 0 auto;
  }
  .employ-section .item .item .img img {
    width: 90px;
    height: 90px;
  }
  .employ-section .item .item .text-box strong {
    font-size: 14px;
  }
  .employ-section .item .item .text-box .text {
    margin-top: 4px;
  }
  .employ-section .item .item .text-box .text p {
    font-size: 12px;
  }
}

.accordion {
  margin-bottom: 160px;
}
@media (max-width: 991.98px) {
  .accordion {
    margin-bottom: 80px;
  }
}

.employ-company {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.employ-company li {
  width: calc((100% - 48px) / 3);
}
.employ-company li a {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  row-gap: 6px;
  justify-content: center;
  height: 180px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
}
.employ-company li a p {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.employ-company li a p strong {
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 991.98px) {
  .employ-company {
    flex-direction: column;
    row-gap: 8px;
  }
  .employ-company li {
    width: 100%;
  }
  .employ-company li a {
    row-gap: 5.5px;
    height: 100px;
  }
  .employ-company li a img {
    max-width: 154px;
  }
  .employ-company li a p {
    font-size: 14px;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .employ-company li a p strong {
    font-size: 18px;
  }
  .employ-company li a p .icon-emoji {
    width: 30px;
    height: 30px;
  }
}

.icon-employ-point {
  width: 12px;
  height: 12px;
  background: url("../images/icon-employ-point.png");
}

.icon-q {
  width: 18px;
  height: 19px;
  margin: 4px 12px 0 0;
  background: url("../images/icon-q.svg");
}

.icon-emoji {
  width: 40px;
  height: 40px;
  background: url("../images/icon-emoji.svg");
  background-size: 100%;
}

.history-wrap {
  position: relative;
  height: 700px;
}
@media (max-width: 767.98px) {
  .history-wrap {
    height: 500px;
  }
}
.history-wrap .years {
  position: sticky;
  top: 0;
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .history-wrap .years {
    position: static;
    margin-bottom: 100px;
  }
}
@media (max-width: 767.98px) {
  .history-wrap .years {
    margin-bottom: 50px;
  }
}
.history-wrap .years .company {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.2px;
  margin-bottom: 32px;
}
@media (max-width: 1199.98px) {
  .history-wrap .years .company {
    margin-bottom: 16px;
  }
}
.history-wrap .years .desc {
  font-size: 40px;
  line-height: 130%;
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .history-wrap .years .desc {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.history-wrap .history-list {
  width: 57%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
@media (max-width: 1199.98px) {
  .history-wrap .history-list {
    width: 100%;
    position: static;
	height: calc(100% - 180px);
  }
}
.history-wrap .history-list::-webkit-scrollbar {
  width: 6px; /* 스크롤바의 너비 */
}
@media (max-width: 767.98px) {
  .history-wrap .history-list::-webkit-scrollbar {
    width: 4px;
  }
}
.history-wrap .history-list::-webkit-scrollbar-thumb {
  height: 15%; /* 스크롤바의 길이 */
  background: #222; /* 스크롤바의 색상 */
  border-radius: 24px;
}
.history-wrap .history-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1); /*스크롤바 뒷 배경 색상*/
}
.history-wrap .history-list .history-content {
  display: flex;
  gap: 23px;
  padding-top: 40px;
  padding-right: 25px;
}
@media (max-width: 1199.98px) {
  .history-wrap .history-list .history-content {
    gap: 40px;
  }
}
@media (max-width: 767.98px) {
  .history-wrap .history-list .history-content {
    gap: 23px;
    padding-top: 25px;
    padding-right: 15px;
  }
}
.history-wrap .history-list .history-content .years-txt {
  font-size: 32px;
  font-weight: 700;
  color: #0965EE;
  flex-shrink: 0;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .history-wrap .history-list .history-content .years-txt {
    font-size: 20px;
  }
}
.history-wrap .history-list .history-content:first-child {
  padding-top: 0;
}
.history-wrap .history-list .history-content ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}
@media (max-width: 767.98px) {
  .history-wrap .history-list .history-content ul {
    padding-bottom: 25px;
    gap: 20px;
  }
}
.history-wrap .history-list .history-content ul li {
  display: flex;
}
.history-wrap .history-list .history-content ul li .key {
  font-size: 18px;
  font-weight: 700;
  width: 80px;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .history-wrap .history-list .history-content ul li .key {
    width: 65px;
    font-size: 16px;
  }
}
.history-wrap .history-list .history-content ul li .value {
  font-size: 18px;
  color: #666;
      word-break: break-word;
}
@media (max-width: 767.98px) {
  .history-wrap .history-list .history-content ul li .value {
    font-size: 14px;
  }
}

.location-section .box {
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .location-section .box {
    margin-bottom: 40px;
  }
}
.location-section .box .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 160%;
}
.location-section .box .desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  color: #666;
  margin-top: 32px;
}
.location-section .box ul {
  padding-left: 20px;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .location-section .box ul {
    margin-top: 16px;
  }
}
.location-section .box ul li {
  list-style: disc;
  font-size: 18px;
  color: #666;
  line-height: 160%;
}
@media (max-width: 991.98px) {
  .location-section .box ul li {
    font-size: 16px;
  }
}
.location-section .box ul li .second-line {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #00C62C;
  color: #fff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media (max-width: 991.98px) {
  .location-section .box ul li .second-line {
    width: 18px;
    height: 18px;
    font-size: 12px;
  }
}
.location-section .box ul li .sixth-line {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #BA814D;
  color: #fff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media (max-width: 991.98px) {
  .location-section .box ul li .sixth-line {
    width: 18px;
    height: 18px;
    font-size: 12px;
  }
}
@media (max-width: 991.98px) {
  .location-section .box {
    margin-bottom: 40px;
  }
  .location-section .box .title {
    font-size: 24px;
  }
  .location-section .box .desc {
    font-size: 16px;
  }
}
.location-section .box #map {
  width: 100%;
  height: 600px;
  background-color: #D9D9D9;
}
@media (max-width: 991.98px) {
  .location-section .box #map {
    height: 300px;
  }
}

.privacy-wrap .title {
  font-size: 40px;
  font-weight: 700;
  padding-bottom: 40px;
}
@media (max-width: 991.98px) {
  .privacy-wrap .title {
    font-size: 24px;
    padding-bottom: 30px;
  }
}
.privacy-wrap .desc {
  font-size: 18px;
  line-height: 1.67;
  color: #666;
}
@media (max-width: 991.98px) {
  .privacy-wrap .desc {
    font-size: 15px;
  }
}
.privacy-wrap .box {
  margin-top: 40px;
}
.privacy-wrap .sub-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.privacy-wrap .sub-desc {
  font-size: 18px;
  line-height: 1.67;
  color: #666;
  margin-top: 15px;
}
.privacy-wrap .depth1 {
  margin-top: 5px;
}
.privacy-wrap .depth1 li {
  font-size: 16px;
  line-height: 1.88;
  color: #666;
}
.privacy-wrap .depth2 {
  margin-top: 20px;
  padding-left: 15px;
}
.privacy-wrap .depth2 .depth-title {
  font-weight: 700;
}
.privacy-wrap .depth2 .depth-desc {
  color: #666;
}

.certification-wrap .certification-list {
  margin-top: 80px;
  display: flex;
  gap: 48px;
  flex-flow: wrap;
}
@media (max-width: 991.98px) {
  .certification-wrap .certification-list {
    margin-top: 24px;
    gap: 16px;
  }
}
.certification-wrap .certification-list .certification-content {
  width: calc(25% - 36px);
  margin-bottom: 32px;
  position: relative;
}
@media (max-width: 991.98px) {
  .certification-wrap .certification-list .certification-content {
    width: calc(50% - 8px);
    margin-bottom: 8px;
  }
}
.certification-wrap .certification-list .certification-content .img {
  width: 100%;
  height: 372px;
  border: 1px solid #eee;
  position: relative;
}
.certification-wrap .certification-list .certification-content .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .certification-wrap .certification-list .certification-content .img {
    height: auto;
  }
}
.certification-wrap .certification-list .certification-content .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
  color: #666;
  text-align: center;
  margin-top: 16px;
}
.certification-wrap .certification-list .certification-content .number {
  font-size: 16px;
  line-height: 160%;
  color: #666;
  text-align: center;
}
@media (max-width: 991.98px) {
  .certification-wrap .certification-list .certification-content .title {
    font-size: 14px;
    margin-top: 8px;
  }
  .certification-wrap .certification-list .certification-content .number {
    font-size: 14px;
  }
}
.certification-wrap .certification-list .certification-content.active .hover-txt {
  visibility: inherit;
}
.certification-wrap .certification-list .certification-content .hover-txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(9, 101, 238, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}
.certification-wrap .certification-list .certification-content .hover-txt p {
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 0 26px;
}

.dep2 {
  padding-top: 24px;
}
.dep2 ul {
  -moz-column-gap: 12px;
       column-gap: 12px;
  justify-content: center;
  display: flex;
}
.dep2 ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  padding: 8px 16px;
  color: #222222;
  font-size: 15px;
  line-height: 24px;
  background-color: #f7f7f7;
  word-break: break-word;
}
.dep2 ul li a.active {
  background-color: #0965EE;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .dep2 {
    display: none;
  }
}

.scroll-bar {
  overflow-y: auto;
  padding: 0 8px 0 0;
}
.scroll-bar::-webkit-scrollbar {
  width: 4px;
  background-color: #eee;
}
.scroll-bar::-webkit-scrollbar-thumb {
  background-color: #999999;
}

.search-box {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.search-box input {
  width: 80%;
  border: 0;
}

@media (max-width: 767.98px) {
  .search-box {
    margin-bottom: 24px;
  }
  .search-box input {
    width: 100%;
  }
}
.commu-title-box .commu-title {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: flex-start;
}
.commu-title-box .commu-title h2 {
  width: calc(100% - 184px);
  padding-bottom: 40px;
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  border-bottom: 2px solid #222222;
}
.commu-title-box .commu-title.commu-read-title h2 {
  width: 100%;
}
.commu-title-box .commu-title .icon-community {
  margin-top: -40px;
}
.commu-title-box .search-box {
  width: 100%;
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .commu-title-box .commu-title {
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
  .commu-title-box .commu-title h2 {
    width: calc(100% - 67px);
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 20.8px;
  }
  .commu-title-box .commu-title .icon-community {
    margin-top: -5px;
    width: 61px;
    height: 61px;
  }
  .commu-title-box .search-box {
    margin-bottom: 40px;
    width: 100%;
  }
  .commu-title-box .search-box input {
    width: 100%;
  }
}

.notice-list ul {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
.notice-list ul li a {
  display: flex;
  -moz-column-gap: 80px;
       column-gap: 80px;
}
.notice-list ul li a .img {
  width: 312px;
  height: 180px;
}
.notice-list ul li a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.notice-list ul li a .text-box {
  width: calc(100% - 392px);
  padding: 0 40px 48px 0;
}
.notice-list ul li a .text-box .title {
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.notice-list ul li a .text {
  font-size: 16px;
  line-height: 25.6px;
  color: #666;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: inherit;
  -webkit-line-clamp: 3;
  word-break: break-all;
}
.notice-list ul li a:hover .text-box .title {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .notice-list ul {
    row-gap: 40px;
  }
  .notice-list ul li a {
    flex-direction: column;
    gap: 24px;
  }
  .notice-list ul li a .img {
    width: 100%;
  }
  .notice-list ul li a .text-box {
    width: 100%;
    padding: 0;
  }
  .notice-list ul li a .text-box .title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28.8px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: inherit;
    -webkit-line-clamp: 2;
    word-break: break-all;
  }
  .notice-list ul li a .text-box .title::after {
    display: none;
  }
  .notice-list ul li a .text {
    font-size: 14px;
    line-height: 22.4px;
  }
}

.content-detail-wrap {
  margin-bottom: 40px;
}
.content-detail-wrap .top-title {
  padding: 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 51px;
  border-bottom: 1px solid #eee;
}
.content-detail-wrap .date {
  display: flex;
  align-items: center;
  padding: 16px 24px 0 24px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: #666;
  font-weight: 500;
}
.content-detail-wrap .text-box {
  padding: 80px 24px;
}
.content-detail-wrap .file-box {
  padding: 0 24px 40px 24px;
  border-bottom: 1px solid #eee;
}
.content-detail-wrap .file-box a {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: #999;
}
@media (max-width: 767.98px) {
  .content-detail-wrap .top-title {
    padding: 24px 0 16px 0;
    font-size: 20px;
    line-height: 32px;
  }
  .content-detail-wrap .date {
    font-size: 14px;
    margin-bottom: 40px;
    padding: 16px 0 0 0;
  }
  .content-detail-wrap .text-box {
    padding: 40px 0;
  }
  .content-detail-wrap .file-box {
    padding: 0 0 24px 0;
  }
  .content-detail-wrap .file-box a {
    font-size: 14px;
    line-height: 19.6px;
  }
}

.blog-list ul {
  row-gap: 60px;
}
.blog-list ul li a {
  flex-direction: column;
  row-gap: 16px;
}
.blog-list ul li a .img {
  width: 100%;
  height: 240px;
  margin-bottom: 16px;
}
.blog-list ul li a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-list ul li a .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
}
.blog-list ul li a .text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 25.6px;
  color: #666;
}
.blog-list ul li a:hover .text-box .title {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .blog-list ul {
    row-gap: 40px;
  }
  .blog-list ul li a .img {
    height: 180px;
  }
  .blog-list ul li a .title {
    font-size: 16px;
    line-height: 25.6px;
  }
  .blog-list ul li a .text {
    font-size: 14px;
    line-height: 22.4px;
  }
}

.security-list ul {
  row-gap: 60px;
}
.security-list ul li a {
  flex-direction: column;
  row-gap: 16px;
}
.security-list ul li a .img {
  width: 100%;
  height: 360px;
  margin-bottom: 16px;
}
.security-list ul li a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.security-list ul li a .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
}
.security-list ul li a .text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 25.6px;
  color: #666;
}
.security-list ul li a:hover .text-box .title {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .security-list ul {
    row-gap: 40px;
  }
  .security-list ul li a {
    row-gap: 40px;
  }
  .security-list ul li a .img {
    height: 180px;
  }
  .security-list ul li a .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .security-list ul li a .title {
    font-size: 14px;
    line-height: 22.4px;
  }
  .security-list ul li a .text {
    font-size: 14px;
    line-height: 22.4px;
  }
}

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

.icon-search-bk {
  width: 14px;
  height: 16px;
  margin-right: 11px;
  background-image: url("../images/icon-search-bk.svg");
}

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

@media (max-width: 1199.98px) {
  .fp-tableCell {
    padding-top: 70px;
  }
}
.section {
  position: relative;
}

.main-banner {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .main-banner {
    align-items: flex-start;
  }
}
.main-banner .scroll-down {
  position: absolute;
  bottom: 5%;
  right: 5%;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.main-banner .scroll-down p {
  font-size: 14px;
  font-weight: 700;
}
.main-banner .scroll-down .icon-scroll-down {
  transform: translateY(-4px);
}
@media (max-width: 1199.98px) {
  .main-banner .scroll-down {
    display: none;
  }
}

.section-visual {
  background: radial-gradient(174.78% 66.92% at 63.54% 61.76%, #F5F6FF 0%, #E9EBF4 22.92%, #F6F8FF 100%);
}
.section-visual .container {
  padding: 0;
}
@media (max-width: 1399.98px) {
  .section-visual .container {
    padding: 0 16px;
  }
}
.section-visual .main-visual-desc {
  display: flex;
  align-items: center;
  position: relative;
}
.section-visual .main-visual-desc .text {
  position: relative;
  top: -100px;
  left: -60px;
}
.section-visual .main-visual-desc .title {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  opacity: 0;
  transform: translateY(-40px);
  transition: opacity 0.5s, transform 0.5s;
}
.section-visual .main-visual-desc .desc {
  font-size: 96px;
  font-weight: 700;
  line-height: 120%;
  margin-top: 24px;
}
.section-visual .main-visual-desc .desc p {
  position: relative;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.5s, transform 0.5s;
}
.section-visual .main-visual-desc .img {
  position: absolute;
  right: -28%;
  top: -40%;
  opacity: 0;
  transform: translateX(-100%);
}
@media screen and (max-width: 1560px) {
  .section-visual .main-visual-desc .text {
    left: 0;
  }
  .section-visual .main-visual-desc .img {
    width: 70%;
  }
}
@media (max-width: 1399.98px) {
  .section-visual .main-visual-desc .text {
    top: -30px;
    left: 50px;
  }
  .section-visual .main-visual-desc .title {
    font-size: 20px;
  }
  .section-visual .main-visual-desc .desc {
    font-size: 68px;
    margin-top: 24px;
  }
  .section-visual .main-visual-desc .img {
    width: 50%;
    right: -5%;
  }
}
@media (max-width: 1199.98px) {
  .section-visual .main-visual-desc .text {
    top: -30px;
    left: 10px;
  }
  .section-visual .main-visual-desc .title {
    font-size: 18px;
  }
  .section-visual .main-visual-desc .desc {
    font-size: 60px;
    margin-top: 24px;
  }
  .section-visual .main-visual-desc .img {
    width: 50%;
    right: -5%;
  }
}
@media (max-width: 991.98px) {
  .section-visual .main-visual-desc {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 36px;
    gap: 24px;
  }
  .section-visual .main-visual-desc .text {
    top: 0;
    left: 0;
  }
  .section-visual .main-visual-desc .title {
    font-size: 16px;
  }
  .section-visual .main-visual-desc .desc {
    font-size: 38px;
    margin-top: 12px;
  }
  .section-visual .main-visual-desc .img {
    width: 100%;
    position: static;
  }
}
.section-visual .swiper-pagination {
  bottom: 5% !important;
  left: 50% !important;
  width: auto !important;
  transform: translateX(-50%) !important;
  background: #fff;
  padding: 6px 10px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  .section-visual .swiper-pagination {
    padding: 4px 8px;
  }
}
.section-visual .swiper-pagination .swiper-pagination-bullet {
  width: 64px;
  height: 28px;
  border-radius: 32px;
  background-color: #fff;
}
.section-visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0965EE;
}
@media (max-width: 1199.98px) {
  .section-visual .swiper-pagination .swiper-pagination-bullet {
    width: 36px;
    height: 16px;
  }
}

.section-product {
  position: relative;
  /* 컨텐츠 활성화 off */
}
.section-product::before {
  content: "";
  background-image: url("../images/figure-01.svg");
  background-size: contain;
  background-position: center;
  width: 200px;
  height: 400px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: block;
}
@media (max-width: 1199.98px) {
  .section-product::before {
    content: none;
  }
}
.section-product::after {
  content: "";
  background-image: url("../images/figure-02.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 348px;
  height: 800px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: block;
  right: 0;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .section-product::after {
    content: none;
  }
}
.section-product .product-wrap {
  display: flex;
  align-items: center;
  padding-left: 15%;
  gap: 100px;
}
@media (max-width: 1199.98px) {
  .section-product .product-wrap {
    flex-direction: column;
    gap: 20px;
    padding-left: 0;
  }
}
.section-product .main-desc {
  flex-shrink: 0;
  position: relative;
  z-index: 11;
  padding: 50px 0;
}
@media (max-width: 1199.98px) {
  .section-product .main-desc {
    width: 100%;
    padding: 0 16px;
  }
}
.section-product .main-desc .title {
  font-size: 40px;
}
.read-more {
  margin-top: 80px;
  font-weight: 500;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  transform: translateY(40px);
}
@media (max-width: 1199.98px) {
  .read-more {
    margin-top: 17px;
    font-size: 14px;
    gap: 8px;
  }
}

@media (max-width: 1199.98px) {
  .section-product .main-desc .title {
    font-size: 24px;
  }
}
.section-product .product-slide {
  margin-top: 10%;
  margin-left: 15%;
  transform: translateY(50px);
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .section-product .product-slide {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-left: 26px;
  }
}
.section-product .right-box {
  width: 50%;
  margin-right: -100px;
}
.section-product .main-product-list {
  width: 325px;
  height: 560px;
}
@media (max-width: 1199.98px) {
  .section-product .main-product-list {
    width: 230px;
    height: 275px;
  }
}
.section-product .main-product-list .list-item {
  position: relative;
  margin-right: 32px;
  height: 413px;
  transition: all 0.7s;
}
@media (max-width: 1199.98px) {
  .section-product .main-product-list .list-item {
    height: 275px;
    margin-right: 100px;
  }
}
.section-product .main-product-list .list-item .item-inner {
  position: absolute;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  min-height: 420px;
  background-color: #fff;
  box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.12);
  transition: all 0.3s linear, min-height 0.3s linear;
  border-radius: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .section-product .main-product-list .list-item .item-inner {
    width: 230px;
    min-height: 275px;
    padding: 30px 20px;
  }
}
.section-product .main-product-list .list-item .item-inner .img {
  text-align: right;
}
.section-product .main-product-list .list-item .item-inner .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
}
.section-product .main-product-list .list-item .item-inner .desc {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  margin-top: 16px;
  word-break: break-word;
}
@media (max-width: 1199.98px) {
  .section-product .main-product-list .list-item .item-inner .desc {
    font-size: 14px;
  }
}
.section-product .main-product-list .list-item .item-inner .card-active-text {
  display: none;
  margin-top: 16px;
  color: #fff;
  transition: color 0.3s ease;
      word-break: break-word;
}
@media (max-width: 1199.98px) {
  .section-product .main-product-list .list-item .item-inner .card-active-text {
    display: block;
    font-size: 13px;
    color: #222;
  }
}
.section-product .main-product-list .list-item.slick-current .item-inner {
  width: 392px;
  min-height: 560px;
  transform: translate(-200px, -50%);
  background: linear-gradient(155deg, #32A3F8 0.47%, #1576D0 98.29%);
  box-shadow: none;
}
@media (max-width: 1199.98px) {
  .section-product .main-product-list .list-item.slick-current .item-inner {
    width: 230px;
    min-height: 275px;
    transform: translate(0, -50%);
  }
}
.section-product .main-product-list .list-item.slick-current .item-inner .title {
  color: #fff;
}
.section-product .main-product-list .list-item.slick-current .item-inner .desc {
  color: #fff;
}
.section-product .main-product-list .list-item.slick-current .item-inner .card-active-text {
  display: block;
  color: #fff;
      word-break: break-word;
}
.section-product .main-product-list .list-item.slick-current .item-inner .icon-product-01 {
  background-image: url("../images/product-01-active.svg");
}
.section-product .main-product-list .list-item.slick-current .item-inner .icon-product-02 {
  background-image: url("../images/product-02-active.svg");
}
.section-product .main-product-list .list-item.slick-current .item-inner .icon-product-03 {
  background-image: url("../images/product-03-active.svg");
}
.section-product .main-product-list .list-item.slick-current .item-inner .icon-product-04 {
  background-image: url("../images/product-04-active.svg");
}
.section-product .main-product-list .list-item.slick-current .item-inner .icon-product-05 {
  background-image: url("../images/product-05-active.svg");
}
.section-product .main-product-list .list-item.slick-current .item-inner .icon-product-06 {
  background-image: url("../images/product-06-active.svg");
}
.section-product .main-product-list .list-item.off:not(.slick-current) {
  transform: translateX(-530%) !important;
  transition-delay: 0s !important;
}
.section-product .main-product-list .list-item.off.slick-current {
  transition-delay: 0s !important;
}
.section-product .main-product-list .list-item.off:not(.slick-current) .item-inner {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: linear-gradient(155deg, #32A3F8 0.47%, #1576D0 98.29%);
}
.section-product .slick-list {
  overflow: visible !important;
}
@media (max-width: 1199.98px) {
  .section-product .slick-dots {
    bottom: -25%;
    left: 60%;
    transform: translateX(-35%);
  }
}
.section-product .slick-dots li {
  margin: 0;
}
.section-product .slick-dots li button::before {
  font-size: 10px;
}
.section-product .slick-dots li.slick-active button::before {
  color: #0965EE;
}

@media (max-width: 767.98px) {
  .section-desc .fp-tableCell {
    vertical-align: top !important;
  }
}
.main-desc .sub-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  color: #0965EE;
  opacity: 0;
  transform: translateY(40px);
}
@media (max-width: 1199.98px) {
  .main-desc .sub-title {
    font-size: 15px;
  }
}
.main-desc .title {
  font-size: 80px;
  font-weight: 700;
  line-height: 130%;
  margin-top: 20px;
  opacity: 0;
  transform: translateY(40px);
}
@media (max-width: 1199.98px) {
  .main-desc .title {
    font-size: 32px;
    margin-top: 16px;
	word-break: break-word;
  }
}
.main-desc.position {
  padding-bottom: 25%;
}
@media (max-width: 1199.98px) {
  .main-desc.position {
    padding-bottom: 40px;
  }
}

.section-desc .txt-box {
  display: flex;
  align-items: center;
  justify-content: end;
}
.section-desc .txt-box .txt {
  width: 40%;
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  margin-top: 130px;
  opacity: 0;
  transform: translateY(80px);
}
@media (max-width: 1199.98px) {
  .section-desc .txt-box .txt {
    width: 100%;
    font-size: 16px;
    margin-top: 40px;
	    word-break: break-word;
  }
}
.section-desc .img-box {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  position: absolute;
  top: 20%;
  transform: translateY(50%);
  right: 30px;
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .section-desc .img-box {
    position: static;
    width: 80%;
    margin-left: auto;
  }
}
.section-desc .img-box img {
  border-radius: 24px;
}
.section-desc .img-box .txt {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  margin-top: 20px;
}
@media (max-width: 1199.98px) {
  .section-desc .img-box .txt {
    font-size: 16px;
	    word-break: break-word;
  }
}
.section-desc .img-box.none-position {
  position: static;
  align-items: inherit;
  padding-left: 10%;
  transform: translateY(50%);
  opacity: 0;
}
.section-desc .img-box.none-position .img {
  width: 80%;
  margin-top: 20px;
}
@media (max-width: 1199.98px) {
  .section-desc .img-box.none-position {
    padding-left: 0;
    width: 100%;
  }
}
.section-desc .img-box.another-img-box {
  position: static;
  align-items: flex-end;
  padding-left: 10%;
  transform: translateY(50%);
  opacity: 0;
}
.section-desc .img-box.another-img-box .img {
  width: 80%;
  margin-top: 60px;
}
@media (max-width: 1199.98px) {
  .section-desc .img-box.another-img-box {
    padding-left: 0;
    width: 100%;
  }
  .section-desc .img-box.another-img-box .img {
    width: 100%;
    margin-top: 0;
  }
}
.section-desc .section-text {
  font-size: 120px;
  color: #eee;
  font-weight: 700;
  line-height: 1;
}
.section-desc .section-text span {
  color: #0965EE;
}
@media (max-width: 1199.98px) {
  .section-desc .section-text {
    white-space: nowrap;
    font-size: 140px;
  }
}
.section-desc .section-text.slide-text-1 {
  transform: translateX(100%);
  opacity: 0;
  margin-top: 40px;
}
.section-desc .section-text.slide-text-2 {
  font-size: 180px;
  white-space: nowrap;
  transform: translateX(-100%);
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .section-desc .section-text.slide-text-2 {
    font-size: 200px;
    transform: translateX(-200%);
  }
}

.sectopn-rolling .fp-tableCell {
  vertical-align: middle !important;
}

.poligon-wrap {
  position: relative;
  z-index: 15;
}

.poligon {
  background: linear-gradient(180deg, #82C3FF 21.68%, #3D9CEC 53.71%, #0061B2 96.67%);
  width: 200px;
  height: 500px;
  border-radius: 150px;
  margin-left: 20%;
  position: relative;
  z-index: 15;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .poligon {
    width: 170px;
    height: 430px;
    margin-left: 25%;
  }
}

.rolling-txt {
  color: #FFF;
  font-family: Montserrat;
  font-size: 96px;
  font-weight: 600;
  line-height: 120%;
  white-space: nowrap;
  height: 100%;
}
@media (max-width: 1199.98px) {
  .rolling-txt {
    font-size: 40px;
  }
}

.rolling-txt-box.original {
  animation: rollingtext1 80s linear infinite;
}

.rolling-txt-box.clone {
  animation: rollingtext2 80s linear infinite;
}

@keyframes rollingtext1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rollingtext2 {
  0% {
    transition: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.rolling-txt-container {
  display: flex;
  overflow: hidden;
  position: absolute;
  top: 35%;
  transform: translateX(-50%);
}
@media (max-width: 1199.98px) {
  .rolling-txt-container {
    top: 45%;
  }
}

.rolling-box.original {
  animation: rollingleft1 120s linear infinite;
}

.rolling-box.clone {
  animation: rollingleft2 120s linear infinite;
}

@keyframes rollingleft1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100%);
  }
  50.01% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rollingleft2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(200%);
  }
}
.rolling-container {
  display: flex;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.rolling-box {
  min-width: auto;
  margin-right: 140px;
}

.img-wrap {
  display: flex;
  gap: 140px;
}
.img-wrap .img {
  width: 140px;
  height: 140px;
}
.img-wrap .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-community {
  background-color: #F7F7F7;
  padding: 30px 0;
}
@media (max-width: 1199.98px) {
  .section-community {
    padding: 0;
  }
}
.section-community .main-desc {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.section-community .main-desc .title {
  font-size: 40px;
}
.section-community .main-desc .img {
  transform: translateY(50%);
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .section-community .main-desc .title {
    font-size: 24px;
  }
  .section-community .main-desc .img {
    display: none;
  }
}
.section-community .swiper {
  padding: 60px 0;
  opacity: 0;
  transform: translateY(40px);
}
@media (max-width: 1199.98px) {
  .section-community .swiper {
    padding: 30px 0;
  }
}
.section-community .swiper .swiper-wrapper {
  height: 400px;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .section-community .swiper .swiper-wrapper {
    height: 290px;
  }
}
.section-community .swiper .swiper-slide {
  display: flex;
  align-items: center;
}
.section-community .swiper .swiper-slide:hover .community-content {
  height: 400px;
  border: 2px solid #0965EE;
}
@media (max-width: 1199.98px) {
  .section-community .swiper .swiper-slide:hover .community-content {
    height: 300px;
  }
}
.section-community .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(40px);
}
.section-community .btns .more-view-btn {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 0;
}
@media (max-width: 1199.98px) {
  .section-community .btns {
    display: none;
  }
}
.section-community .swiper-button-prev {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-image: url("../images/community-slide-prev.svg");
  left: -20px;
  top: 60%;
  opacity: 0;
  transform: translateY(40px);
}
.section-community .swiper-button-prev::after {
  content: none;
}
@media (max-width: 1199.98px) {
  .section-community .swiper-button-prev {
    display: none;
  }
}
.section-community .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-image: url("../images/community-slide-next.svg");
  right: -20px;
  top: 60%;
  opacity: 0;
  transform: translateY(40px);
}
.section-community .swiper-button-next::after {
  content: none;
}
@media (max-width: 1199.98px) {
  .section-community .swiper-button-next {
    display: none;
  }
}
.section-community .community-content {
  width: 100%;
  height: 360px;
  padding: 40px 32px;
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1199.98px) {
  .section-community .community-content {
    height: 285px;
    padding: 40px 24px;
    justify-content: space-between;
  }
}
.section-community .community-content .community-content__subtitle {
  color: #0965EE;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1199.98px) {
  .section-community .community-content .community-content__subtitle {
    font-size: 14px;
  }
}
.section-community .community-content .community-content__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
@media (max-width: 1199.98px) {
  .section-community .community-content .community-content__title {
    font-size: 18px;
  }
}
.section-community .community-content .community-content__desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  white-space: normal;
}
@media (max-width: 1199.98px) {
  .section-community .community-content .community-content__desc {
    -webkit-line-clamp: 4;
    font-size: 14px;
  }
}

.section-partners .main-desc {
  margin-bottom: 120px;
}
@media (max-width: 1199.98px) {
  .section-partners .main-desc {
    margin-bottom: 60px;
  }
}
.section-partners .main-desc .title {
  font-size: 40px;
}
@media (max-width: 1199.98px) {
  .section-partners .main-desc .title {
    font-size: 24px;
  }
}
.section-partners .main-desc .img {
  transform: translateY(50%);
  opacity: 0;
}
.section-partners .partners-member {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  opacity: 0;
  transform: translateY(40px);
}
@media (max-width: 1199.98px) {
  .section-partners .partners-member {
    gap: 13px;
  }
}
.section-partners .first.original {
  animation: firstrollingleft1 120s linear infinite;
}
.section-partners .first.clone {
  animation: firstrollingleft2 120s linear infinite;
}
@keyframes firstrollingleft1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes firstrollingleft2 {
  0% {
    transition: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.section-partners .second.original {
  animation: secondrollingleft1 110s linear infinite;
}
.section-partners .second.clone {
  animation: secondrollingleft2 110s linear infinite;
}
@keyframes secondrollingleft1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes secondrollingleft2 {
  0% {
    transition: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.section-partners .third.original {
  animation: thirdrollingleft1 100s linear infinite;
}
.section-partners .third.clone {
  animation: thirdrollingleft2 100s linear infinite;
}
@keyframes thirdrollingleft1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes thirdrollingleft2 {
  0% {
    transition: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.section-partners .rolling-partners-container {
  display: flex;
  overflow: hidden;
}
.section-partners .rolling-partners {
  min-width: auto;
  margin-right: 24px;
}
.section-partners .img-wrap {
  display: flex;
  gap: 24px;
}
@media (max-width: 1199.98px) {
  .section-partners .img-wrap {
    gap: 12px;
  }
}
.section-partners .img-wrap .img {
  width: 184px;
  height: 118px;
}
.section-partners .img-wrap .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1199.98px) {
  .section-partners .img-wrap .img {
    width: 94px;
    height: 60px;
  }
}
.section-partners .img-wrap .rolling-txt {
  color: #FFF;
  font-family: Montserrat;
  font-size: 96px;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1199.98px) {
  .section-contact .fp-tableCell {
    vertical-align: top !important;
  }
}

.section-contact .main-desc {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: -100px;
}
@media (max-width: 1199.98px) {
  .section-contact .main-desc {
    flex-direction: column;
    gap: 16px;
    top: 0;
  }
}
.section-contact .main-desc .link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-right: 15%;
}
@media (max-width: 1199.98px) {
  .section-contact .main-desc .link {
    gap: 12px;
  }
}
.section-contact .main-desc .link-move {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 1199.98px) {
  .section-contact .main-desc .link-move {
    font-size: 15px;
  }
}
.section-contact .main-desc .link-move.blog {
  opacity: 0;
  transform: translateY(40px);
}
.section-contact .main-desc .link-move.blog span {
  color: #00d32e;
}
.section-contact .main-desc .link-move.youtube {
  opacity: 0;
  transform: translateY(40px);
}
.section-contact .main-desc .link-move.youtube span {
  color: #DF0D0D;
}
.section-contact .contact-img {
  width: 30%;
  height: 544px;
  background-size: cover;
  background-image: url("../images/contact-img.png");
  background-position: center;
}
@media (max-width: 1199.98px) {
  .section-contact .contact-img {
    height: 380px;
    position: absolute;
    bottom: 285px;
    z-index: -1;
  }
}
@media (max-width: 540.98px) {
  .section-contact .contact-img {
    height: 130px;
    position: absolute;
    bottom: 285px;
    z-index: -1;
  }
}
.section-contact #footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-contact .contact-us {
  width: 150px;
  padding: 10px 32px;
  background-color: #222;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 40px;
  transform: translateY(40px);
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .section-contact .contact-us {
    width: 130px;
    font-size: 13px;
    margin-top: 44px;
    padding: 6px 12px;
    border: 1px solid #222;
  }
}

.section-solutions {
  position: relative;
}
.section-solutions #circle {
  position: absolute;
  width: 360px;
  height: 600px;
  background-image: url("../images/solutions-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1199.98px) {
  .section-solutions #circle {
    width: 200px;
    height: 300px;
  }
}
.section-solutions .txt-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-solutions .txt-box .title {
  font-family: Montserrat;
  font-size: 96px;
  font-weight: 600;
  line-height: 120%;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .section-solutions .txt-box .title {
    font-size: 32px;
    text-align: center;
  }
}
.section-solutions .txt-box .desc {
  font-size: 24px;
  line-height: 160%;
  margin-top: 24px;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .section-solutions .txt-box .desc {
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
  }
}
.section-solutions .txt-box .contact-us {
  padding: 10px 32px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 80px;
}
@media (max-width: 1199.98px) {
  .section-solutions .txt-box .contact-us {
    font-size: 13px;
    margin-top: 44px;
    padding: 6px 12px;
  }
}

.support-inquiry {
  justify-content: space-between;
  /* margin-bottom: 100px; */
}
.support-inquiry .top-text {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.support-inquiry .top-text .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
}
.support-inquiry .top-text .text {
  font-size: 18px;
  font-weight: 400;
}
.support-inquiry .email-text {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-bottom: 216px;
}
.support-inquiry .email-text .title {
  font-size: 32px;
  font-weight: 700;
}
.support-inquiry .email-text p {
  color: #666;
}
.support-inquiry .form-container .btn {
  margin-top: 82px;
}
.support-inquiry .terms .terms-title {
  margin-bottom: 8px;
  font-weight: 700;
}
.support-inquiry .terms .terms-content {
  padding: 12px;
  margin-bottom: 16px;
  background-color: #f7f7f7;
  font-size: 14px;
  line-height: 22.4px;
  color: #999;
}
.support-inquiry .terms .terms-content .scroll-bar {
  height: 140px;
}
.support-inquiry .terms .terms-content .scroll-bar p{
     word-break: break-word;
}
@media (max-width: 767.98px) {
  .support-inquiry {
    margin-bottom: 0;
  }
  .support-inquiry .top-text .title {
    font-size: 24px;
  }
  .support-inquiry .top-text .text {
    font-size: 15px;
  }
  .support-inquiry .email-text {
    row-gap: 8px;
    margin-bottom: 40px;
  }
  .support-inquiry .email-text .title {
    font-size: 24px;
  }
  .support-inquiry .email-text p {
    font-size: 14px;
  }
  .support-inquiry .form-container {
    margin-top: 80px;
  }
  .support-inquiry .form-container .btn {
    margin-top: 40px;
  }
  .support-inquiry .terms .terms-content .scroll-bar {
    height: 266px;
  }
}

.support-banner {
  display: flex;
  -moz-column-gap: 109px;
       column-gap: 109px;
  padding: 44px 0 39px 58px;
  margin-top: 80px;
  border-radius: 24px;
  background: rgba(9, 101, 238, 0.04) url("../images/bg-support-banner.png") no-repeat 100% 100%;
}
.support-banner .text-box {
  color: #202434;
}
.support-banner .text-box .title {
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
}
.support-banner .text-box .btn {
  width: 200px;
  margin-top: 20px;
  background-color: #445FE3 !important;
  margin-top: 33px;
}
@media (max-width: 767.98px) {
  .support-banner {
    display: none;
  }
}

.icon-write {
  width: 19px;
  height: 18px;
  margin-right: 12px;
  background: url("../images/icon-write.svg");
}

.qna-list {
  margin-bottom: 40px;
}
.qna-list ul li {
  border-bottom: 1px solid #EEEEEE;
}
.qna-list ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}
.qna-list ul li a .title-line {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: calc(100% - 210px);
}
.qna-list ul li a .title-line .badge-noti {
  display: inline-block;
  padding: 5px 10px;
  background-color: #0965EE;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.07px;
}
.qna-list ul li a .title-line .num {
  display: inline-block;
  min-width: 45px;
  text-align: center;
  color: #999;
}
.qna-list ul li a .title-line p {
  width: calc(100% - 70px);
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}
.qna-list ul li a .info {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  color: #666;
}
.qna-list ul li a .info .date {
  color: #999;
}
@media (max-width: 767.98px) {
  .qna-list ul li a {
    flex-direction: column;
    row-gap: 16px;
    align-items: start;
    padding: 16px 0;
  }
  .qna-list ul li a .title-line {
    flex-direction: column;
    align-items: start;
    width: 100%;
    row-gap: 16px;
  }
  .qna-list ul li a .title-line .badge-noti {
    padding: 4px 10px;
    font-size: 12px;
  }
  .qna-list ul li a .title-line .num {
    display: inline-block;
    min-width: auto;
  }
  .qna-list ul li a .title-line p {
    width: 100%;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: inherit;
    -webkit-line-clamp: 2;
    word-break: break-all;
  }
  .qna-list ul li a .info {
    width: 100%;
    justify-content: space-between;
  }
}

.qna-write-wrap .top-text {
  row-gap: 40px;
  margin-bottom: 64px;
}
@media (max-width: 767.98px) {
  .qna-write-wrap .top-text {
    margin-bottom: 30px;
  }
}
.scroll-textarea {
  padding: 8px;
  background-color: #f7f7f7;
  display:none;
}
.scroll-textarea textarea {
  overflow-y: auto;
  padding: 0 8px 0 0;
}
.scroll-textarea textarea::-webkit-scrollbar {
  width: 4px;
  background-color: #eee;
}
.scroll-textarea textarea::-webkit-scrollbar-thumb {
  background-color: #999999;
}
.scroll-editor-textarea {
  padding: 8px;
  background-color: #f7f7f7;
  display:block;
}
.scroll-editor-textarea textarea {
  overflow-y: auto;
  padding: 0 8px 0 0;
}
.scroll-editor-textarea textarea::-webkit-scrollbar {
  width: 4px;
  background-color: #eee;
}
.scroll-editor-textarea textarea::-webkit-scrollbar-thumb {
  background-color: #999999;
}

@media (max-width: 1399.98px) {
  .scroll-textarea {
    display: none;
  }
  .scroll-editor-textarea {
    display: block;
  }
}

@media (max-width: 1199.98px) {
  .scroll-textarea {
    display: none;
  }
  .scroll-editor-textarea {
    display: block;
  }
}

@media (max-width: 991.98px) {
  .scroll-textarea {
    display: none;
  }
  .scroll-editor-textarea {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .scroll-textarea {
    display: block;
  }
  .scroll-editor-textarea {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .scroll-textarea {
    display: block;
  }
  .scroll-editor-textarea {
    display: none;
  }
}

@media (max-width: 320px) {
  .scroll-textarea {
    display: block;
  }
  .scroll-editor-textarea {
    display: none;
  }
}

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

.comment-write {
  width: 100%;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.comment-write button {
  margin-top: 40px;
}
.comment-write textarea {
  padding: 24px 35px;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .comment-write {
    margin-top: 30px;
  }
  .comment-write textarea {
    padding: 15px 20px;
    border-radius: 0;
  }
}
.info .admin {
  width: 100px;
  margin: 0 auto;
  padding: 8px 12.75px;
  border-radius: 32px;
  border: 1px solid rgb(255, 72, 0);
  background-color: orange;
  color: #ffffff;
  text-align:center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
}
.info .user {
  width: 100px;
  margin: 0 auto;
  text-align:center;
  font-size: 14px;
}
.comment-wrap {
  border-top: 2px solid #231815;
  margin-top: 80px;
}
.comment-wrap .reply {
  display: flex;
  padding: 15px 30px;
  border-bottom: 1px solid #eee;
}
.comment-wrap .reply .desc {
  width: 80%;
  line-height: 28px;
  color: #212222;
  display: flex;
  align-items: flex-start;
}
.comment-wrap .reply .desc .icon-lock {
  margin-right: 8px;
}
.comment-wrap .reply .info {
  display: flex;
  align-items: center;
  width: 20%;
}
.comment-wrap .reply .info .user {
  width: 50%;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  text-align: center;
  word-break: break-all;
}
.comment-wrap .reply .info .date {
  width: 50%;
  display: flex;
  justify-content: end;
  font-size: 16px;
  line-height: 28px;
  color: #5A5B5D;
}
.comment-wrap .reply.re-reply {
  display: flex;
  align-items: start;
  padding: 10px 30px;
  border-bottom: 1px solid #eee;
  background-color: #f7f7f7;
}
.comment-wrap .reply.re-reply .icon-reply {
  margin-right: 15px;
}
.comment-wrap .reply.re-reply .info .answer {
  width: auto;
  margin: 0 auto;
  padding: 8px 12.75px;
  border-radius: 32px;
  border: 1px solid orange;
  background-color: orange;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
}
.comment-wrap .no-reply {
  padding: 87px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eee;
}
.comment-wrap .no-reply .desc {
  font-size: 16px;
  line-height: 19px;
  color: #666;
}
@media (max-width: 767.98px) {
  .comment-wrap .reply {
    flex-direction: column;
    row-gap: 5px;
    align-items: flex-start;
    padding: 18px 12px 18px 15px;
    border-bottom: 1px solid #ddd;
  }
  .comment-wrap .reply .desc {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
  .comment-wrap .reply .desc .icon-lock {
    margin-right: 8px;
  }
  .comment-wrap .reply .info {
    width: 100%;
  }
  .comment-wrap .reply .info .user {
    width: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    margin-right: 16px;
  }
  .comment-wrap .reply .info .date {
    width: auto;
    font-size: 14px;
    line-height: 24px;
  }
  .comment-wrap .reply.re-reply {
    padding: 18px 12px 18px 15px;
  }
  .comment-wrap .reply.re-reply .info .answer {
    margin: 0 16px 0 0;
    padding: 5px 11.75px;
    border-radius: 28px;
    line-height: 13px;
    font-size: 13px;
  }
  .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;
  }
}

.top-scroll-tab-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.top-scroll-tab-box .total-num {
  display: inline-block;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.135px;
}
@media (max-width: 767.98px) {
  .top-scroll-tab-box {
    margin: 0;
  }
  .top-scroll-tab-box .scroll-tab {
    margin-bottom: 24px;
  }
  .top-scroll-tab-box .total-num {
    display: none;
  }
}

.faq-accordion {
  margin-bottom: 140px;
}
.faq-accordion .accordion-button {
  display: flex;
  align-items: start;
  position: relative;
  padding: 24px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  width: 100%;
  text-align: left;
}
.faq-accordion .accordion-button::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  background: url("../images/icon-faq-arr.svg") no-repeat;
  transition: transform 0.3s;
}
.faq-accordion .accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
}
.faq-accordion .accordion-button p {
  width: calc(100% - 82px);
  margin-right: 90px;
  word-break: break-all;
}
.faq-accordion .cate {
  display: inline-block;
  margin-right: 12px;
  text-align: center;
  min-width: 70px;
  color: #0965EE;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.135px;
}
.faq-accordion .answer-content {
  padding: 24px 80px 24px 24px;
  border: 1px solid #0965EE;
  border-radius: 8px;
  background: rgba(9, 101, 238, 0.06);
}
@media (max-width: 767.98px) {
  .faq-accordion {
    margin-bottom: 0;
  }
  .faq-accordion .accordion-button {
    font-size: 14px;
    line-height: 160%;
  }
  .faq-accordion .accordion-button::after {
    width: 20px;
    height: 20px;
    background-size: 100%;
  }
  .faq-accordion .accordion-button p {
    width: calc(100% - 68px);
    margin-right: 30px;
  }
  .faq-accordion .cate {
    min-width: 60px;
    font-size: 14px;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.135px;
  }
  .faq-accordion .answer-content {
    padding: 24px;
    font-size: 14px;
  }
}

.down-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.down-list li {
  padding: 24px 0;
}
.down-list li > a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
.down-list li > a .cate {
  color: #1535AD;
  font-weight: 700;
  line-height: 140%;
}
.down-list li > a .title-line {
  width: 100%;
  display: flex;
  align-items: center;
}
.down-list li > a .title-line .noti {
  padding: 5px 10px;
  background-color: #0965EE;
  color: #fff;
  font-size: 14px;
  margin-right: 16px;
  border-radius: 4px;
}
.down-list li > a .title-line .title {
  width: calc(100% - 61px);
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.down-list li > a .desc {
  color: #666;
}
.down-list li > a:hover .title-line .title {
  text-decoration: underline;
}
.down-list .file-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.down-list .file-line a {
  display: flex;
  align-items: center;
  color: #999;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.down-list .file-line .date {
  color: #999;
}
@media (max-width: 767.98px) {
  .down-list {
    row-gap: 0;
  }
  .down-list li > a {
    row-gap: 8px;
  }
  .down-list li > a .cate {
    font-size: 14px;
  }
  .down-list li > a .title-line {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
  }
  .down-list li > a .title-line .noti {
    font-size: 12px;
    margin-right: 0;
    letter-spacing: -0.06px;
  }
  .down-list li > a .title-line .title {
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: inherit;
    -webkit-line-clamp: 2;
    word-break: break-all;
  }
  .down-list li > a .desc {
    font-size: 14px;
  }
  .down-list li .file-line {
    margin-top: 8px;
  }
  .down-list li .file-line a {
    font-size: 13px;
  }
  .down-list li .file-line .date {
    font-size: 13px;
  }
}

.error-page {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.error-page .img {
  margin-bottom: 22px;
}
.error-page .title {
  font-size: 32px;
  color: #000;
  font-weight: 700;
  line-height: 130%;
}
.error-page .desc {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  line-height: 160%;
}
.error-page .example {
  font-size: 14px;
  color: #999;
  line-height: 160%;
}
.error-page .btn {
  margin-top: 22px;
}

.text-dark {
  color: #222 !important;
}

@media (max-width: 991.98px) {
  .m-b-1 {
    margin-bottom: 8px;
  }
  .m-b-2 {
    margin-bottom: 16px;
  }
  .m-b-3 {
    margin-bottom: 24px;
  }
}
.product-intro-section {
  padding: 120px 0;
}
.product-intro-section.bg-gray {
  background-color: #f7f7f7;
}
@media (max-width: 991.98px) {
  .product-intro-section {
    padding: 70px 0;
  }
}
.product-intro-section.main-visual-head {
  padding: 100px 0 240px;
  overflow-x: hidden;
}
@media (max-width: 1199.98px) {
  .product-intro-section.main-visual-head {
    padding: 150px 0 100px;
  }
}
@media (max-width: 991.98px) {
  .product-intro-section.main-visual-head {
    padding: 70px 0;
  }
}

.product-intro__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 160%;
      word-break: break-word;
}
.product-intro__title.width-text {
  margin-bottom: 60px;
}
.product-intro__title.flex {
  display: flex;
  align-items: center;
  gap: 16px;
}
.product-intro__title.flex .sub {
  font-size: 24px;
  color: #999;
}
@media (max-width: 991.98px) {
  .product-intro__title.flex .sub {
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .product-intro__title {
    font-size: 24px;
  }
  .product-intro__title.width-text {
    margin-bottom: 40px;
  }
}

.product-intro__desc {
  font-size: 18px;
  margin-top: 24px;
  word-break: break-word;
}
 .product-intro__desc .text-danger{
    word-break: break-all;
  }
@media (max-width: 991.98px) {
  .product-intro__desc {
    font-size: 15px;
  }
 
}

.visual-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
}
@media (max-width: 991.98px) {
  .visual-head {
    flex-direction: column;
    gap: 24px;
  }
}
.visual-head .visual-head__content {
  width: 50%;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content {
    width: 100%;
  }
}
.visual-head .visual-head__content .title {
  font-size: 67px;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content .title {
    font-size: 40px;
  }
}
.visual-head .visual-head__content .desc {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content .desc {
    font-size: 18px;
    margin-top: 40px;
	word-break: break-word;
  }
}
.visual-head .visual-head__content .txt {
  font-size: 18px;
  margin-top: 24px;
  line-height: 160%;
      word-break: break-word;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content .txt {
    font-size: 15px;
  }
}
.visual-head .visual-head__content .img {
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content .img {
    margin-top: 30px;
  }
}
.visual-head .visual-head__content .visual-head__list {
  margin-top: 24px;
}
.visual-head .visual-head__content .visual-head__list .list-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  color: #000;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content .visual-head__list .list-title {
    font-size: 16px;
  }
}
.visual-head .visual-head__content .visual-head__list ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content .visual-head__list ul {
    gap: 8px;
  }
}
.visual-head .visual-head__content .visual-head__list ul li {
  padding-left: 10px;
  position: relative;
  color: #000;
  line-height: 160%;
      word-break: break-word;
}
.visual-head .visual-head__content .visual-head__list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .visual-head .visual-head__content .visual-head__list ul li {
    font-size: 14px;
  }
}
.visual-head .visual-img {
  top: -15%;
  right: -20%;
  width: 60%;
}
.visual-head .visual-img.log{
  top: -35%; width: 60%;
}
.visual-head .visual-img.peta{
   width: 60%; top: -25%;
}
.visual-head .visual-img.ade {
  top: -10%;
}
.visual-head .visual-img.trusted {
  top: -25%;
}
@media (max-width: 1199.98px) {
  .visual-head .visual-img {
    position: static;
  }
}
@media (max-width: 1199.98px) {
  .visual-head .visual-img {
    width: 70%;
    margin-left: auto;
  }
}

.slide-img-box.chakra {
  margin-top: 84px;
}
@media (max-width: 991.98px) {
  .slide-img-box {
    overflow: scroll;
    height: 250px;
  }
  .slide-img-box img {
    max-width: inherit;
    height: 100%;
  }
  .slide-img-box.chakra {
    margin-top: 40px;
  }
}

.shadow-box {
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 40px 32px;
}
@media (max-width: 991.98px) {
  .shadow-box {
    padding: 16px;
  }
}
.shadow-box .img {
  margin-bottom: 16px;
}
.shadow-box .title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  word-break:break-word;
}
.shadow-box .desc {
  font-size: 18px;
  line-height: 160%;
  margin-top: 12px;
  color: #666;
  word-break: break-word;

}
.shadow-box .desc.text-dark {
  color: #222;
}
.shadow-box ul {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.shadow-box ul li {
  padding-left: 10px;
  position: relative;
  color: #666;
  line-height: 160%;
  word-break:break-word;
}
.shadow-box ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #666;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .shadow-box ul li {
    font-size: 14px;
  }
}
.shadow-box ul.none-dot li {
  padding-left: 0;    word-break: break-word;
}
.shadow-box ul.none-dot li::before {
  content: none;
}
@media (max-width: 991.98px) {
  .shadow-box .img {
    margin-bottom: 12px;
  }
  .shadow-box .img img {
    width: 32px;
    height: 32px;
  }
  .shadow-box .title {
    font-size: 16px;
  }
  .shadow-box .desc {
    font-size: 14px;
    margin-top: 6px;
  }
}

.product-list-box {
  padding: 20px 29px;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}
.product-list-box .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 160%;
  text-align: center;
}
.product-list-box ul {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-list-box ul li {
  border: 1px dashed #0965EE;
  padding: 8px 0;
  color: #0965EE;
  font-size: 17px;
  font-weight: 700;
  line-height: 160%;
  text-align: center;
  border-radius: 8px;
}

.product-intro__list {
  margin-bottom: 24px;
  margin-top: 12px;
}
.product-intro__list:last-child {
  margin-top: 0;
}
.product-intro__list p {
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 5px;
}
@media (max-width: 991.98px) {
  .product-intro__list p {
    font-size: 16px;
  }
}
.product-intro__list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-intro__list ul.gap-0 {
  gap: 0;
}
.product-intro__list ul.gap-6 {
  gap: 6px;
}
.product-intro__list ul li {
  position: relative;
  padding-left: 15px;
}
.product-intro__list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .product-intro__list ul li {
    font-size: 15px;
  }
}

.oracle-shadow {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 991.98px) {
  .oracle-shadow {
    gap: 16px;
  }
}
.oracle-shadow .shadow-box {
  width: calc(50% - 16px);
}
@media (max-width: 991.98px) {
  .oracle-shadow .shadow-box {
    width: 100%;
  }
}

.product-tab-content .table {
  margin: 50px 0;
}
@media (max-width: 991.98px) {
  .product-tab-content .table {
    margin: 25px 0;
  }
}

.tab-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .tab-list {
    margin-top: 20px;
    gap: 8px;
  }
}
.tab-list li {
  padding-left: 10px;
  position: relative;
  color: #000;
  line-height: 160%;
}
.tab-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .tab-list li {
    font-size: 14px;
  }
  .tab-list li::before {
    top: 8px;
  }
}
.tab-list li .list-sub {
  margin-top: 10px;
  color: #666;
}
@media (max-width: 991.98px) {
  .tab-list li .list-sub {
    font-size: 12px;
  }
}
.tab-list li > ul li {
  font-size: 16px;
  color: #666;
}
@media (max-width: 991.98px) {
  .tab-list li > ul li {
    font-size: 12px;
  }
}
.tab-list li > ul li::before {
  content: none;
}

.badge-content {
  margin-bottom: 40px;
}
.badge-content.badge-content {
  margin-bottom: 100px;
}
.badge-content.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.badge-content.flex .badge-list {
  width: 80%;
}
.badge-content.flex .badge-list-sql {
  width: 100%;
}
.badge-content.flex .img {
  flex-shrink: 0;
}
.badge-content:last-child {
  margin-bottom: 0;
}
.badge-content.sub .content {
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .badge-content.sub .content {
    margin-top: 24px;
  }
  .badge-content.flex .badge-list {
    width: 100%;
  }
  .badge-content.flex .img {
    display: none;
  }
}
.badge-content.sub .product-intro__subtitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
@media (max-width: 991.98px) {
  .badge-content.sub .product-intro__subtitle {
    font-size: 16px;
  }
}
.badge-content.sub .badge-list {
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .badge-content.sub .badge-list {
    margin-top: 8px;
  }
}
.badge-content .badge-list {
  width: 100%;
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.badge-content .badge-list .badge {
  padding: 8px 16px;
  border-radius: 30px;
  background-color: #F7F7F7;
  font-size: 16px;
  line-height: 160%;
  color: #333;
}
@media (max-width: 991.98px) {
  .badge-content .badge-list {
    width: 100%;
  }
  .badge-content .badge-list .badge {
    font-size: 14px;
  }
}
.badge-content .operating-environment {
  display: flex;
  gap: 12px;
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .badge-content .operating-environment {
    flex-direction: column;
  }
}
.badge-content .operating-environment__box.w-70 {
  width: 70%;
}
.badge-content .operating-environment__box.w-30 {
  width: 30%;
}
@media (max-width: 991.98px) {
  .badge-content .operating-environment__box.w-70 {
    width: 100%;
  }
  .badge-content .operating-environment__box.w-30 {
    width: 100%;
  }
}
.badge-content .operating-environment__title {
  font-size: 18px;
  font-weight: 700;
  padding: 4px 32px;
  background-color: #eee;
  border-radius: 16px 16px 0 0;
}
@media (max-width: 991.98px) {
  .badge-content .operating-environment__title {
    font-size: 16px;
    padding: 4px 16px;
  }
}
.badge-content .operating-environment__desc {
  height: 100%;
  padding: 35px 32px;
  display: flex;
  align-items: center;
  gap: 62px;
  background-color: #f7f7f7;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 991.98px) {
  .badge-content .operating-environment__desc {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    padding: 16px;
    font-size: 14px;
  }
}
.badge-content .operating-environment .environment-title {
  font-weight: 700;
  margin-bottom: 10px;
}

@media (max-width: 991.98px) {
  .product-flex .row {
    gap: 40px;
  }
  .product-flex .od-1 {
    order: 1;
  }
  .product-flex .od-2 {
    order: 2;
  }
}

.dot-border-list {
  display: flex;
  flex-flow: wrap;
  gap: 24px;
  margin: 40px 0 60px;
}
@media (max-width: 991.98px) {
  .dot-border-list {
    gap: 12px;
  }
}
.dot-border-list .dot-border {
  width: calc(20% - 20px);
  height: 190px;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px dashed #0965EE;
  border-radius: 24px;
}
.dot-border-list .dot-border .desc {
  color: #000;
  text-align: center;
  line-height: 160%;
  word-break: break-word;
}
@media (max-width: 991.98px) {
  .dot-border-list .dot-border {
    width: calc(50% - 12px);
    height: 182px;
    padding: 16px 12px;
  }
  .dot-border-list .dot-border .img img {
    width: 40px;
    height: 40px;
  }
  .dot-border-list .dot-border .desc {
    font-size: 14px;
  }
}

.logcatch-shadow {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 991.98px) {
  .logcatch-shadow {
    gap: 16px;
  }
}
.logcatch-shadow .shadow-box {
  width: calc(33.3% - 21px);
  min-height: 340px;
}
@media (max-width: 991.98px) {
  .logcatch-shadow .shadow-box {
    width: 100%;
    min-height: 230px;
  }
}

.text-box .product-intro__list {
  margin-top: 24px;
}
.text-box .product-intro__list ul li {
  position: relative;
  padding-left: 15px;
  word-break: break-word;
}
.text-box .product-intro__list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .text-box .product-intro__list ul li {
    font-size: 15px;
  }
}

.dotted-graph {
  display: flex;
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .dotted-graph {
    gap: 25px;
  }
}
.dotted-graph li {
  width: 97px;
  height: 97px;
  border-radius: 50%;
  border: 1px dotted #0965EE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 140%;
  color: #0965EE;
  text-align: center;
  position: relative;
}
.dotted-graph li::after {
  content: "";
  width: 39px;
  border-top: 1px dotted #0965EE;
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.dotted-graph li:last-child::after {
  content: none;
}
@media (max-width: 991.98px) {
  .dotted-graph li {
    width: 62px;
    height: 62px;
    font-size: 13px;
  }
  .dotted-graph li::after {
    width: 24px;
    right: -25px;
  }
}

.features-list .features-box {
  position: relative;
  width: 75%;
  margin-top: 84px;
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .features-list .features-box {
    width: 100%;
    margin-top: 100px;
  }
}
.features-list .features-box.mirror {
  margin-left: auto;
}
.features-list .features-box.mirror .num {
  left: inherit;
  right: 0;
}
.features-list .features-box .num {
  position: absolute;
  top: -65px;
  left: -25px;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .features-list .features-box .num {
    left: 0;
  }
}
.features-list .features-box .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 991.98px) {
  .features-list .features-box .title {
    font-size: 18px;
  }
}
.features-list .features-box .desc {
  font-size: 18px;
  line-height: 160%;
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .features-list .features-box .desc {
    font-size: 14px;
  }
}
.features-list .features-box .product-intro__list {
  margin-top: 16px;
}
.features-list .features-box .product-intro__list ul li {
  position: relative;
  padding-left: 15px;
}
.features-list .features-box .product-intro__list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .features-list .features-box .product-intro__list ul li {
    font-size: 14px;
  }
}
.hover-more{
  position: relative;
}
.hover-more.active .hover-tab{
  display: flex; flex-direction: column;
}
/* .hover-more .icon-w-arrow{ display: none; margin-left: 5px;} */
.hover-more .icon-w-arrow{ background-image:url("../images/icon-bk-arrow.svg");margin-left: 5px;}
/* .hover-more .more-depth.active .icon-w-arrow{display: block;} */
.hover-more .more-depth.active .icon-w-arrow{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99812 3.80087C7.10582 3.801 7.86205 3.80093 8.08695 3.80087L8.84988 3.80114C8.96075 3.80105 9.10671 3.80103 9.24476 3.80101C9.33782 3.80099 9.4273 3.80098 9.5 3.80095L6.23279 8.56355C6.17034 8.65158 6.08687 8.70078 6 8.70078C5.91313 8.70078 5.82966 8.65158 5.76721 8.56355L2.5 3.80095L2.72184 3.80091H3.15355L3.52635 3.80095C3.55537 3.80094 3.59528 3.80091 3.6399 3.80089C3.7758 3.8008 3.95539 3.80069 4.00396 3.80091H6.59881C6.6314 3.80076 6.71389 3.80082 6.79718 3.80088C6.87875 3.80094 6.96109 3.80101 6.99812 3.80087Z' fill='white'/%3E%3C/svg%3E%0A");
}

.hover-tab{
  display: none;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  z-index: 100;
}
.hover-tab .btn{
  width: 180px; background-color: #fff;
}
.hover-tab .btn.active{
  text-decoration: underline; color: #0965EE; background-color: #fff;
}
.hover-tab .btn:hover{
  text-decoration: underline; color: #0965EE;
}
/* .hover-tab .btn.active{
  background-color: rgba(9, 101, 238, 0.08);;
} */
@media (max-width: 1199.98px) {
  .hover-more.active .hover-tab{
    display: none;
  }
}
.dashed-tab {
  padding: 12px;
  border-radius: 8px;
  border: 1px dashed #000;
  margin-top: 60px;
  
  flex-direction: column;
  gap: 12px;
  display: none;
}
@media (max-width: 1199.98px) {
  .dashed-tab {
    display: flex;
  }
}

@media (max-width: 991.98px) {
  .dashed-tab {
    gap: 6px;
    margin-top: 30px;
  }
}
.dashed-tab .main-tab .btn {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-align: center;
  border: 1px dashed #000;
  padding: 11px 15px;
  border-radius: 8px;
}
@media (max-width: 991.98px) {
  .dashed-tab .main-tab .btn {
    font-size: 12px;
    padding: 8px 4px;
  }
}
.dashed-tab .main-tab .btn.active {
  border: 1px dashed #0965EE;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), #0965EE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashed-tab .sub-tab {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 991.98px) {
  .dashed-tab .sub-tab {
    gap: 6px;
  }
}
.dashed-tab .sub-tab .btn {
  width: calc(33.3% - 8px);
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
  text-align: center;
  border: 1px dashed #000;
  padding: 11px 10px;
  border-radius: 8px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .dashed-tab .sub-tab .btn {
    font-size: 12px;
    padding: 8px 4px;
    width: calc(33.3% - 4px);
  }
}
.dashed-tab .sub-tab .btn.active {
  border: 1px dashed #0965EE;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), #0965EE;
}

.trusted-section .nav-tabs {
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .trusted-section .nav-tabs {
    margin-top: 30px;
  }
}
.trusted-section .tab-content__box {
  display: flex;
  gap: 24px;
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .trusted-section .tab-content__box {
    margin-top: 25px;
  }
}
.trusted-section .tab-content__list {
  margin-top: 24px;
}
.trusted-section .tab-content__list .list-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  color: #000;
}
@media (max-width: 991.98px) {
  .trusted-section .tab-content__list .list-title {
    font-size: 16px;
  }
}
.trusted-section .tab-content__list ul {
  margin-top: 16px;
}
.trusted-section .tab-content__list ul li {
  padding-left: 10px;
  position: relative;
  color: #000;
  line-height: 160%;
}
.trusted-section .tab-content__list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .trusted-section .tab-content__list ul li {
    font-size: 14px;
  }
}

.peta-shadow {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .peta-shadow {
    gap: 16px;
    margin-top: 30px;
  }
}
.peta-shadow .shadow-box {
  width: calc(20% - 26px);
  min-height: 240px;
  padding: 32px;
}
@media (max-width: 991.98px) {
  .peta-shadow .shadow-box {
    width: 100%;
    min-height: 130px;
  }
}
.peta-shadow .shadow-box .desc {
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .peta-shadow .shadow-box .desc {
    font-size: 14px;
  }
}

.table.normal {
  margin: 0;
}
.table.normal th {
  background-color: #eee;
}
.table.normal th, .table.normal td {
  padding: 11px 28px;
  border-bottom: 1px solid #eee;
}

.product-specification-content {
  margin-bottom: 60px;
}
@media (max-width: 991.98px) {
  .product-specification-content {
    margin-bottom: 0;
    margin-top: 30px;
  }
}

.system-container {
  margin-bottom: 200px;
}
@media (max-width: 991.98px) {
  .system-container {
    margin-bottom: 70px;
  }
}

.db-container {
  margin-bottom: 60px;
}
.db-container:last-child {
  margin-bottom: 0;
}

.db-compliance {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.db-box {
  padding: 16px 0;
  background-color: #F7F7F7;
  border-radius: 16px;
  display: flex;
  align-items: center;
}
.db-box .key {
  font-size: 18px;
  color: #000;
  line-height: 160%;
  position: relative;
   width: 130px;
  /* padding: 0 40px; */
  text-align:center;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .db-box .key {
    font-size: 14px;
	width: 87px;
  }
}
.db-box .key::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 36px;
  background: #ccc;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .db-box .key::after {
    height: 24px;
  }
}
.db-box .value {
  font-size: 14px;
  color: #666;
  line-height: 160%;
  padding: 0 13px 0 40px;
}
@media (max-width: 991.98px) {
  .db-box .value {
    font-size: 12px;
    padding: 0 13px 0 20px;
  }
}

/* 1.1 추가 수정 사항 */

/* --faq */
.answer-content p{ word-break: break-all;}
.support-banner.download .support-banner{ display: none;}
.datasheet-btn{ 
  border:1px solid #eee; 
  color: #222;
  font-size: 18px; 
  font-weight: 700; 
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 54px;
  margin-top:40px;
}
@media (max-width: 991.98px) {
  .datasheet-btn{
    height: 44px; font-size: 15px; margin-top: 20px;
  }
}
.product-intro-section:nth-child(4){
  padding-top: 0;
}
.content-body .btn-group{
  display: flex; align-items: center; gap:8px; margin: 40px 0 20px;
}
.content-body .btn-group .btn{ width: 50%;}
.form-file{
  display: flex; align-items: left; gap: 8px; margin-bottom: 16px;
}
.form-file .form-control{ margin-top: 0;}


.form-file label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .form-file .btn{
    font-size: 13px; padding: 0 20px; display: flex; align-items: center; justify-content: center;
  }
}
.form-file input[type="file"] {
  display: none;
}
.success-btn{
  width: 20%;
}
@media (max-width: 767.98px) {
  .success-btn{
    width: 100%; margin-top: 10px !important;
  }
}

.file-text{width: 90%;}
.file-find{width: 9%;}
/*
.file-text{width: 70%;}
.file-add{width: 9%;}
.file-remove{width: 9%;}
*/
@media (max-width: 992.98px) {
  .file-text{width: 86%;}
  .file-find{width: 12%;}
  /*
  .file-text{width: 60%;}
  .file-add{width: 12%;}
  .file-remove{width: 12%;}
  */  
}
@media (max-width: 580px) {
  .file-text{width: 82%;}
  .file-find{width: 14%; font-size: 11px !important;}
  /*  
  .file-text{width: 50%;}
  .file-add{width: 14%; font-size: 11px !important;}
  .file-remove{width: 14%; font-size: 11px !important;}
  */
}
@media (max-width: 400px) {
  .file-text{width: 85%; padding: 0 25px 0 12px;}
  .file-find{width: 15%;}
  /*
  .file-text{width: 45%; padding: 0 25px 0 12px;}  
  .file-add{width: 15%;}
  .file-remove{width: 15%;}
  */
}
.footer-find{
  display: flex; flex-direction: column; justify-content: flex-end;
}
.skill-btn .btn{
  display: inline-flex; align-items: center; justify-content: center; margin-top: 10px;
}
@media (max-width: 767.98px) {
  .skill-btn {
    display: flex; justify-content: center;
  }
}
.d-inline-flex{
  display: inline-flex !important;
}
.mo-depth-wrap{
  display: none;
}
@media (max-width: 767.98px) {
  .mo-depth-wrap{
    display: block;
  }
  .mo-depth-wrap .depth1-active{
    padding: 14px 16px; background-color: #F7F7F7; font-weight: 700; font-size: 16px; color: #222; line-height: 160%;
  }
  .mo-depth-wrap .depth2-active{
    padding: 14px 16px; font-weight: 700; font-size: 16px; color: #222; line-height: 160%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;;
  }
  .mo-depth2{
    position: relative;
  }
  .mo-depth2 > .depth-box{
    position: absolute; z-index:1001; background-color: #fff;
    width: 100%; padding: 16px; border-bottom: 1px solid #eee; display: none;
  }
  .depth2-active .icon-depth-arrow{
    transition: all .3s;
  }
  .depth2-active.active .icon-depth-arrow{
    transform: rotate(180deg); transition: all .3s;
  }
  .mo-depth2 > .depth-box > li{
    margin-bottom: 16px; 
  }
  .mo-depth2 > .depth-box > li:last-child{
    margin-bottom: 0; 
  }
  .mo-depth2 > .depth-box > li > a{
    line-height: 160%;
  }
  .mo-depth2 > .depth-box > li > ul{
    display: flex;flex-direction: column; gap: 16px; padding: 16px 16px 0 16px ;
  }
}
.detail-btns{
  display: flex; align-items: center; justify-content: space-between;
}
.m-btns{
  display: flex; align-items: center; gap: 4px;
}
@media (max-width: 767.98px) {
  .detail-btns{
    flex-direction: column; gap: 15px;
  }
  .detail-btns .btn{
    padding: 0 18px;
  }
  .m-btns{
   width:100%; justify-content: space-between;
  }
  .m-btns >div{
    display: flex ; align-items: center; gap: 4px;
  }
}
.remote{
  position: relative;
}
.remote:hover .ballon{ display: block;}
.ballon {
  display: none;
  min-width: 115px;
  position: absolute;
  left: 50%;
  bottom: -50px;
  background: rgba(0, 0, 0, 0.80);
  color: white;
  border-radius: 8px;
  text-align: center;
  padding: 4px 12px;
  font-size: 13px;
  line-height: 22px;
  transform: translateX(-50%);
}


.ballon:after {
  border-top: 0 solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
/*# sourceMappingURL=maps/style.css.map */